*{font-family:Open Sans,sans-serif}:root{--dark-primary: #2D3E4E;--dark-secondary: #1A242E;--dark-teal: #8CBDB9;--dark-lightteal: #E8ECEB;--dark-yellow: #E09E50;--dark-red: #e05050;--dark-fonts: white}.logo,h1,h2,h3,h4,h5,h6,button,input,textarea,select,label,a{font-family:Open Sans,sans-serif}.page-button{padding:.5rem 1rem;background-color:var(--dark-teal);color:#fff;text-decoration:none;border:none;border-radius:5px;font-weight:400;font-size:1rem;transition:background-color .3s ease}.page-button:hover{color:#fff;background-color:var(--dark-lightteal)}.tag-container{display:inline-flex;flex-wrap:wrap;gap:.5rem;align-items:center}.team-tag{display:inline-block;padding:.5rem 1rem;background:linear-gradient(45deg,var(--dark-primary) 0%,var(--dark-teal) 100%);color:#fff;font-size:.75rem;border-radius:25px;font-weight:600;border:none}.status-tag{display:inline-block;padding:.5rem 1rem;background:linear-gradient(45deg,var(--dark-yellow) 0%,var(--dark-red) 100%);color:#fff;font-size:.75rem;border-radius:25px;font-weight:600;border:none}.deadline-tag{display:inline-block;padding:.5rem 1rem;background:linear-gradient(45deg,var(--dark-primary) 0%,var(--dark-teal) 100%);color:#fff;font-size:.75rem;border-radius:25px;font-weight:600;border:none;margin-left:auto}*{box-sizing:border-box}:root{--section-spacing: 4rem;--content-padding: 4rem}html,body{height:100%;margin:0;padding:0}body{background-color:#2d3e4e;color:#fff}#root{min-height:100vh;display:flex;flex-direction:column}nav{flex:none}.page-container{flex:1}main{flex:1}section{margin-bottom:var(--section-spacing);padding:0 var(--section-spacing)}h1{text-align:left;margin-left:2.5rem;margin-top:5rem;font-size:2.5rem}h2{text-align:left;font-size:2rem;margin-bottom:0}p{text-align:left}#page-title{display:flex;justify-content:flex-start;align-items:baseline;gap:1.5rem;text-align:left;padding:1rem var(--content-padding);margin-top:4rem;margin-left:2rem;border-bottom:1px solid lightgrey}.subtitle{display:flex;justify-content:flex-start;padding:0 var(--content-padding);margin-top:0}main.page-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 2rem);padding:2rem var(--content-padding);margin-top:2rem;gap:2rem}main.page-content>form{width:50%}.content-wrapper{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap}.image-container{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--dark-secondary) 0%,var(--dark-primary) 100%);border-radius:10px;padding:2rem;width:40rem;height:30rem}.secondary-img{object-fit:cover}.text-column,.image-column,.form-column{flex:1}.text-column{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;min-height:25rem}.image-column img{width:100%;height:auto;object-fit:cover;border-radius:5px}@media (max-width: 768px){.content-wrapper{flex-direction:column}}.form-row input,.form-row textarea,.form-row select{flex:1;min-width:0;padding:.5rem;border:1px solid rgba(255,255,255,.4);background-color:#ffffff1a;color:#fff;font-size:.8rem;transition:border-color .2s ease,background-color .2s ease;box-sizing:border-box}.form-row input:focus,.form-row textarea:focus{outline:none;border-color:#fff;background-color:#fff3}.form-row input::placeholder,.form-row textarea::placeholder{color:#fff9}.form-row input[type=file]{background-color:#ffffff1a;border:2px dashed rgba(255,255,255,.4);padding:.25rem;color:#fff}.form-row input[type=file]:hover{border-color:#fff;background-color:#ffffff26}.form-row .editor-container{border:1px solid #ccc;border-radius:4px;min-height:150px;flex:1;min-width:0;box-sizing:border-box}.form-row .editor-inner{position:relative}.form-row .editor-input{min-height:150px;padding:12px;outline:none;font-size:14px;line-height:1.4}.form-row .editor-placeholder{position:absolute;top:12px;left:12px;color:#999;pointer-events:none}.form button{width:100%;padding:.75rem;background:var(--dark-teal);color:#fff;border:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-top:.5rem;border-radius:4px}.form button:hover{background:#000c}.form-actions{display:flex;gap:.75rem;margin-top:.75rem}.form-actions button{flex:1;margin-top:0}.form-actions .save-button{background:#6c757dcc}.form-actions .save-button:hover{background:#5a6268e6}.form-actions .cancel-button{background:#6c757dcc}.form-actions .cancel-button:hover{background:#5a6268e6}.image-preview{width:80px;height:80px;object-fit:cover;border-radius:6px;margin-top:.5rem;border:2px solid rgba(255,255,255,.4)}.success-message{background-color:#d4edda;color:#155724;padding:.75rem;margin:.5rem 0;border:1px solid #c3e6cb;border-radius:4px;text-align:center;font-weight:500}.error-message{color:#e74c3c;font-size:.8rem;margin:-.25rem 0 .5rem;font-weight:500}.general-error{text-align:center;font-size:.9rem;padding:.75rem;background-color:#fdf2f2cc;border:1px solid #fecaca;margin-bottom:.75rem;border-radius:4px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.left-section,.center-section,.right-section{display:flex;align-items:center;gap:1rem}.center-section{position:absolute;left:50%;transform:translate(-50%)}#main-pages,#user-access{display:flex;gap:1rem;align-items:center}a.home-link{font-weight:400;color:var(--dark-fonts);font-size:1.25rem;text-decoration:none}a.home-link:hover{color:var(--dark-teal)}a.page-link{color:var(--dark-fonts);text-decoration:none;font-size:1rem}a.nav-button{padding:.5rem 1rem;border:1px solid white;border-radius:5px;color:var(--dark-fonts);text-decoration:none;font-weight:400;font-size:1rem;transition:background-color .3s ease}a.nav-button:hover{color:var(--dark-teal)}.profile-button{padding:.5rem 1rem;border:none;color:var(--dark-fonts);background:none;text-decoration:none;font-weight:400;font-size:1rem}.profile-button:hover{color:var(--dark-teal)}.logo-image{width:1.5rem;height:1.5rem;margin:0 auto;overflow:hidden;position:relative}.logo-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.hamburger{display:none;background:none;border:none;cursor:pointer}.mobile-user-controls{display:none}@media (max-width: 768px){.center-section,.right-section,.nav-button{display:none}.hamburger{display:block}.mobile-user-controls{display:flex;align-items:center;gap:.5rem;position:absolute;right:1rem}.mobile-menu{display:flex;flex-direction:column;position:absolute;top:70px;left:0;width:100%;background:var(--dark-primary);padding:1rem 2rem;gap:1rem;box-shadow:0 2px 6px #0003}.mobile-links{display:flex;flex-direction:column;gap:.75rem}.mobile-link{font-size:1.1rem;color:var(--dark-fonts);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left}.mobile-link:hover{color:var(--dark-teal)}.mobile-menu.hidden{display:none}}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000;display:flex;justify-content:flex-end}.sidebar{background-color:var(--dark-secondary);width:600px;height:100vh;box-shadow:-4px 0 12px #0000004d;display:flex;flex-direction:column;color:#fff;transform:translate(0);animation:slideIn .3s ease-out}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(45deg,var(--dark-teal) 0%,var(--dark-yellow) 100%);min-height:8rem}.sidebar-header h2{margin:0;font-size:1.25rem;font-weight:600}.sidebar-header button{background:none;border:none;color:var(--dark-secondary);font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.sidebar-header button:hover{background-color:#ffffff1a;color:#fff}.sidebar-content{flex:1;padding:1.5rem;overflow-y:auto}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.sidebar{width:100vw;max-width:400px}}.user-actions{display:inline-flex;flex-wrap:wrap;gap:.5rem}.task-container{display:flex;gap:2rem;padding:2rem}.task_list{flex:1;background:#0000004d;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:1rem;min-height:200px;max-width:500px}.task-card{background:var(--dark-secondary);border-radius:8px;padding:1rem;margin:0;border:1px solid rgba(255,255,255,.1);transition:transform .2s ease;cursor:pointer;text-align:left;word-wrap:break-word;min-height:60px;display:flex;align-items:flex-start;justify-content:flex-start;color:inherit;font-family:inherit;font-size:12px;font-weight:400;line-height:1.4;text-decoration:none}.task-card a{color:inherit;text-decoration:none;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.task-card a:hover,.task-card a:visited,.task-card a:focus,.task-card a:active{color:inherit;text-decoration:none}.task-card:hover{transform:translateY(-2px)}.uploaded-image{width:150px;height:150px;object-fit:cover;margin:.5rem;display:inline-block}.footer-bar{background-color:#2d3e4e;color:#fff;padding:8px 16px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem var(--content-padding);margin:3rem auto 0;gap:.5rem;max-width:600px}.hero>h1{text-align:center;margin:0}.homepage-content{font-family:Lato,sans-serif;font-weight:400;font-style:normal;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem var(--content-padding);gap:5rem}.feature-row{display:flex;gap:1rem;justify-content:center;align-items:stretch;margin-top:2rem}.feature-card{background:linear-gradient(180deg,var(--dark-secondary) 0%,var(--dark-primary) 100%);overflow:hidden;border-radius:10px;width:20rem;height:20rem;display:flex;flex-direction:column;justify-content:flex-end}.feature-info{padding:2rem;text-align:center}.feature-info h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--dark-fonts);line-height:1.3}.feature-info .description{color:var(--dark-lightteal);margin:0;font-size:.9rem;text-align:center}@media (max-width: 768px){.feature-row{flex-direction:column;align-items:center;gap:1rem}}.projects-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;width:100%;max-width:1200px}.project-card{background:#fff;overflow:hidden;transition:all .3s ease;text-decoration:none;border-radius:10px}.project-card:hover{transform:translateY(-2px)}.project-card.in_progress{background:linear-gradient(180deg,var(--dark-yellow) 0%,var(--dark-lightteal) 100%);border-color:var(--dark-yellow)}.project-card.review{background:linear-gradient(180deg,var(--dark-teal) 0%,var(--dark-lightteal) 100%);border-color:var(--dark-teal)}.project-card.completed{background:linear-gradient(180deg,var(--dark-lightteal) 0%,var(--dark-primary) 100%);border-color:var(--dark-lightteal)}.project-card.on_hold{background:linear-gradient(180deg,var(--dark-secondary) 0%,var(--dark-primary) 100%);border-color:var(--dark-secondary)}.project-card.cancelled{background:linear-gradient(180deg,var(--dark-red) 0%,var(--dark-lightteal) 100%);border-color:var(--dark-red)}.project-info{padding:1.25rem;text-align:center}.project-info h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#fff;line-height:1.3}.project-description{color:#fff;margin:0;font-size:.9rem;font-style:italic}.project-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.project-button{padding:.5rem 1rem;background-color:var(--dark-secondary);color:#fff;text-decoration:none;border:none;border-radius:7px;font-weight:400;font-size:.75rem;transition:background-color .3s ease}.project-button:hover{color:#fff;background-color:var(--dark-primary)}@media (max-width: 768px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}}@media (max-width: 480px){.projects-grid{grid-template-columns:1fr;gap:1rem}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modal-container{background-color:var(--dark-secondary);border-radius:8px;padding:24px;width:100%;max-width:448px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;height:10px}.modal-close-button{color:var(--dark-lightteal);background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:color .15s ease-in-out}.modal-close-button:hover{color:#4b5563}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:4px}.form-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.error{border-color:#ef4444}.form-textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;resize:vertical;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background-color:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.project-board{display:flex;gap:2rem;padding:2rem}.drop-zone{flex:1;background:#0000004d;border-radius:8px;padding:1rem 2rem;gap:1rem;min-height:100px;max-width:400px}.tasks-column{display:flex;flex-direction:column;border-radius:8px;padding:1rem;min-height:100px}.new-task{background:var(--dark-secondary);color:var(--dark-fonts);text-align:center;border-radius:8px;padding:1rem;margin:1rem;cursor:grab}.project-task{background:var(--dark-secondary);border-radius:8px;margin:.5rem;cursor:grab;display:flex;align-items:center;justify-content:space-between;padding:1rem}.project-task h4{margin:0;text-align:left}.profile-img{width:100px;height:100px;border-radius:50px;object-fit:cover}.profile-img-container{flex-shrink:0}.project-info{display:inline-flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem}.task-container{display:flex;flex-direction:column}.task-title{display:flex;gap:1rem}.task-details{display:flex;flex-direction:column;gap:1rem}.form{max-width:500px;margin:1rem auto;padding:1.5rem;background-color:#1a242e80;font-size:.85rem;border-radius:8px}.form h2{text-align:left;margin-bottom:1rem;color:#fff;font-weight:500;font-size:1rem}.form-row{display:flex;align-items:center;margin-bottom:.5rem;justify-content:flex-start}.form-row label{flex:none;width:auto;margin:0;color:#fff;font-size:.8rem;font-weight:500;text-align:left;padding-right:.5rem;white-space:nowrap}.form-row .value{flex:1;min-width:0;padding:.5rem;border:1px solid rgba(255,255,255,.4);background-color:#ffffff1a;color:#fff;font-size:.8rem;box-sizing:border-box;border-radius:4px;word-wrap:break-word}.form-row .value.empty{color:#fff9;font-style:italic}.form-row .value.multiline{min-height:150px;white-space:pre-wrap;vertical-align:top}main.page-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.content-wrapper{display:flex;gap:2rem;justify-content:space-between;align-items:flex-start;margin:0 auto}.nav-actions{display:flex;flex-direction:column;margin-top:1.5rem}@media (max-width: 768px){.content-wrapper{width:100%}}.notfound-image{width:10rem;height:10rem;margin:0 auto 1rem;overflow:hidden;position:relative}.notfound-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}