.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.login-box{display:flex;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:0 1.5rem}.login-logo{width:80px;height:auto;margin-bottom:2.5rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-form{padding:3rem 2.5rem;background:linear-gradient(135deg,#002147,#003d66);border-radius:16px;box-shadow:0 20px 60px #00214726,0 0 1px #0000001a;width:100%;box-sizing:border-box;animation:fadeInUp .6s ease-out .1s both;color:#fff}.login-form h2{text-align:center;margin-top:0;margin-bottom:.5rem;color:#fff;font-weight:700;font-size:1.75rem;letter-spacing:-.5px}.login-form>p:nth-of-type(1){text-align:center;color:#e0e0e0;font-size:.95rem;margin-bottom:2rem;margin-top:0}.form-group{margin-bottom:1.75rem;text-align:left;animation:fadeInUp .6s ease-out forwards}.form-group:nth-child(3){animation-delay:.2s}.form-group:nth-child(4){animation-delay:.3s}.form-group label{display:block;margin-bottom:.75rem;color:#fff;font-weight:600;font-size:.95rem;letter-spacing:.3px}.form-group input{width:100%;padding:.95rem 1.1rem;border:2px solid rgba(255,255,255,.3);border-radius:10px;box-sizing:border-box;background-color:#ffffff1a;color:#fff;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input::placeholder{color:#ffffffb3}.form-group input:focus{outline:none;border-color:#fff;background-color:#fff3;box-shadow:0 0 0 3px #fff3}.form-group input:disabled{background-color:#ffffff0d;cursor:not-allowed;opacity:.7}.error-message{background-color:#ffffff1a;color:#fcc;padding:.9rem 1.1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.95rem;border-left:4px solid #ffcccc;animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-button{width:100%;padding:1rem;border:none;border-radius:10px;background:#fff;color:#002147;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.5px;box-shadow:0 4px 15px #0000001a;animation:fadeInUp .6s ease-out .4s both}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0003;background:#f5f5f5}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0000001a}.login-button:disabled{opacity:.6;cursor:not-allowed;background:#ffffffb3}@media (max-width: 480px){.login-form{padding:2.5rem 2rem;border-radius:12px}.login-form h2{font-size:1.5rem;margin-bottom:1.5rem}.login-logo{width:70px;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group input{padding:.85rem 1rem;font-size:16px}.login-button{padding:.9rem;font-size:1rem}}@media (max-width: 360px){.login-box{padding:0 1rem}.login-form{padding:2rem 1.5rem}.login-form h2{font-size:1.35rem}}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{width:100%;padding-right:55px}.password-toggle-icon{position:absolute;right:15px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#888;font-size:.9em;font-weight:600}.password-toggle-icon:hover{color:#333}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:var(--color-primary);animation:spin 1s ease infinite;margin:2rem auto}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:2rem;border-radius:8px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 5px 15px #0000004d}.modal-close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.75rem;color:#888;cursor:pointer}.create-project-form{padding:20px;width:100%;max-width:500px}.create-project-form h2{margin:0 0 24px;font-size:1.5rem;font-weight:600;color:#1a202c;text-align:center}.create-project-form .form-group{margin-bottom:20px}.create-project-form label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:.9rem}.create-project-form input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:all .2s ease;box-sizing:border-box}.create-project-form input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.create-project-form input:hover{border-color:#9ca3af}.create-project-form small{display:block;margin-top:4px;color:#6b7280;font-size:.8rem;line-height:1.4}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:6px;margin:16px 0;font-size:.9rem;text-align:center}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-cancel{padding:10px 20px;background-color:#f8f9fa;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-submit{padding:10px 20px;background-color:#3b82f6;border:1px solid #3b82f6;border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.btn-submit:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.create-project-form{padding:16px}.create-project-form h2{font-size:1.3rem;margin-bottom:20px}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.create-project-form{animation:modalSlideIn .2s ease-out}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{background:#fff;padding:2.5rem;border-radius:16px;width:90%;max-width:520px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb;animation:slideUp .3s ease-out}.modal-content h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#1a202c;text-align:center}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#1a202c;font-size:1rem;font-family:inherit;box-sizing:border-box;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:#9ca3af}.form-group textarea{min-height:100px;resize:vertical;line-height:1.5}.form-group textarea::placeholder{color:#9ca3af;font-family:inherit}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.875rem 1rem;border-radius:8px;margin:1rem 0;font-size:.9rem;font-weight:500;text-align:center}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.modal-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;min-width:100px}.modal-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-cancel{background-color:#f8f9fa;border:1px solid #d1d5db;color:#374151}.btn-cancel:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.btn-submit{background-color:#3b82f6;color:#fff;border:1px solid #3b82f6}.btn-submit:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px #2563eb33}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.modal-overlay{padding:2rem 1rem 1rem;align-items:flex-start}.modal-content{padding:1.5rem;border-radius:12px}.modal-content h2{font-size:1.3rem;margin-bottom:1.25rem}.modal-actions{flex-direction:column-reverse;gap:.75rem}.modal-actions button{width:100%;padding:.875rem 1rem}}@media (max-width: 480px){.modal-content{padding:1.25rem}.form-group{margin-bottom:1.25rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem .875rem;font-size:.95rem}}.btn-cancel:focus,.btn-submit:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.btn-submit:disabled{position:relative}.btn-submit:disabled:after{content:"";position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-8px;width:16px;height:16px;border:2px solid transparent;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.form-group select option[value=Low]{color:#059669}.form-group select option[value=Medium]{color:#d97706}.form-group select option[value=High]{color:#dc2626}.form-group select option[value=Highest]{color:#7c2d12;font-weight:600}.confirmation-modal{padding:20px;text-align:center}.confirmation-modal h2{margin-top:0;font-size:1.4rem;color:#333}.confirmation-modal p{margin:15px 0 25px;color:#555;font-size:1rem}.confirmation-actions{display:flex;justify-content:center;gap:15px}.btn-danger{background-color:#dc3545;color:#fff;border-color:#dc3545}.btn-danger:hover{background-color:#c82333;border-color:#bd2130}.add-comment-container{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #444}.add-comment-container h3{margin-bottom:1rem;color:#eee}.add-comment-container form textarea{width:100%;padding:.75rem;background-color:#2c2c2c;border:1px solid #555;border-radius:4px;color:#fff;font-family:inherit;font-size:1rem;resize:vertical;margin-bottom:.5rem}.add-comment-container form button{padding:.6rem 1.2rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s}.add-comment-container form button:hover{background-color:#0056b3}.add-comment-container form button:disabled{background-color:#555;cursor:not-allowed}.error-message{color:#ff4d4d;font-size:.9rem;margin-bottom:.5rem}.attachment-list{display:flex;flex-direction:column;gap:8px}.attachment-item{display:flex;justify-content:space-between;align-items:center;background-color:#f4f5f7;padding:8px 12px;border-radius:4px;border:1px solid #dfe1e6}.attachment-link{text-decoration:none;color:#0052cc;font-weight:500;word-break:break-all}.attachment-link:hover{text-decoration:underline}.delete-attachment-btn{background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;line-height:1;padding:2px 5px;border-radius:4px;margin-left:10px}.delete-attachment-btn:hover{color:#dc3545;background-color:#e9ecef}.task-detail-container{padding:2rem;background:var(--color-white);border-radius:12px;max-height:80vh;overflow-y:auto}.task-detail-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-light-gray);position:relative}.task-type{font-size:.75rem;color:var(--color-oxford-blue)!important;text-transform:uppercase;font-weight:700;letter-spacing:.5px;background:var(--color-off-white);padding:.25rem .75rem;border-radius:12px;border:1px solid var(--color-border)}.task-detail-header h1{margin:1rem 0 .5rem;font-size:2rem;font-weight:700;color:var(--color-oxford-blue)!important;line-height:1.3}.task-id-header{font-size:.9rem;color:var(--color-dark-gray)!important;font-weight:600;background:var(--color-off-white);padding:.3rem .8rem;border-radius:6px;border:1px solid var(--color-border)}.actions-menu-button{position:absolute;top:0;right:0;background:var(--color-white);border:1px solid var(--color-border);border-radius:6px;font-size:1.25rem;cursor:pointer;padding:.5rem .75rem;line-height:1;transition:all var(--transition-fast);color:var(--color-dark-gray)}.actions-menu-button:hover{background:var(--color-off-white);border-color:var(--color-oxford-blue-light);color:var(--color-oxford-blue)}.actions-dropdown{position:absolute;top:3rem;right:0;background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-lg);z-index:100;width:180px;overflow:hidden}.actions-dropdown button{display:block;width:100%;padding:.875rem 1rem;text-align:left;border:none;background:none;cursor:pointer;font-size:.9rem;transition:all var(--transition-fast);color:var(--color-text-primary)}.actions-dropdown button:hover{background:var(--color-off-white)}.actions-dropdown .delete-action{color:#dc3545!important;font-weight:600}.actions-dropdown .delete-action:hover{background:#fee2e2}.task-detail-body{display:flex;gap:2rem;align-items:flex-start}.task-detail-main{flex:2;min-width:0}.task-detail-sidebar{flex:1;background:var(--color-off-white);padding:1.5rem;border-radius:10px;border:1px solid var(--color-border);position:sticky;top:1rem}.task-section{margin-bottom:2rem;padding:1.5rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-sm)}.task-section h3{margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:var(--color-oxford-blue)!important;padding-bottom:.5rem;border-bottom:2px solid var(--color-light-gray)}.task-description{color:var(--color-dark-gray)!important;line-height:1.6;font-size:1rem;margin:0}.sidebar-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.sidebar-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.sidebar-section h4{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--color-oxford-blue)!important;text-transform:uppercase;letter-spacing:.5px}.sidebar-section select{width:100%;padding:.75rem 1rem;border:2px solid var(--color-light-gray);border-radius:8px;background:var(--color-white);color:var(--color-text-primary);font-size:.95rem;cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23002147' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px}.sidebar-section select:focus{outline:none;border-color:var(--color-oxford-blue);box-shadow:0 0 0 3px #00214726}.sidebar-section select:hover{border-color:var(--color-oxford-blue-light)}.sidebar-section select:disabled{background-color:var(--color-off-white);color:var(--color-gray);cursor:not-allowed;opacity:.7}.labels-container{display:flex;flex-wrap:wrap;gap:.5rem}.task-label{background:linear-gradient(135deg,var(--color-oxford-blue) 0%,var(--color-oxford-blue-light) 100%);color:var(--color-white)!important;padding:.4rem .8rem;border-radius:16px;font-size:.8rem;font-weight:600;border:1px solid var(--color-oxford-blue)}.attachment-list,.subtask-list,.comments-list{list-style:none;padding:0;margin:0}.attachment-list li,.subtask-list li{padding:.875rem 1rem;border-radius:8px;margin-bottom:.5rem;background:var(--color-off-white);border:1px solid var(--color-border);transition:all var(--transition-fast)}.attachment-list li:hover,.subtask-list li:hover{background:var(--color-light-gray);transform:translate(4px)}.attachment-list li a{color:var(--color-oxford-blue)!important;text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.5rem}.attachment-list li a:hover{color:var(--color-oxford-blue-light)!important}.subtask-list li{display:flex;justify-content:space-between;align-items:center;color:var(--color-text-primary)!important}.subtask-list li span{color:var(--color-dark-gray)!important;font-size:.85rem;font-style:italic}.comment-item{padding:1.25rem;background:var(--color-off-white);border-radius:10px;margin-bottom:1rem;border:1px solid var(--color-border);transition:all var(--transition-fast)}.comment-item:hover{background:var(--color-light-gray);transform:translateY(-1px)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.comment-header strong{color:var(--color-oxford-blue)!important;font-size:.95rem}.delete-comment-btn{background:none;border:none;color:var(--color-gray)!important;cursor:pointer;font-size:1.4rem;line-height:1;padding:.25rem .5rem;border-radius:4px;transition:all var(--transition-fast)}.delete-comment-btn:hover{color:#dc3545!important;background:#fee2e2}.comment-item p{color:var(--color-dark-gray)!important;line-height:1.5;margin:0;font-size:.95rem}.btn-secondary{background:var(--color-white);color:var(--color-oxford-blue)!important;border:2px solid var(--color-oxford-blue);border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;font-weight:600;font-size:.9rem;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:var(--color-oxford-blue);color:var(--color-white)!important;transform:translateY(-2px);box-shadow:var(--shadow-md)}.task-section p:empty:before{content:"No description provided.";color:var(--color-gray);font-style:italic}.task-detail-container,.task-detail-container *{color:var(--color-text-primary)!important}.error-message{background:#fef2f2;color:#dc2626!important;padding:1rem 1.5rem;border-radius:8px;border:1px solid #fecaca;text-align:center;margin:2rem 0}@media (max-width: 968px){.task-detail-body{flex-direction:column}.task-detail-sidebar{position:static;width:100%}}@media (max-width: 768px){.task-detail-container{padding:1.5rem}.task-detail-header h1{font-size:1.5rem}.task-section,.sidebar-section{padding:1rem}}@media (max-width: 480px){.task-detail-container{padding:1rem}.task-detail-header h1{font-size:1.25rem}.actions-dropdown{width:140px}}.task-detail-container::-webkit-scrollbar{width:8px}.task-detail-container::-webkit-scrollbar-track{background:var(--color-off-white);border-radius:4px}.task-detail-container::-webkit-scrollbar-thumb{background:var(--color-oxford-blue);border-radius:4px}.task-detail-container::-webkit-scrollbar-thumb:hover{background:var(--color-oxford-blue-dark)}.task-card,.task-item,.task-detail{color:#333!important}:root{--oxford-blue: #002147;--oxford-blue-light: #003d7a;--oxford-blue-lighter: #0052a3;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-600: #4b5563;--gray-700: #374151;--shadow-sm: 0 1px 2px 0 rgba(0, 33, 71, .05);--shadow-md: 0 4px 6px -1px rgba(0, 33, 71, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 33, 71, .15);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.project-page-container{padding:2rem;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--white) 0%,var(--gray-50) 100%);gap:1.5rem}.project-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:var(--white);border-radius:12px;box-shadow:var(--shadow-md);border-left:5px solid var(--oxford-blue);transition:var(--transition)}.project-header:hover{box-shadow:var(--shadow-lg)}.project-selector{flex:1}.project-selector select{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;border:2px solid transparent;background-color:var(--white);color:var(--oxford-blue);cursor:pointer;padding:.75rem 2.5rem .75rem 1rem;border-radius:8px;transition:var(--transition);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23002147' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.project-selector select:hover{border-color:var(--oxford-blue);background-color:var(--gray-50)}.project-selector select:focus{outline:none;border-color:var(--oxford-blue);box-shadow:0 0 0 3px #0021471a}.create-task-btn-project{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--oxford-blue) 0%,var(--oxford-blue-light) 100%);color:var(--white);border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);white-space:nowrap;margin-left:1rem}.create-task-btn-project:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--oxford-blue-light) 0%,var(--oxford-blue-lighter) 100%)}.create-task-btn-project:active{transform:translateY(0);box-shadow:var(--shadow-md)}.project-content-wrapper{display:flex;gap:2rem;flex-grow:1;overflow:hidden}.project-sidebar{display:flex;flex-direction:column;gap:.5rem;width:200px;flex-shrink:0;background:var(--white);padding:1.5rem;border-radius:12px;box-shadow:var(--shadow-md);height:fit-content}.project-sidebar a{text-decoration:none;color:var(--gray-700);padding:.875rem 1.25rem;border-radius:8px;font-weight:500;font-size:.95rem;transition:var(--transition);border-left:3px solid transparent;position:relative}.project-sidebar a:hover{background-color:var(--gray-100);color:var(--oxford-blue);border-left-color:var(--oxford-blue);transform:translate(4px)}.project-sidebar a.active{background:linear-gradient(135deg,#0021471a,#0021470d);color:var(--oxford-blue);font-weight:600;border-left-color:var(--oxford-blue);box-shadow:inset 0 0 0 1px #0021471a}.project-main-content{flex-grow:1;background-color:var(--white);border-radius:12px;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;box-shadow:var(--shadow-md);border-top:4px solid var(--oxford-blue)}.project-main-content::-webkit-scrollbar{width:8px}.project-main-content::-webkit-scrollbar-track{background:var(--gray-100);border-radius:10px}.project-main-content::-webkit-scrollbar-thumb{background:var(--oxford-blue);border-radius:10px;transition:var(--transition)}.project-main-content::-webkit-scrollbar-thumb:hover{background:var(--oxford-blue-light)}.no-projects-view{text-align:center;padding:3rem 2rem;color:var(--gray-600)}.no-projects-view h2{color:var(--oxford-blue);margin-bottom:1rem;font-size:1.5rem}.create-btn.large{padding:1rem 2rem;font-size:1.1rem;margin-top:2rem;background:linear-gradient(135deg,var(--oxford-blue) 0%,var(--oxford-blue-light) 100%);color:var(--white);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md)}.create-btn.large:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 1024px){.project-page-container{padding:1.5rem}.project-content-wrapper{gap:1rem}.project-sidebar{width:160px;padding:1rem}.project-main-content{padding:1.5rem}}@media (max-width: 768px){.project-page-container{padding:1rem}.project-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.project-selector select{font-size:1.25rem;width:100%}.create-task-btn-project{width:100%;margin-left:0}.project-content-wrapper{flex-direction:column;gap:1rem}.project-sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:1rem}.project-sidebar a{white-space:nowrap;flex-shrink:0}.project-main-content{padding:1rem}}@media (max-width: 480px){.project-page-container{padding:.75rem;gap:1rem}.project-header{padding:.75rem}.project-selector select{font-size:1rem}.project-sidebar{padding:.75rem;gap:.25rem}.project-sidebar a{padding:.75rem 1rem;font-size:.85rem}.project-main-content{padding:.75rem;border-radius:8px}}.profile-form{width:100%}.profile-form h2{font-size:1.3rem;margin-bottom:1.5rem;color:#374151;font-weight:600;border-bottom:2px solid #f0f0f0;padding-bottom:.75rem}.profile-form button{width:100%;padding:.875rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s ease;margin-top:.5rem}.profile-form button:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.profile-form button:active{transform:translateY(0)}.profile-form button:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7;transform:none}.profile-form .message{padding:.875rem 1rem;border-radius:8px;margin:1rem 0;text-align:center;font-weight:500;font-size:.95rem}.profile-form .success-message{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.profile-form .error-message{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.loading{position:relative}.loading:after{content:"";position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-10px;width:20px;height:20px;border:2px solid transparent;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.password-strength{margin-top:.5rem;font-size:.85rem;padding:.25rem .5rem;border-radius:4px;text-align:center}.password-strength.weak{background-color:#fee2e2;color:#dc3545}.password-strength.medium{background-color:#fef3c7;color:#d97706}.password-strength.strong{background-color:#d1fae5;color:#059669}@media (max-width: 768px){.profile-form{padding:.5rem}.profile-form h2{font-size:1.2rem}}@media (max-width: 480px){.form-group input{padding:.625rem .875rem}.profile-form button{padding:.75rem 1rem}}.form-group input:focus{color:#1a202c!important}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus{-webkit-text-fill-color:#1a202c!important;-webkit-box-shadow:0 0 0px 1000px white inset!important;border:1px solid #d1d5db!important}.profile-page{padding:2rem;max-width:900px;margin:0 auto}.profile-container{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.profile-container{grid-template-columns:1fr 1fr}}.profile-widget{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0}.profile-widget h2{font-size:1.3rem;margin-bottom:1.5rem;color:#374151;font-weight:600;border-bottom:2px solid #f0f0f0;padding-bottom:.75rem}.form-group label{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.95rem}.form-group input{width:100%;padding:.75rem 1rem;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1a202c;font-size:1rem;transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-group input:hover{border-color:#9ca3af}.form-group input::placeholder{color:#9ca3af}.profile-widget button{width:100%;padding:.875rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s ease;margin-top:.5rem}.profile-widget button:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.profile-widget button:active{transform:translateY(0)}.profile-widget button:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7;transform:none}.message{padding:.875rem 1rem;border-radius:8px;margin:1rem 0;text-align:center;font-weight:500;font-size:.95rem}@media (max-width: 768px){.profile-page{padding:1rem}.profile-widget{padding:1.25rem}.profile-header h1{font-size:1.75rem}}@media (max-width: 480px){.profile-page{padding:.5rem}.profile-container{gap:1rem}.profile-widget{padding:1rem}}.profile-widget{animation:fadeInUp .3s ease-out}.field-value{padding:.75rem 1rem;background-color:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:1rem;margin-bottom:1rem}.field-value strong{color:#1a202c;font-weight:600}:root{--header-height: 70px;--color-oxford-blue: #002147;--color-oxford-blue-dark: #001530;--color-oxford-blue-light: #003366;--color-white: #ffffff;--color-off-white: #f8f9fa;--color-light-gray: #e9ecef;--color-gray: #6c757d;--color-dark-gray: #495057;--color-text-primary: #1a1a1a;--color-text-secondary: #6c757d;--color-border: #dee2e6;--shadow-sm: 0 1px 2px rgba(0, 33, 71, .05);--shadow-md: 0 4px 6px rgba(0, 33, 71, .1);--shadow-lg: 0 10px 15px rgba(0, 33, 71, .15);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out}*{box-sizing:border-box}.layout-container{display:flex;flex-direction:column;height:100vh;background-color:var(--color-off-white);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.main-header{display:flex;justify-content:space-between;align-items:center;padding:0 2.5rem;height:var(--header-height);background:linear-gradient(135deg,var(--color-oxford-blue) 0%,var(--color-oxford-blue-light) 100%);border-bottom:1px solid var(--color-oxford-blue-dark);flex-shrink:0;box-shadow:var(--shadow-md);position:relative;z-index:100}.header-left,.header-right{display:flex;align-items:center;gap:2rem}.header-logo{font-size:1.5rem;font-weight:700;color:var(--color-white);text-decoration:none;letter-spacing:-.5px;transition:opacity var(--transition-fast);display:flex;align-items:center;height:100%}.header-logo:hover{opacity:.9}.header-nav{display:flex;gap:1rem;align-items:center}.create-btn{background-color:var(--color-white);color:var(--color-oxford-blue);border:none;border-radius:6px;padding:.625rem 1.25rem;cursor:pointer;font-weight:600;font-size:.95rem;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;white-space:nowrap}.create-btn:hover{background-color:var(--color-off-white);box-shadow:var(--shadow-md);transform:translateY(-1px)}.create-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.nav-link{color:var(--color-white);text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 1rem;border-radius:4px;transition:all var(--transition-fast);position:relative}.nav-link:hover{background-color:#ffffff1a}.nav-link:after{content:"";position:absolute;bottom:0;left:1rem;right:1rem;height:2px;background-color:var(--color-white);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-fast)}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.welcome-text{color:var(--color-white);font-weight:500;font-size:.95rem;opacity:.95}.icon-btn{background:none;border:none;cursor:pointer;padding:.625rem;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--color-white);transition:all var(--transition-fast);width:40px;height:40px;position:relative}.icon-btn:hover{background-color:#ffffff26;transform:scale(1.05)}.icon-btn:active{transform:scale(.98)}.layout-main{flex-grow:1;overflow-y:auto;background-color:var(--color-white);padding:2rem}.layout-main::-webkit-scrollbar{width:8px}.layout-main::-webkit-scrollbar-track{background:var(--color-off-white)}.layout-main::-webkit-scrollbar-thumb{background:var(--color-light-gray);border-radius:4px}.layout-main::-webkit-scrollbar-thumb:hover{background:var(--color-gray)}@media (max-width: 768px){.main-header{padding:0 1.5rem}.header-left,.header-right{gap:1rem}.header-logo{font-size:1.25rem}.welcome-text,.nav-link{display:none}.layout-main{padding:1rem}}@media (max-width: 480px){.main-header{padding:0 1rem;height:60px}.header-left,.header-right{gap:.5rem}.header-logo{font-size:1.1rem}.create-btn{padding:.5rem 1rem;font-size:.85rem}.icon-btn{width:36px;height:36px;padding:.5rem}}.task-card{background:#fff;border:1px solid #dee2e6;border-radius:10px;padding:1.25rem;cursor:grab;transition:all .3s ease-in-out;box-shadow:0 1px 2px #0021470d;position:relative;overflow:hidden;margin-bottom:.75rem}.task-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:transparent;transition:background-color .3s ease-in-out}.task-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0021471a;border-color:#036;cursor:pointer}.task-card:hover:before{background:linear-gradient(180deg,#002147,#036)}.task-card.is-dragging{transform:rotate(3deg);box-shadow:0 8px 25px #0021474d;border-color:#002147;cursor:grabbing}.task-card.is-dragging:before{background:linear-gradient(180deg,#002147,#036)}.task-title{font-size:1rem;font-weight:600;color:#000!important;line-height:1.4;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-id{font-size:.8rem;font-weight:700;color:#002147!important;background:#f8f9fa;padding:.25rem .5rem;border-radius:4px;border:1px solid #dee2e6;flex-shrink:0}.task-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #dee2e6;margin-top:1rem}.task-meta{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:#495057!important}.task-assignee{display:flex;align-items:center;gap:.5rem;color:#495057!important}.assignee-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#002147,#036);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:600}.assignee-name{font-size:.8rem;color:#495057!important}.task-description{color:#495057!important;font-size:.9rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card,.task-card *,.task-title{color:#000!important}.task-card .task-id{color:#002147!important}.task-card .task-priority.priority-medium{color:#d97706!important}.task-card .task-meta{color:#495057!important}@media (max-width: 768px){.task-card{padding:1rem}.task-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.task-meta{width:100%;justify-content:space-between}}@media (max-width: 480px){.task-card{padding:.875rem}.task-title{font-size:.95rem}.task-header{flex-direction:column;align-items:flex-start;gap:.5rem}.task-id{align-self:flex-start}}.board-column{background:var(--color-white);border-radius:12px;border:1px solid var(--color-border);box-shadow:var(--shadow-lg);min-width:320px;max-width:380px;display:flex;flex-direction:column;transition:all var(--transition-base);position:relative;overflow:hidden;flex-shrink:0}.column-title{font-size:1.25rem;font-weight:700;color:var(--color-oxford-blue)!important;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem;padding:0;text-transform:none}.task-count{background:var(--color-oxford-blue);color:var(--color-white)!important;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-left:auto}.column-description{color:var(--color-dark-gray)!important;font-size:.9rem;line-height:1.4;margin:0}.task-list.is-dragging-over{background:linear-gradient(180deg,#e8f4ff 0%,var(--color-white) 100%)!important;border:2px dashed var(--color-oxford-blue-light)}.task-key{font-size:.85rem;font-weight:700;color:var(--color-oxford-blue)!important;background:var(--color-off-white);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--color-border);flex-shrink:0}.task-title{font-size:1rem;font-weight:600;color:var(--color-text-primary)!important;line-height:1.4;margin:0;flex:1}.task-description{color:var(--color-dark-gray)!important;font-size:.9rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-meta{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:var(--color-dark-gray)!important}.priority-high{background:#fee2e2;color:#dc2626!important}.priority-medium{background:#fef3c7;color:#d97706!important}.priority-low{background:#d1fae5;color:#059669!important}.task-assignee{display:flex;align-items:center;gap:.5rem;color:var(--color-dark-gray)!important}.assignee-name{font-size:.8rem;color:var(--color-dark-gray)!important}.empty-column{text-align:center;padding:3rem 2rem;color:var(--color-dark-gray)!important;background:var(--color-off-white);border:2px dashed var(--color-border);border-radius:8px;margin:1rem}.empty-column-text{font-size:.9rem;margin:0;color:var(--color-dark-gray)!important}.board-column{color:var(--color-text-primary)!important}.board-column *{color:inherit!important}.column-title{color:var(--color-oxford-blue)!important}.task-card{color:var(--color-text-primary)!important}.task-card *{color:inherit!important}.task-key{color:var(--color-oxford-blue)!important}.task-description,.task-meta,.assignee-name{color:var(--color-dark-gray)!important}.drag-handle{cursor:grab;padding:.5rem;border-radius:4px;transition:background-color var(--transition-fast);color:var(--color-dark-gray)!important}@media (max-width: 1200px){.board-column{min-width:280px}}.board-view{display:flex;gap:1.5rem;padding:1.5rem;min-height:calc(100vh - var(--header-height) - 3rem);background:linear-gradient(135deg,var(--color-off-white) 0%,#f1f5f9 100%);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-oxford-blue) var(--color-light-gray)}.board-view::-webkit-scrollbar{height:12px}.board-view::-webkit-scrollbar-track{background:var(--color-light-gray);border-radius:6px;margin:0 1rem}.board-view::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-oxford-blue) 0%,var(--color-oxford-blue-light) 100%);border-radius:6px;border:2px solid var(--color-light-gray)}.board-view::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--color-oxford-blue-dark) 0%,var(--color-oxford-blue) 100%)}.board-column{background:var(--color-white);border-radius:12px;border:1px solid var(--color-border);box-shadow:var(--shadow-lg);min-width:320px;max-width:380px;display:flex;flex-direction:column;transition:all var(--transition-base);position:relative;overflow:hidden}.board-column:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-oxford-blue),var(--color-oxford-blue-light))}.board-column:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00214733}.column-header{padding:1.5rem 1.5rem 1rem;background:var(--color-white);border-bottom:2px solid var(--color-off-white);position:relative}.column-title{font-size:1.25rem;font-weight:700;color:var(--color-oxford-blue);margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.column-title:before{content:"";width:8px;height:8px;background:var(--color-oxford-blue);border-radius:50%;flex-shrink:0}.task-count{background:var(--color-oxford-blue);color:var(--color-white);padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-left:auto}.column-description{color:var(--color-dark-gray);font-size:.9rem;line-height:1.4;margin:0}.task-list{padding:1rem;flex-grow:1;display:flex;flex-direction:column;gap:.75rem;min-height:200px;background:linear-gradient(180deg,var(--color-off-white) 0%,var(--color-white) 100%);transition:all var(--transition-fast)}.task-list.dragging-over{background:linear-gradient(180deg,#e8f4ff 0%,var(--color-white) 100%);border:2px dashed var(--color-oxford-blue-light)}.task-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.task-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:transparent;transition:background-color var(--transition-fast)}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-oxford-blue-light)}.task-card:hover:before{background:linear-gradient(180deg,var(--color-oxford-blue) 0%,var(--color-oxford-blue-light) 100%)}.task-card.dragging{transform:rotate(3deg);box-shadow:0 8px 25px #0021474d;border-color:var(--color-oxford-blue)}.task-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.task-key{font-size:.85rem;font-weight:700;color:var(--color-oxford-blue);background:var(--color-off-white);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--color-border);flex-shrink:0}.task-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);line-height:1.4;margin:0;flex:1}.task-description{color:var(--color-dark-gray);font-size:.9rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--color-border)}.task-meta{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:var(--color-dark-gray)}.task-priority{padding:.2rem .6rem;border-radius:12px;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.priority-high{background:#fee2e2;color:#dc2626}.priority-medium{background:#fef3c7;color:#d97706}.priority-low{background:#d1fae5;color:#059669}.task-assignee{display:flex;align-items:center;gap:.5rem;color:var(--color-dark-gray)}.assignee-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--color-oxford-blue) 0%,var(--color-oxford-blue-light) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:.7rem;font-weight:600}.assignee-name{font-size:.8rem;color:var(--color-dark-gray)}.empty-column{text-align:center;padding:3rem 2rem;color:var(--color-dark-gray);background:var(--color-off-white);border:2px dashed var(--color-border);border-radius:8px;margin:1rem}.empty-column-icon{font-size:2rem;margin-bottom:1rem;opacity:.5}.empty-column-text{font-size:.9rem;margin:0;color:var(--color-dark-gray)}.drag-handle{cursor:grab;padding:.5rem;border-radius:4px;transition:background-color var(--transition-fast);color:var(--color-dark-gray)}.drag-handle:hover{background:var(--color-off-white)}.drag-handle:active{cursor:grabbing}@media (max-width: 1200px){.board-view{gap:1rem;padding:1rem}.board-column{min-width:280px}}@media (max-width: 768px){.board-view{flex-direction:column;gap:1rem;padding:1rem}.board-column{min-width:auto;max-width:none}.column-header{padding:1.25rem 1.25rem .75rem}.task-card{padding:1rem}}@media (max-width: 480px){.board-view{padding:.75rem}.column-header{padding:1rem 1rem .75rem}.task-card{padding:.875rem}.task-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.task-meta{width:100%;justify-content:space-between}}@keyframes taskSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.task-card{animation:taskSlideIn .3s ease-out}.board-column.loading{opacity:.7;pointer-events:none}.board-column.loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:loadingShimmer 1.5s infinite}@keyframes loadingShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.backlog-item{display:grid;grid-template-columns:100px 1fr 120px 100px;align-items:center;padding:1rem 1.5rem;border:1px solid var(--color-border);border-radius:8px;margin-bottom:.5rem;background:var(--color-white);cursor:grab;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.backlog-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:transparent;transition:background-color var(--transition-fast)}.backlog-item:hover{background:var(--color-off-white);transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-oxford-blue-light);cursor:pointer}.backlog-item:hover:before{background:linear-gradient(180deg,var(--color-oxford-blue) 0%,var(--color-oxford-blue-light) 100%)}.backlog-item.is-dragging{transform:rotate(3deg);box-shadow:0 8px 25px #0021474d;border-color:var(--color-oxford-blue);background:linear-gradient(135deg,#e8f4ff,var(--color-white));cursor:grabbing}.backlog-item.is-dragging:before{background:linear-gradient(180deg,var(--color-oxford-blue) 0%,var(--color-oxford-blue-light) 100%)}.backlog-item .task-id{color:var(--color-oxford-blue)!important;font-weight:700;font-size:.85rem;background:var(--color-off-white);padding:.3rem .6rem;border-radius:4px;border:1px solid var(--color-border);text-align:center}.backlog-item .task-title{font-weight:600;color:var(--color-text-primary)!important;font-size:1rem;line-height:1.4;padding:0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.backlog-item .task-status{font-size:.85rem;font-weight:600;text-transform:capitalize;padding:.4rem .8rem;border-radius:20px;text-align:center;background:var(--color-off-white);color:var(--color-dark-gray)!important;border:1px solid var(--color-border)}.backlog-item .task-status[class*=to-do],.backlog-item .task-status[class*=todo]{background:#6b7280;color:var(--color-white)!important}.backlog-item .task-status[class*=in-progress]{background:linear-gradient(135deg,var(--color-oxford-blue),var(--color-oxford-blue-light));color:var(--color-white)!important}.backlog-item .task-status[class*=done],.backlog-item .task-status[class*=completed]{background:linear-gradient(135deg,#059669,#10b981);color:var(--color-white)!important}.backlog-item .task-status[class*=review]{background:linear-gradient(135deg,#d97706,#f59e0b);color:var(--color-white)!important}.backlog-item .task-priority{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.4rem .8rem;border-radius:12px;text-align:center}.backlog-item .task-priority.high,.backlog-item .task-priority.HIGH{background:#fee2e2;color:#dc2626!important;border:1px solid #fecaca}.backlog-item .task-priority.medium,.backlog-item .task-priority.MEDIUM{background:#fef3c7;color:#d97706!important;border:1px solid #fde68a}.backlog-item .task-priority.low,.backlog-item .task-priority.LOW{background:#d1fae5;color:#059669!important;border:1px solid #a7f3d0}.backlog-item .task-priority.highest{background:#fecaca;color:#991b1b!important;border:1px solid #fca5a5}.backlog-item .task-priority.lowest{background:#dcfce7;color:#166534!important;border:1px solid #bbf7d0}.backlog-item,.backlog-item *{color:var(--color-text-primary)!important}.backlog-item .task-id{color:var(--color-oxford-blue)!important}.backlog-item .task-status,.backlog-item .task-priority{color:inherit!important}@keyframes slideInBacklog{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.backlog-item{animation:slideInBacklog .3s ease-out}@media (max-width: 968px){.backlog-item{grid-template-columns:80px 1fr 100px 80px;padding:.875rem 1rem}.backlog-item .task-id{font-size:.8rem;padding:.25rem .5rem}.backlog-item .task-title{font-size:.9rem;padding:0 .75rem}.backlog-item .task-status,.backlog-item .task-priority{font-size:.75rem;padding:.3rem .6rem}}@media (max-width: 768px){.backlog-item{grid-template-columns:60px 1fr 90px 70px;padding:.75rem}.backlog-item .task-title{font-size:.85rem;padding:0 .5rem}.backlog-item .task-status,.backlog-item .task-priority{font-size:.7rem;padding:.25rem .5rem}}@media (max-width: 480px){.backlog-item{grid-template-columns:50px 1fr 80px 60px;padding:.625rem;gap:.5rem}.backlog-item .task-id{font-size:.75rem;padding:.2rem .4rem}.backlog-item .task-title{font-size:.8rem;padding:0 .25rem}.backlog-item .task-status,.backlog-item .task-priority{font-size:.65rem;padding:.2rem .4rem}}.backlog-item.is-dragging .task-title{color:var(--color-oxford-blue)!important;font-weight:700}.backlog-item:focus{outline:2px solid var(--color-oxford-blue);outline-offset:2px}.backlog-view{padding:2rem;background:var(--color-white);border-radius:12px;box-shadow:var(--shadow-lg);margin:1rem}.backlog-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:3px solid var(--color-oxford-blue)}.backlog-actions h2{font-size:2rem;font-weight:700;color:var(--color-oxford-blue);margin:0;background:linear-gradient(135deg,var(--color-oxford-blue) 0%,var(--color-oxford-blue-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.create-sprint-btn{background:linear-gradient(135deg,var(--color-oxford-blue) 0%,var(--color-oxford-blue-light) 100%);color:#fff!important;border:none;padding:.875rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:.5rem}.create-sprint-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.create-sprint-form.advanced{background:var(--color-off-white);padding:2rem;border-radius:12px;border:2px solid var(--color-border);margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem}.create-sprint-form input,.create-sprint-form textarea{padding:1rem 1.25rem;border:2px solid var(--color-light-gray);border-radius:8px;font-size:1rem;font-family:inherit;background:var(--color-white);color:var(--color-text-primary);transition:all var(--transition-fast)}.create-sprint-form input:focus,.create-sprint-form textarea:focus{outline:none;border-color:var(--color-oxford-blue);box-shadow:0 0 0 3px #00214726}.create-sprint-form textarea{min-height:80px;resize:vertical;line-height:1.5}.date-inputs{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.date-inputs label{font-weight:600;color:var(--color-oxford-blue);font-size:.9rem;min-width:80px}.date-inputs input{flex:1;min-width:150px}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.form-actions button{padding:.875rem 1.75rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:.95rem;transition:all var(--transition-fast);min-width:100px}.form-actions button[type=submit]{background:linear-gradient(135deg,var(--color-oxford-blue) 0%,var(--color-oxford-blue-light) 100%);color:var(--color-white)}.form-actions button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.form-actions button[type=button]{background:var(--color-light-gray);color:var(--color-dark-gray)}.form-actions button[type=button]:hover{background:var(--color-gray);color:var(--color-white)}.form-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.sprints-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.sprint-section{background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-fast)}.sprint-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.sprint-section.status-active{border-left:4px solid #28a745}.sprint-section.status-future{border-left:4px solid var(--color-oxford-blue)}.sprint-section.status-completed{border-left:4px solid #6c757d}.sprint-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--color-off-white);border-bottom:1px solid var(--color-border)}.sprint-header h4{font-size:1.25rem;font-weight:600;color:var(--color-oxford-blue);margin:0}.sprint-header-right{display:flex;align-items:center;gap:1rem}.sprint-dates{font-size:.9rem;color:var(--color-dark-gray);font-weight:500}.sprint-status-badge{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.sprint-status-badge.active{background:#28a745;color:var(--color-white)}.start-sprint-btn{background:linear-gradient(135deg,#28a745,#20c997);color:var(--color-white);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all var(--transition-fast)}.start-sprint-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.delete-sprint-btn{background:none;border:none;color:var(--color-gray);cursor:pointer;font-size:1.5rem;padding:.25rem .5rem;border-radius:4px;transition:all var(--transition-fast);line-height:1}.delete-sprint-btn:hover{color:#dc3545;background:#fee2e2}.sprint-task-area{padding:1.5rem;min-height:100px;transition:all var(--transition-fast)}.sprint-task-area.is-dragging-over{background:linear-gradient(135deg,#e8f4ff,var(--color-off-white));border:2px dashed var(--color-oxford-blue-light)}.sprint-droppable-placeholder{text-align:center;color:var(--color-gray);font-style:italic;padding:2rem;background:var(--color-off-white);border-radius:8px;border:2px dashed var(--color-border)}.backlog-title{font-size:1.5rem;font-weight:600;color:var(--color-oxford-blue);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-light-gray)}.backlog-header{display:grid;grid-template-columns:100px 1fr 120px 100px;padding:1rem 1.5rem;font-weight:600;color:var(--color-oxford-blue);background:var(--color-off-white);border-radius:8px;border:1px solid var(--color-border);margin-bottom:.75rem}.backlog-list{display:flex;flex-direction:column;gap:.5rem;min-height:200px;padding:1rem;background:var(--color-off-white);border-radius:8px;border:2px dashed var(--color-border);transition:all var(--transition-fast)}.backlog-list.is-dragging-over{background:linear-gradient(135deg,#e8f4ff,var(--color-off-white));border-color:var(--color-oxford-blue-light)}.error-message{background:#fef2f2;color:#dc2626;padding:1rem 1.5rem;border-radius:8px;border:1px solid #fecaca;text-align:center;margin:2rem 0}.backlog-view,.backlog-view *{color:var(--color-text-primary)}@media (max-width: 968px){.backlog-view{padding:1.5rem;margin:.5rem}.backlog-header{grid-template-columns:80px 1fr 100px 80px;padding:.875rem 1rem;font-size:.9rem}.sprint-header{flex-direction:column;align-items:flex-start;gap:1rem}.sprint-header-right{width:100%;justify-content:space-between}}@media (max-width: 768px){.backlog-actions{flex-direction:column;align-items:stretch;gap:1rem}.backlog-actions h2{text-align:center}.date-inputs{flex-direction:column;align-items:stretch}.date-inputs label{min-width:auto}.backlog-header{grid-template-columns:60px 1fr 90px 70px;font-size:.85rem;padding:.75rem}.form-actions{flex-direction:column}}@media (max-width: 480px){.backlog-view{padding:1rem}.sprint-header-right{flex-direction:column;align-items:flex-start;gap:.5rem}.backlog-header{grid-template-columns:50px 1fr 80px 60px;font-size:.8rem;padding:.5rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sprint-section,.backlog-list{animation:slideIn .3s ease-out}.burndown-chart-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0;margin-bottom:2rem}.burndown-chart-header{margin-bottom:1.5rem;text-align:center}.burndown-chart-header h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.burndown-chart-header p{color:#6b7280;font-size:.9rem;margin:0}.burndown-chart-wrapper{position:relative;height:400px;width:100%}.burndown-chart-wrapper canvas{max-height:400px}.burndown-chart-loading{display:flex;justify-content:center;align-items:center;height:200px;color:#6b7280}.burndown-chart-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:8px;text-align:center;margin:1rem 0}.burndown-chart-error p{margin:0;font-weight:500}.burndown-chart-empty{background-color:#f8f9fa;border:1px dashed #d1d5db;color:#6b7280;padding:2rem;border-radius:8px;text-align:center}.burndown-chart-empty p{margin:0;font-style:italic}.chart-legend{display:flex;justify-content:center;gap:2rem;margin-top:1rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151}.legend-color{width:16px;height:4px;border-radius:2px}.legend-ideal{background-color:#ff6384}.legend-actual{background-color:#35a2eb}.burndown-chart-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.stat-item{text-align:center;padding:.75rem;background-color:#f8f9fa;border-radius:8px}.stat-value{font-size:1.5rem;font-weight:600;color:#1a202c;display:block}.stat-label{font-size:.875rem;color:#6b7280;margin-top:.25rem}@media (max-width: 768px){.burndown-chart-container{padding:1rem;margin-bottom:1rem}.burndown-chart-wrapper{height:300px}.chart-legend{gap:1rem;flex-direction:column;align-items:center}.burndown-chart-stats{grid-template-columns:1fr 1fr;gap:.75rem}.stat-value{font-size:1.25rem}}@media (max-width: 480px){.burndown-chart-container{padding:.75rem}.burndown-chart-wrapper{height:250px}.burndown-chart-stats{grid-template-columns:1fr}.burndown-chart-header h3{font-size:1.1rem}}.burndown-chart-container{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media print{.burndown-chart-container{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid}}.reports-view{padding:1rem}.report-widget{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.widget-header h3{margin:0}.widget-header select{padding:.5rem;border-radius:5px;border:1px solid #ccc}.permission-manager-container{display:flex;flex-direction:column;gap:1.5rem}.settings-section-title{font-size:1.5rem;font-weight:600;color:var(--color-dark-gray);margin:0;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.roles-container{display:flex;flex-direction:column;gap:2rem}.role-card{background-color:var(--color-off-white);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.role-card-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-oxford-blue)}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.custom-checkbox-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem;border-radius:4px;transition:background-color var(--transition-fast)}.custom-checkbox-label:hover{background-color:var(--color-light-gray)}.custom-checkbox-input{display:none}.custom-checkbox-box{width:20px;height:20px;border:2px solid var(--color-gray);border-radius:4px;margin-right:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.custom-checkbox-box:after{content:"✔";color:var(--color-white);font-size:14px;font-weight:700;opacity:0;transform:scale(.5);transition:all var(--transition-fast)}.custom-checkbox-input:checked+.custom-checkbox-box{background-color:var(--color-oxford-blue);border-color:var(--color-oxford-blue)}.custom-checkbox-input:checked+.custom-checkbox-box:after{opacity:1;transform:scale(1)}.custom-checkbox-text{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9rem;color:var(--color-dark-gray);word-break:break-all}.role-card .btn-primary{align-self:flex-start}.settings-message{padding:1rem 1.5rem;border-radius:6px;font-weight:500;border:1px solid transparent;margin-bottom:1rem}.settings-success{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.settings-container{max-width:1000px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;gap:2.5rem}.settings-header{font-size:2.25rem;font-weight:700;color:var(--color-oxford-blue);padding-bottom:1.5rem;border-bottom:3px solid var(--color-light-gray);margin:0}.settings-section{background-color:var(--color-white);border-radius:12px;border:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:2.5rem;display:flex;flex-direction:column;gap:2rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.settings-section:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00214726}.settings-section-title{font-size:1.5rem;font-weight:600;color:var(--color-oxford-blue);margin:0;padding-bottom:1rem;border-bottom:2px solid var(--color-light-gray);display:flex;align-items:center;gap:.75rem}.settings-section-title:before{content:"•";color:var(--color-oxford-blue);font-size:2rem;line-height:1}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{font-weight:600;font-size:.95rem;color:var(--color-oxford-blue);text-transform:uppercase;letter-spacing:.5px}.settings-input,.settings-select,.settings-textarea{width:100%;padding:1rem 1.25rem;font-size:1rem;font-family:inherit;border:2px solid var(--color-light-gray);border-radius:8px;background-color:var(--color-white);transition:all var(--transition-base);color:var(--color-text-primary);line-height:1.5}.settings-textarea{min-height:120px;resize:vertical;line-height:1.6}.settings-input:focus,.settings-select:focus,.settings-textarea:focus{outline:none;border-color:var(--color-oxford-blue);box-shadow:0 0 0 3px #00214726;transform:translateY(-1px)}.settings-input:disabled,.settings-select:disabled,.settings-textarea:disabled{background-color:var(--color-off-white);color:var(--color-dark-gray);cursor:not-allowed;border-color:var(--color-border);opacity:.8}.settings-select{background-color:var(--color-white)!important;color:var(--color-text-primary)!important;border:2px solid var(--color-light-gray);border-radius:8px;padding:1rem 1.25rem;font-size:1rem;font-family:inherit;transition:all var(--transition-base);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23002147' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px}.settings-select:focus{outline:none;border-color:var(--color-oxford-blue);box-shadow:0 0 0 3px #00214726;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23002147' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.settings-select option{background-color:var(--color-white);color:var(--color-text-primary);padding:.5rem}.settings-select:disabled{background-color:var(--color-off-white);color:var(--color-gray);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.btn{border:none;border-radius:8px;padding:.875rem 1.75rem;cursor:pointer;font-weight:600;font-size:.95rem;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--color-oxford-blue) 0%,var(--color-oxford-blue-light) 100%);color:var(--color-white)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-danger-outline{background-color:transparent;color:#dc3545;border:2px solid #dc3545;padding:.75rem 1.5rem}.btn-danger-outline:hover{background-color:#dc3545;color:var(--color-white);transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.btn:disabled{background:var(--color-light-gray);color:var(--color-gray);cursor:not-allowed;transform:none;box-shadow:none;border:2px solid transparent}.details-form{display:flex;flex-direction:column;gap:2rem}.details-form .btn-primary{align-self:flex-start;min-width:160px}.member-list{display:flex;flex-direction:column;gap:.75rem;background:var(--color-off-white);border-radius:8px;padding:1.5rem}.member-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-radius:8px;transition:all var(--transition-fast);background:var(--color-white);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.member-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-oxford-blue-light)}.member-info{display:flex;flex-direction:column;gap:.375rem;flex:1}.member-name{font-weight:600;color:var(--color-oxford-blue);font-size:1.1rem}.member-email{font-size:.9rem;color:var(--color-dark-gray);font-weight:500}.member-actions{display:flex;align-items:center;gap:1.25rem}.member-actions .settings-select{min-width:180px;background:var(--color-white)!important;color:var(--color-oxford-blue)!important;font-weight:500;border:2px solid var(--color-light-gray);border-radius:8px;padding:.75rem 1rem;font-size:.95rem;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23002147' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:16px!important}.member-actions .settings-select:focus{outline:none;border-color:var(--color-oxford-blue);box-shadow:0 0 0 3px #00214726}.member-actions .settings-select option{background:var(--color-white)!important;color:var(--color-oxford-blue)!important;padding:.75rem;font-weight:500}.member-actions .settings-select:disabled{background-color:var(--color-off-white)!important;color:var(--color-gray)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important}.add-member-container{display:flex;gap:1rem;align-items:center;padding:2rem;background:linear-gradient(135deg,var(--color-off-white) 0%,var(--color-light-gray) 100%);border-radius:8px;border:2px dashed var(--color-border)}.add-member-container .settings-select{flex:1;background:var(--color-white)!important;color:var(--color-oxford-blue)!important;border:2px solid var(--color-light-gray);border-radius:8px;padding:.875rem 1rem;font-size:1rem;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23002147' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:16px!important}.add-member-container .settings-select option{background:var(--color-white)!important;color:var(--color-oxford-blue)!important;padding:.75rem}.settings-message{padding:1.25rem 1.75rem;border-radius:8px;font-weight:600;border:2px solid transparent;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-md);color:inherit}.settings-message:before{font-size:1.2rem}.settings-success{background-color:#f0f9f0;color:#1e7e34;border-color:#d4edda}.settings-success:before{content:"✓";color:#1e7e34}.settings-error{background-color:#fdf2f2;color:#dc3545;border-color:#f8d7da}.settings-error:before{content:"⚠";color:#dc3545}.empty-state{text-align:center;padding:3rem 2rem;background:var(--color-off-white);border-radius:8px;border:2px dashed var(--color-border)}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h4{color:var(--color-oxford-blue);margin-bottom:.5rem}.empty-state p{color:var(--color-dark-gray);margin-bottom:1rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-state p{color:var(--color-oxford-blue);font-weight:500}@media (max-width: 768px){.settings-container{gap:2rem;padding:0 .5rem}.settings-header{font-size:1.75rem;padding-bottom:1rem}.settings-section{padding:1.75rem;gap:1.5rem}.member-item{flex-direction:column;align-items:stretch;gap:1.25rem;padding:1.5rem}.member-actions{width:100%;justify-content:space-between;gap:1rem}.member-actions .settings-select{flex-grow:1;min-width:auto}.add-member-container{flex-direction:column;align-items:stretch;gap:1rem;padding:1.5rem}.btn{width:100%;justify-content:center}.details-form .btn-primary{align-self:stretch}}@media (max-width: 480px){.settings-section{padding:1.25rem}.settings-section-title{font-size:1.25rem}.member-list{padding:1rem}.settings-input,.settings-select,.settings-textarea{padding:.875rem 1rem}}.user-management-container{max-width:600px;margin:0 auto;padding:2rem;color:#1a202c}.user-management-container h1{color:#1a202c;font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.create-user-form-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0;color:#1a202c}.create-user-form-card h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.95rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s ease;box-sizing:border-box;background-color:#fff;color:#1a202c}.form-group input[type=text],.form-group input[type=email],.form-group input::placeholder,.form-group select{color:#1a202c!important}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;color:#1a202c;background-color:#fff}.form-group input:hover,.form-group select:hover{border-color:#9ca3af}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus{-webkit-text-fill-color:#1a202c!important;-webkit-box-shadow:0 0 0px 1000px white inset!important;transition:background-color 5000s ease-in-out 0s}.department-controls{display:flex;gap:.75rem;align-items:center}.department-controls select{flex:1;color:#1a202c!important;background-color:#fff!important}.btn-secondary{background-color:#f8f9fa;border:1px solid #d1d5db;color:#374151;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-secondary:hover{background-color:#e5e7eb;border-color:#9ca3af}.add-department-inline{display:flex;gap:.75rem;margin-top:.75rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;border:1px dashed #d1d5db}.add-department-inline input{flex:1;margin:0;color:#1a202c!important;background-color:#fff!important}.btn-primary{background-color:#3b82f6;border:1px solid #3b82f6;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn{display:inline-block;text-decoration:none;text-align:center;border:none;font-family:inherit}.full-width{width:100%;padding:.875rem 1rem;font-size:1rem;margin-top:.5rem}.message{padding:.875rem 1rem;border-radius:8px;margin-top:1rem;font-weight:500;text-align:center}.message.success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.loading{opacity:.7;pointer-events:none}@media (max-width: 768px){.user-management-container{padding:1rem}.create-user-form-card{padding:1.5rem}.department-controls{flex-direction:column;align-items:stretch}.add-department-inline{flex-direction:column}.btn-secondary{width:100%;margin-top:.5rem}}@media (max-width: 480px){.user-management-container{padding:.5rem}.create-user-form-card{padding:1rem}.user-management-container h1{font-size:1.75rem}.create-user-form-card h2{font-size:1.25rem}}.add-department-inline{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-secondary:focus,.btn-primary:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.form-group input::placeholder{color:#6b7280!important;opacity:1}.create-user-form-card *{color:#1a202c!important}.form-group select option{color:#1a202c!important;background-color:#fff!important}