:root{
  --bg:#050711;
  --sidebar:#080914;
  --panel:#0d1020;
  --panel2:#12162a;
  --line:#252a45;
  --line2:#373d62;
  --text:#f7f7fb;
  --muted:#959bb3;
  --mint:#bc32f2;
  --mint-dark:#321046;
  --violet:#a843ff;
  --coral:#ff7185;
  --amber:#f6bd60;
  --blue:#4ba9ff;
  --shadow:0 22px 55px rgba(0,0,0,.35);
}

body{
  background:
    radial-gradient(circle at 80% -10%,rgba(25,111,189,.25),transparent 28%),
    radial-gradient(circle at 46% 12%,rgba(172,33,241,.13),transparent 26%),
    linear-gradient(145deg,#050711 0%,#070b18 52%,#081122 100%);
}

body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image:linear-gradient(rgba(130,144,190,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(130,144,190,.08) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,black,transparent 68%);
}

.sidebar{
  background:linear-gradient(180deg,rgba(8,9,20,.98),rgba(7,10,22,.95));
  border-right-color:#292448;
  box-shadow:18px 0 50px rgba(2,3,10,.28);
}

.ordertech-brand{
  display:block;
  padding:4px 4px 24px;
}

.ordertech-brand img{
  display:block;
  width:100%;
  height:58px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 0 14px rgba(183,45,242,.24));
}

.nav-item{border:1px solid transparent}.nav-item:hover{background:#15162b;border-color:#292d4c}.nav-item.active{background:linear-gradient(90deg,rgba(177,45,239,.22),rgba(43,87,170,.12));border-color:rgba(187,60,244,.32);color:#f1d9ff;box-shadow:inset 3px 0 #bc32f2}.nav-item em{background:#171a30}.nav-item.active em{background:#452056;color:#e9c8ff}
.nav-label{color:#626983}.sync-card{background:linear-gradient(145deg,#111427,#0c1020);border-color:#2a2e4c}.profile .avatar{background:linear-gradient(135deg,#7a24c7,#315fd1);color:white}

.topbar{border-bottom-color:#252a45;background:rgba(5,7,17,.38);backdrop-filter:blur(14px)}
.breadcrumb span,.eyebrow{color:#c658f7}.primary-btn{background:linear-gradient(135deg,#c039ef,#6c4df6);color:white;box-shadow:0 8px 24px rgba(164,44,232,.2)}.primary-btn:hover{box-shadow:0 10px 30px rgba(164,44,232,.34)}
.secondary-btn{background:#111426;border-color:#303655;color:#d5d8e6}.ai-btn{background:linear-gradient(135deg,#26133d,#111b3d);border-color:#8145c3;color:#eadcff}
.search,.icon-btn{background:#0d1121;border-color:#292e4b}.search:focus-within{border-color:#a43de4;box-shadow:0 0 0 3px rgba(164,61,228,.1)}

.panel,.kpi-card,.project-card,.integration-card,.risk-card,.empty-card{background:linear-gradient(145deg,rgba(18,22,42,.96),rgba(9,13,27,.96));border-color:#252b49}.panel:hover,.kpi-card:hover,.project-card:hover{border-color:#3b4168;transform:translateY(-1px);transition:.2s ease}.kpi-card{position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;inset:auto -25% -60% 35%;height:90px;background:radial-gradient(circle,rgba(162,52,229,.16),transparent 65%)}
.health-panel,.commitments-panel,.activity-panel,.attention-panel{backdrop-filter:blur(10px)}
.donut{background:conic-gradient(#bc32f2 0 56.25%,#4ba9ff 56.25% 75%,#ff7185 75% 81.25%,#262a40 81.25%)}.donut:after{background:#101427}.dot.success{background:#bc32f2}.text-btn{color:#cf6bf7}.progress i{background:linear-gradient(90deg,#9a2fe0,#4b8fff)}

.stage4-hero,.security-hero{background:radial-gradient(circle at 85% 15%,rgba(39,112,213,.18),transparent 36%),radial-gradient(circle at 8% 28%,rgba(182,46,237,.16),transparent 38%),linear-gradient(145deg,#11162b,#090d1d)}
.modal-card,.ai-drawer{background:#0c1020;border-color:#34395b}.ai-head,.ai-input{border-color:#282e4a}.ai-message{background:#14182b}.user-message{background:linear-gradient(135deg,#6e25a8,#334f9b)}
.login-preview{background:radial-gradient(circle at 50% 20%,rgba(155,41,220,.35),transparent 34%),radial-gradient(circle at 80% 30%,rgba(38,101,183,.22),transparent 30%),#050711}.login-card{background:#0d1020;border-color:#34395b}.login-card .brand-mark{background:linear-gradient(135deg,#c039ef,#4d68ee);color:#fff}

@media(max-width:800px){.ordertech-brand img{height:52px}}