@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary:#0d9488;--primary-light:#14b8a6;--primary-dark:#0f766e;--primary-bg:#0d948814;--bg-body:#f7f8fc;--bg-card:#fff;--bg-sidebar:#0d1117;--bg-header:#ffffffd9;--text-primary:#1a1d2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-sidebar:#e5e7eb;--border:#e8eaf0;--border-light:#f3f4f6;--success:#00b574;--warning:#ffb020;--error:#ff4757;--info:#3b82f6;--sidebar-w:264px;--sidebar-collapsed-w:72px;--header-h:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease}[data-theme=dark]{--bg-body:#0d0f1a;--bg-card:#161829;--bg-header:#161829d9;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#2a2d42;--border-light:#1e2035;--primary-bg:#0d94881f;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{background:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.staff-layout{min-height:100vh;display:flex}.staff-sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);z-index:100;transition:width var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.staff-sidebar.collapsed{width:var(--sidebar-collapsed-w)}.staff-main{margin-left:var(--sidebar-w);min-height:100vh;transition:margin-left var(--transition-normal);flex-direction:column;flex:1;max-width:100vw;display:flex;overflow-x:hidden}.staff-sidebar.collapsed+.staff-main{margin-left:var(--sidebar-collapsed-w)}.staff-header{height:var(--header-h);background:var(--bg-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.staff-content{flex:1;min-width:0;padding:24px;overflow-x:hidden}.sidebar-logo{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:20px 24px;display:flex}.sidebar-logo h1{background:linear-gradient(135deg, var(--primary-light), var(--primary));-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;font-size:20px;font-weight:700}.sidebar-section{padding:16px 12px 8px}.sidebar-section-title{text-transform:uppercase;letter-spacing:1.5px;color:#ffffff59;white-space:nowrap;padding:0 12px 8px;font-size:10px;font-weight:600}.sidebar-nav-item{border-radius:var(--radius-sm);color:#fff9;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;text-decoration:none;display:flex;position:relative}.sidebar-nav-item:hover{color:#ffffffe6;background:#ffffff0f}.sidebar-nav-item.active{background:var(--primary-bg);color:var(--primary-light)}.sidebar-nav-item.active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.sidebar-footer{border-top:1px solid #ffffff0f;margin-top:auto;padding:16px}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:default;padding:20px;position:relative;overflow:hidden}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card .accent-orb{opacity:.12;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.metric-card .metric-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.metric-card .metric-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.metric-card .metric-value{margin-bottom:4px;font-size:28px;font-weight:700;line-height:1.1}.metric-card .metric-title{color:var(--text-secondary);font-size:13px;font-weight:500}.metric-card .trend{border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.metric-card .trend.up{color:var(--success);background:#00b5741a}.metric-card .trend.down{color:var(--error);background:#ff47571a}.login-page{background:linear-gradient(135deg,#0d0f1a 0%,#161829 50%,#0f766e 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-xl);z-index:1;background:#161829cc;border:1px solid #ffffff14;width:420px;max-width:90vw;padding:48px 40px;position:relative}.login-card h1{color:#f1f5f9;text-align:center;margin-bottom:8px;font-size:28px;font-weight:700}.login-card .subtitle{text-align:center;color:#94a3b8;margin-bottom:32px;font-size:14px}.login-orb{filter:blur(80px);opacity:.3;border-radius:50%;animation:4s ease-in-out infinite pulse;position:absolute}.login-orb-1{background:var(--primary);width:300px;height:300px;top:-100px;right:-100px}.login-orb-2{background:var(--primary-dark);width:200px;height:200px;animation-delay:2s;bottom:-60px;left:-60px}.page-header{margin-bottom:24px}.page-header h1{margin-bottom:4px;font-size:24px;font-weight:700}.page-header p{color:var(--text-secondary);font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.5}}@keyframes metricSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s forwards fadeIn}.skeleton{background:linear-gradient(90deg, var(--border-light) 25%, var(--border) 50%, var(--border-light) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.mobile-hamburger{display:none!important}@media (width<=1024px){.metric-card .metric-value{font-size:22px}.staff-content{padding:20px}}@media (width<=768px){.mobile-hamburger{display:inline-flex!important}.staff-sidebar{z-index:200;transition:transform var(--transition-normal);transform:translate(-100%)}.staff-sidebar.mobile-open{transform:translate(0)}.staff-sidebar.collapsed{width:var(--sidebar-w)}.staff-main{margin-left:0!important}.staff-content{padding:16px}.staff-header{padding:0 16px}.mobile-overlay{z-index:150;background:#00000080;position:fixed;inset:0}.login-card{padding:32px 24px}.login-card h1{font-size:22px}.page-header h1{font-size:20px}.metric-card{padding:16px}.metric-card .metric-value{font-size:20px}.metric-card .metric-icon{width:34px;height:34px;font-size:15px}}.mobile-list{flex-direction:column;display:flex}.mobile-list-item{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:10px 0;display:flex}.mobile-list-item:last-child{border-bottom:none}.mobile-card-list{flex-direction:column;gap:8px;display:flex}.mobile-card-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}.mobile-card-item .mobile-card-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.mobile-card-item .mobile-card-row:last-child{margin-bottom:0}.mobile-card-item .mobile-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.mobile-card-item .mobile-card-value{font-size:13px;font-weight:500}.feedback-item{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.feedback-item:last-child{border-bottom:none}@media (width<=768px){.feedback-item{flex-direction:column;align-items:flex-start;gap:4px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}