:root{--bg: #f5f5f7;--surface: #ffffff;--surface-2: #fbfbfd;--text: #1d1d1f;--text-2: #6e6e73;--text-3: #86868b;--border: #d2d2d7;--border-soft: #e8e8ed;--blue: #0071e3;--blue-hover: #0077ed;--blue-soft: #e8f1fd;--green: #1d7a3e;--green-bg: #e7f6ec;--red: #d70015;--red-bg: #fdeceb;--amber: #94550a;--amber-bg: #fdf1e0;--purple: #5b21b6;--purple-bg: #efeafc;--radius: 18px;--radius-s: 12px;--ease: cubic-bezier(.28, .11, .32, 1);--shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 2px 10px rgba(0, 0, 0, .05);--shadow-2: 0 6px 16px rgba(0, 0, 0, .08), 0 16px 40px rgba(0, 0, 0, .08);--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:var(--bg);font-size:15px;line-height:1.47;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.page{max-width:1160px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:8px 0 22px}.page-title{font-size:clamp(28px,3.4vw,40px);font-weight:700;letter-spacing:-.022em;line-height:1.08;margin:0}.page-sub{color:var(--text-2);margin:8px 0 0;font-size:16px;letter-spacing:-.01em}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:20px;animation:rise .5s var(--ease) both;transition:box-shadow .3s var(--ease),transform .3s var(--ease)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-title{font-weight:600;font-size:19px;letter-spacing:-.014em;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px;margin-bottom:22px}.stat{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:18px 20px;animation:rise .5s var(--ease) both;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}.stat-value{font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.05;font-variant-numeric:tabular-nums}.stat-label{color:var(--text-2);font-size:12.5px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;margin-top:7px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.grid-2{grid-template-columns:1fr}}table.table{width:100%;border-collapse:collapse;font-size:14.5px}table.table th{text-align:left;color:var(--text-3);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;padding:10px 12px;border-bottom:1px solid var(--border-soft);white-space:nowrap}table.table td{padding:13px 12px;border-bottom:1px solid #f2f2f5;vertical-align:middle;letter-spacing:-.006em}table.table tr:last-child td{border-bottom:none}table.table tbody tr{transition:background .2s var(--ease)}table.table tbody tr:hover{background:#fafafc}.num{text-align:right;font-variant-numeric:tabular-nums}.muted{color:var(--text-2)}.small{font-size:13px}.mono{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:13px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3.5px 10px;border-radius:999px;font-size:12.5px;font-weight:600;letter-spacing:-.005em;white-space:nowrap}.b-green{background:var(--green-bg);color:var(--green)}.b-red{background:var(--red-bg);color:var(--red)}.b-amber{background:var(--amber-bg);color:var(--amber)}.b-blue{background:var(--blue-soft);color:var(--blue)}.b-grey{background:#f0f0f3;color:#57575c}.b-purple{background:var(--purple-bg);color:var(--purple)}.btn{appearance:none;border:1px solid transparent;background:#e8e8ed;color:var(--text);border-radius:980px;padding:8px 18px;font-size:14px;font-weight:500;letter-spacing:-.01em;font-family:var(--font);cursor:pointer;transition:background .2s var(--ease),transform .15s var(--ease),box-shadow .2s var(--ease)}.btn:hover{background:#dedee4}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-hover)}.btn.ghost{background:transparent;color:var(--blue)}.btn.ghost:hover{background:var(--blue-soft)}.btn.sm{padding:5px 12px;font-size:13px}.btn.green{background:#248a3d;color:#fff}.btn.green:hover{background:#1d7a34}.btn.red{background:#d70015;color:#fff}.btn.red:hover{background:#b60011}.search,.input{border:1px solid var(--border);border-radius:var(--radius-s);padding:9px 13px;font-size:14.5px;font-family:var(--font);letter-spacing:-.008em;background:#fff;color:var(--text);min-width:220px;outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.search:focus,.input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #0071e324}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:13.5px;font-weight:600;letter-spacing:-.008em;color:var(--text)}.field .input{width:100%;min-width:0}.empty,.loading,.err{padding:40px;text-align:center;color:var(--text-2);font-size:15px}.err{color:var(--red)}.tabs{display:flex;gap:4px;margin-bottom:18px;background:#ececf0;border-radius:12px;padding:4px;width:fit-content}.tab{appearance:none;background:none;border:none;padding:7px 16px;font-size:14px;font-weight:500;letter-spacing:-.01em;font-family:var(--font);color:var(--text-2);cursor:pointer;border-radius:9px;transition:background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}.tab.active{color:var(--text);background:#fff;box-shadow:0 1px 3px #0000001a}.delta-up{color:var(--red);font-weight:600}.delta-down{color:var(--green);font-weight:600}.progress{height:8px;background:#e8e8ed;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--blue);border-radius:999px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px 4px}@media(max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}.page{padding:0 2px}.page-head{flex-direction:column;align-items:stretch;gap:10px}.card{padding:16px}.card:has(table.table){overflow-x:auto;-webkit-overflow-scrolling:touch}.stat-value{font-size:26px}.search{min-width:0;width:100%}table.table{font-size:13px}table.table th,table.table td{padding:9px 8px;white-space:nowrap}.tabs{width:100%;overflow-x:auto}}@media(max-width:640px){.content{padding:20px 14px 40px}.page-title{font-size:26px}.btn{padding:7px 14px;font-size:13.5px}.badge{font-size:11.5px;padding:3px 8px}}