@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");:root{--background:#0a0a0a;--foreground:#f5f5f7;--card:#161618;--card-foreground:#f5f5f7;--secondary:#1f1f22;--muted:#1f1f22;--muted-foreground:#98989d;--border:#2a2a2d;--input:#1f1f22;--sidebar:#0a0a0a;--sidebar-border:#1f1f22;--accent-lime:#75fb90;--accent-lime-fg:#0a0a0a;--accent-lime-text:color-mix(in srgb,var(--accent-lime) 40%,var(--foreground));--danger:#ff453a;--danger-bg:rgba(255,69,58,.15);--warning:#ff9f0a;--warning-bg:rgba(255,159,10,.15);--info:#64d2ff;--info-bg:rgba(100,210,255,.15);--success:#75fb90;--success-bg:rgba(117,251,144,.12);--plan-starter-bg:var(--secondary);--plan-starter-fg:var(--foreground);--plan-growth-bg:var(--muted-foreground);--plan-growth-fg:var(--background);--plan-enterprise-bg:#0e0e10;--plan-enterprise-fg:#ededf0;--plan-enterprise-border:#3a3a42;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font-body:"Inter",system-ui,sans-serif;--font-mono:"SF Mono","Fira Code",monospace}.theme-light{--background:#f5f5f7;--foreground:#1d1d1f;--card:#fff;--card-foreground:#1d1d1f;--secondary:#efeff1;--muted:#efeff1;--muted-foreground:#6e6e73;--border:#e3e3e6;--input:#efeff1;--sidebar:#fff;--sidebar-border:#e3e3e6;--accent-lime-fg:#0a0a0a;--danger:#d70015;--danger-bg:#fef2f2;--warning:#b25000;--warning-bg:#fff7ed;--info:#0071e3;--info-bg:#eff6ff;--success:#75fb90;--success-bg:rgba(117,251,144,.18);--plan-enterprise-border:#2a2a2d}*,:after,:before{box-sizing:border-box;margin:0;padding:0;border:0 solid var(--border)}html{font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-color:var(--background);color:var(--foreground)}a{color:inherit;text-decoration:inherit}button,input,select,textarea{font:inherit;color:inherit;background:transparent;border-radius:0;opacity:1}img,svg,video{display:block;max-width:100%}.num-xl{font-size:36px;letter-spacing:-.05em}.num-lg,.num-xl{font-weight:300;line-height:1}.num-lg{font-size:28px;letter-spacing:-.04em}.num-md{font-size:22px;font-weight:300;letter-spacing:-.03em;line-height:1}.label-xs{font-size:9px;letter-spacing:.07em}.label-sm,.label-xs{font-weight:500;text-transform:uppercase;color:var(--muted-foreground)}.label-sm{font-size:11px;letter-spacing:.06em}.card{background:var(--card);border:.5px solid var(--border);border-radius:var(--radius-lg)}.card-sm{border-radius:var(--radius-md)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.btn,button{cursor:pointer;transition:background .15s,color .15s,opacity .15s,transform .1s,border-color .15s}button:active{transform:scale(.97)}a{transition:color .15s,opacity .15s}.account-card,.contract-card,.metric-card,.onboarding-step,.qb-card,.ssp-card,.stat-card{transition:transform .18s ease,box-shadow .18s ease;will-change:transform}.account-card:hover,.contract-card:hover,.metric-card:hover,.ssp-card:hover,.stat-card:hover{transform:translateY(-2px)}.qb-card:hover{transform:translateY(-1px);opacity:.92}.nav-active{background:var(--foreground);color:var(--background);border-radius:var(--radius-sm)}.icon-btn{transition:opacity .15s}.icon-btn:hover{opacity:.72}.audit-row,.contract-row,.je-row{transition:background .12s;cursor:pointer}.audit-row:hover,.contract-row:hover,.je-row:hover{background:var(--secondary)!important}a[role=button]:active,button:active{transform:scale(.97)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 16px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;border:.5px solid transparent;text-decoration:none;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn-primary:disabled,.btn-primary[aria-disabled=true]{background:var(--secondary);color:var(--muted-foreground);border-color:var(--border);opacity:1}.btn-primary{background:var(--accent-lime);color:var(--accent-lime-fg)}.btn-primary:hover:not(:disabled){background:#5fe07a}.btn-secondary{background:transparent;color:var(--foreground);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--secondary)}.btn-danger{background:var(--danger-bg);color:var(--danger)}.btn-danger:hover:not(:disabled){opacity:.8}.btn-sm{height:30px;padding:0 12px;font-size:12px;gap:5px}.btn-icon{width:36px;height:36px;padding:0}.btn-icon.btn-sm{width:30px;height:30px}.upgrade-btn{transition:opacity .15s,transform .12s}.upgrade-btn:hover{opacity:.88;transform:translateY(-1px)}.refresh-btn{transition:all .15s}.refresh-btn:hover{background:var(--secondary)!important}.filter-pill{transition:background .12s,border-color .12s}.sidebar-nav-item{transition:background .12s,color .12s}.onboarding-step{transition:background .12s;border-radius:8px;padding:4px 6px}.onboarding-step:hover{background:var(--secondary)}a{transition:opacity .15s}a:hover{opacity:.82}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-slide-in-up{animation:slideInUp .4s ease-out forwards}.animate-fade-in{animation:fadeIn .18s ease-out forwards}.animate-spin{animation:spin 1s linear infinite}.animate-shimmer{animation:shimmer 1.5s ease-in-out infinite}@media (max-width:768px){.sidebar-desktop{display:none!important}.main-with-sidebar{margin-left:0!important}.topbar-inner{padding-left:16px!important;padding-right:16px!important}.main-content{padding:20px 16px!important}.metrics-grid{grid-template-columns:repeat(2,1fr)!important}.three-col-grid,.two-col-grid{grid-template-columns:1fr!important}.hide-mobile{display:none!important}.btn-mobile-full{width:100%!important;justify-content:center!important}.page-title{font-size:18px!important}.metric-value{font-size:22px!important}.card-padded{padding:16px!important}.filter-bar{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px}.filter-bar::-webkit-scrollbar{display:none}.contract-side-index{display:none!important}.contract-main-content{margin-left:0!important;max-width:100%!important}.qb-pill-text{display:none}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}[role=button],a,button{min-height:44px}.icon-btn-sm{min-height:unset}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr!important}.analyze-btn-text{display:none!important}}@media (min-width:769px) and (max-width:1024px){.sidebar-desktop{width:200px!important}.main-with-sidebar{margin-left:200px!important}.metrics-grid{grid-template-columns:repeat(2,1fr)!important}.main-content{padding:24px 20px!important}}@supports (padding:max(0px)){.topbar-inner{padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}body{padding-bottom:env(safe-area-inset-bottom)}}body,html{max-width:100%;overflow-x:hidden}@media print{.mobile-nav,.sidebar-desktop,[role=navigation],aside,header,nav{display:none!important}.main-with-sidebar{margin-left:0!important}.main-content{padding:12px!important}body,html{background:#fff!important;color:#111!important;overflow:visible!important}article,div,li,main,p,section,span,table,td,th{background:#fff!important;color:#111!important;box-shadow:none!important;text-shadow:none!important}[style*=border],td,th{border-color:#ddd!important}aside,header{position:static!important}table{page-break-inside:auto}tr{page-break-inside:avoid}h2,h3{page-break-after:avoid}@page{margin:15mm;size:A4 portrait}}:root{--shadow-card:0 1px 2px rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.38)}.theme-light{--shadow-card:0 1px 2px rgba(17,24,39,.04),0 4px 14px rgba(17,24,39,.05),0 14px 36px rgba(17,24,39,.05)}.card,[style*="background: var(--card)"],[style*="background:var(--card)"]{box-shadow:var(--shadow-card)}.theme-light{--border:#ececee}@media (max-width:860px){.hero-grid{grid-template-columns:1fr!important}.hero-art{height:240px!important}}