:root{--navy:#0b1931;--navy2:#13284b;--blue:#236af4;--blue2:#326ffe;--orange:#ff983b;--red:#ef5265;--paper:#f4f7fc;--white:#fff;--text:#172b4b;--muted:#75829a;--line:#e5ebf4;--green:#14a782;--shadow:0 12px 34px rgba(16,38,77,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font:14px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #89b3ff;outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}svg{display:block}.icon{width:19px;height:19px;flex-shrink:0}.shell{display:flex;min-height:100vh}.sidebar{background:linear-gradient(175deg,#08172f,#11264a 67%,#102044);width:260px;flex:0 0 260px;color:white;padding:24px 14px 18px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:6px 12px 30px}.brand-mark{height:42px;width:42px;border-radius:13px;background:linear-gradient(135deg,#2d75ff,#1745ab);border:1px solid #477eff;box-shadow:0 5px 18px #071936aa;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:900;position:relative;overflow:hidden}.brand-mark::after{content:'';position:absolute;right:-9px;top:-11px;width:22px;height:22px;border-radius:50%;background:#ff9734;box-shadow:-6px 18px 0 -7px #ed5a6a}.brand-copy b{display:block;font-size:19px;letter-spacing:-.5px;line-height:1.12}.brand-copy b em{font-style:normal;color:var(--orange)}.brand-copy small{display:block;color:#91abc9;font-size:10px;letter-spacing:2.2px;margin-top:6px}.nav-kicker{color:#7495bc;letter-spacing:1.65px;font-size:10px;font-weight:800;padding:6px 18px 12px}.nav{display:grid;gap:5px}.nav button{width:100%;border:1px solid transparent;color:#adc4df;background:transparent;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:610;transition:.2s}.nav button:hover{color:white;background:#ffffff14}.nav button.active{color:white;border-color:#4d79bf55;background:linear-gradient(95deg,#2866d7cc,#2254a133);box-shadow:inset 3px 0 var(--orange)}.nav button.active .nav-icon{color:#ffb76c}.nav-icon{font-size:18px;width:24px;text-align:center}.sidebar-divider{height:1px;background:#ffffff1b;margin:20px 12px 19px}.sidebar-note{margin-top:auto;border:1px solid #ffffff1b;background:#ffffff0a;border-radius:14px;padding:14px}.sidebar-note strong{display:block;color:white;font-size:12px}.sidebar-note p{font-size:11px;color:#98afca;margin:6px 0 0}.tiny-safe{display:inline-block;width:7px;height:7px;background:#22dba1;border-radius:99px;margin-right:7px;box-shadow:0 0 10px #36da94}.main{min-width:0;flex:1}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:18px}.crumb{font-size:11px;font-weight:700;color:#9ba7b8;letter-spacing:1.2px}.topbar h1{font-size:20px;margin:3px 0 0;letter-spacing:-.5px}.top-actions{display:flex;align-items:center;gap:10px}.preview-pill{font-size:10px;font-weight:850;letter-spacing:.9px;padding:9px 11px;color:#a86714;background:#fff5df;border:1px solid #ffe1a6;border-radius:9px;white-space:nowrap}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(140deg,#153a78,#407dff);color:#fff;display:grid;place-items:center;font-weight:800;border:3px solid #e8eeff}.icon-btn{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:10px;color:#4d6588}.main-content{max-width:1440px;padding:30px 32px 34px;margin:auto}.demo-ribbon{display:flex;gap:12px;align-items:center;background:#ebf3ff;border:1px solid #d7e7ff;color:#42618c;padding:11px 16px;border-radius:13px;margin-bottom:23px;font-size:12px}.demo-ribbon svg{color:#2970eb}.hero{padding:25px 28px 25px 30px;border-radius:21px;background:radial-gradient(ellipse at 90% 20%,#436de14f,transparent 48%),linear-gradient(105deg,#0b1d3b 4%,#143c77 64%,#224aaa);position:relative;overflow:hidden;min-height:176px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:23px}.hero::before{content:'';position:absolute;width:260px;height:260px;border:1px solid #ffffff21;border-radius:50%;right:9%;top:-120px;box-shadow:0 0 0 43px #ffffff06,0 0 0 84px #ffffff06}.hero h2{font-size:27px;margin:7px 0 6px;letter-spacing:-.8px}.hero p{font-size:12.5px;color:#b9d3fa;max-width:530px;margin:0}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:850;color:#ffb665}.hero-buttons{display:flex;gap:10px;position:relative;z-index:1;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;font-weight:750;font-size:12px;transition:.18s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(100deg,#2b74ff,#1e56d7);box-shadow:0 7px 17px #1a4a9d22;color:white}.btn.orange{background:linear-gradient(100deg,#ffa443,#ff8b2f);color:#1f2944}.btn.outline{border-color:#ffffff66;background:#ffffff14;color:white}.btn.white{background:#fff;color:#184981}.btn.ghost{background:#f4f7fc;border:1px solid #e3eaf4;color:#516482}.btn.small{padding:8px 10px;font-size:11px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:23px 0 14px}.section-title h3{font-size:17px;margin:0;letter-spacing:-.3px}.section-title p{color:var(--muted);font-size:12px;margin:4px 0 0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat{background:white;border:1px solid var(--line);border-radius:16px;padding:17px 19px;min-height:126px;box-shadow:var(--shadow);position:relative}.stat-head{display:flex;justify-content:space-between;align-items:center;color:#7b879c;font-weight:650;font-size:11.5px}.stat-icon{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;font-size:18px}.stat-icon.blue{background:#e7f0ff;color:#2c6bde}.stat-icon.orange{background:#fff3e7;color:#f18e2a}.stat-icon.green{background:#e6fbf3;color:#13a47d}.stat-icon.red{background:#ffedf0;color:#ee5d70}.stat-value{font-weight:850;font-size:28px;line-height:1.1;letter-spacing:-.8px;margin-top:14px;color:#142b51}.stat-foot{color:#93a0b2;font-size:10.5px;margin-top:5px}.cols{display:grid;grid-template-columns:1.26fr 1fr;gap:17px;margin-top:18px}.panel{background:white;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-header{padding:18px 21px 14px;border-bottom:1px solid #eef2f8;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-header h3{margin:0;font-size:14px}.panel-sub{display:block;color:#99a4b7;font-size:11px;margin-top:3px}.panel-body{padding:18px 21px}.text-link{border:0;background:transparent;color:#2b6ddf;font-size:11px;font-weight:750}.dealer-row{padding:13px 0;border-bottom:1px solid #f1f3f8;display:flex;align-items:center;gap:13px}.dealer-row:last-child{border-bottom:none}.initial{width:38px;height:38px;border-radius:11px;background:#e8effb;color:#1f61d5;display:grid;place-items:center;font-size:12px;font-weight:900;flex-shrink:0}.initial.alt{background:#fff1e3;color:#dd8527}.dealer-copy{min-width:0;flex:1}.dealer-copy b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dealer-copy small{font-size:10.5px;color:#98a5b6}.tag{font-size:9px;font-weight:850;border-radius:7px;padding:5px 8px;letter-spacing:.3px;white-space:nowrap}.tag.pending{color:#b57819;background:#fff2d9}.tag.demo{color:#366ed2;background:#e8efff}.tag.draft{color:#8064c1;background:#f0eafb}.tag.blocked{color:#d84b61;background:#ffeaf0}.tag.active{color:#0e956e;background:#ddf8ed}.milestone{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #f1f3f8}.milestone:last-child{border:none}.circle-check{background:#dff8ed;color:#08a674;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-weight:900}.circle-pending{background:#fff3e4;color:#f2a03a;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-weight:900}.milestone span.copy{flex:1;min-width:0}.milestone b{font-size:12px;display:block}.milestone small{color:#98a5b6;font-size:10.5px}.page{display:none}.page.active{display:block;animation:fadeIn .32s ease}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.page-heading h2{margin:5px 0;font-size:24px;letter-spacing:-.6px}.page-heading p{font-size:12px;color:#8392a9;margin:0}.table-scroll{overflow:auto}.table{border-collapse:collapse;width:100%;font-size:12px}.table th{font-size:10px;letter-spacing:.65px;text-transform:uppercase;text-align:left;color:#8e9bb1;font-weight:800;padding:13px 15px;background:#f8faff}.table td{padding:15px;border-top:1px solid #edf1f7;color:#40516f}.table td strong{color:#1b3358}.table caption{caption-side:bottom;text-align:left;font-size:11px;color:#8e9bab;padding:10px}.panel-actions{display:flex;gap:8px;flex-wrap:wrap}.pill-note{padding:11px 13px;background:#fff7e9;border:1px solid #ffdfaa;border-radius:10px;font-size:11px;color:#a87432;margin-bottom:16px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan{background:white;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.plan.featured{border-color:#9fbeff;box-shadow:0 7px 25px #1e69eb16}.plan small{font-size:11px;font-weight:850;color:#2667d1}.plan h3{margin:10px 0 8px;font-size:17px}.price{font-size:27px;font-weight:850;color:#172e58}.price span{font-size:11px;font-weight:500;color:#9da7b4}.plan p{color:#8492a4;font-size:11px}.plan ul{margin:15px 0 18px;padding:0;list-style:none;display:grid;gap:9px}.plan li{font-size:11.5px}.plan li:before{content:'✓';color:#1aaa81;font-weight:850;margin-right:9px}.feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.feature{display:flex;gap:14px;align-items:center;background:#fff;padding:17px;border:1px solid var(--line);border-radius:14px;min-width:0}.feature-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f0f5fe;color:#3277ef;font-size:19px;flex-shrink:0}.feature-details{min-width:0;flex:1}.feature-details b{display:block;font-size:12px}.feature-details small{color:#9aa7b8;font-size:10px}.toggle{height:25px;width:45px;border:0;border-radius:99px;background:#d7dfe9;flex-shrink:0;padding:3px;transition:.2s}.toggle span{display:block;border-radius:50%;width:19px;height:19px;background:#fff;box-shadow:0 1px 3px #15294c28;transition:.2s}.toggle.on{background:#2c71ea}.toggle.on span{transform:translateX(20px)}.feature-toolbar{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 18px;margin:0 0 15px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.feature-toolbar label{color:#55667f;font-size:12px;font-weight:700}.feature-toolbar select{margin-left:12px}.select,.input{height:40px;border:1px solid #dce5f2;background:#fff;border-radius:9px;padding:8px 11px;color:#2b3f5e;outline:none;min-width:0}.input:focus,.select:focus{border-color:#5490ff;box-shadow:0 0 0 3px #2479f61c}.sub-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:19px;background:#fff;border-radius:13px;padding:14px 18px;border:1px solid var(--line);font-size:12px}.sub-bar b{color:#45607d}.footer{display:flex;justify-content:space-between;gap:15px;color:#a3adbc;font-size:10.5px;margin:30px 4px}.overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(3,13,32,.57);backdrop-filter:blur(7px);visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s;padding:20px}.overlay.open{visibility:visible;opacity:1}.dialog{position:relative;width:min(460px,100%);background:#fff;border-radius:23px;box-shadow:0 22px 85px #04132b55;padding:29px}.dialog h2{font-size:22px;margin:0 0 6px}.dialog p{font-size:12px;color:#8391a4;margin:0 0 21px}.close{border:0;border-radius:8px;background:#eff3f9;color:#6d7e98;position:absolute;right:17px;top:17px;font-size:20px;width:32px;height:32px}.form{display:grid;gap:13px}.form label{font-size:11.5px;color:#52647c;font-weight:750;display:grid;gap:5px}.form input,.form select{height:42px;border-radius:9px;border:1px solid #dae4f3;padding:8px 11px;outline:none}.form input:focus,.form select:focus{border-color:#4d88ef}.form .btn{width:100%;margin-top:8px}.form .note{background:#f2f6ff;border-radius:10px;padding:10px;color:#6a7c96;font-size:11px}.toast{position:fixed;bottom:23px;right:22px;background:#10294e;color:white;padding:13px 17px;border-radius:11px;box-shadow:0 12px 50px #10294e55;display:none;z-index:110;font-size:12px;max-width:340px}.toast.show{display:block;animation:fadeIn .2s ease}.loader-overlay{position:fixed;inset:0;z-index:200;background:radial-gradient(ellipse at 75% 15%,#184da867,transparent 48%),radial-gradient(ellipse at 20% 100%,#0c2757,transparent 60%),#081529;display:none;place-items:center;color:white;overflow:hidden;padding:24px}.loader-overlay.show{display:grid}.loader-overlay::before{content:'';position:absolute;inset:-30%;background:repeating-linear-gradient(0deg,transparent,transparent 47px,#ffffff08 48px),repeating-linear-gradient(90deg,transparent,transparent 47px,#ffffff08 48px);mask-image:radial-gradient(circle,#000 2%,transparent 60%);transform:rotate(-9deg);animation:gridPan 10s linear infinite}.loader-overlay::after{content:'';position:absolute;width:580px;height:580px;border-radius:50%;border:1px solid #3966ad33;box-shadow:0 0 0 85px #2d64a10b,0 0 0 170px #2255a10b}.loader-contents{width:min(440px,100%);text-align:center;position:relative;z-index:2}.loader-badge{display:inline-flex;align-items:center;gap:7px;color:#a9c4e9;background:#ffffff0c;border:1px solid #ffffff1c;border-radius:99px;padding:7px 13px;font-size:10px;letter-spacing:1.25px;font-weight:800}.loader-orbit{width:180px;height:180px;position:relative;margin:16px auto 19px;display:grid;place-items:center}.orbit{position:absolute;inset:11px;border:2px solid #4f8fff55;border-radius:50%;box-shadow:0 0 33px #286ff222}.orbit.one{animation:orbitSpin 3s linear infinite;border-top-color:#ff9d38;border-right-color:transparent}.orbit.two{inset:25px;animation:orbitSpin 2.3s linear infinite reverse;border-left-color:#e9515e;border-bottom-color:transparent}.orbit.three{inset:2px;border:1px dashed #4074bc8a;animation:orbitSpin 9s linear infinite}.orbit-node{height:11px;width:11px;border-radius:50%;background:#ff9e39;position:absolute;top:6px;left:50%;box-shadow:0 0 15px #ff9e39}.orbit-node.second{background:#4c8cfd;right:8px;left:auto;top:88px;box-shadow:0 0 14px #4c8cfd}.loader-logo{width:84px;height:84px;background:linear-gradient(145deg,#3482fc,#174cbf);box-shadow:0 0 45px #3474ff66;border:1px solid #5595ff;border-radius:23px;display:grid;place-items:center;color:#fff;font-size:52px;font-weight:950;letter-spacing:-4px;position:relative}.loader-logo span{position:absolute;right:-8px;top:-7px;width:20px;height:20px;background:var(--orange);border-radius:50%;box-shadow:0 0 15px #ffa54d}.loader-contents h2{margin:0;font-size:25px;letter-spacing:-.8px}.loader-contents p{margin:7px 0 19px;color:#abc5e8;font-size:12px}.progress-line{width:min(315px,100%);height:5px;background:#ffffff22;margin:0 auto;border-radius:99px;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#337cff,#ff9d3b,#e95263);border-radius:99px;transition:width .08s linear}.progress-caption{font-size:10px;color:#8eadd5;letter-spacing:1.2px;margin-top:11px;font-weight:800}.loader-actions{display:flex;justify-content:center;gap:10px;margin-top:27px}.loader-actions button{border:1px solid #ffffff44;border-radius:9px;background:#ffffff12;color:#c3d8f3;font-size:11px;padding:8px 15px}.login-shield{width:162px;height:162px;position:relative;margin:22px auto 20px;display:grid;place-items:center}.shield-ring{position:absolute;inset:4px;border:1px solid #4086ff61;border-radius:50%;box-shadow:0 0 0 20px #3075ec0e,0 0 0 39px #3174de0b}.shield-ring:after{content:'';position:absolute;inset:-2px;border:3px solid transparent;border-top-color:#f7a34d;border-right-color:#477cf4;border-radius:50%;animation:orbitSpin 1.4s linear infinite}.shield-icon{font-size:70px;width:108px;height:108px;display:grid;place-items:center;border-radius:30px;background:linear-gradient(145deg,#255dc3,#102f71);box-shadow:0 0 34px #3184f038}.shield-icon svg{width:62px;height:62px}.secure-steps{display:flex;gap:18px;justify-content:center;margin:20px 0 22px;color:#829cc2;font-size:10px}.secure-steps span{display:flex;align-items:center;gap:6px}.secure-steps span::before{content:'';height:6px;width:6px;border-radius:50%;background:#6981a9}.secure-steps span.current{color:#ffb26a}.secure-steps span.current::before{background:#ffb26a;box-shadow:0 0 9px #ffb26a}.secure-steps span.done{color:#57d6aa}.secure-steps span.done::before{background:#57d6aa}.preview-nav{display:flex;gap:8px;align-items:center}.mobile-menu{display:none}.disclaimer{font-size:11px;color:#8f9bb0;margin-top:14px}.empty{padding:28px 10px;text-align:center;color:#a2aabc;font-size:12px}.panel-soft{background:#f7f9fd;border-radius:11px;padding:14px;font-size:12px;color:#687d9e}.audit-event{display:flex;align-items:start;gap:13px;padding:15px 0;border-bottom:1px solid #edf1f7}.audit-event:last-child{border:0}.audit-dot{background:#e8f1ff;color:#2c71dc;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.audit-event b{font-size:12px}.audit-event small{display:block;color:#9aa8b9;font-size:11px}
@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes gridPan{to{transform:rotate(-9deg) translate(48px,28px)}}
@media(max-width:1150px){.sidebar{width:215px;flex-basis:215px}.stats{grid-template-columns:repeat(2,1fr)}.feature-list{grid-template-columns:repeat(2,1fr)}.hero{flex-direction:column;align-items:start}}
@media(max-width:780px){.sidebar{position:fixed;left:-270px;z-index:20;width:255px;transition:left .24s}.sidebar.visible{left:0}.mobile-menu{display:grid}.topbar{padding:0 17px;height:76px}.topbar h1{font-size:16px}.preview-pill{font-size:9px}.top-actions .icon-btn:not(.mobile-menu){display:none}.main-content{padding:20px 16px}.cols,.plan-grid{grid-template-columns:1fr}.hero h2{font-size:23px}.hero{padding:24px}.feature-list{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:15px}.footer{flex-wrap:wrap}}
@media(max-width:440px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-value{font-size:24px}.stat-head{font-size:10px}.topbar .crumb{font-size:9px}.top-actions{gap:5px}.avatar{width:33px;height:33px}.hero-buttons .btn{font-size:11px;padding:9px 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Isolated backend staging enhancements */
.owner-login{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 30% 10%,#203c73,#0a1730 68%)}
.owner-login[hidden],.shell[hidden]{display:none!important}
.owner-login-card{width:min(430px,100%);padding:38px;background:#fff;border-radius:20px;box-shadow:0 30px 120px #00162a99;display:grid;gap:14px}
.owner-login-card h1{font-size:25px;letter-spacing:-.6px;color:#112448}
.owner-login-card p{font-size:13px;color:#697c99}.owner-login-card small{color:#647795}
.owner-login-card form{display:grid;gap:14px}.owner-login-card label{display:grid;gap:6px;font-weight:700;color:#1b3258}
.owner-login-card input,.stage-form input,.stage-form select{width:100%;min-height:43px;border:1px solid #d4ddeb;border-radius:10px;padding:10px;background:#fff;color:#13284b}
.owner-login-card .brand-mark{width:54px;height:54px;font-size:26px}.stage-message{min-height:16px;color:#b92e44!important}
.stage-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px!important;margin-top:15px}
.stage-form label{display:grid;gap:6px;color:#374e70;font-size:12px;font-weight:700}.stage-form button{align-self:end;min-height:44px}
.stage-list{display:grid;gap:10px;padding-top:13px}.stage-list-item{border:1px solid #e2e9f3;border-radius:11px;padding:12px 15px;background:#f8faff}
.stage-list-item b{display:block;color:#14264b}.stage-list-item small{color:#69809e}.preview-pill{letter-spacing:.04em}
@media (prefers-reduced-motion:reduce){.loader-overlay *,.loader-overlay *::before,.loader-overlay *::after{animation:none!important;transition:none!important}}

.loader-overlay{z-index:5000}