:root{
  --bg:#07110f;--surface:#0d1916;--surface2:#12221e;--surface3:#172b26;
  --line:rgba(255,255,255,.08);--text:#f4f7f5;--muted:#8fa59d;
  --mint:#7ee2b8;--mint2:#34b98a;--amber:#f5c66d;--red:#ff8d8d;--blue:#8db9ff;
  --shadow:0 24px 70px rgba(0,0,0,.34);--radius:22px
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:
 radial-gradient(circle at 18% 0%,rgba(44,150,113,.12),transparent 30%),
 linear-gradient(145deg,#07110f,#091512 50%,#06100d);color:var(--text);
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
button,input{font:inherit}.hidden{display:none!important}.eyebrow{margin:0 0 8px;letter-spacing:.18em;font-size:11px;font-weight:800;color:var(--mint)}
.ambient{position:fixed;border-radius:50%;filter:blur(100px);opacity:.16;pointer-events:none}.ambient-a{width:440px;height:440px;background:#2be3a5;top:-220px;right:5%}.ambient-b{width:360px;height:360px;background:#287dff;bottom:-220px;left:10%}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:8vw;padding:6vw;position:relative;z-index:1}
.brand-panel{max-width:780px}.brand-panel h1{font-size:clamp(52px,7vw,104px);line-height:.93;letter-spacing:-.065em;margin:24px 0}.lead{max-width:680px;font-size:20px;line-height:1.55;color:#b7c8c1}
.brand-mark{width:74px;height:74px;border:1px solid rgba(126,226,184,.35);border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(126,226,184,.17),rgba(126,226,184,.03));box-shadow:inset 0 0 30px rgba(126,226,184,.08)}
.brand-mark span{font-size:36px;font-weight:900;color:var(--mint);font-family:Georgia,serif}.brand-mark.small{width:44px;height:44px;border-radius:15px}.brand-mark.small span{font-size:23px}
.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:46px}.promise-grid div{padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:18px}.promise-grid strong,.promise-grid span{display:block}.promise-grid span{color:var(--muted);font-size:13px;margin-top:7px}
.login-card{justify-self:end;width:min(460px,100%);padding:38px;border:1px solid var(--line);border-radius:30px;background:rgba(13,25,22,.88);backdrop-filter:blur(28px);box-shadow:var(--shadow);display:grid;gap:20px}
.login-card h2{font-size:32px;margin:0 0 8px}.login-card p{color:var(--muted);margin:0}.login-card label{display:grid;gap:8px;color:#cfe0d9;font-size:13px;font-weight:700}
input{border:1px solid var(--line);background:#08130f;color:var(--text);border-radius:14px;padding:14px 16px;outline:none}input:focus{border-color:var(--mint);box-shadow:0 0 0 4px rgba(126,226,184,.08)}
button{border:0;color:inherit;cursor:pointer}.primary{background:linear-gradient(135deg,var(--mint),#58cba0);color:#062218;font-weight:900;border-radius:13px;padding:13px 18px;box-shadow:0 8px 25px rgba(84,205,157,.16)}.primary:hover{transform:translateY(-1px)}.wide{width:100%;padding:16px}
.text-button{background:none;color:var(--mint);padding:6px}.form-error{min-height:20px;color:var(--red)!important;font-size:13px}
.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:24px 16px;border-right:1px solid var(--line);background:rgba(7,17,15,.83);backdrop-filter:blur(24px);display:flex;flex-direction:column;z-index:10}
.logo-row{display:flex;align-items:center;gap:12px;padding:0 9px 27px}.logo-row strong,.logo-row small{display:block}.logo-row strong{font-size:18px}.logo-row small{font-size:11px;color:var(--muted);margin-top:3px}
nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:13px;padding:12px 14px;background:transparent;border-radius:13px;color:#9fb2aa;text-align:left}.nav-item i{width:22px;text-align:center;font-style:normal;font-size:18px}.nav-item:hover{background:rgba(255,255,255,.04);color:var(--text)}.nav-item.active{background:linear-gradient(90deg,rgba(126,226,184,.16),rgba(126,226,184,.04));color:var(--mint);box-shadow:inset 3px 0 var(--mint)}
.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:20px 10px 0;display:flex;align-items:center;gap:11px}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:12px}.sidebar-foot small{color:var(--muted);font-size:10px;margin-top:3px}
.status-dot{width:10px;height:10px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--amber)}.status-dot.online{background:var(--mint);box-shadow:0 0 12px var(--mint)}.status-dot.offline{background:var(--red);box-shadow:0 0 12px var(--red)}
main{grid-column:2;min-width:0;padding:0 34px 54px}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:linear-gradient(#08130fff,rgba(8,19,15,.90));backdrop-filter:blur(20px);z-index:8;border-bottom:1px solid rgba(255,255,255,.035)}
.topbar h1{font-size:28px;margin:0;letter-spacing:-.035em}.top-actions{display:flex;align-items:center;gap:10px}.icon-button,.command-button,.soft-button{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:11px 14px;color:#b9c9c3}.icon-button:hover,.command-button:hover,.soft-button:hover{background:rgba(255,255,255,.08);color:var(--text)}
.command-button{min-width:220px;text-align:left;display:flex;gap:9px;align-items:center}.command-button kbd{margin-left:auto}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px}.user-chip>div{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,var(--mint),#2b946f);color:#062218;display:grid;place-items:center;font-weight:900}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:12px}.user-chip small{font-size:10px;color:var(--muted);margin-top:2px}
kbd{font-size:10px;border:1px solid var(--line);border-radius:6px;padding:3px 6px;color:var(--muted);background:#07110f}.view{display:none}.view.active{display:block}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:26px}
.hero-card,.weather-card,.panel,.metric-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,41,34,.88),rgba(11,25,21,.88));box-shadow:0 15px 50px rgba(0,0,0,.18)}
.hero-card{min-height:230px;border-radius:30px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-120px;top:-150px;background:radial-gradient(circle,rgba(126,226,184,.15),transparent 68%)}.hero-card h2{font-size:38px;letter-spacing:-.05em;margin:0 0 12px}.hero-card p:not(.eyebrow){color:var(--muted);margin:0}
.hero-ring{position:relative;width:150px;height:150px;z-index:1}.hero-ring svg{transform:rotate(-90deg)}.hero-ring circle{fill:none;stroke-width:9}.ring-bg{stroke:rgba(255,255,255,.07)}.ring-value{stroke:var(--mint);stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:57;filter:drop-shadow(0 0 8px rgba(126,226,184,.4));transition:stroke-dashoffset .8s ease}.hero-ring span{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.hero-ring strong,.hero-ring small{display:block}.hero-ring strong{font-size:30px}.hero-ring small{color:var(--muted);font-size:11px}
.weather-card{border-radius:30px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,rgba(36,61,51,.94),rgba(12,30,24,.88))}.pulse-score strong{font-size:58px;letter-spacing:-.07em}.pulse-score span{color:var(--muted)}.weather-card>p:last-child{color:var(--muted);line-height:1.45}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric-card{border-radius:20px;padding:20px}.metric-top{display:flex;justify-content:space-between}.metric-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(126,226,184,.1);color:var(--mint)}.metric-delta{font-size:11px;padding:5px 8px;border-radius:999px;background:rgba(126,226,184,.1);color:var(--mint)}.metric-card strong{display:block;font-size:30px;margin-top:17px;letter-spacing:-.04em}.metric-card small{color:var(--muted)}
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panel{border-radius:var(--radius);padding:22px;min-width:0}.span-2{grid-column:span 2}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-head h3{margin:0;font-size:18px}.badge{padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900}.badge.warn{background:rgba(245,198,109,.12);color:var(--amber)}.badge.ok{background:rgba(126,226,184,.12);color:var(--mint)}
.flow-board{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.flow-stage{padding:13px;border-radius:15px;background:rgba(255,255,255,.025);border:1px solid var(--line);min-height:150px}.flow-stage>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.flow-stage h4{margin:0;font-size:12px}.flow-stage .count{color:var(--mint);font-weight:900}.job-card{padding:11px;margin-top:8px;border-radius:11px;background:#0a1512;border:1px solid rgba(255,255,255,.06)}.job-card strong,.job-card small{display:block}.job-card strong{font-size:11px}.job-card small{color:var(--muted);font-size:9px;margin-top:4px}
.list{display:grid;gap:10px}.list-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:13px;background:rgba(255,255,255,.025)}.list-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(245,198,109,.1);color:var(--amber)}.list-item strong,.list-item small{display:block}.list-item strong{font-size:12px}.list-item small{font-size:10px;color:var(--muted);margin-top:4px}.list-item time{margin-left:auto;font-size:10px;color:var(--muted)}
.live-label{font-size:9px;color:var(--mint);font-weight:900}.live-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:5px;box-shadow:0 0 8px var(--mint)}
.capacity-chart{display:grid;gap:14px}.capacity-row{display:grid;grid-template-columns:150px 1fr 44px;gap:12px;align-items:center;font-size:11px}.capacity-row span:last-child{text-align:right;color:var(--muted)}.bar{height:9px;background:rgba(255,255,255,.055);border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--mint2),var(--mint));box-shadow:0 0 10px rgba(126,226,184,.2)}
.module-toolbar{display:flex;gap:12px;margin:26px 0 16px}.search-wrap{flex:1;position:relative}.search-wrap span{position:absolute;left:14px;top:13px;color:var(--muted)}.search-wrap input{width:100%;padding-left:39px}.segmented{display:flex;padding:4px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.segmented button{background:transparent;padding:8px 12px;border-radius:9px;color:var(--muted)}.segmented button.active{background:rgba(126,226,184,.12);color:var(--mint)}
.module-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.data-table{overflow:auto}.table-row{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr .5fr;gap:12px;align-items:center;padding:13px 8px;border-top:1px solid var(--line);font-size:12px}.table-row.header{border-top:0;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.table-row strong{font-weight:700}.status-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(126,226,184,.1);color:var(--mint);font-size:9px;font-weight:900}
.command-overlay{position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(12px);z-index:100;display:flex;justify-content:center;padding-top:12vh}.command-palette{width:min(620px,92vw);height:max-content;border:1px solid var(--line);background:#0c1815;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.command-input{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.command-input input{border:0;background:transparent;flex:1;padding:4px}.command-result{padding:13px 18px;display:flex;justify-content:space-between}.command-result:hover{background:rgba(255,255,255,.04)}.toast{position:fixed;right:28px;bottom:28px;padding:14px 18px;border-radius:13px;background:#18362c;border:1px solid rgba(126,226,184,.25);box-shadow:var(--shadow);z-index:120;font-size:12px}
@media(max-width:1100px){.metric-grid,.module-kpis{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.flow-board{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr;padding:26px}.brand-panel h1{font-size:52px}.promise-grid{grid-template-columns:1fr}.login-card{justify-self:stretch}.app-shell{display:block}.sidebar{width:74px;padding:18px 10px}.logo-row>div:last-child,.nav-item span,.sidebar-foot div{display:none}.logo-row{padding-left:5px}.nav-item{justify-content:center;padding:13px}.sidebar-foot{justify-content:center}main{margin-left:74px;padding:0 14px 40px}.topbar{height:90px}.command-button,.user-chip span{display:none}.hero-grid,.content-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.metric-grid,.module-kpis{grid-template-columns:1fr 1fr}.hero-card h2{font-size:28px}.hero-ring{width:110px;height:110px}.flow-board{grid-template-columns:1fr 1fr}.segmented{display:none}.table-row{min-width:650px}}

.brand-logo-image {
  display: block;
  width: min(360px, 72vw);
  height: auto;
  object-fit: contain;
  object-position: left center;
  margin: 0 0 1.5rem 0;
  filter: drop-shadow(0 18px 36px rgba(0, 0, 0, 0.24));
}

@media (max-width: 720px) {
  .brand-logo-image {
    width: min(300px, 82vw);
    margin-bottom: 1.25rem;
  }
}