@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-accent-400:#34d399;--color-accent-500:#10b981;--color-accent-600:#059669;--color-warm-400:#fbbf24;--color-warm-500:#f59e0b;--color-danger-400:#f87171;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-bg-primary:#0a0a1a;--color-bg-secondary:#111127;--color-bg-tertiary:#1a1a3e;--color-bg-card:#1a1a3e99;--color-bg-card-hover:#1e1e48cc;--color-bg-glass:#ffffff0a;--color-bg-glass-hover:#ffffff14;--color-bg-input:#ffffff0f;--color-bg-header:#111127cc;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-muted:#475569;--color-text-inverse:#0f172a;--color-border:#ffffff14;--color-border-hover:#ffffff26;--color-border-active:var(--color-primary-500);--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-base:1rem;--spacing-lg:1.25rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #0006;--shadow-glow-primary:0 0 20px #6366f140;--shadow-glow-accent:0 0 20px #34d39933;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:280px;--sidebar-collapsed:72px;--header-height:64px;--content-max-width:1200px;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800}:root[data-theme=light]{--color-bg-primary:#f8fafc;--color-bg-secondary:#fff;--color-bg-tertiary:#f1f5f9;--color-bg-card:#fffc;--color-bg-card-hover:#fff;--color-bg-glass:#00000005;--color-bg-glass-hover:#0000000a;--color-bg-input:#fff;--color-bg-header:#fffc;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-text-muted:#94a3b8;--color-text-inverse:#f1f5f9;--color-border:#00000014;--color-border-hover:#00000026;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;transition:background-color var(--transition-base), color var(--transition-base);line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;transition:opacity var(--transition-base);background:radial-gradient(80% 50% at 20% 40%,#6366f114 0%,#0000 70%),radial-gradient(60% 40% at 80% 20%,#8b5cf60f 0%,#0000 60%),radial-gradient(50% 30% at 50% 80%,#34d3990a 0%,#0000 50%);position:fixed;inset:0}:root[data-theme=light] body:before{background:radial-gradient(80% 50% at 20% 40%,#6366f10a 0%,#0000 70%),radial-gradient(60% 40% at 80% 20%,#8b5cf608 0%,#0000 60%),radial-gradient(50% 30% at 50% 80%,#34d39905 0%,#0000 50%)}#root{z-index:1;min-height:100vh;position:relative}a{color:var(--color-primary-400);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-300)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-layout{min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);z-index:var(--z-fixed);transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.app-main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.app-header{height:var(--header-height);background:var(--color-bg-header);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);padding:0 var(--spacing-2xl);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-content{padding:var(--spacing-2xl);max-width:var(--content-max-width);flex:1;width:100%;margin:0 auto}.sidebar-brand{padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--spacing-md);display:flex}.sidebar-brand-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-700));width:40px;height:40px;font-size:var(--font-size-lg);color:#fff;box-shadow:var(--shadow-glow-primary);justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar-brand-text{flex-direction:column;display:flex}.sidebar-brand-name{font-size:var(--font-size-md);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700}.sidebar-brand-sub{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em}.sidebar-nav{padding:var(--spacing-base) var(--spacing-md);flex:1}.sidebar-section{margin-bottom:var(--spacing-xl)}.sidebar-section-title{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);font-weight:600}.sidebar-link{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-link:hover{background:var(--color-bg-glass-hover);color:var(--color-text-primary)}.sidebar-link.active{color:var(--color-primary-400);background:#6366f11f}.sidebar-link.active:before{content:"";background:var(--color-primary-500);border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:3px;position:absolute;top:4px;bottom:4px;left:0}.sidebar-link-icon{opacity:.7;flex-shrink:0;width:20px;height:20px}.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-link-badge{background:var(--color-primary-600);color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius-full);text-align:center;min-width:20px;margin-left:auto;padding:1px 8px;font-weight:600}.sidebar-user{padding:var(--spacing-base) var(--spacing-lg);border-top:1px solid var(--color-border);align-items:center;gap:var(--spacing-md);display:flex}.sidebar-user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary-400), var(--color-accent-400));width:36px;height:36px;font-size:var(--font-size-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-role{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);-webkit-backdrop-filter:blur(10px);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}.card-glass{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);-webkit-backdrop-filter:blur(16px)}.stats-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card:after{content:"";border-radius:0 var(--radius-xl) 0 50%;opacity:.08;width:100px;height:100px;position:absolute;top:0;right:0}.stat-card.primary:after{background:var(--color-primary-500)}.stat-card.accent:after{background:var(--color-accent-500)}.stat-card.warm:after{background:var(--color-warm-500)}.stat-card.danger:after{background:var(--color-danger-500)}.stat-card-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.stat-card-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-card.primary .stat-card-icon{color:var(--color-primary-400);background:#6366f126}.stat-card.accent .stat-card-icon{color:var(--color-accent-400);background:#34d39926}.stat-card.warm .stat-card-icon{color:var(--color-warm-400);background:#fbbf2426}.stat-card.danger .stat-card-icon{color:var(--color-danger-400);background:#f8717126}.stat-card-value{font-size:var(--font-size-3xl);letter-spacing:-.03em;margin-bottom:var(--spacing-xs);font-weight:800;line-height:1}.stat-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-card-trend{font-size:var(--font-size-xs);align-items:center;gap:4px;font-weight:600;display:flex}.stat-card-trend.up{color:var(--color-accent-400)}.stat-card-trend.down{color:var(--color-danger-400)}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-weight:600;display:inline-flex}.badge-dot{border-radius:var(--radius-full);width:6px;height:6px}.badge-draft{color:#94a3b8;background:#64748b26}.badge-draft .badge-dot{background:#94a3b8}.badge-submitted{color:var(--color-primary-400);background:#6366f126}.badge-submitted .badge-dot{background:var(--color-primary-400)}.badge-review{color:var(--color-warm-400);background:#fbbf2426}.badge-review .badge-dot{background:var(--color-warm-400)}.badge-approved{color:var(--color-accent-400);background:#34d39926}.badge-approved .badge-dot{background:var(--color-accent-400)}.badge-archived{color:var(--color-text-tertiary);background:#64748b1a}.badge-archived .badge-dot{background:var(--color-text-tertiary)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;min-height:44px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-500));color:#fff;box-shadow:0 2px 8px #6366f14d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-400));transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.btn-secondary{background:var(--color-bg-glass);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-glass-hover);border-color:var(--color-border-hover)}.btn-accent{background:linear-gradient(135deg, var(--color-accent-600), var(--color-accent-500));color:#fff;box-shadow:0 2px 8px #10b9814d}.btn-accent:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #10b98166}.btn-danger{background:linear-gradient(135deg, var(--color-danger-600), var(--color-danger-500));color:#fff}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #ef44444d}.btn-ghost{color:var(--color-text-secondary);padding:var(--spacing-sm);background:0 0;border:none}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-glass)}.btn-sm{padding:4px var(--spacing-md);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-md)}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.form-group{margin-bottom:var(--spacing-lg)}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);transition:all var(--transition-fast);outline:none;min-height:44px}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f126}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-helper{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-xs)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger-400);margin-top:var(--spacing-xs)}.review-table{border-collapse:separate;border-spacing:0;width:100%}.review-table thead th{text-align:left;font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:var(--spacing-md) var(--spacing-base);border-bottom:1px solid var(--color-border);font-weight:600}.review-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.review-table tbody tr:hover{background:var(--color-bg-glass-hover)}.review-table tbody td{padding:var(--spacing-base);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.review-table .user-cell{align-items:center;gap:var(--spacing-md);display:flex}.review-table .user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary-400), var(--color-accent-400));width:32px;height:32px;font-size:var(--font-size-xs);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.user-info-text{flex-direction:column;display:flex}.user-info-name{color:var(--color-text-primary);font-weight:500}.user-info-email{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.page-header{margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:center;gap:var(--spacing-base);flex-wrap:wrap;display:flex}.page-title{font-size:var(--font-size-2xl);letter-spacing:-.03em;color:var(--color-text-primary);font-weight:700}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.progress-bar{background:var(--color-bg-glass);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-primary-500), var(--color-accent-400));height:100%;transition:width var(--transition-slow)}.rating{gap:4px;display:flex}.rating-star{cursor:pointer;width:20px;height:20px;color:var(--color-text-muted);transition:all var(--transition-fast)}.rating-star.filled{color:var(--color-warm-400)}.rating-star:hover{transform:scale(1.2)}.tabs{background:var(--color-bg-glass);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);gap:2px;padding:3px;display:flex}.tab{padding:var(--spacing-sm) var(--spacing-base);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:center;background:0 0;border:none;flex:1;font-weight:500}.tab:hover{color:var(--color-text-primary)}.tab.active{background:var(--color-bg-tertiary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.empty-state{text-align:center;padding:var(--spacing-4xl) var(--spacing-2xl)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);color:var(--color-text-muted);opacity:.5}.empty-state-title{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-weight:600}.empty-state-description{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--spacing-xl);max-width:400px;margin-left:auto;margin-right:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-in{animation:slideInLeft var(--transition-base) ease-out}.skeleton{background:linear-gradient(90deg, var(--color-bg-glass) 25%, var(--color-bg-glass-hover) 50%, var(--color-bg-glass) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.toast{bottom:var(--spacing-2xl);right:var(--spacing-2xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-base) var(--spacing-lg);box-shadow:var(--shadow-xl);align-items:center;gap:var(--spacing-md);z-index:var(--z-toast);animation:fadeIn var(--transition-base) ease-out;max-width:400px;display:flex;position:fixed}@media (width<=768px){.app-sidebar{transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.app-main{margin-left:0}.app-content{padding:var(--spacing-base)}.stats-grid{grid-template-columns:1fr 1fr}.page-header{flex-direction:column;align-items:flex-start}.tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.analytics-kpi-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}.analytics-kpi-card{text-align:center;padding:var(--spacing-xl) var(--spacing-lg)}.analytics-kpi-icon{border-radius:var(--radius-lg);width:44px;height:44px;margin:0 auto var(--spacing-md);justify-content:center;align-items:center;display:flex}.analytics-kpi-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.analytics-kpi-value{font-size:var(--font-size-3xl);color:var(--color-text-primary);justify-content:center;align-items:center;gap:.5rem;font-weight:700;display:flex}.analytics-kpi-trend{align-items:center;display:flex}.analytics-kpi-trend.up{color:var(--color-accent-400)}.analytics-kpi-trend.down{color:var(--color-danger-400)}.analytics-kpi-subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-xs)}.analytics-charts-row{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.analytics-chart-card{padding:var(--spacing-xl)}.analytics-chart-header{margin-bottom:var(--spacing-lg);align-items:center;gap:.5rem;display:flex}.analytics-chart-header h3{font-size:var(--font-size-md);color:var(--color-text-primary);margin:0;font-weight:600}.analytics-bar-chart{gap:var(--spacing-md);flex-direction:column;display:flex}.analytics-bar-row{align-items:center;gap:var(--spacing-md);display:flex}.analytics-bar-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:center;gap:.5rem;min-width:130px;display:flex}.analytics-bar-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.analytics-bar-track{background:var(--color-bg-glass);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.analytics-bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.analytics-bar-value{font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:right;min-width:24px;font-weight:600}.analytics-dept-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.analytics-dept-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.analytics-dept-name{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.analytics-dept-stats{align-items:center;gap:var(--spacing-md);display:flex}.analytics-dept-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary);min-width:70px}.analytics-dept-progress-track{background:var(--color-bg-glass);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.analytics-dept-progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-accent-500), var(--color-accent-400));height:100%;transition:width var(--transition-slow)}.analytics-dept-pct{font-size:var(--font-size-xs);color:var(--color-accent-400);text-align:right;min-width:32px;font-weight:600}.analytics-timeline{flex-direction:column;gap:0;display:flex}.analytics-timeline-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);display:flex}.analytics-timeline-item:last-child{border-bottom:none}.analytics-timeline-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.analytics-timeline-content{align-items:center;gap:var(--spacing-md);flex:1;display:flex}.analytics-timeline-name{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.analytics-timeline-status{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.analytics-timeline-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap}.settings-layout{gap:var(--spacing-xl);grid-template-columns:220px 1fr;align-items:flex-start;display:grid}.settings-nav{gap:var(--spacing-xs);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-md);flex-direction:column;display:flex;position:sticky;top:1rem}.settings-nav-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-family);background:0 0;border:none;display:flex}.settings-nav-item:hover{background:var(--color-bg-glass-hover);color:var(--color-text-primary)}.settings-nav-item.active{color:var(--color-primary-400);background:#6366f126;font-weight:500}.settings-content{min-width:0}.settings-section{padding:var(--spacing-xl)}.settings-section-header{align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex}.settings-section-header h2{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0 0 .25rem;font-weight:600}.settings-section-header p{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.settings-form{gap:var(--spacing-xl);flex-direction:column;display:flex}.settings-field-group{gap:var(--spacing-md);flex-direction:column;display:flex}.settings-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-weight:600;display:flex}.settings-field-row{gap:var(--spacing-lg);flex-wrap:wrap;align-items:flex-end;display:flex}.settings-field{flex:1;min-width:120px}.settings-field-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:.25rem;display:block}.settings-field-separator{color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding-bottom:.75rem}.settings-field-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-sm)}.settings-info-box{gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);background:#6366f114;border:1px solid #6366f133;display:flex}.settings-info-box p{margin:0;line-height:1.5}.settings-toggle-row{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-glass);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex}.settings-toggle-label{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.settings-toggle-desc{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px}.settings-toggle{flex-shrink:0;width:44px;height:24px;position:relative}.settings-toggle input{display:none}.settings-toggle-switch{background:var(--color-bg-tertiary);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast);position:absolute;inset:0}.settings-toggle-switch:after{content:"";background:var(--color-text-primary);width:18px;height:18px;transition:transform var(--transition-fast);border-radius:50%;position:absolute;top:3px;left:3px}.settings-toggle input:checked+.settings-toggle-switch{background:var(--color-primary-500)}.settings-toggle input:checked+.settings-toggle-switch:after{transform:translate(20px)}.settings-system-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.settings-system-card{padding:var(--spacing-xl);border-radius:var(--radius-lg);background:var(--color-bg-glass);border:1px solid var(--color-border);text-align:center}.settings-system-card.success{border-color:#10b9814d}.settings-system-card.error{border-color:#ef44444d}.settings-system-icon{color:var(--color-text-tertiary);margin-bottom:var(--spacing-md)}.settings-system-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--spacing-xs)}.settings-system-value{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:600}.settings-system-card.success .settings-system-value{color:var(--color-accent-400)}.settings-system-card.error .text-danger{color:var(--color-danger-500)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:999;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar-overlay{display:block}.app-sidebar{z-index:1000;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:var(--sidebar-width)!important}.app-sidebar:not(.collapsed){transform:translate(0)}.app-sidebar.collapsed{transform:translate(-100%)}.app-main{margin-left:0!important}.app-content{padding:var(--spacing-md)!important}.app-header{padding:0 var(--spacing-md)!important}#mobile-menu-btn{display:inline-flex!important}.review-table thead{display:none}.review-table tbody,.review-table tr{width:100%;display:block}.review-table tr{border:1px solid var(--color-border);margin-bottom:var(--spacing-lg);background:var(--color-bg-card);border-radius:var(--radius-lg);overflow:hidden}.review-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);text-align:right;justify-content:space-between;align-items:center;display:flex}.review-table td:last-child{border-bottom:none}.review-table td:before{content:attr(data-label);color:var(--color-text-tertiary);font-weight:600;font-size:var(--font-size-xs);text-align:left;margin-right:var(--spacing-md);text-transform:uppercase}.review-table td[data-label=Auswahl]{background:#00000005;justify-content:flex-end}.review-table td[data-label=Auswahl]:before{content:"Mehrfachauswahl";flex:1}.emp-modal{flex-direction:column;display:flex;overflow:hidden;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important}.emp-modal>div:not(.emp-modal-header):not(.emp-modal-footer){flex:1;overflow-y:auto}.emp-modal-header{background:var(--color-bg-backdrop);z-index:10;padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md);position:sticky;top:0}.sticky-actions,.emp-modal-footer{background:var(--color-bg-card);padding:var(--spacing-md);border-top:1px solid var(--color-border);z-index:10;flex-wrap:wrap;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 6px -1px #0000001a;margin:auto -var(--spacing-xl) -var(--spacing-xl) -var(--spacing-xl)!important}.sticky-actions .btn,.emp-modal-footer .btn{flex:1}}.settings-data-actions{gap:var(--spacing-md);display:flex}.settings-actions{margin-top:var(--spacing-xl);justify-content:flex-end;display:flex}.audit-filter-row{gap:var(--spacing-lg);flex-wrap:wrap;align-items:center;display:flex}.audit-search-wrapper{flex:1;min-width:200px;position:relative}.audit-search-icon{color:var(--color-text-tertiary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.audit-search-input{padding-left:36px!important}.audit-filter-select-wrapper{color:var(--color-text-tertiary);align-items:center;gap:.5rem;display:flex}.audit-filter-select{min-width:180px}.audit-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.audit-table th{text-align:left;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);white-space:nowrap;font-weight:600}.audit-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);vertical-align:middle}.audit-table tr:hover td{background:var(--color-bg-glass)}.audit-action-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);white-space:nowrap;align-items:center;gap:.375rem;padding:3px 10px;font-weight:500;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.dept-layout{gap:var(--spacing-xl);grid-template-columns:380px 1fr;align-items:flex-start;display:grid}.dept-list{gap:var(--spacing-md);flex-direction:column;display:flex}.dept-card{cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border)}.dept-card:hover{border-color:var(--color-border-hover);transform:translateY(-1px)}.dept-card.active{border-color:var(--color-primary-500);box-shadow:var(--shadow-glow-primary)}.dept-card-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.dept-card-icon{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-primary-400);background:#6366f126;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dept-card-info{flex:1}.dept-card-info h3{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0;font-weight:600}.dept-card-info span{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.dept-card-stats{gap:var(--spacing-lg);margin-top:var(--spacing-sm);display:flex}.dept-stat{flex-direction:column;gap:2px;display:flex}.dept-stat-value{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:600}.dept-stat-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.dept-progress-mini{align-items:center;gap:.5rem;display:flex}.dept-progress-track{background:var(--color-bg-glass);border-radius:var(--radius-full);width:48px;height:4px;overflow:hidden}.dept-progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-accent-500), var(--color-accent-400));height:100%}.dept-progress-mini span{font-size:var(--font-size-xs);color:var(--color-accent-400);font-weight:600}.dept-detail{position:sticky;top:1rem}.dept-detail-header{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex}.dept-detail-icon{border-radius:var(--radius-xl);width:48px;height:48px;color:var(--color-primary-400);background:#6366f126;justify-content:center;align-items:center;display:flex}.dept-detail-header h2{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0;font-weight:600}.dept-detail-header p{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:.25rem 0 0}.dept-detail-kpis{gap:var(--spacing-lg);display:flex}.dept-kpi{padding:var(--spacing-lg);background:var(--color-bg-glass);border-radius:var(--radius-lg);color:var(--color-text-tertiary);flex-direction:column;flex:1;align-items:center;gap:.25rem;display:flex}.dept-kpi span{font-size:var(--font-size-xl);color:var(--color-text-primary);font-weight:700}.dept-kpi small{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.dept-members-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.dept-member-row{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-glass);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex}.dept-member-avatar{background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-700));color:#fff;width:32px;height:32px;font-size:var(--font-size-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.dept-member-info{flex-direction:column;display:flex}.dept-member-info strong{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.dept-member-info span{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.emp-filters{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;align-items:center;display:flex}.emp-search-wrap{flex:1;min-width:240px;max-width:400px;position:relative}.emp-search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.emp-filter-group{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.emp-select-wrap{align-items:center;display:inline-flex;position:relative}.emp-select{appearance:none;cursor:pointer;min-width:160px;padding-right:32px!important}.emp-select-chevron{pointer-events:none;color:var(--color-text-muted);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.btn-sm{font-size:var(--font-size-xs);gap:4px;padding:6px 12px}.btn-active{background:var(--color-accent-400)!important;color:var(--color-bg-primary)!important}.emp-layout{gap:var(--spacing-xl);grid-template-columns:1fr;display:grid}.emp-layout:has(.emp-detail-panel){grid-template-columns:1fr 360px}.emp-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.emp-card{cursor:pointer;border:1px solid #0000;transition:all .2s}.emp-card:hover{border-color:var(--color-accent-400);transform:translateY(-2px);box-shadow:0 8px 32px #6366f11f}.emp-card--selected{background:color-mix(in srgb, var(--color-accent-400) 5%, var(--color-bg-secondary));border-color:var(--color-accent-400)!important}.emp-card--inactive{opacity:.6}.emp-card-header{gap:var(--spacing-md);align-items:flex-start;display:flex}.emp-avatar{border-radius:var(--radius-full);width:48px;height:48px;font-size:var(--font-size-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.emp-card-name{align-items:center;gap:8px;margin-bottom:2px;font-weight:600;display:flex}.emp-card-email{font-size:var(--font-size-xs);color:var(--color-text-tertiary);align-items:center;gap:6px;display:flex}.emp-role-badge{border-radius:var(--radius-full);letter-spacing:.05em;white-space:nowrap;align-self:flex-start;padding:2px 10px;font-size:10px;font-weight:700}.emp-badge--inactive{color:#ef4444;background:#ef444426;padding:1px 6px;font-size:9px}.emp-card-meta{gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;display:grid}.emp-card-meta-item{font-size:var(--font-size-xs);color:var(--color-text-secondary);align-items:center;gap:6px;display:flex}.emp-card-footer{margin-top:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-tertiary);justify-content:space-between;align-items:center;display:flex}.emp-card-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.emp-card:hover .emp-card-actions{opacity:1}.emp-action-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-glass);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.emp-action-btn:hover{background:var(--color-accent-400);color:#fff;border-color:var(--color-accent-400)}.emp-action-btn--danger:hover{background:var(--color-error)!important;border-color:var(--color-error)!important}.emp-detail-panel{align-self:start;max-height:calc(100vh - 120px);position:sticky;top:20px;overflow-y:auto}.emp-detail-header{text-align:center;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:center;display:flex;position:relative}.emp-detail-avatar{border-radius:var(--radius-full);color:#fff;width:72px;height:72px;margin-bottom:var(--spacing-md);justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.emp-detail-name{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);font-weight:700}.emp-detail-close{cursor:pointer;border-radius:var(--radius-md);border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text-muted);background:0 0;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:0;right:0}.emp-detail-close:hover{background:var(--color-bg-glass);color:var(--color-text-primary)}.emp-detail-body{padding-top:var(--spacing-lg)}.emp-detail-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid color-mix(in srgb, var(--color-border) 50%, transparent)}.emp-detail-section:last-child{border-bottom:none}.emp-detail-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-sm);font-weight:600}.emp-detail-row{font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:center;gap:8px;margin-bottom:4px;display:flex}.emp-detail-roles{flex-wrap:wrap;gap:6px;display:flex}.emp-detail-stat{align-items:baseline;gap:8px;display:flex}.emp-stat-number{background:linear-gradient(135deg, var(--color-accent-400), var(--color-primary-600));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.emp-stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.emp-detail-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex}.emp-detail-actions .btn{flex:1}.emp-modal{width:600px;max-width:95vw;max-height:90vh;animation:.25s slideUp;overflow-y:auto}.emp-modal-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.emp-modal-header h2{font-size:var(--font-size-lg);font-weight:700}.emp-modal-footer{justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex}.emp-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.emp-form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.emp-form-field{flex-direction:column;gap:6px;display:flex}.emp-form-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);letter-spacing:.02em;font-weight:600}.emp-form-hint{color:var(--color-text-muted);font-size:11px;font-style:italic}.emp-form-error{padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);background:#ef444414;border:1px solid #ef444433;align-items:center;gap:8px;display:flex}.emp-role-picker{flex-wrap:wrap;gap:8px;display:flex}.emp-role-chip{border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:5px 14px;font-weight:500;transition:all .15s;display:flex}.emp-role-chip:hover{border-color:var(--color-text-muted)}.emp-role-chip--active{font-weight:700}.emp-toggle{cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:center;gap:12px;display:flex}.emp-toggle input{display:none}.emp-toggle-slider{background:var(--color-border);border-radius:11px;width:40px;height:22px;transition:background .2s;position:relative}.emp-toggle-slider:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.emp-toggle input:checked+.emp-toggle-slider{background:var(--color-accent-400)}.emp-toggle input:checked+.emp-toggle-slider:after{transform:translate(18px)}.emp-confirm-modal{text-align:center;width:420px;max-width:90vw;animation:.25s slideUp}.emp-confirm-icon{width:56px;height:56px;margin:0 auto var(--spacing-lg);color:var(--color-error);background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;display:flex}@media (width<=1024px){.analytics-kpi-grid{grid-template-columns:repeat(2,1fr)}.analytics-charts-row,.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;position:static;overflow-x:auto}.dept-layout{grid-template-columns:1fr}.emp-layout:has(.emp-detail-panel){grid-template-columns:1fr}.emp-detail-panel{max-height:none;position:static}}@media (width<=640px){.analytics-kpi-grid,.settings-system-grid,.emp-grid,.emp-form-row{grid-template-columns:1fr}.emp-filters{flex-direction:column;align-items:stretch}.emp-search-wrap{max-width:none}}.skeleton-loader{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-secondary) 50%, var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.selected-row{background-color:var(--color-bg-glass-hover)!important}.form-checkbox{border:1px solid var(--color-border);background-color:var(--color-surface);cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary);border-radius:4px}