:root{--bg:#07111f;--panel:#0d1929;--panel2:#111f31;--line:#1c3048;--text:#eaf3ff;--muted:#8fa6bf;--blue:#1769ff;--cyan:#22b8ff;--green:#39d98a;--amber:#ffb547;--red:#ff6678;--sidebar:270px}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#07111f 0%,#091522 55%,#06101b 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.app-shell{min-height:100vh}.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar)!important;background:linear-gradient(180deg,#081423,#091827);border-right:1px solid var(--line);padding:18px;z-index:1040;color:var(--text)}.sidebar-brand{height:62px;display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem}.brand-cube{color:var(--blue);filter:drop-shadow(0 0 12px #1769ff88)}.sidebar-nav{gap:3px}.sidebar-nav .nav-link{color:#a8b9cb;border-radius:10px;padding:10px 12px;display:flex;gap:12px;align-items:center}.sidebar-nav .nav-link:hover,.sidebar-nav .nav-link.active{background:linear-gradient(90deg,#1769ff22,#1769ff0a);color:white;border:1px solid #1769ff55}.sidebar-nav i{width:22px;color:#7fa7d5}.sidebar-user{position:absolute;bottom:20px;left:18px;right:18px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#0c1a2b;display:flex;justify-content:space-between;align-items:center}.sidebar-user small{display:block;color:var(--muted)}.sidebar-user a{color:var(--muted)}.app-main{margin-left:var(--sidebar);min-height:100vh}.mobile-topbar{height:60px;background:#081423;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 8px}.page-title{font-size:1.7rem;font-weight:750}.page-subtitle{color:var(--muted)}.card,.modal-content,.dropdown-menu{background:linear-gradient(180deg,#0e1b2b,#0b1726);border:1px solid var(--line);color:var(--text);box-shadow:0 12px 36px #0004}.card{border-radius:16px}.metric-card{padding:18px;min-height:124px}.metric-label{color:var(--muted);font-size:.85rem}.metric-value{font-size:2rem;font-weight:800}.metric-icon{width:42px;height:42px;border-radius:12px;background:#1769ff22;color:#62a1ff;display:grid;place-items:center}.table{--bs-table-bg:transparent;--bs-table-color:#dfeafa;--bs-table-border-color:#20344c;--bs-table-hover-bg:#10233a;--bs-table-hover-color:#fff}.table thead th{color:#8fa6bf;font-size:.77rem;text-transform:uppercase;letter-spacing:.05em;border-bottom-width:1px}.form-control,.form-select{background:#091727;border:1px solid #27405c;color:#f5f9ff}.form-control:focus,.form-select:focus{background:#0b1a2c;color:#fff;border-color:#1769ff;box-shadow:0 0 0 .2rem #1769ff22}.form-control::placeholder{color:#607992}.form-select option{background:#0b1726}.btn-primary{background:linear-gradient(135deg,#1769ff,#2d81ff);border:0;box-shadow:0 8px 20px #1769ff33}.btn-outline-light{border-color:#34506c;color:#d9e8fa}.badge-soft-green{background:#39d98a18;color:#57e9a4;border:1px solid #39d98a45}.badge-soft-amber{background:#ffb54718;color:#ffc66f;border:1px solid #ffb54745}.badge-soft-red{background:#ff667818;color:#ff8d9a;border:1px solid #ff667845}.badge-soft-blue{background:#1769ff18;color:#79aaff;border:1px solid #1769ff45}.progress{height:7px;background:#14263a}.progress-bar{background:linear-gradient(90deg,#1769ff,#31d2ff)}a{color:#6ea9ff}.auth-bg{background:radial-gradient(circle at 75% 15%,#1769ff2d,transparent 28%),linear-gradient(135deg,#06101c,#091827)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(460px,100%);padding:38px;background:#0b1727e8;border:1px solid #24405d;border-radius:22px;box-shadow:0 30px 80px #0008}.auth-card h1{font-weight:800}.auth-card .brand-mark{display:flex;gap:10px;align-items:center}.map-shell{height:620px;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.timeline-item{border-left:2px solid #21415f;padding:0 0 20px 18px;position:relative}.timeline-item:before{content:'';position:absolute;left:-6px;top:2px;width:10px;height:10px;background:#1769ff;border-radius:50%;box-shadow:0 0 12px #1769ff}.empty-state{padding:50px 20px;text-align:center;color:var(--muted)}.glass{background:#0c1a2bd9;backdrop-filter:blur(16px);border:1px solid #2c4561}.section-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:8px}.section-tabs a{white-space:nowrap;color:#9fb0c4;text-decoration:none;padding:8px 12px;border-radius:9px}.section-tabs a.active,.section-tabs a:hover{background:#1769ff1f;color:#fff}.mini-label{font-size:.74rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.kicker{color:#54a4ff;text-transform:uppercase;font-size:.75rem;letter-spacing:.12em;font-weight:700}.customer-portal{max-width:1050px;margin:auto;padding:40px 20px}.approval-hero{background:radial-gradient(circle at 85% 10%,#1769ff22,transparent 30%),#0c1929;border:1px solid #24405d;border-radius:20px;padding:28px}.sticky-actions{position:sticky;bottom:10px;background:#0b1727ee;backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;padding:12px;z-index:10}@media(max-width:991px){.app-main{margin-left:0}.app-sidebar{width:280px!important}.container-fluid{padding-left:14px;padding-right:14px}.map-shell{height:480px}}@media(max-width:576px){.page-title{font-size:1.35rem}.metric-card{min-height:104px}.metric-value{font-size:1.55rem}.card{border-radius:13px}.auth-card{padding:26px 20px}.customer-portal{padding:16px 10px}.approval-hero{padding:20px 16px}}