:root{color-scheme:dark;--bg:#070d18;--surface:#0d1626;--surface2:#121e31;--surface3:#182740;--border:#22324a;--text:#f7f9fc;--muted:#8da0bb;--accent:#715cff;--accent2:#2f83ff;--cyan:#35d0d7;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}.app-layout{display:grid;grid-template-columns:255px 1fr;min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:#09111e;border-right:1px solid var(--border);padding:22px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 7px 22px}.brand.large{padding:0}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-weight:900;font-size:19px;box-shadow:0 10px 28px #715cff40}.brand strong{display:block;letter-spacing:.8px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.nav-group{margin-top:17px}.nav-title{padding:0 10px 8px;font-size:10px;color:#60728d;letter-spacing:1.5px;font-weight:800}.nav-link{display:flex;align-items:center;gap:10px;color:#aebbd0;padding:10px;border-radius:10px;font-size:13px;margin:2px 0}.nav-link:hover{background:#111c2f;color:#fff}.nav-link.active{background:linear-gradient(90deg,#715cff22,#2f83ff0c);color:#fff;border:1px solid #6d5cff35}.nav-dot{width:7px;height:7px;border-radius:50%;background:#34445e}.nav-link.active .nav-dot{background:#8b7aff;box-shadow:0 0 12px #715cff}.sidebar-footer{margin-top:auto}.support-card{padding:14px;background:linear-gradient(145deg,#111d31,#0c1627);border:1px solid var(--border);border-radius:14px}.support-card span,.support-card strong{display:block}.support-card span{font-size:11px;color:var(--muted);margin-top:5px}.app-main{min-width:0}.topbar{height:70px;border-bottom:1px solid var(--border);justify-content:space-between;padding:0 28px;background:#080f1be8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.search-shell,.topbar{display:flex;align-items:center}.search-shell{gap:10px;width:min(520px,55vw);background:#0d1728;border:1px solid var(--border);border-radius:11px;padding:9px 12px;color:var(--muted)}.search-shell input{width:100%;border:0;outline:0;background:transparent;color:#fff}.topbar-actions{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#263754;border:1px solid #3d5276;font-size:11px;font-weight:800}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 12px #22c55e}.product-main{max-width:1530px;margin:0 auto;padding:30px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.page-heading h1{font-size:29px;margin:4px 0 7px}.page-heading p{margin:0;color:var(--muted);font-size:14px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#7588a7}.page-actions{display:flex;gap:9px}.ghost-button,.primary-button,.secondary-button{border-radius:10px;padding:10px 14px;font-weight:700;font-size:12px;border:1px solid transparent;color:#fff;background:none;display:inline-flex;align-items:center;justify-content:center}.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 7px 20px #715cff26}.secondary-button{border-color:#344865;background:#111d30}.ghost-button{border-color:#253650;background:#0c1626;color:#b7c3d5}.danger-outline{border-color:#74313a;color:#fda4af}.wide{width:100%}.metrics-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:13px;gap:13px;margin-bottom:17px}.metrics-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{position:relative;background:linear-gradient(145deg,#0e1829,#0b1422);border:1px solid var(--border);border-radius:15px;padding:17px;overflow:hidden}.metric-card:after{content:"";position:absolute;inset:auto -25px -38px auto;width:90px;height:90px;border-radius:50%;background:#ffffff08}.metric-label{font-size:11px;color:var(--muted);margin-bottom:10px}.metric-value{font-size:25px;font-weight:800;letter-spacing:-.5px}.metric-detail{font-size:11px;color:#91a2bb;margin-top:8px}.tone-success{border-color:#1d5637}.tone-warning{border-color:#624719}.tone-danger{border-color:#652b33}.tone-purple{border-color:#4c4192}.panel{background:linear-gradient(145deg,#0d1727,#0a1320);border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:17px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.panel-head h2{font-size:15px;margin:0 0 4px}.panel-head p{font-size:11px;color:var(--muted);margin:0}.two-column{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:17px;gap:17px}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:9px;letter-spacing:.55px;font-weight:800;background:#1a2638;color:#b9c5d6}.status-badge.success{background:#123524;color:#86efac}.status-badge.warning{background:#3a2b0e;color:#fcd34d}.status-badge.danger{background:#421c23;color:#fca5a5}.status-strip{display:flex;gap:10px;flex-wrap:wrap}.status-cell{display:flex;gap:10px;align-items:center;padding:10px 12px;background:#0a1422;border-radius:10px;border:1px solid #1d2a3d}.detail-list>div,.handled-list>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #172338}.detail-list>div:last-child,.handled-list>div:last-child{border-bottom:0}.detail-list span,.handled-list span{color:var(--muted);font-size:12px}.detail-list strong{font-size:12px;text-align:right}.attention-row{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#2c230e;padding:14px;border:1px solid #5b4617;border-radius:12px}.attention-row p{margin:5px 0 0;color:#c9b888;font-size:11px}.table-wrap{overflow:auto;border:1px solid #1d2a3f;border-radius:12px}table{border-collapse:collapse;width:100%;min-width:820px}td,th{text-align:left;padding:12px 13px;border-bottom:1px solid #18253a;font-size:11px}th{color:#7386a4;font-size:9px;text-transform:uppercase;letter-spacing:.8px;background:#0a1422}td small,td strong{display:block}td small{color:var(--muted);margin-top:4px}.text-link{color:#9c91ff;font-weight:700}.text-link:hover{text-decoration:underline}.trip-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#10213c,#121c31 55%,#151735);border:1px solid #304269;border-radius:17px;padding:21px;margin-bottom:17px}.trip-hero h2{font-size:24px;margin:5px 0 0}.task-list{display:grid;grid-gap:8px;gap:8px}.task-row{display:flex;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #18253a;font-size:12px}.timeline{display:grid}.timeline-row{display:grid;grid-template-columns:16px 1fr auto;grid-gap:11px;gap:11px;align-items:start;padding:11px 0;border-bottom:1px solid #18253a}.timeline-row:last-child{border-bottom:0}.timeline-dot{width:8px;height:8px;border-radius:50%;background:#715cff;margin-top:4px;box-shadow:0 0 12px #715cff}.timeline-copy span,.timeline-copy strong{display:block}.timeline-copy strong{font-size:11px}.timeline-copy p,.timeline-copy span,.timeline-row time{font-size:10px;color:var(--muted);margin:4px 0 0}.timeline-row time{text-align:right;white-space:nowrap}.map-placeholder{height:360px;border-radius:14px;border:1px solid #253857;background:radial-gradient(circle at 55% 50%,#14314b 0,#0d1b2b 33%,#08121e 75%);position:relative;overflow:hidden;margin-bottom:15px}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 0),linear-gradient(90deg,#ffffff08 1px,transparent 0);background-size:38px 38px;transform:rotate(-8deg) scale(1.1)}.map-pin{position:absolute;width:28px;height:28px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(135deg,#715cff,#2f83ff);display:grid;place-items:center;font-size:10px;font-weight:900;box-shadow:0 6px 18px #0008}.map-pin:first-letter{transform:rotate(45deg)}.map-overlay{position:absolute;left:15px;bottom:15px;padding:9px 11px;background:#07101bd9;border:1px solid #31445e;border-radius:10px;color:#a9bbd2;font-size:10px}.inbox-layout{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:17px;gap:17px}.conversation-card{padding:13px;border:1px solid #1f3048;border-radius:12px;margin-bottom:9px;background:#0a1422}.conversation-card>div:first-child{display:flex;justify-content:space-between;gap:12px}.conversation-card p,.conversation-card span{font-size:10px;color:var(--muted)}.routing-flow{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.routing-flow span{padding:11px 13px;border:1px solid #31455f;border-radius:10px;background:#101c2d;font-size:11px;font-weight:800}.routing-flow b{color:#6659cc}.approval-list,.stack-list{display:grid;grid-gap:9px;gap:9px}.stack-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid #1d2d43;border-radius:11px;background:#0a1422}.stack-row span,.stack-row strong{display:block}.stack-row span{font-size:10px;color:var(--muted);margin-top:4px}.approval-card{display:flex;justify-content:space-between;gap:20px;border:1px solid #253550;background:#0a1422;border-radius:13px;padding:16px}.approval-main h3{font-size:14px;margin:5px 0}.approval-main p{font-size:11px;color:var(--muted);margin:0 0 10px}.inline-meta{display:flex;gap:7px}.approval-actions{display:flex;gap:8px;align-items:center}.empty-state{border:1px dashed #2c3c55;border-radius:12px;color:var(--muted);padding:18px;text-align:center;font-size:12px;background:#09121f}.loading-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:17px}.skeleton{height:110px;border-radius:14px;background:linear-gradient(90deg,#0f1a2b,#19263a,#0f1a2b);background-size:200% 100%;animation:pulse 1.2s linear infinite}@keyframes pulse{to{background-position:-200% 0}}.auth-page{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}.auth-visual{padding:55px;background:radial-gradient(circle at 30% 20%,#22215e 0,#0b1628 35%,#07101c 75%);display:flex;flex-direction:column;justify-content:space-between}.auth-visual h1{font-size:52px;line-height:1.03;letter-spacing:-2px;margin:0}.auth-visual p{max-width:610px;color:#a5b5cc;font-size:17px}.auth-panel{display:grid;place-items:center;padding:40px;background:#0a111d}.auth-panel form{width:min(430px,100%);padding:26px;border:1px solid #263650;background:#0d1727;border-radius:18px}.auth-panel h2{font-size:28px;margin:7px 0}.auth-panel label{display:block;font-size:11px;color:#aebdd1;margin:16px 0 7px}.auth-panel input{width:100%;background:#09121f;border:1px solid #2a3b55;border-radius:10px;color:#fff;padding:12px;outline:0}.auth-panel input:focus{border-color:#715cff}.auth-panel .primary-button{margin:19px 0 12px}.form-message{padding:10px;border-radius:9px;background:#351d26;color:#f8b4bf;font-size:11px;margin-bottom:10px}.landing-mini{min-height:100vh;max-width:950px;margin:auto;padding:90px 35px;display:flex;flex-direction:column;justify-content:center}.landing-mini h1{font-size:64px;letter-spacing:-2.8px;margin:40px 0 13px}.landing-mini p{color:var(--muted);font-size:17px;max-width:650px}.landing-actions{display:flex;gap:10px;margin-top:22px}@media(max-width:1150px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.metrics-grid.compact{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.app-layout{grid-template-columns:1fr}.sidebar{display:none}.product-main{padding:20px}.auth-page,.inbox-layout,.two-column{grid-template-columns:1fr}.auth-visual{display:none}.metrics-grid,.metrics-grid.compact{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 16px}.search-shell{width:60vw}.page-heading{flex-direction:column}.landing-mini h1{font-size:46px}}@media(max-width:560px){.metrics-grid,.metrics-grid.compact{grid-template-columns:1fr}.product-main{padding:15px}.search-shell{display:none}.approval-card{flex-direction:column}.landing-mini h1{font-size:39px}}