:root{
  color-scheme:dark;
  --gw-bg:#06101c;--gw-ink:#f6f8fc;--gw-muted:#a4b2c4;--gw-panel:#0c1b2c;
  --gw-panel-2:#11263b;--gw-line:#23405d;--gw-gold:#d8b96d;--gw-blue:#3b86fb;
  --gw-green:#57cbb2;--gw-red:#f08087;--gw-white:#ffffff;--gw-shadow:rgba(0,0,0,.25)
}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,system-ui,sans-serif}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top right,var(--gw-panel-2),var(--gw-bg) 55%);color:var(--gw-ink)}
button,input,textarea,select{font:inherit}a{color:var(--gw-gold)}button{cursor:pointer}
button:disabled{opacity:.45;cursor:not-allowed}button,select,input,textarea{outline-offset:3px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gw-gold)}
[hidden]{display:none!important}.top{border-bottom:1px solid var(--gw-line);background:var(--gw-panel);position:sticky;top:0;z-index:4}
.top-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1440px;margin:auto;padding:17px 28px}
.brand{font-weight:850;letter-spacing:.15em;text-decoration:none;color:var(--gw-ink);white-space:nowrap}
.brand b{color:var(--gw-gold)}.environment{border:1px solid var(--gw-line);border-radius:999px;padding:7px 12px;font-size:11px;color:var(--gw-muted);font-weight:700;letter-spacing:.11em}
.top-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.button{border:1px solid var(--gw-line);background:var(--gw-panel-2);color:var(--gw-ink);padding:10px 15px;border-radius:10px;font-weight:700;transition:background .2s ease,border .2s ease,transform .2s ease}
.button:hover{border-color:var(--gw-gold);transform:translateY(-1px)}.button.primary{background:var(--gw-gold);color:var(--gw-bg);border-color:var(--gw-gold)}
.button.small{padding:7px 10px;font-size:12px}.button.danger{border-color:var(--gw-red);color:var(--gw-red)}
.auth-wrap{max-width:1100px;margin:54px auto;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;padding:0 24px;align-items:center}
.hero h1{font-size:clamp(42px,5.5vw,76px);line-height:1.04;letter-spacing:-.05em;margin:14px 0}
.hero h1 em{color:var(--gw-gold);font-style:normal}.hero p{font-size:18px;color:var(--gw-muted);max-width:610px;line-height:1.7}
.eyebrow{text-transform:uppercase;color:var(--gw-gold);font-size:12px;letter-spacing:.2em;font-weight:800}
.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}.hero-grid div{padding:16px;border:1px solid var(--gw-line);border-radius:12px;background:var(--gw-panel);font-size:13px;color:var(--gw-muted)}
.hero-grid strong{display:block;color:var(--gw-white);font-size:18px;margin-bottom:4px}
.card{background:var(--gw-panel);border:1px solid var(--gw-line);box-shadow:0 18px 50px var(--gw-shadow);border-radius:18px;padding:24px}
.card h2,.card h3{margin:0 0 12px}.card p{color:var(--gw-muted);line-height:1.6}
.auth-card{max-width:430px;width:100%;justify-self:end}.tabs{display:flex;gap:8px;margin-bottom:24px}
.tabs button{flex:1}.tabs button.active{border-color:var(--gw-gold);color:var(--gw-gold)}
.stack{display:grid;gap:15px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
label{display:grid;gap:7px;color:var(--gw-muted);font-size:13px;font-weight:700}
input,select,textarea{border:1px solid var(--gw-line);background:var(--gw-bg);color:var(--gw-ink);padding:12px;border-radius:10px;width:100%}
textarea{resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:var(--gw-muted);opacity:.7}
.notice{background:var(--gw-panel-2);color:var(--gw-muted);border-left:3px solid var(--gw-gold);border-radius:10px;padding:13px 16px;line-height:1.55}
.notice.success{border-color:var(--gw-green)}.notice.error{border-color:var(--gw-red);color:var(--gw-ink)}
#message{max-width:1360px;margin:14px auto;padding:0 25px}#message .notice{margin-bottom:16px}
.workspace{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 76px)}
.sidebar{border-right:1px solid var(--gw-line);padding:25px 18px;background:var(--gw-panel)}
.sidebar .label{font-size:11px;color:var(--gw-gold);letter-spacing:.16em;text-transform:uppercase;margin:20px 8px 12px}
.sidebar .navitem{display:block;padding:13px 12px;border:1px solid transparent;border-radius:10px;color:var(--gw-muted);text-decoration:none;font-size:14px;margin:4px 0}
.sidebar .navitem.active,.sidebar .navitem:hover{background:var(--gw-panel-2);border-color:var(--gw-line);color:var(--gw-ink)}
.main{min-width:0;max-width:1240px;width:100%;padding:30px 32px 80px;margin:auto}
.workspace-head{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:26px}
.workspace-head h1{font-size:clamp(29px,4vw,42px);margin:4px 0;letter-spacing:-.035em}
.workspace-head p{margin:6px 0;color:var(--gw-muted)}
.org-picker{min-width:225px;max-width:330px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.metric{padding:20px;border:1px solid var(--gw-line);background:var(--gw-panel);border-radius:14px}
.metric span{color:var(--gw-muted);font-size:12px;display:block}.metric strong{font-size:29px;display:block;margin:7px 0}
.panels{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(285px,.8fr);gap:20px;margin-bottom:20px}
.card-title{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:20px}
.card-title small{color:var(--gw-gold);font-weight:700}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}
.data-table th{color:var(--gw-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.data-table th,.data-table td{padding:13px 12px;border-bottom:1px solid var(--gw-line);vertical-align:middle}
.data-table td{overflow-wrap:anywhere}.pill{display:inline-block;border:1px solid var(--gw-line);border-radius:999px;padding:5px 8px;font-size:11px;color:var(--gw-gold)}
ul.clean{padding:0;list-style:none}ul.clean li{border-bottom:1px solid var(--gw-line);padding:14px 0}
ul.clean li strong{display:block;margin-bottom:6px}ul.clean li small{color:var(--gw-muted)}
.empty{color:var(--gw-muted);font-size:14px;padding:18px 0}.form-actions{display:flex;align-items:center;justify-content:flex-end;margin-top:4px;gap:10px}
.footer{border-top:1px solid var(--gw-line);padding:22px 27px;color:var(--gw-muted);font-size:12px}
.section{scroll-margin-top:100px}.section+.section{margin-top:22px}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.panels{grid-template-columns:1fr}}
@media(max-width:800px){.auth-wrap{grid-template-columns:1fr;gap:25px;margin:30px auto}.auth-card{justify-self:stretch;max-width:none}.workspace{grid-template-columns:1fr}.sidebar{display:flex;gap:10px;overflow-x:auto;padding:10px 14px;border-right:0;border-bottom:1px solid var(--gw-line)}.sidebar .label{display:none}.sidebar .navitem{white-space:nowrap}.main{padding:24px 17px 50px}.top-inner{padding:15px}.brand{font-size:13px}.environment{display:none}}
@media(max-width:560px){.grid2,.metrics,.hero-grid{grid-template-columns:1fr}.card{padding:18px}.top-actions{gap:6px}.workspace-head{align-items:stretch}.org-picker{width:100%;max-width:none}}