@font-face{font-family:Bricolage;font-display:swap;src:local(Bricolage Grotesque)}:root{--bg:#0a0b0e;--bg-grad:radial-gradient(1200px 600px at 10% -10%, #e8b54912, transparent 60%), radial-gradient(900px 500px at 100% 0%, #e8b5490a, transparent 60%), #0a0b0e;--surface-1:#101218;--surface-2:#15181f;--surface-3:#1b1f28;--surface-4:#232833;--hairline:#ffffff0f;--hairline-2:#ffffff1a;--hairline-strong:#ffffff29;--overlay:#0a0b0eb3;--text:#f5f4ee;--text-2:#c7c8c5;--text-3:#8a8c8e;--text-4:#5e6068;--text-dim:#3f4148;--gold:#e8b549;--gold-soft:#f5d58c;--gold-deep:#b88a22;--gold-tint:#e8b5491f;--gold-tint-2:#e8b54938;--gold-glow:0 0 0 1px #e8b54959, 0 8px 28px -8px #e8b54959;--pos:#4ade80;--pos-bg:#4ade801a;--neg:#f87171;--neg-bg:#f871711a;--warn:#fbbf24;--info:#7dd3fc;--violet:#c4b5fd;--font-display:"Bricolage Grotesque", "DM Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-ui:"Geist", "DM Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-2xl:28px;--shadow-1:0 1px 0 #ffffff0a inset, 0 1px 2px #0006;--shadow-2:0 1px 0 #ffffff0d inset, 0 12px 32px -12px #0009;--shadow-card:0 1px 0 #ffffff0a inset, 0 0 0 1px var(--hairline), 0 12px 24px -16px #00000080}[data-mantine-color-scheme=light]{--bg:#f7f6f2;--bg-grad:radial-gradient(1200px 600px at 10% -10%, #b88a2214, transparent 60%), radial-gradient(900px 500px at 100% 0%, #b88a220a, transparent 60%), #f7f6f2;--surface-1:#fff;--surface-2:#fbfaf6;--surface-3:#f2f0ea;--surface-4:#ece9e0;--hairline:#0f111514;--hairline-2:#0f11151f;--hairline-strong:#0f111533;--overlay:#f7f6f2b3;--text:#15161a;--text-2:#3a3d44;--text-3:#65686f;--text-4:#8f9298;--text-dim:#b5b7bc;--gold:#b88a22;--gold-soft:#c99d33;--gold-deep:#8b6716;--gold-tint:#b88a221a;--gold-tint-2:#b88a222e;--pos:#16a34a;--pos-bg:#16a34a1a;--neg:#dc2626;--neg-bg:#dc26261a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--bg-grad);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}.app-shell{height:100vh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.page-scroll{flex:1;overflow:hidden auto}.page-inner{max-width:1440px;padding:24px 28px}.sidebar{background:var(--surface-1);border-right:1px solid var(--hairline);flex-direction:column;flex-shrink:0;width:220px;height:100vh;display:flex;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--hairline);align-items:center;gap:10px;padding:18px 16px 16px;display:flex}.brand-logo{width:36px;height:36px;font-family:var(--font-display);color:var(--gold);background:linear-gradient(140deg,#15181f 0%,#0a0b0e 100%);border-radius:10px;flex-shrink:0;place-items:center;font-size:16px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #e8b54966,0 4px 14px -4px #e8b54933}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:15px;font-weight:700}.brand-tag{letter-spacing:.2em;color:var(--gold);margin-top:1px;font-size:9px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.nav-section{letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);padding:10px 8px 4px;font-size:10px;font-weight:600}.nav-item{border-radius:var(--r-sm);color:var(--text-3);cursor:pointer;align-items:center;gap:9px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex;position:relative}.nav-item:hover{background:var(--surface-2);color:var(--text-2)}.nav-item.active{background:var(--surface-3);color:var(--text)}.nav-badge{background:var(--gold-tint);color:var(--gold);font-variant-numeric:tabular-nums;border-radius:99px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:600}.nav-badge-neg{background:var(--neg-bg);color:var(--neg)}.sidebar-foot{border-top:1px solid var(--hairline);padding:12px 10px 16px}.topbar{background:var(--surface-1);border-bottom:1px solid var(--hairline);flex-shrink:0;align-items:center;gap:12px;height:52px;padding:0 20px;display:flex}.breadcrumbs{color:var(--text-3);align-items:center;gap:6px;font-size:12.5px;display:flex}.breadcrumbs .current{color:var(--text);font-weight:500}.topbar-spacer{flex:1}.topbar-search{width:260px;position:relative}.topbar-search input{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-sm);width:100%;color:var(--text);font-family:var(--font-ui);outline:none;height:34px;padding:0 34px;font-size:12.5px;transition:border-color .15s}.topbar-search input:focus{border-color:var(--hairline-2)}.topbar-search .search-icon{color:var(--text-4);width:14px;height:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.topbar-search .kbd{font-size:10px;font-family:var(--font-mono);color:var(--text-4);background:var(--surface-3);border:1px solid var(--hairline);border-radius:4px;padding:2px 6px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.icon-btn{border-radius:var(--r-sm);border:1px solid var(--hairline);width:34px;height:34px;color:var(--text-3);cursor:pointer;background:0 0;flex-shrink:0;place-items:center;transition:background .12s,color .12s;display:grid;position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.pip{background:var(--neg);border:1.5px solid var(--surface-1);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.user-chip{border-radius:var(--r-md);border:1px solid var(--hairline);cursor:pointer;align-items:center;gap:8px;padding:4px 10px 4px 4px;transition:background .12s;display:flex}.user-chip:hover{background:var(--surface-2)}.user-avatar{letter-spacing:-.02em;border-radius:8px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.user-name{font-size:12.5px;font-weight:600}.user-role{color:var(--text-4);font-size:10.5px}.card{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.card-head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.card-title{font-size:13.5px;font-weight:600}.card-sub{color:var(--text-3);margin-top:2px;font-size:11px}.card-body{padding:16px 18px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.025em;font-size:22px;font-weight:700;line-height:1.2}.page-sub{color:var(--text-3);margin-top:4px;font-size:12px}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{border-radius:var(--r-sm);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,box-shadow .12s,opacity .12s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--gold);color:#0a0b0e;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--gold-soft);box-shadow:var(--gold-glow)}.btn-ghost{background:var(--surface-2);color:var(--text-2);border-color:var(--hairline)}.btn-ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.btn-danger{background:var(--neg-bg);color:var(--neg);border-color:#f8717138}.btn-danger:hover:not(:disabled){background:#f871712e}.btn-sm{padding:5px 10px;font-size:12px}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.chip{background:var(--surface-3);color:var(--text-3);border:1px solid var(--hairline);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.chip-pos{background:var(--pos-bg);color:var(--pos);border-color:#4ade8033}.chip-neg{background:var(--neg-bg);color:var(--neg);border-color:#f8717133}.chip-warn{color:var(--warn);background:#fbbf241a;border-color:#fbbf2433}.chip-dot:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:2px;display:inline-block}.data-table{border-collapse:collapse;width:100%}.data-table th{letter-spacing:.04em;text-transform:uppercase;color:var(--text-4);text-align:left;border-bottom:1px solid var(--hairline);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--hairline);vertical-align:middle;padding:10px 12px;font-size:13px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:#ffffff05}.text-right{text-align:right}.metric-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:600}.metric-num{font-family:var(--font-display);letter-spacing:-.03em;font-size:26px;font-weight:700;line-height:1.1}.live-dot{background:var(--pos);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-card{border-radius:var(--r-md);background:linear-gradient(155deg,#4ade8014,#4ade8003);border:1px solid #4ade802e;padding:12px 14px}.drawer-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:80;background:#050608b3;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--surface-1);border-left:1px solid var(--hairline);flex-direction:column;height:100%;display:flex;overflow:hidden}.drawer-head{border-bottom:1px solid var(--hairline);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.drawer-body{flex:1;padding:22px;overflow-y:auto}.drawer-foot{border-top:1px solid var(--hairline);flex-shrink:0;gap:8px;padding:16px;display:flex}.avatar{font-size:13px;font-weight:700;font-family:var(--font-display);background:linear-gradient(135deg, var(--surface-3), var(--surface-4));color:var(--text-2);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.platform-pill{background:var(--surface-2);border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.mini-kpi{padding:14px}.row-field{background:var(--surface-2);border-radius:10px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.row-field-label{color:var(--text-3);flex-shrink:0;width:96px;padding-top:1px;font-size:11.5px}.row-field-value{flex:1;font-size:13px}.partner-cell{border:1px solid var(--hairline);background:var(--surface-2);border-radius:8px;padding:7px 10px}.partner-cell.highlight{background:var(--gold-tint);border-color:#e8b5492e}.partner-cell-label{color:var(--text-3);font-size:11px;font-weight:500}.partner-cell.highlight .partner-cell-label{color:var(--gold)}.partner-cell-value{font-variant-numeric:tabular-nums;margin-top:2px;font-size:13px;font-weight:600}.quality-ring{flex-shrink:0;position:relative}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:11px}.text-sm{font-size:12.5px}.text-gold{color:var(--gold)}.text-2{color:var(--text-2)}.text-3{color:var(--text-3)}.text-4{color:var(--text-4)}.num{font-variant-numeric:tabular-nums}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.login-page{background:var(--bg-grad);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{width:100%;max-width:380px}