:root{--nav:#111827;--nav2:#172033;--ink:#162033;--muted:#697386;--line:#e5e9f0;--bg:#f5f7fa;--card:#fff;--blue:#2563eb;--green:#0f9f6e;--amber:#d97706;--red:#dc2626;--indigo:#6366f1;--shadow:0 8px 30px rgba(16,24,40,.06)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--nav),#0b1220);color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:40}.brand-row{display:flex;align-items:center;gap:11px;padding:4px 8px 22px}.brand-mark,.auth-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:900;letter-spacing:-.04em;background:#fff;color:#111827}.brand-name{font-weight:850;font-size:19px}.brand-sub{font-size:11px;color:#8fa0b9;text-transform:uppercase;letter-spacing:.07em;margin-top:2px}.side-nav{display:grid;gap:4px;overflow:auto}.side-nav a{display:flex;align-items:center;gap:11px;color:#bdc8d8;text-decoration:none;padding:10px 12px;border-radius:10px;font-size:13.5px;font-weight:600}.side-nav a:hover{background:#172033;color:#fff}.side-nav a.active{background:#21304a;color:#fff;box-shadow:inset 3px 0 0 #60a5fa}.nav-icon{width:20px;text-align:center;color:#8da2c0}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:15px 8px 2px;font-size:11px;color:#7f91aa}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d399;margin-right:7px}.main-area{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 28px;position:sticky;top:0;z-index:30}.global-search{height:40px;max-width:520px;flex:1;display:flex;align-items:center;gap:8px;background:#f7f8fa;border:1px solid #e7eaf0;border-radius:10px;padding:0 12px}.global-search input{border:0;background:transparent;outline:0;width:100%;font-size:13px;color:var(--ink)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.company-switch select,.company-chip{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 10px;font-size:12px;color:#39445a;max-width:220px}.user-chip{display:flex;align-items:center;gap:8px;padding-left:4px}.user-chip .avatar{width:34px;height:34px;border-radius:10px;background:#e8eefc;color:#274690;font-weight:800;display:grid;place-items:center}.user-chip b{display:block;font-size:12px}.user-chip small{display:block;color:#8490a3;font-size:9px;margin-top:2px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{border:0;background:#f4f6f9;color:#4f5b70;width:36px;height:36px;border-radius:9px;cursor:pointer}.menu-btn{display:none}.content{padding:28px 32px 60px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#748095;font-weight:800;font-size:10px;margin-bottom:7px}.page-head h1{margin:0;font-size:28px;letter-spacing:-.025em}.page-head p{margin:7px 0 0;color:var(--muted);font-size:13.5px}.release-pill,.live-badge{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;border:1px solid #cfe0ff;background:#edf4ff;color:#2458a6;padding:7px 9px;border-radius:999px}.stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:16px;box-shadow:0 2px 10px rgba(16,24,40,.025);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#94a3b8}.tone-blue:before{background:var(--blue)}.tone-green:before{background:var(--green)}.tone-amber:before{background:var(--amber)}.tone-red:before{background:var(--red)}.tone-indigo:before{background:var(--indigo)}.stat-label{color:#768196;font-size:11.5px;font-weight:650}.stat-value{font-size:25px;font-weight:850;margin-top:7px;letter-spacing:-.03em}.panel,.flow-panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 12px rgba(16,24,40,.025);margin-bottom:18px;overflow:hidden}.panel-head,.flow-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #eef1f5}.panel-head h2,.flow-title h2{font-size:14px;margin:0}.panel-head a{font-size:11px;color:#2563eb;text-decoration:none;font-weight:700}.record-count{font-size:10px;color:#8a95a7}.flow-panel{padding:0}.flow-title p{margin:4px 0 0;color:var(--muted);font-size:11.5px}.workflow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:17px 18px}.workflow span{border:1px solid #dfe5ec;background:#f7f9fb;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:750}.workflow i{font-style:normal;color:#9aa5b5}.two-col{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:18px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;font-size:11.5px}.table-wrap th{text-align:left;padding:10px 14px;color:#798598;background:#fbfcfd;border-bottom:1px solid #edf0f4;font-size:9.5px;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap}.table-wrap td{padding:11px 14px;border-bottom:1px solid #f0f2f5;vertical-align:middle;white-space:nowrap}.table-wrap tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover{background:#fbfcfe}.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:10.5px;color:#44516a}.status{display:inline-flex;align-items:center;border:1px solid #dfe5ec;background:#f7f9fb;color:#596579;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;letter-spacing:.025em}.stack-list{padding:4px 0}.stack-item{display:flex;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #eff2f5}.stack-item:last-child{border-bottom:0}.stack-item p{margin:4px 0 0;color:#657186;font-size:11px;line-height:1.35}.empty,.empty-block{text-align:center;color:#98a2b3;padding:22px!important;font-size:11px}.empty-block h2{color:var(--ink)}.flash{padding:11px 13px;border-radius:9px;margin:0 0 14px;font-size:12px;font-weight:600}.flash.error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.flash.success{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534}.btn{border:0;border-radius:9px;padding:10px 14px;font-weight:750;font-size:12px;cursor:pointer}.btn.primary{background:#1d4ed8;color:#fff}.btn.full{width:100%;margin-top:4px}.form-panel{padding:22px}.form-grid{display:grid;gap:15px}.form-grid.narrow{max-width:520px}.form-grid label,.auth-card label{font-size:11px;font-weight:750;color:#47536a;display:grid;gap:6px}.form-grid input,.auth-card input,.search-page-form input{border:1px solid #dfe4eb;border-radius:9px;padding:11px 12px;outline:0;background:#fff;color:var(--ink)}.form-grid input:focus,.auth-card input:focus,.search-page-form input:focus{border-color:#7aa2f7;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.form-grid small{font-weight:500;color:#8792a4}.security-callout{background:#fff8e8;border:1px solid #f3dfae;border-radius:10px;padding:13px 15px;margin-bottom:20px}.security-callout b{font-size:12px}.security-callout p{font-size:11px;color:#75623a;margin:4px 0 0}.search-panel{padding:16px}.search-page-form{display:flex;gap:10px}.search-page-form input{flex:1}.search-results{padding:3px 0}.search-result{display:grid;grid-template-columns:150px 1fr auto;gap:12px;align-items:center;padding:11px 16px;border-bottom:1px solid #eff2f5;font-size:12px}.search-result:last-child{border-bottom:0}.auth-body{background:#0f172a}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr)}.auth-brand-panel{padding:8vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 20%,#23355b 0,#111827 40%,#0b1220 100%);color:#fff}.auth-brand-panel .auth-mark{margin-bottom:16px}.auth-brand{font-size:22px;font-weight:900}.auth-kicker{color:#91a1ba;text-transform:uppercase;letter-spacing:.08em;font-size:9px;margin-top:4px}.auth-brand-panel h1{font-size:44px;letter-spacing:-.04em;line-height:1.03;margin:50px 0 18px;max-width:620px}.auth-brand-panel>p{color:#aebbd0;line-height:1.6;max-width:600px;font-size:14px}.auth-chain{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:30px}.auth-chain span{padding:7px 9px;border:1px solid rgba(255,255,255,.13);border-radius:8px;font-size:10px;color:#d9e2f0}.auth-chain i{font-style:normal;color:#6f819e}.auth-card-wrap{background:#f6f7f9;display:grid;place-items:center;padding:30px}.auth-card{width:min(420px,100%);background:#fff;border:1px solid #e5e9ef;border-radius:16px;padding:30px;box-shadow:0 18px 70px rgba(15,23,42,.1);display:grid;gap:15px}.auth-card h2{font-size:25px;margin:0;letter-spacing:-.03em}.auth-card .muted{color:#7a8699;font-size:12px;margin:-8px 0 2px}.auth-note{text-align:center;color:#99a2b1;font-size:9px;margin-top:5px}.sidebar-backdrop{display:none}@media(max-width:1280px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;width:270px;transition:left .2s ease}.nav-open .sidebar{left:0}.sidebar-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.38);z-index:35}.nav-open .sidebar-backdrop{display:block}.menu-btn{display:inline-grid;place-items:center}.topbar{padding:0 16px}.user-chip div,.company-chip{display:none}.content{padding:22px 16px 50px}.two-col{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-brand-panel{display:none}}@media(max-width:680px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.global-search{display:none}.page-head{align-items:center}.page-head h1{font-size:23px}.release-pill{display:none}.company-switch select{max-width:145px}.table-wrap td,.table-wrap th{padding-left:10px;padding-right:10px}.workflow{align-items:flex-start}.search-result{grid-template-columns:1fr}.auth-card-wrap{padding:18px}.auth-card{padding:22px}}@media(max-width:420px){.stat-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:21px}.topbar{gap:8px}.company-switch select{max-width:120px}}