:root{--bg-0: #070b18;--bg-1: #0b1124;--bg-2: #0f1730;--glass: rgba(20, 32, 64, .45);--glass-border: rgba(94, 234, 255, .18);--cyan: #22d3ee;--cyan-soft: #67e8f9;--violet: #a855f7;--magenta: #e879f9;--text: #e8f0ff;--text-dim: #8aa0c8;--good: #34d399;--warn: #fbbf24;--bad: #f87171;--radius: 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,system-ui,sans-serif;color:var(--text);background:radial-gradient(1200px 700px at 85% -10%,rgba(168,85,247,.18),transparent 60%),radial-gradient(900px 600px at -10% 110%,rgba(34,211,238,.12),transparent 60%),var(--bg-0);min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;gap:28px;padding:10px 22px;background:linear-gradient(180deg,#0f1730eb,#070b18d9);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40}.topbar-brand{flex-shrink:0}.brand{font-size:20px;font-weight:800;letter-spacing:1px;line-height:1}.brand b{color:var(--cyan);text-shadow:0 0 16px rgba(34,211,238,.6)}.brand-sub{font-size:10px;color:var(--text-dim);margin-top:4px;letter-spacing:1px}.topnav{display:flex;gap:6px;flex-wrap:wrap}.nav-item{display:flex;align-items:center;gap:9px;padding:10px 18px;border-radius:12px;color:var(--text-dim);text-decoration:none;font-size:14px;font-weight:500;transition:all .18s ease;border:1px solid transparent}.nav-item:hover{color:var(--text);background:#22d3ee0f}.nav-item.active{color:var(--cyan-soft);background:#22d3ee1a;border-color:var(--glass-border);box-shadow:0 0 20px #22d3ee26 inset}.nav-item .ico{font-size:17px}.nav-item{background:transparent;cursor:pointer;font-family:inherit}.nav-item .caret{font-size:10px;opacity:.7;margin-left:2px}.nav-dd{position:relative}.nav-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;background:linear-gradient(180deg,#0f1730fa,#0b1124fa);border:1px solid var(--glass-border);border-radius:12px;padding:6px;z-index:60;box-shadow:0 12px 40px #00000080;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-menu-item{display:block;padding:10px 14px;border-radius:8px;color:var(--text-dim);text-decoration:none;font-size:14px;font-weight:500;transition:all .15s ease}.nav-menu-item:hover{color:var(--text);background:#22d3ee14}.nav-menu-item.active{color:var(--cyan-soft);background:#22d3ee1f}.main{flex:1;padding:16px 22px;overflow-x:hidden}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.page-title{font-size:21px;font-weight:800;letter-spacing:.5px}.page-title b{color:var(--cyan)}.card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:14px 16px;box-shadow:0 8px 40px #00000059}.grid{display:grid;gap:18px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}@media(max-width:1100px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}}.stat{text-align:left}.stat .label{font-size:11px;color:var(--text-dim);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:8px}.stat .value{font-size:27px;font-weight:800;color:var(--cyan);text-shadow:0 0 22px rgba(34,211,238,.4);line-height:1}.stat .delta{font-size:12px;margin-top:8px}.stat .delta.up{color:var(--good)}.stat .delta.down{color:var(--bad)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10.5px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;padding:8px 10px;border-bottom:1px solid var(--glass-border)}td{padding:8px 10px;font-size:13px;border-bottom:1px solid rgba(94,234,255,.06)}tr:hover td{background:#22d3ee0a}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px}.badge.cyan{background:#22d3ee24;color:var(--cyan-soft)}.badge.violet{background:#a855f729;color:var(--magenta)}.badge.good{background:#34d39924;color:var(--good)}.badge.warn{background:#fbbf2424;color:var(--warn)}.badge.bad{background:#f8717124;color:var(--bad)}.badge.dim{background:#8aa0c81f;color:var(--text-dim)}.btn{border:1px solid var(--glass-border);background:#22d3ee1a;color:var(--cyan-soft);padding:10px 18px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease}.btn:hover{background:#22d3ee33;box-shadow:0 0 24px #22d3ee40}.btn.ghost{background:transparent;color:var(--text-dim)}.btn.violet{background:#a855f729;color:var(--magenta);border-color:#a855f74d}input,textarea,select{width:100%;background:#070b1899;border:1px solid var(--glass-border);border-radius:10px;color:var(--text);padding:10px 12px;font-size:14px;font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #22d3ee1f}label.field{display:block;margin-bottom:14px}label.field span{display:block;font-size:12px;color:var(--text-dim);margin-bottom:6px}.section-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:8px}.section-title .ico{color:var(--cyan)}.subtabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.subtab{background:transparent;border:1px solid var(--glass-border);color:var(--text-dim);padding:9px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease}.subtab:hover{color:var(--text);background:#22d3ee0f}.subtab.active{color:var(--cyan-soft);background:#22d3ee1f;border-color:var(--cyan);box-shadow:0 0 16px #22d3ee33}.muted{color:var(--text-dim);font-size:13px}.row{display:flex;gap:12px;align-items:center}.spread{justify-content:space-between}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060eb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:560px;max-width:92vw;max-height:88vh;overflow-y:auto}.modal.modal-wide{width:880px}.modal.modal-publish{width:1180px}.modal.modal-video{width:460px;padding:14px}.modal.modal-link{width:620px;padding:26px}.cal-table th{text-align:center;font-size:11px}.cal-table th,.cal-table td{padding:3px 5px}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}input[type=date]{position:relative;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.4);opacity:.7;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.fb-row-set>td{background:#22d3ee0d}.fb-row-ad>td{background:#a855f70d}.fb-indent{display:flex;align-items:center;gap:8px;border-left:2px solid transparent;padding-left:6px}.fb-lvl-set .fb-indent{border-left-color:var(--cyan);margin-left:14px}.fb-lvl-ad .fb-indent{border-left-color:var(--violet, #a855f7);margin-left:38px}.fb-caret{color:var(--cyan);width:14px;display:inline-block;flex-shrink:0;cursor:pointer}.fb-thumb{width:40px;height:40px;border-radius:8px;flex-shrink:0;overflow:hidden;background:#22d3ee14;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:18px}.fb-seg{font-size:11px;color:var(--text-dim);display:flex;gap:10px;flex-wrap:wrap}.fb-jump{min-width:280px;max-width:360px}.empty{text-align:center;padding:60px 20px;color:var(--text-dim)}.ai-box{background:#a855f714;border:1px solid rgba(168,85,247,.25);border-radius:12px;padding:18px;white-space:pre-wrap;line-height:1.6;font-size:14px}.fb-table th,.fb-table td{text-align:center;vertical-align:middle}.user-box .nav-item{gap:10px}.user-box .nav-menu button.nav-menu-item{font-family:inherit;font-size:14px}