body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ActionButton{background-color:#fffdeb;color:#000;padding:5px 15px;border:1px solid black;border-radius:3px}.ActionButton:hover{background-color:#ebffef}button.close-error{background:none;border:none;color:#fff;font-size:small;position:absolute;top:10px;right:10px;cursor:pointer}button.close-error:hover{color:#ddd}.spacer{height:50px}.error-message{color:#fff;background-color:red;padding:10px;font-size:14px;margin-top:10px;margin-bottom:10px;font-weight:700;border-radius:10px;display:flex;align-items:center}.error-message span,.error-message div{flex-grow:1;text-align:center}.error-message button.close-error{background-color:red;color:#fff;padding:3px;margin:0;font-weight:700;width:auto;display:flex;justify-content:space-between;align-items:center;position:inherit;border:none}.error-message button.close-error:hover{background-color:#fffbfb;color:#000}.error-message a{color:#fff;text-decoration:underline;margin-left:5px}.App{text-align:center}.App-logo{height:10vmin;pointer-events:none;display:inline-block}.App-header{background-color:#282c34;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.HeaderProject a{text-decoration:none;color:#fff}body{font-family:Arial,sans-serif;background-color:#f8f8f8}nav{padding:10px 20px;box-shadow:0 4px 6px #0000001a}nav ul{margin:0;padding:0;list-style-type:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}nav li{margin:5px 10px;display:inline-block}nav a{display:inline-block;padding:12px 24px;background-color:#c2f4c7;color:#000;text-decoration:none;font-size:16px;text-transform:uppercase;border-radius:8px;border:2px solid transparent;box-shadow:0 4px 8px #0000001a;transition:background-color .3s ease,color .3s ease,transform .3s ease,font-weight .3s ease,box-shadow .3s ease,border-color .3s ease;font-weight:400;-webkit-user-select:none;user-select:none}nav a:hover{background-color:#1e90ff;color:#fff;transform:scale(1.05);font-weight:700;box-shadow:0 6px 12px #0003;border-color:#1e90ff}nav a.active{background-color:#1e90ff;color:#fff;font-weight:700;box-shadow:0 6px 12px #0003;border-color:#1e90ff}nav a:focus{outline:none;box-shadow:0 0 0 3px #1e90ff80}.About{padding:20px;max-width:800px;margin:0 auto;font-family:Arial,sans-serif;line-height:1.6}.About h1{font-size:2rem;color:#333;margin-bottom:15px}.About p{font-size:1rem;color:#222;margin-bottom:15px;text-align:justify}.About a+a{margin-left:40px}.BodyButton{background-color:#fff;color:#000;border:1px solid black;padding:10px 20px}.BodyButton:hover{background-color:#daffe8}.slider-container{display:flex;justify-content:center;align-items:center;width:80%;margin:auto}.slider-content{display:flex;align-items:center;width:100%}.slider-image{position:relative;width:50%}.slider-image img{width:100%;height:auto;transition:all .3s ease}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;cursor:pointer;background:none;border:none}.slider-arrow.left{left:10px}.slider-arrow.right{right:10px}.slider-navigation{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:10px;z-index:2}.dot{height:10px;width:10px;margin:0 5px;border-radius:50%;border:1px solid #333;background-color:#eee;cursor:pointer;transition:background-color .3s}.dot.filled{background-color:#333}.slider-text{width:50%;padding-left:20px;text-align:left}.slider-text h2{font-size:1.5rem;font-weight:700}.slider-buttons{display:flex;justify-content:flex-start;gap:15px;margin-top:10px}.slider-button{padding:12px 25px;font-size:1rem;background-color:#fff;color:#000;border:2px solid black;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.slider-button:hover{background-color:green;color:#fff}@media (max-width: 768px){.slider-content{flex-direction:column}.slider-image{width:100%}.slider-text{width:100%;padding-left:0;text-align:center;margin-top:20px}.slider-arrow{font-size:2rem}}.PublicHome{padding:50px 0}.ProjectList{padding:10px;font-family:Arial,sans-serif}.ProjectList .add-project{margin-top:20px;margin-bottom:20px}.ProjectList .add-project-button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;cursor:pointer;font-size:16px;transition:background-color .3s}.ProjectList .add-project-button:hover{background-color:#45a049}.ProjectList .add-project-form{display:flex;flex-direction:column;gap:10px;margin:20px auto;flex-wrap:wrap;max-width:600px;border:1px solid #ccc;border-radius:5px;padding:30px}.ProjectList .add-project-form input,.ProjectList .add-project-form textarea{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;width:100%;box-sizing:border-box}.ProjectList .add-project-form button.add-project-form-button{padding:10px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;font-size:16px;border-radius:5px}.ProjectList .add-project-form button.add-project-form-button:hover{background-color:#45a049}.ProjectList .add-project-form button.add-project-form-button[type=button]{background-color:#f44336}.ProjectList .add-project-form button.add-project-form-button[type=button]:hover{background-color:#e53935}.ProjectList .add-project .error-message{margin-top:3px;margin-bottom:15px;color:red;background-color:#fff;padding:0}.ProjectList .add-project .error-message .close-error{color:red;background-color:#fff}.ProjectList .ProjectListItem{padding:10px;margin-bottom:10px;background-color:#fff;border:1px solid #ddd;border-radius:5px;display:inline-block;width:400px;margin-right:10px;cursor:pointer;transition:background-color .3s;vertical-align:top}.ProjectList .ProjectListItem-details{flex-grow:1}.ProjectList .ProjectListItem h3{margin:0;font-size:18px}.ProjectList .ProjectListItem p{margin:5px 0;font-size:14px;color:#555}.ProjectList .ProjectListItem:hover{background-color:#c0ffd6}.Project{padding:50px 0}.ProjectFeature{width:200px;height:100px;line-height:100px;border:1px solid black;display:inline-block;padding:10px;margin:20px;text-decoration:none;color:#000}.ProjectFeature:hover{background-color:#c0ffd6}.ReturnButton{background-color:#fff;color:#000;border:1px solid black;width:50px;height:50px;float:left;cursor:pointer}.ProjectEdit{margin:40px}.ProjectEdit .field-row{width:100%;max-width:800px;margin:10px auto}.ProjectEdit button{margin:5px}.ProjectEdit label{margin:5px;vertical-align:top}.ProjectEdit textarea{min-height:200px;width:calc(100% - 150px)}.ProjectEdit input{width:calc(100% - 150px)}.ProjectEdit .Delete{float:right;background-color:#ffd4d4}.ProjectEdit .Delete:hover{background-color:#ff5757}.ProjectEdit .bordered-container{border:1px solid black;padding:5px}.ProjectEdit input.short-input{width:200px}.ProjectEdit .status-item{border:1px solid black;display:inline-block;padding:10px;margin:10px}.ProjectEdit .status-item label{vertical-align:middle}.ProjectEdit .tickettype-item{border:1px solid black;display:block;padding:10px;margin:10px}.ProjectEdit .tickettype-item label{vertical-align:middle}.ProjectDelete .delete-button{background-color:#ffd4d4;color:#000;border:1px solid black;padding:10px 20px}.ProjectDelete .delete-button:hover{background-color:#ff5757}.ProjectDelete button{margin:5px 20px}.Contact{font-family:Arial,sans-serif;max-width:500px;margin:50px auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a}.Contact h1{text-align:center;color:#333;margin-bottom:20px}.Contact form{display:flex;flex-direction:column;margin-top:40px;padding:20px}.Contact form div{margin-bottom:15px}.Contact label{font-weight:700;margin-bottom:5px;color:#333}.Contact input,.Contact textarea{width:100%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:4px;font-size:16px;box-sizing:border-box}.Contact button{padding:10px;background-color:#007bff;color:#fff;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.Contact button:hover{background-color:#0056b3}.Contact p{text-align:center;font-size:16px;color:#333;margin-top:20px}.Login{max-width:400px;margin:0 auto;text-align:center}.Login .form-container{max-width:400px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.Login input[type=text],.Login input[type=email],.Login input[type=password]{width:100%;padding:12px;margin:10px 0;border:1px solid #ddd;border-radius:4px}.Login button{width:200px;padding:12px;margin:10px 0;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}.Login button:disabled{background-color:#ccc}.Login button:hover{background-color:#0056b3}.Login h2{text-align:center;margin-bottom:20px}.Login label{display:block;font-size:14px;margin-top:10px}.Login label input[type=checkbox]{margin-right:8px;vertical-align:middle}.Login .Register{padding-top:10%}.Login .Register button{padding:5px 10px;width:inherit;background:#4b8c67}.Terms{text-align:justify;margin:40px 0}.TermsWrapper{max-width:800px;margin:50px auto}.TicketList{padding:10px;font-family:Arial,sans-serif}.TicketListItem{border:1px solid black;padding:5px 20px;width:min(800px,90%);margin:10px auto;display:block;text-decoration:none;color:#000;background-color:#fdfdfd;box-shadow:2px 2px 3px 2px #c6c6c6}.TicketListItem:hover{background-color:#c0ffd6}.TicketListItem h1{margin:0;padding:5px}.Ticket{margin-bottom:50px}.Ticket .description{text-align:left;max-width:1000px;margin:10px auto}.Ticket .Ticket-info-section,.TicketListItem .Ticket-info-section{margin:10px}.Ticket .info,.TicketListItem .info{margin:3px 10px;display:inline-block;vertical-align:top}.Ticket .info-key,.TicketListItem .info-key{color:gray}.Ticket .info-key:after,.TicketListItem .info-key:after{content:" "}.TicketListItem .epic-title,.Ticket .epic-title{color:#00f}.Ticket .epic-box{width:max-content;margin:50px auto 20px}.Ticket .epic-box li{text-align:left}.Ticket .epic-box ul{list-style-type:none;padding-left:0}.Ticket .epic-box a{text-decoration:none}.ActivityMark{width:10px;height:10px;display:inline-block;border-radius:5px;margin:3px 10px;vertical-align:middle}.ActivityMark-active{background-color:#40fdc0;border:1px solid #189718}.ActivityMark-deactive{background-color:#c4c4c4;border:1px solid #777}.TicketsFilter{border:1px solid black;width:min(1000px,90%);padding:5px 20px;margin:10px auto;display:block;text-decoration:none;color:#000;background:#fbefdd}.TicketsFilter .filter-row{margin:5px 10px;border:1px solid black;padding:5px;display:inline-block}.TicketsFilter .filter-row div.filter-sub-row{margin:5px 10px}.TicketsFilter{position:relative}.TicketsFilter .filter-toggle-btn{padding:10px;background-color:#e8be3f;color:#fff;border:none;cursor:pointer;transition:background-color .3s;width:40px;height:40px;border-radius:50%;position:absolute;top:10px;right:10px}.TicketsFilter .filter-toggle-btn:hover{background-color:#0056b3}.AddTicketFrame{margin-top:20px;margin-bottom:20px}.AddTicketButton{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;cursor:pointer;font-size:16px;transition:background-color .3s}.AddTicketButton:hover{background-color:#45a049}.AddTicketForm{display:flex;flex-direction:column;gap:10px;margin:20px auto;flex-wrap:wrap;max-width:600px;border:1px solid #ccc;border-radius:5px;padding:30px}.AddTicketForm input,.AddTicketForm textarea{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;width:100%;box-sizing:border-box}.AddTicketForm textarea{height:250px}.AddTicketForm select{padding:3px 10px}.AddTicketForm button.AddTicketFormButton{padding:10px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;font-size:16px;border-radius:5px}.AddTicketForm button.AddTicketFormButton:hover{background-color:#45a049}.AddTicketForm button.AddTicketFormButton[type=button]{background-color:#f44336}.AddTicketForm button.AddTicketFormButton[type=button]:hover{background-color:#e53935}.AddTicketFrame .error-message{margin-top:3px;margin-bottom:15px;color:red;background-color:#fff;padding:0}.AddTicketFrame .error-message .close-error{color:red;background-color:#fff}.pagination{display:flex;justify-content:center;align-items:center;list-style:none;padding:0;margin:30px}.pagination li{margin:0 5px}.pagination a{background-color:#fff;text-decoration:none;-webkit-user-select:none;user-select:none;padding:8px 16px;color:#007bff;border:1px solid #ddd;border-radius:5px;font-size:14px;transition:background-color .3s ease,color .3s ease}.pagination a:hover{background-color:#007bff;color:#fff}.pagination .active a{background-color:#007bff;color:#fff;font-weight:700}.pagination .disabled a{background-color:#f5f5f5;color:#ccc;pointer-events:none;cursor:not-allowed}.TicketEdit{margin:40px}.TicketEdit .field-row{width:100%;max-width:800px;margin:10px auto}.TicketEdit label{margin-right:5px;vertical-align:top}.TicketEdit textarea{min-height:200px;width:calc(100% - 150px)}.TicketEdit input{width:calc(100% - 150px)}.TicketEdit .Delete{float:right}.TicketEdit .selected-epic{border:1px solid black;padding:3px 10px;clear:both;background-color:#e8f9f2}.TicketEdit .selected-epic button{border:1px solid black;border-radius:3px;padding:3px 5px;margin:2px 5px;background-color:#fff}.TicketEdit .selected-epic button:hover{background-color:#fbb}.TicketEdit .side-by-side-container{display:flex;flex-wrap:wrap;justify-content:center}.toggle-button{display:inline-block;width:80px;position:relative;margin-left:5px}.toggle-button input{display:none}.toggle-slider{background-color:#dbdbdb;padding:5px;text-align:center;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono;font-size:small;border-radius:30px;cursor:pointer;transition:.5s}.toggle-slider:after{content:"Off"}.toggle-slider:before{background-color:#fff;width:15px;height:15px;position:absolute;left:5px;content:"";border-radius:50%}input:checked+.toggle-slider:before{right:5px;left:auto}input:checked+.toggle-slider:after{content:"On"}input:checked+.toggle-slider{background-color:#1a9d7e;color:#fff}.FilterBox{display:inline-block}.FilterBox input{width:100%}.FilterBox-item{border:1px solid black}.FilterBox-item:hover{background-color:#fffbe3}.TicketDelete .delete-button{background-color:#ffd4d4;color:#000;border:1px solid black;padding:10px 20px}.TicketDelete .delete-button:hover{background-color:#ff5757}.Kanban{display:flex;overflow-x:auto;flex-wrap:nowrap;justify-content:space-between;transform:rotateX(180deg)}.Kanban .kanban-column{background-color:#fff;border-radius:8px;padding:10px;flex:1 1 20%;min-width:200px;margin-right:10px;box-shadow:0 2px 8px #0000001a;transform:rotateX(180deg)}.Kanban .kanban-column h3{text-align:center;color:#fff;background:#4965ff;padding:3px;border-radius:7px;margin:10px 0 20px}.Kanban .kanban-tickets{margin-top:10px}.Kanban .kanban-ticket{background-color:#fdfaed;margin-bottom:10px;padding:10px;border-radius:4px;box-shadow:0 2px 4px #0000003d;cursor:grab}.Kanban .kanban-ticket:active{cursor:grabbing}.Kanban .kanban-ticket h4{margin:0;color:#333}.Kanban .kanban-ticket a{text-decoration:none;color:#000}.Kanban .kanban-ticket p{font-size:.9rem;color:#666}.KanbanHead .AddTicketFrame{min-height:40px;margin:5px 20px}.KanbanHead .AddTicketFrame .AddTicketButton{float:right}.Account{padding:20px;background-color:#f4f4f4;border-radius:8px;width:300px;margin:0 auto}.Account .profile-info{margin-bottom:20px}.Account .profile-info div{margin-bottom:10px}.Account .password-section{margin-top:20px}.Account input{padding:8px;margin-right:10px;width:100%;margin-bottom:10px}.Account button{padding:8px 12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-right:10px}.Account button:hover{background-color:#0056b3}.NotFound{display:flex;justify-content:center;align-items:center;height:80vh;color:#8b0000;text-align:center;margin:0;flex-direction:column}.NotFound h1{font-size:5rem;margin-bottom:20px}.NotFound p{font-size:2rem}.NotFound .button{margin-top:30px;padding:15px 30px;font-size:1.5rem;background-color:#8b0000;color:#fff;border:none;cursor:pointer;border-radius:5px;transition:background-color .3s}.NotFound .button:hover{background-color:#a00000}.PrivacyPolicy{text-align:justify;margin:40px 0}.PrivacyPolicyWrapper{max-width:800px;margin:50px auto}.NoteList{padding:10px;font-family:Arial,sans-serif}.NoteListItem{border:1px solid black;padding:5px 20px 20px;width:min(800px,90%);margin:10px auto;display:block;text-decoration:none;color:#000;background-color:#fdfdfd;box-shadow:2px 2px 3px 2px #c6c6c6}.NoteListItem:hover{background-color:#c0ffd6}.NoteListItem h1{margin:0;padding:5px}.Note{margin-bottom:50px}.Note .description{text-align:left;max-width:1000px;margin:10px auto}.Note .Note-info-section,.NoteListItem .Note-info-section{margin:10px}.Note .info,.NoteListItem .info{margin:3px 10px;display:inline-block;vertical-align:top}.Note .info-key,.NoteListItem .info-key{color:gray}.Note .info-key:after,.NoteListItem .info-key:after{content:" "}.NoteListItem .epic-title,.Note .epic-title{color:#00f}.Note .epic-box{width:max-content;margin:50px auto 20px}.Note .epic-box li{text-align:left}.Note .epic-box ul{list-style-type:none;padding-left:0}.Note .epic-box a{text-decoration:none}.NotesFilter{border:1px solid black;width:min(1000px,90%);padding:5px 20px;margin:10px auto;display:block;text-decoration:none;color:#000;background:#fbefdd}.NotesFilter .filter-row{margin:5px 10px;border:1px solid black;padding:5px;display:inline-block}.NotesFilter .filter-row div.filter-sub-row{margin:5px 10px}.NotesFilter{position:relative}.NotesFilter .filter-toggle-btn{padding:10px;background-color:#e8be3f;color:#fff;border:none;cursor:pointer;transition:background-color .3s;width:40px;height:40px;border-radius:50%;position:absolute;top:10px;right:10px}.NotesFilter .filter-toggle-btn:hover{background-color:#0056b3}.AddNoteFrame{margin-top:20px;margin-bottom:20px}.AddNoteButton{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;cursor:pointer;font-size:16px;transition:background-color .3s}.AddNoteButton:hover{background-color:#45a049}.AddNoteForm{display:flex;flex-direction:column;gap:10px;margin:20px auto;flex-wrap:wrap;max-width:600px;border:1px solid #ccc;border-radius:5px;padding:30px}.AddNoteForm input,.AddNoteForm textarea{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;width:100%;box-sizing:border-box}.AddNoteForm textarea{height:250px}.AddNoteForm select{padding:3px 10px}.AddNoteForm button.AddNoteFormButton{padding:10px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;font-size:16px;border-radius:5px}.AddNoteForm button.AddNoteFormButton:hover{background-color:#45a049}.AddNoteForm button.AddNoteFormButton[type=button]{background-color:#f44336}.AddNoteForm button.AddNoteFormButton[type=button]:hover{background-color:#e53935}.AddNoteFrame .error-message{margin-top:3px;margin-bottom:15px;color:red;background-color:#fff;padding:0}.AddNoteFrame .error-message .close-error{color:red;background-color:#fff}.NoteEdit{margin:40px}.NoteEdit .field-row{width:100%;max-width:800px;margin:10px auto}.NoteEdit label{margin-right:5px;vertical-align:top}.NoteEdit textarea{min-height:200px;width:calc(100% - 150px)}.NoteEdit input{width:calc(100% - 150px)}.NoteEdit .Delete{float:right}.NoteEdit .selected-epic{border:1px solid black;padding:3px 10px;clear:both;background-color:#e8f9f2}.NoteEdit .selected-epic button{border:1px solid black;border-radius:3px;padding:3px 5px;margin:2px 5px;background-color:#fff}.NoteEdit .selected-epic button:hover{background-color:#fbb}.NoteEdit .side-by-side-container{display:flex;flex-wrap:wrap;justify-content:center}.NoteDelete .delete-button{background-color:#ffd4d4;color:#000;border:1px solid black;padding:10px 20px}.NoteDelete .delete-button:hover{background-color:#ff5757}