:root{--bg:#f4f6fb;--card:#fff;--tx:#12151d;--mut:#667085;--line:#e4e8f0;--acc:#2f7df6;--acc-soft:rgba(47,125,246,.1);--ok:#1f9d55;--err:#e05252;--warn:#d97706;--shadow:0 1px 3px rgba(16,24,40,.08);--side-w:242px;--side-rail:62px}[data-theme=dark]{--bg:#0f1117;--card:#171a23;--tx:#e8eaf0;--mut:#8b90a0;--line:#262b38;--acc:#3b86f7;--acc-soft:rgba(59,134,247,.14);--ok:#2fbf71;--err:#f06161;--warn:#f59e0b;--shadow:0 8px 24px rgba(0,0,0,.35)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--tx);font-size:15px}a{color:var(--acc);text-decoration:none}.shell{display:flex;min-height:100vh}.content{flex:1 1;min-width:0}.wrap{max-width:1400px;margin:0 auto;padding:24px 28px 80px}.sidebar{width:var(--side-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--card);border-right:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;padding:14px 12px;box-shadow:var(--shadow);transition:width .18s ease;scrollbar-width:none}.sidebar::-webkit-scrollbar{width:0}.sidebar.collapsed{width:var(--side-rail);padding:14px 8px}.sidebar .side-head{display:flex;align-items:center;gap:8px;padding:4px 6px 12px;min-height:46px}.sidebar .logo{font-weight:800;font-size:19px;letter-spacing:.4px;white-space:nowrap}.sidebar .logo span{color:var(--acc)}.sidebar.collapsed .logo,.sidebar.collapsed .sect{display:none}.sidebar.collapsed .side-head{justify-content:center;padding-bottom:10px}.burger{background:transparent;border:1px solid var(--line);color:var(--tx);width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:15px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.burger:hover{background:var(--acc-soft);border-color:var(--acc)}.burger-float{top:12px;left:12px;z-index:60;width:42px;height:42px;border-radius:12px;font-size:18px;background:var(--card);box-shadow:var(--shadow)}.backdrop,.burger-float{display:none;position:fixed}.backdrop{inset:0;z-index:50;background:rgba(0,0,0,.45)}.sidebar .sect{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:14px 12px 5px}.sidebar .sect,.sidebar a.item{color:var(--mut);white-space:nowrap}.sidebar a.item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font-size:14px;transition:background .12s,color .12s}.sidebar a.item:hover{background:var(--acc-soft);color:var(--tx)}.sidebar a.item.active{background:var(--acc-soft);color:var(--acc);font-weight:700}.sidebar a.item .rail-ico{display:none}.sidebar.collapsed a.item{justify-content:center;padding:10px 0}.sidebar.collapsed a.item .lbl{display:none}.sidebar.collapsed a.item .rail-ico{display:inline-flex;width:30px;height:30px;border-radius:9px;background:var(--acc-soft);color:var(--acc);align-items:center;justify-content:center;font-size:13px;font-weight:700}.sidebar.collapsed a.item.active .rail-ico{background:var(--acc);color:#fff}.sidebar .spacer{flex:1 1}.topbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 28px;background:var(--card);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:40;box-shadow:var(--shadow)}.topbar .spacer{flex:1 1}.topbar .bal{font-weight:700;color:var(--ok);font-size:14px}.topbar .who{color:var(--mut);font-size:13px}.btn{background:var(--acc);color:#fff;border:0;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--tx);border:1px solid var(--line)}.btn.sm{padding:6px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.btn-icon{background:var(--card);border:1px solid var(--line);color:var(--tx);width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:15px;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{border-color:var(--acc)}input,select,textarea{background:var(--bg);color:var(--tx);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;width:100%;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc)}.field{margin:12px 0}.field label{display:block;color:var(--mut);font-size:13px;margin-bottom:6px}.hint{color:var(--mut);line-height:1.5}.hint,code{font-size:12.5px}code{background:var(--acc-soft);color:var(--acc);padding:2px 6px;border-radius:6px}code,pre{word-break:break-all}pre{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px;font-size:12px;overflow-x:auto;white-space:pre-wrap}.grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:16px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.card .lbl{color:var(--mut);font-size:12.5px;margin-bottom:6px}.card .val{font-size:22px;font-weight:700}.card .sub{color:var(--mut);font-size:12px;margin-top:4px}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:14px;box-shadow:var(--shadow)}.panel h2{font-size:16px;margin-bottom:12px}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;color:var(--mut);font-weight:600;padding:8px 10px}td,th{border-bottom:1px solid var(--line);white-space:nowrap}td{padding:9px 10px}tr:last-child td{border-bottom:0}.table-scroll{overflow-x:auto}.badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:12px;font-weight:600}.badge.ok{background:rgba(31,157,85,.12);color:var(--ok)}.badge.err{background:rgba(224,82,82,.12);color:var(--err)}.badge.warn{background:rgba(217,119,6,.12);color:var(--warn)}.badge.acc{background:var(--acc-soft);color:var(--acc)}.msg{padding:10px 14px;border-radius:10px;font-size:13.5px;margin:10px 0}.msg.ok{background:rgba(31,157,85,.12);color:var(--ok)}.msg.err{background:rgba(224,82,82,.12);color:var(--err)}.row{gap:10px;flex-wrap:wrap}.auth-wrap,.row{display:flex;align-items:center}.auth-wrap{justify-content:center;min-height:calc(100vh - 60px);padding:16px}.auth-card{width:100%;max-width:380px}.auth-card .logo{text-align:center;font-size:22px;font-weight:800;margin-bottom:18px}.auth-card .logo span{color:var(--acc)}.bars{display:flex;align-items:flex-end;gap:3px;height:120px;padding:8px 0}.bars .bar{flex:1 1;min-width:4px;background:var(--acc);border-radius:3px 3px 0 0;opacity:.85;position:relative}.bars .bar:hover{opacity:1}.bars .bar .tip{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--tx);color:var(--bg);font-size:11px;padding:3px 7px;border-radius:6px;white-space:nowrap;z-index:5}.bars .bar:hover .tip{display:block}.cat-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:16px}.cat-card{padding:0;overflow:hidden}.cat-preview{width:100%;height:140px;object-fit:cover;display:block}.cat-nopreview{width:100%;height:140px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--acc-soft),transparent);color:var(--acc);font-size:42px;font-weight:800}@media (max-width:820px){.burger-float{display:inline-flex}.backdrop.open{display:block}.shell{flex-direction:column}.sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;z-index:55;transform:translateX(-100%);transition:transform .2s ease;width:var(--side-w)!important;padding:14px 12px}.sidebar.open{transform:translateX(0);box-shadow:0 0 40px rgba(0,0,0,.4)}.sidebar .side-head{padding:2px 6px 12px}.topbar{padding:12px 12px 12px 64px}.wrap{padding:14px 12px 48px}.card .val{font-size:19px}}