:root{
  --bg:#070a0f;
  --panel:#10161e;
  --panel2:#0d131a;
  --line:#242e39;
  --text:#f4f3ef;
  --muted:#9ba5b3;
  --muted2:#6f7a88;
  --orange:#ff7a43;
  --orange2:#ff9a38;
  --pink:#ff4f6e;
  --green:#4ee49a;
  --green2:#2ed889;
  --amber:#ffb242;
  --red:#ff5159;
  --shadow:0 18px 45px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{overflow-x:hidden;background:radial-gradient(circle at 71% -15%,rgba(255,98,58,.08),transparent 30%),linear-gradient(180deg,#080b10,#06090d)}
button{font:inherit}
.app{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}
.sidebar{
  height:100vh;position:sticky;top:0;padding:20px 10px 18px;background:linear-gradient(180deg,#0e141b 0%,#0a0f15 100%);
  border-right:1px solid #202935;display:flex;flex-direction:column;z-index:20
}
.brand{text-align:center;padding:5px 8px 24px}
.brand-logo{width:120px;height:120px;object-fit:contain;display:block;margin:0 auto -1px}
.oricc-mark{
  font-size:30px;font-weight:950;letter-spacing:-.05em;line-height:1;
  background:linear-gradient(90deg,#ff9e36,#ff7a43 53%,#ff4e6e);
  -webkit-background-clip:text;background-clip:text;color:transparent;margin-top:6px
}
.oricc-sub{font-size:11px;color:#b5bdc8;margin-top:5px}
.nav{display:grid;gap:4px}
.nav-item{
  border:0;background:transparent;color:#aab3bf;border-radius:9px;height:50px;padding:0 24px;display:flex;align-items:center;gap:18px;text-align:left;font-size:15px;cursor:pointer;transition:.15s
}
.nav-item:hover{background:#121922;color:white}
.nav-item.active{
  background:linear-gradient(90deg,rgba(231,83,49,.78),rgba(115,40,39,.60));
  color:#fff;box-shadow:inset 4px 0 #ff914e,inset 0 0 0 1px rgba(255,132,74,.28),0 10px 26px rgba(130,39,28,.17)
}
.nav-icon{width:22px;text-align:center;color:#f0f0f0;font-size:21px}
.nav-item.active .nav-icon{color:#ff9b6b}
.side-status{margin-top:auto;border-top:1px solid #202934;padding:16px 22px 0;color:#8d98a7}
.live-row{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.06em}
.live-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.live-dot.green{background:var(--green);box-shadow:0 0 12px rgba(78,228,154,.65)}.live-dot.red{background:var(--red)}
.side-status small{display:block;margin-top:5px;font-size:9px;color:#62707e}
.main{min-width:0;padding:0 24px 16px}
.route{display:none}.route.active{display:block}
.hero{
  position:relative;height:200px;margin:0 -24px 15px;overflow:hidden;border-bottom:1px solid #1b232c;
  background:
    linear-gradient(90deg,#0a1017 0%,rgba(8,13,19,.90) 26%,rgba(8,13,19,.18) 54%,rgba(8,13,19,.04) 79%,rgba(8,13,19,.20) 100%),
    url("assets/ori-sunrise-hero.jpg") center right/cover no-repeat;
}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:52px;background:linear-gradient(180deg,transparent,#070a0f 100%);pointer-events:none}
.hero-copy{position:absolute;left:48px;top:26px;z-index:2}
.eyebrow{font-size:10px;letter-spacing:.36em;color:#c7ccd3;font-weight:700}
.hero h1{font-size:53px;line-height:.95;letter-spacing:-.045em;margin:31px 0 8px;text-shadow:0 3px 18px rgba(0,0,0,.45)}
.hero h1 span{background:linear-gradient(90deg,#ff9c3c,#ff516d);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{margin:0;color:#c1c7d0;font-size:22px;letter-spacing:-.02em;text-shadow:0 3px 13px rgba(0,0,0,.45)}
.hero-meta{position:absolute;right:34px;top:16px;display:flex;align-items:center;gap:18px;z-index:3;color:#efebe4;font-size:11px;text-shadow:0 2px 8px #000}
.meta-icons{display:flex;align-items:center;gap:10px}
.round-btn,.avatar{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.23);background:rgba(13,18,24,.48);color:white;display:grid;place-items:center}
.round-btn{position:relative}.notify-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#ff604a;right:1px;top:1px}
.avatar{font-weight:850}
.hero-values{position:absolute;right:40px;top:96px;z-index:3;display:grid;gap:5px;color:#ff9b63;font-size:10px;letter-spacing:.30em;text-shadow:0 2px 10px #000}
.hero-values i{width:24px;height:2px;background:#ff6d55;justify-self:end;margin-top:2px}
.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 4px 14px}
.kpi-card{
  position:relative;overflow:hidden;min-height:136px;border-radius:13px;border:1px solid #28323e;
  background:linear-gradient(145deg,#121922 0%,#0e141b 100%);box-shadow:var(--shadow);padding:18px;display:flex;align-items:flex-start;gap:14px
}
.kpi-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 100%,rgba(255,255,255,.04),transparent 35%);pointer-events:none}
.kpi-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-weight:900;font-size:20px}
.kpi-icon.orange{color:#ff7d4e;background:rgba(255,115,67,.12)}
.kpi-icon.green{color:#4ee49a;background:rgba(67,218,143,.11)}
.kpi-icon.amber{color:#ffad38;background:rgba(255,168,44,.12)}
.kpi-icon.coral{color:#ff8156;background:rgba(255,99,70,.12);font-size:13px}
.kpi-main{min-width:0;display:flex;flex-direction:column}
.kpi-main>span{font-size:14px;color:#d0d4db}
.kpi-main strong{font-size:30px;margin-top:4px;letter-spacing:-.04em}
.kpi-main small{font-size:11px;margin-top:3px;color:#bcc5cf}.kpi-main small b{font-weight:500;color:#aab4c0}.positive{color:#56e99f!important}
.spark{position:absolute;right:16px;bottom:16px;width:92px;height:42px;overflow:visible}.spark path{fill:none;stroke-width:3.1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px currentColor)}
.kpi-card:nth-child(1) .spark{color:#ff704e}.kpi-card:nth-child(2) .spark{color:#36e59b}.kpi-card:nth-child(3) .spark{color:#ffad38}.kpi-card:nth-child(4) .spark{color:#ff4d73}
.primary-grid{display:grid;grid-template-columns:1.27fr .93fr;gap:14px;margin:0 4px 14px}
.secondary-grid{display:grid;grid-template-columns:1.04fr 1fr .90fr;gap:14px;margin:0 4px}
.panel{
  border:1px solid #28313d;border-radius:13px;background:linear-gradient(180deg,rgba(17,24,32,.98),rgba(13,18,25,.99));box-shadow:var(--shadow);padding:17px
}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.panel-head.compact{align-items:center}
.title-group{display:flex;align-items:center;gap:12px;min-width:0}
.title-line{display:flex;align-items:center;gap:10px}
.panel h2{margin:0;font-size:19px;letter-spacing:-.02em}.panel p{margin:4px 0 0;color:#929dab;font-size:10px}
.round-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-size:22px}
.amber-bg{background:rgba(255,173,62,.09);color:#ffc143}.orange-bg{background:rgba(255,112,53,.09);color:#ff8248}
.pill{border-radius:999px;padding:5px 11px;font-size:9px;font-weight:900;letter-spacing:.08em;border:1px solid}
.green-pill{color:#5eeda5;background:rgba(47,213,135,.07);border-color:rgba(73,223,148,.38)}
.amber-pill{color:#ffc04d;background:rgba(255,179,61,.08);border-color:rgba(255,179,61,.35)}
.red-pill{color:#ff686d;background:rgba(255,75,80,.08);border-color:rgba(255,75,80,.38)}
.live-pill{color:#ffac49;background:rgba(255,126,44,.09);border-color:rgba(255,126,44,.27)}
.all-good{font-size:9px;color:#b4bdc8;display:flex;align-items:center;gap:8px;margin-top:7px}.all-good i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 11px rgba(78,228,154,.85)}
.autopilot-core{display:grid;grid-template-columns:180px 1fr;gap:14px;margin-top:12px;border:1px solid #232d38;border-radius:10px;background:rgba(9,14,20,.34);padding:13px}
.health-donut{position:relative;width:160px;height:160px;display:grid;place-items:center;margin:auto}
.health-donut svg{width:160px;height:160px;transform:rotate(-90deg)}.donut-bg,.donut-progress{fill:none;stroke-width:14}.donut-bg{stroke:#16231e}.donut-progress{stroke:#56e99f;stroke-linecap:round;stroke-dasharray:389.56;stroke-dashoffset:0;filter:drop-shadow(0 0 8px rgba(86,233,159,.5));transition:stroke-dashoffset .35s}
.donut-center{position:absolute;text-align:center}.donut-center strong{display:block;font-size:24px}.donut-center span{font-size:9px;color:#a2adb9}
.autopilot-details{display:grid;align-content:center}
.ap-row{display:grid;grid-template-columns:130px 1fr auto;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #202a34}.ap-row.no-border{border-bottom:0}.ap-label{font-size:11px;color:#d7dbe1;display:flex;align-items:center;gap:9px}.ap-label span{font-size:16px;color:#f3f2ee}.ap-label .orange-bolt{color:#ff9c36}.ap-value{font-size:10px;color:#aab3be}.engine-copy{font-size:9px;color:#97a2af;grid-column:2/4}.ap-progress-row{grid-template-columns:130px 1fr auto}
.segments{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.segments i{height:7px;border-radius:99px;background:#222b35}.segments i.on{background:#54e79c;box-shadow:0 0 7px rgba(84,231,156,.25)}.task-count{font-size:9px;color:#d0d5dc}
.autopilot-controls{display:grid;grid-template-columns:1fr 1fr 1.15fr 1.35fr;gap:10px;margin-top:11px}.ctl{border:1px solid #46515e;background:#131b24;color:#e9edf2;border-radius:10px;padding:10px 12px;font-size:10px;font-weight:750}.ctl:hover{filter:brightness(1.12)}.ctl.resume{border-color:#42b878;color:#5fe7a0;background:rgba(49,181,112,.08)}.ctl.stop{border-color:#ff4d52;color:#ff6468;background:rgba(255,67,73,.07)}
.current-activity .panel-head{margin-bottom:13px}.focus-task{display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;border:1px solid #2a343f;border-radius:10px;padding:13px;background:#101720}.task-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,146,73,.11);color:#ffc47a;font-size:19px}.task-body strong{display:block;font-size:12px}.task-body span{display:block;font-size:10px;color:#9ca7b4;margin-top:3px}.focus-task>b{font-size:10px;color:#c2c9d2}.progress-track{height:7px;background:#28313b;border-radius:99px;margin-top:11px;overflow:hidden}.progress-track i{display:block;height:100%;width:65%;background:linear-gradient(90deg,#ffad3c,#ff4d73);border-radius:99px;transition:width .3s}
.secondary-tasks{display:grid;margin-top:8px}.secondary-task{display:grid;grid-template-columns:40px 1fr auto auto;gap:10px;align-items:center;padding:9px 6px;border-bottom:1px solid #202a34}.secondary-task:last-child{border-bottom:0}.secondary-task .sicon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(54,213,138,.09);color:#53e397}.secondary-task strong{display:block;font-size:10px}.secondary-task span{display:block;color:#8f9aa7;font-size:9px;margin-top:3px}.secondary-task time{color:#87929f;font-size:9px}.secondary-task b{color:#58e49b}
.link-btn{border:0;background:transparent;color:#ff7655;font-size:9px;cursor:pointer}
.glance-timeline{position:relative;margin-top:11px}.glance-timeline:before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:1px;background:#f3a237}
.glance-item{display:grid;grid-template-columns:18px 55px 34px 1fr auto;gap:8px;align-items:center;padding:6px 0}.glance-item .dot{width:8px;height:8px;border-radius:50%;background:#ffaf36;margin:auto;z-index:1}.glance-item time{font-size:9px;color:#a4aebb}.glance-item .gicon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#16202a;color:#e8e6df;font-size:13px}.glance-item strong{display:block;font-size:10px}.glance-item span{display:block;color:#8d98a5;font-size:8.5px;margin-top:2px}.mini-positive{font-size:8px!important;color:#55e99e!important;background:rgba(43,210,128,.12);padding:4px 8px;border-radius:999px}
.legend{display:flex;gap:12px;color:#9ca6b3;font-size:8px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:50%}.revenue-dot{background:#ff9b39}.profit-dot{background:#4fe69b}
.bar-chart{height:145px;margin-top:11px;padding:15px 8px 20px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;border-top:1px solid #1d2630;border-bottom:1px solid #1d2630;background:repeating-linear-gradient(to top,transparent 0,transparent 28px,rgba(255,255,255,.035) 29px,transparent 30px)}
.day-bars{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px;position:relative}.bar{width:12px;border-radius:3px 3px 0 0}.bar.revenue{background:linear-gradient(180deg,#ffb14a,#ff7d42)}.bar.profit{background:linear-gradient(180deg,#5ff0a7,#2ccf83)}.day-label{position:absolute;bottom:-17px;font-size:7.5px;color:#8d98a5;white-space:nowrap}
.chart-summary{display:grid;grid-template-columns:1fr 1fr;margin-top:13px}.chart-summary>div{display:grid;grid-template-columns:1fr auto;grid-template-areas:"strong strong" "span b";gap:2px 8px;padding:0 13px}.chart-summary>div:first-child{border-right:1px solid #26303a}.chart-summary strong{grid-area:strong;font-size:22px}.chart-summary span{grid-area:span;font-size:9px;color:#8994a1}.chart-summary b{grid-area:b;font-size:8px}
.needs-list{display:grid;gap:8px;margin-top:12px}.need-item{border:1px solid #27313c;border-radius:10px;background:#0f151c;padding:9px}.need-top{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}.need-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,75,78,.11);color:#ff6368}.need-copy strong{display:block;font-size:10px}.need-copy span{display:block;color:#8e99a6;font-size:8.5px;margin-top:3px}.priority{text-align:right}.priority b{display:inline-block;border:1px solid #ff5056;color:#ff6669;border-radius:999px;padding:3px 9px;font-size:7.5px}.priority b.normal{border-color:#b3832a;color:#ffc04c}.priority span{display:block;color:#83909c;font-size:8px;margin-top:4px}
.need-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;padding-left:48px}.need-actions button{border-radius:8px;padding:8px;border:1px solid #46525e;background:#121922;color:#dce1e7;font-size:8.5px}.need-actions button.primary{border-color:#ff7047;color:white;background:linear-gradient(90deg,#c94d30,#ef673a)}
.count-badge{min-width:23px;height:23px;border-radius:999px;background:#ff4d4f;color:white;display:grid;place-items:center;font-size:9px;font-weight:900}
.placeholder-route{padding:50px}.placeholder-route h1{font-size:42px;margin:0}.placeholder-route p{color:#8f9aa7}
.modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.68);backdrop-filter:blur(8px);display:grid;place-items:center}.hidden{display:none!important}.modal-card{width:min(460px,90vw);border:1px solid #2b3540;border-radius:16px;background:#101720;padding:24px;box-shadow:0 40px 100px rgba(0,0,0,.55)}.modal-card h3{font-size:22px;margin:11px 0 4px}.modal-card p{font-size:10px;line-height:1.6;color:#9ba6b3}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.modal-btn{border:1px solid #37424e;background:#151d26;color:#dce2e8;border-radius:8px;padding:9px 12px;font-size:9px}.modal-btn.confirm{background:#f0eee9;color:#111;border:0}
@media(max-width:1250px){
  .app{grid-template-columns:82px minmax(0,1fr)}.brand-logo{width:58px;height:58px}.oricc-mark,.oricc-sub,.nav-item span:last-child,.side-status{display:none}.nav-item{justify-content:center;padding:0}.nav-icon{font-size:19px}.kpi-row{grid-template-columns:1fr 1fr}.primary-grid,.secondary-grid{grid-template-columns:1fr}.secondary-grid{grid-template-columns:1fr 1fr}.needs-you{grid-column:1/3}
}
@media(max-width:760px){
  .app{display:block}.sidebar{position:fixed;left:0;right:0;top:auto;bottom:0;height:auto;padding:7px;z-index:80;border-right:0;border-top:1px solid #202935}.brand,.side-status{display:none}.nav{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.nav-item{height:46px;padding:0}.nav-icon{font-size:17px}.main{padding:0 10px 72px}.hero{margin:0 -10px 12px;height:180px}.hero-copy{left:20px;top:22px}.hero h1{font-size:35px;margin-top:28px}.hero p{font-size:15px}.hero-meta,.hero-values{display:none}.kpi-row,.primary-grid,.secondary-grid{margin-left:0;margin-right:0;grid-template-columns:1fr}.needs-you{grid-column:auto}.autopilot-core{grid-template-columns:1fr}.autopilot-controls{grid-template-columns:1fr 1fr}.ap-row{grid-template-columns:115px 1fr auto}.secondary-grid{gap:12px}
}

.login-screen{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 65% 0%,rgba(255,110,59,.14),transparent 32%),linear-gradient(180deg,#090d12,#06090d)}
.login-card{width:min(390px,92vw);padding:28px;border-radius:20px;text-align:center;background:linear-gradient(180deg,#111820,#0d131a);border:1px solid #2a3440;box-shadow:0 35px 100px rgba(0,0,0,.55)}
.login-logo{width:145px;height:145px;object-fit:contain}.login-card h2{font-size:25px;margin:11px 0 4px}.login-card p{font-size:10px;color:#8f9aa7;margin:0}.login-card form{display:grid;gap:9px;margin-top:20px}.login-card input{border:1px solid #2b3540;background:#080d13;color:#fff;border-radius:9px;padding:12px;outline:none}.login-card input:focus{border-color:#ff7a43;box-shadow:0 0 0 3px rgba(255,122,67,.08)}.login-card form button{border:0;border-radius:9px;padding:12px;font-weight:900;color:#111;background:linear-gradient(90deg,#ff9b38,#ff526c)}.login-error{min-height:14px;margin-top:10px;color:#ff6569;font-size:9px}.logout-btn{border:0;background:transparent;color:#616e7b;font-size:9px;margin-top:9px;padding:0;cursor:pointer}