body{background-color:#18181b;margin:0;padding:0;overflow:hidden}*{box-sizing:border-box}.app-grid{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"sidebar header" "sidebar main";height:100vh}.header{grid-area:header;display:flex;align-items:center;justify-content:flex-end;gap:15px;padding:15px;color:#e5e7eb}.sidebar{grid-area:sidebar;background-color:#27272a;padding:15px;color:#e5e7eb;display:flex;flex-direction:column;gap:15px}.sidebar-header{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;padding:10px}.sidebar-buttons{padding:15px;background-color:transparent;border:none;color:#e5e7eb}.sidebar-buttons:hover{background-color:#3b3b53;border-radius:7px;cursor:pointer}.sidebar-buttons.active{background-color:#3b3b53;border-radius:7px;font-weight:bolder}.main{grid-area:main;padding:15px;overflow:hidden}.user-avatar-container{position:relative}.user-avatar{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .2s}.user-avatar:hover{background-color:#27272a}.avatar-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;text-transform:uppercase;color:#fff}.user-name{font-size:1rem;color:#e5e7eb}.user-menu-dropdown{position:absolute;top:60px;right:0;background-color:#27272a;border:1px solid #3b3b53;border-radius:8px;min-width:150px;box-shadow:0 4px 6px #0000004d;z-index:1000;overflow:hidden}.user-menu-item{width:100%;padding:12px 16px;background:none;border:none;color:#e5e7eb;text-align:left;font-size:.95rem;cursor:pointer;transition:background-color .2s}.user-menu-item:hover{background-color:#3b3b53}.notifications-icon{padding-right:10px;background:none;color:#e5e7eb;border:none}.notifications-icon:hover{cursor:pointer}.home-view-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"header1 header2 header3 header4" "main1 main2 main3 main4" "gantt gantt gantt gantt";height:100%;color:#e5e7eb;justify-content:center;padding:5px;text-align:center;gap:15px;overflow-y:auto}.home-view-grid::-webkit-scrollbar{width:12px}.home-view-grid::-webkit-scrollbar-track{background:var(--true-black);border-radius:10px}.home-view-grid::-webkit-scrollbar-thumb{background:var(--soft-black);border-radius:10px;border:2px solid var(--true-black)}.weather-module{grid-area:header2;grid-column:span 2;background-color:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share);justify-content:center;display:grid;grid-template-columns:repeat(3,1fr)}.weather-icon{display:grid;justify-content:center;grid-column:1/ -1}.weather-stat{text-align:center;border-radius:var(--border-radius);padding:10px}.conditions{display:grid;grid-column:1/ -1;justify-content:center;font-size:xx-large;text-transform:capitalize}.location{display:grid;grid-column:1/ -1;justify-content:center;font-size:x-large}.value{padding:5px;font-style:italic}.daily-summary{grid-area:header1;grid-column:span 2;background-color:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share);display:flex;flex-direction:column;justify-content:center;text-align:start}.active-tasks-count{grid-area:main1;background-color:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share);display:flex;justify-content:center;align-items:center;margin:0}.due-tasks-count{grid-area:main2;background-color:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share);display:flex;justify-content:center;align-items:center;margin:0}.overdue-tasks-count{grid-area:main3;background-color:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share);display:flex;justify-content:center;align-items:center;margin:0}.completed-tasks-count{grid-area:main4;background-color:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share);display:flex;justify-content:center;align-items:center;margin:0}.calendar{grid-area:calendar;background-color:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share);display:flex;justify-content:center;align-items:center;margin:0}.gantt{grid-area:gantt;background-color:var(--soft-black);padding:0;border-radius:var(--border-radius-share);display:flex;margin:0}.gantt-container{border-radius:8px;padding:15px;box-shadow:0 1px 3px #0000004d;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.gantt-header{margin-bottom:16px}.gantt-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.gantt-header h3{margin:0;font-size:18px;font-weight:600;color:#e5e7eb}.gantt-date-range{font-size:14px;color:#9ca3af;font-weight:500}.gantt-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.gantt-control-btn{padding:8px 16px;background:#27272a;border:1px solid #3f3f46;border-radius:6px;color:#e5e7eb;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.gantt-control-btn:hover:not(:disabled){background:#3f3f46;border-color:#52525b}.gantt-control-btn:disabled{opacity:.5;cursor:not-allowed}.gantt-control-btn-primary{background:#3b82f6;border-color:#3b82f6}.gantt-control-btn-primary:hover{background:#2563eb;border-color:#2563eb}.gantt-custom-dates{display:flex;gap:8px;align-items:center;margin-left:8px;padding-left:8px;border-left:1px solid #3f3f46}.gantt-date-input{padding:8px 12px;background:#27272a;border:1px solid #3f3f46;border-radius:6px;color:#e5e7eb;font-size:13px;cursor:pointer;transition:all .2s}.gantt-date-input:hover{border-color:#52525b}.gantt-date-input:focus{outline:none;border-color:#3b82f6}.gantt-date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.gantt-loading,.gantt-empty{text-align:center;padding:60px 20px;color:#9ca3af}.gantt-empty-hint{font-size:14px;color:#9ca3af;margin-top:8px}.gantt-wrapper{display:flex;border:1px solid #3f3f46;border-radius:6px;overflow:hidden;flex:1;min-height:0}.gantt-sidebar{width:300px;border-right:2px solid #3f3f46;background:#27272a;display:flex;flex-direction:column}.gantt-sidebar-header{padding:0 16px;background:#18181b;border-bottom:2px solid #3f3f46;font-weight:600;font-size:14px;color:#e5e7eb;position:sticky;top:0;z-index:10;height:75px;display:flex;align-items:center;box-sizing:border-box}.gantt-sidebar-content{overflow-y:auto;flex:1}.gantt-project-row{display:flex;align-items:center;gap:8px;padding:0 16px;height:49px;background:#18181b;cursor:pointer;font-weight:600;color:#e5e7eb;transition:background-color .15s;box-sizing:border-box}.gantt-project-row:hover{background:#3f3f46}.gantt-toggle{font-size:10px;color:#9ca3af;width:12px;display:inline-block}.gantt-project-name{flex:1;font-size:14px}.gantt-task-count{font-size:12px;color:#9ca3af;font-weight:400}.gantt-task-row{display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 36px;background:#18181b;border-top:1px solid #27272a;font-size:13px;color:#d4d4d8;height:42px;box-sizing:border-box}.gantt-task-row:hover{background:#27272a}.gantt-task-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gantt-task-owner{width:24px;height:24px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.gantt-timeline{flex:1;display:flex;flex-direction:column;overflow-x:auto;background:#18181b}.gantt-timeline-header{display:flex;flex-direction:column;border-bottom:2px solid #3f3f46;background:#27272a;position:sticky;top:0;z-index:10;height:75px;box-sizing:border-box}.gantt-month-row{display:flex;width:100%;border-bottom:1px solid #3f3f46}.gantt-month-label{padding:12px 8px;text-align:center;font-size:12px;font-weight:600;color:#e5e7eb;border-right:1px solid #3f3f46;white-space:nowrap}.gantt-day-row{display:flex;width:100%}.gantt-day-label{padding:6px 4px;text-align:center;border-right:1px solid #3f3f46;white-space:nowrap;min-width:20px;display:flex;flex-direction:column;gap:2px}.gantt-day-of-week{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase}.gantt-day-number{font-size:11px;font-weight:500;color:#9ca3af}.gantt-timeline-content{flex:1;overflow-y:auto;position:relative}.gantt-today-marker{position:absolute;top:0;bottom:0;width:2px;background:transparent;pointer-events:none;z-index:100}.gantt-today-marker:before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:#ef4444;opacity:50%;border-left:2px dashed #ef4444}.gantt-today-label{position:absolute;top:-32px;left:50%;transform:translate(-50%);background:#ef4444;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 2px 4px #0003}.gantt-dependency-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;overflow:visible}.gantt-dependency-line{fill:none;stroke:#6b7280;stroke-width:2;stroke-dasharray:4,4;opacity:.6;transition:opacity .2s,stroke-width .2s}.gantt-dependency-line:hover{opacity:1;stroke-width:3}.gantt-timeline-project-row{height:49px;background:#27272a;box-sizing:border-box}.gantt-timeline-task-row{height:42px;border-top:1px solid #27272a;position:relative;background:linear-gradient(to right,transparent 0%,transparent calc(100% / 30 - 1px),#27272a calc(100% / 30 - 1px),#27272a calc(100% / 30));background-size:calc(100% / 30) 100%;box-sizing:border-box}.gantt-task-bar{position:absolute;top:50%;transform:translateY(-50%);height:28px;border-radius:4px;display:flex;align-items:center;padding:0 8px;cursor:grab;transition:all .15s;box-shadow:0 1px 2px #0000001a;-webkit-user-select:none;user-select:none}.gantt-task-bar:active{cursor:grabbing}.gantt-task-bar:hover{filter:brightness(1.1);transform:translateY(-50%) scale(1.02);box-shadow:0 2px 4px #00000026;z-index:5}.gantt-task-bar-label{font-size:12px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.2)}.gantt-legend{display:flex;gap:20px;margin-top:16px;padding-top:12px;border-top:1px solid #3f3f46;flex-wrap:wrap}.gantt-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#d4d4d8}.gantt-legend-color{width:16px;height:16px;border-radius:3px;box-shadow:0 1px 2px #0000001a}.gantt-sidebar-content::-webkit-scrollbar,.gantt-timeline::-webkit-scrollbar,.gantt-timeline-content::-webkit-scrollbar{width:8px;height:8px}.gantt-sidebar-content::-webkit-scrollbar-track,.gantt-timeline::-webkit-scrollbar-track,.gantt-timeline-content::-webkit-scrollbar-track{background:#27272a}.gantt-sidebar-content::-webkit-scrollbar-thumb,.gantt-timeline::-webkit-scrollbar-thumb,.gantt-timeline-content::-webkit-scrollbar-thumb{background:#52525b;border-radius:4px}.gantt-sidebar-content::-webkit-scrollbar-thumb:hover,.gantt-timeline::-webkit-scrollbar-thumb:hover,.gantt-timeline-content::-webkit-scrollbar-thumb:hover{background:#71717a}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.modal-backdrop.modal-open{opacity:1;visibility:visible}.modal-content{background:#3b3b53;border-radius:.5rem;border:1px solid hsl(200,100%,40%);max-width:95vw;max-height:95vh;overflow:hidden;transform:scale(0);transition:transform .2s ease;display:flex;flex-direction:column}.modal-content.modal-open{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid hsl(200,100%,40%);flex-shrink:0;color:#e5e7eb}.modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#08c}.modal-body{padding:1rem;color:#e5e7eb;overflow-y:auto;flex:1}.modal-backdrop:has(.delete-confirmation-content){z-index:1002!important}.delete-confirmation-content{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 20px;text-align:center;min-width:500px}.warning-icon{font-size:4em;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.warning-title{font-size:2em;color:#ef4444;margin:0;font-weight:700}.warning-message{font-size:1.1em;color:#e5e7eb;margin:0;line-height:1.6}.project-name-highlight,.task-name-highlight{font-size:1.3em;color:#e5e7eb;font-weight:700;margin:10px 0;padding:10px 20px;background-color:#6366f11a;border-radius:5px}.delete-confirmation-actions{display:flex;gap:15px;justify-content:center;margin-top:20px;width:100%}.btn-cancel-delete,.btn-confirm-delete{padding:12px 30px;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:all .2s ease;font-size:1.1em;flex:1;max-width:200px}.btn-cancel-delete{background-color:#4b5563;color:#e5e7eb}.btn-cancel-delete:hover{background-color:#6b7280}.btn-confirm-delete{background-color:#ef4444;color:#fff}.btn-confirm-delete:hover{background-color:#dc2626}.btn-cancel-delete:active,.btn-confirm-delete:active{transform:scale(.98)}@media (max-width: 768px){.delete-confirmation-content{min-width:auto;padding:20px 10px}.delete-confirmation-actions{flex-direction:column}.btn-cancel-delete,.btn-confirm-delete{max-width:100%}}.task-edit-form{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:#27272a;border-radius:8px;width:50vw}.feedback-message{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:6px;font-weight:500;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feedback-success{background-color:#10b98126;border:1px solid #10b981;color:#10b981}.feedback-error{background-color:#ef444426;border:1px solid #ef4444;color:#ef4444}.feedback-message svg{flex-shrink:0}.form-group label{font-weight:700;color:#e5e7eb;font-size:.95em}.form-group input,.form-group textarea,.form-group select{padding:10px;border:1px solid #4b5563;border-radius:5px;background-color:#18181b;color:#e5e7eb;font-family:inherit;font-size:1em}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#6366f1}.form-group textarea{resize:vertical;min-height:80px}.form-group small{font-size:.85em;color:#9ca3af;margin-top:-4px}.field-error{color:#ef4444;font-size:.9em;margin-top:4px;padding:8px 12px;background-color:#ef44441a;border-left:3px solid #ef4444;border-radius:4px}.form-group .detail-value{padding:10px;background-color:#18181b;border-radius:5px;color:#e5e7eb}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.btn-save,.btn-cancel,.delete-button,.clear-button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:all .2s;display:flex;align-items:center;gap:8px;justify-content:center}.btn-save{background-color:#10b981;color:#fff}.btn-save:hover:not(:disabled){opacity:.9}.btn-save:disabled{background-color:#6b7280;cursor:not-allowed;opacity:.6}.btn-cancel{background-color:#6b7280;color:#fff}.btn-cancel:hover:not(:disabled){opacity:.9}.btn-cancel:disabled{cursor:not-allowed;opacity:.5}.delete-button{background-color:red;color:#fff;margin-right:auto}.delete-button:hover:not(:disabled){opacity:.9}.delete-button:disabled{cursor:not-allowed;opacity:.5}.clear-button{background-color:#5d5d60;opacity:.7;color:#fff;margin-right:auto}.dependencies-section{border-top:1px solid #4b5563;padding-top:15px;margin-top:10px}.dependencies-label{font-size:.9em;color:#9ca3af;margin:8px 0 5px}.no-dependencies{padding:10px;background-color:#18181b;border-radius:5px;color:#6b7280;font-style:italic;margin:0}.current-dependencies{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.dependency-item-edit{display:flex;align-items:center;gap:10px;padding:10px 12px;background-color:#18181b;border-radius:5px;border-left:3px solid #6366f1}.dependency-info{flex:1;display:flex;flex-direction:column;gap:4px}.dependency-name{color:#e5e7eb;font-weight:500}.dependency-project-name{color:#9ca3af;font-size:.8em;font-style:italic}.dependency-status-badge{padding:4px 10px;border-radius:4px;font-size:.85em;font-weight:600;text-transform:capitalize}.dependency-status-badge.status-completed{background-color:transparent;color:#fff}.dependency-status-badge.status-active{background-color:#10b981;color:#fff}.dependency-status-badge.status-next-up{background-color:#f59e0b;color:#fff}.dependency-status-badge.status-future{background-color:#6b7280;color:#fff}.dependency-status-badge.status-paused,.dependency-status-badge.status-stuck{background-color:#ef4444;color:#fff}.btn-remove-dependency{padding:5px 12px;border:none;border-radius:4px;background-color:#ef4444;color:#fff;font-size:.85em;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:5px}.btn-remove-dependency:hover:not(:disabled){opacity:.8}.btn-remove-dependency:disabled{background-color:#6b7280;cursor:not-allowed;opacity:.6}.add-dependency-section{margin-top:15px;padding-top:15px;border-top:1px solid #3f3f46}.pending-dependencies{margin-bottom:15px}.pending-label{font-size:.9em;color:#6366f1;margin:0 0 8px;font-weight:600}.pending-dep-list{display:flex;flex-direction:column;gap:6px}.pending-dep-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background-color:#1e1e2e;border-radius:4px;border-left:3px solid #f59e0b;animation:slideDown .2s ease-out}.pending-dep-info{flex:1;display:flex;flex-direction:column;gap:4px}.pending-dep-name{color:#e5e7eb;font-size:.95em}.pending-project-name{color:#9ca3af;font-size:.8em;font-style:italic}.btn-remove-pending{background:none;border:none;color:#ef4444;font-size:1.5em;font-weight:700;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:background-color .2s}.btn-remove-pending:hover{background-color:#3f1f1f}.dependency-search-container{position:relative;margin-bottom:12px}.dependency-search-input{width:100%;padding:10px;border:1px solid #4b5563;border-radius:5px;background-color:#18181b;color:#e5e7eb;font-family:inherit;font-size:1em}.dependency-search-input:focus{outline:none;border-color:#6366f1}.project-search-container{position:relative}.project-search-input{width:100%;padding:10px;border:1px solid #4b5563;border-radius:5px;background-color:#18181b;color:#e5e7eb;font-family:inherit;font-size:1em}.project-search-input:focus{outline:none;border-color:#6366f1}.dependency-dropdown{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;background-color:#18181b;border:1px solid #4b5563;border-top:none;border-radius:0 0 5px 5px;box-shadow:0 4px 6px #0000004d;z-index:1000;margin-top:-1px}.dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #27272a}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover:not(.disabled){background-color:#27272a}.dropdown-item.disabled{cursor:default;color:#6b7280;font-style:italic}.dropdown-task-info{flex:1;display:flex;flex-direction:column;gap:4px}.dropdown-task-name{color:#e5e7eb;font-size:.95em}.dropdown-project-name{color:#9ca3af;font-size:.8em;font-style:italic}.dropdown-status{padding:3px 8px;border-radius:3px;font-size:.8em;font-weight:600;text-transform:capitalize}.dropdown-status.status-completed{background-color:#3b82f6;color:#fff}.dropdown-status.status-active{background-color:#10b981;color:#fff}.dropdown-status.status-next-up{background-color:#f59e0b;color:#fff}.dropdown-status.status-future{background-color:#6b7280;color:#fff}.dropdown-status.status-paused,.dropdown-status.status-stuck{background-color:#ef4444;color:#fff}.btn-add-dependency{padding:10px 20px;border:none;border-radius:5px;background-color:#6366f1;color:#fff;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-add-dependency:hover:not(:disabled){opacity:.9}.btn-add-dependency:disabled{opacity:.5;cursor:not-allowed}.selected-count{font-size:.9em;color:#6366f1;font-weight:600;margin:0;padding:8px;background-color:#1e1e2e;border-radius:4px;text-align:center}.project-view-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"title title title" "header1 header2 header3" "main main main";height:100%;color:#e5e7eb;justify-content:center;padding:5px 5px 20px;text-align:center;gap:15px;box-sizing:border-box;overflow-y:auto}.project-view-grid::-webkit-scrollbar{width:12px}.project-view-grid::-webkit-scrollbar-track{background:var(--true-black);border-radius:10px}.project-view-grid::-webkit-scrollbar-thumb{background:var(--soft-black);border-radius:10px;border:2px solid var(--true-black)}body,html{height:100vh;overflow:hidden;margin:0;padding:0}.active-projects-count{grid-area:header1;background-color:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share)}.future-projects-count{grid-area:header2;background-color:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share)}.completed-projects-count{grid-area:header3;background-color:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share)}.projects-container{grid-area:main;background-color:var(--soft-black);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"filter lead new" "sort search date" "content content content";padding:var(--padding-share);border-radius:var(--border-radius-share);gap:15px;align-items:start}.project-search-container{grid-area:search;padding:var(--padding-share);display:flex;flex-direction:column;align-items:center}.project-search-container h3{margin-top:0;margin-bottom:10px}.projects-search{width:250px;background-color:#3b3b53;padding:5px;color:var(--color-share);border:none;border-radius:var(--border-radius-share)}.project-status-filters{grid-area:filter;padding:var(--padding-share);display:flex;flex-direction:column;align-items:center}.project-status-filters h3{margin-top:0}.project-lead-filters{grid-area:lead;padding:var(--padding-share);display:flex;flex-direction:column;align-items:center}.project-lead-filters h3{margin-top:0}.lead-options-wrapper{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;justify-content:center}.projects-list{grid-area:content;display:flex;flex-direction:column;gap:15px;height:100%;padding-bottom:40px}.projects-list::-webkit-scrollbar{width:10px}.projects-list::-webkit-scrollbar-track{background:var(--soft-black);border-radius:5px}.projects-list::-webkit-scrollbar-thumb{background:#4f4f4f;border-radius:5px}.projects-list::-webkit-scrollbar-thumb:hover{background:var(--color-share)}.project-sort-buttons{grid-area:sort;display:flex;flex-direction:column;gap:10px;height:fit-content;padding:var(--padding-share);align-items:center}.project-sort-buttons h3{margin-top:0;margin-bottom:10px}.sort-buttons-wrapper{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;justify-content:center}.project-sort-start-date,.project-sort-due-date{border-radius:var(--border-radius-share);cursor:pointer;padding:5px 10px;background-color:#34d399;border:none;color:var(--true-black);width:fit-content;white-space:nowrap}.project-sort-due-date{background-color:#6366f1}.project-new{padding:var(--padding-share);grid-area:new;display:flex;flex-direction:column;align-items:center}.project-new h3{margin-top:0;margin-bottom:10px}.project-new-button{border-radius:var(--border-radius-share);padding:5px 10px;background-color:#34d399;cursor:pointer;border:none;color:var(--true-black);width:fit-content;white-space:nowrap}.project-date-window{grid-area:date;padding:var(--padding-share);display:flex;flex-direction:column;gap:10px;align-items:center}.project-date-window h3{margin-top:0;margin-bottom:10px}.date-filter-wrapper{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}.project-date-input{background-color:#3b3b53;padding:5px;color:var(--color-share);border:none;border-radius:var(--border-radius-share);width:150px}.project-date-btn{border-radius:var(--border-radius-share);padding:5px 10px;background-color:#34d399;cursor:pointer;border:none;color:var(--true-black);width:fit-content}.project-record{background-color:#3b3b53;padding:var(--padding-share);border-radius:var(--border-radius-share);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,auto);grid-template-areas:"title progressbar progressbar modified" "description description tasksprogress tasksprogress" "status lead startDate dueDate";gap:10px;text-align:left;margin-bottom:15px}.project-record:has(.project-status-completed){opacity:.5}.project-record:has(.project-status-future){background-color:#5e3f08;opacity:.5}.project-record:has(.project-status-active){background-color:#1a5415}.project-record:has(.project-status-next-up){background-color:#ab710e}.project-record:hover{cursor:pointer;box-shadow:0 4px 12px #6366f14d}.project-record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;grid-area:title}.project-title{margin:0;text-align:left;font-size:1.2em;text-transform:capitalize;grid-area:title}.project-progressbar{grid-area:progressbar;display:flex;flex-direction:column;gap:8px;justify-content:center}.progress-container{width:100%;height:20px;background-color:#6366f11d;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#6366f1);transition:width .3s ease;border-radius:10px}.progress-label{font-size:.85em;font-weight:700;color:#e5e7eb;text-align:center}.project-status{grid-area:status;padding:10px;border-radius:5px;font-weight:700;width:fit-content;height:fit-content}.project-status-active,.project-status-completed,.project-status-future,.project-status-next-up{color:#fff}.project-description{grid-area:description;margin:0;color:#d1d5db;grid-column:1/3}.project-updated{grid-area:modified;justify-self:end}.project-lead{grid-area:lead}.project-start{grid-area:startDate}.project-due{grid-area:dueDate}.project-duration{grid-area:duration}.project-detail{display:flex;flex-direction:column;gap:3px}.project-objectives{grid-area:objectives;margin:0}.project-objectives p{margin:5px 0;color:#d1d5db}.project-tasks{grid-area:tasks;display:flex;gap:5px;align-items:center;margin:0}.task-count{background-color:#4b5563;padding:2px 8px;border-radius:12px;font-size:.85em}.project-record-actions{display:flex;gap:10px;justify-content:flex-end}.project-record .user-avatar,.project-record .user-avatar:hover{cursor:default!important;background-color:transparent!important}.modal-header h3{text-transform:capitalize}.project-details-container{display:flex;flex-direction:column;gap:24px;padding:8px;color:#e5e7eb;width:50vw}.project-details-progressbar{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.project-details-progressbar .progress-container{width:100%;height:20px;background-color:#6366f11d;border-radius:10px;overflow:hidden}.project-details-progressbar .progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#6366f1);transition:width .3s ease;border-radius:10px}.project-details-progressbar .progress-label{font-size:.85em;font-weight:700;color:#e5e7eb;text-align:center}.project-details-section-heading{font-size:1.2rem;font-weight:600;margin-bottom:16px;color:#e5e7eb;border-bottom:2px solid #4b5563;padding-bottom:8px}.project-details-info-section{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-details-info-field{display:flex;flex-direction:column;gap:4px}.project-details-field-label{font-weight:700;font-size:.85em;color:#9ca3af}.project-details-field-value{color:#e5e7eb;line-height:1.5;margin:0}.project-details-user-avatar{display:flex;align-items:center;justify-content:center;gap:8px}.project-details-avatar-icon{width:32px;height:32px;border-radius:50%;background-color:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem}.project-details-user-name{font-size:.95rem;color:#e5e7eb}.project-details-tasks-section{display:flex;flex-direction:column}.project-details-tasks-list{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;padding:8px}.project-details-tasks-list::-webkit-scrollbar{width:8px}.project-details-tasks-list::-webkit-scrollbar-track{background:#3b3b53;border-radius:4px}.project-details-tasks-list::-webkit-scrollbar-thumb{background:#6366f1;border-radius:4px}.project-details-tasks-list::-webkit-scrollbar-thumb:hover{background:#4f46e5}.project-details-task-item{border:1px solid #4b5563;border-radius:var(--border-radius-share, 7px);padding:16px;background-color:#27272a;transition:transform .2s,box-shadow .2s}.project-details-task-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.project-details-task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px}.project-details-task-name{font-size:1.1rem;font-weight:600;margin:0;color:#e5e7eb;text-transform:capitalize}.project-details-task-status-badge{padding:4px 12px;border-radius:5px;font-size:.85rem;font-weight:700;text-transform:capitalize;white-space:nowrap}.project-details-completed-timestamp{font-size:.75rem;font-weight:400;white-space:normal}.project-details-task-status-badge.status-not-started{background-color:#f59e0b;color:#fff}.project-details-task-status-badge.status-in-progress{background-color:#10b981;color:#fff}.project-details-task-status-badge.status-completed,.project-details-task-status-badge.status-done{background-color:#6366f1;color:#fff}.project-details-task-status-badge.status-blocked{background-color:#ef4444;color:#fff}.project-details-task-description{color:#d1d5db;margin:8px 0;line-height:1.5;text-align:start}.project-details-task-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid #4b5563}.project-details-meta-item{display:flex;gap:4px;font-size:.9rem}.project-details-meta-label{font-weight:700;color:#9ca3af}.project-details-meta-value{color:#e5e7eb}.project-details-task-lead-avatar{display:flex;align-items:center;gap:8px}.project-details-task-avatar-icon{width:28px;height:28px;border-radius:50%;background-color:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem}.project-details-meta-lead{display:flex;flex-direction:column;gap:4px}.project-details-days-remaining{font-size:.85em;font-weight:400}.project-details-days-remaining.overdue{color:#ef4444;font-weight:700}.project-details-days-remaining.urgent{color:#f59e0b;font-weight:700}.project-details-no-tasks-message{text-align:center;color:#9ca3af;padding:32px;font-style:italic}.project-details-modal-actions{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid #4b5563;margin-top:10px}.project-details-btn-close{padding:10px 24px;background-color:#4b5563;color:#e5e7eb;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:700;transition:all .2s ease}.project-details-btn-close:hover{background-color:#6b7280}.project-details-btn-close:active{transform:scale(.98)}@media (max-width: 768px){.project-details-task-header{flex-direction:column;align-items:flex-start}.project-details-task-meta{flex-direction:column;gap:8px}}.project-edit-form{display:flex;flex-direction:column;gap:20px;padding:10px;min-width:50vw}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:700;font-size:.95em;color:#e5e7eb}.form-group input,.form-group textarea,.form-group select{padding:10px;border:1px solid #4b5563;border-radius:5px;background-color:#3b3b53;color:#e5e7eb;font-size:1em;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.form-group textarea{resize:vertical;min-height:60px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{display:flex;gap:15px;align-items:center;margin-top:10px;padding-top:20px;border-top:1px solid #4b5563}.btn-cancel,.btn-save,.delete-button{padding:10px 20px;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:all .2s ease;font-size:1em}.btn-cancel{background-color:#4b5563;color:#e5e7eb}.btn-cancel:hover{background-color:#6b7280}.btn-save{background-color:#6366f1;color:#fff}.btn-save:hover{background-color:#4f46e5}.btn-save:active,.btn-cancel:active{transform:scale(.98)}.delete-button{background-color:red;margin-right:auto}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.grid{display:grid;grid-template-columns:1fr;grid-template-areas:"header1" "header2";gap:10px;background-color:#0c090a}.login-background{grid-area:header1;background-color:#0c090a;height:100vh;width:100vw;position:fixed;top:0;left:0}.code{display:flex;flex-wrap:nowrap;color:#fff;border-radius:1rem;background:#0f0f0f;justify-content:center;box-shadow:0 1px #ffffff40 inset;padding:0;margin:0}.authorize-title{color:azure;display:flex;height:100%;margin-top:25px;font-size:50px;font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui;padding:5.5rem 1rem}:root{--glow-color: hsl(186 100% 69%);--lerp-0: 1;--lerp-1: .8;--lerp-2: .6;--lerp-3: .4;--lerp-4: .2;--lerp-5: .1}.authorize-title span{scale:calc(var(--active, 0) + .5);filter:blur(calc((1 - var(--active, 0)) * 1rem));transition:scale calc(((1 - var(--active, 0)) + .2) * 1s),filter calc(((1 - var(--active, 0)) + .2) * 1s)}.authorize-title:hover{--active: var(--lerp-0)}.authorize-title:hover+.authorize-title,.authorize-title:has(+.authorize-title:hover){--active: var(--lerp-1)}.authorize-title:hover+.authorize-title+.authorize-title,.authorize-title:has(+.authorize-title+.authorize-title:hover){--active: var(--lerp-2)}.authorize-title:hover+.authorize-title+.authorize-title+.authorize-title,.authorize-title:has(+.authorize-title+.authorize-title+.authorize-title:hover){--active: var(--lerp-3)}.authorize-title:hover+.authorize-title+.authorize-title+.authorize-title+.authorize-title,.authorize-title:has(+.authorize-title+.authorize-title+.authorize-title+.authorize-title:hover){--active: var(--lerp-4)}.authorize-title:hover+.authorize-title+.authorize-title+.authorize-title+.authorize-title+.authorize-title,.authorize-title:has(+.authorize-title+.authorize-title+.authorize-title+.authorize-title+.authorize-title:hover){--active: var(--lerp-5)}.login-credentials{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;gap:14px;justify-items:center;width:350px;max-width:90vw;box-sizing:border-box;margin:45px auto 0}.login-credentials input{background-color:#1f2428;border-radius:5px;color:#f0f8ff;padding:5px}.login-credentials input:hover{background-color:#b1ceea;border:1px solid #366f7a;transition:background .2s,border .2s;color:#000}.login-button{position:relative;background-color:transparent;color:var(--glow-color);border:.15em solid var(--glow-color);cursor:pointer;font-size:25px;max-width:50vw;border-radius:20px;text-transform:uppercase;letter-spacing:15px;text-align:center;box-sizing:border-box;padding:20px 25px 20px 40px;box-shadow:inset 0 0 .5em 0 var(--glow-color),0 0 .5em 0 var(--glow-color);text-shadow:0 0 .125em hsl(0 0% 100% / .3),0 0 .45em var(--glow-color)}.wifi-icon{color:var(--glow-color)}.login-button:before{content:"";position:absolute;inset:0;opacity:.7;filter:blur(1em);transform:translateY(120%) rotateX(95deg) scaleY(.35);background:var(--glow-color);pointer-events:none;border-radius:20px}.login-button:after{content:"";position:absolute;inset:2px;opacity:0;z-index:-1;background-color:var(--glow-color);box-shadow:0 0 2em .2em var(--glow-color);transition:opacity .1s linear;border-radius:18px}.login-button:hover{color:#000c;text-shadow:none}.login-button:hover:before{filter:blur(1.5em);opacity:1}.login-button:hover:after{opacity:1}.message{padding:10px;border-radius:4px;margin:10px 0;text-align:center;color:#0ff}.message.error{color:#c33;border:1px solid #fcc}.application-title{color:#0ff;grid-area:header2;text-align:center;gap:15px}.tasks-view-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"title title title" "header1 header2 header3" "main main main";height:100%;color:#e5e7eb;justify-content:center;padding:5px 5px 20px;text-align:center;gap:15px;box-sizing:border-box;overflow-y:auto}.tasks-view-grid::-webkit-scrollbar{width:12px}.tasks-view-grid::-webkit-scrollbar-track{background:var(--true-black);border-radius:10px}.tasks-view-grid::-webkit-scrollbar-thumb{background:var(--soft-black);border-radius:10px;border:2px solid var(--true-black)}.page-title{grid-area:title;text-transform:uppercase;margin-bottom:0;color:var(--color-share);text-align:center}body,html{height:100vh;margin:0;padding:0}.task-view-active-count{grid-area:header1;background-color:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share);color:var(--color-share);text-align:center}.task-view-next-up-count{grid-area:header2;background-color:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share);color:var(--color-share);text-align:center}.task-view-completed-count{grid-area:header3;background-color:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share);color:var(--color-share);text-align:center}.tasks-container{grid-area:main;background-color:var(--soft-black);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"filter lead new" "sort search date" "content content content";padding:var(--padding-share);border-radius:var(--border-radius-share);gap:15px;align-items:start}.task-search-container{grid-area:search;padding:var(--padding-share);display:flex;flex-direction:column;align-items:center}.task-search-container h3{margin-top:0;margin-bottom:10px}.task-search{width:250px;background-color:#3b3b53;padding:5px;color:var(--color-share);border:none;border-radius:var(--border-radius-share)}.task-status-filters{grid-area:filter;padding:var(--padding-share);display:flex;flex-direction:column;align-items:center}.task-status-filters h3{margin-top:0}.task-status-options-wrapper{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;justify-content:center}.task-lead-filters{grid-area:lead;padding:var(--padding-share);display:flex;flex-direction:column;align-items:center}.task-lead-filters h3{margin-top:0}.task-lead-options-wrapper{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;justify-content:center}.tasks-list{grid-area:content;display:flex;flex-direction:column;gap:15px;height:100%;padding-bottom:40px}.tasks-list::-webkit-scrollbar{width:10px}.tasks-list::-webkit-scrollbar-track{background:var(--soft-black);border-radius:5px}.tasks-list::-webkit-scrollbar-thumb{background:#4f4f4f;border-radius:5px}.tasks-list::-webkit-scrollbar-thumb:hover{background:var(--color-share)}.task-sort-buttons{grid-area:sort;display:flex;flex-direction:column;gap:10px;height:fit-content;padding:var(--padding-share);align-items:center}.task-sort-buttons h3{margin-top:0;margin-bottom:10px}.task-sort-buttons-wrapper{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;justify-content:center}.task-sort-start-date,.task-sort-due-date{border-radius:var(--border-radius-share);cursor:pointer;padding:5px 10px;background-color:#34d399;border:none;color:var(--true-black);width:fit-content;white-space:nowrap}.task-sort-due-date{background-color:#6366f1}.task-new{padding:var(--padding-share);grid-area:new;display:flex;flex-direction:column;align-items:center}.task-new h3{margin-top:0;margin-bottom:10px}.task-new-button{border-radius:var(--border-radius-share);padding:5px 10px;background-color:#34d399;cursor:pointer;border:none;color:var(--true-black);width:fit-content;white-space:nowrap}.task-date-window{grid-area:date;padding:var(--padding-share);display:flex;flex-direction:column;gap:10px;align-items:center}.task-date-window h3{margin-top:0;margin-bottom:10px}.task-date-filter-wrapper{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}.task-date-input{background-color:#3b3b53;padding:5px;color:var(--color-share);border:none;border-radius:var(--border-radius-share);width:150px}.task-date-btn{border-radius:var(--border-radius-share);padding:5px 10px;background-color:#34d399;cursor:pointer;border:none;color:var(--true-black);width:fit-content}.task-record{background-color:#3b3b53;padding:var(--padding-share);border-radius:var(--border-radius-share);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,auto);grid-template-areas:"title project duration modified" "description description description description" "status lead startDate dueDate";gap:10px;text-align:left;margin-bottom:15px}.task-record:has(>.task-status.task-status-completed){opacity:.5}.task-record:has(>.task-status.task-status-future){background-color:#5e3f08;opacity:.5}.task-record:has(>.task-status.task-status-active){background-color:#1a5415}.task-record:has(>.task-status.task-status-next-up){background-color:#ab710e}.task-record:has(>.task-status.task-status-stuck){background-color:#9b3b07}.task-record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;grid-area:title}.task-title{margin:0;text-align:left;font-size:1.2em;text-transform:capitalize;grid-area:title}.task-project{grid-area:project;display:flex;flex-direction:column;gap:3px}.task-duration{grid-area:duration;display:flex;flex-direction:column;gap:3px}.task-status{grid-area:status;padding:10px;border-radius:5px;font-weight:700;width:fit-content;height:fit-content}.task-status-completed{color:#fff}.task-description{grid-area:description;margin:0;color:#d1d5db}.task-updated{grid-area:modified;justify-self:end}.task-lead{grid-area:lead}.task-start{grid-area:startDate}.task-due{grid-area:dueDate}.task-detail{display:flex;flex-direction:column;gap:3px}.detail-label{font-weight:700;font-size:.85em;color:#9ca3af}.detail-value{color:#e5e7eb;display:flex;align-items:center;gap:8px}.detail-value svg{opacity:0;transition:opacity .2s ease}.detail-value:hover svg{opacity:1;cursor:pointer}.days-remaining{font-size:.85em;font-weight:400}.days-remaining.overdue{color:#ef4444;font-weight:700}.days-remaining.urgent{color:#f59e0b;font-weight:700}.task-dependencies{grid-column:1 / -1;display:flex;flex-direction:column;gap:8px;margin-top:5px;padding-top:10px;border-top:1px solid #4b5563}.dependencies-list{display:flex;flex-direction:column;gap:8px}.dependency-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background-color:#2d2d44;border-radius:5px;border-left:3px solid #6366f1}.dependency-task-name{flex:1;color:#e5e7eb;font-weight:500}.dependency-status{padding:4px 10px;border-radius:4px;font-size:.85em;font-weight:600;text-transform:capitalize}.task-dependency-status.task-status-completed{background-color:transparent;color:#fff}.task-dependency-status.task-status-active{background-color:#10b981;color:#fff}.task-dependency-status.task-status-next-up{background-color:#f59e0b;color:#fff}.task-dependency-status.task-status-future{background-color:#6b7280;color:#fff}.task-dependency-status.task-status-paused,.task-dependency-status.task-status-stuck{background-color:#ef4444;color:#fff}.task-record-actions{display:flex;gap:10px;justify-content:flex-end}.btn-edit,.btn-delete{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:opacity .2s}.btn-edit{background-color:#3b82f6;color:#fff}.btn-edit:hover{opacity:.8}.btn-delete{background-color:#ef4444;color:#fff}.btn-delete:hover{opacity:.8}.edit-pen{text-align:center;padding:10px}.task-record .user-avatar,.task-record .user-avatar:hover{cursor:default!important;background-color:transparent!important}.notifications-icon{position:relative;background:transparent;border:none;color:#e5e7eb;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s}.notifications-icon:hover{background-color:#3f3f46}.notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.notifications-container{height:50vh;width:50vw;overflow-y:auto;color:#e5e7eb}.notifications-loading,.notifications-error{text-align:center;padding:40px 20px;color:#9ca3af}.notifications-retry-btn{background-color:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;margin-top:10px}.notifications-retry-btn:hover{background-color:#2563eb}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;gap:15px}.notifications-empty svg{opacity:.3}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #3f3f46;margin-bottom:10px}.notifications-count{font-size:.9rem;color:#9ca3af;font-weight:500}.notifications-mark-all-btn{display:flex;align-items:center;gap:6px;background-color:transparent;color:#3b82f6;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background-color .2s}.notifications-mark-all-btn:hover{background-color:#1e3a8a}.notifications-list{display:flex;flex-direction:column;gap:0}.notification-item{display:flex;gap:12px;padding:15px;border-bottom:1px solid #27272a;transition:background-color .2s;cursor:pointer}.notification-item:hover{background-color:#27272a}.notification-item.unread{background-color:#1e293b}.notification-item.unread:hover{background-color:#334155}.notification-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#3b82f6;border-radius:50%;color:#fff}.notification-content{flex:1;display:flex;flex-direction:column;gap:4px}.notification-title{font-weight:600;font-size:.95rem;color:#f3f4f6}.notification-message{font-size:.85rem;color:#9ca3af;line-height:1.4}.notification-time{font-size:.75rem;color:#6b7280;margin-top:4px}.notification-actions{display:flex;gap:8px;align-items:flex-start;flex-shrink:0}.notification-action-btn{background-color:transparent;border:none;color:#9ca3af;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.notification-action-btn:hover{background-color:#3f3f46;color:#e5e7eb}.notification-action-btn.delete:hover{background-color:#7f1d1d;color:#fca5a5}.notification-user-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.notification-approve-btn,.notification-reject-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.notification-approve-btn{background-color:#15803d;color:#fff}.notification-approve-btn:hover:not(:disabled){background-color:#166534}.notification-approve-btn.admin{background-color:#7c3aed}.notification-approve-btn.admin:hover:not(:disabled){background-color:#6d28d9}.notification-reject-btn{background-color:#dc2626;color:#fff}.notification-reject-btn:hover:not(:disabled){background-color:#b91c1c}.notification-approve-btn:disabled,.notification-reject-btn:disabled{opacity:.5;cursor:not-allowed}.notifications-container::-webkit-scrollbar{width:8px}.notifications-container::-webkit-scrollbar-track{background:#18181b}.notifications-container::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:4px}.notifications-container::-webkit-scrollbar-thumb:hover{background:#52525b}.OKR-view-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"title title title" "header1 header2 header3" "main main main";height:100%;color:#e5e7eb;justify-content:center;padding:5px 5px 20px;text-align:center;gap:15px;box-sizing:border-box}.in-progress-objectives-count{grid-area:header1;background-color:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share)}.completed-objectives-count{grid-area:header2;background-color:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share)}.missed-objectives-count{grid-area:header3;background-color:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share)}.objectives-container{grid-area:main;background-color:var(--soft-black);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"filter search" "content content";padding:var(--padding-share);border-radius:var(--border-radius-share);gap:15px;overflow:hidden;align-items:start}.page-title{grid-area:title;text-transform:uppercase;margin-bottom:0}.objective-search-container{grid-area:search;padding:var(--padding-share);display:flex;flex-direction:column;align-items:center}.objective-search-container h3{margin-top:0;margin-bottom:10px}.objectives-search{width:250px;background-color:#3b3b53;padding:5px;color:var(--color-share);border:none;border-radius:var(--border-radius-share)}.objective-status-filters{grid-area:filter;padding:var(--padding-share);display:flex;flex-direction:column;align-items:center}.objective-status-filters h3{margin-top:0}.status-options-wrapper{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;justify-content:center}.objectives-list{grid-area:content;display:flex;flex-direction:column;gap:15px;overflow-y:auto;height:100%;padding-bottom:40px}.objectives-list::-webkit-scrollbar{width:10px}.objectives-list::-webkit-scrollbar-track{background:var(--soft-black);border-radius:5px}.objectives-list::-webkit-scrollbar-thumb{background:#4f4f4f;border-radius:5px}.objectives-list::-webkit-scrollbar-thumb:hover{background:var(--color-share)}.objective-record{background-color:var(--true-black);padding:var(--padding-share);border-radius:var(--border-radius-share);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:15px}.objective-record:hover{background-color:#2d2d35;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.objective-header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.objective-title{margin:0;color:var(--color-share);font-size:1.2rem;flex:1;text-align:left}.objective-status{padding:5px 12px;border-radius:5px;font-size:.85rem;font-weight:600;white-space:nowrap}.objective-status.status-in-progress{background-color:#3b82f6;color:#fff}.objective-status.status-completed{background-color:#34d399;color:var(--true-black)}.objective-status.status-missed{background-color:#ef4444;color:#fff}.objective-details{display:flex;gap:20px;flex-wrap:wrap}.objective-detail-item{display:flex;gap:8px;align-items:center}.detail-label{font-weight:600;color:#9ca3af;font-size:.9rem}.detail-value{color:var(--color-share);font-size:.9rem}.objective-notes{background-color:var(--soft-black);padding:10px;border-radius:5px;border-left:3px solid #6366f1}.objective-notes p{margin:5px 0 0;color:var(--color-share);font-size:.9rem;line-height:1.5;text-align:left}.key-results{background-color:var(--soft-black);padding:12px;border-radius:5px}.key-results-title{margin:0 0 10px;color:#9ca3af;font-size:.95rem;text-align:left}.key-results-list{display:flex;flex-direction:column;gap:8px}.key-result-item{display:flex;align-items:center;gap:10px;padding:8px;background-color:var(--true-black);border-radius:5px;flex-wrap:wrap}.kr-status{padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap}.kr-status.status-in-progress{background-color:#3b82f6;color:#fff}.kr-status.status-completed{background-color:#34d399;color:var(--true-black)}.kr-status.status-missed{background-color:#ef4444;color:#fff}.kr-description{flex:1;color:var(--color-share);font-size:.9rem;text-align:left}.kr-progress{padding:3px 8px;background-color:#6366f1;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600}.objective-edit-form{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem}.objective-edit-form .form-group label{font-weight:600;color:#ddd1d1!important;font-size:.95rem}.form-group input[type=text],.form-group input[type=date],.form-group select,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;font-family:inherit;transition:border-color .2s}.form-group input[type=text]:focus,.form-group input[type=date]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.key-result-edit-form{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem}.feedback-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500}.feedback-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.feedback-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#e2dfdf!important;font-size:.95rem}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;font-family:inherit;transition:border-color .2s}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.delete-button{background-color:#dc3545;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s}.delete-button:hover:not(:disabled){background-color:#c82333}.delete-button:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background-color:#6c757d;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s;margin-left:auto}.btn-cancel:hover:not(:disabled){background-color:#5a6268}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-save{background-color:#28a745;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:.5rem}.btn-save:hover:not(:disabled){background-color:#218838}.btn-save:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.documentation{color:#e5e7eb;overflow-y:auto;height:90vh;padding:20px;box-sizing:border-box}.documentation h1,.documentation h2,.documentation h3{color:#e5e7eb}.documentation p{color:#e5e7eb;line-height:1.6}.documentation code{background-color:#f4f4f4;padding:2px 6px;border-radius:3px}.documentation pre{background-color:#f4f4f4;padding:10px;border-radius:5px;overflow-x:auto}.documentation::-webkit-scrollbar{width:12px}.documentation::-webkit-scrollbar-track{background:var(--true-black);border-radius:10px}.documentation::-webkit-scrollbar-thumb{background:var(--soft-black);border-radius:10px;border:2px solid var(--true-black)}:root{--true-black: #18181b;--soft-black: #27272a;--padding-share: 15px;--border-radius-share: 7px}.tab-button.active{border-bottom-color:#667eea;font-weight:700;background-color:var(--soft-black)}.active-tasks-scene{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:20px;background-color:var(--true-black);scroll-behavior:smooth;box-sizing:border-box;display:flex;flex-direction:column}.active-tasks-scene::-webkit-scrollbar{width:12px}.active-tasks-scene::-webkit-scrollbar-track{background:var(--true-black);border-radius:10px}.active-tasks-scene::-webkit-scrollbar-thumb{background:var(--soft-black);border-radius:10px;border:2px solid var(--true-black)}.active-tasks-scene::-webkit-scrollbar-thumb:hover{background:#4f4f4f}.active-tasks-scene-title{color:var(--color-share);font-size:2rem;margin-bottom:10px;margin-top:0;flex-shrink:0}.active-tasks-scene-count{color:var(--color-share);font-size:1.2rem;margin-bottom:20px;margin-top:0;opacity:.8;flex-shrink:0}.active-tasks-list{display:flex;flex-direction:column;gap:15px;padding-bottom:50px;flex-grow:1;min-height:0;color:var(--color-share)}.active-tasks-loading{text-align:center;padding:20px;color:#666}.active-tasks-no-more{text-align:center;padding:20px;color:#999}.tab-button.next-up{border-bottom-color:#667eea;font-weight:700;background-color:var(--soft-black)}.next-up-scene{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:20px;background-color:var(--true-black);scroll-behavior:smooth;box-sizing:border-box;display:flex;flex-direction:column}.next-up-scene::-webkit-scrollbar{width:12px}.next-up-scene::-webkit-scrollbar-track{background:var(--true-black);border-radius:10px}.next-up-scene::-webkit-scrollbar-thumb{background:var(--soft-black);border-radius:10px;border:2px solid var(--true-black)}.next-up-scene::-webkit-scrollbar-thumb:hover{background:#4f4f4f}.next-up-scene-title{color:var(--color-share);font-size:2rem;margin-bottom:10px;margin-top:0;flex-shrink:0}.next-up-scene-count{color:var(--color-share);font-size:1.2rem;margin-bottom:20px;margin-top:0;opacity:.8;flex-shrink:0}.next-up-list{display:flex;flex-direction:column;gap:15px;padding-bottom:50px;flex-grow:1;min-height:0;color:var(--color-share)}.next-up-loading{text-align:center;padding:20px;color:#666}.next-up-no-more{text-align:center;padding:20px;color:#999}.tab-button.completed{border-bottom-color:#667eea;font-weight:700;background-color:var(--soft-black)}.completed-scene{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:20px;background-color:var(--true-black);scroll-behavior:smooth;box-sizing:border-box;display:flex;flex-direction:column}.completed-scene::-webkit-scrollbar{width:12px}.completed-scene::-webkit-scrollbar-track{background:var(--true-black);border-radius:10px}.completed-scene::-webkit-scrollbar-thumb{background:var(--soft-black);border-radius:10px;border:2px solid var(--true-black)}.completed-scene::-webkit-scrollbar-thumb:hover{background:#4f4f4f}.completed-scene-title{color:var(--color-share);font-size:2rem;margin-bottom:10px;margin-top:0;flex-shrink:0}.completed-scene-count{color:var(--color-share);font-size:1.2rem;margin-bottom:20px;margin-top:0;opacity:.8;flex-shrink:0}.completed-list{display:flex;flex-direction:column;gap:15px;padding-bottom:50px;flex-grow:1;min-height:0;color:var(--color-share)}.completed-loading{text-align:center;padding:20px;color:#666}.completed-no-more{text-align:center;padding:20px;color:#999}:root{--true-black: #18181b;--soft-black: #27272a;--padding-share: 15px;--border-radius-share: 7px;--color-share: #e5e7eb}.scenes-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.scene-tabs{display:flex;gap:0;border-bottom:2px solid var(--soft-black);flex-shrink:0;margin-bottom:0}.tab-button{padding:12px 24px;background-color:transparent;border:none;color:var(--color-share);font-size:1rem;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap}.tab-button:hover{background-color:var(--soft-black)}.tab-button.future{border-bottom-color:#667eea;font-weight:700;background-color:var(--soft-black)}.future-scene{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:20px;background-color:var(--true-black);scroll-behavior:smooth;box-sizing:border-box;display:flex;flex-direction:column}.future-scene::-webkit-scrollbar{width:12px}.future-scene::-webkit-scrollbar-track{background:var(--true-black);border-radius:10px}.future-scene::-webkit-scrollbar-thumb{background:var(--soft-black);border-radius:10px;border:2px solid var(--true-black)}.future-scene::-webkit-scrollbar-thumb:hover{background:#4f4f4f}.future-scene-title{color:var(--color-share);font-size:2rem;margin-bottom:10px;margin-top:0;flex-shrink:0}.future-scene-count{color:var(--color-share);font-size:1.2rem;margin-bottom:20px;margin-top:0;opacity:.8;flex-shrink:0}.future-list{display:flex;flex-direction:column;gap:15px;padding-bottom:50px;flex-grow:1;min-height:0;color:var(--color-share)}.future-loading{text-align:center;padding:20px;color:#666}.future-no-more{text-align:center;padding:20px;color:#999}:root{--true-black: #18181b;--soft-black: #27272a;--padding-share: 15px;--border-radius-share: 7px;--soft-white: #e5e7eb}.reports-view-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"title title title title" "datefilter datefilter datefilter datefilter" "main1 main1 main2 main2" "main3 main3 main4 main4" "main5 main5 main6 main6";height:100%;color:var(--soft-white);justify-content:center;padding:5px;text-align:center;gap:15px;overflow-y:auto}.reports-view-grid::-webkit-scrollbar{width:12px}.reports-view-grid::-webkit-scrollbar-track{background:var(--true-black);border-radius:10px}.reports-view-grid::-webkit-scrollbar-thumb{background:var(--soft-black);border-radius:10px;border:2px solid var(--true-black)}.reports-title{grid-area:title}.datefilter-controls{grid-area:datefilter;display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:var(--padding-share);justify-content:center}.datefilter-control-btn{padding:8px 16px;background:#27272a;border:1px solid #3f3f46;border-radius:6px;color:#e5e7eb;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.datefilter-control-btn:hover:not(:disabled){background:#3f3f46;border-color:#52525b}.datefilter-control-btn:disabled{opacity:.5;cursor:not-allowed}.datefilter-control-btn-primary{background:#3b82f6;border-color:#3b82f6}.datefilter-control-btn-primary:hover{background:#2563eb;border-color:#2563eb}.datefilter-custom-dates{display:flex;gap:8px;align-items:center;margin-left:8px;padding-left:8px;border-left:1px solid #3f3f46}.datefilter-date-input{padding:8px 12px;background:#27272a;border:1px solid #3f3f46;border-radius:6px;color:#e5e7eb;font-size:13px;cursor:pointer;transition:all .2s}.datefilter-date-input:hover{border-color:#52525b}.datefilter-date-input:focus{outline:none;border-color:#3b82f6}.datefilter-date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.completed-tasks-line-chart{grid-area:main1;background:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share);min-height:300px;display:flex;align-items:center;justify-content:center}.completed-tasks-report-count{grid-area:main3;background:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.completed-projects-report-count{grid-area:main4;background:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.completed-projects-line-chart{grid-area:main2;background:var(--soft-black);padding:var(--padding-share);border-radius:var(--border-radius-share);min-height:300px;display:flex;align-items:center;justify-content:center}.completed-tasks-report-list{grid-area:main5;text-align:start}.completed-projects-report-list{grid-area:main6;text-align:start}