:root{--bg:#0b1020;--panel:#11182c;--panel-2:#19233d;--line:rgba(255,255,255,.08);--text:#f4f7fb;--muted:#9fb0cf;--accent:#d8b15f;--shadow:0 18px 45px rgba(0,0,0,.28)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,#09101b,#121a32);color:var(--text)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{border-right:1px solid var(--line);background:rgba(8,12,22,.78);padding:24px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.sidebar h1{margin:0 0 6px}.muted{color:var(--muted)}
.sidebar-note{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:6px}.nav-links{display:grid;gap:10px}
.nav-btn,.primary-btn,.small-btn,.secondary-btn{border:none;border-radius:14px;padding:12px 14px;font:inherit;cursor:pointer}
.nav-btn{background:transparent;color:var(--text);text-align:left;border:1px solid var(--line)}.nav-btn.active{background:var(--panel-2)}.primary-btn{background:var(--accent);color:#111;font-weight:800;box-shadow:var(--shadow)}.secondary-btn{background:transparent;color:var(--text);border:1px solid var(--line)}.small-btn{background:transparent;color:var(--text);border:1px solid var(--line);padding:8px 10px}
.content{padding:24px}.panel,.card,.stat-card,.item{background:rgba(17,24,44,.88);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.panel{padding:22px}.card,.stat-card,.item{padding:18px}
.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;font-weight:800}
h2,h3,p{margin-top:0}.stats-grid,.split-grid,.form-grid,.driver-grid{display:grid;gap:16px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.split-grid,.driver-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
label{display:grid;gap:8px;font-weight:600}input,select,textarea{width:100%;border-radius:14px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:12px 13px;font:inherit}.full{grid-column:1/-1}
.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.toolbar input,.toolbar select{max-width:320px}.list-stack{display:grid;gap:12px}.item{display:grid;gap:10px}.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.92rem}.actions-row{display:flex;gap:10px;flex-wrap:wrap}
.status-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04)}.kv{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.kv:last-child{border-bottom:none}.top-space{margin-top:16px}.simple-list{margin:0;padding-left:18px}
.toast{position:fixed;right:18px;bottom:18px;max-width:340px;background:#101522;border:1px solid var(--line);padding:12px 14px;border-radius:14px;box-shadow:var(--shadow)}.calc-preview{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:18px;padding:16px}.hidden{display:none!important}
.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,#09101b,#121a32)}.login-card{width:min(100%,420px);background:rgba(17,24,44,.94);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 18px 45px rgba(0,0,0,.28);padding:28px}.login-card h2{margin:0 0 8px}.login-sub,.login-help{color:#9fb0cf}.login-card input{margin-bottom:12px}
@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line)}.stats-grid,.split-grid,.driver-grid,.form-grid{grid-template-columns:1fr}}

