@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600&family=Geist+Mono:wght@400;500&display=swap";
:root{--background:#fff;--foreground:#171717;--muted:#666;--muted-strong:#4d4d4d;--surface:#fff;--surface-subtle:#fafafa;--ring:#00000014 0 0 0 1px;--card-shadow:#00000014 0 0 0 1px, #0000000a 0 2px 2px, #0000000a 0 8px 8px -8px, #fafafa 0 0 0 1px;--focus:#0072f5;--develop:#0a72ef;--preview:#de1d8d;--ship:#ff5b4f}*{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--foreground);font-feature-settings:"liga" 1;margin:0;font-family:Geist,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.console-shell{background:linear-gradient(#fff 0%,#fbfbfb 100%);min-height:100vh;display:flex}.mobile-menu-button,.mobile-backdrop{display:none}.sidebar{background:var(--surface);width:280px;height:100vh;box-shadow:var(--ring);z-index:30;padding:18px;transition:width .18s,transform .18s;position:sticky;top:0}.brand-block{align-items:center;gap:12px;padding:8px 6px 22px;display:flex}.brand-copy{min-width:0}.sidebar-toggle{cursor:pointer;background:#fff;border:0;border-radius:7px;place-items:center;width:30px;height:30px;margin-left:auto;display:grid;box-shadow:0 0 0 1px #ebebeb}.brand-mark{color:#fff;background:#171717;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:600;display:grid}.brand-title{letter-spacing:-.32px;font-size:18px;font-weight:600}.brand-subtitle,.tenant-muted,.metric-card span,.metric-card p,.table-header p,.page-heading p,.workflow-grid p{color:var(--muted)}.brand-subtitle{text-transform:uppercase;font-family:Geist Mono,monospace;font-size:11px}.nav-list,.nav-section,.nav-sublist{gap:6px;display:grid}.nav-section{margin:4px 0}.nav-sublist{border-left:1px solid #ebebeb;margin-left:18px;padding-left:10px}.nav-item{color:#171717;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;min-height:38px;padding:0 10px;font-size:14px;font-weight:500;display:flex}.nav-icon{background:#fafafa;border-radius:6px;flex:0 0 24px;place-items:center;width:24px;height:24px;font-family:Geist Mono,monospace;font-size:12px;display:grid}.nav-label{flex:1}.nav-item:hover{box-shadow:var(--ring);background:#fafafa}.nav-badge,.status-pill{color:#0068d6;background:#ebf5ff;border-radius:9999px;align-items:center;min-height:22px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.workspace{flex:1;min-width:0;transition:margin-left .18s}.sidebar-collapsed .sidebar{width:78px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-badge{display:none}.sidebar-collapsed .nav-sublist{border-left:0;margin-left:0;padding-left:0}.sidebar-collapsed .brand-block{justify-content:center;padding-left:0;padding-right:0}.sidebar-collapsed .sidebar-toggle{position:absolute;top:24px;right:-14px}.sidebar-collapsed .nav-item{justify-content:center;padding:0}.topbar{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:68px;box-shadow:var(--ring);background:#ffffffeb;grid-template-columns:auto minmax(190px,240px) minmax(260px,1fr) auto;align-items:center;gap:16px;padding:0 24px;display:grid;position:sticky;top:0}.tenant-switcher,.topbar-actions{align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.tenant-dot{background:#16a34a;border-radius:9999px;width:9px;height:9px}.global-search input{color:#171717;width:100%;min-height:40px;box-shadow:var(--ring);background:#fff;border:0;border-radius:8px;padding:0 14px}.topbar-actions button{cursor:pointer;background:#fff;border:0;border-radius:6px;min-height:34px;padding:0 12px;box-shadow:0 0 0 1px #ebebeb}.system-status-widget{position:relative}.system-status-button{align-items:center;gap:8px;display:inline-flex}.status-dot{background:#16a34a;border-radius:9999px;width:8px;height:8px;box-shadow:0 0 0 3px #16a34a1f}.status-warning .status-dot{background:#d97706;box-shadow:0 0 0 3px #d977061f}.status-critical .status-dot{background:#dc2626;box-shadow:0 0 0 3px #dc26261f}.system-status-panel{z-index:50;width:min(420px,100vw - 32px);box-shadow:var(--card-shadow), #0000001f 0 18px 45px;background:#fff;border-radius:14px;padding:18px;position:absolute;top:calc(100% + 10px);right:0}.status-panel-header{justify-content:space-between;gap:16px;margin-bottom:14px;display:flex}.status-panel-header h2,.status-eyebrow{margin:0}.status-eyebrow,.status-muted,.status-error,.status-grid small,.status-grid span{color:var(--muted)}.status-eyebrow{text-transform:uppercase;font-family:Geist Mono,monospace;font-size:11px;font-weight:500}.status-error{color:#dc2626}.status-grid{gap:10px;display:grid}.status-grid article{box-shadow:var(--ring);background:#fafafa;border-radius:10px;gap:4px;padding:12px;display:grid}.status-grid strong{letter-spacing:-.48px;font-size:18px}.main-content{padding:32px}.hero-panel,.metric-card,.workflow-grid article,.table-card{box-shadow:var(--card-shadow);background:#fff;border-radius:12px}.hero-panel{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:28px;padding:34px;display:grid}.eyebrow,.workflow-label{text-transform:uppercase;margin:0 0 10px;font-family:Geist Mono,monospace;font-size:12px;font-weight:500}.hero-panel h1,.page-heading h1{letter-spacing:-2.4px;max-width:760px;margin:0;font-size:clamp(36px,5vw,52px);line-height:1}.hero-copy,.page-heading p{max-width:780px;font-size:18px;line-height:1.65}.hero-card{box-shadow:var(--ring);background:#fafafa;border-radius:10px;gap:10px;padding:18px;display:grid}.status-blue{color:#0a72ef}.status-pink{color:#de1d8d;background:#fff0f8}.metric-grid,.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.metric-card,.workflow-grid article,.table-card{padding:22px}.metric-card strong{letter-spacing:-1.8px;margin:12px 0 4px;font-size:42px;line-height:1;display:block}.workflow-grid h2,.table-header h2{letter-spacing:-.96px;margin:8px 0}.develop{color:var(--develop)}.preview{color:var(--preview)}.ship{color:var(--ship)}.page-heading{margin-bottom:22px}.table-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.table-grid{box-shadow:var(--ring);border-radius:8px;display:grid;overflow:hidden}.table-row{background:#fff;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;padding:14px 16px;display:grid;box-shadow:inset 0 -1px #0000000f}.table-head{color:#4d4d4d;background:#fafafa;font-size:13px;font-weight:600}@media (min-width:901px){.mobile-menu-button{display:none}}@media (max-width:900px){.console-shell{display:block}.mobile-menu-button{cursor:pointer;background:#fff;border:0;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 0 1px #ebebeb}.sidebar{width:min(82vw,300px);height:100vh;position:fixed;top:0;left:0;transform:translate(-105%)}.mobile-menu-open .sidebar{transform:translate(0)}.mobile-menu-open .mobile-backdrop{z-index:20;background:#17171752;border:0;display:block;position:fixed;inset:0}.sidebar-toggle{display:none}.hero-panel,.metric-grid,.workflow-grid{grid-template-columns:1fr}.topbar{grid-template-columns:auto 1fr;min-height:auto;padding:12px 16px}.global-search,.topbar-actions{grid-column:1/-1}.topbar-actions{flex-wrap:wrap}.system-status-widget{position:static}.system-status-panel{width:auto;left:16px;right:16px}.main-content{padding:18px}.table-row{grid-template-columns:1fr}}
