:root{--primary:#0EA5E9;--secondary:#8B5CF6;--accent:#10B981;--warning:#F59E0B;--danger:#EF4444;--bg:#F8FAFC;--text:#0f172a;--card:rgba(255,255,255,.78)}[data-theme=dark]{--bg:#07111f;--text:#e5edf8;--card:rgba(15,23,42,.72)}body{background:linear-gradient(135deg,var(--bg),#eef2ff);color:var(--text);font-family:Inter,system-ui,Segoe UI,sans-serif}.glass{background:var(--card);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);box-shadow:0 24px 70px rgba(2,8,23,.12)}.app-shell{display:flex;min-height:100vh}.sidebar{width:280px;padding:18px;position:sticky;top:0;height:100vh;transition:.3s}.sidebar.collapsed{width:88px}.sidebar.collapsed .brand div:not(.logo),.sidebar.collapsed .nav-link{font-size:0}.brand{display:flex;gap:12px;align-items:center;margin-bottom:18px}.brand small{display:block;color:#64748b}.logo{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:900}.logo.big{width:74px;height:74px;border-radius:26px;margin:auto auto 12px}.nav-link{border-radius:14px;color:var(--text);padding:11px 13px}.nav-link:hover{background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(139,92,246,.12));transform:translateX(4px)}.content{flex:1;padding:24px}.topbar{border-radius:24px;padding:20px;margin-bottom:22px;display:flex;justify-content:space-between;gap:16px}.topbar h1{margin:0;font-weight:800}.topbar p{margin:0;color:#64748b}.stat-card{border:0;border-radius:24px;padding:20px;background:var(--card);box-shadow:0 18px 50px rgba(15,23,42,.09);transition:.25s}.stat-card:hover{transform:translateY(-5px)}.fade-in{animation:fade .5s ease}.slide-up{animation:slide .45s ease}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes slide{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.login-body{min-height:100vh;display:grid;place-items:center;overflow:hidden;background:linear-gradient(-45deg,#0EA5E9,#8B5CF6,#10B981,#F59E0B);background-size:400% 400%;animation:grad 12s ease infinite}.login-card{width:min(440px,92vw);border-radius:32px;padding:34px;text-align:center}.login-card h1{font-weight:900}.orb{position:fixed;width:260px;height:260px;border-radius:999px;filter:blur(14px);opacity:.35}.orb.one{background:#fff;left:8%;top:10%;animation:float 8s ease infinite}.orb.two{background:#10B981;right:10%;bottom:9%;animation:float 9s ease infinite reverse}@keyframes grad{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes float{50%{transform:translateY(30px) scale(1.08)}}.table-card{border-radius:24px;padding:18px}.btn{border-radius:13px}.form-control,.form-select{border-radius:13px}@media(max-width:900px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto}.content{padding:14px}.topbar{display:block}.sidebar.collapsed{width:100%}}