:root{--bg: #f6f7f9;--surface: #ffffff;--border: #eceef2;--text: #1d2333;--text-2: #6b7280;--text-3: #9aa1ac;--primary: #6b5cf0;--primary-weak: #f1effe;--primary-ink: #5646d6;--red: #ef4444;--amber: #f59e0b;--green: #22c55e;--blue: #3b82f6;--pink: #ec4899;--red-weak: #fdecec;--amber-weak: #fdf3e3;--green-weak: #e8f8ee;--blue-weak: #eaf1fe;--pink-weak: #fdeaf4;--radius: 16px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);--sidebar-w: 236px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{padding:6px 10px 2px}.brand h1{font-size:22px;font-weight:800;margin:0;color:var(--primary);letter-spacing:-.02em}.brand span{font-size:12px;color:var(--text-3)}.nav{margin-top:14px;display:flex;flex-direction:column;gap:2px}.nav-sep{height:1px;background:var(--border);margin:12px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--radius-sm);color:var(--text-2);font-size:14px;font-weight:500;cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:#f7f7fb;color:var(--text)}.nav-item.active{background:var(--primary-weak);color:var(--primary-ink);font-weight:600}.ico,.nav-item .ico{width:18px;height:18px;flex:0 0 18px}.card-h .ico{color:var(--text-2)}.badge-ico .ico{width:18px;height:18px}.nav-badge{margin-left:auto;background:var(--amber);color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:1px 7px}.nav-badge.red{background:var(--red)}.userchip{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--border)}.userchip img{width:34px;height:34px;border-radius:50%}.userchip b{font-size:13px}.userchip span{font-size:12px;color:var(--text-3)}.main{flex:1;min-width:0;padding:26px 30px 60px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.topbar h2{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em}.topbar p{margin:4px 0 0;color:var(--text-2);font-size:14px}.topbar-actions{display:flex;gap:10px;flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap}.btn:hover{background:#f7f7fb}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-ink)}.btn:disabled{opacity:.55;cursor:not-allowed}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,1fr);margin-bottom:16px}.cols-3{grid-template-columns:1.05fr 1fr 1fr}.cols-3b{grid-template-columns:1fr 1fr 1fr}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.cols-3,.cols-3b{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card-h{display:flex;align-items:center;gap:9px;margin-bottom:14px}.card-h h3{margin:0;font-size:15px;font-weight:700}.card-h .count{margin-left:6px;color:var(--text-3);font-weight:600;font-size:13px}.card-foot{margin-top:14px;text-align:center}.link{color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;background:none;border:none}.link:hover{text-decoration:underline}.stat .n{font-size:34px;font-weight:800;line-height:1}.stat .lbl{font-size:14px;font-weight:600;margin-top:8px}.stat .sub{font-size:12px;color:var(--text-3);margin-top:2px}.stat .badge-ico{float:right;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}.b-red{background:var(--red-weak);color:#c0392b}.b-amber{background:var(--amber-weak);color:#b26a00}.b-green{background:var(--green-weak);color:#1a8f4a}.b-blue{background:var(--blue-weak);color:#2563eb}.b-pink{background:var(--pink-weak);color:#be2a72}.b-purple{background:var(--primary-weak);color:var(--primary-ink)}.b-gray{background:#f1f2f4;color:#6b7280}.row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--border)}.row:first-of-type{border-top:none}.row .idx{width:22px;height:22px;border-radius:50%;background:#f1f2f4;color:var(--text-2);font-size:12px;font-weight:700;display:grid;place-items:center;flex:0 0 22px}.row .body{flex:1;min-width:0}.row .body .t{font-size:14px;font-weight:600}.row .body .d{font-size:13px;color:var(--text-2);margin-top:2px}.row .right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.muted{color:var(--text-3)}.list-line{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:13px}.dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.check{color:var(--green);width:16px;height:16px;flex:0 0 16px;margin-top:1px}.bar{height:7px;border-radius:999px;background:#eef0f3;overflow:hidden;margin-top:6px}.bar>span{display:block;height:100%;border-radius:999px}.metric-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;font-size:13px;border-top:1px solid var(--border)}.metric-row:first-child{border-top:none}.trend-up{color:var(--green);font-weight:700;font-size:12px}.trend-down{color:var(--red);font-weight:700;font-size:12px}.demo-tag{font-size:10px;font-weight:700;color:var(--text-3);border:1px dashed var(--border);border-radius:6px;padding:1px 6px;text-transform:uppercase;letter-spacing:.04em}.assist-item{display:flex;gap:9px;align-items:flex-start;font-size:13px;padding:7px 0}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:600;color:var(--primary-ink);background:var(--surface);cursor:pointer}.chip:hover{background:var(--primary-weak)}.input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit}.input:focus{outline:2px solid var(--primary-weak);border-color:var(--primary)}.gate{min-height:100vh;display:grid;place-items:center;padding:24px}.gate .box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;width:380px;max-width:100%}.gate h1{color:var(--primary);margin:0 0 4px}.gate p{color:var(--text-2);font-size:14px;margin:0 0 18px}.tag-live{font-size:10px;font-weight:700;color:#1a8f4a;background:var(--green-weak);border-radius:6px;padding:1px 6px;text-transform:uppercase;letter-spacing:.04em}.empty{color:var(--text-3);font-size:13px;padding:10px 0}.foot-note{text-align:center;color:var(--text-3);font-size:12px;margin-top:30px}