body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.forgot-password-container{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:400px;padding:30px}.forgot-password-container h3{color:#333;font-size:24px;margin-bottom:25px;text-align:center}.form-step{animation:fadeIn .3s ease}.step-indicator{letter-spacing:1px;margin-bottom:8px}.step-description{line-height:1.5}.change-email-btn{margin-left:10px}.change-email-btn:hover{color:#2980b9}.input-group{margin-bottom:20px}.input-group input{font-size:14px;padding:12px}.input-group input:focus{box-shadow:0 0 0 2px #3498db33}.password-toggle-container{margin-bottom:20px}.password-toggle-label{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px}.password-toggle-label input{cursor:pointer;margin-right:8px}.resend-otp-container{margin-bottom:20px}.resend-otp-btn{padding:5px 10px}.resend-otp-btn:hover:not(:disabled){color:#2980b9;text-decoration:underline}.button-group{gap:15px;margin-top:25px}.button-group button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px;transition:all .3s}.login-btn{background:#3498db}.login-btn:hover:not(:disabled){background:#2980b9}.login-btn:disabled{background:#bdc3c7;cursor:not-allowed}.cancel-btn:disabled{background:#f5f5f5}.error-message,.success-message{border-radius:6px}.success-message{margin-bottom:15px}.loading-container{padding:40px 0;text-align:center}.loading-spinner{border:3px solid #f3f3f3;height:40px;margin:0 auto 15px;width:40px}.loading-container p{color:#666;font-size:14px}.login-container{align-items:center;background:linear-gradient(#797b7ed9,#212122d9),url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2072&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center}.login-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 10px 30px #00000026;max-width:400px;padding:2.5rem;text-align:center;transition:all .3s ease;width:100%}.login-box:hover{box-shadow:0 15px 35px #0003;transform:translateY(-2px)}.login-box h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:2rem}form{display:flex;flex-direction:column;gap:1.5rem}.input-group{margin-bottom:.2rem;text-align:left}.input-group label{color:#2c3e50;font-size:.95rem;margin-bottom:.5rem}.input-group input{border-radius:6px;font-size:1rem;padding:.9rem 1rem;transition:border-color .3s}.input-group input:focus{border-color:#6e8efb;box-shadow:0 0 0 3px #6e8efb33}.button-group{gap:1rem;justify-content:space-between;margin-top:1rem}.cancel-btn,.login-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.9rem 1.5rem;transition:all .3s}.login-btn{background:linear-gradient(135deg,#4367df);color:#fff}.login-btn:hover{box-shadow:0 5px 15px #6e8efb66;transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.cancel-btn{background-color:#f5f5f5}.cancel-btn:hover{background-color:#e0e0e0}@media (max-width:480px){.login-box{margin:0 1rem;padding:2rem 1.5rem}.login-box h2{font-size:1.5rem;margin-bottom:1.5rem}}.signup-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;font-weight:500;padding:0;text-decoration:underline}.signup-btn:hover{color:#0056b3;text-decoration:none}.signup-btn:disabled{color:#ccc;cursor:not-allowed;text-decoration:none}.password-input-group{position:relative}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:40px;width:100%}.password-toggle-btn{background:none;border:none;border-radius:3px;color:#666;cursor:pointer;padding:5px;position:absolute;right:10px;transition:color .2s ease}.password-toggle-btn:hover{background:#007bff1a;color:#007bff}.password-toggle-btn:disabled{color:#ccc;cursor:not-allowed}.password-toggle-btn:focus{box-shadow:0 0 0 2px #007bff40;outline:none}.forgot-password-link{margin:1px 0;text-align:center}.forgot-password-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;padding:5px;text-decoration:underline}.forgot-password-btn:hover{color:#0056b3}.forgot-password-btn:disabled{color:#6c757d;cursor:not-allowed}.forgot-password-instruction{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:4px;padding:5px 15px}.forgot-password-instruction p{color:#495057;font-size:14px;margin:0}.forgot-password-note{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;margin:15px 0;padding:10px}.forgot-password-note p{color:#856404;font-size:13px;margin:0}.success-message{background-color:#d4edda;border-radius:4px;margin:10px 0;padding:10px}.modal-overlay{z-index:1000}.modal-content{background:#fff;box-shadow:0 4px 20px #00000026}.modal-header{padding:20px}.modal-header h3{color:#333;margin:0}.modal-close-btn{align-items:center;color:#666;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.modal-close-btn:hover{background-color:#f5f5f5;color:#333}.modal-body{padding:20px}.signup-step{animation:fadeIn .3s ease-in}.modal-button-group{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.resend-otp-btn{background-color:#6c757d;border-radius:4px;color:#fff;padding:10px 20px;transition:background-color .3s}.resend-otp-btn:hover:not(:disabled){background-color:#5a6268}.resend-otp-btn:disabled{background-color:#ccc}.success-step{padding:20px 0;text-align:center}.success-icon{color:#28a745;font-size:48px;margin-bottom:15px}.success-step h4{color:#28a745;margin-bottom:10px}.success-step p{color:#666}@media (max-width:576px){.modal-content{margin:10px;width:95%}.modal-button-group{flex-direction:column}.modal-button-group button{width:100%}}.dashboard{margin:0 auto;max-width:100%;width:100%}.notes-grid{padding:20px 0!important}.note-footer .priority-indicator{margin:0 6px!important}@media (max-width:767px){.notes-grid{gap:12px;grid-template-columns:1fr;padding:16px 8px!important}.note-card{margin:0;min-height:auto;padding:16px}.note-header{align-items:flex-start;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px}.note-meta{flex:1 1;width:auto}.note-context{flex-direction:column!important;gap:2px!important;justify-content:flex-start!important;margin-left:auto!important;padding-left:8px!important;width:auto!important}.context-item{background:#0000!important;border-radius:0!important;flex:none!important;font-size:11px!important;max-width:120px!important;padding:0!important;text-align:right!important}.note-text{-webkit-line-clamp:3;font-size:14px}.note-footer{align-items:center;flex-direction:row!important;gap:8px}.note-actions{justify-content:flex-end}}@media (max-width:480px){.notes-grid{gap:10px}.note-card{margin:0 4px;padding:12px}.note-header{gap:8px}.user-avatar{font-size:12px;height:32px;width:32px}.note-author{font-size:13px}.note-date{font-size:11px}.context-item{font-size:10px!important;max-width:100px!important}.note-text{-webkit-line-clamp:2;font-size:13px}.attachment-btn{font-size:11px;padding:4px 8px}.action-btn{font-size:12px;height:26px;width:26px}.note-footer{flex-wrap:nowrap!important;min-height:24px!important}}.top-fixed-section{background:#fff;border-bottom:1px solid #eee;flex-shrink:0;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;z-index:100!important}.grid-scroll-container{min-height:0;overflow-y:auto}.responsive-table-container{max-height:100%}.responsive-table-container table thead{top:-1px;z-index:100!important}.main-content{display:flex;flex-direction:column;height:100vh}.dashboard{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:0}@media (max-width:768px){.dashboard .filter-container{flex-direction:column}.dashboard .filter-dropdown{min-width:100%!important;width:100%}.dashboard .clear-all-button,.dashboard .filter-button{min-width:100%!important;width:100%!important}.dashboard .clear-all-button{margin-top:8px}}@media (max-width:480px){.dashboard .search-box{align-items:stretch;flex-direction:column}.dashboard .search-box>*{margin-bottom:8px;width:100%}.dashboard .view-toggle-container{justify-content:center}}.filter-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px}.filter-dropdown{flex:1 1 200px;min-width:200px}.dropdown-content{box-shadow:0 4px 16px #00000026;max-height:320px;right:0}.dropdown-search{padding:10px 14px}.dropdown-search-input{font-size:14px;padding:8px 12px}.dropdown-list{max-height:280px;overflow-x:hidden}.checkbox-item{gap:10px;padding:10px 14px}.collapse-stack-btn.fixed-corner-btn{color:#46d35d}.expanded-stack-title i{color:#3cdb34}.expanded-stack-count{color:#3498db}.expanded-stack-header{align-items:flex-start}.expanded-stack-title{color:#3ce02d;font-size:22px;gap:10px}.expanded-stack-title i{color:#34db77;font-size:1.1em}.stacked-notes-horizontal{width:100%}.expanded-stack{padding:25px}.fixed-collapse-btn-wrapper{top:60%}.collapse-all-stacks-btn{background:#7ed811;color:#464746}.collapse-all-stacks-btn:hover{box-shadow:0 6px 20px #05f9acbd}.modal-overlay{background-color:#0009;height:100%;width:100%}.modal-content{animation:fadeIn .3s ease;box-shadow:0 5px 15px #0000004d;max-width:90%;padding:30px;width:200px}.modal-overlay.modal-sm .modal-content{max-height:78vh;max-width:80%;overflow-y:auto;padding:20px;width:300px}.modal-overlay.modal-xs .modal-content{max-width:90%;width:400px}@media (max-width:768px){.modal-overlay.modal-sm .modal-content{max-width:95%;padding:15px;width:95%}}.modal-overlay.modal-sm .settings-form textarea{height:80px;min-height:80px;resize:vertical}.modal-overlay.modal-sm .settings-form .modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:5px;padding-top:10px}.close-btn{color:#333;position:absolute;right:15px;top:10px}.new-note-modal .modal-content{display:flex;flex-direction:column;max-height:85vh;max-width:800px;width:90vw}.modal-content-wrapper{display:flex;flex-direction:column;height:100%;min-height:400px}.tabs-container{background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.tabs{background:#f8f9fa;border-radius:8px 8px 0 0}.tab-button{background:#0000;flex:1 1;padding:12px 16px;transition:all .2s ease}.tab-button.active{background:#fff;border-bottom:2px solid #1976d2;font-weight:600}.tab-button:hover:not(.active){background:#e9ecef}.tab-content-scrollable{flex:1 1;max-height:calc(85vh - 120px);overflow-y:auto;padding:20px}.journal-section{gap:10px}.form-row{display:flex;gap:10px;margin-bottom:10px}.form-group{flex:1 1}.form-group.full-width{flex:0 0 100%}.form-group label{font-size:14px}.form-group input,.form-group select{border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a;outline:none}.disabled-field-note{color:#666;font-size:.8em;font-style:italic;margin-top:4px}.error-message-inline{color:#d32f2f;font-size:.8em;font-weight:400;margin-left:5px}.error-message{background:#ffebee;margin:10px 0;padding:10px 15px}.error-message.sticky-error{border-radius:0;margin:0 -20px 20px;position:-webkit-sticky;position:sticky;top:50px;z-index:5}.dismiss-error{align-items:center;display:flex;font-size:16px;height:20px;justify-content:center;padding:0;width:20px}.priority-label{font-weight:600}.priority-select{border:1px solid #ddd;border-radius:4px;padding:8px 12px}.priority-select.priority-4{border-left:4px solid #e74c3c}.priority-select.priority-3{border-left:4px solid #f39c12}.priority-select.priority-1{border-left:4px solid #bdc3c7}.documents-section{display:flex;flex-direction:column;gap:10px}.document-actions{display:flex;justify-content:flex-start}.add-button{background:#1976d2;font-size:14px;transition:background-color .2s ease}.add-button:hover{background:#1565c0}.documents-list{border:1px solid #e0e0e0;border-radius:4px;max-height:200px;overflow-y:auto}.documents-list th{background:#f5f5f5;border-bottom:1px solid #e0e0e0;color:#666;font-size:12px;font-weight:600;padding:10px;text-align:left;text-transform:uppercase}.documents-list td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:10px}.documents-list tr:last-child td{border-bottom:none}.delete-button,.edit-button{background:none;border:none;border-radius:3px;cursor:pointer;font-size:12px;margin-right:5px;padding:4px 8px;transition:background-color .2s ease}.edit-button{color:#1976d2}.edit-button:hover{background:#e3f2fd}.delete-button{color:#d32f2f}.delete-button:hover{background:#ffebee}.no-documents{color:#666;font-size:14px;font-style:italic;padding:40px 20px;text-align:center}.modal-footer.sticky-footer{background:#fff;border-top:1px solid #e0e0e0;bottom:0;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;margin:0 -20px -20px;padding:16px 20px;position:-webkit-sticky;position:sticky}.cancel-button{background:#f5f5f5;color:#333;font-size:14px;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:#e0e0e0}.save-button{background:#1976d2;font-size:14px;transition:background-color .2s ease}.save-button:hover:not(:disabled){background:#1565c0}.cancel-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.6}.document-modal-overlay{background:#00000080;z-index:1000}.document-modal{background:#fff;max-height:80vh;overflow-y:auto;width:90vw}.document-modal h3{color:#333;margin:0 0 20px}.file-error{color:#d32f2f;font-size:.9em;margin:5px 0 0}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.submit-button{background:#1976d2}.submit-button:disabled{background:#ccc}@media (max-height:700px){.new-note-modal .modal-content{max-height:95vh}.tab-content-scrollable{max-height:calc(95vh - 120px)}}@media (max-width:768px){.new-note-modal .modal-content{margin:10px;width:95vw}.form-row{gap:10px}.form-row,.tabs{flex-direction:column}.tab-button{padding:10px 12px;text-align:left}.documents-list{font-size:12px}.documents-list td,.documents-list th{padding:6px 8px}}@media (max-width:480px){.tab-content-scrollable{padding:15px}.modal-footer.sticky-footer{flex-direction:column;padding:12px 15px}.cancel-button,.save-button{width:100%}}.search-section{padding-bottom:0}.search-section .search-container{border-bottom:none}.search-container{position:relative}.search-input-wrapper{margin-bottom:0}.search-input{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:12px 16px;transition:all .2s ease-in-out}.search-input:focus{background-color:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.search-spinner{background:#f8f9fa;border-radius:4px;color:#6c757d;padding:2px 8px;right:12px}.search-results-dropdown{border:2px solid #007bff;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #00000026;margin-top:-2px}.search-result-item{background:#fff;border-bottom:1px solid #f1f3f4;padding:12px 16px;transition:all .2s ease}.search-result-item:hover{transform:translateX(2px)}.search-result-fullpath{color:#1a73e8;line-height:1.4}.search-result-details{color:#5f6368;line-height:1.3}.search-result-details span{background:#f1f3f4;display:inline-block;margin-right:8px}.search-no-results{background:#f8f9fa;color:#6c757d;font-style:italic;padding:20px}.search-container label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.search-results-dropdown::-webkit-scrollbar{width:6px}.search-results-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 0 8px 0}.search-results-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.search-results-dropdown::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.search-results-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;color:#6c757d;font-weight:600;padding:8px 16px}.editor-formatting-tools{flex-wrap:wrap;gap:4px}.editor-formatting-tools button{align-items:center;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.editor-formatting-tools button:hover{background:#f0f0f0;border-color:#3498db;color:#3498db}.image-upload-button{align-items:center;display:inline-flex;height:18px;justify-content:center;transition:all .2s ease;width:12px}.image-upload-button:hover{background:#f0f0f0;border-color:#3498db;color:#3498db}.image-counter{align-items:center;background:#e3f2fd;color:#1976d2;display:flex;gap:6px;margin-left:auto}.clear-button{color:#e74c3c!important}.clear-button:hover{background:#ffeaea!important;border-color:#e74c3c!important}.editor-content-container{margin-top:8px}.editor-hint{align-items:center;display:inline-flex;font-weight:400;gap:4px}.text-editor:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.form-group .rich-text-editor{background:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;max-height:150px!important;min-height:150px!important;overflow-y:auto;padding:6px;width:100%}.rich-text-editor:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.rich-text-editor[contenteditable=true]:empty:before{color:#999;content:attr(placeholder);pointer-events:none}.rich-text-editor img,.rich-text-editor img.editor-image{max-height:100px!important;max-width:100%!important;width:100%!important}.rich-text-editor img,.rich-text-editor img.editor-image,.rich-text-editor img[data-image-base64],.rich-text-editor img[data-image-id]{border:none!important;display:inline-block!important;height:auto!important;margin:4px 0!important;object-fit:contain!important;outline:none!important;vertical-align:middle!important}.rich-text-editor img[data-image-base64],.rich-text-editor img[data-image-id]{max-height:150px!important;max-width:95%!important;width:95%!important}.rich-text-editor,.rich-text-editor>*{text-align:start!important}.rich-text-editor img{align-self:flex-start!important;display:inline-block!important;float:none!important;vertical-align:middle!important}.rich-text-editor p{line-height:1.5;margin:8px 0}.rich-text-editor ol,.rich-text-editor ul{margin:8px 0;padding-left:20px}.rich-text-editor img[data-image-id]{border:2px solid #3498db;padding:2px}@media (max-width:768px){.editor-toolbar{align-items:flex-start;flex-direction:column}.editor-formatting-tools,.image-counter{justify-content:center;width:100%}.image-counter{margin-left:0;margin-top:8px}}.image-upload-status{background-color:#e3f2fd;border:1px solid #bbdefb;color:#1976d2;padding:8px 12px}.editor-image{background-color:#f9f9f9;border:2px solid #ddd;border-radius:4px;margin:4px;padding:2px}.rich-text-editor img{cursor:pointer}.rich-text-editor img:hover{opacity:.9}.rich-text-editor{border:1px solid #ddd;line-height:1.5;outline:none;padding:12px}.rich-text-editor br{margin-bottom:4px}.editor-image{margin:4px 0;max-height:200px;max-width:300px;vertical-align:middle}.image-upload-status{background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:4px;color:#2e7d32;font-size:12px;margin-top:8px;padding:6px 10px}.image-upload-status i{margin-right:6px}.search-section{margin-bottom:15px;width:100%}.search-container.full-width{width:100%}.search-label{color:#333;display:block;font-weight:600;margin-bottom:8px}.search-input-wrapper{position:relative;width:100%}.search-input{border-radius:6px;padding:10px 12px;transition:border-color .2s}.search-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.search-spinner{color:#666;font-size:12px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.search-results-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:2px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-results-header{background:#f9f9f9;border-bottom:1px solid #eee;color:#666;font-size:12px;padding:10px 12px}.search-result-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px;transition:background-color .2s}.search-result-item:hover{background-color:#f8f9fa}.search-result-item:last-child{border-bottom:none}.search-result-fullpath{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.search-result-details{color:#666;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.search-result-details span{background:#f0f0f0;border-radius:4px;padding:2px 6px}.search-no-results{color:#666;font-size:14px;padding:20px 12px;text-align:center}@media (max-width:768px){.search-section{margin-bottom:12px}.search-input{font-size:16px;padding:12px}.search-results-dropdown{left:10px;max-height:250px;position:fixed;right:10px;top:auto;z-index:10000}.search-result-item{padding:10px}.search-result-details{flex-direction:column;gap:4px}.search-result-details span{width:-webkit-fit-content;width:fit-content}}@media (max-width:480px){.search-input{padding:14px}.search-results-dropdown{max-height:200px}}.form-group.full-width{margin-bottom:15px;width:100%}.journal-section{display:flex;flex-direction:column;gap:15px;width:100%}.search-container,.search-section{opacity:1!important;visibility:visible!important}.search-container{display:block!important;width:100%!important}.search-input{opacity:1!important;visibility:visible!important}.form-group.full-width.search-container,.search-input-wrapper,.search-section{padding-left:0!important;padding-right:0!important}.form-group.full-width.search-container,.search-input,.search-input-wrapper,.search-section{display:block!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;width:100%!important}.search-input{box-sizing:border-box!important;padding-left:12px!important;padding-right:12px!important}.journal-section .form-group.full-width,.search-results-dropdown{max-width:100%!important;width:100%!important}.search-results-dropdown{left:0!important;right:0!important}@media (max-width:768px){.search-section{padding-left:0!important;padding-right:0!important}.search-input,.search-section{margin-left:0!important;margin-right:0!important;max-width:100%!important;width:100%!important}.search-input{padding-left:12px!important;padding-right:12px!important}.new-note-modal .modal-content{box-sizing:border-box;margin:10px;width:95vw}.search-section .form-group.full-width{max-width:100%!important;width:100%!important}}.edit-note-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;right:0;top:0}.edit-note-modal{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;max-height:80vh;max-width:650px;overflow-y:auto;padding:20px;width:90%}.modal-header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.modal-header h2{color:#333}.error-message{align-items:center;background-color:#ffebee;border-radius:4px;color:#d32f2f;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px}.dismiss-error{background:none;border:none;color:#d32f2f;cursor:pointer;font-size:12px}.tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:20px}.tab-button{border-bottom:3px solid #0000;color:#666;font-weight:600}.tab-button.active{border-bottom-color:#1976d2;color:#1976d2}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:8px 12px}.form-group textarea{min-height:100px}.documents-list{margin-top:20px}.documents-list table{border-collapse:collapse;width:100%}.documents-list td,.documents-list th{border-bottom:1px solid #eee;padding:10px;text-align:left}.documents-list th{background-color:#f5f5f5}.document-actions{margin-bottom:15px}.add-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.edit-button{margin-right:5px}.delete-button,.edit-button{border:none;border-radius:4px;cursor:pointer;padding:5px 10px}.modal-footer{padding-top:15px}.cancel-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px}.cancel-button,.save-button{cursor:pointer;padding:8px 16px}.save-button{background-color:#1976d2;border:none;border-radius:4px;color:#fff}.save-button:disabled{background-color:#90caf9;cursor:not-allowed}.document-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.document-modal{background-color:#fff;border-radius:8px;max-width:500px;padding:20px;width:90%}.document-modal h3{margin-bottom:20px;margin-top:0}.document-modal .form-group{margin-bottom:15px}.document-modal .modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.submit-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.submit-button:disabled{background-color:#a5d6a7;cursor:not-allowed}button{cursor:pointer;margin-right:5px;padding:3px 8px}button:hover{background-color:#f0f0f0}table{margin-top:10px}td,th{border:1px solid #ddd;padding:8px}tr:nth-child(2n){background-color:#f2f2f2}.document-preview-modal{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.document-preview-modal .modal-content{background:#fff;border-radius:5px;height:90vh;max-width:900px;padding:20px;position:relative;width:90%}.no-preview{padding:20px;text-align:center}.document-actions-cell button{margin:0 5px;min-width:60px;padding:3px 8px}.delete-button,.download-button,.edit-button,.view-button{color:#fff}button:disabled{cursor:not-allowed;opacity:.5}.read-only-badge{background-color:#f0ad4e;border-radius:4px;color:#fff;font-size:14px;margin-left:10px;padding:3px 8px}.edit-warning{background-color:#f8d7da;border-radius:4px;color:#721c24;margin:10px 0;padding:10px;text-align:center}.priority-select{background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;outline:none;padding:.75rem;transition:all .2s ease;width:100%}.priority-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.priority-default{background:linear-gradient(135deg,#fff 95%,#cbd5e0 0);border-color:#cbd5e0;color:#718096;font-style:italic}.priority-4{border-color:#d32b15;color:#f83330}.priority-3,.priority-4{background:#fff;font-weight:600}.priority-3{border-color:#e8f628;color:#e8f628}.priority-2{border-color:#2e48ed;color:#5987ec}.priority-1,.priority-2{background:#fff;font-weight:600}.priority-1{border-color:#eff6ff;color:#a7a8ab}.priority-select option[value=""]{background-color:#f7fafc;color:#718096;font-style:italic}.priority-option-4{background-color:#fff7ed;color:#f83330;font-weight:600}.priority-option-3{background-color:#fffbeb;color:#e8f628;font-weight:600}.priority-option-2{background-color:#f0fdf4;color:#5987ec;font-weight:600}.priority-option-1{background-color:#eff6ff;color:#a7a8ab;font-weight:600}.journal-section textarea:focus{border:2px solid #1976d2!important;border-radius:8px;margin:-2px;outline:none!important}.journal-section textarea{transition:border-color .2s ease-in-out}.editor-toolbar{align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:10px;padding:8px}.editor-formatting-tools{display:flex;gap:8px}.editor-formatting-tools button{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s}.editor-formatting-tools button:hover:not(:disabled){background:#e8e8e8;border-color:#bbb}.editor-formatting-tools button:disabled{cursor:not-allowed;opacity:.5}.image-upload-wrapper{position:relative}.image-upload-button{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s}.image-upload-button:hover:not(:disabled){background:#e8e8e8;border-color:#bbb}.clear-button{background:#ffebee!important;color:#c62828!important}.clear-button:hover:not(:disabled){background:#ffcdd2!important;border-color:#c62828!important}.image-counter{background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;font-size:12px;padding:4px 8px}.image-counter i{margin-right:4px}.rich-text-editor{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;max-height:400px;min-height:200px;overflow-y:auto;padding:10px}.rich-text-editor:focus{border-color:#1976d2;outline:2px solid #1976d2}.rich-text-editor[contenteditable=false]{background-color:#f5f5f5;cursor:not-allowed}.rich-text-editor img{border-radius:4px}.image-wrapper{display:block;margin:10px 0!important;padding:0!important;text-align:left!important;width:100%}.remove-image-btn{align-items:center!important;background:#dc3545f2!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 5px #0003;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;height:28px!important;justify-content:center!important;opacity:.8;padding:0!important;position:absolute;right:8px;top:8px;transition:all .2s ease!important;width:28px!important;z-index:100}.remove-image-btn:hover{background:#dc3545!important;box-shadow:0 3px 8px #0000004d;opacity:1;transform:scale(1.1)!important}.remove-image-btn i{font-size:12px;line-height:1}.rich-text-editor>:not(.image-wrapper){margin-bottom:1em!important}.rich-text-editor .image-wrapper{display:block;margin:10px 0!important;padding:0!important;text-align:left!important}.rich-text-editor .image-wrapper+.image-wrapper{margin-top:15px!important}.rich-text-editor .image-wrapper:last-child{margin-bottom:10px!important}.image-wrapper:hover .remove-image-btn{opacity:1;transform:scale(1)}.inline-image{border:1px solid #ddd;border-radius:6px!important;display:block!important;height:auto!important;margin:0!important;max-width:100%!important;padding:0!important;text-align:left!important}.fullscreen-overlay{background:#000000e6}.fullscreen-container{border-radius:12px;box-shadow:0 10px 40px #00000080;height:90%;max-width:1200px;width:90%}.fullscreen-header{padding:15px 20px}.fullscreen-header h3{font-size:18px}.close-fullscreen-btn{font-size:18px;height:36px;transition:background .2s;width:36px}.fullscreen-image-container{padding:20px}.fullscreen-image{border-radius:4px;box-shadow:0 5px 20px #0000004d;max-height:calc(90vh - 150px)}.nav-btn{background:#00000080;font-size:20px;height:50px;transition:all .2s;width:50px}.nav-btn:hover{background:#000c;border-color:#fff9}.prev-btn{left:20px}.next-btn{right:20px}.fullscreen-footer{padding:15px 20px}.image-details{font-size:14px}.image-details p{margin:4px 0}.image-details strong{margin-right:8px}.navigation-hint{font-size:12px;gap:5px}.navigation-hint span{gap:8px}.editor-hint{color:#666;font-size:12px;font-style:italic;margin-left:10px}.editor-hint i{margin-right:4px}.edit-note-modal-overlay{position:fixed;z-index:1000}.fullscreen-overlay{z-index:2000}.rich-text-editor[contenteditable=false]{background-color:#f5f5f5!important;cursor:not-allowed!important}.editor-formatting-tools button.disabled{cursor:not-allowed;opacity:.5}.rich-text-editor:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.rich-text-editor:empty:before{color:#999;content:attr(placeholder);display:block;pointer-events:none}.rich-text-editor div:not(.image-wrapper),.rich-text-editor ol,.rich-text-editor p,.rich-text-editor ul{margin:0 0 1em!important}.rich-text-editor div:not(.image-wrapper):last-child,.rich-text-editor ol:last-child,.rich-text-editor p:last-child,.rich-text-editor ul:last-child{margin-bottom:1em!important}.rich-text-editor .image-wrapper,.rich-text-editor .inline-image,.rich-text-editor img{display:block!important;float:none!important;text-align:left!important}.rich-text-editor img{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;cursor:zoom-in;display:block;height:auto;max-width:100%;transition:all .3s ease}.rich-text-editor img:hover{border-color:#1976d2;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.enhanced-image{border:2px solid #f0f0f0!important;border-radius:10px!important;box-shadow:0 5px 15px #0000001a!important;height:auto!important;max-width:100%!important;transition:all .3s ease!important}.enhanced-image:hover{border-color:#4caf50!important;box-shadow:0 8px 25px #00000026!important;transform:scale(1.01)!important}.fullscreen-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.fullscreen-container{animation:fadeIn .3s ease;background:#1a1a1a;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;height:95%;max-width:1400px;overflow:hidden;width:95%}.fullscreen-header{align-items:center;background:#2d2d2d;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:20px 30px}.fullscreen-header h3{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:500;margin:0}.close-fullscreen-btn{align-items:center;background:#444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-fullscreen-btn:hover{background:#666;transform:rotate(90deg)}.fullscreen-image-container{background:#121212;flex:1 1;padding:30px;position:relative}.fullscreen-image-container,.image-wrapper-fullscreen{align-items:center;display:flex;justify-content:center}.image-wrapper-fullscreen{animation:slideIn .4s ease;max-height:100%;max-width:100%}.fullscreen-image{background:#000;border-radius:8px;box-shadow:0 10px 40px #0006;max-height:calc(95vh - 180px);max-width:100%;object-fit:contain}.nav-btn{background:#0009;border:2px solid #ffffff4d;border-radius:50%;font-size:24px;height:60px;justify-content:center;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px;z-index:10}.nav-btn:hover{background:#000000e6;border-color:#fffc;opacity:1;transform:translateY(-50%) scale(1.1)}.prev-btn{left:30px}.next-btn{right:30px}.fullscreen-footer{align-items:center;background:#2d2d2d;border-top:1px solid #444;display:flex;justify-content:space-between;padding:20px 30px}.image-details{color:#ccc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px}.image-details p{margin:6px 0}.image-details strong{color:#fff;font-weight:600;margin-right:10px}.navigation-hint{align-items:flex-end;color:#aaa;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;gap:8px}.navigation-hint span{align-items:center;background:#ffffff1a;border-radius:4px;display:flex;gap:10px;padding:4px 8px}.navigation-hint i{color:#2196f3;font-size:12px}.clear-button.disabled{color:#999!important;cursor:not-allowed!important;opacity:.5!important}.clear-button.disabled,.clear-button.disabled:hover{background:#f5f5f5!important;border-color:#ddd!important}.clear-button.disabled:hover{transform:none!important}.image-delete-instructions{align-items:center;background:#fff8e1;border:1px solid #ffd54f;border-radius:6px;color:#856404;display:flex;font-size:13px;gap:8px;margin-top:10px;padding:12px}.image-delete-instructions i{color:#ff9800;font-size:14px}.image-wrapper{position:relative;transition:all .3s ease}.image-wrapper:hover{transform:translateY(-1px)}@media (max-width:768px){.nav-btn{font-size:20px;height:50px;width:50px}.prev-btn{left:15px}.next-btn{right:15px}.fullscreen-container{border-radius:12px;height:98%;width:98%}.fullscreen-footer,.fullscreen-header{padding:15px 20px}.fullscreen-image-container{padding:20px}}.delete-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2001}.delete-confirm-modal{animation:modalSlideIn .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:450px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.delete-confirm-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px 24px}.delete-confirm-header h3{align-items:center;color:#333;display:flex;font-size:18px;margin:0}.delete-confirm-content{padding:30px 24px;text-align:center}.warning-icon{animation:pulse 1.5s infinite;color:#f44336;font-size:48px;margin-bottom:20px}.delete-confirm-message{color:#333;font-size:16px;line-height:1.6;margin-bottom:15px}.delete-confirm-message strong{color:#f44336;font-weight:600}.delete-confirm-warning{align-items:center;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:6px;color:#f44336;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:20px;padding:10px 15px}.delete-confirm-actions{background-color:#f8f9fa;border-top:1px solid #dee2e6;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.delete-cancel-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s ease}.delete-cancel-button:hover:not(:disabled){background-color:#e8e8e8;border-color:#bbb}.delete-confirm-button{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;min-width:120px;padding:10px 20px;transition:all .2s ease}.delete-confirm-button:hover:not(:disabled){background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-1px)}.delete-cancel-button:disabled,.delete-confirm-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.delete-confirm-modal{max-width:350px;width:95%}.delete-confirm-header{padding:16px 20px}.delete-confirm-content{padding:24px 20px}.delete-confirm-actions{flex-direction:column;padding:16px 20px}.delete-cancel-button,.delete-confirm-button{width:100%}}.afm-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.afm-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:650px;overflow-y:auto;padding:20px;width:90%}.afm-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.afm-header h2{color:#333;font-size:1.25rem;margin:0}.afm-close{background:none;border:none;color:#666;cursor:pointer;font-size:24px;line-height:1;padding:0}.afm-close:hover{color:#333}.afm-error{align-items:center;background-color:#ffebee;border-radius:4px;color:#d32f2f;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px}.afm-error button{background:none;border:none;color:#d32f2f;cursor:pointer;font-size:12px}.afm-tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:20px;padding:0}.afm-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-weight:600;padding:10px 20px}.afm-tab.active{border-bottom-color:#1976d2;color:#1976d2}.afm-content{flex:1 1;overflow-y:auto}.afm-field{margin-bottom:15px}.afm-field label{color:#333;display:block;font-weight:500;margin-bottom:5px}.afm-field input,.afm-field select,.afm-field textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.afm-field textarea{min-height:100px;resize:vertical}.afm-documents-list{border-collapse:collapse;margin-top:20px;width:100%}.afm-documents-list td,.afm-documents-list th{border-bottom:1px solid #eee;padding:10px;text-align:left}.afm-documents-list th{background-color:#f5f5f5}.afm-doc-item{display:table-row}.afm-doc-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:24px;width:24px}.afm-doc-icon,.afm-doc-info{display:table-cell;padding:10px;vertical-align:middle}.afm-doc-name{color:#333;font-weight:500}.afm-doc-filename,.afm-doc-size{color:#666;font-size:.9em}.afm-doc-actions{display:table-cell;padding:10px;text-align:right;vertical-align:middle}.afm-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:15px}.afm-add-doc{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:15px;padding:8px 16px}.afm-add-doc:hover{background:#1565c0}.afm-add-doc:disabled{background-color:#90caf9;cursor:not-allowed}.afm-action-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:5px;padding:5px 10px}.view-button{background-color:#4caf50}.edit-button{background-color:#2196f3}.delete-button{background-color:#f44336}.download-button{background-color:#ff9800}.afm-action-button:disabled{cursor:not-allowed;opacity:.5}.afm-cancel-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 16px}.afm-save-button{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.afm-save-button:disabled{background-color:#90caf9;cursor:not-allowed}.afm-empty{color:#666;padding:20px;text-align:center}.file-icon-pdf{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23F40F02" d="M181.9 256.1c-5-16-4.9-46.9-2-46.9 8.4 0 7.6 36.9 2 46.9zm-1.7 47.2c-7.7 20.2-17.3 43.3-28.4 62.7 18.3-7 39-17.2 62.9-21.9-12.7-9.6-24.9-23.4-34.5-40.8zM86.1 428.1c0 .8 13.2-5.4 34.9-40.2-6.7 6.3-29.1 24.5-34.9 40.2zM248 160h136v328c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V24C0 10.7 10.7 0 24 0h200v136c0 13.3 10.7 24 24 24zm-8 171.8c-20-12.2-33.3-29-42.7-53.8 4.5-18.5 11.6-46.6 6.2-64.2-4.7-29.4-42.4-26.5-47.8-6.8-5 18.3-.4 44.1 8.1 77-11.5 27.6-28.7 64.6-40.8 85.8-.1 0-.1.1-.2.1-27.1 13.9-73.6 44.5-54.5 68 5.6 6.9 16 10 21.5 10 17.9 0 35.7-18 61.1-61.8 25.8-8.5 54.1-19.1 79-23.2 21.7 11.8 47.1 19.5 64 19.5 29.2 0 31.2-30 19.7-43.4-13.1-15.5-30.4-12.6-54.6-6.6zM376 128H272V24c0-13.3 10.7-24 24-24h80v104c0 13.3 10.7 24 24 24z"/></svg>')}.file-icon-word{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%232B579A" d="M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM192 160h160v-32H192v32zm-53.6 152.6c-6.2 6.2-16.4 6.3-22.6 0l-50.6-50.6c-6.2-6.2-6.2-16.4 0-22.6l50.6-50.6c6.2-6.2 16.4-6.3 22.6 0l50.6 50.6c6.2 6.2 6.2 16.4 0 22.6l-50.6 50.6zm96-96c-6.2 6.2-16.4 6.3-22.6 0l-50.6-50.6c-6.2-6.2-6.2-16.4 0-22.6l50.6-50.6c6.2-6.2 16.4-6.3 22.6 0l50.6 50.6c6.2 6.2 6.2 16.4 0 22.6l-50.6 50.6zm96-96c-6.2 6.2-16.4 6.3-22.6 0l-50.6-50.6c-6.2-6.2-6.2-16.4 0-22.6l50.6-50.6c6.2-6.2 16.4-6.3 22.6 0l50.6 50.6c6.2 6.2 6.2 16.4 0 22.6l-50.6 50.6z"/></svg>')}.file-icon-excel{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%231D6F42" d="M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM192 160h160v-32H192v32zm-78.1 77.2l64 64c4.7 4.7 4.7 12.3 0 17l-64 64c-4.7 4.7-12.3 4.7-17 0l-64-64c-4.7-4.7-4.7-12.3 0-17l64-64c4.7-4.7 12.3-4.7 17 0zm96 0c-4.7 4.7 4.7 12.3 0 17l-64 64c-4.7 4.7-12.3 4.7-17 0l-64-64c-4.7-4.7-4.7-12.3 0-17l64-64c4.7-4.7 12.3-4.7 17 0zm96 0l64 64c4.7 4.7 4.7 12.3 0 17l-64 64c-4.7 4.7-12.3 4.7-17 0l-64-64c-4.7-4.7-4.7-12.3 0-17l64-64c4.7-4.7 12.3-4.7 17 0z"/></svg>')}.file-icon-image{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%2342A5F5" d="M384 64v384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0h256c35.3 0 64 28.7 64 64zm-256 64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm96 96c0 17.7-14.3 32-32 32s-32-14.3-32-32 14.3-32 32-32 32 14.3 32 32zm160-64l-85.7-85.7c-6.2-6.2-16.4-6.2-22.6 0L96 288l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0L0 320v128c0 17.7 14.3 32 32 32h320c17.7 0 32-14.3 32-32V160z"/></svg>')}.file-icon-text{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23757575" d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm68 236h-56v56c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm120-236H272V0h144v144z"/></svg>')}.file-icon-file{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23757575" d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm160-24v320c0 8.8-7.2 16-16 16H32c-8.8 0-16-7.2-16-16V32c0-8.8 7.2-16 16-16h176v104c0 13.3 10.7 24 24 24h104z"/></svg>')}.afm-doc-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.afm-doc-modal{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;max-width:500px;padding:20px;width:90%}.afm-doc-field{margin-bottom:15px}.afm-doc-field label{display:block;font-weight:500;margin-bottom:5px}.afm-doc-field input[type=file],.afm-doc-field input[type=text]{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.afm-doc-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.afm-cancel-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:4px}.afm-cancel-btn,.afm-save-btn{cursor:pointer;padding:8px 16px}.afm-save-btn{background:#1976d2;border:none;border-radius:4px;color:#fff}.afm-save-btn:disabled{background:#90caf9;cursor:not-allowed}.afm-error-message{background:#ffebee;border-radius:4px;color:#d32f2f;margin-bottom:15px;padding:10px}.spinner{height:24px;margin:0 auto 10px;width:24px}.drag-drop-area.drag-over{background-color:#f0f9f0!important;border-color:#4caf50!important}.drag-drop-area.paste-success{background-color:#e3f2fd!important;border-color:#2196f3!important}.paste-indicator{animation:fadeInOut 1.5s ease-in-out;background:#e3f2fd;border:1px solid #2196f3;border-radius:6px;color:#0d47a1;font-weight:500;margin:10px 0;padding:10px 16px;text-align:center}.downloading-indicator{background:#e8f5e8;border:1px solid #4caf50;border-radius:8px;color:#2e7d32;margin:16px 0;padding:16px;text-align:center}.downloading-indicator p{font-weight:600;margin-bottom:8px}.uploading-indicator{color:#4caf50;font-size:16px;font-weight:600;margin:20px 0;text-align:center}.drag-drop-area{align-items:center;background-color:#f9f9f9;border:2px dashed #ccc;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-bottom:16px;min-height:180px;outline:none;padding:3px 2px;text-align:center;transition:all .3s ease}.drag-drop-area.drag-over{background-color:#f0f9f0;border-color:#4caf50;transform:scale(1.01)}.drag-drop-area.paste-success{background-color:#e3f2fd;border-color:#2196f3}.drag-drop-area:hover:not(.drag-over):not(.paste-success){background-color:#f5f5f5;border-color:#2196f3}.drag-drop-icon{color:#888;font-size:48px;margin-bottom:12px;transition:all .3s ease}.drag-drop-area.drag-over .drag-drop-icon{color:#4caf50}.drag-drop-area.paste-success .drag-drop-icon{color:#2196f3}.drag-drop-title{color:#333;font-size:16px;font-weight:500;margin-bottom:8px}.drag-drop-area.drag-over .drag-drop-title{color:#4caf50}.drag-drop-area.paste-success .drag-drop-title{color:#2196f3}.drag-drop-subtitle{color:#666;font-size:14px;margin-bottom:16px}.drag-drop-area.paste-success .drag-drop-subtitle{color:#0d47a1}.choose-file-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 20px}.choose-file-btn:disabled{cursor:not-allowed;opacity:.6}.file-preview{background:#e8f5e8;border:1px solid #4caf50;border-radius:8px;color:#2e7d32;font-weight:500;margin-top:12px;padding:14px 16px}.file-preview-header{align-items:center;display:flex;justify-content:space-between}.file-preview-name{font-weight:600;margin-bottom:4px}.file-preview-details{font-size:13px;opacity:.8}.remove-file-btn{align-items:center;background:none;border:none;border-radius:50%;color:#f44336;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:0 8px;width:32px}.remove-file-btn:hover{background-color:#ffebee}.remove-file-btn:disabled{cursor:not-allowed;opacity:.6}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.spinner{animation:spin 1s ease-in-out infinite;border:3px solid #0000001a;border-top-color:#4caf50;display:inline-block;height:20px;margin-right:8px;vertical-align:middle;width:20px}.view-note-modal-overlay{background-color:var(--overlay-bg-color);height:100%;width:100%;z-index:1000}.view-note-modal{background-color:var(--modal-bg-color);border-radius:10px;box-shadow:0 4px 20px #0003;color:var(--text-color);height:90vh;max-width:600px}.theme-gray{--overlay-bg-color:#000000b3;--modal-bg-color:#f0f0f0;--header-bg-color:#e0e0e0;--text-color:#333;--secondary-text-color:#777;--message-bg-color:#dcf8c6;--message-received-bg-color:#fff;--border-color:#e5e5e5;--button-color:#555;--button-hover-color:#333}.view-note-modal-overlay.theme-white{background-color:#fff;opacity:1}.whatsapp-header{background-color:var(--header-bg-color);border-bottom:1px solid var(--border-color);padding:10px 15px}.back-button{color:var(--button-color);font-size:24px;margin-right:15px}.contact-info .contact-name{color:var(--text-color);font-size:16px;font-weight:700}.contact-info .contact-status{color:var(--secondary-text-color);font-size:12px}.header-right .header-button{background:none;border:none;color:var(--button-color);cursor:pointer;font-size:20px;margin-left:15px}.whatsapp-chat{display:flex;flex-direction:column;flex-grow:1;padding:10px 15px}.whatsapp-chat::-webkit-scrollbar{width:6px}.whatsapp-chat::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb-color);border-radius:3px}.whatsapp-chat::-webkit-scrollbar-track{background-color:initial}.theme-gray .whatsapp-chat::-webkit-scrollbar-thumb,.theme-white .whatsapp-chat::-webkit-scrollbar-thumb{background-color:#999}.theme-dark-blue .whatsapp-chat::-webkit-scrollbar-thumb{background-color:#3b4a54}.date-separator{align-self:center;background-color:var(--date-separator-bg);border-radius:10px;color:var(--secondary-text-color);display:inline-block;font-size:12px;margin:15px 0;padding:5px 10px;text-align:center}.theme-gray .date-separator,.theme-white .date-separator{background-color:#e0e0e0}.theme-dark-blue .date-separator{background-color:#3b4a54}.message{word-wrap:break-word;margin-bottom:8px;padding:8px 10px}.message.received{background-color:var(--message-received-bg-color);border:1px solid var(--border-color);color:var(--text-color);flex-grow:1;max-width:80%;transition:border-color .3s ease,box-shadow .3s ease}.message.received.priority-4{border:2px solid #d32b15!important}.message.received.priority-3{border:2px solid #d97706!important}.message.received.priority-2{border:2px solid #2e48ed!important}.message.received.priority-1{border:2px solid #a7a8ab!important}.message.received.selected.priority-4{box-shadow:0 0 10px #d32b154d}.message.received.selected.priority-3{box-shadow:0 0 10px #d977064d}.message.received.selected.priority-2{box-shadow:0 0 10px #2e48ed4d}.message.received.selected.priority-1{box-shadow:0 0 10px #a7a8ab4d}.message-header{align-items:center;margin-bottom:5px}.sender-name{color:#cbcaca;font-size:14px;font-weight:700}.message-time{color:var(--secondary-text-color);font-size:10px;margin-left:10px}.message-text{font-weight:700;line-height:1.4;margin-bottom:5px}.message-meta{color:var(--secondary-text-color);display:flex;flex-wrap:wrap;font-size:12px;gap:10px;margin-bottom:10px;margin-top:5px}.meta-item{align-items:center;display:flex;gap:5px}.message-attachments{border-top:1px solid var(--border-color);margin-top:10px;padding:10px}.attachments-header{color:var(--secondary-text-color);font-size:12px;font-weight:700;margin-bottom:5px}.attachment-item{align-items:center;color:var(--text-color);display:flex;font-size:14px;margin-top:5px}.status-message{margin:15px 0;text-align:center}.status-content{color:var(--secondary-text-color);font-size:12px}.whatsapp-footer{background-color:var(--header-bg-color);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding:10px 15px}.close-chat-button{align-items:center;background-color:#f4f1f0cf;border:none;border-radius:20px;color:#191616;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease}.close-chat-button:hover{background-color:#b3b0b0;box-shadow:0 4px 12px #7873734d;transform:translateY(-2px)}.whatsapp-chat .message-row{align-items:flex-end;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:8px;width:100%}.message.received{align-self:flex-start;margin-left:0!important;margin-right:4px!important}.whatsapp-chat .paperclip-container{align-items:flex-end;display:flex;flex-shrink:0;height:auto;padding:0 4px}.whatsapp-chat .paperclip-button{background:none;border:none;color:var(--secondary-text-color);cursor:pointer;font-size:14px;line-height:1;opacity:.8;padding:5px;transition:opacity .2s,color .2s}.whatsapp-chat .paperclip-button:hover{color:#34b7f1;opacity:1}.message-date-below{color:#cbcaca;font-size:14px;font-weight:700;margin-bottom:8px;margin-top:-5px}.contact-project{font-size:14px;font-weight:600}.view-note-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.view-note-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;height:85vh;max-width:800px;overflow:hidden;width:90%}.view-note-modal.loading{align-items:center;display:flex;justify-content:center}.loading-spinner{color:#666;text-align:center}.loading-spinner i{color:#3498db;font-size:32px;margin-bottom:12px}.whatsapp-header{justify-content:space-between;padding:12px 16px}.header-left,.whatsapp-header{align-items:center;display:flex}.header-left{gap:12px}.job-attributes{align-items:flex-end;color:#333;display:flex;flex-direction:column;font-size:12px;gap:6px;margin-right:8px;max-width:240px}.job-attributes .attr{align-items:center;display:flex;gap:6px}.job-attributes .attr-key{color:#555;font-weight:600}.job-attributes .attr-value{color:#222;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-info-button{background:none;border:none;color:#555;color:var(--button-color,#555);cursor:pointer;font-size:18px;margin-right:8px}.more-info-button i{color:#3b4a54}.manager-info .attr-value{max-width:260px;white-space:normal}.manager-name{color:#222;font-weight:600}.manager-email{color:#666;font-size:12px}.back-button{background:none;font-size:18px}.contact-info{font-size:14px}.contact-name{font-weight:600}.contact-project,.contact-status{font-size:13px;opacity:.9}.whatsapp-chat{background:#f0f0f0;flex:1 1;overflow-y:auto;padding:16px}.message-row{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:16px}.message{border-radius:8px;max-width:80%;padding:8px 12px;position:relative;transition:all .3s ease}.message-content{font-size:14.5px}.message-header{color:#666;display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px}.sender-name{font-weight:600}.message.selected{border:2px solid #1976d2!important;border-radius:8px;box-shadow:0 2px 8px #1976d233;margin:-2px}.images-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:10px}.image-item{border-radius:8px}.image-item:hover{box-shadow:0 4px 12px #00000026}.inline-image{height:75px}.image-caption{padding:8px 10px}.image-filename{font-size:11px;margin-right:10px}.image-download{border-radius:3px;font-size:12px;padding:2px 6px}.images-loading{font-size:12px;gap:8px;margin-top:10px;padding:10px}@media (max-width:768px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.inline-image{height:120px}}@media (max-width:480px){.images-grid{grid-template-columns:1fr}.image-item{max-width:100%}}.images-grid:has(>.image-item:only-child){max-width:400px}.images-grid:has(>.image-item:only-child) .inline-image{height:auto;max-height:300px}.note-images-container{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:15px}.images-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:8px}.image-item{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;overflow:hidden;transition:transform .2s,box-shadow .2s}.image-item:hover{box-shadow:0 3px 8px #0000001f;transform:translateY(-2px)}.inline-image{background:#f5f5f5;display:block;height:100px;object-fit:cover;transition:opacity .3s ease;width:100%}.inline-image:not([src]){opacity:0}.inline-image.loaded{opacity:1}.image-caption{align-items:center;background:#fff;border-top:1px solid #eee;display:flex;font-size:10px;justify-content:space-between;padding:6px 8px}.image-filename{color:#666;flex:1 1;font-size:9px;margin-right:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-download{border-radius:2px;color:#3498db;font-size:10px;opacity:.7;padding:1px 4px;text-decoration:none;transition:background .2s}.image-download:hover{background:#f0f8ff;opacity:1;text-decoration:none}.images-loading{align-items:center;background:#f9f9f9;border-radius:4px;color:#666;display:flex;font-size:11px;gap:6px;margin-top:8px;padding:8px}.images-grid:has(>.image-item:only-child){grid-template-columns:1fr;margin:0 auto;max-width:250px}.images-grid:has(>.image-item:only-child) .inline-image{height:150px}@media (max-width:768px){.images-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.inline-image{height:80px}.images-grid:has(>.image-item:only-child){max-width:200px}.images-grid:has(>.image-item:only-child) .inline-image{height:120px}}@media (max-width:480px){.images-grid{grid-template-columns:1fr}.image-item{margin:0 auto;max-width:200px}.inline-image{height:120px}}.inline-image{filter:brightness(.98)}.inline-image:hover{filter:brightness(1.05)}.image-lightbox-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.image-lightbox{animation:slideUp .3s ease;background:#1a1a1a;border-radius:8px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;max-height:90%;max-width:90%;overflow:hidden}.lightbox-header{align-items:center;background:#2a2a2a;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:15px 20px}.lightbox-title{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:500;gap:10px}.lightbox-counter{background:#444;border-radius:12px;color:#ddd;font-size:12px;padding:2px 8px}.lightbox-close{background:none;border-radius:4px;padding:5px;transition:background .2s}.lightbox-close:hover{background:#444}.lightbox-content{flex:1 1;min-height:300px;padding:20px;position:relative}.lightbox-content,.lightbox-image-container{align-items:center;display:flex;justify-content:center}.lightbox-image,.lightbox-image-container{max-height:70vh;max-width:100%}.lightbox-image{border-radius:4px;object-fit:contain}.lightbox-nav{background:#000000b3;font-size:20px;height:50px;transition:background .2s,transform .2s;width:50px;z-index:2}.lightbox-nav:hover:not(:disabled){background:#000000e6;transform:translateY(-50%) scale(1.1)}.lightbox-nav:disabled{cursor:not-allowed;opacity:.3}.lightbox-footer{background:#2a2a2a;border-top:1px solid #444;padding:15px 20px}.lightbox-actions{display:flex;gap:15px;justify-content:center}.lightbox-download{align-items:center;background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 15px;text-decoration:none;transition:background .2s}.lightbox-download:hover{background:#2980b9;color:#fff;text-decoration:none}.image-fullscreen-button{background:none;border:none;border-radius:3px;color:#3498db;cursor:pointer;font-size:12px;padding:2px 6px;transition:background .2s}.image-fullscreen-button:hover{background:#f0f8ff}@media (max-width:768px){.image-lightbox{max-height:95%;max-width:95%}.lightbox-nav{font-size:16px;height:40px;width:40px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-actions{flex-direction:column;gap:10px}.lightbox-download{justify-content:center}}@media (max-width:480px){.lightbox-image,.lightbox-image-container{max-height:60vh}}.fullscreen-lightbox{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.lightbox-background{animation:fadeIn .3s ease;background:#000000f2;height:100%;left:0;position:absolute;top:0;width:100%}.lightbox-image-wrapper{align-items:center;animation:slideUp .3s ease;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.lightbox-full-image{border-radius:4px;box-shadow:0 5px 30px #000000b3;max-height:95%;max-width:95%;object-fit:contain}.lightbox-close{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:50px;z-index:3}.lightbox-close:hover{background:#fff3;transform:scale(1.1)}.lightbox-counter{border-radius:20px;font-size:14px;font-weight:500;left:20px;padding:8px 15px;top:20px}.lightbox-counter,.lightbox-nav{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;color:#fff;position:absolute;z-index:3}.lightbox-nav{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;top:50%;transform:translateY(-50%);transition:all .2s ease;width:60px}.lightbox-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.inline-image{cursor:pointer;transition:transform .2s}.inline-image:hover{transform:scale(1.02)}.image-item{cursor:pointer}@media (max-width:768px){.lightbox-full-image{max-height:98%;max-width:98%}.lightbox-close{font-size:18px;height:40px;right:10px;top:10px;width:40px}.lightbox-counter{font-size:12px;left:10px;padding:6px 12px;top:10px}.lightbox-nav{font-size:20px;height:50px;width:50px}.lightbox-prev{left:10px}.lightbox-next{right:10px}}@media (max-width:480px){.lightbox-nav{font-size:18px;height:45px;width:45px}.lightbox-close{font-size:16px;height:35px;width:35px}}.lightbox-image-wrapper{touch-action:pan-y}.image-caption{display:none}.image-item:hover .inline-image{box-shadow:0 4px 12px #00000026}.message-text{word-wrap:break-word;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;line-height:1.5;overflow-wrap:break-word}.message-text b,.message-text strong{font-weight:700}.message-text em,.message-text i{font-style:italic}.message-text ins,.message-text u{text-decoration:underline}.message-text ol,.message-text ul{margin:8px 0;padding-left:20px}.message-text li{margin:4px 0}.message-text div,.message-text p{margin:8px 0}.message-text img{border-radius:4px;display:block;height:auto;margin:8px 0;max-width:100%}.message-text a{color:#007bff;text-decoration:none}.message-text a:hover{text-decoration:underline}.print-dialog-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.print-dialog{background:#fff;border-radius:8px;padding:20px;text-align:center;width:300px}.print-dialog h3{margin-bottom:15px}.print-dialog label{display:block;margin-bottom:15px}.print-dialog input{box-sizing:border-box;margin-top:5px;padding:8px;width:100%}.print-dialog .buttons{display:flex;justify-content:space-around}.print-dialog button{border:none;border-radius:4px;cursor:pointer;padding:8px 20px}.print-dialog button:first-child{background:#3498db;color:#fff}.print-dialog button:last-child{background:#eee}.inline-image-viewer-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.inline-image-viewer-container{background-color:#1a1a1a;border-radius:12px;box-shadow:0 10px 50px #00000080;display:flex;flex-direction:column;height:90vh;overflow:hidden;width:90vw}.viewer-header{align-items:flex-start;background-color:#2a2a2a;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:20px}.viewer-title h3{color:#fff;font-size:20px;font-weight:500;margin:0 0 10px}.note-info{display:flex;flex-wrap:wrap;gap:10px}.date-badge,.job-badge,.project-badge,.workspace-badge{background-color:#3498db;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.project-badge{background-color:#2ecc71}.job-badge{background-color:#9b59b6}.date-badge{background-color:#f39c12}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;display:flex;font-size:24px;height:40px;justify-content:center;transition:background-color .2s;width:40px}.close-btn:hover{background-color:#ffffff1a}.viewer-content{flex:1 1;overflow:hidden;padding:20px;position:relative}.error-container,.loading-container,.viewer-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.error-container,.loading-container{color:#fff;gap:15px}.loading-container i{color:#3498db;font-size:48px}.error-container i{color:#e74c3c;font-size:48px}.retry-btn{align-items:center;background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:background-color .2s}.retry-btn:hover{background-color:#2980b9}.image-container{align-items:center;display:flex;justify-content:center;max-height:100%;max-width:100%}.full-size-image{border-radius:4px;box-shadow:0 5px 20px #0000004d;max-height:calc(90vh - 200px);max-width:100%;object-fit:contain}.navigation-controls{bottom:20px;justify-content:space-between;left:0;padding:0 20px;position:absolute;right:0;z-index:10}.nav-btn,.navigation-controls{align-items:center;display:flex}.nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#3498dbcc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .2s}.nav-btn:hover{background-color:#3498db}.image-counter{background-color:#00000080;border-radius:20px;color:#fff;font-size:16px;font-weight:500;padding:8px 16px}.viewer-footer{align-items:center;background-color:#2a2a2a;border-top:1px solid #444;justify-content:space-between;padding:15px 20px}.image-details,.viewer-footer{display:flex;flex-wrap:wrap;gap:15px}.detail-item{align-items:center;color:#ddd;display:flex;font-size:13px;gap:6px}.detail-item i{color:#3498db;text-align:center;width:16px}.action-buttons{display:flex;gap:10px}.action-btn{background-color:#3498db;border-radius:6px;color:#fff;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:background-color .2s}.action-btn:hover{background-color:#2980b9}.download-btn{background-color:#2ecc71}.download-btn:hover{background-color:#27ae60}.close-footer-btn{background-color:#e74c3c}.close-footer-btn:hover{background-color:#c0392b}@media (max-width:768px){.inline-image-viewer-container{height:95vh;width:95vw}.viewer-header{padding:15px}.viewer-title h3{font-size:16px}.note-info{gap:5px}.date-badge,.job-badge,.project-badge,.workspace-badge{font-size:10px;padding:3px 6px}.navigation-controls{padding:0 10px}.nav-btn{font-size:14px;padding:8px 12px}.viewer-footer{align-items:stretch;flex-direction:column;padding:10px 15px}.action-buttons,.image-details{justify-content:center}}.responsive-table-container{overflow-x:auto}.responsive-table-container table{border-collapse:collapse}.responsive-table-container td,.responsive-table-container th{border:1px solid #ddd;overflow:hidden;padding:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.responsive-table-container td:first-child,.responsive-table-container td:nth-child(2),.responsive-table-container td:nth-child(3),.responsive-table-container td:nth-child(4),.responsive-table-container th:first-child,.responsive-table-container th:nth-child(2),.responsive-table-container th:nth-child(3),.responsive-table-container th:nth-child(4){width:70px}.responsive-table-container td:nth-child(5),.responsive-table-container th:nth-child(5){text-align:left;width:300px}.responsive-table-container td:nth-child(6),.responsive-table-container th:nth-child(6){width:70px}.responsive-table-container td:nth-child(7),.responsive-table-container th:nth-child(7){width:90px}.responsive-table-container td:last-child,.responsive-table-container th:last-child{width:70px}.paginated-container{position:relative}.pagination-controls{align-items:center;display:flex;justify-content:space-between;margin-top:20px;padding:10px 0}.pagination-buttons{display:flex;gap:5px}.pagination-buttons button{background:#fff;border:1px solid #ddd;cursor:pointer;padding:8px 12px}.pagination-buttons button:hover:not(:disabled){background:#f0f0f0}.pagination-buttons button.active{background:#007bff;border-color:#007bff;color:#fff}.pagination-buttons button:disabled{cursor:not-allowed;opacity:.5}.page-size-selector{margin-bottom:20px}.loading-overlay{align-items:center;background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.dropdown-container{color:gray;margin-top:-20px}.dropdown-items{border:1 gray;padding:5px}.fas .fa-refresh{color:#007bff;cursor:pointer}tr.priority-2{background-color:#e8f5e8!important;border-left:4px solid #4caf50}tr.priority-3{background-color:#fff3cd!important;border-left:4px solid #ffc107}tr.priority-4{background-color:#f8d7da!important;border-left:4px solid #dc3545}tr.priority-2:hover{background-color:#d4edda!important}tr.priority-3:hover{background-color:#ffeaa7!important}tr.priority-4:hover{background-color:#f5c6cb!important}tr.selected-row.priority-2{background-color:#c3e6cb!important}tr.selected-row.priority-3{background-color:#ffeaa7!important}tr.selected-row.priority-4{background-color:#f5c6cb!important}.skeleton-container{padding:16px 0}.skeleton-row{align-items:center;gap:12px;opacity:0;padding:12px 0}.fade-in,.skeleton-row{animation:fadeIn .6s ease-out forwards}.skeleton-cell{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8 50%,#f0f0f0 75%);height:16px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-cell.short{width:60px}.skeleton-cell.medium{width:100px}.skeleton-cell.long{flex:1 1}.priority-dot{border-radius:50%;display:inline-block;height:8px;margin-left:8px;width:8px}.priority-dot-medium{background-color:#e8f628}.priority-dot-high{background-color:#f83330}.focused-row{background-color:#f8f9fa!important;border-left:3px solid #1976d2}.focused-row:hover{background-color:#e9ecef!important}.focused-row.selected-row,.selected-row{background-color:#e3f2fd!important}.focused-row.selected-row{border-left:3px solid #1976d2}.editable{position:relative}.view-toggle-container{background:#f8f9fa;border-radius:6px;padding:4px}.view-toggle-btn{background:none;border:none;color:#6c757d;font-size:14px}.view-toggle-btn:hover{background:#e9ecef;color:#495057}.notes-grid{grid-gap:16px!important;box-sizing:border-box!important;display:grid!important;gap:16px!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;height:calc(121vh - 400px)!important;margin:0!important;max-height:calc(121vh - 400px)!important;min-height:300px!important;overflow-x:hidden!important;overflow-y:scroll!important;padding:20px!important;position:relative!important;width:100%!important}.note-card{background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;margin-bottom:0!important;min-height:200px;overflow:hidden;padding:16px 16px 8px!important;position:relative;transition:all .3s ease}.note-card:hover{border-color:#3498db;box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.note-card.selected{border-color:#1976d2;box-shadow:0 0 0 3px #1976d233}.note-header{align-items:flex-start;display:flex;flex-shrink:0;gap:12px;margin-bottom:12px;min-height:40px;position:relative}.user-avatar{align-items:center!important;background:#3498db!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 2px 4px #0000001a!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:12px!important;font-weight:600!important;height:32px!important;justify-content:center!important;width:32px!important}.user-avatar-wrapper{display:inline-block;position:relative}.user-avatar-wrapper:hover .user-tooltip{opacity:1;visibility:visible}.user-tooltip{background:#2c3e50;border:1px solid #34495e;border-radius:6px;bottom:-35px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:12px;font-weight:500;opacity:0;padding:6px 12px;transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:1000}.user-tooltip,.user-tooltip:before{left:50%;position:absolute;transform:translateX(-50%)}.user-tooltip:before{border-bottom:5px solid #2c3e50;border-left:5px solid #0000;border-right:5px solid #0000;content:"";top:-5px}.user-avatar:nth-child(4n+1){background:#3498db!important}.user-avatar:nth-child(4n+2){background:#e74c3c!important}.user-avatar:nth-child(4n+3){background:#2ecc71!important}.user-avatar:nth-child(4n+4){background:#f39c12!important}.note-meta{flex:1 1;min-width:0}.draggable-value{border-radius:6px;cursor:grab;margin:2px 0;padding:4px 6px;transition:all .2s ease}.context-item.job{color:#000!important;font-weight:700!important}.context-item.workspace-project{margin-right:0!important;max-width:none!important;overflow:visible!important;padding-right:0!important;text-align:left!important;text-overflow:clip!important;white-space:normal!important}.draggable-value:hover{background:#e3f2fd;border:1px dashed #1976d2}.draggable-value:active{cursor:grabbing}.note-author{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-date{color:#7f8c8d;font-size:12px;margin-top:-4px!important}.note-context{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px;margin-left:auto;padding-left:8px}.context-item{color:#7f8c8d;font-size:11px;line-height:1.3;max-width:120px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.footer-priority{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:40px}.note-footer .priority-indicator{border-radius:50%;height:10px!important;margin:6px!important;width:10px!important}.note-footer .priority-2{background:#bdc3c7}.note-footer .priority-3{background:#f1c40f}.note-footer .priority-4{background:#e74c3c}.note-content{display:flex;flex:1 1;flex-direction:column;margin-bottom:0!important;min-height:50px!important}.note-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word;color:#2c3e50;display:-webkit-box;flex:1 1;font-size:15px;font-weight:600;line-height:1.4!important;margin-bottom:4px!important;overflow:hidden;overflow-wrap:break-word}.note-footer{border-top:1px solid #f0f0f0!important;flex-shrink:0!important;font-size:11px!important;gap:0!important;justify-content:space-between!important;margin-top:auto!important;min-height:24px!important;padding:0!important}.note-attachments,.note-footer{align-items:center!important;display:flex!important}.attachment-btn{align-items:center;background:none;border:none;border-radius:4px!important;color:#7f8c8d;cursor:pointer;display:flex;font-size:11px!important;gap:4px!important;padding:4px 8px!important;transition:all .2s ease}.attachment-btn:hover{background:#f8f9fa;color:#3498db}.note-actions{align-items:center!important;display:flex!important;gap:4px!important}.action-btn{align-items:center;background:none!important;border:none;border-radius:4px!important;color:#7f8c8d!important;cursor:pointer;display:flex;font-size:11px!important;height:24px!important;justify-content:center;transition:all .2s ease;width:24px!important}.action-btn:hover{background:#f8f9fa!important;color:#3498db}.action-btn.delete:hover{background:#fee!important;color:#e74c3c}@media (min-width:1400px){.notes-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.note-card{min-height:220px;padding:18px}.note-text{font-size:20px}}@media (min-width:1200px) and (max-width:1399px){.notes-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width:992px) and (max-width:1199px){.notes-grid{gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (min-width:768px) and (max-width:991px){.notes-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.note-card{min-height:180px;padding:14px}.note-header{flex-wrap:nowrap!important;gap:12px}.note-context{flex-direction:column!important;gap:2px!important;justify-content:flex-start!important;margin-left:auto!important;padding-left:8px!important;width:auto!important}.context-item{background:#0000!important;flex:none!important;max-width:120px!important;padding:0!important;text-align:right!important}}@media (max-width:767px){.notes-grid{gap:12px;grid-template-columns:1fr;padding:16px!important}.note-card{margin:0!important;min-height:auto;padding:16px}.note-header{align-items:flex-start;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px}.note-meta{flex:1 1;width:auto}.note-context{flex-direction:column!important;gap:2px!important;justify-content:flex-start!important;margin-left:auto!important;padding-left:8px!important;width:auto!important}.context-item{background:#0000!important;border-radius:0!important;flex:none!important;font-size:11px!important;max-width:120px!important;padding:0!important;text-align:right!important}.note-text{-webkit-line-clamp:3;font-size:14px}.note-footer{align-items:center;flex-direction:row!important;gap:8px}.note-actions{justify-content:flex-end}}@media (max-width:480px){.stacked-container{gap:10px;padding:10px}.expanded-stack{box-sizing:border-box;margin:0!important;min-width:100%;padding:10px}.expanded-notes-grid{gap:8px;padding:8px 0!important}.expanded-stack-title{font-size:16px}.stack-layer-card{height:220px}.note-card{min-height:auto!important;padding:12px!important}.note-header{flex-wrap:wrap!important}.note-context{flex:0 0 100%!important;flex-direction:row!important;gap:8px!important;justify-content:flex-start!important;margin-top:8px;padding-left:0!important}.context-item{background:#f5f5f5!important;border-radius:4px!important;max-width:none!important;padding:2px 6px!important;text-align:left!important}}.note-card.skeleton{animation:pulse 1.5s ease-in-out infinite;min-height:200px}.skeleton-header{gap:12px;height:40px;margin-bottom:12px}.skeleton-avatar{background:#f0f0f0;height:36px;width:36px}.skeleton-text{background:#f0f0f0;height:12px}.skeleton-text.short{width:80px}.skeleton-text.long{height:80px}.skeleton-content{flex:1 1;margin-bottom:12px}.skeleton-footer{height:32px;margin-top:auto;padding-top:12px}.skeleton-actions{display:flex;gap:8px}.skeleton-actions div{background:#f0f0f0;border-radius:6px;height:28px;width:28px}.priority-dropdown-overlay{background:#0000001a;bottom:0;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:10001}.priority-dropdown{background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 8px 24px #00000026;font-family:inherit;min-width:180px;padding:16px}.priority-dropdown h4{border-bottom:1px solid #f0f0f0;color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 12px;padding-bottom:8px;text-align:center}.priority-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:10px 12px;transition:all .2s ease}.priority-option:hover{background-color:#f8f9fa;transform:translateX(2px)}.priority-option:last-child{margin-bottom:0}.priority-color-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;flex-shrink:0;height:10px;width:10px}.priority-label{color:#2c3e50;font-size:14px;font-weight:500}.priority-3{background:#e8f628}.priority-4{background:#f83330}.priority-dot,.priority-indicator{border:none;border-radius:50%;box-shadow:none;box-sizing:border-box;display:inline-block;height:10px;width:10px}.priority-dot-2,.priority-indicator.priority-2{background:#bdc3c7}.priority-dot-3,.priority-indicator.priority-3{background:#e8f628}.priority-dot-4,.priority-indicator.priority-4{background:#e74c3c}.priority-dot{position:absolute!important;right:4px!important;top:4px!important;z-index:5!important}.priority-indicator{flex-shrink:0}.priority-placeholder{background-color:initial;border:1px dashed #bdc3c7;border-radius:50%;cursor:pointer;flex-shrink:0;height:16px;opacity:.3;transition:all .2s ease;width:16px}.priority-placeholder:hover{background-color:#3498db1a;border-color:#3498db;opacity:.7}.note-cell-container{position:relative!important;width:100%}.note-hover-popup{word-wrap:break-word;background:#fff;border:1px solid #ddd;border-radius:4px;bottom:100%;box-shadow:0 4px 12px #00000026;display:none;font-size:14px;font-weight:400;left:0;line-height:1.5;max-height:300px;max-width:400px;overflow-y:auto;padding:12px;position:absolute;white-space:pre-wrap;z-index:10000}.note-cell-container:hover .note-hover-popup{animation:fadeInUp .2s ease;display:block}.note-card-content-container{position:relative;width:100%}.note-card-popup{word-wrap:break-word;background:#fff;border:1px solid #ddd;border-radius:4px;bottom:100%;box-shadow:0 4px 12px #00000026;display:none;font-size:14px;font-weight:400;left:0;line-height:1.5;max-height:300px;max-width:350px;overflow-y:auto;padding:12px;position:absolute;white-space:pre-wrap;z-index:10001}.note-card-content-container:hover .note-card-popup{animation:fadeInUp .2s ease;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.editable,.note-card{overflow:visible!important}.notes-grid{position:relative;z-index:1}.note-card-popup::-webkit-scrollbar,.note-hover-popup::-webkit-scrollbar{width:6px}.note-card-popup::-webkit-scrollbar-track,.note-hover-popup::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.note-card-popup::-webkit-scrollbar-thumb,.note-hover-popup::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.responsive-table-container td{position:relative;vertical-align:top}.responsive-table-container td.editable{position:relative}.responsive-table-container td:nth-child(5){max-width:300px;overflow:hidden}.responsive-table-container td:nth-child(5) span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.responsive-table-container table{table-layout:fixed;width:100%}.top-fixed-section{background:#fff!important;border-bottom:1px solid #eee!important;box-shadow:0 2px 10px #0000001a!important;flex-shrink:0!important;padding-bottom:10px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1000!important}.grid-scroll-container{background-color:#fff;box-sizing:border-box!important;display:flex;flex:1 1;flex-direction:column;max-width:100%!important;min-height:0!important;overflow-x:hidden!important;position:relative;width:100%}.responsive-table-container{max-height:calc(120vh - 350px);overflow-y:auto;position:relative}.responsive-table-container table thead{background-color:#fff;box-shadow:0 2px 4px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1!important}.notes-grid-scroll{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));height:100%;max-height:none;min-height:500px;overflow-y:auto;padding:20px}.inline-images-thumbnails:hover .image-thumbnail{border-color:#3498db;transform:scale(1.05)}.image-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.image-btn:hover{background-color:#f5f5f5}.image-cell{text-align:center}.image-cell .image-thumbnail:hover{transform:scale(1.1)}.inline-images-preview{margin:10px 0;padding:0 10px}.images-scroll-container::-webkit-scrollbar{height:6px}.images-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.images-scroll-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.images-scroll-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.image-thumbnail{transition:all .2s ease}.image-thumbnail:hover{box-shadow:0 4px 12px #00000026}.job-stack-container{display:flex;justify-content:flex-end}.collapse-stack-btn.fixed-corner-btn{align-items:center;background-color:#f0f3f6;border:1px solid #dcdfe3;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#7f8c8d;cursor:pointer;display:flex;font-size:13px;gap:5px;padding:3px 6px;position:absolute!important;right:20px!important;top:20px!important;transition:all .2s ease;z-index:2147483647!important}.collapse-stack-btn.fixed-corner-btn:hover{background-color:#e9ecef;box-shadow:0 6px 15px #0003;color:#2c3e50}.collapse-stack-btn.fixed-corner-btn i{font-size:1em}.load-more-container{display:flex;justify-content:center;margin-top:10px;padding:20px 0 10px;width:100%}.load-more-btn{align-items:center;background-color:initial;border:2px solid #3498db;border-radius:25px;color:#3498db;cursor:pointer;display:flex;font-size:15px;font-weight:600;padding:10px 20px;transition:all .3s ease}.load-more-btn:hover{background-color:#3498db;box-shadow:0 4px 10px #3498db66;color:#fff}.load-more-btn:active{transform:scale(.98)}.expanded-stack-count{align-items:center;background-color:#e8f5ff;border:1px solid #cef;border-radius:16px;color:#14a2b6;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.expanded-stack-count i{font-size:.9em;margin-right:1px}.expanded-stack-header{border-bottom:1px solid #ddd;margin-bottom:10px;min-height:40px;padding-bottom:5px}.header-controls{align-items:flex-start;display:flex;gap:15px;padding-top:5px}.expanded-stack-title{align-items:center;color:#2c3e50;display:flex;font-size:18px;font-weight:700;gap:8px}.expanded-stack-title i{color:#14a2b6;font-size:1em}.collapsed-stack .stack-layer-card:first-child{left:0;opacity:1;right:0;transform:rotate(0deg);z-index:5}.collapsed-stack .stack-layer-card:nth-child(2){left:15px;opacity:.9;right:0;transform:rotate(-2deg);z-index:4}.collapsed-stack .stack-layer-card:nth-child(3){left:30px;opacity:.8;right:0;transform:rotate(-4deg);z-index:3}.collapsed-stack .stack-layer-card:nth-child(4){left:45px;opacity:.7;right:0;transform:rotate(-6deg);z-index:2}.collapsed-stack .stack-layer-card:nth-child(5){left:60px;opacity:.6;right:0;transform:rotate(-8deg);z-index:1}.stacked-notes-horizontal{height:calc(121vh - 400px)!important;max-height:calc(121vh - 400px)!important;min-height:300px!important;overflow-x:hidden!important;overflow-y:scroll!important;padding:15px!important;width:100%!important}.stacked-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:flex-end;max-height:calc(121vh - 400px);overflow-y:scroll!important;padding:20px}.job-stack-container{min-height:280px;position:relative;width:100%}.collapsed-vertical-stack{display:flex;justify-content:flex-end}.collapsed-stack{cursor:pointer;height:280px;position:relative;width:340px}.collapsed-stack:active .stack-layer-card,.collapsed-stack:hover .stack-layer-card{border-color:#1976d24d;box-shadow:0 6px 12px #0000001a,0 0 0 1px #1976d21a;opacity:1!important}.stack-layer-card{background-color:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 4px 10px #0000001a;box-sizing:border-box;height:250px;position:absolute;width:300px}.expanded-full-width{grid-column:1/-1;width:100%}.expanded-stack{background-color:#f7f9fc;border-radius:12px;padding:2px;position:relative;width:100%}.collapse-stack-btn{position:absolute;right:15px;top:15px;z-index:100}.expanded-stack-header{align-items:center;border-bottom:2px solid #ddd;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.expanded-notes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-height:calc(150vh - 450px)!important;overflow-y:auto!important;padding:10px 0!important}.fixed-collapse-btn-wrapper{position:fixed;right:90px!important;top:40%;transform:translateY(-50%);z-index:10000}.collapse-all-stacks-btn{align-items:center;background:#b9bdb7;border:none;border-radius:25px;box-shadow:0 4px 15px #0000004d;color:#474646;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:6px 12px;transition:all .3s ease;white-space:nowrap}.collapse-all-stacks-btn:hover{background:#bdb8b7;box-shadow:0 6px 20px #0006;transform:translateY(-2px)}@media (min-width:1200px){.fixed-collapse-btn-wrapper{right:calc(20px + 50vw - 50%)}}@media (max-width:768px){.fixed-collapse-btn-wrapper{right:10px;top:120px;transform:none}.collapse-all-stacks-btn{font-size:14px;padding:10px 16px}.collapse-all-stacks-btn span{display:none}.collapse-all-stacks-btn i{font-size:18px;margin:0}}.individual-collapse-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.collapse-single-stack-btn{align-items:center;background:#3498db;border:none;border-radius:20px;box-shadow:0 2px 6px #00000026;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.collapse-single-stack-btn:hover{background:#2980b9;box-shadow:0 4px 10px #00000040;transform:translateY(-2px)}.user-status-active,.user-status-inactive,.user-status-loading{align-items:center;cursor:default;display:inline-flex;vertical-align:middle}.user-status-inactive i{color:#95a5a6}.user-status-active i{color:#2ecc71}.user-status-loading i{color:#7f8c8d}.user-inactive-text{color:#95a5a6!important;font-style:italic;opacity:.7}.user-status-active:hover:after,.user-status-inactive:hover:after,.user-status-loading:hover:after{background:#333;border-radius:4px;color:#fff;content:attr(title);font-size:12px;margin-left:-8px;margin-top:24px;padding:4px 8px;pointer-events:none;position:absolute;white-space:nowrap;z-index:1000}td .user-status-active,td .user-status-inactive,td .user-status-loading{margin-left:4px}.note-author{align-items:center;display:flex}.note-author .user-status-active,.note-author .user-status-inactive,.note-author .user-status-loading{margin-left:6px}.stack-layer-card .user-status-active,.stack-layer-card .user-status-inactive,.stack-layer-card .user-status-loading{font-size:10px;margin-left:4px}.stack-expanded-card .note-author{align-items:center;display:flex}.stack-expanded-card .user-status-active,.stack-expanded-card .user-status-inactive,.stack-expanded-card .user-status-loading{margin-left:6px}.user-status-inactive:hover i{transform:scale(1.1);transition:transform .2s ease}.user-status-loading i.fa-spinner{animation:spin 1s linear infinite}.note-author span[style*="color: #95a5a6"],td span[style*="color: #95a5a6"]{transition:color .3s ease}.note-author span[style*="color: #95a5a6"]:hover,td span[style*="color: #95a5a6"]:hover{color:#7f8c8d!important}.loading-more{border-radius:4px;margin:10px 0}.loading-more,.loading-more-cards{background:#f8f9fa;color:#666;font-size:14px;padding:20px;text-align:center}.loading-more-cards{align-items:center;border-radius:8px;display:flex;grid-column:1/-1;justify-content:center;margin:20px 0}.skeleton-row{display:flex;gap:10px;padding:10px}.skeleton-cell{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.skeleton-cell.short{height:20px;width:80px}.skeleton-cell.medium{height:20px;width:120px}.skeleton-cell.long{height:20px;width:200px}.note-card.skeleton{animation:pulse 1.5s infinite;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px}.skeleton-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.skeleton-avatar{border-radius:50%;height:32px;width:32px}.skeleton-avatar,.skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.skeleton-text{border-radius:4px}.skeleton-text.short{height:16px;width:100px}.skeleton-text.long{height:60px;margin-bottom:15px;width:100%}.skeleton-footer{align-items:center;display:flex;justify-content:space-between}.skeleton-actions{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:24px;width:100px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.user-status-inactive,.user-status-loading{align-items:center;display:inline-flex}.table-actions{gap:8px}.table-actions button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:4px;transition:all .2s}.table-actions button:hover{background:#f0f0f0;color:#333}.inactive-user-wrapper{display:inline-block;position:relative}.inactive-user-wrapper:hover .inactive-user-tooltip{opacity:1;visibility:visible}.inactive-user-tooltip{background-color:#333;border-radius:4px;bottom:100%;color:#fff;font-size:12px;margin-bottom:5px;opacity:0;padding:4px 8px;pointer-events:none;transition:opacity .2s,visibility .2s;visibility:hidden;white-space:nowrap;z-index:1000}.inactive-user-tooltip,.inactive-user-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.inactive-user-tooltip:after{border:5px solid #0000;border-top-color:#333;content:"";top:100%}.user-profile{margin:0 auto;max-width:700px;padding:24px}.loading-container{min-height:300px}.loading-spinner{align-items:center;animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;display:flex;height:50px;justify-content:center;width:50px}.profile-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.profile-actions .btn-primary{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .3s ease}.profile-actions .btn-primary:hover{background:#0056b3}.profile-actions .btn-primary:disabled{background:#6c757d;cursor:not-allowed}.profile-actions .btn-secondary{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .3s ease}.profile-actions .btn-secondary:hover{background:#5a6268}.profile-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.profile-header{align-items:center;background:#f8f9fa;display:flex;gap:24px;padding:32px}.profile-avatar img{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #00000026;height:120px;object-fit:cover;width:120px}.avatar-fallback{align-items:center;background:#3498db;border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:700;height:120px;justify-content:center;width:120px}.profile-summary h2{color:#2c3e50;font-size:28px;margin:0}.profile-summary .username{color:#7f8c8d;font-size:16px;margin:4px 0}.profile-summary .email{color:#3498db;font-weight:500}.profile-details{padding:24px 32px}.detail-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#6c757d;font-weight:600;width:40%}.detail-row .value{color:#2c3e50;text-align:right}.detail-row .status span{border-radius:20px;font-size:14px;padding:4px 12px}.detail-row .status .active{background:#d4edda;color:#27ae60}.detail-row .status .inactive{background:#f8d7da;color:#e74c3c}.modal-form{display:flex;flex-direction:column;gap:16px}.edit-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.preview-avatar img{border:2px solid #dee2e6;border-radius:50%;height:80px;object-fit:cover;width:80px}.edit-summary h3{color:#2c3e50;font-size:20px;margin:0}.edit-summary p{color:#6c757d;font-size:14px;margin:4px 0 0}.name-group{display:flex;gap:12px}.name-group .form-group{flex:1 1}.form-group label{color:#495057;font-weight:600}.form-group input{border:1px solid #ced4da;border-radius:6px;font-size:16px;padding:10px;width:100%}.modal-footer{gap:12px;margin-top:20px}.modal-footer .btn-primary{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.modal-footer .btn-primary:hover{background:#0056b3}.modal-footer .btn-primary:disabled{background:#6c757d;cursor:not-allowed}.modal-footer .btn-cancel{background:#f8f9fa;border:1px solid #ced4da;border-radius:6px;color:#495057;cursor:pointer;padding:10px 20px}.modal-footer .btn-cancel:hover{background:#e9ecef}.success-msg{background:#d4edda;border-radius:6px;color:#155724;padding:12px;text-align:center}.error-msg{background:#fceaea;border-radius:6px;color:#e74c3c;padding:10px}@media (max-width:768px){.user-profile{max-width:95%;padding:16px}.profile-actions{flex-direction:column;gap:10px}.profile-header{flex-direction:column;gap:16px;padding:24px;text-align:center}.avatar-fallback,.profile-avatar img{height:100px;width:100px}.avatar-fallback{font-size:36px}.profile-summary h2{font-size:24px}.profile-details{padding:20px}.detail-row{flex-direction:column;gap:4px}.detail-row .label,.detail-row .value{text-align:left;width:100%}.name-group{flex-direction:column;gap:16px}.edit-header{flex-direction:column;text-align:center}}@media (min-width:769px) and (max-width:1024px){.user-profile{max-width:800px}.profile-actions{flex-direction:row;justify-content:space-between}}.otp-modal-overlay{align-items:center!important;background-color:#000000b3!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.otp-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:480px;overflow-y:auto;width:90%}.otp-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;color:#333;display:flex;justify-content:space-between;padding:24px 30px}.otp-modal-header h3{color:#333;display:flex;flex-direction:column;font-size:20px;font-weight:600;gap:8px;margin:0}.step-indicator{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.close-button{background:#f5f5f5;color:#333;font-size:24px;transition:all .3s ease}.close-button:hover{background:#e8e8e8;color:#000}.close-button:disabled{cursor:not-allowed;opacity:.5}.otp-modal-body{padding:30px}.step-description{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;color:#666;font-size:14px;line-height:1.6;margin-bottom:25px;padding:15px}.step-description strong{color:#333;font-weight:600}.change-email-btn{background:none;border:none;color:#3498db;cursor:pointer;display:block;font-size:13px;margin-top:8px;padding:0;text-decoration:underline;transition:color .3s ease}.change-email-btn:hover:not(:disabled){color:#2980b9}.change-email-btn:disabled{cursor:not-allowed;opacity:.5}.input-group{margin-bottom:25px}.input-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.input-group input{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:15px;padding:14px;transition:all .3s ease;width:100%}.input-group input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.input-group input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.otp-modal-actions{display:flex;gap:15px;margin-top:30px}.otp-modal-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:14px;text-align:center;transition:all .3s ease}.cancel-btn{background:#f5f5f5;border:1px solid #ddd!important;color:#666}.cancel-btn:hover:not(:disabled){background:#e8e8e8;color:#333}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.submit-btn{background:#3498db;color:#fff;font-weight:600}.submit-btn:hover:not(:disabled){background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-1px)}.submit-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.resend-otp-container{margin:20px 0;text-align:center}.resend-otp-btn{background:none;border:none;border-radius:6px;color:#3498db;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.resend-otp-btn:hover:not(:disabled){background:#3498db1a;text-decoration:none}.resend-otp-btn:disabled{color:#95a5a6;cursor:not-allowed}.error-message{animation:shake .5s ease;background:#fee;border:1px solid #fadbd8;border-radius:8px;color:#e74c3c}.error-message,.success-message{font-size:14px;margin:20px 0;padding:12px 16px}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724}.otp-info{background:#f0f7ff;border-left:4px solid #3498db;border-radius:8px;display:flex;gap:15px;margin-top:25px;padding:15px}.info-icon{color:#3498db;flex-shrink:0;font-size:20px}.info-text{flex:1 1}.info-text p{color:#555;font-size:13px;line-height:1.5;margin:0 0 8px}.info-text p:last-child{margin-bottom:0}.info-text strong{color:#2c3e50}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@media (max-width:576px){.otp-modal{margin:10px;width:95%}.otp-modal-body,.otp-modal-header{padding:20px}.otp-modal-actions{flex-direction:column}.otp-modal-actions button{width:100%}}.dashboard-menu{background:#fff;box-shadow:0 2px 4px #0000000d;gap:10px;height:40px;padding-bottom:5px}.menu-left{align-items:center;display:flex;flex:0 0 auto;gap:12px}.menu-icon{color:#1976d2;font-size:32px}.menu-title{color:#333;font-size:20px;font-weight:600;white-space:nowrap}.menu-middle{align-items:center;display:flex;flex:1 1;gap:10px;justify-content:center;min-width:0}.search-container{flex:1 1;max-width:400px;min-width:200px}.search-box-wrapper{position:relative;width:100%}.search-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px 36px 8px 12px;width:100%}.search-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;outline:none}.clear-search-btn{align-items:center;background:none;border-radius:50%;color:#666;display:flex;font-size:18px;height:20px;justify-content:center;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px}.clear-search-btn:hover{background:#f0f0f0;color:#333}.search-hint{background:#fff;border-radius:12px;color:#666;font-size:12px;gap:4px;margin-top:4px;padding:2px 8px}.clear-group-btn{align-items:center;border-radius:50%;display:flex;font-size:16px;height:18px;justify-content:center;padding:0 4px;width:18px}.clear-group-btn:hover{background:#0000001a}.view-toggle-container{display:flex;gap:4px}.view-toggle-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.view-toggle-btn.active{background:#1976d2;border-color:#1976d2;color:#fff}.view-toggle-btn:hover:not(.active){background:#f5f5f5;border-color:#1976d2}.refresh-btn{border-radius:50%;height:36px;justify-content:center;transition:all .2s ease;width:36px}.refresh-btn:hover{background:#1565c0;transform:rotate(90deg)}.new-note-btn{align-items:center;background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.new-note-btn:hover{background-color:#1565c0}.menu-right{flex:0 0 auto;gap:8px}.notifications-button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:50%;color:#666;display:flex;height:30px;justify-content:center;width:30px}.notifications-button:hover{background:#f5f5f5;border-color:#1976d2;color:#1976d2}.notification-badge{align-items:center;background:#f44;border-radius:50%;color:#fff;display:flex;font-size:11px;height:18px;justify-content:center;position:absolute;right:-2px;top:-2px;width:18px}.settings-button{background:#fff;border:1px solid #e0e0e0;border-radius:50%;color:#666;height:30px;width:30px}.settings-button:hover{background:#f5f5f5;border-color:#1976d2;color:#1976d2}.user-avatar{background:linear-gradient(135deg,#1976d2,#42a5f5);font-size:14px;height:36px;transition:transform .2s ease;-webkit-user-select:none;user-select:none;width:36px}.notifications-dropdown{background:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 12px #0000001a;margin-top:8px;right:20px;top:100%;width:320px;z-index:1000}.notifications-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.notifications-header h3{font-size:16px;font-weight:600;margin:0}.close-notifications{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;padding:4px;width:28px}.close-notifications:hover{background:#f5f5f5;color:#333}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{align-items:flex-start;border-bottom:1px solid #f5f5f5;display:flex;gap:12px;padding:12px 16px}.notification-item:last-child{border-bottom:none}.notification-item i{color:#1976d2;margin-top:2px}.notification-item span{color:#666;font-size:14px;line-height:1.4}.dashboard-header{padding:16px 20px}.filter-section{display:flex;flex-wrap:wrap;gap:8px}.filter-button{background:#fff;border-radius:4px;font-size:14px;gap:6px;min-width:120px;padding:6px 12px;transition:all .2s ease}.filter-button:hover{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.dropdown-content{border-radius:4px;min-width:200px}.dropdown-search{padding:8px}.dropdown-search-input{padding:6px 8px}.dropdown-search-input:focus{border-color:#1976d2}.checkbox-item{transition:background .2s ease}.checkbox-item:hover{background:#f8f9fa}.empty-filter-message{color:#666;font-size:13px}.active-filters-container{align-items:flex-start;border-top:1px solid #e0e0e0;flex-wrap:wrap;margin-top:12px;padding-top:12px}.filter-tag{background:#e3f2fd;color:#1976d2;padding:4px 8px}.filter-type{font-weight:500}.filter-tag-remove{font-size:16px;padding:0 4px}.clear-all-button{background:#6c757d;border:1px solid #6c757d;font-size:14px}.clear-all-button:hover{background:#5a6268;border-color:#545b62}.mobile-filters-btn{background-color:#1976d2;border:none;color:#fff;height:36px;width:36px}.filter-badge{height:18px;right:-4px;top:-4px;width:18px}.mobile-filters-container{align-items:flex-start;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding-top:20px;position:fixed;right:0;top:0;z-index:1000}.mobile-filters-panel{background:#fff;border-radius:8px;max-height:80vh;width:90%}.close-button:hover{background:#f5f5f5}.mobile-filters-content{gap:15px}.mobile-filter-group{margin-bottom:10px}.mobile-filter-button{background:#fff;border-radius:4px;padding:8px 12px}.mobile-dropdown-content{border-radius:4px;position:static;width:100%}.mobile-clear-all{border-top:1px solid #eee;margin-top:30px;padding-top:20px}@media (max-width:1024px){.menu-middle{gap:8px}.search-container{min-width:180px}.menu-title{font-size:18px}}@media (max-width:768px){.dashboard-menu{gap:12px;height:50px;padding:0 12px}.menu-title{font-size:16px}.menu-icon{font-size:20px}.menu-middle{gap:6px}.search-container{min-width:150px}.search-input{font-size:13px;padding:6px 32px 6px 10px}.new-note-btn{font-size:13px;padding:6px 12px}.menu-right{gap:12px}.notifications-button,.settings-button,.user-avatar{height:32px;width:32px}.notifications-dropdown{right:12px;width:280px}.mobile-filters-btn,.refresh-btn,.view-toggle-btn{height:32px;width:32px}.filter-section{gap:6px}.filter-button{font-size:13px;min-width:100px;padding:4px 8px}}@media (max-width:480px){.menu-title{display:none}.menu-left{gap:0}.menu-icon{font-size:24px}.search-container{min-width:120px}.new-note-btn span{display:none}.new-note-btn{border-radius:50%;height:36px;justify-content:center;padding:0;width:36px}.new-note-btn i{font-size:16px;margin:0}}.user-dropdown{left:-300px;overflow:hidden;z-index:1000}.user-workspace{color:#8490a0;font-size:14px;font-weight:600;margin-top:5px;overflow:hidden;text-overflow:ellipsis}.notifications-dropdown{z-index:999}.dashboard-menu{padding:10px 20px}.user-avatar{z-index:1001}.user-avatar:hover{background-color:#3a5ce5;border-color:#4a6cf7;transform:scale(1.05)}.user-dropdown{left:-250px;margin-top:15px;top:80px;width:250px;z-index:1002}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-info-section{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;padding:16px}.user-avatar-large{align-items:center;background-color:#4a6cf7;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;margin-right:12px;width:48px}.user-details{flex:1 1;min-width:0}.user-name{color:#2d3748;margin-bottom:4px}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#718096;font-size:14px}.dropdown-divider{background-color:#e9ecef;border:none;margin:0}.dropdown-item{color:#4a5568;white-space:nowrap;z-index:1}.dropdown-item:hover{background-color:#f7fafc}.dropdown-icon{flex-shrink:0;font-size:16px}.dropdown-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-item{color:#e53e3e}.logout-item:hover{background-color:#fff5f5;color:#c53030}.quickstart-section{background-color:#f8f9fa;padding:12px 16px}.quickstart-button{background-color:#4a6cf7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;text-align:center;transition:background-color .2s;white-space:nowrap;width:100%}.quickstart-button:hover{background-color:#3a5ce5}.menu-right{gap:15px;z-index:1000}.notifications-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;position:absolute;right:80px;top:50px;width:300px;z-index:1002}.dashboard-menu>*{position:relative}.dashboard-menu,.menu-right,.user-dropdown,.user-menu-container{overflow:visible!important}.user-dropdown{height:auto!important;max-height:none!important}.dropdown-item{display:flex!important;opacity:1!important;visibility:visible!important}.dashboard-menu{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;justify-content:space-between;min-height:60px;padding:0 20px;z-index:100}.dashboard-menu,.menu-right{align-items:center;display:flex;position:relative}.menu-right{gap:5px;z-index:101}.settings-button{font-size:20px;padding:8px;position:relative;z-index:102}.settings-button:hover{background-color:#f8f9fa;color:#4a6cf7}.notifications-button{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:20px;padding:8px;position:relative;transition:all .2s ease;z-index:102}.notifications-button:hover{background-color:#f8f9fa;color:#4a6cf7}.user-menu-container{z-index:103}.user-avatar,.user-menu-container{align-items:center;display:flex;position:relative}.user-avatar{background-color:#4a6cf7;border:2px solid #e9ecef;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;width:40px;z-index:104}.user-dropdown{left:-200px;right:auto;z-index:105}.modal-overlay{z-index:10000}.modal-content{border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%;z-index:10001}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-container{animation:slideIn .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:20px;padding:4px 8px;transition:all .2s ease}.modal-close-btn:hover{background-color:#e9ecef;color:#495057}.modal-body{padding:0}.dropdown-icon{margin-right:10px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.dashboard-menu{flex-wrap:nowrap;gap:8px;height:50px;padding:0 10px}.menu-left{flex:0 0 auto;min-width:40px}.menu-title{display:none}.menu-icon{font-size:20px;margin:0}.menu-middle{align-items:center;display:flex;flex:1 1;gap:6px;justify-content:flex-start;min-width:0;position:relative}.search-container{display:none;flex:1 1;max-width:180px;min-width:120px}.search-container.active{animation:slideInRight .3s ease;display:block}@keyframes slideInRight{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.search-input{font-size:13px;padding:6px 30px 6px 10px}.clear-search-btn{font-size:16px;right:6px}.new-note-btn{background-color:#1976d2;border-radius:50%;height:36px;justify-content:center;padding:6px;width:36px}.new-note-btn i{margin:0}.new-note-btn span{display:none}.view-options-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;transition:all .2s ease;width:36px}.view-options-button:hover{background:#f5f5f5;border-color:#1976d2}.view-options-dropdown{animation:fadeInDown .2s ease;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:4px;left:0;padding:8px;position:absolute;top:45px;width:150px;z-index:1001}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.view-options-dropdown .view-toggle-btn{background:#0000;border:none;justify-content:flex-start;padding:8px 12px;width:100%}.view-options-dropdown .view-toggle-btn i{margin-right:8px}.menu-right{flex:0 0 auto;gap:6px}.notifications-button,.settings-button,.user-avatar{display:none}.mobile-menu-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;transition:all .2s ease;width:36px}.mobile-menu-button:hover{background:#f5f5f5;border-color:#1976d2}.mobile-menu-dropdown{animation:fadeInDown .2s ease;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:4px;padding:8px;position:absolute;right:0;top:45px;width:200px;z-index:1001}.refresh-btn{border-radius:50%}.mobile-menu-item{align-items:center;background:#0000;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:background-color .2s}.mobile-menu-item:hover{background:#f5f5f5}.mobile-menu-item i{text-align:center;width:20px}.mobile-menu-divider{background:#eee;height:1px;margin:4px 0}.mobile-search-toggle{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.mobile-search-toggle.active{background:#f5f5f5;border-color:#1976d2;color:#1976d2}}@media (max-width:480px){.dashboard-menu{padding:0 8px}.menu-middle{gap:4px}.search-container.active{max-width:150px}.mobile-menu-dropdown,.view-options-dropdown{width:140px}}.mobile-view-modes{gap:10px;padding:10px}.mobile-view-btn,.mobile-view-modes{align-items:center;display:flex;justify-content:center}.mobile-view-btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;height:36px;transition:all .2s ease;width:36px}.mobile-view-btn:hover{background-color:#f5f5f5;border-color:#1976d2}.mobile-view-btn.active{background:#1976d2;border-color:#1976d2;color:#fff}.view-options-dropdown{animation:fadeInDown .2s ease;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:8px;left:0;min-width:140px;padding:12px;position:absolute;top:45px;width:auto;z-index:1001}@media (max-width:480px){.mobile-view-modes{gap:8px}.mobile-view-btn{font-size:12px;height:32px;width:32px}.view-options-dropdown{min-width:120px;padding:10px}}@media (max-width:768px){.menu-icon{color:#1976d2;font-size:34px!important;margin:0}}.settings-menu-container{display:inline-block;position:relative}.settings-dropdown{animation:fadeIn .2s ease;background:#fff;border:1px solid #e1e4e8;border-radius:8px;box-shadow:0 4px 20px #00000026;margin-top:15px;min-width:250px;position:absolute;right:0;top:100%}.settings-dropdown-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #f0f0f0;border-radius:8px 8px 0 0;color:#333;display:flex;font-weight:600;padding:12px 16px}.settings-dropdown-header i{color:#6c757d;margin-right:10px}.dropdown-item{align-items:center;background:none;border:none;color:#333;display:flex;font-size:14px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item:active{background-color:#e8e8e8}.dropdown-icon{color:#6c757d;margin-right:12px;text-align:center;width:20px}.dropdown-text{flex:1 1;font-size:15px}.dropdown-divider{background-color:#f0f0f0;height:1px;margin:4px 0}.settings-button{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px 12px;transition:all .2s ease}.settings-button:hover{background-color:#f5f5f5;color:#333}@media (max-width:768px){.settings-dropdown{min-width:200px;right:-10px}}.mobile-settings-container{margin-right:10px}.mobile-settings-button{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.mobile-settings-button:hover{background-color:#f5f5f5;color:#333}.mobile-settings-dropdown{animation:fadeIn .2s ease;background:#fff;border:1px solid #e1e4e8;border-radius:8px;box-shadow:0 4px 20px #00000026;margin-top:8px;min-width:200px;position:absolute;right:0;top:100%;transform:translateX(0);z-index:1005}.mobile-user-menu-container{position:relative}.mobile-user-avatar{height:40px;width:40px}@media (max-width:768px){.menu-right{align-items:center;display:flex}.mobile-settings-button{font-size:16px;height:36px;width:36px}.mobile-user-avatar{font-size:14px;height:36px;width:36px}.mobile-settings-dropdown{min-width:180px;right:-10px}.mobile-user-dropdown{min-width:250px;right:0;transform:translateX(0)}.settings-dropdown,.user-dropdown{max-width:calc(100vw - 20px)}.menu-right{gap:8px}}.mobile-user-dropdown,.user-dropdown{animation:slideDown .2s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;left:-200px!important;overflow:visible;right:auto!important;top:50px;width:280px;z-index:1005}.mobile-user-dropdown{position:absolute}@media (max-width:480px){.mobile-user-dropdown,.user-dropdown{left:-150px!important;width:250px}}.dropdown-item.has-submenu{align-items:center;cursor:pointer;display:flex;justify-content:space-between;position:relative}.submenu-arrow{color:#6c757d;font-size:10px;margin-left:8px;transition:transform .2s ease}.dropdown-item.has-submenu:hover .submenu-arrow{transform:translateX(2px)}.desktop-job-submenu{animation:fadeInLeft .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:200px;padding:6px 0;position:fixed;z-index:1005}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.mobile-job-submenu{animation:fadeInDownMobile .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 30px #0003;min-width:180px;padding:6px 0;position:fixed!important;transform-origin:top center}@keyframes fadeInDownMobile{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.submenu-header{align-items:center;border-bottom:1px solid #f0f0f0;color:#2c3e50;display:flex;font-size:14px;font-weight:600;padding:10px 14px}.submenu-header-icon{color:#1976d2;font-size:13px;margin-right:8px}.submenu-divider{background:#f0f0f0;border:none;height:1px;margin:4px 0}.submenu-item{align-items:center;background:none;border:none;color:#5a6c7d;cursor:pointer;display:flex;font-size:13px;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.submenu-item:hover{background:#f8f9fa;color:#1976d2}.submenu-icon{color:#6c757d;font-size:13px;margin-right:10px;text-align:center;width:14px}.submenu-text{flex:1 1;font-size:14px}@media (max-width:768px){.settings-dropdown.mobile-settings-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 15px #0000001a;margin-top:8px;max-height:70vh;min-width:200px;overflow-y:auto;padding:6px 0;position:absolute;right:0;top:100%;z-index:1005}.mobile-job-submenu{box-shadow:0 10px 25px #00000026;z-index:1006!important}.dropdown-item.has-submenu{font-size:13px}.dropdown-item.has-submenu .submenu-arrow{font-size:10px;margin-left:auto}.mobile-settings-dropdown,.settings-menu-container{overflow:visible!important}.mobile-job-submenu{max-width:calc(100vw - 60px);min-width:160px}.mobile-settings-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex!important;height:36px;justify-content:center;transition:all .2s ease;width:36px}.mobile-settings-button:hover{background:#f5f5f5;border-color:#1976d2}.mobile-settings-button i{font-size:16px}.mobile-user-avatar{display:flex!important;height:36px;width:36px}.notifications-button,.settings-button,.user-avatar:not(.mobile-user-avatar){display:none!important}}.mobile-job-submenu *{pointer-events:auto}body.dropdown-open{overflow:hidden}.settings-dropdown{z-index:1005}.user-dropdown{z-index:1004}.notifications-dropdown{z-index:1003}.mobile-job-submenu{z-index:1006!important}.desktop-job-submenu{z-index:1005!important}.settings-modal{background:#fff;border:none;border-radius:6px;box-shadow:0 2px 8px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;left:50%;max-height:60vh;max-width:400px;overflow:hidden;padding:10px;position:fixed;top:40%;transform:translate(-50%,-50%);z-index:9999}.settings-modal-title{align-items:center;background:linear-gradient(135deg,#3d69f8);color:#fff;display:flex;font-size:1.2rem;font-weight:600;gap:10px;padding:10px 15px}.settings-modal-title .settings-icon{font-size:1.5rem}.back-button{align-items:center;background:#fff3;border:none;border-radius:4px!important;color:#fff;cursor:pointer;display:flex;font-size:.8rem!important;gap:4px!important;margin-left:auto;padding:5px 10px!important;transition:all .3s ease}.back-button:hover{background:#ffffff4d}.settings-options-container{grid-gap:15px;background-color:#f8f9fa;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:10px}.settings-content{background-color:#f8f9fa;min-height:300px}.settings-option{background:#fff;border:none;border-radius:8px;box-shadow:0 2px 5px #0000000d;gap:12px;padding:15px;text-align:left;transition:all .3s ease}.settings-option:hover{box-shadow:0 6px 15px #0000001a;transform:translateY(-2px)}.option-icon{align-items:center;background:linear-gradient(135deg,#3d69f8);border-radius:50%;color:#fff;display:flex;font-size:1.3rem;height:40px;justify-content:center;width:40px}.option-text h4{color:#333;font-size:1rem;font-weight:600;margin:0}.option-text p{color:#666;font-size:.85rem;margin:2px 0 0}.option-arrow{color:#aaa;margin-left:auto;transition:transform .3s}.settings-option:hover .option-arrow{color:#6e8efb;transform:translateX(3px)}.settings-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;gap:15px;padding:20px}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#555;font-size:.9rem}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;font-size:.95rem;padding:10px 12px;transition:border .3s}.form-group input:focus,.form-group select:focus{border-color:#6e8efb;box-shadow:0 0 0 2px #6e8efb33;outline:none}.settings-lookup-list{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:15px}.settings-lookup-list h4{color:#444;font-size:1rem;margin-top:0}.lookup-select{border:1px solid #ddd;border-radius:6px;font-size:.9rem;min-height:150px;padding:8px;width:100%}.lookup-select option{border-bottom:1px solid #eee;padding:6px}.lookup-select option:hover{background-color:#f0f5ff}.settings-action-buttons{flex-wrap:wrap;margin-top:15px}.btn-primary{background:linear-gradient(135deg,#3d69f8);box-shadow:0 1px 3px #0000001a;font-size:.95rem;font-weight:500;transition:all .3s}.btn-primary:hover{box-shadow:0 3px 10px #6e8efb66;transform:translateY(-1px)}.btn-secondary{background:#e9ecef;color:#495057;padding:8px 16px}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#f06595);box-shadow:0 1px 3px #0000001a;font-size:.95rem;font-weight:500;transition:all .3s}.btn-danger:hover{box-shadow:0 3px 10px #ff6b6b66;transform:translateY(-1px)}.btn-close{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:.95rem;font-weight:500;padding:8px 16px;transition:all .3s}.btn-close:hover{background:#e9ecef}.modal-footer{background:#f8f9fa;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:15px}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.settings-option-logout{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px #00000014;color:#333;display:flex;flex-shrink:0;font-size:.9rem;gap:6px;padding:8px 12px}.settings-option-logout .option-icon{background:none;color:#333;font-size:.9rem;height:auto;width:auto}.settings-option-logout .option-text h4{color:#333;font-size:.9rem;margin:0}.settings-option-logout:hover{background:#f0f0f0;box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}@media (max-width:768px){.settings-options-container{grid-template-columns:1fr}.settings-action-buttons{flex-direction:column}.settings-action-buttons button{width:100%}}.logout-option{border-top:1px solid #eee;color:#e74c3c;margin-top:10px;padding-top:15px}.logout-option:hover{background-color:#fff5f5}.logout-option .option-icon{color:#e74c3c}.user-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.user-form-grid .form-group{margin-bottom:0}@media (max-width:600px){.user-form-grid{grid-template-columns:1fr}}.user-dropdown{max-height:200px}.dropdown-item{padding:12px}.user-email{font-size:12px}.selected-users-container{gap:8px;min-height:40px;padding:6px}.user-tag{border-radius:16px;font-size:14px;padding:6px 12px}.user-tag-name{margin-right:8px}.remove-user-btn{font-size:16px;height:16px;width:16px}.info-text{font-size:14px}.settings-content{padding:20px}.settings-form{margin-bottom:20px}.form-group{margin-bottom:10px}.form-group label{margin-bottom:8px}.form-group select{font-size:14px;padding:12px}.settings-action-buttons{gap:12px}.btn-danger,.btn-primary{font-size:14px;padding:12px 24px}.tabs-header{margin-bottom:20px}.tab-button{font-size:14px;padding:12px 24px}.tabs-content{max-height:60vh;overflow-y:auto}.tab-content{min-height:300px}.settings-content{max-height:80vh}.loading-indicator{font-size:12px;margin-top:5px}.already-assigned-badge{border-radius:10px;font-size:10px;margin-left:8px;padding:2px 6px}.selection-info .warning{margin-top:5px;padding:4px 8px}.jobs-selection-container{max-height:400px;padding:15px}.project-jobs-group{margin-bottom:20px}.project-name{font-size:16px;margin-bottom:10px;padding-bottom:5px}.jobs-list{grid-gap:8px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.job-checkbox{padding:8px 12px}.job-checkbox:hover:not(.disabled){background-color:#e9ecef}.job-checkbox input[type=checkbox]{margin-right:8px}.job-name{align-items:center;display:flex;font-size:14px}.user-selection-container{margin-bottom:2px}.search-input-container{margin-bottom:8px;position:relative}.user-search-input{border:2px solid #e1e5e9;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.user-search-input:focus{border-color:#1976d2;outline:none}.user-dropdown{background:#fff;border:1px solid #e1e5e9;border-radius:6px;box-shadow:0 4px 6px #0000001a;left:0;max-height:150px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.dropdown-item{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:10px;transition:background-color .2s}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item:last-child{border-bottom:none}.user-info{flex-direction:column}.user-name{font-size:13px;font-weight:500}.user-email{color:#666;font-size:11px;margin-top:2px}.selected-users-container{background-color:#fafafa;border:1px solid #e1e5e9;border-radius:6px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;max-height:80px;min-height:35px;overflow-y:auto;padding:5px}.user-tag{align-items:center;background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:14px;display:flex;font-size:13px;padding:4px 8px}.user-tag-name{color:#1976d2;margin-right:6px}.remove-user-btn{align-items:center;background:none;border:none;border-radius:50%;color:#1976d2;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:14px;justify-content:center;line-height:1;padding:0;width:14px}.remove-user-btn:hover{background-color:#1976d2;color:#fff}.selection-info{margin-top:4px;text-align:center}.info-text{color:#666;font-size:13px;font-style:italic}.settings-content{padding:15px}.settings-form{margin-bottom:15px}.form-group{margin-bottom:8px}.form-group label{color:#333;font-size:13px;font-weight:500;margin-bottom:6px}.form-group select{border:2px solid #e1e5e9;border-radius:6px;box-sizing:border-box;font-size:13px;padding:10px;width:100%}.form-group select:focus{border-color:#1976d2;outline:none}.form-group select:disabled{background-color:#f5f5f5;color:#999}.settings-action-buttons{display:flex;gap:10px;justify-content:flex-start}.btn-primary{background-color:#1976d2;border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:10px 20px;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:#1565c0}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-danger{background-color:#dc3545;border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:10px 20px;transition:background-color .2s}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-danger:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.settings-action-buttons{flex-direction:column}.btn-danger,.btn-primary{width:100%}}.tabs-container{width:100%}.tabs-header{border-bottom:1px solid #e1e5e9;display:flex;margin-bottom:15px}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;font-size:13px;font-weight:500;padding:10px 20px;transition:all .3s ease}.tab-button:hover{background-color:#f8f9fa;color:#495057}.tab-button.active{background-color:#fff;border-bottom-color:#007bff;color:#007bff}.tabs-content{padding:0}.tab-content{animation:fadeIn .3s ease-in;min-height:250px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.jobs-selection-container{border:1px solid #e1e5e9;border-radius:4px;max-height:300px;overflow-y:auto;padding:12px}.project-jobs-group{margin-bottom:15px}.project-jobs-group:last-child{margin-bottom:0}.project-name{border-bottom:1px solid #e9ecef;color:#495057;font-size:14px;font-weight:600;margin-bottom:8px;padding-bottom:4px}.jobs-list{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.job-checkbox{align-items:center;background-color:#f8f9fa;border-radius:4px;padding:6px 10px;transition:background-color .2s ease}.job-checkbox:hover{background-color:#e9ecef}.job-checkbox input[type=checkbox]{margin-right:6px}.job-name{color:#495057}@media (max-width:768px){.tabs-header{flex-direction:column}.tab-button{border-bottom:1px solid #e1e5e9;border-left:2px solid #0000}.tab-button.active{border-bottom-color:#e1e5e9;border-left-color:#007bff}.jobs-list{grid-template-columns:1fr}}.settings-content{display:flex;flex-direction:column;max-height:70vh}.tabs-container{display:flex;flex:1 1;flex-direction:column;min-height:0}.tabs-header{flex-shrink:0}.tabs-content{flex:1 1;max-height:50vh;min-height:0}.tabs-content::-webkit-scrollbar{width:6px}.tabs-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.tabs-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.tabs-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.loading-indicator{color:#007bff;font-size:11px;font-style:italic;margin-top:4px}.job-checkbox.disabled{cursor:not-allowed;opacity:.6}.job-checkbox.disabled input{cursor:not-allowed}.already-assigned-badge{background:#ffc107;border-radius:8px;color:#856404;font-size:9px;font-weight:600;margin-left:6px;padding:1px 5px}.selection-info .warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;display:block;font-size:12px;margin-top:4px;padding:3px 6px}.user-job-management{background:#f8f9fa;box-sizing:border-box;min-height:100%;overflow-y:auto;padding:15px}.user-job-header{margin-bottom:15px;text-align:center}.user-job-header h2{color:#333;font-size:18px;font-weight:600;margin:0 0 5px}.user-job-header p{color:#666;font-size:13px;margin:0}.user-job-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.search-bar{flex:1 1;min-width:200px;position:relative}.search-bar i{color:#999;font-size:14px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{background:#fff;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:13px;padding:8px 8px 8px 30px;width:100%}.search-bar input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a;outline:none}.refresh-btn{align-items:center;background:#1976d2;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 12px;transition:background .2s;white-space:nowrap}.refresh-btn:hover:not(:disabled){background:#1565c0}.refresh-btn:disabled{background:#ccc;cursor:not-allowed}.users-list{display:flex;flex-direction:column;gap:15px}.user-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #00000014;overflow:hidden}.user-info{align-items:flex-start;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 15px}.user-main-info{flex:1 1;min-width:200px}.user-name{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.user-meta{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.user-username{border-radius:4px;padding:2px 6px}.job-count,.user-username{background:#e3f2fd;color:#1976d2;font-weight:500}.job-count{border-radius:12px;font-size:11px;padding:2px 8px}.user-actions{align-items:center;display:flex;gap:8px}.refresh-user-btn{align-items:center;background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:6px 10px;transition:background .2s;white-space:nowrap}.refresh-user-btn:hover:not(:disabled){background:#218838}.refresh-user-btn:disabled{background:#ccc;cursor:not-allowed}.error-jobs,.loading-jobs{color:#666;font-size:13px;padding:30px 15px;text-align:center}.error-jobs i,.loading-jobs i{margin-right:8px}.error-jobs{color:#dc3545}.user-jobs-section{padding:15px 0 0}.jobs-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.jobs-section-title{color:#333;font-size:14px;font-weight:600;margin:0}.selected-count{color:#1976d2;font-size:12px;font-weight:500}.bulk-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.select-all-checkbox{align-items:center;color:#666;cursor:pointer;display:flex;font-size:13px;gap:6px}.select-all-checkbox input{margin:0}.deny-selected-btn{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 10px;transition:background .2s;white-space:nowrap}.deny-selected-btn:hover{background:#c82333}.jobs-list{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto;padding-right:4px}.job-item{background:#fafafa;border:1px solid #eee;border-radius:6px;transition:all .2s}.job-item:hover{background:#fff;border-color:#1976d2}.job-info{padding:10px}.job-checkbox{align-items:flex-start;cursor:pointer;display:flex;gap:8px;margin:0}.job-checkbox input{flex-shrink:0;margin-top:3px}.job-details{flex:1 1;min-width:0}.job-name{color:#333;display:block;font-size:13px;font-weight:600;margin-bottom:4px;word-break:break-word}.job-meta{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:11px;gap:10px;margin-bottom:4px}.job-id,.project,.workspace{background:#f1f3f4;border-radius:3px;padding:2px 6px;word-break:break-all}.job-path{color:#888;display:block;font-size:10px;font-style:italic;margin-top:4px;word-break:break-word}.no-results{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:40px 20px;text-align:center}.no-results i{color:#ddd;font-size:48px;margin-bottom:16px}.no-results h3{color:#333;font-size:18px;margin:0 0 8px}.no-results p{color:#666;font-size:14px;line-height:1.5;margin:0 auto 20px;max-width:400px}.clear-search-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 20px;transition:background .2s}.clear-search-btn:hover{background:#5a6268}.error-message,.loading-message{align-items:center;color:#666;display:flex;font-size:16px;gap:10px;justify-content:center;padding:40px 20px;text-align:center}.loading-message i{color:#1976d2}.error-message,.error-message i{color:#dc3545}.jobs-list::-webkit-scrollbar,.user-job-management::-webkit-scrollbar{width:6px}.jobs-list::-webkit-scrollbar-track,.user-job-management::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.jobs-list::-webkit-scrollbar-thumb,.user-job-management::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.jobs-list::-webkit-scrollbar-thumb:hover,.user-job-management::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media (max-width:768px){.user-job-management{max-height:350px!important;padding:10px}.user-job-header h2{font-size:16px}.user-job-header p{font-size:12px}.user-job-controls{flex-direction:row;gap:8px}.search-bar{min-width:150px}.refresh-btn{font-size:12px;padding:6px 10px}.user-info{flex-direction:column;gap:8px;padding:10px 12px}.user-main-info{min-width:0;min-width:auto;width:100%}.user-actions{justify-content:flex-end;width:100%}.jobs-section-header{align-items:flex-start;flex-direction:column}.bulk-actions{justify-content:space-between;width:100%}.jobs-list{max-height:200px}.job-meta{align-items:flex-start;flex-direction:column;gap:4px}.no-results{padding:30px 15px}.no-results i{font-size:36px}.no-results h3{font-size:16px}.no-results p{font-size:13px}}@media (max-width:480px){.user-job-management{max-height:300px!important}.user-job-controls{align-items:stretch;flex-direction:column}.refresh-btn{justify-content:center;width:100%}.user-meta{align-items:flex-start;flex-direction:column;gap:4px}.bulk-actions{align-items:stretch;flex-direction:column;gap:8px}.deny-selected-btn,.select-all-checkbox{justify-content:center}.deny-selected-btn{width:100%}}.dashboard-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;box-sizing:border-box;padding-bottom:10px;padding-top:20px;width:100%}.filter-two-column-layout{align-items:center;box-sizing:border-box;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px;width:50%}.filters-column{flex:1 1;min-width:0}.filters-row{display:flex;gap:8px;width:100%}.filter-dropdown{flex:1 1;min-width:150px;position:relative}.filter-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;color:#333;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:space-between;min-height:36px;overflow:hidden;padding:8px 12px;text-align:left;text-overflow:ellipsis;transition:border-color .2s ease;white-space:nowrap;width:100%}.filter-button:hover{border-color:#3498db}.filter-button i{color:#666;font-size:12px;margin-left:4px}.dropdown-content{background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;top:100%;width:220px}.dropdown-search{background-color:#f8f9fa;border-bottom:1px solid #eee;padding:10px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.dropdown-search-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:13px;padding:8px 10px;width:100%}.dropdown-search-input:focus{border-color:#3498db;outline:none}.dropdown-list{max-height:250px;padding:4px 0}.checkbox-item{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;font-size:13px;gap:8px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;transition:background-color .2s ease;white-space:nowrap}.checkbox-item:hover{background-color:#f8f9fa}.checkbox{accent-color:#3498db;cursor:pointer;height:16px;min-width:16px;width:16px}.empty-filter-message{color:#999;font-size:12px;font-style:italic;padding:12px;text-align:center}.clear-filter-column{flex-shrink:0}.clear-filter-button{align-items:center;background-color:#cdcaca;border:1px solid #dc3545;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;min-height:36px;padding:8px 16px;position:relative;transition:all .2s ease;white-space:nowrap}.clear-filter-button:hover{background-color:#f0f0f0;border-color:#f0f0f0}.filter-count-badge{background-color:#ffc107;border-radius:10px;color:#212529;font-size:11px;font-weight:600;margin-left:6px;padding:2px 6px}.active-filters-container{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;box-sizing:border-box;display:flex;gap:12px;justify-content:space-between;margin-top:8px;padding:10px 12px;width:100%}.active-filters-content{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.filter-tag{align-items:center;background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:16px;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:500;gap:6px;padding:4px 10px;white-space:nowrap}.filter-type{font-weight:600;text-transform:capitalize}.filter-tag-remove{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:18px;justify-content:center;line-height:1;padding:0 2px;transition:all .2s ease;width:18px}.filter-tag-remove:hover{background-color:#e74c3c1a;color:#e74c3c}.clear-all-button{align-items:center;background-color:#878787;border:1px solid #878787;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.clear-all-button:hover{background-color:#dedcdc;border-color:#dedcdc}.clear-filter-count{font-size:11px;font-weight:600;margin-left:4px;opacity:.9}.mobile-header-row{align-items:center;display:flex;gap:12px;margin-bottom:12px;width:100%}.mobile-filters-btn{background-color:#fff;border:2px solid #1976d2;box-shadow:0 2px 4px #0000001a;color:#1976d2;cursor:pointer;flex-shrink:0;font-size:16px;height:40px;position:relative;transition:all .2s ease;width:40px}.filter-badge,.mobile-filters-btn{align-items:center;border-radius:50%;display:flex;justify-content:center}.filter-badge{background:#f44;border:2px solid #f8f9fa;color:#fff;font-size:11px;height:20px;position:absolute;right:-5px;top:-5px;width:20px}.mobile-clear-button{align-items:center;background-color:#dc3545;border:1px solid #dc3545;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;min-height:40px;padding:8px 16px;transition:all .2s ease}.mobile-clear-button:hover{background-color:#c82333;border-color:#bd2130}.mobile-filters-overlay{background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.mobile-filters-panel{background-color:#fff;box-shadow:-2px 0 10px #0000001a;height:100%;max-width:400px;overflow-y:auto;padding:20px;width:85%}.mobile-filters-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.mobile-filters-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:4px;transition:background-color .2s ease;width:32px}.close-button:hover{background-color:#f5f5f5;color:#333}.mobile-filters-content{display:flex;flex-direction:column;gap:16px}.mobile-filter-group{margin-bottom:12px}.mobile-filter-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 16px;width:100%}.mobile-dropdown-content{background-color:#fff;border:1px solid #ddd}.mobile-clear-section{border-top:1px solid #eee;margin-top:30px;padding-top:20px}.mobile-clear-all-btn{background-color:#dc3545;border:1px solid #dc3545;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px;text-align:center;width:100%}.mobile-clear-all-btn:hover{background-color:#c82333;border-color:#bd2130}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:1200px){.filters-row{gap:6px}.filter-button{font-size:12px;padding:7px 10px}}@media (max-width:992px){.filters-row{flex-wrap:wrap}.filter-dropdown{flex-basis:calc(33.333% - 6px);flex-grow:0;flex-shrink:0;min-width:130px}.filter-button{font-size:12px;padding:8px 10px}.clear-filter-button{font-size:12px;padding:8px 12px}}@media (max-width:768px){.filter-two-column-layout{display:none}.mobile-header-row{display:flex}}@media (max-width:480px){.dashboard-header{padding:10px 16px}.mobile-clear-button,.mobile-filters-btn{height:36px}.mobile-clear-button{font-size:12px;padding:6px 12px}}.dropdown-content{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:400px;min-width:250px;overflow:hidden;position:absolute;z-index:1000}.dropdown-search{background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;padding:12px}.dropdown-list{max-height:300px;min-height:100px;overflow-y:auto}.mobile-dropdown-content{background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-direction:column;margin-top:8px;max-height:300px;overflow:hidden}.mobile-dropdown-content .dropdown-list{max-height:200px;overflow-y:auto}body{background-color:#f5f5f5;font-family:Arial,sans-serif;margin:0;padding:0}.main-content{padding:0 20px}.dashboard{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;padding:20px;position:relative}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #ddd;overflow:hidden;padding:4px 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}th{background-color:#f2f2f2;font-weight:700}tr:hover{background-color:#f5f5f5}.modal{background-color:#0006;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px #0000001a;margin:10% auto;max-width:600px;padding:20px;width:60%}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.form-group textarea{height:150px;resize:vertical}.button-group{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:700;gap:8px;padding:8px 16px}.btn-primary{background-color:#3498db;color:#fff}.btn-secondary{background-color:#3d69f8;border:none;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .3s}.btn-secondary:hover:not(:disabled){background-color:#3d60df}.btn-secondary:hover{background:#dee2e6;box-shadow:0 3px 10px #6e8efb66;transform:translateY(-1px)}.btn-danger{background-color:#e74c3c;color:#fff}.btn-success{background-color:#2ecc71;color:#fff}.btn-warning{background-color:#f39c12;color:#fff}.settings-option{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;gap:10px;padding:10px}.settings-option:hover{background-color:#f5f5f5}.close-btn{cursor:pointer;float:right;font-size:20px;font-weight:700}.action-icon{margin-right:5px}.file-icon{color:#081720;font-size:1.1em}.file-cell{text-align:center}.file-name{display:inline-block;vertical-align:middle}.table-actions{display:flex;gap:10px}.table-actions a{color:#3498db;cursor:pointer}.search-box{display:flex;gap:10px;margin-bottom:20px}.search-box input{border:1px solid #ddd;border-radius:4px;flex:1 1;padding:8px}.search-box button{background-color:#3498db}.search-box button,.settings-btn{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px 16px}.settings-btn{background-color:#2c3e50;position:absolute;right:20px;top:20px}.editable:hover{background-color:#f0f8ff}.sub-modal{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2}.sub-modal-content{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px #0003;margin:15% auto;max-width:400px;padding:20px;width:40%}.note-cell{max-width:250px;position:relative}.note-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-cell:hover:after{background:#333;border-radius:4px;box-shadow:0 2px 10px #0003;color:#fff;content:attr(title);left:0;padding:8px;position:absolute;top:100%;white-space:normal;width:300px;z-index:100}th[draggable]{cursor:grab;-webkit-user-select:none;user-select:none}th[draggable]:active{cursor:grabbing}.search-hint{background:#e3f2fd;font-size:.9em}.search-hint button{background:none;border:none;color:#666;cursor:pointer;margin-left:5px}.grouped-view{margin-top:20px}.note-group{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:30px;overflow:hidden}.group-header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;font-size:1.1rem;margin:0;padding:12px 20px}.group-table{border-collapse:collapse;width:100%}.group-table th{background-color:#f9f9f9;font-weight:500;padding:10px 15px;text-align:left}.group-table td{border-bottom:1px solid #f0f0f0;padding:10px 15px;vertical-align:middle}.search-hint{align-items:center;background-color:#e3f2fd;border-radius:4px;display:inline-flex;font-size:.9rem;margin-right:10px;padding:5px 10px}.clear-group-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1rem;margin-left:8px}.clear-group-btn:hover{color:#333}@media (max-width:768px){.group-table{display:block;overflow-x:auto}.group-table td,.group-table th{white-space:nowrap}}.hierarchy-filters{background-color:#f5f5f5;border-radius:4px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:10px}.hierarchy-level,.hierarchy-level label{align-items:center;display:flex;gap:5px}.hierarchy-level label{font-weight:700}.hierarchy-level select{border:1px solid #ddd;border-radius:4px;padding:5px}.clear-hierarchy-btn{background:none;border:none;color:#666;cursor:pointer;padding:0 5px}.clear-hierarchy-btn:hover{color:#333}.clear-all-hierarchy-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;margin-left:10px;padding:5px 10px}.clear-all-hierarchy-btn:hover{background-color:#e0e0e0}th.hierarchy-column{background-color:#bce8fd}.loading-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{align-items:center;color:#dc3545;display:flex;flex-direction:column;height:100vh;justify-content:center}.error-container button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}body,input,textarea{font-family:Abyssinica SIL,Arial,sans-serif}.amharic-text{font-size:1.1em;line-height:1.6}.admin-dashboard-container{background-color:#f5f7fa;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#1e293b,#0f172a);bottom:0;box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width .3s ease;width:250px;z-index:50}.admin-sidebar.collapsed{width:70px}.admin-sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.admin-sidebar-header h3{color:#fff;font-size:18px;font-weight:600;margin:0;overflow:hidden;white-space:nowrap}.admin-sidebar-toggle{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:background .2s;width:30px}.admin-sidebar-toggle:hover{background:#fff3}.admin-sidebar-menu{flex:1 1;padding:20px 0}.admin-menu-item{align-items:center;background:#0000;border:none;color:#fffc;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 20px;text-align:left;transition:all .2s;width:100%}.admin-menu-item:hover{background:#ffffff1a;color:#fff}.admin-menu-item.active{background:linear-gradient(90deg,#3b82f6,#6366f1);border-left:4px solid #60a5fa;color:#fff}.admin-menu-item i{font-size:16px;text-align:center;width:20px}.admin-sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.admin-user-info{align-items:center;display:flex;gap:12px}.admin-user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.admin-user-details{flex:1 1;min-width:0}.admin-user-name{color:#fff;font-size:14px;font-weight:600}.admin-user-role{color:#fff9;font-size:12px}.admin-main-content{display:flex;flex:1 1;flex-direction:column;margin-left:250px;overflow:hidden;transition:margin-left .3s ease}.admin-main-content.sidebar-collapsed{margin-left:70px}.admin-navbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;display:flex;height:70px;justify-content:space-between;padding:0 30px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.admin-navbar-left h1{color:#1f2937;font-size:24px;font-weight:600;margin:0}.admin-breadcrumb{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px;margin-top:4px}.admin-breadcrumb i{font-size:10px}.admin-breadcrumb .admin-active{color:#3b82f6;font-weight:500}.admin-navbar-right{align-items:center;display:flex;gap:16px}.admin-nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s;width:40px}.admin-nav-btn:hover{background:#f3f4f6;color:#374151}.admin-notification-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:10px;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}.admin-home-btn{background:linear-gradient(90deg,#3b82f6,#6366f1);color:#fff;gap:8px;padding:0 16px;width:auto}.admin-home-btn:hover{background:linear-gradient(90deg,#2563eb,#4f46e5);color:#fff}.admin-user-dropdown{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background .2s}.admin-user-dropdown:hover{background:#f3f4f6}.admin-user-avatar-sm{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.admin-dashboard-content{flex:1 1;overflow-y:auto;padding:30px}.admin-welcome-banner{align-items:center;background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:16px;box-shadow:0 4px 20px #3b82f64d;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.admin-welcome-text h2{font-size:28px;font-weight:600;margin:0 0 8px}.admin-welcome-text p{font-size:16px;margin:0;opacity:.9}.admin-welcome-actions{display:flex;gap:12px}.admin-btn-outline,.admin-btn-primary,.admin-btn-secondary,.admin-btn-text{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.admin-btn-primary{background:#fff;color:#3b82f6}.admin-btn-primary:hover{background:#f3f4f6;transform:translateY(-1px)}.admin-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;color:#fff}.admin-btn-secondary:hover{background:#ffffff4d}.admin-btn-outline{background:#0000;border:1px solid #d1d5db;color:#374151}.admin-btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.admin-btn-text{background:#0000;border:none;color:#3b82f6;font-size:14px}.admin-btn-text:hover{color:#2563eb}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.admin-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s}.admin-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.admin-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.admin-stat-info{flex:1 1}.admin-stat-value{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:4px}.admin-stat-label{color:#6b7280;font-size:14px}.admin-stat-change{font-size:14px;font-weight:500}.admin-stat-change.positive{color:#10b981}.admin-stat-change.negative{color:#ef4444}.admin-content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.admin-content-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:24px}.admin-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-card-header h3{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.admin-activity-list{display:flex;flex-direction:column;gap:16px}.admin-activity-item{align-items:flex-start;display:flex;gap:12px}.admin-activity-icon{align-items:center;background:#3b82f61a;border-radius:8px;display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.admin-activity-details{flex:1 1}.admin-activity-text{color:#374151;font-size:14px;margin-bottom:2px}.admin-activity-time{color:#9ca3af;font-size:12px}.admin-workspace-table{overflow-x:auto}.admin-workspace-table table{border-collapse:collapse;width:100%}.admin-workspace-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;padding:12px 8px;text-align:left;text-transform:uppercase}.admin-workspace-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:12px 8px}.admin-workspace-table tr:hover td{background:#f9fafb}.admin-workspace-name{align-items:center;display:flex;gap:8px}.admin-workspace-color{border-radius:3px;height:12px;width:12px}.admin-status-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px}.admin-status-badge.active{background:#d1fae5;color:#065f46}.admin-status-badge.inactive{background:#fee2e2;color:#991b1b}.admin-table-action-btn{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px 8px;transition:all .2s}.admin-table-action-btn:hover{background:#f3f4f6;color:#374151}.admin-chart-placeholder{padding:20px 0}.admin-chart-lines{align-items:flex-end;display:flex;height:200px;justify-content:space-between;margin-bottom:20px;padding:0 20px}.admin-chart-line{align-items:flex-end;display:flex;flex:1 1;margin:0 4px}.admin-chart-bar{background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:4px 4px 0 0;transition:height .3s ease;width:100%}.admin-chart-labels{color:#6b7280;display:flex;font-size:12px;justify-content:space-between;padding:0 20px}.admin-chart-legend{display:flex;gap:20px;margin-top:20px}.admin-legend-item{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px}.admin-legend-color{border-radius:3px;height:12px;width:12px}.admin-time-filter{background:#f3f4f6;border-radius:8px;display:flex;gap:4px;padding:4px}.admin-time-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.admin-time-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#3b82f6}.admin-time-btn:hover:not(.active){color:#374151}.admin-system-status{display:flex;flex-direction:column;gap:16px}.admin-status-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding-bottom:16px}.admin-status-item:last-child{border-bottom:none;padding-bottom:0}.admin-status-name{color:#1f2937;font-weight:500;margin-bottom:2px}.admin-status-desc{color:#6b7280;font-size:12px}.admin-status-indicator{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px}.admin-status-indicator.active .admin-status-dot{background:#10b981;box-shadow:0 0 0 4px #10b98133}.admin-status-indicator.warning .admin-status-dot{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b33}.admin-status-dot{border-radius:50%;height:10px;position:relative;width:10px}.admin-system-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:20px;padding-top:20px}@media (max-width:1200px){.admin-content-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-sidebar{left:-250px;position:fixed;z-index:60}.admin-sidebar.collapsed{left:0;width:70px}.admin-sidebar.show{left:0}.admin-main-content{margin-left:0!important}.admin-navbar{padding:0 20px}.admin-dashboard-content{padding:20px}.admin-welcome-banner{flex-direction:column;gap:20px;text-align:center}.admin-welcome-actions{flex-wrap:wrap;justify-content:center}.admin-stats-grid{grid-template-columns:1fr}}.admin-dashboard-container *{box-sizing:border-box}.admin-dashboard-container .notifications-button,.admin-dashboard-container .notifications-dropdown,.admin-dashboard-container .settings-button,.admin-dashboard-container .settings-dropdown,.admin-dashboard-container .user-avatar,.admin-dashboard-container .user-dropdown{all:unset!important}
/*# sourceMappingURL=main.942b41f4.css.map*/