:root{--bg-base:#f1f5f9;--bg-surface:#fff;--bg-surface-glass:#fffc;--primary:#2563eb;--primary-hover:#1d4ed8;--success:#059669;--warning:#d97706;--danger:#dc2626;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-light:#0000000d;--border-focus:#2563eb4d;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-glass:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000005;--blur-glass:blur(10px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.glass-panel{background:var(--bg-surface-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass)}.text-gradient{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-success{color:var(--success)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.layout-container{height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-light);z-index:10;background:#fff;flex-direction:column;width:280px;height:100vh;padding:32px 0;display:flex}.sidebar-logo{padding:0 32px 48px}.sidebar-logo img{object-fit:contain;max-width:160px;height:auto}.sidebar-nav{flex-direction:column;gap:4px;padding:0 16px;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:12px;padding:14px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--primary);background:#f8fafc}.nav-item.active{color:var(--primary);background:#eff6ff}.nav-item.active svg{color:var(--primary)}.main-content{background-color:var(--bg-base);flex-direction:column;flex:1;display:flex;overflow:hidden}.top-header{border-bottom:1px solid var(--border-light);z-index:5;background:#fff;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex}.user-avatar{border:1px solid var(--border-light);width:40px;height:40px;color:var(--primary);background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.page-content{flex:1;padding:40px;overflow-y:auto}.page-container h2{color:var(--text-primary);margin-bottom:32px;font-size:1.75rem;font-weight:700}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.stat-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:8px;padding:32px;display:flex}.stat-card h3{font-size:2.25rem;font-weight:800}