*{box-sizing:border-box}
:root{--page:#eef2f5;--panel:#fff;--panel-soft:#f7f8fa;--ink:#17202b;--muted:#657180;--line:#d8dee5;--black:#090909;--charcoal:#181818;--orange:#f4a126;--orange-dark:#a94f00;--shadow:0 5px 18px rgba(28,39,49,.07);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html{min-width:320px;background:var(--page)}
body{min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at top right,rgba(244,161,38,.10),transparent 28rem),var(--page);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:#7f3d00;text-underline-offset:3px}a:hover{color:var(--orange-dark)}
button,input,select,textarea{font:inherit}.shell{width:min(1180px,calc(100% - 36px));margin:0 auto}.main{padding:28px 0 52px;min-height:calc(100vh - 78px)}
.site-header{position:sticky;top:0;z-index:50;color:#fff;background:linear-gradient(115deg,#050505,#151515 65%,#20170b);border-bottom:3px solid var(--orange);box-shadow:0 7px 24px rgba(0,0,0,.24)}
.top{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:baseline;gap:12px;color:#fff!important;text-decoration:none;white-space:nowrap}.brand-main{font-size:1.48rem;font-weight:900;letter-spacing:-.065em;line-height:1}.brand-accent{color:var(--orange)}.brand-service{padding-left:12px;border-left:1px solid rgba(255,255,255,.28);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#e4e4e4}
.nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.nav a{padding:9px 11px;border-radius:8px;color:#fff;text-decoration:none;font-size:.9rem;font-weight:750}.nav a:hover{background:rgba(244,161,38,.16);color:#fff}.nav .signout{color:var(--orange)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px;margin:0 0 18px;box-shadow:var(--shadow)}h1,h2,h3{line-height:1.15}h1{font-size:clamp(1.9rem,4vw,2.8rem);letter-spacing:-.04em;margin:.18em 0}h2{font-size:1.25rem}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.73rem;font-weight:900;color:var(--orange-dark)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:#171717;color:#fff;padding:10px 14px;text-decoration:none;font-weight:800;cursor:pointer}.btn.orange,button.orange{background:var(--orange);color:#18130a}.btn.secondary,button.secondary{background:#e7ebef;color:var(--ink)}.danger{background:#a43939!important;color:#fff!important}
label{display:block;font-weight:750;margin:0 0 14px}input,textarea,select{width:100%;padding:10px 12px;border:1px solid #aeb8c3;border-radius:8px;background:#fff;color:var(--ink);margin-top:5px}textarea{min-height:180px}.flash{padding:12px 14px;margin:0 0 15px;border-left:4px solid var(--orange);background:#fff4e9}.error{border-color:#b00020;background:#fff0f2}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--panel-soft)}code{background:#e9edf1;padding:.12em .3em;border-radius:4px}.pill{display:inline-block;border:1px solid #c9d0d7;border-radius:999px;padding:3px 8px;font-size:12px;margin:2px}.tree ul{list-style:none;padding-left:22px}.tree>ul{padding-left:0}.tree li{margin:7px 0}.tree a{text-decoration:none;color:var(--ink)}.tree a:hover{text-decoration:underline}
.hub-hero{display:flex;justify-content:space-between;gap:22px;align-items:flex-end}.hub-meta{text-align:right}.app-card{display:block;text-decoration:none;color:inherit}.app-card:hover{border-color:#bfc8d1;transform:translateY(-1px)}.app-card strong{font-size:1.08rem}.attention{border-left:4px solid var(--orange)}.attention-list{list-style:none;padding:0;margin:12px 0 0}.attention-list li{padding:9px 0;border-top:1px solid var(--line)}.attention-list li:first-child{border-top:0}.metric{font-size:2rem;font-weight:900;line-height:1}.metric-label{color:var(--muted);font-size:.82rem}.service-status{font-size:.78rem;color:var(--muted)}
.auth-wrap{width:min(600px,calc(100% - 28px));margin:54px auto}.login-brand{margin-bottom:24px;color:var(--ink)!important}.login-brand .brand-main{color:var(--ink)}.login-brand .brand-service{color:#56616d;border-color:#c6ccd2}
@media(max-width:760px){.shell{width:min(100% - 22px,1180px)}.top{min-height:64px;align-items:flex-start;flex-direction:column;padding:12px 0}.nav{width:100%}.nav a{padding:6px 7px}.brand-service{font-size:.64rem}.hub-hero{align-items:flex-start;flex-direction:column}.hub-meta{text-align:left}.card{padding:18px}th,td{white-space:nowrap}}