@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a24;--bg-elevated: #22222e;--bg-hover: #2a2a38;--border-subtle: #2a2a38;--border-default: #3a3a48;--border-strong: #4a4a58;--text-primary: #f0f0f5;--text-secondary: #a0a0b0;--text-muted: #606070;--accent-primary: #6366f1;--accent-primary-hover: #818cf8;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #f59e0b;--accent-info: #3b82f6;--accent-purple: #8b5cf6;--accent-pink: #ec4899;--accent-cyan: #06b6d4;--primary: var(--accent-primary);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--radius: var(--radius-md);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 40px rgba(99, 102, 241, .15);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--calendar-icon-invert: invert(1) brightness(2);--modal-overlay-bg: rgba(0, 0, 0, .7);--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-thumb-hover: rgba(255, 255, 255, .2)}[data-theme=light]{--bg-primary: #f5f5f9;--bg-secondary: #ffffff;--bg-tertiary: #eeeef4;--bg-elevated: #ffffff;--bg-hover: #e8e8f0;--border-subtle: #d8d8e4;--border-default: #c0c0d0;--border-strong: #a0a0b8;--text-primary: #1a1a2e;--text-secondary: #5a5a72;--text-muted: #8a8aa0;--accent-primary: #4f46e5;--accent-primary-hover: #6366f1;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .12);--shadow-glow: 0 0 40px rgba(99, 102, 241, .08);--calendar-icon-invert: none;--modal-overlay-bg: rgba(0, 0, 0, .4);--scrollbar-thumb: rgba(0, 0, 0, .12);--scrollbar-thumb-hover: rgba(0, 0, 0, .22)}[data-theme=light] .filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231a1a2e' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}input,textarea,select,button{font-family:inherit;font-size:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hide-mobile{display:inline}@media(max-width:1200px){.hide-mobile{display:none}}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-weight:500;font-size:.9rem;cursor:pointer;transition:var(--transition-fast)}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-default)}.btn-ghost{background:none;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-warning{background:#f59e0b26;color:var(--accent-warning);border:1px solid rgba(245,158,11,.3)}.btn-warning:hover{background:#f59e0b40}.btn-danger{background:#ef444426;color:var(--accent-danger);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444440}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.btn-sm svg{width:14px;height:14px}.btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-icon{padding:var(--spacing-xs);background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon.delete-btn:hover{background:#ef444426;color:var(--accent-danger)}.btn-icon-small{padding:.25rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.btn-icon-small:hover{background:var(--bg-hover);color:var(--text-primary)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.form-group input,.form-group select,.form-group textarea,.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;font-family:inherit;transition:var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;opacity:.6}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-input[type=date]::-webkit-calendar-picker-indicator{filter:var(--calendar-icon-invert)!important;cursor:pointer;opacity:1!important}.form-group input[type=date]::-webkit-calendar-picker-indicator{filter:var(--calendar-icon-invert)!important;cursor:pointer;opacity:1!important}.form-group input.input-disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;opacity:.6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126}.form-group textarea{resize:vertical;min-height:80px}.form-group .form-hint{display:block;margin-top:var(--spacing-xs);font-size:.75rem;color:var(--text-muted);font-style:italic}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.checkbox-group label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--border-default);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-sm);appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;flex-shrink:0;transition:var(--transition-fast)}input[type=checkbox]:checked{background:var(--border-default);border-color:var(--border-strong)}input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-primary);font-size:12px;font-weight:700}input[type=checkbox]:hover{border-color:var(--border-strong);background:var(--bg-hover)}input[type=checkbox]:checked:hover{background:var(--border-strong);border-color:var(--border-strong)}.input-group{margin-bottom:var(--spacing-md)}.input-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper>svg{position:absolute;left:var(--spacing-md);color:var(--text-muted);pointer-events:none}.input-wrapper input{width:100%;padding:var(--spacing-md);padding-left:44px;padding-right:44px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition-fast)}.input-wrapper input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126}.input-wrapper input::placeholder{color:var(--text-muted)}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);z-index:1}.password-toggle svg{position:static;pointer-events:auto}.password-toggle:hover{color:var(--text-secondary)}.filter-select{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23f0f0f5' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;padding-right:calc(var(--spacing-md) + 12px)}.filter-select:hover{border-color:var(--border-default)}.filter-select:focus{outline:none;border-color:var(--accent-primary)}.filter-select::-ms-expand{display:none}.date-filter-input::-webkit-calendar-picker-indicator{filter:var(--calendar-icon-invert);cursor:pointer}.date-filter-input::-webkit-calendar-picker-indicator:hover{opacity:.8}.checkbox-inline{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#3b82f61a;border-radius:var(--radius-md)}.checkbox-inline input[type=checkbox]{width:16px;height:16px;cursor:pointer}.checkbox-inline label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8rem;color:var(--text-secondary);cursor:pointer;margin:0}.radio-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:2px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.radio-option:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.radio-option input[type=radio]{margin:0;cursor:pointer}.radio-option input[type=radio]:checked+svg{color:var(--accent-primary)}.radio-option:has(input[type=radio]:checked){background:#6366f11a;border-color:var(--accent-primary)}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.status-badge,.priority-badge,.category-badge,.dept-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:100px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dept-badge{background:var(--bg-tertiary);color:var(--text-secondary)}.status-badge.done{display:flex;align-items:center;gap:var(--spacing-xs);padding:.375rem .875rem;background:#10b98126;color:var(--accent-success);border-radius:var(--radius-md);font-size:.8rem;font-weight:500}.status-beklemede{background:#3b82f626;color:#60a5fa}.status-revizyon{background:#f59e0b26;color:#fbbf24}.status-tamamlandi{background:#10b98126;color:#34d399}.nav-item .badge{margin-left:auto;background:var(--accent-primary);color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;line-height:1;text-align:center;box-sizing:border-box}.nav-item .badge.warning{background:var(--accent-warning)}.nav-item .badge.danger{background:var(--accent-danger)}.user-tab .tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;background:var(--accent-danger);color:#fff;border-radius:9px;font-size:.7rem;font-weight:600;line-height:1}.stat-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:500}.stat-badge.warning{background:#fbbf2426;color:var(--accent-warning)}.stat-badge.success{background:#10b98126;color:var(--accent-success)}.suggestion-status-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:.25rem .75rem;background:#10b98126;color:var(--accent-success);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.from-request-badge{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;padding:4px 8px;background:#6366f126;color:var(--accent-primary);border-radius:100px}.overdue-label,.today-label{font-size:.6rem;font-weight:600;padding:2px 5px;border-radius:4px;margin-left:var(--spacing-xs);line-height:1.1;white-space:nowrap}.overdue-label{background:#ef444426;color:var(--accent-danger)}.today-label{background:#f59e0b26;color:var(--accent-warning)}.dept-tag,.role-tag{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;font-size:.75rem}.dept-tag{background:var(--bg-tertiary);color:var(--text-secondary)}.role-tag{background:#6366f126;color:var(--accent-primary)}.role-tag.admin{background:linear-gradient(135deg,#6366f133,#8b5cf633)}.modal-overlay{position:fixed;inset:0;background:var(--modal-overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}.modal.modal-sm{max-width:440px}.modal.modal-request{max-width:650px;width:90%}.modal.modal-task{max-width:750px;width:90%}.modal.modal-task .form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.modal.modal-note{max-width:700px;width:90%}.modal.modal-suggestion{max-width:600px;width:85%}.modal.modal-team-request{max-width:650px;width:90%}.modal.modal-revision{max-width:900px;width:95%}.modal.modal-revision .modal-content{padding:var(--spacing-lg)!important}.modal.modal-revision .form-group{margin-bottom:var(--spacing-lg);padding:0}.modal.modal-revision .form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);padding-left:0;padding-right:0;margin-left:0;margin-right:0}.modal.modal-revision .form-group textarea{min-height:350px;padding:var(--spacing-md);font-size:.95rem;line-height:1.6;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);resize:vertical;transition:var(--transition-fast);width:100%}.modal.modal-revision .form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.modal.modal-request-edit .form-group textarea{min-height:225px}.modal.modal-team-request .modal-header{padding:var(--spacing-md) var(--spacing-lg);padding-bottom:var(--spacing-sm)}.modal.modal-action-task{max-width:720px;width:90%}.modal.modal-change-password{max-width:480px}.modal-change-password .input-wrapper{position:relative}.modal-change-password .input-wrapper input{padding-right:45px}.modal-change-password .success-message{text-align:center;padding:var(--spacing-xl)}.modal-change-password .success-icon{width:64px;height:64px;border-radius:50%;background:#10b98126;color:#10b981;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto var(--spacing-md)}.modal-change-password .success-message p{color:var(--text-primary);font-size:1rem;margin:0}.modal-change-password .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.85rem;margin-top:var(--spacing-md)}.modal.modal-action-task .modal-body{padding:var(--spacing-xl)}.modal.modal-action-task .form-group{margin-bottom:var(--spacing-lg)}.modal.modal-action-task .form-group label{font-size:.9rem;margin-bottom:var(--spacing-sm)}.modal.modal-note .modal-body{padding:var(--spacing-xl)}.modal.modal-note .form-group{margin-bottom:var(--spacing-lg)}.modal.modal-note .form-group label{font-size:.95rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.modal.modal-note .form-group textarea{min-height:200px;padding:var(--spacing-md);font-size:.95rem;line-height:1.6;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);resize:vertical;transition:var(--transition-fast)}.modal.modal-note .form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.modal.modal-suggestion .modal-body{padding:var(--spacing-xl)}.modal.modal-suggestion .form-group{margin-bottom:var(--spacing-lg)}.modal.modal-suggestion .form-group label{font-size:.95rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.modal.modal-suggestion .form-group textarea{min-height:150px;padding:var(--spacing-md);font-size:.95rem;line-height:1.6;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);resize:vertical;transition:var(--transition-fast)}.modal.modal-suggestion .form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.modal.modal-team-request .modal-body{padding:var(--spacing-sm) var(--spacing-lg);padding-top:var(--spacing-sm)}.modal.modal-team-request .form-group{margin-bottom:var(--spacing-md)}.modal.modal-team-request .form-group label{font-size:.95rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.modal.modal-team-request .form-group input[type=text],.modal.modal-team-request .form-group input[type=date],.modal.modal-team-request .form-group select,.modal.modal-team-request .form-group textarea{padding:var(--spacing-md);font-size:.95rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);transition:var(--transition-fast)}.modal.modal-team-request .form-group input[type=text]:focus,.modal.modal-team-request .form-group input[type=date]:focus,.modal.modal-team-request .form-group select:focus,.modal.modal-team-request .form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.modal.modal-team-request .form-group textarea{min-height:100px;resize:vertical;line-height:1.6}.modal.modal-team-request .form-group .form-hint{display:block;margin-top:var(--spacing-xs);font-size:.8rem;color:var(--text-muted)}.modal.modal-action-task .form-group textarea{min-height:100px;padding:var(--spacing-md);font-size:.95rem;line-height:1.6}.modal.modal-action-task .note-type-selector{gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.modal.modal-action-task .note-type-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}.modal.modal-action-task .task-action-info{padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg)}.modal.modal-action-task .file-upload-section{margin-top:var(--spacing-md);gap:var(--spacing-md)}.modal.modal-action-task .file-upload-btn,.modal.modal-action-task .selected-file-info{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}.modal.modal-action-task .checkbox-inline{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.modal.modal-action-task .modal-footer{padding:var(--spacing-xl);padding-top:var(--spacing-md);gap:var(--spacing-md)}.modal.modal-action-task .modal-footer .btn{padding:var(--spacing-sm) var(--spacing-xl);font-size:.95rem}.modal.modal-action-task .modal-header{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-md);margin-bottom:var(--spacing-lg)}.modal.modal-action-task .modal-header h2{font-size:1.25rem}.modal.modal-action-task .label-with-icon{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.95rem;font-weight:500;margin-bottom:var(--spacing-sm)}.modal.modal-action-task .label-with-icon svg{flex-shrink:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-sm);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--spacing-md)}.modal-header h2{font-size:1.1rem;font-weight:600}.close-btn{padding:var(--spacing-xs);background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast)}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal form,.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);padding-top:0}.modal-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s ease;display:flex;flex-direction:column}.modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.modal-content .modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-content .modal-body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.modal-content .modal-body label{display:block;font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.modal-content .modal-body input[type=text],.modal-content .modal-body textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;font-family:inherit;transition:var(--transition-fast);margin-top:var(--spacing-xs)}.modal-content .modal-body input[type=text]:focus,.modal-content .modal-body textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.modal-content .modal-body textarea{resize:vertical;min-height:80px}.modal-content .modal-body input[type=text]::placeholder,.modal-content .modal-body textarea::placeholder{color:var(--text-muted)}.modal .form-group input[type=text],.modal .form-group input[type=date],.modal .form-group input[type=number],.modal .form-group input:not([type=checkbox]):not([type=radio]),.modal .form-group select,.modal .form-group textarea{background:var(--bg-tertiary);border-color:var(--border-default)}.modal .form-group input[type=text]:focus,.modal .form-group input[type=date]:focus,.modal .form-group input:not([type=checkbox]):not([type=radio]):focus,.modal .form-group select:focus,.modal .form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126}.modal input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(2)!important;cursor:pointer;opacity:1!important}.modal-members-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-top:var(--spacing-xs);background:var(--bg-tertiary)}.modal-members-list::-webkit-scrollbar{width:8px}.modal-members-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.modal-members-list::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-sm)}.modal-members-list::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.modal-member-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);color:var(--text-primary)}.modal-member-item:hover{background:var(--bg-hover)}.modal-member-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary);flex-shrink:0;margin:2px 0 0}.modal-member-item span{font-size:.9rem;color:var(--text-primary);flex:1;line-height:1.4;padding-top:1px}.modal-member-item span.admin-name{color:#3b82f6;font-weight:700;font-style:italic}.modal-content .modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle);flex-shrink:0}.modal-content .modal-footer .btn-primary{background:transparent;color:var(--accent-primary);border:1.5px solid var(--accent-primary);font-weight:500;padding:var(--spacing-sm) var(--spacing-lg)}.modal-content .modal-footer .btn-primary:hover{background:#6366f11a;border-color:var(--accent-primary);transform:none;color:var(--accent-primary)}.modal-content .modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed;background:transparent;color:var(--text-muted);border-color:var(--border-subtle)}.modal-content .modal-footer .btn-secondary{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-subtle);font-weight:500;padding:var(--spacing-sm) var(--spacing-lg)}.modal-content .modal-footer .btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-primary)}.image-lightbox-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-lg);animation:fadeIn .2s ease}.image-lightbox{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.lightbox-filename{font-size:.9rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.lightbox-actions{display:flex;gap:var(--spacing-xs)}.lightbox-btn{background:var(--bg-hover);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);padding:var(--spacing-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.lightbox-btn:hover{background:var(--accent-primary);color:#fff}.lightbox-btn.close:hover{background:var(--accent-danger)}.lightbox-image-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);overflow:auto;max-height:calc(90vh - 60px)}.lightbox-image-container img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm);cursor:zoom-in;transition:transform .3s ease}.lightbox-image-container img:hover{transform:scale(1.02)}@media(max-width:768px){.image-lightbox-overlay{padding:var(--spacing-sm)}.lightbox-filename{max-width:150px;font-size:.8rem}}.dashboard{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-subtle)}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.logo svg{color:var(--accent-primary)}.sidebar-nav{flex:1;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.95rem;cursor:pointer;transition:var(--transition-fast);text-align:left}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:#6366f126;color:var(--accent-primary)}.nav-item.maintenance-toggle{margin:var(--spacing-xs) 0;border:1px solid transparent;font-weight:500}.nav-item.maintenance-toggle:hover{background:#ef44441a;border-color:#ef44444d}.nav-item.maintenance-toggle.active{background:#ef444426;color:#ef4444;border-color:#ef44444d}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-settings{padding:var(--spacing-md);border-top:1px solid var(--border-subtle)}.main-content{flex:1;margin-left:260px;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-lg) var(--spacing-xs);min-height:100vh;overflow-x:visible;overflow-y:auto}.view-container{max-width:1400px;margin:0 auto}.view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.view-header h1{font-size:1.75rem;font-weight:600}.header-actions{display:flex;gap:var(--spacing-sm)}.user-info{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-purple));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.avatar.large{width:48px;height:48px;font-size:1.1rem}.avatar-small{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.avatar-small.admin-avatar{background:#4a6fa5;box-shadow:0 0 0 2px #4a6fa533}.user-details{display:flex;flex-direction:column}.user-name{font-weight:500;font-size:.9rem}.user-role,.user-dept{font-size:.75rem;color:var(--text-muted)}.logout-btn{padding:var(--spacing-sm);background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast)}.logout-btn:hover{background:#ef44441a;color:var(--accent-danger)}.filters-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:nowrap}.filters-bar-admin{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-lg)}.filters-bar-admin .filters-left{gap:var(--spacing-md)}.filters-bar-admin .filter-select{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem;min-width:160px}.filters-left{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;flex:1;min-width:0}.filters-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.clear-filters-btn{padding:var(--spacing-xs) var(--spacing-sm)!important;font-size:.8rem!important;white-space:nowrap;border:1px solid var(--border-subtle);background:var(--bg-tertiary)}.clear-filters-btn:hover{background:var(--bg-hover);border-color:var(--border-default)}.view-toggle{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:2px}.toggle-btn{padding:var(--spacing-sm);background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast)}.toggle-btn:hover{color:var(--text-secondary)}.toggle-btn.active{background:var(--accent-primary);color:#fff}@media(max-width:1024px){.sidebar{width:80px}.sidebar-header .logo span,.sidebar-nav .nav-item span,.sidebar-footer .user-details,.nav-item .badge{display:none}.nav-item{justify-content:center}.main-content{margin-left:80px}}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding:var(--spacing-md)}.filters-bar{flex-direction:column;align-items:stretch}.filters-left{flex-wrap:wrap}.view-toggle{justify-content:center}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);position:relative;overflow:hidden}.login-background{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(6,182,212,.05) 0%,transparent 70%)}.login-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.login-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--spacing-2xl);width:100%;max-width:420px;position:relative;box-shadow:var(--shadow-lg),var(--shadow-glow)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-logo{width:64px;height:64px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-purple));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:#fff}.login-header h1{font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-xs)}.login-header p{color:var(--text-secondary);font-size:.9rem}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--accent-danger);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:var(--spacing-md)}.login-btn{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,var(--accent-primary),var(--accent-purple));border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:var(--transition-fast)}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6366f14d}.login-btn:disabled{opacity:.7;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:var(--transition-fast)}.stat-card:hover{border-color:var(--border-default);transform:translateY(-2px)}.stat-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:700;line-height:1}.stat-label{font-size:.85rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.stat-warning{font-size:.75rem;color:var(--accent-danger);margin-top:2px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.dashboard-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.dashboard-card.full-width{grid-column:1 / -1}.dashboard-card h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.recent-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.recent-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);transition:var(--transition-fast)}.recent-item:hover{background:var(--bg-hover)}.recent-item.my-part-done{border-left:3px solid var(--accent-purple)}.recent-item-main{display:flex;flex-direction:column;min-width:0}.recent-item-title{font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item-meta{font-size:.75rem;color:var(--text-muted)}.recent-item-badges{display:flex;gap:var(--spacing-xs)}.empty-text{color:var(--text-muted);text-align:center;padding:var(--spacing-lg);font-size:.9rem}.department-bars{display:flex;flex-direction:column;gap:var(--spacing-md)}.dept-bar-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dept-bar-header{display:flex;justify-content:space-between;font-size:.85rem}.dept-bar-header span:last-child{color:var(--text-muted)}.dept-bar-track{height:8px;background:var(--bg-tertiary);border-radius:100px;overflow:hidden}.dept-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-purple));border-radius:100px;transition:width .5s ease}.dept-bar-fill.completed{background:linear-gradient(90deg,#10b981,#059669)}.vertical-chart-container{padding:60px 0 0}.vertical-chart-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:var(--spacing-sm);height:240px;padding:0 var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)}.vertical-chart-item{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;height:100%}.vertical-chart-bar-wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;padding-bottom:var(--spacing-xs)}.vertical-chart-bar{width:100%;max-width:50px;background:linear-gradient(180deg,#22c55e,#16a34a);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .5s ease;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--spacing-xs);box-shadow:0 -2px 8px #22c55e40;min-height:8px}.vertical-chart-bar:hover{background:linear-gradient(180deg,#4ade80,#22c55e);box-shadow:0 -4px 12px #22c55e66;transform:translateY(-2px)}.vertical-chart-bar-all-tasks{background:linear-gradient(180deg,var(--accent-primary),var(--accent-purple));box-shadow:0 -2px 8px #6366f140}.vertical-chart-bar-all-tasks:hover{background:linear-gradient(180deg,var(--accent-primary-hover),var(--accent-primary));box-shadow:0 -4px 12px #6366f166;transform:translateY(-2px)}.vertical-chart-value{font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap}.vertical-chart-percentage{font-size:.7rem;font-weight:600;color:#a3e635;margin-bottom:var(--spacing-xs);text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap}.vertical-chart-label{font-size:.75rem;color:var(--text-secondary);margin-top:var(--spacing-xs);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:60px;padding-top:var(--spacing-xs)}.department-distribution-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);padding:var(--spacing-md) 0}.department-section{display:flex;flex-direction:column}.department-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-subtle);min-height:40px}.department-section-title{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin:0;line-height:1.2;display:flex;align-items:center}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.view-toggle-btn:hover{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-primary);transform:translateY(-1px)}.view-toggle-btn:active{transform:translateY(0)}@media(max-width:1024px){.department-distribution-split{grid-template-columns:1fr;gap:var(--spacing-lg)}}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-md)}.user-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-fast)}.user-card:hover{border-color:var(--border-default)}.user-card.admin{border-color:var(--accent-primary);background:linear-gradient(135deg,rgba(99,102,241,.05),transparent)}.user-card-header{padding:var(--spacing-lg);padding-bottom:0;display:flex;justify-content:center;position:relative}.user-card-actions{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;gap:var(--spacing-xs);align-items:center}.user-card-header .delete-btn,.user-card-header .edit-btn{padding:var(--spacing-xs);background:none;border:none;color:var(--text-muted);cursor:pointer;opacity:0;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.user-card-header .edit-btn{color:var(--accent-primary)}.user-card:hover .user-card-header .delete-btn,.user-card:hover .user-card-header .edit-btn{opacity:1}.user-card-header .delete-btn:hover{color:var(--accent-danger)}.user-card-header .edit-btn:hover{color:var(--accent-primary);opacity:1}.user-card-body{padding:var(--spacing-lg);text-align:center}.user-card-body h4{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.username{font-size:.8rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}.user-meta{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.empty-state svg{color:var(--text-muted);margin:0 auto var(--spacing-md);display:block}.empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.loading-state p{color:var(--text-muted);margin-top:var(--spacing-md)}.critical-alerts-banner{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg)}.critical-alert-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-left:4px solid;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.critical-alert-item:hover{background:var(--bg-hover);transform:translate(4px)}.critical-alert-item .alert-text{flex:1;font-size:.9rem}.critical-alert-item .alert-text strong{font-weight:700;font-size:1.1rem;margin-right:var(--spacing-xs)}.alert-arrow{color:var(--text-muted);transition:var(--transition-fast)}.critical-alert-item:hover .alert-arrow{color:var(--text-primary);transform:translate(4px)}.quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.quick-access-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:var(--transition-fast);position:relative;overflow:hidden}.quick-access-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-primary);transform:scaleX(0);transition:var(--transition-fast)}.quick-access-card:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.quick-access-card:hover:before{transform:scaleX(1)}.quick-access-card.urgent:before{background:#ef4444}.quick-access-card.today:before{background:#f59e0b}.quick-access-card.pending:before{background:#3b82f6}.quick-access-card.overdue:before{background:#ef4444}.quick-access-card.pending-tasks:before{background:#8b5cf6}.quick-access-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-access-card.urgent .quick-access-icon{background:#ef444426;color:#ef4444}.quick-access-card.today .quick-access-icon{background:#f59e0b26;color:#f59e0b}.quick-access-card.pending .quick-access-icon{background:#3b82f626;color:#3b82f6}.quick-access-card.overdue .quick-access-icon{background:#ef444426;color:#ef4444}.quick-access-card.pending-tasks .quick-access-icon{background:#8b5cf626;color:#8b5cf6}.quick-access-content{flex:1;display:flex;flex-direction:column;min-width:0}.quick-access-value{font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:var(--spacing-xs)}.quick-access-label{font-size:.85rem;color:var(--text-secondary);line-height:1.3}.quick-access-arrow{color:var(--text-muted);flex-shrink:0;transition:var(--transition-fast)}.quick-access-card:hover .quick-access-arrow{color:var(--text-primary);transform:translate(4px)}.activity-timeline{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:500px;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-md);transition:var(--transition-fast);cursor:pointer;position:relative}.activity-item:hover{background:var(--bg-hover);transform:translate(4px)}.activity-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;border-radius:var(--radius-sm) 0 0 var(--radius-sm);transition:var(--transition-fast)}.activity-item:hover:before{background:var(--accent-primary)}.activity-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.activity-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.activity-title{font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-meta{font-size:.75rem;color:var(--text-muted)}.activity-time{font-size:.7rem;color:var(--text-muted);margin-top:2px}.activity-badges{display:flex;gap:var(--spacing-xs);flex-shrink:0;align-items:flex-start}.deadline-calendar{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:500px;overflow-y:auto}.deadline-day{padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:var(--transition-fast);cursor:pointer}.deadline-day:hover{background:var(--bg-hover);border-color:var(--border-default);transform:translateY(-2px)}.deadline-day.today{border-color:var(--accent-primary);background:#3b82f60d}.deadline-day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.deadline-date{display:flex;align-items:center;gap:var(--spacing-xs)}.deadline-day-name{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:600}.deadline-day-number{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.deadline-month{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize}.deadline-count{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.deadline-total{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1}.deadline-urgent{font-size:.7rem;color:var(--accent-danger);font-weight:600;background:#ef44441a;padding:2px 6px;border-radius:var(--radius-sm)}.deadline-tasks-preview{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.deadline-task-preview{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.85rem}.deadline-task-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary)}.deadline-more{font-size:.75rem;color:var(--text-muted);text-align:center;padding:var(--spacing-xs);font-style:italic}.performance-section{margin-bottom:var(--spacing-xl)}.section-header-with-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-header-with-toggle h3{margin-bottom:0}.performance-filter-buttons{display:flex;align-items:center;gap:0;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:2px}.performance-filter-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:none;border-radius:calc(var(--radius-md) - 2px);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:var(--transition-fast)}.performance-filter-btn:hover{color:var(--text-primary)}.performance-filter-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 1px 2px #0000000f}.toggle-view-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:var(--transition-fast)}.toggle-view-btn:hover{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-primary)}.performance-grid{display:grid;grid-template-columns:1fr 2fr 1.5fr;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.performance-metrics{display:flex;flex-direction:column;gap:var(--spacing-md)}.performance-metric-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:var(--transition-fast);position:relative;overflow:hidden}.performance-metric-card:hover{border-color:var(--border-default);transform:translateY(-2px)}.performance-metric-card.on-fire{background:linear-gradient(135deg,#fb923c1f,#ef444414,#fb923c1f);border:1px solid rgba(251,146,60,.3);box-shadow:0 0 20px #fb923c26,0 0 40px #ef444414,inset 0 0 20px #fb923c0d}.performance-metric-card.on-fire:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(251,146,60,.1) 0%,transparent 70%);animation:fire-glow 8s ease-in-out infinite;pointer-events:none;will-change:transform,opacity;transform:translateZ(0)}.performance-metric-card.on-fire:hover{background:linear-gradient(135deg,#fb923c2e,#ef44441f,#fb923c2e);border-color:#fb923c80;box-shadow:0 0 30px #fb923c40,0 0 60px #ef44441f,inset 0 0 30px #fb923c14}@keyframes fire-glow{0%,to{opacity:.3;transform:translateZ(0) scale(1) rotate(0)}50%{opacity:.5;transform:translateZ(0) scale(1.05) rotate(90deg)}}.metric-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-content{display:flex;flex-direction:column;flex:1}.metric-value{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.speed-indicator{display:inline-flex;align-items:center;color:#fb923c;animation:speed-run 1.5s ease-in-out infinite;will-change:transform,opacity;transform:translateZ(0);filter:drop-shadow(0 0 2px rgba(251,146,60,.4))}@keyframes speed-run{0%,to{transform:translateZ(0) scale(1);opacity:1}25%{transform:translate3d(3px,0,0) scale(1.05);opacity:.95}50%{transform:translate3d(5px,0,0) scale(1.1);opacity:.9}75%{transform:translate3d(3px,0,0) scale(1.05);opacity:.95}}.metric-value{font-size:1.75rem;font-weight:700;line-height:1;color:var(--text-primary)}.metric-label{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.metric-detail{font-size:.75rem;color:var(--text-muted);margin-top:2px}.performance-chart{padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);display:flex;flex-direction:column}.chart-top-metric{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border:1px solid var(--border-subtle);min-height:80px}.chart-top-metric-content{display:flex;align-items:center;gap:var(--spacing-md);height:100%}.metric-icon-small{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-content-small{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;justify-content:center}.metric-value-small{font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1.2}.metric-label-small{font-size:.85rem;color:var(--text-secondary);line-height:1.3;font-weight:500}.chart-content-wrapper{flex:1;display:flex;flex-direction:column;min-height:0}.chart-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm);gap:var(--spacing-sm)}.chart-title{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin:0;flex:1}.chart-range-buttons{display:flex;gap:var(--spacing-xs);align-items:center}.chart-range-btn{padding:4px 10px;font-size:.75rem;font-weight:600;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);min-width:36px;text-align:center}.chart-range-btn:hover{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-secondary)}.chart-range-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.chart-range-btn.active:hover{background:var(--accent-primary);opacity:.9}.trend-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:var(--spacing-xs);height:80px;padding:var(--spacing-sm) 0 0 0;margin-bottom:0;flex:1;min-height:0}.trend-day{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.trend-bar-wrapper{width:100%;height:calc(100% - 28px);display:flex;align-items:flex-end;justify-content:center;position:relative}.trend-bar{width:100%;max-width:40px;background:linear-gradient(180deg,#8b5cf6,#7c3aed);border-radius:var(--radius-sm) var(--radius-sm) 0 0;position:relative;transition:height .5s ease;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--spacing-xs);box-shadow:0 -2px 12px #8b5cf659}.trend-bar.today{background:linear-gradient(180deg,#f59e0b,#d97706);box-shadow:0 -2px 12px #f59e0b66}.trend-bar.pending-bar{background:linear-gradient(180deg,#f59e0b,#d97706);box-shadow:0 -2px 12px #f59e0b59}.trend-bar.pending-bar.today{background:linear-gradient(180deg,#ef4444,#dc2626);box-shadow:0 -2px 12px #ef444466}.chart-type-toggle{padding:6px 12px;font-size:.85rem;border-radius:6px;border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;font-weight:500}.chart-type-toggle:hover{background:var(--bg-hover);border-color:var(--border-default)}.chart-type-toggle.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.chart-type-toggle.active:hover{opacity:.9}.trend-value{font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.trend-label{display:flex;flex-direction:column;align-items:center;margin-top:0;gap:1px;padding-top:0;height:26px;justify-content:flex-start}.trend-day-name{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;line-height:1.2}.trend-day-number{font-size:.8rem;font-weight:600;color:var(--text-primary);line-height:1.2}.performance-departments{padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.dept-performance-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.dept-performance-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dept-performance-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.dept-name{font-weight:600;color:var(--text-primary)}.dept-stats{color:var(--text-secondary);font-size:.8rem}.dept-performance-bar{height:6px;background:var(--bg-secondary);border-radius:100px;overflow:hidden}.dept-performance-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#0891b2);border-radius:100px;transition:width .5s ease;box-shadow:0 0 8px #06b6d44d}.dept-performance-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted)}.dept-rate{font-weight:600;color:var(--text-secondary)}.dept-avg-details{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.dept-avg{color:var(--text-secondary)}.dept-efficiency{font-size:.7rem;color:#dc6432b3;font-style:italic;font-weight:500}@media(max-width:1200px){.performance-grid{grid-template-columns:1fr}.performance-metrics{flex-direction:row;flex-wrap:wrap}.performance-metric-card{flex:1;min-width:200px}}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.quick-access-grid{grid-template-columns:repeat(2,1fr)}}.task-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-md)}.task-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-fast)}.task-card:hover{border-color:var(--border-default)}.task-card.compact{padding:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-md)}.task-card.compact .task-header{order:2;margin:0 0 0 auto;align-self:flex-start}.task-card.compact .task-title{order:1;flex:0 1 auto;min-width:200px;margin-right:auto}.task-card.compact .task-description{order:2;flex-basis:100%;margin-top:calc(var(--spacing-xs) * -1);margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.task-card.compact .task-footer{order:4;width:100%;margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}.task-card.my-part-done{border-left:4px solid var(--accent-purple);background:linear-gradient(90deg,rgba(139,92,246,.05),transparent)}.task-card.overdue{border-color:var(--accent-danger);background:linear-gradient(90deg,rgba(239,68,68,.05),transparent)}.task-card.today{border-color:var(--accent-warning);background:linear-gradient(90deg,rgba(245,158,11,.05),transparent)}.task-card.urgent-today{border:3px solid #ef4444;border-radius:var(--radius-lg);background:var(--bg-secondary);position:relative;overflow:visible}.task-card.urgent-today:before{content:"";position:absolute;inset:-3px;border-radius:var(--radius-lg);background:linear-gradient(45deg,#ef4444,#f97316,#ef4444);background-size:200% 200%;animation:urgent-glow 2s ease-in-out infinite;z-index:-1;opacity:.65;box-shadow:0 0 15px #ef444466,0 0 30px #ef444440}.task-card.urgent-today:hover{border-color:#dc2626;transform:scale(1.005)}.task-card.urgent-today:hover:before{opacity:.7;box-shadow:0 0 20px #ef444473,0 0 40px #ef444440}@keyframes urgent-glow{0%,to{background-position:0% 50%;opacity:.55}50%{background-position:100% 50%;opacity:.55}}.task-card.completed-task{opacity:.6;background:var(--bg-tertiary)}.task-card.completed-task:hover{opacity:.8}.task-card.clickable{cursor:pointer;transition:all var(--transition-fast)}.task-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.task-card.completed-task.clickable:hover{opacity:.9}.task-card.completed-task .task-title{text-decoration:line-through;color:var(--text-muted)}.task-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-md)}.task-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.task-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:var(--transition-fast)}.task-card:hover .task-actions{opacity:1}.task-actions button{padding:var(--spacing-xs);background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.task-actions button:hover{background:var(--bg-hover);color:var(--text-primary)}.task-actions .delete-btn:hover{background:#ef444426;color:var(--accent-danger)}.task-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.task-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-description img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-sm) 0;display:block;border:1px solid var(--border-subtle);box-shadow:0 2px 8px #0000001a}.dependent-section{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#8b5cf61a;border-radius:var(--radius-md)}.my-part-toggle{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:var(--transition-fast)}.my-part-toggle:hover{color:var(--text-primary)}.my-part-toggle.done{color:var(--accent-purple)}.dependent-person{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8rem;color:var(--text-muted)}.task-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.task-meta{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;min-width:0}.deadline{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8rem;color:var(--text-muted);flex-wrap:wrap;min-width:0}.deadline.overdue{color:var(--accent-danger)}.deadline.today{color:var(--accent-warning)}.task-status-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:flex-end}.status-dropdown select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.status-dropdown select:focus{outline:none}.task-stats-bar{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.task-stats-bar .stat-item{display:flex;align-items:center;gap:var(--spacing-xs)}.task-stats-bar .stat-number{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.task-stats-bar .stat-text{font-size:.8rem;color:var(--text-muted)}.task-stats-bar .stat-item.completed .stat-number{color:var(--accent-success)}.task-stats-bar .stat-item.warning .stat-number{color:var(--accent-danger)}.task-stats-bar .stat-item.today .stat-number{color:var(--accent-warning)}.sort-wrapper{position:relative}.sort-select{min-width:180px}.toggle-completed{white-space:nowrap}.toggle-completed.active{background:#8b5cf626;color:var(--accent-purple)}.department-view{display:flex;flex-direction:column;gap:var(--spacing-xl)}.department-section{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-subtle)}.department-section:last-child{border-bottom:none}.department-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.task-count{background:var(--bg-tertiary);padding:2px 10px;border-radius:100px;font-size:.8rem;font-weight:500;color:var(--text-muted)}.user-tasks-view{padding:var(--spacing-lg)}.user-tasks-list{display:flex;flex-direction:column;gap:var(--spacing-md);min-height:400px}.user-tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-md);min-height:400px}.user-tasks-grid:has(.empty-state){display:flex!important;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 400px);width:100%}.user-tasks-list:has(.empty-state){display:flex!important;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 400px);width:100%}.user-tasks-list .empty-state,.user-tasks-grid .empty-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%;text-align:center}.user-tasks-list .filtered-empty,.user-tasks-grid .filtered-empty{max-width:420px;padding:var(--spacing-xl)}.user-tasks-list .filtered-empty p,.user-tasks-grid .filtered-empty p{margin-bottom:var(--spacing-md)}.user-tasks-list>div:not(.empty-state),.user-tasks-list .task-wrapper{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.user-tasks-grid .task-wrapper{display:block}.task-order-controls{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-md);flex-shrink:0}.task-order-placeholder{width:32px;flex-shrink:0}.order-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--spacing-xs);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);width:28px;height:28px}.order-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-primary)}.order-btn:disabled{opacity:.3;cursor:not-allowed}.task-drag-handle{cursor:grab;color:var(--text-muted);padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;margin-top:var(--spacing-md);flex-shrink:0;-webkit-user-select:none;user-select:none}.task-drag-handle:active{cursor:grabbing}.task-drag-handle:hover{background:var(--bg-hover);color:var(--text-primary)}.task-wrapper{width:100%}.task-wrapper .user-task-card{flex:1;width:100%}.user-task-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;transition:var(--transition-fast)}.user-task-card:hover{border-color:var(--border-default)}.user-task-card:hover .task-actions{opacity:1}.user-task-card .task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.user-task-card .task-badges{display:flex;gap:var(--spacing-xs);align-items:center;flex-wrap:wrap}.user-task-card .task-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:var(--transition-fast)}.user-task-card .task-actions button{padding:var(--spacing-xs);background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.user-task-card .task-actions button:hover{background:var(--bg-hover);color:var(--text-primary)}.user-task-card .task-actions .delete-btn:hover{background:#ef444426;color:var(--accent-danger)}.user-task-card .task-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:3px}.user-task-card .task-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:6px}.user-task-card .task-description img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-sm) 0;display:block;border:1px solid var(--border-subtle);box-shadow:0 2px 8px #0000001a}.user-task-card .task-footer{display:flex;justify-content:space-between;align-items:center;padding-top:6px;border-top:1px solid var(--border-subtle)}.user-task-card .task-meta{display:flex;gap:var(--spacing-md);align-items:center}.user-task-card .deadline{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem;color:var(--text-muted)}.user-task-card .deadline.overdue{color:var(--accent-danger);font-weight:500}.user-task-card .deadline.today{color:var(--accent-warning);font-weight:500}.user-task-card .task-status-actions{display:flex;gap:var(--spacing-xs);align-items:center}.user-task-card.overdue{border-left:4px solid var(--accent-danger)}.user-task-card.today{border-left:4px solid var(--accent-warning)}.user-task-card.urgent-today{border:3px solid #ef4444;border-radius:var(--radius-lg);background:var(--bg-secondary);position:relative;overflow:visible}.user-task-card.urgent-today:before{content:"";position:absolute;inset:-3px;border-radius:var(--radius-lg);background:linear-gradient(45deg,#ef4444,#f97316,#ef4444);background-size:200% 200%;animation:urgent-glow 2s ease-in-out infinite;z-index:-1;opacity:.65;box-shadow:0 0 15px #ef444466,0 0 30px #ef444440}.user-task-card.urgent-today:hover{border-color:#dc2626;transform:scale(1.005)}.user-task-card.urgent-today:hover:before{opacity:.7;box-shadow:0 0 20px #ef444473,0 0 40px #ef444440}.user-task-card.completed-task{opacity:.7;background:var(--bg-tertiary);border-left:4px solid var(--accent-success);width:100%}.user-task-card.completed-task:hover{opacity:.9}.user-task-card.completed-task.clickable{cursor:pointer;transition:all var(--transition-fast)}.user-task-card.completed-task.clickable:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.user-task-card.completed-task .task-title{text-decoration:line-through;color:var(--text-muted)}.task-action-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.task-action-info strong{flex:1}@media(max-width:768px){.task-grid{grid-template-columns:1fr}.task-footer{align-items:flex-start}.task-status-actions{justify-content:flex-start;gap:var(--spacing-xs)}}.file-drop-zone{position:relative;transition:all var(--transition-fast)}.file-drop-zone.drag-over{background:#6366f11a;border-radius:var(--radius-md);padding:var(--spacing-sm);border:2px dashed var(--accent-primary);box-shadow:0 0 0 3px #6366f126}.file-drop-zone.drag-over textarea{border-color:var(--accent-primary);background:#6366f10d}.file-upload-section{margin-top:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm)}.file-upload-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast);width:fit-content}.file-upload-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.selected-file-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.85rem}.selected-file-info .file-name{flex:1;display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-file-info .file-name svg{flex-shrink:0;color:var(--accent-primary)}.selected-file-info .remove-file-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.selected-file-info .remove-file-btn:hover{background:#ef444426;color:var(--accent-danger)}.file-drop-hint{font-size:.75rem;color:var(--text-muted);font-style:italic;margin-top:calc(var(--spacing-xs) * -1);padding-left:var(--spacing-xs)}.requests-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.request-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-fast)}.request-card:hover{border-color:var(--border-default)}.request-card.status-onay_bekliyor{border-left:4px solid var(--accent-warning)}.request-card.status-onaylandi{border-left:4px solid var(--accent-cyan)}.request-card.status-isleniyor{border-left:4px solid var(--accent-info);background:linear-gradient(90deg,rgba(59,130,246,.05),transparent)}.request-card.status-beklemede_talep{border-left:4px solid var(--accent-purple)}.request-card.status-reddedildi{border-left:4px solid var(--accent-danger)}.request-card.status-revizyon_istendi{border-left:4px solid #f97316}.request-card.status-tamamlandi{border-left:4px solid var(--accent-success)}.request-card.completed-request{opacity:.6;background:var(--bg-tertiary)}.request-card.completed-request:hover{opacity:.8}.request-card.completed-request .request-content h4,.request-card.completed-request .request-content p{text-decoration:line-through;color:var(--text-muted)}.request-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-md)}.request-user{display:flex;align-items:center;gap:var(--spacing-sm)}.request-user .user-name{font-weight:600}.request-user .user-dept{display:block;font-size:.75rem;color:var(--text-muted)}.request-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.request-date{font-size:.75rem;color:var(--text-muted)}.request-content h4{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.request-content p,.request-content div{font-size:.9rem;color:var(--text-secondary)}.request-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-sm) 0;display:block;border:1px solid var(--border-subtle);box-shadow:0 2px 8px #0000001a}.request-feedback{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-secondary)}.request-feedback svg{flex-shrink:0;margin-top:2px}.request-dates{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle);font-size:.8rem;color:var(--text-muted)}.request-dates span{display:flex;align-items:center;gap:var(--spacing-xs)}.request-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.request-actions .delete-btn{margin-left:auto}.user-requests-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.user-request-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px}.user-request-card.status-onay_bekliyor{border-left:4px solid var(--accent-warning)}.user-request-card.status-onaylandi{border-left:4px solid var(--accent-cyan)}.user-request-card.status-isleniyor{border-left:4px solid var(--accent-info);background:linear-gradient(90deg,rgba(59,130,246,.05),transparent)}.user-request-card.status-beklemede_talep{border-left:4px solid var(--accent-purple)}.user-request-card.status-reddedildi{border-left:4px solid var(--accent-danger)}.user-request-card.status-revizyon_istendi{border-left:4px solid #f97316}.user-request-card.status-tamamlandi{border-left:4px solid var(--accent-success)}.user-request-card.completed{opacity:.6;background:var(--bg-tertiary)}.user-request-card.completed .user-request-header h4{text-decoration:line-through;color:var(--text-muted)}.user-request-card.completed .user-request-desc{text-decoration:line-through}.user-request-desc img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-sm) 0;display:block;border:1px solid var(--border-subtle);box-shadow:0 2px 8px #0000001a}.user-request-card.completed:hover{opacity:.8}.user-request-card.completed.clickable{cursor:pointer;transition:all var(--transition-fast)}.user-request-card.completed.clickable:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.user-request-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px}.user-request-header h4{font-size:1rem;font-weight:600}.user-request-desc{font-size:.9rem;color:var(--text-secondary);margin-bottom:12px}.user-request-feedback{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.user-request-feedback svg{flex-shrink:0;margin-top:2px;color:var(--accent-warning)}.user-request-footer{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding-top:6px;border-top:1px solid var(--border-subtle);font-size:.8rem;color:var(--text-muted)}.user-request-footer span{display:flex;align-items:center;gap:var(--spacing-xs)}.user-request-actions{display:flex;gap:var(--spacing-sm);margin:var(--spacing-md) 0;padding:var(--spacing-md);background:#f973161a;border:1px dashed rgba(249,115,22,.3);border-radius:var(--radius-md)}.user-request-actions .btn{flex:1;justify-content:center}.user-request-actions.processing{background:#3b82f61a;border-color:#3b82f633}.completed-requests-section{margin-top:var(--spacing-lg);border-top:1px dashed var(--border-subtle);padding-top:var(--spacing-md)}.toggle-completed-btn{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:var(--bg-tertiary);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:var(--transition-fast)}.toggle-completed-btn:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-default)}.completed-requests-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md);animation:slideDown .2s ease-out}.revision-notice{display:flex;align-items:flex-start;gap:var(--spacing-md);margin:0 var(--spacing-lg);padding:var(--spacing-md);background:#f973161a;border:1px solid rgba(249,115,22,.3);border-radius:var(--radius-md);color:#f97316}.revision-notice svg{flex-shrink:0;margin-top:2px}.revision-notice strong{display:block;font-size:.85rem;margin-bottom:var(--spacing-xs)}.revision-notice p{margin:0;font-size:.9rem;color:var(--text-secondary)}.revision-feedback{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);color:var(--accent-warning);font-size:.9rem}.revision-feedback svg{flex-shrink:0;margin-top:2px}.revision-info{padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);color:var(--text-secondary)}.revision-info strong{color:var(--text-primary)}.requested-deadline-info{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#6366f11a;border:1px dashed rgba(99,102,241,.3);border-radius:var(--radius-md);font-size:.85rem;color:var(--accent-primary)}.requested-deadline-info svg{flex-shrink:0}.requested-deadline-info strong{color:var(--text-primary)}.request-admin-notes{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#8b5cf61a;border:1px dashed rgba(139,92,246,.3);border-radius:var(--radius-md);font-size:.85rem;color:var(--accent-purple)}.request-admin-notes svg{flex-shrink:0;margin-top:2px}.request-admin-notes strong{color:var(--text-primary)}.info-notice{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);font-size:.85rem;color:var(--accent-primary);margin-bottom:var(--spacing-md)}.info-notice strong{color:var(--text-primary)}.request-files-section{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.request-files-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-subtle);font-weight:600;font-size:.9rem;color:var(--text-secondary)}.request-files-header svg{color:var(--accent-primary)}.request-files-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.request-file-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition-fast)}.request-file-item:hover{border-color:var(--border-default);background:var(--bg-hover)}.request-file-item svg:first-child{color:var(--accent-primary);flex-shrink:0}.request-file-item .file-name{flex:1;font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-file-item .file-size{font-size:.75rem;color:var(--text-muted);margin-left:auto;padding-right:var(--spacing-sm)}.request-file-item .file-download-btn,.request-file-item .file-delete-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.request-file-item .file-download-btn{color:var(--accent-cyan)}.request-file-item .file-download-btn:hover{background:#22d3ee26;border-color:var(--accent-cyan)}.request-file-item .file-delete-btn{color:var(--accent-danger)}.request-file-item .file-delete-btn:hover{background:#ef444426;border-color:var(--accent-danger)}.team-requests-view{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.team-requests-view .view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.team-requests-view .view-header h1{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:600;color:var(--text-primary)}.team-requests-view .header-actions{display:flex;gap:var(--spacing-sm)}.team-requests-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);background:var(--bg-secondary);padding:var(--spacing-xs);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.team-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.team-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.team-tab.active{background:var(--accent-primary);color:#fff}.team-tab .tab-count{background:#fff3;color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.team-tab:not(.active) .tab-count{background:var(--accent-primary);color:#fff}.team-tab .tab-count.revision{background:var(--accent-warning)}.team-request-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;margin-bottom:var(--spacing-md);transition:all var(--transition-fast)}.team-request-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.team-request-card.completed{opacity:.7}.team-request-card.status-beklemede{border-left:3px solid var(--accent-info)}.team-request-card.status-revize_istendi{border-left:3px solid var(--accent-warning)}.team-request-card.status-tamamlandi{border-left:3px solid var(--accent-success)}.team-request-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;gap:var(--spacing-md)}.team-request-user{display:flex;align-items:center;gap:var(--spacing-sm)}.team-request-user .avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-purple));display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:1rem}.team-request-user .user-name{display:block;font-weight:500;color:var(--text-primary)}.team-request-user .user-dept{display:block;font-size:.85rem;color:var(--text-secondary)}.team-request-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.team-request-meta .request-date{font-size:.8rem;color:var(--text-muted)}.team-request-content{margin-bottom:12px}.team-request-content h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:3px}.team-request-content p,.team-request-content div{color:var(--text-secondary);font-size:.95rem;line-height:1.6;white-space:pre-wrap}.team-request-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-sm) 0;display:block;border:1px solid var(--border-subtle);box-shadow:0 2px 8px #0000001a}.team-request-card .status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.team-request-files{margin-bottom:12px}.files-toggle{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.files-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.files-list{margin-top:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.file-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.85rem}.file-item .file-name{flex:1;color:var(--text-primary)}.file-item .file-size{color:var(--text-muted)}.file-download-btn{background:transparent;border:none;color:var(--accent-primary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex;align-items:center;transition:all var(--transition-fast)}.file-download-btn:hover{background:#6366f11a}.team-request-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.team-request-actions .btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.team-request-actions .delete-btn{margin-left:auto}.completed-section{margin-top:var(--spacing-lg)}.completed-list{margin-top:var(--spacing-md)}.user-select option.admin-option{font-weight:600;color:var(--accent-warning)}.team-requests-view .empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted)}.team-requests-view .empty-state svg{margin-bottom:var(--spacing-md);opacity:.5}.team-requests-view .empty-state p{margin-bottom:var(--spacing-md)}@media(max-width:768px){.team-requests-view{padding:var(--spacing-md)}.team-requests-view .view-header{flex-direction:column;align-items:stretch}.team-requests-view .header-actions{justify-content:stretch}.team-requests-view .header-actions .btn{flex:1}.team-request-header{flex-direction:column}.team-request-meta{flex-direction:row;align-items:center}.team-request-actions{flex-direction:column}.team-request-actions .btn-sm{width:100%;justify-content:center}.team-request-actions .delete-btn{margin-left:0}}.user-dashboard{min-height:100vh;display:flex;flex-direction:column}.user-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.user-header-left,.user-header-right{display:flex;align-items:center;gap:var(--spacing-md)}.user-tabs{display:flex;gap:var(--spacing-xs);margin-left:var(--spacing-lg)}.user-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:var(--transition-fast)}.user-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.user-tab.active{background:#6366f126;color:var(--accent-primary)}.user-info-inline{display:flex;align-items:center;gap:var(--spacing-sm)}.user-info-inline>div{display:flex;flex-direction:column;text-align:right}.user-main{flex:1;padding:var(--spacing-xl);background:var(--bg-primary)}.user-content{max-width:800px;margin:0 auto}.user-content:has(.passwords-grid){max-width:1600px}.user-content:has(.user-tasks-view){max-width:1200px}.user-content:has(.requests-content){max-width:1200px}.user-content:has(.team-requests-view){max-width:1200px}.user-content:has(.user-suggestions-view){max-width:1200px}.user-content:has(.user-notes-view){max-width:1200px}.user-content:has(.view-container){max-width:1400px!important;width:100%!important;margin:0 auto!important;padding:0!important}.user-content:has(.calendar-view){max-width:100%!important;width:100%!important;margin:0!important;padding:0!important}.user-content .calendar-view{padding:20px;background:var(--bg-primary);min-height:calc(100vh - 80px)}.user-content .view-container .view-header h1{font-size:1.75rem;font-weight:600}.user-content .view-container .performance-metric-card .metric-value{font-size:1.75rem;font-weight:700}.user-content .view-container .performance-metric-card .metric-label{font-size:.85rem}.user-content .view-container .performance-metric-card .metric-detail{font-size:.75rem}.user-content .view-container .chart-title{font-size:.9rem;font-weight:600}.user-content .view-container .dashboard-card h3{font-size:1rem;font-weight:600}.user-content .view-container .btn{font-size:.9rem;font-weight:500}.user-content .view-container .toggle-view-btn{font-size:.85rem}.user-content .view-container .section-header-with-toggle h3{font-size:1rem;font-weight:600}.user-content .view-container .quick-access-card,.user-content .view-container .stat-card{font-size:.9rem}.user-content .view-container .stat-value{font-size:1.75rem;font-weight:700}.user-content .view-container .stat-label{font-size:.85rem}.user-content .view-container .dept-performance-item .dept-name{font-size:.9rem}.user-content .view-container .dept-performance-item .dept-count{font-size:.85rem}.user-content .view-container .dept-performance-rate{font-size:.9rem;font-weight:600}.user-content .view-container .dept-avg{font-size:.75rem}.user-content .view-container .dept-efficiency{font-size:.7rem}.user-content .view-container .performance-chart{display:flex;flex-direction:column}.user-content .view-container .chart-content-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;justify-content:flex-end}.user-content .view-container .chart-title{margin-bottom:var(--spacing-sm)}.user-content .view-container .trend-chart{max-height:200px;height:200px;overflow:visible;align-items:flex-end;justify-content:space-around;padding:0!important;margin:auto 0 0}.user-content .view-container .trend-bar-wrapper{max-height:172px;height:172px;align-items:flex-end;display:flex;justify-content:center}.user-content .view-container .trend-day{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;padding-bottom:0;margin-bottom:0}.busy-notice{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#f59e0b26,#ef44441a);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);color:var(--accent-warning)}.busy-notice svg{flex-shrink:0;margin-top:2px}.busy-notice strong{display:block;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.busy-notice p{margin:0;font-size:.9rem;color:var(--text-secondary)}.accepting-toggle{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:none;cursor:pointer;font-size:.8rem;font-weight:500;transition:var(--transition-fast)}.accepting-toggle.active{background:#10b98126;color:var(--accent-success)}.accepting-toggle.paused{background:#f59e0b26;color:var(--accent-warning)}.accepting-toggle:hover{filter:brightness(1.1)}.accepting-toggle-section{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.toggle-info h4{margin:0 0 var(--spacing-xs) 0;font-size:1rem}.toggle-info p{margin:0;font-size:.85rem;color:var(--text-secondary)}.big-toggle-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);border:2px solid transparent;cursor:pointer;font-size:1rem;font-weight:600;transition:var(--transition-fast)}.big-toggle-btn.active{background:#f59e0b26;color:var(--accent-warning);border-color:var(--accent-warning)}.big-toggle-btn.active:hover{background:#f59e0b40}.big-toggle-btn.paused{background:#10b98126;color:var(--accent-success);border-color:var(--accent-success)}.big-toggle-btn.paused:hover{background:#10b98140}.notification-wrapper{position:relative}.notification-btn{position:relative;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-sm);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.notification-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.notification-btn.has-unread{color:var(--accent-primary);border-color:var(--accent-primary);animation:bellShake .5s ease-in-out}.notification-btn.no-permission{opacity:.7;position:relative}.permission-warning-icon{position:absolute;top:-4px;right:-4px;font-size:10px;line-height:1;background:var(--accent-warning);border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary)}@keyframes bellShake{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-10deg)}40%,80%{transform:rotate(10deg)}}.notification-badge{position:absolute;top:-6px;right:-6px;background:var(--accent-danger);color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 4px #ef444466}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;overflow:hidden;animation:dropdownSlide .2s ease-out}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary)}.notification-header h4{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary)}.mark-all-read{background:none;border:none;color:var(--accent-primary);font-size:.75rem;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.mark-all-read:hover{background:#6366f11a}.notification-header-actions{display:flex;gap:var(--spacing-xs)}.dismiss-all-btn{background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.dismiss-all-btn:hover{background:#ef44441a;color:var(--accent-danger)}.dismiss-notification-btn{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);opacity:0;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.notification-item:hover .dismiss-notification-btn{opacity:1}.dismiss-notification-btn:hover{background:#ef444426;color:var(--accent-danger)}.notification-list{max-height:400px;overflow-y:auto}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted);gap:var(--spacing-sm)}.notification-empty p{margin:0;font-size:.85rem}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-fast);position:relative}.notification-item:hover{background:var(--bg-hover)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#6366f10d}.notification-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-item.status-onaylandi .notification-icon{background:#06b6d426;color:var(--accent-cyan)}.notification-item.status-isleniyor .notification-icon{background:#3b82f626;color:var(--accent-info)}.notification-item.status-beklemede_talep .notification-icon{background:#8b5cf626;color:var(--accent-purple)}.notification-item.status-reddedildi .notification-icon{background:#ef444426;color:var(--accent-danger)}.notification-item.status-revizyon_istendi .notification-icon{background:#f9731626;color:#f97316}.notification-item.status-tamamlandi .notification-icon{background:#10b98126;color:var(--accent-success)}.notification-item.admin-notification .notification-icon{background:#f59e0b26;color:#f59e0b}.notification-content{flex:1;min-width:0}.notification-content p{margin:0 0 4px;font-size:.85rem;color:var(--text-primary);line-height:1.4}.notification-feedback{display:block;font-size:.75rem;color:var(--text-secondary);font-style:italic;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-time{font-size:.7rem;color:var(--text-muted)}.unread-dot{width:8px;height:8px;background:var(--accent-primary);border-radius:50%;flex-shrink:0;margin-top:6px}.notification-permission-banner{background:linear-gradient(135deg,#f59e0b26,#ef44441a);border-bottom:2px solid rgba(245,158,11,.3);padding:var(--spacing-md) var(--spacing-xl);position:sticky;top:0;z-index:100;animation:slideDown .3s ease-out}.notification-permission-banner.insecure{background:linear-gradient(135deg,#ef444426,#f59e0b1a);border-bottom:2px solid rgba(239,68,68,.3)}.banner-content{display:flex;align-items:center;gap:var(--spacing-md);max-width:1400px;margin:0 auto}.banner-content svg:first-child{flex-shrink:0;color:var(--accent-warning)}.banner-text{flex:1;display:flex;flex-direction:column;gap:2px}.banner-text strong{color:var(--text-primary);font-size:.9rem}.banner-text span{color:var(--text-secondary);font-size:.85rem}.banner-content .btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.85rem;white-space:nowrap}.banner-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.banner-close:hover{background:#0000001a;color:var(--text-primary)}.notification-send-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.notification-form-card,.notification-history-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-subtle)}.notification-form-card h3,.notification-history-card h3{margin:0 0 var(--spacing-lg) 0;font-size:1.1rem;color:var(--text-primary)}.target-type-selector{display:flex;flex-direction:column;gap:var(--spacing-sm)}.user-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm);max-height:300px;overflow-y:auto;padding:var(--spacing-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary)}.user-selection-item{display:block;cursor:pointer}.user-selection-item input[type=checkbox]{display:none}.user-selection-content{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:2px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition-fast);position:relative}.user-selection-item:hover .user-selection-content{background:var(--bg-hover);border-color:var(--accent-primary)}.user-selection-item input[type=checkbox]:checked+.user-selection-content,.user-selection-item.selected .user-selection-content{background:#6366f126;border-color:var(--accent-primary)}.user-selection-name{font-weight:500;font-size:.9rem;color:var(--text-primary)}.user-selection-username{font-size:.75rem;color:var(--text-muted)}.user-selection-content .check-icon{margin-left:auto;color:var(--accent-primary)}.notification-history-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:500px;overflow-y:auto}.notification-history-item{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.notification-history-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.notification-history-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:.8rem;color:var(--text-muted)}.notification-history-type{display:flex;align-items:center;gap:var(--spacing-xs)}.notification-history-message{color:var(--text-primary);line-height:1.5;white-space:pre-wrap}.delete-notification-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.delete-notification-btn:hover{background:#ef444426;color:var(--accent-danger)}.notification-history-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-sm);appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;flex-shrink:0;transition:var(--transition-fast)}.notification-history-item input[type=checkbox]:checked{background:var(--border-default);border-color:var(--border-strong)}.notification-history-item input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-primary);font-size:12px;font-weight:700}.notification-history-item input[type=checkbox]:hover{border-color:var(--border-strong);background:var(--bg-hover)}.notification-history-item input[type=checkbox]:checked:hover{background:var(--border-strong);border-color:var(--border-strong)}@media(max-width:1024px){.notification-send-container{grid-template-columns:1fr}}@media(max-width:768px){.banner-content{flex-wrap:wrap}.banner-text{min-width:100%;order:2}.banner-content .btn-sm{order:3}.banner-close{order:4;margin-left:auto}}.chat-widget{position:fixed;bottom:20px;right:20px;z-index:1000}.chat-toggle-btn{width:56px;height:56px;border-radius:50%;background:var(--primary);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f166;transition:all .3s;position:relative}.chat-toggle-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #6366f180}.chat-toggle-btn.disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.5}.chat-toggle-btn.disabled:hover{transform:none;box-shadow:0 4px 12px #6366f166}.chat-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;padding:0 4px;box-shadow:0 2px 6px #ef444466;border:2px solid var(--bg-primary)}.chat-panel{width:560px;height:750px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000004d;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);background:var(--bg-secondary)}.chat-header h3{margin:0;font-size:1.1rem;font-weight:600;flex:1}.chat-header-user{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.chat-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.chat-conversations{flex:1;overflow-y:auto;display:flex;flex-direction:column}.chat-conversations-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.chat-conversations-header h4{margin:0;font-size:.9rem;color:var(--text-primary);font-weight:600}.create-group-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem;display:flex;align-items:center;gap:var(--spacing-xs);transition:var(--transition-fast);font-weight:500}.create-group-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.group-chat-item{position:relative}.group-avatar{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);display:flex;align-items:center;justify-content:center}.message-sender-name{font-size:.75rem;color:var(--text-muted);margin-bottom:4px;font-weight:500}.message-sender-name.admin-name{color:#3b82f6;font-weight:700;font-style:italic}.chat-users-list{margin-top:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--spacing-sm)}.chat-users-list-scrollable{flex:1;overflow-y:auto;padding:var(--spacing-sm) 0}.chat-users-list h5{margin:0 0 var(--spacing-sm) 0;font-size:.85rem;color:var(--text-primary);font-weight:600}.chat-user-item{width:100%;padding:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius);cursor:pointer;transition:background .2s;text-align:left;color:var(--text-primary)}.chat-user-item:hover{background:var(--bg-tertiary)}.conversations-list-fixed{flex-shrink:0;padding:var(--spacing-sm) 0;max-height:300px;overflow-y:auto}.conversation-item{width:100%;padding:var(--spacing-md);display:flex;align-items:flex-start;gap:var(--spacing-md);background:transparent;border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background .2s;text-align:left;color:var(--text-primary)}.conversation-item:hover{background:var(--bg-tertiary)}.conversation-item.unread{background:#6366f11a}.conversation-item.active-conversation{background:#6366f133;border-left:3px solid var(--primary);padding-left:calc(var(--spacing-md) - 3px)}.conversation-item.active-conversation .conversation-name{color:var(--primary);font-weight:700}.conversation-item.active-conversation .avatar-small{background:var(--primary);box-shadow:0 0 0 2px #6366f14d;transform:scale(1.1)}.conversation-info{flex:1;display:flex;flex-direction:column;gap:4px}.conversation-header{display:flex;align-items:center;justify-content:space-between}.conversation-name{font-weight:600;font-size:.9rem;color:var(--text-primary)}.conversation-name.admin-name,.user-name-small.admin-name{color:#3b82f6;font-weight:700;font-style:italic;display:flex;align-items:center;gap:6px}.admin-crown-icon{color:#fbbf24;flex-shrink:0;transform:skew(-10deg);display:inline-block}.conversation-dept{font-size:.75rem;color:var(--text-muted)}.conversation-dept.admin-dept,.user-dept-small.admin-dept{font-style:italic}.conversation-preview{font-size:.8rem;color:var(--text-secondary);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-user-item.unread{background:#6366f11a}.chat-user-item.active-conversation{background:#6366f133;border-left:3px solid var(--primary);padding-left:calc(var(--spacing-sm) - 3px)}.chat-user-item.active-conversation .user-name-small{color:var(--primary);font-weight:700}.chat-user-item.active-conversation .avatar-small{background:var(--primary);box-shadow:0 0 0 2px #6366f14d}.unread-badge-small{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;padding:0 3px;box-shadow:0 2px 4px #ef444466;border:2px solid var(--bg-primary)}.avatar-small{position:relative}.unread-badge{background:var(--primary);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.chat-messages{flex:1;display:flex;flex-direction:column;overflow:hidden}.messages-list{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.message-item{max-width:75%;padding:8px 12px;border-radius:var(--radius-lg);word-wrap:break-word;position:relative;transition:background .3s ease;display:flex;align-items:flex-start;gap:var(--spacing-xs);font-size:.85rem}.message-item.own{align-self:flex-end;background:var(--primary);color:#fff}.message-item.other{align-self:flex-start;background:var(--bg-secondary);color:var(--text-primary)}.message-item.replied-to{position:relative}.message-item.replied-to:after{content:"";position:absolute;left:-6px;top:0;bottom:0;width:3px;background:var(--primary);border-radius:2px;opacity:.6}.message-item.own.replied-to:after{right:-6px;left:auto;background:#fff9}.message-content{margin-bottom:4px;font-size:.85rem;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.message-content img{max-width:100%;max-width:300px;height:auto;border-radius:var(--radius-md);margin:var(--spacing-sm) 0;display:block;border:1px solid var(--border-subtle);box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s}.message-content img:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.message-content.admin-message{font-style:italic;color:#60a5fa;opacity:.95}.message-item.own .message-content.admin-message{color:#fffffff2;font-style:italic;opacity:.98}.message-time{font-size:.7rem;opacity:.7}.chat-input{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);border-top:1px solid var(--border-subtle);background:var(--bg-secondary);position:relative;transition:all var(--transition-fast)}.chat-input.drag-over{background:#6366f11a;border-top-color:var(--accent-primary);border-top-width:2px}.chat-input.drag-over:before{content:"Dosyayı buraya bırakın";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--accent-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;z-index:10;pointer-events:none;box-shadow:0 4px 12px #6366f14d}.chat-input-row{display:flex;gap:var(--spacing-sm);align-items:flex-end}.chat-input-buttons{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-shrink:0}.chat-input-row textarea{flex:1;resize:none;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-sm);background:var(--bg-tertiary);color:var(--text-primary);font-size:.9rem;min-height:140px;max-height:200px}.chat-input-row textarea:focus{outline:none;border-color:var(--accent-primary)}.file-attach-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;height:40px;width:40px}.file-attach-btn:hover{background:var(--bg-hover);color:var(--accent-primary);border-color:var(--accent-primary)}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);padding:var(--spacing-xl);min-height:200px;text-align:center}.chat-empty svg{margin-bottom:var(--spacing-md);opacity:.5;flex-shrink:0}.chat-empty p{margin:0;font-size:.9rem}.user-name-small{font-weight:600;font-size:.85rem;color:var(--text-primary)}.user-dept-small{font-size:.7rem;color:var(--text-muted)}.chat-file-preview{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);position:relative}.chat-file-preview .preview-image{max-width:150px;max-height:100px;overflow:hidden;border-radius:var(--radius-sm)}.chat-file-preview .preview-image img{width:100%;height:100%;object-fit:cover}.chat-file-preview .preview-file{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-size:.85rem}.chat-file-preview .preview-remove{position:absolute;top:4px;right:4px;background:#0009;border:none;border-radius:50%;color:#fff;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.chat-file-preview .preview-remove:hover{background:var(--accent-danger)}.message-file{margin-bottom:var(--spacing-xs)}.message-image{max-width:200px;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform var(--transition-fast)}.message-image:hover{transform:scale(1.02)}.message-image img{width:100%;height:auto;display:block}.message-file-attachment{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.8rem}.message-file-attachment:hover{background:#6366f133}.message-file-attachment .file-name{flex:1;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.message-file-attachment .file-size{color:var(--text-muted);font-size:.75rem}.message-item.own .message-file-attachment{background:#ffffff1a;border-color:#fff3}.message-item.own .message-file-attachment:hover{background:#ffffff26}.message-reply-btn{background:#0000001a;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);padding:6px;cursor:pointer;opacity:0;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;margin-top:2px}.message-item:hover .message-reply-btn{opacity:1}.message-item.own .message-reply-btn{background:#fff3;color:#fffc}.message-item.own .message-reply-btn:hover{background:#ffffff4d;color:#fff}.message-item.other .message-reply-btn:hover{background:#00000026;color:var(--text-primary)}.message-reply-quote{margin-bottom:var(--spacing-sm);padding:8px 10px;background:#0003;border-left:4px solid var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:flex-start;gap:8px;position:relative;overflow:hidden}.message-reply-quote:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary);opacity:.8}.message-reply-quote:hover{background:#0000004d;transform:translate(2px);border-left-color:var(--accent-primary)}.message-reply-quote:active{transform:translate(1px)}.reply-quote-line{width:4px;background:var(--primary);border-radius:2px;flex-shrink:0;opacity:.9}.reply-quote-content{flex:1;min-width:0;padding-left:4px}.reply-quote-name{font-size:.75rem;font-weight:700;color:var(--primary);margin-bottom:4px;opacity:.95}.reply-quote-name.admin-name{color:#3b82f6;font-style:italic}.reply-quote-message{font-size:.8rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;opacity:.9}.message-item.own .message-reply-quote{background:#ffffff26;border-left-color:#ffffffb3}.message-item.own .message-reply-quote:before{background:#ffffffb3}.message-item.own .message-reply-quote:hover{background:#fff3;border-left-color:#ffffffe6}.message-item.own .reply-quote-line{background:#ffffffb3}.message-item.own .reply-quote-name{color:#fffffff2;font-weight:700}.message-item.own .reply-quote-message{color:#ffffffd9}.chat-reply-preview{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);position:relative}.reply-preview-content{flex:1;display:flex;align-items:flex-start;gap:var(--spacing-xs)}.reply-preview-line{width:3px;background:var(--primary);border-radius:2px;flex-shrink:0}.reply-preview-info{flex:1;min-width:0}.reply-preview-name{font-size:.75rem;font-weight:600;color:var(--primary);margin-bottom:2px}.reply-preview-message{font-size:.8rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview-remove{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.reply-preview-remove:hover{background:var(--bg-hover);color:var(--text-primary)}.emoji-picker-wrapper{position:relative}.emoji-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;height:40px;width:40px}.emoji-btn:hover{background:var(--bg-hover);color:var(--accent-primary);border-color:var(--accent-primary)}.emoji-picker{position:absolute;bottom:100%;left:0;margin-bottom:var(--spacing-xs);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;padding:var(--spacing-sm);display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-width:280px;max-height:200px;overflow-y:auto;z-index:1000;transform:translateY(-4px)}.emoji-item{background:transparent;border:none;border-radius:var(--radius-sm);padding:6px;cursor:pointer;font-size:1.2rem;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.emoji-item:hover{background:var(--bg-hover);transform:scale(1.2)}@media(max-width:768px){.chat-panel{width:100vw;height:100vh;border-radius:0;position:fixed;inset:0}.chat-widget{bottom:16px;right:16px}.chat-toggle-btn{width:48px;height:48px}}.group-members-tooltip-wrapper{position:relative;display:inline-block}.group-members-tooltip{position:absolute;z-index:2000;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000004d;min-width:200px;max-width:280px;animation:fadeIn .2s ease}.group-members-tooltip-bottom{top:calc(100% + 8px);left:0}.group-members-tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.group-members-tooltip-header{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-subtle);font-size:.85rem;font-weight:600;color:var(--text-primary)}.group-members-tooltip-content{padding:var(--spacing-sm);max-height:300px;overflow-y:auto}.group-members-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.group-member-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition-fast)}.group-member-item:hover{background:var(--bg-hover)}.group-member-avatar{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.group-member-name{font-size:.85rem;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-xs)}.group-member-owner{background:#6366f11a}.group-member-owner .group-member-name{color:var(--accent-primary);font-weight:500}.group-member-avatar-owner{background:var(--accent-primary);color:#fff;font-weight:600}.group-member-owner-badge{font-size:.75rem;color:var(--accent-primary);font-weight:500;opacity:.8}.group-members-loading,.group-members-error,.group-members-empty{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);font-size:.85rem;color:var(--text-muted);text-align:center}.group-members-loading{flex-direction:column}.group-members-error{color:#ef4444}.group-members-tooltip-content::-webkit-scrollbar{width:6px}.group-members-tooltip-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-sm)}.group-members-tooltip-content::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-sm)}.group-members-tooltip-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.calendar-view{padding:20px;background:var(--bg-primary);min-height:100vh}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.calendar-header-left{display:flex;align-items:center;gap:24px}.calendar-header-left h1{margin:0;font-size:24px;font-weight:600;color:var(--text-primary)}.week-navigation{display:flex;align-items:center;gap:12px}.btn-icon{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.btn-text{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:8px 16px;cursor:pointer;color:var(--text-primary);font-size:14px;transition:all .2s}.btn-text:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.week-range{color:var(--text-secondary);font-size:14px;white-space:nowrap}.calendar-header-right{display:flex;gap:12px;align-items:center}.calendar-grid{display:grid;grid-template-columns:80px repeat(5,1fr);gap:1px;background:var(--border-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.calendar-time-column{background:var(--bg-secondary)}.time-header{height:60px;border-bottom:1px solid var(--border-color)}.time-slot{height:40px;display:flex;align-items:center;padding:0 8px;font-size:12px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.time-slot-hour{height:120px;display:flex;align-items:center;justify-content:center;padding:8px;border-bottom:1px solid var(--border-color)}.time-hour-center{font-size:15px;font-weight:600;color:var(--text-primary);opacity:.85}.time-slot-hour-cell{height:120px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s;position:relative}.time-slot-hour-cell:hover{background:var(--bg-tertiary)}.calendar-day-column{background:var(--bg-primary)}.day-header{height:60px;padding:12px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;justify-content:center;align-items:center}.day-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.day-date{font-size:12px;color:var(--text-secondary);margin-top:4px}.day-slots{position:relative;min-height:1080px}.time-slot-cell{height:40px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s;position:relative}.time-slot-cell:hover{background:var(--bg-tertiary)}.meeting-block{position:absolute;left:4px;right:4px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-left:3px solid rgba(59,130,246,.6);border-radius:6px;padding:0;color:var(--text-primary);font-size:13px;z-index:10;cursor:pointer;box-shadow:0 1px 3px #0000001a;overflow:hidden;display:flex;flex-direction:column;justify-content:center;transition:all .2s ease}.meeting-block:hover{background:#3b82f633;border-color:#3b82f666;border-left-color:#3b82f6cc;box-shadow:0 2px 6px #00000026}.meeting-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 12px;text-align:center;min-height:0}.meeting-title{font-weight:600;font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:1.3;color:var(--text-primary)}.meeting-participants{font-size:12px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:1.4;color:var(--text-secondary)}.meeting-delete-btn{position:absolute;top:4px;right:4px;background:#ef4444cc;border:none;border-radius:3px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;opacity:0;transition:opacity .2s}.meeting-block:hover .meeting-delete-btn{opacity:1}.meeting-delete-btn:hover{background:#ef4444}.pending-meetings-list{display:flex;flex-direction:column;gap:16px;max-height:500px;overflow-y:auto}.pending-meeting-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);gap:16px}.pending-meeting-info{flex:1;min-width:0}.pending-meeting-info h4{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--text-primary)}.pending-meeting-info p{margin:4px 0;font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.pending-meeting-description{margin:8px 0!important;padding:12px;background:var(--bg-tertiary);border-radius:6px;color:var(--text-primary)!important;font-size:13px;line-height:1.5;white-space:pre-wrap;display:block!important}.pending-meeting-meta{margin:6px 0!important}.pending-meeting-actions{display:flex;gap:8px;flex-shrink:0;flex-direction:column}.btn-sm{padding:8px 16px;font-size:14px}.btn-success{background:#05966926;color:#059669;border:1px solid rgba(5,150,105,.3)}.btn-success:hover{background:#05966940}.btn-danger{background:#ef4444;color:#fff;border:none}.btn-danger:hover{background:#dc2626}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color)}.form-group select[multiple]{min-height:100px;padding:8px}.form-group small{display:block;margin-top:4px;font-size:12px;color:var(--text-secondary)}@media(max-width:1200px){.calendar-grid{grid-template-columns:60px repeat(5,1fr)}.time-slot{font-size:11px;padding:0 4px}}@media(max-width:768px){.calendar-header{flex-direction:column;align-items:flex-start}.calendar-grid{grid-template-columns:50px repeat(5,1fr);font-size:11px}.form-row{grid-template-columns:1fr}}.user-suggestions-view{padding:var(--spacing-xl)}.suggestions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.suggestion-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;transition:var(--transition-fast)}.suggestion-card:hover{border-color:var(--border-default);background:var(--bg-hover)}.suggestion-card.completed-suggestion{opacity:.6;background:var(--bg-tertiary)}.suggestion-card.completed-suggestion:hover{opacity:.8}.suggestion-card.completed-suggestion .suggestion-text{text-decoration:line-through;color:var(--text-muted)}.suggestion-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:12px;color:var(--text-muted);font-size:.85rem}.suggestion-header svg{color:var(--accent-warning)}.suggestion-date{display:flex;align-items:center;gap:var(--spacing-xs);margin-left:auto}.suggestion-text{color:var(--text-primary);line-height:1.6;margin-bottom:12px;white-space:pre-wrap}.suggestion-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:6px;border-top:1px solid var(--border-subtle)}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.suggestions-grid .empty-state{grid-column:1 / -1;width:100%;max-width:500px;margin:0 auto;min-height:400px;justify-content:center}.admin-suggestion-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-fast);display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-suggestion-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.admin-suggestion-card.completed-suggestion{opacity:.6;background:var(--bg-tertiary)}.admin-suggestion-card.completed-suggestion:hover{opacity:.8}.admin-suggestion-card.completed-suggestion.clickable{cursor:pointer;transition:all var(--transition-fast)}.admin-suggestion-card.completed-suggestion.clickable:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.admin-suggestion-card.completed-suggestion .suggestion-text{text-decoration:line-through;color:var(--text-muted)}.suggestion-user-info{display:flex;align-items:center;gap:var(--spacing-sm)}.suggestion-user-info .user-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.suggestion-user-info>div{display:flex;flex-direction:column}.suggestion-user-info strong{color:var(--text-primary);font-size:.9rem}.dept-label{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.header-stats{display:flex;align-items:center;gap:var(--spacing-md)}.user-passwords-view{padding:var(--spacing-xl);width:100%;max-width:100%;box-sizing:border-box}.passwords-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-sm);width:100%;max-width:100%}.passwords-grid .empty-state{grid-column:1 / -1;width:100%;max-width:500px;margin:0 auto}.password-card-wrapper{display:flex;align-items:flex-start;gap:var(--spacing-xs);width:100%;min-width:0}.password-order-controls{display:flex;flex-direction:row;gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-shrink:0}.password-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:var(--transition-fast);width:100%;min-width:0;cursor:default}.password-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.password-drag-handle{cursor:grab;color:var(--text-muted);padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-xs);flex-shrink:0;-webkit-user-select:none;user-select:none}.password-drag-handle:active{cursor:grabbing}.password-drag-handle:hover{background:var(--bg-hover);color:var(--text-primary)}.password-card:has(.password-drag-handle:hover){cursor:grab}.password-card:has(.password-drag-handle:active){cursor:grabbing}.password-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-subtle)}.password-title-section{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.password-title-section svg{color:var(--accent-primary);flex-shrink:0}.password-title-section h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.password-actions{display:flex;gap:var(--spacing-xs)}.password-field{margin-bottom:var(--spacing-sm)}.password-field:last-child{margin-bottom:0}.password-field label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:var(--spacing-xs);font-weight:500}.password-value{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-md);font-family:Courier New,monospace;font-size:.85rem;min-width:0}.password-value span{flex:1;color:var(--text-primary);word-break:break-all;min-width:0;overflow:hidden}.password-field-actions{display:flex;gap:var(--spacing-xs)}.user-notes-view{padding:var(--spacing-lg)}.user-notes-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.note-wrapper{display:flex;gap:var(--spacing-sm);align-items:flex-start}.note-order-controls{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-xs)}.user-note-card{flex:1;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;transition:var(--transition-fast)}.user-note-card:hover{border-color:var(--border-primary);box-shadow:0 2px 8px #0000001a}.note-content{margin-bottom:12px}.note-content p,.note-content div{margin:0;color:var(--text-primary);font-size:.95rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.note-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-sm) 0;display:block;border:1px solid var(--border-subtle);box-shadow:0 2px 8px #0000001a}.note-footer{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid var(--border-subtle)}.note-date{font-size:.8rem;color:var(--text-muted)}.note-actions{display:flex;gap:var(--spacing-xs)}.note-actions button{padding:var(--spacing-xs);background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.note-actions button:hover{background:var(--bg-hover);color:var(--text-primary)}.note-actions button.delete-btn:hover{background:#ef444426;color:var(--accent-danger)}.label-with-tooltip{display:flex;align-items:center;gap:var(--spacing-xs)}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center}.help-icon{color:var(--text-muted);cursor:help;transition:var(--transition-fast)}.help-icon:hover{color:var(--accent-primary)}.tooltip-content{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:280px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.8rem;color:var(--text-secondary);line-height:1.5;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:var(--transition-fast);z-index:100;pointer-events:none}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-default)}.tooltip-wrapper:hover .tooltip-content{opacity:1;visibility:visible}.note-type-selector{display:flex;gap:var(--spacing-xs);background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-md)}.note-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:var(--transition-fast)}.note-type-btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.note-type-btn.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.label-with-icon{display:flex;align-items:center;gap:var(--spacing-xs)}.label-with-icon.private{color:var(--accent-purple)}.label-with-icon.public{color:var(--accent-info)}.messages-body{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:60vh}.message-request-info{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-secondary)}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:var(--spacing-sm)}.message-item.from-admin{background:#6366f126;border-left:3px solid var(--accent-primary);align-self:flex-start}.message-item.from-user{background:#10b98126;border-right:3px solid var(--accent-success);align-self:flex-end}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.sender-name{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.message-input-area{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.message-input-area textarea{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);resize:none}.message-input-area textarea:focus{outline:none;border-color:var(--accent-primary)}.message-input-area .btn{align-self:flex-end}.messages-btn{margin-top:var(--spacing-sm);font-size:.8rem}.request-info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.requester-name{font-weight:600;color:var(--text-primary)}.delete-all-btn{color:var(--accent-danger)!important}.delete-all-btn:hover{background:#ef444426!important}.message-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.delete-msg-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;opacity:0;transition:var(--transition-fast)}.message-item:hover .delete-msg-btn{opacity:1}.delete-msg-btn:hover{color:var(--accent-danger);background:#ef444426}.file-upload-area{margin-top:var(--spacing-sm)}.file-upload-label{display:block;cursor:pointer;border:2px dashed var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);transition:all .3s ease;text-align:center}.file-upload-label:hover{border-color:var(--accent-primary);background:var(--bg-elevated);transform:translateY(-1px);box-shadow:0 2px 8px #6366f133}.file-upload-label:active{transform:translateY(0)}.file-upload-content{display:flex;flex-direction:column;align-items:center;gap:4px}.file-upload-icon{color:var(--accent-primary);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#6366f11a;transition:all .3s ease}.file-upload-label:hover .file-upload-icon{background:#6366f133;transform:scale(1.05)}.file-upload-text{display:flex;flex-direction:column;gap:1px}.file-upload-title{font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.2}.file-upload-subtitle{font-size:.75rem;color:var(--text-secondary);line-height:1.2}.file-upload-info{font-size:.7rem;color:var(--text-muted);margin-top:2px;line-height:1.2}.selected-files-list{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.selected-file-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.9rem}.selected-file-item .file-name{flex:1;color:var(--text-primary)}.selected-file-item .file-size{color:var(--text-muted);font-size:.85rem}.remove-file-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-file-btn:hover{background:var(--bg-hover);color:var(--accent-danger)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.purchase-dashboard-container{display:flex;height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:Outfit,sans-serif;overflow-x:visible}.purchase-dashboard-container .sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:0;box-shadow:var(--shadow-lg);z-index:100;position:relative}.purchase-dashboard-container .sidebar:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--border-subtle) 20%,var(--border-subtle) 80%,transparent);pointer-events:none}.purchase-dashboard-container .sidebar-header{padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.purchase-dashboard-container .user-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.purchase-dashboard-container .user-info .avatar{width:64px;height:64px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-primary),var(--accent-purple));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.5rem;box-shadow:0 4px 12px #6366f14d;border:3px solid var(--bg-secondary);position:relative;transition:var(--transition-normal)}.purchase-dashboard-container .user-info .avatar:after{content:"";position:absolute;inset:-3px;border-radius:var(--radius-full);padding:3px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-purple));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:var(--transition-normal)}.purchase-dashboard-container .user-info:hover .avatar{transform:scale(1.05);box-shadow:0 6px 20px #6366f166}.purchase-dashboard-container .user-info:hover .avatar:after{opacity:1}.purchase-dashboard-container .user-info[style*="cursor: pointer"]{transition:var(--transition-fast);border-radius:var(--radius-md);padding:var(--spacing-xs);margin:calc(-1 * var(--spacing-xs))}.purchase-dashboard-container .user-info[style*="cursor: pointer"]:hover{background:var(--bg-hover)}.purchase-dashboard-container .user-info>span{font-weight:600;font-size:1rem;color:var(--text-primary);line-height:1.4;word-break:break-word}.purchase-dashboard-container .user-info small{display:inline-block;font-size:.75rem;color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.purchase-dashboard-container .sidebar-nav{flex-grow:1;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-md);overflow-y:auto;overflow-x:hidden}.purchase-dashboard-container .sidebar-nav:before{content:"";display:block;height:1px;background:var(--border-subtle);margin-bottom:var(--spacing-md)}.purchase-dashboard-container .sidebar-nav button{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-fast);position:relative;margin-bottom:var(--spacing-xs)}.purchase-dashboard-container .sidebar-nav button:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:0;background:var(--accent-primary);border-radius:0 3px 3px 0;transition:var(--transition-fast)}.purchase-dashboard-container .sidebar-nav button:hover:not(.active){background:var(--bg-hover);color:var(--text-primary);transform:translate(4px)}.purchase-dashboard-container .sidebar-nav button:hover:not(.active):before{transform:translateY(-50%) scaleY(.3);height:30%}.purchase-dashboard-container .sidebar-nav button.active{background:linear-gradient(90deg,#6366f126,#6366f10d);color:var(--accent-primary);font-weight:600;box-shadow:inset 0 0 20px #6366f11a}.purchase-dashboard-container .sidebar-nav button.active:before{transform:translateY(-50%) scaleY(1);height:60%;box-shadow:0 0 8px #6366f180}.purchase-dashboard-container .sidebar-nav button.active svg{color:var(--accent-primary);filter:drop-shadow(0 0 4px rgba(99,102,241,.5))}.purchase-dashboard-container .sidebar-nav button .badge{margin-left:auto;background:var(--accent-danger);color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center;line-height:1.4;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.purchase-dashboard-container .sidebar-nav button.active .badge{background:var(--accent-primary)}.purchase-dashboard-container .sidebar-nav button svg{width:20px;height:20px;flex-shrink:0;transition:var(--transition-fast)}.purchase-dashboard-container .sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.purchase-dashboard-container .logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:600;transition:var(--transition-normal);position:relative;overflow:hidden}.purchase-dashboard-container .logout-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ef444433;transform:translate(-50%,-50%);transition:width .6s,height .6s}.purchase-dashboard-container .logout-btn:hover{background:#ef444426;border-color:#ef44444d;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.purchase-dashboard-container .logout-btn:hover:before{width:300px;height:300px}.purchase-dashboard-container .logout-btn:active{transform:translateY(0)}.purchase-dashboard-container .logout-btn svg{position:relative;z-index:1;transition:var(--transition-fast)}.purchase-dashboard-container .logout-btn:hover svg{transform:rotate(-15deg)}.purchase-dashboard-container .logout-btn span{position:relative;z-index:1}.purchase-dashboard-container .main-content{flex:1;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-lg) var(--spacing-2xl);overflow-y:auto;overflow-x:visible;background:var(--bg-primary);position:relative;margin-left:0}.purchase-requests-view{max-width:100%;margin:0;padding-left:0;width:100%}.purchase-requests-view .view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);margin-left:0;padding-left:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-subtle)}.purchase-requests-view .view-header h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.purchase-requests-view .filter-bar{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);margin-left:0;padding-left:var(--spacing-lg);flex-wrap:wrap;align-items:center}.purchase-requests-view .filter-bar .search-input-wrapper{position:relative;flex:1;min-width:300px;max-width:500px}.purchase-requests-view .filter-bar .search-input-wrapper input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;transition:var(--transition-fast)}.purchase-requests-view .filter-bar .search-input-wrapper input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126}.purchase-requests-view .filter-bar .search-input-wrapper svg{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-muted);width:18px;height:18px}.purchase-requests-view .filter-bar select{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;cursor:pointer;min-width:180px;transition:var(--transition-fast)}.purchase-requests-view .filter-bar select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126}.purchase-requests-view .filter-bar select option{background:var(--bg-secondary);color:var(--text-primary)}.purchase-requests-view .request-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-lg);margin-left:0;padding-left:var(--spacing-lg)}.purchase-requests-view .request-list:has(.empty-state){display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 400px);grid-template-columns:none}.purchase-request-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);transition:var(--transition-normal);position:relative;overflow:hidden}.purchase-request-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-primary);opacity:0;transition:var(--transition-fast)}.purchase-request-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-default)}.purchase-request-card:hover:before{opacity:1}.purchase-request-card .request-header{display:flex;flex-direction:column;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle);width:100%}.purchase-request-card .request-meta{display:flex;justify-content:space-between;align-items:center;width:100%}.purchase-request-card .request-number{font-weight:700;color:var(--accent-primary);font-size:1.1rem;letter-spacing:.5px}.purchase-request-card .request-info{display:flex;justify-content:space-between;align-items:center;width:100%}.purchase-request-card .user-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:.85rem;color:var(--text-secondary);flex:0 0 auto}.purchase-request-card .user-info .avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-primary),var(--accent-purple));display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.85rem;flex-shrink:0}.purchase-request-card .user-info .user-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.purchase-request-card .store-department-info{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-end;flex:0 0 auto;margin-left:auto}.purchase-request-card .store-info,.purchase-request-card .department-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.85rem;color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:fit-content;white-space:nowrap}.purchase-request-card .store-info svg,.purchase-request-card .department-info svg{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.purchase-request-card .request-content{flex-grow:1}.purchase-request-card .request-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.purchase-request-card .request-items-header h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0}.purchase-request-card .request-items-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.purchase-request-card .request-item{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);transition:var(--transition-fast)}.purchase-request-card .request-item:hover{background:var(--bg-hover);border-color:var(--border-default)}.purchase-request-card .item-details{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.purchase-request-card .item-details>span:first-child{font-size:.9rem;color:var(--text-primary);line-height:1.4;word-break:break-word;flex:1;min-width:0;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.purchase-request-card .item-estimated-price{font-weight:600;color:var(--accent-primary);font-size:.9rem;white-space:nowrap;flex-shrink:0}.purchase-request-card .item-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.purchase-request-card .request-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle);font-size:.85rem;color:var(--text-secondary);flex-wrap:wrap;gap:var(--spacing-sm)}.purchase-request-card .total-amount{display:flex;align-items:center;gap:var(--spacing-sm)}.purchase-request-card .total-amount strong{color:var(--text-primary);font-size:1.1rem;font-weight:700;color:var(--accent-success)}.purchase-request-card .request-dates{display:flex;gap:var(--spacing-md);font-size:.8rem;color:var(--text-muted)}.purchase-request-card .request-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.modal-purchase-request{max-width:900px;width:95%}.modal-purchase-request .form-section{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.modal-purchase-request .form-section h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.modal-purchase-request .item-form-group{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);background:var(--bg-secondary);transition:var(--transition-fast)}.modal-purchase-request .item-form-group:hover{border-color:var(--border-default)}.modal-purchase-request .item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.modal-purchase-request .item-header h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.modal-purchase-request .add-item-btn{width:100%;display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);font-size:.95rem;margin-top:var(--spacing-md)}.modal-purchase-request .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.modal-purchase-request .form-row:has(.form-group:nth-child(3)){grid-template-columns:repeat(3,1fr)}.modal-purchase-request .form-group input,.modal-purchase-request .form-group select,.modal-purchase-request .form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-primary)}.modal-purchase-request .form-group input:focus,.modal-purchase-request .form-group select:focus,.modal-purchase-request .form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f133}.modal-purchase-request .form-group input::placeholder,.modal-purchase-request .form-group textarea::placeholder{color:var(--text-muted)}.modal-purchase-request .form-group select option{background:var(--bg-tertiary);color:var(--text-primary)}.price-input-wrap{display:flex;flex-direction:column;gap:var(--spacing-md)}.price-type-row{display:flex;align-items:center;gap:var(--spacing-sm)}.price-type-label{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.price-amount-input{width:100%}.modal-purchase-request .price-type-select{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;min-width:140px}.modal-purchase-request .price-amount-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem}.modal-purchase-request .price-amount-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f133}.modal-purchase-request .file-upload-wrapper{position:relative;margin-top:var(--spacing-xs)}.modal-purchase-request .file-input-hidden{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;z-index:-1}.modal-purchase-request .file-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--bg-tertiary);border:2px dashed var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-normal);text-align:center;min-height:160px}.modal-purchase-request .file-upload-area:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:translateY(-2px)}.modal-purchase-request .file-upload-area:active{transform:translateY(0)}.modal-purchase-request .file-upload-area svg{color:var(--accent-primary);opacity:.7;transition:var(--transition-fast)}.modal-purchase-request .file-upload-area:hover svg{opacity:1;transform:scale(1.1)}.modal-purchase-request .file-upload-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.modal-purchase-request .file-upload-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.modal-purchase-request .file-upload-hint{font-size:.85rem;color:var(--text-secondary)}.modal-purchase-request .file-upload-formats{font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.modal-purchase-request .file-uploaded-preview{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition-fast)}.modal-purchase-request .file-uploaded-preview:hover{border-color:var(--border-default);background:var(--bg-hover)}.modal-purchase-request .file-uploaded-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.modal-purchase-request .file-uploaded-info svg{color:var(--accent-primary);flex-shrink:0}.modal-purchase-request .file-uploaded-details{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;flex:1}.modal-purchase-request .file-uploaded-name{font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-purchase-request .file-uploaded-size{font-size:.75rem;color:var(--text-muted)}.modal-purchase-request .file-remove-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.modal-purchase-request .file-remove-btn:hover{background:#ef444433;border-color:#ef44444d;transform:scale(1.05)}.modal-purchase-request .file-remove-btn:active{transform:scale(.95)}.modal-purchase-request .file-remove-btn:disabled{opacity:.5;cursor:not-allowed}.modal-purchase-offers{max-width:1000px;width:95%}.modal-purchase-offers .offer-comparison-section,.modal-purchase-offers .current-offers-section,.modal-purchase-offers .add-offer-section{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.modal-purchase-offers h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.modal-purchase-offers .comparison-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-md);font-size:.9rem;background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden}.modal-purchase-offers .comparison-table th,.modal-purchase-offers .comparison-table td{border:1px solid var(--border-subtle);padding:var(--spacing-md);text-align:left}.modal-purchase-offers .comparison-table th{background:var(--bg-elevated);font-weight:600;color:var(--text-primary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.modal-purchase-offers .comparison-table td{color:var(--text-secondary)}.modal-purchase-offers .comparison-table tbody tr:hover{background:var(--bg-hover)}.modal-purchase-offers .comparison-table .price-difference{background:#f59e0b1a;color:var(--accent-warning);font-weight:600}.modal-purchase-offers .comparison-table .text-right{text-align:right}.modal-purchase-offers .offers-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-purchase-offers .offer-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);transition:var(--transition-fast)}.modal-purchase-offers .offer-item:hover{border-color:var(--border-default);background:var(--bg-hover)}.modal-purchase-offers .offer-item.selected{border-color:var(--accent-success);background:#10b9811a;box-shadow:0 0 0 2px #10b98133}.modal-purchase-offers .offer-details{flex:1;min-width:0}.modal-purchase-offers .offer-details strong{color:var(--text-primary);font-size:1rem;font-weight:600;display:block;margin-bottom:var(--spacing-xs)}.modal-purchase-offers .offer-details p{font-size:.85rem;color:var(--text-secondary);margin:var(--spacing-xs) 0 0 0;line-height:1.5}.modal-purchase-offers .offer-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.approval-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.modal-overlay-purchase-action{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;animation:fadeIn .2s ease;pointer-events:auto;touch-action:none}.modal-overlay-purchase-action .modal.modal-purchase-action{max-width:560px;width:90%;min-width:320px}.modal-revision{max-width:600px;width:90%}.gm-dashboard-view{max-width:1600px;margin:0 auto}.gm-dashboard-view .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-subtle)}.gm-dashboard-view .dashboard-header h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.gm-dashboard-view .filter-controls{display:flex;gap:var(--spacing-md)}.gm-dashboard-view .filter-controls select{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:var(--transition-fast)}.gm-dashboard-view .filter-controls select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126}.gm-dashboard-view .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.gm-dashboard-view .stat-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);transition:var(--transition-normal);position:relative;overflow:hidden}.gm-dashboard-view .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-primary);opacity:0;transition:var(--transition-fast)}.gm-dashboard-view .stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-default)}.gm-dashboard-view .stat-card:hover:before{opacity:1}.gm-dashboard-view .stat-card svg{color:var(--accent-primary);width:32px;height:32px}.gm-dashboard-view .stat-card h3{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.5px}.gm-dashboard-view .stat-card p{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1}.gm-dashboard-view .currency-rates-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.gm-dashboard-view .currency-rates-card h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.gm-dashboard-view .rates-display{display:flex;gap:var(--spacing-xl);font-size:1.1rem;font-weight:600;color:var(--text-primary)}.gm-dashboard-view .rates-display span{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.gm-dashboard-view .dashboard-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.gm-dashboard-view .section-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-normal)}.gm-dashboard-view .section-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.gm-dashboard-view .section-card.full-width{grid-column:1 / -1}.gm-dashboard-view .section-card h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.gm-dashboard-view .section-card ul{list-style:none;padding:0;margin:0}.gm-dashboard-view .section-card li{padding:var(--spacing-md) 0;border-bottom:1px dashed var(--border-subtle);font-size:.95rem;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center}.gm-dashboard-view .section-card li:last-child{border-bottom:none}.gm-dashboard-view .data-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-md);font-size:.9rem;background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.gm-dashboard-view .data-table th,.gm-dashboard-view .data-table td{border:1px solid var(--border-subtle);padding:var(--spacing-md);text-align:left}.gm-dashboard-view .data-table th{background:var(--bg-elevated);font-weight:600;color:var(--text-primary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.gm-dashboard-view .data-table td{color:var(--text-secondary)}.gm-dashboard-view .data-table tbody tr{transition:var(--transition-fast)}.gm-dashboard-view .data-table tbody tr:hover{background:var(--bg-hover)}.gm-dashboard-view .data-table tbody tr:nth-child(2n){background:var(--bg-tertiary)}.gm-dashboard-view .data-table tbody tr:nth-child(2n):hover{background:var(--bg-hover)}.gm-dashboard-view .data-table tbody tr.clickable-row{cursor:pointer}.gm-dashboard-view .data-table tbody tr.clickable-row:hover{background:var(--bg-hover);box-shadow:0 2px 8px #0000001a}.purchase-request-card .status-badge,.gm-dashboard-view .status-badge{font-size:.75rem;padding:4px 10px;border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.purchase-requests-view .empty-state,.gm-dashboard-view .empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;margin:0 auto}.purchase-requests-view .empty-state h3,.gm-dashboard-view .empty-state h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.purchase-requests-view .empty-state p,.gm-dashboard-view .empty-state p{font-size:.9rem;color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.purchase-requests-view .empty-state .empty-action{display:flex;justify-content:center;align-items:center;width:100%;margin-top:var(--spacing-md)}.purchase-requests-view .empty-state .empty-action .btn{margin:0 auto}@media(max-width:768px){.purchase-dashboard-container{flex-direction:column}.purchase-dashboard-container .sidebar{width:100%;height:auto}.purchase-requests-view .request-list,.gm-dashboard-view .stats-grid,.gm-dashboard-view .dashboard-sections{grid-template-columns:1fr}}.modal-purchase-detail{max-width:1000px;width:95%;max-height:90vh}.modal-purchase-detail .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.modal-purchase-detail .modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.modal-purchase-detail .modal-body{padding:var(--spacing-lg);overflow-y:auto}.modal-purchase-detail .detail-section{margin-bottom:var(--spacing-xl)}.modal-purchase-detail .detail-section:last-child{margin-bottom:0}.modal-purchase-detail .detail-section h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-subtle)}.modal-purchase-detail .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.modal-purchase-detail .detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.modal-purchase-detail .detail-item label{font-size:.85rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.modal-purchase-detail .detail-value{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.95rem;color:var(--text-primary)}.modal-purchase-detail .detail-value svg{color:var(--accent-primary);flex-shrink:0}.modal-purchase-detail .request-number-badge{font-size:1.1rem;font-weight:700;color:var(--accent-primary);padding:var(--spacing-xs) var(--spacing-sm);background:#6366f11a;border-radius:var(--radius-sm)}.modal-purchase-detail .avatar-small{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;font-size:.75rem;font-weight:600;flex-shrink:0}.modal-purchase-detail .total-amount-large{font-size:1.3rem;font-weight:700;color:var(--accent-primary)}.modal-purchase-detail .items-detail-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-purchase-detail .item-detail-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-fast)}.modal-purchase-detail .item-detail-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.modal-purchase-detail .item-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.modal-purchase-detail .item-number{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.modal-purchase-detail .item-detail-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-purchase-detail .item-detail-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.modal-purchase-detail .item-detail-row label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.modal-purchase-detail .item-detail-row p{margin:0;font-size:.95rem;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.modal-purchase-detail .item-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.modal-purchase-detail .item-detail-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.modal-purchase-detail .item-detail-field label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.modal-purchase-detail .item-detail-field span{font-size:.95rem;color:var(--text-primary)}.modal-purchase-detail .estimated-price{font-weight:600;color:var(--accent-primary)}.modal-purchase-detail .offers-block-with-summary{margin-bottom:var(--spacing-lg)}.modal-purchase-detail .selected-offer-summary{margin-top:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md)}.modal-purchase-detail .selected-offer-summary-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-subtle)}.btn-offer-change{background:#b4530959;color:#fcd34d;border:1px solid rgba(180,83,9,.6)}.btn-offer-change:hover{background:#b4530980;color:#fde68a;border-color:#b45309bf}.btn-revision{background:#b4530966;color:#fcd34d;border:1px solid rgba(180,83,9,.65)}.btn-revision:hover{background:#b453098c;color:#fde68a;border-color:#b45309cc}.btn-reject{background:#7f1d1d73;color:#e5e5e5;border:1px solid rgba(185,28,28,.6)}.btn-reject:hover{background:#7f1d1d99;color:#f5f5f5;border-color:#b91c1ccc}.modal-purchase-detail .item-detail-actions{margin-top:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.modal-purchase-detail .approvals-timeline{display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;padding-left:var(--spacing-lg)}.modal-purchase-detail .approvals-timeline:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:var(--border-subtle)}.modal-purchase-detail .approval-item{display:flex;gap:var(--spacing-md);position:relative}.modal-purchase-detail .approval-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:2px solid var(--border-subtle);flex-shrink:0;z-index:1}.modal-purchase-detail .approval-icon .icon-approved{color:#10b981}.modal-purchase-detail .approval-icon .icon-rejected{color:#ef4444}.modal-purchase-detail .approval-icon .icon-revision{color:#f59e0b}.modal-purchase-detail .approval-icon .icon-pending{color:var(--text-secondary)}.modal-purchase-detail .approval-content{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md)}.modal-purchase-detail .approval-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.modal-purchase-detail .approval-action{font-weight:600;color:var(--text-primary);font-size:.95rem}.modal-purchase-detail .approval-date{font-size:.85rem;color:var(--text-secondary)}.modal-purchase-detail .approval-user{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.modal-purchase-detail .approval-user svg{width:14px;height:14px}.modal-purchase-detail .approval-notes{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-subtle)}.modal-purchase-detail .approval-notes p{margin:0;font-size:.9rem;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.modal-purchase-detail .detail-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-lg);margin-top:var(--spacing-lg);border-top:2px solid var(--border-subtle)}.purchase-request-card{transition:var(--transition-fast)}.purchase-request-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.purchase-request-card .request-actions button,.purchase-request-card .request-actions{pointer-events:auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-lg)}.project-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-fast);cursor:pointer}.project-card:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.project-card.overdue{border-left:4px solid var(--accent-danger);background:linear-gradient(90deg,rgba(239,68,68,.05),transparent)}.project-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.project-title-section{flex:1;min-width:0}.project-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.3}.project-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center}.project-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-md);line-height:1.6;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.project-meta{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.project-progress{margin-bottom:var(--spacing-sm)}.progress-bar{height:10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:var(--radius-sm);transition:width .3s ease;background:linear-gradient(90deg,#3b82f6,#2563eb)}.progress-fill.completed{background:linear-gradient(90deg,#10b981,#059669)}.progress-text{font-size:.9rem;font-weight:600;color:var(--text-primary)}.project-deadline{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem;color:var(--text-muted)}.project-deadline.overdue{color:var(--accent-danger);font-weight:600}.project-created{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8rem;color:var(--text-muted)}.status-badge,.priority-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.admin-pending-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;background-color:#f59e0b;color:#fff;white-space:nowrap}.project-modal-content{max-width:800px;width:100%}.project-form-section{margin-bottom:var(--spacing-lg)}.project-form-section:last-child{margin-bottom:0}.project-form-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-subtle)}.project-detail-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.project-detail-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.project-detail-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.project-detail-description{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.project-detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.project-meta-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.project-meta-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.project-meta-value{font-size:.95rem;color:var(--text-primary);font-weight:500}.project-members-section{margin-bottom:var(--spacing-lg)}.project-members-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.project-member-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-secondary)}.project-member-badge.owner{background:#3b82f626;border-color:#3b82f64d;color:var(--accent-primary)}.project-member-badge.admin{background:#8b5cf626;border-color:#8b5cf64d;color:var(--accent-purple)}.project-tasks-section{margin-bottom:var(--spacing-lg)}.project-tasks-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.project-task-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition-fast)}.project-task-item:hover{background:var(--bg-hover);border-color:var(--border-default)}.project-task-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary)}.project-task-content{flex:1;min-width:0}.project-task-title{font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.project-task-title.completed{text-decoration:line-through;color:var(--text-muted)}.project-task-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.75rem;color:var(--text-muted)}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.project-header{flex-direction:column;align-items:flex-start}.project-detail-header{flex-direction:column}.project-detail-meta{grid-template-columns:1fr}}.maintenance-mode{position:fixed;inset:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:99999;padding:var(--spacing-lg)}.maintenance-content{text-align:center;max-width:500px;padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-default);box-shadow:0 8px 32px #0003}.maintenance-icon{margin-bottom:var(--spacing-lg);color:var(--accent-primary);display:flex;justify-content:center;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.maintenance-content h1{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.maintenance-message{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.maintenance-time{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);color:var(--text-secondary);font-size:.9rem}.maintenance-time svg{color:var(--accent-primary)}.maintenance-info{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-default)}.maintenance-info p{font-size:.875rem;color:var(--text-tertiary);margin:var(--spacing-xs) 0;line-height:1.5}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);min-height:200px}.loading-state p{color:var(--text-muted);margin-top:var(--spacing-md);font-size:.95rem}.loading-state .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.skeleton-container{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.skeleton-card-header{display:flex;align-items:center;gap:var(--spacing-md)}.skeleton-card-header-text{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.skeleton-card-body{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.skeleton-card-footer{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.skeleton-list-item{display:flex;align-items:center;padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md)}.skeleton-list-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.skeleton-text{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.skeleton-table{width:100%;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.skeleton-table-header{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default)}.skeleton-table-row{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-default)}.skeleton-table-row:last-child{border-bottom:none}.skeleton-grid-item{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.skeleton-line{height:14px;border-radius:var(--radius-sm)}.skeleton-circle{border-radius:50%;flex-shrink:0}.skeleton-badge{height:24px;border-radius:var(--radius-full)}.user-tasks-grid .skeleton-container,.passwords-grid .skeleton-container,.suggestions-grid .skeleton-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.user-tasks-list .skeleton-container,.suggestions-list .skeleton-container,.user-notes-list .skeleton-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.team-requests-list .skeleton-container{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}@media(max-width:768px){.skeleton-card{padding:var(--spacing-md)}.skeleton-list-item{padding:var(--spacing-sm)}.skeleton-table-header,.skeleton-table-row{padding:var(--spacing-sm);gap:var(--spacing-sm)}.user-tasks-grid .skeleton-container,.passwords-grid .skeleton-container,.suggestions-grid .skeleton-container{grid-template-columns:1fr}}.modal-confirm{max-width:450px;width:90%}.confirm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-default)}.confirm-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;flex-shrink:0}.confirm-icon.danger{background:#ef444426;color:#ef4444}.confirm-icon.warning{background:#f59e0b26;color:#f59e0b}.confirm-icon.info{background:#3b82f626;color:#3b82f6}.confirm-modal-body{padding:var(--spacing-lg)}.confirm-modal-body h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.confirm-modal-body p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0}.confirm-modal-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-default);justify-content:flex-end}.confirm-modal-footer .btn{min-width:100px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.btn-danger{background:#ef4444;color:#fff;border:1px solid #ef4444}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.btn-warning{background:#f59e0b;color:#fff;border:1px solid #f59e0b}.btn-warning:hover{background:#d97706;border-color:#d97706}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;min-height:300px;animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-icon{color:var(--text-muted);margin-bottom:var(--spacing-md);opacity:.5;animation:float 3s ease-in-out infinite;transition:all .3s ease}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state:hover .empty-icon{opacity:.8;transform:scale(1.05)}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);animation:slideIn .5s ease-out .1s both}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:.95rem;line-height:1.6;max-width:400px;animation:slideIn .5s ease-out .2s both}.empty-action{margin-top:var(--spacing-md);animation:slideIn .5s ease-out .3s both}.empty-action .btn{transition:all .3s ease}.empty-action .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media(max-width:768px){.empty-state{padding:var(--spacing-xl);min-height:250px}.empty-icon{margin-bottom:var(--spacing-sm)}.empty-state h3{font-size:1.1rem}.empty-state p{font-size:.9rem;max-width:100%}}