.preview-thumb{
  width: 180px;
  max-width: 100%;
  border-radius: 14px;
  border: 1px solid var(--line);
  display:block;
}
.doc-preview-wrap{
  margin-top: 10px;
}
.decision-good{color:#7be0b3}
.decision-mid{color:#f0cc76}
.decision-bad{color:#ff8f8f}

.brand-lockup{
  display:flex;
  align-items:center;
  gap:12px;
}
.brand-lockup h1{
  font-size:1rem;
  margin:0;
  line-height:1.15;
}
.brand-sub{
  font-size:.82rem;
  margin-top:4px;
}
.sidebar-logo{
  width:54px;
  height:54px;
  object-fit:contain;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
}
.login-brand-wrap{
  display:grid;
  justify-items:center;
  text-align:center;
  gap:10px;
}
.login-logo{
  width:96px;
  height:96px;
  object-fit:contain;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  padding:8px;
}
.login-card{
  background:
    radial-gradient(circle at top, rgba(216,177,95,.18), transparent 38%),
    rgba(17,24,44,.94);
}
.brand-hero{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:18px;
  margin-bottom:18px;
  border:1px solid var(--line);
  border-radius:24px;
  padding:20px;
  background:
    radial-gradient(circle at top right, rgba(216,177,95,.18), transparent 32%),
    rgba(255,255,255,.03);
}
.brand-hero-copy h3{
  font-size:1.35rem;
  margin-bottom:10px;
}
.brand-hero-logo-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
}
.brand-hero-logo{
  width:min(100%,240px);
  border-radius:24px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  padding:12px;
  object-fit:contain;
}
.stats-grid .stat-card strong{
  font-size:1.55rem;
}
.panel-head h2{
  letter-spacing:-0.02em;
}
.item strong{
  font-size:1.05rem;
}
.preview-thumb{
  box-shadow:var(--shadow);
}
@media (max-width:980px){
  .brand-hero{
    grid-template-columns:1fr;
  }
  .brand-lockup h1{
    font-size:.95rem;
  }
}

:root{
  --premium-gold:#dcb15a;
  --premium-gold-soft:#f0d28c;
  --premium-black:#07090d;
}
body{
  background:
    radial-gradient(circle at top right, rgba(220,177,90,.12), transparent 28%),
    radial-gradient(circle at top left, rgba(220,177,90,.08), transparent 24%),
    linear-gradient(180deg, #06080d 0%, #0d1322 100%);
}
.sidebar{
  background:
    linear-gradient(180deg, rgba(7,9,13,.96), rgba(13,19,34,.92));
}
.sidebar-note,
.panel,
.card,
.stat-card,
.item{
  backdrop-filter: blur(10px);
}
.primary-btn{
  background: linear-gradient(135deg, #f0d28c 0%, #c89632 100%);
}
.secondary-btn,
.small-btn,
.nav-btn{
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.secondary-btn:hover,
.small-btn:hover,
.nav-btn:hover,
.primary-btn:hover{
  transform: translateY(-1px);
}
.nav-btn.active{
  background: linear-gradient(180deg, rgba(220,177,90,.12), rgba(255,255,255,.02));
  border-color: rgba(220,177,90,.28);
}
.status-pill,
.sidebar-note,
.login-logo,
.sidebar-logo,
.brand-hero-logo{
  border-color: rgba(220,177,90,.18);
}
.premium-pill{
  background: linear-gradient(180deg, rgba(220,177,90,.16), rgba(255,255,255,.03));
}
.login-screen{
  background:
    radial-gradient(circle at top, rgba(220,177,90,.16), transparent 34%),
    linear-gradient(180deg,#06080d,#0d1322);
}
.login-card{
  border:1px solid rgba(220,177,90,.18);
}
.brand-hero{
  background:
    radial-gradient(circle at top right, rgba(220,177,90,.24), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border-color: rgba(220,177,90,.16);
}
.hero-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.hero-chips span{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  font-size:.86rem;
  color:var(--premium-gold-soft);
  border:1px solid rgba(220,177,90,.18);
  background:rgba(255,255,255,.03);
}
.panel-head h2,
.brand-hero-copy h3{
  color:#fff8ea;
}
.kv strong,
.stat-card strong{
  color:#fff8ea;
}
input:focus,
select:focus,
textarea:focus{
  outline:none;
  border-color: rgba(220,177,90,.45);
  box-shadow: 0 0 0 3px rgba(220,177,90,.12);
}
.item{
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}
.preview-thumb{
  border-color: rgba(220,177,90,.22);
}
@media (max-width: 720px){
  .content{
    padding:16px;
  }
  .panel{
    padding:16px;
  }
  .toolbar{
    flex-direction:column;
    align-items:stretch;
  }
  .toolbar input,
  .toolbar select,
  .toolbar button{
    max-width:none;
    width:100%;
  }
  .actions-row{
    flex-direction:column;
  }
  .small-btn,
  .secondary-btn,
  .primary-btn{
    width:100%;
    justify-content:center;
  }
  .login-card{
    padding:22px;
  }
}