:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#6b7280;--line:#e7eaf2;--primary:#5b5cf0;--primary2:#8b5cf6;--accent:#10b981;--danger:#ef4444;--success:#10b981;--shadow:0 18px 55px rgba(40,45,90,.10);--radius:18px}html[data-theme-preset="royal"]{--primary:#6d28d9;--primary2:#a855f7;--accent:#ec4899}html[data-theme-preset="business"]{--primary:#2563eb;--primary2:#0f766e;--accent:#06b6d4}html[data-theme-preset="energy"]{--primary:#059669;--primary2:#16a34a;--accent:#f59e0b}html[data-theme-preset="crimson"]{--primary:#dc2626;--primary2:#db2777;--accent:#f59e0b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0,#eef0ff 0,transparent 30%),var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.dark{--bg:#080d1a;--card:#111827;--text:#edf2ff;--muted:#aab4cc;--line:#263149;--shadow:0 18px 55px rgba(0,0,0,.30);background:radial-gradient(circle at 80% 0,#182044 0,transparent 32%),var(--bg)}a{text-decoration:none;color:inherit}.topbar{height:68px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;padding:0 22px;gap:18px}.dark .topbar{background:rgba(17,24,39,.88)}.brand{font-weight:800;display:flex;gap:10px;align-items:center;min-width:210px}.brand-logo{width:38px;height:38px;border-radius:11px;object-fit:contain;background:var(--card);border:1px solid var(--line);padding:4px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900;box-shadow:0 8px 20px rgba(91,92,240,.25)}.greeting{color:var(--muted);font-weight:600;flex:1;display:flex;gap:10px;align-items:center}.top-time{font-weight:500;font-size:12px}.top-actions{display:flex;align-items:center;gap:9px}.icon-btn,.avatar{border:1px solid var(--line);background:var(--card);width:38px;height:38px;border-radius:11px;display:grid;place-items:center;cursor:pointer}.avatar{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:800}.logout{padding:9px 12px;border-radius:10px;border:1px solid var(--line);font-weight:700}.sidebar{position:fixed;top:68px;bottom:0;left:0;width:252px;padding:16px 12px;background:var(--card);border-right:1px solid var(--line);overflow:auto;z-index:90}.sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:5px 10px 12px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.nav-group{margin-bottom:7px}.hide-desktop{display:none!important}.show-desktop{display:block}.hide-mobile{display:none!important}.show-mobile{display:block}.nav-link,.sub-link{display:flex;gap:10px;align-items:center;padding:11px 13px;border-radius:12px;color:var(--muted);margin:2px 0;transition:.2s}.nav-link:hover,.sub-link:hover,.nav-link.active,.sub-link.active{background:linear-gradient(135deg,rgba(91,92,240,.13),rgba(139,92,246,.07));color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.nav-icon{width:22px;text-align:center;font-weight:800}.sub-link{padding-left:44px;font-size:13px}.design-link{display:block;margin:12px 5px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;color:var(--primary);font-weight:800}.sidebar-bottom{display:flex;justify-content:space-between;padding:15px 10px;color:var(--muted);font-size:11px;border-top:1px solid var(--line);margin-top:15px}.main{margin-left:252px;padding-top:68px;min-height:calc(100vh - 45px)}.container{padding:26px;max-width:1700px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.page-head h1{margin:0;font-size:28px;letter-spacing:-.02em}.muted{color:var(--muted)}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.stat{display:flex;justify-content:space-between;align-items:flex-start}.stat strong{font-size:30px;display:block;margin-top:6px}.pill{padding:5px 9px;border-radius:99px;background:rgba(91,92,240,.10);color:var(--primary);font-size:12px;font-weight:800}.btn{border:0;border-radius:11px;padding:10px 15px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:white;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(91,92,240,.16)}.btn.secondary{background:var(--card);color:var(--text);border:1px solid var(--line);box-shadow:none}.btn.danger{background:var(--danger)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{margin-bottom:13px}.field label{display:block;font-weight:750;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--text);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(91,92,240,.10)}.field textarea{min-height:110px;resize:vertical}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table th{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}.alert{padding:12px 15px;border-radius:12px;margin-bottom:18px}.alert.success{background:#10b98118;color:#047857}.alert.danger{background:#ef444418;color:#b91c1c}.mobile-only{display:none}.empty{padding:30px;text-align:center;color:var(--muted)}.site-footer{margin-left:252px;padding:14px 26px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}.page-error{text-align:center;max-width:720px;margin:30px auto}.error-icon{width:58px;height:58px;border-radius:18px;background:#ef444418;color:var(--danger);display:grid;place-items:center;font-size:28px;font-weight:900;margin:0 auto 14px}.login-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 20% 10%,rgba(91,92,240,.18),transparent 32%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.15),transparent 30%),var(--bg)}.login-card{width:min(460px,100%);background:rgba(255,255,255,.90);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:0 30px 80px rgba(35,42,90,.14)}.dark .login-card{background:rgba(17,24,39,.90)}.login-brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:18px;margin-bottom:30px}.eyebrow{font-size:11px;color:var(--primary);font-weight:900;letter-spacing:.16em}.login-card h1{font-size:32px;margin:5px 0}.login-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:5px 0 18px}.check{display:flex;gap:6px;align-items:center;color:var(--muted)}.login-btn{width:100%;padding:13px}.login-footer{display:flex;justify-content:space-between;margin-top:22px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.theme-option{border:1px solid var(--line);border-radius:15px;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px}.theme-option input{position:absolute;opacity:0}.theme-option:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 2px rgba(91,92,240,.13)}.theme-preview{height:64px;border-radius:11px;background:linear-gradient(135deg,var(--p),var(--s));position:relative;overflow:hidden}.theme-preview i,.theme-preview b,.theme-preview em{position:absolute;border-radius:8px;background:#fff}.theme-preview i{left:7px;top:7px;bottom:7px;width:18%;opacity:.9}.theme-preview b{left:28%;right:7px;top:7px;height:13px;opacity:.9}.theme-preview em{left:28%;right:7px;top:27px;bottom:7px;opacity:.65}.theme-option strong{font-size:12px}.theme-option small{color:var(--muted);font-size:10px}.dark .theme-option{background:#0e1524}@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:225px}.main{margin-left:225px}.site-footer{margin-left:225px}.brand{min-width:auto}}@media(max-width:700px){.hide-desktop{display:block!important}.hide-mobile{display:none!important}.show-desktop{display:none!important}.show-mobile{display:block}.mobile-only{display:grid}.topbar{padding:0 12px;gap:8px}.brand span:last-child{display:none}.brand-logo{width:36px;height:36px}.greeting{display:none}.sidebar{transform:translateX(-105%);transition:.25s;width:285px;box-shadow:20px 0 45px rgba(0,0,0,.15)}.sidebar-open .sidebar{transform:translateX(0)}.main,.site-footer{margin-left:0}.container{padding:18px 12px}.grid-4,.grid-3,.grid-2,.form-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.table-wrap{border:0}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:8px;background:var(--card)}.table td{border:0;white-space:normal;display:flex;justify-content:space-between;gap:10px}.table td:before{content:attr(data-label);font-weight:800;color:var(--muted);min-width:100px}.logout{display:none}.site-footer{padding:13px 12px;flex-direction:column;gap:4px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-card{padding:24px;border-radius:22px}}
.nav-section{margin:4px 0;border-radius:12px}.nav-section>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:12px;color:var(--muted);font-weight:700;cursor:pointer;user-select:none}.nav-section>summary::-webkit-details-marker{display:none}.nav-section>summary:hover,.nav-section[open]>summary{background:rgba(91,92,240,.08);color:var(--primary)}.nav-chevron{margin-left:auto;transition:transform .18s ease}.nav-section[open] .nav-chevron{transform:rotate(180deg)}.nav-section-items{padding:2px 0 6px 13px}.nav-section .sub-link{margin:2px 0;padding:9px 10px 9px 31px}