:root{--blue:#0032a0;--deep:#08275d;--cyan:#3ccbda;--ink:#17283e;--muted:#748095;--line:#e4e9f1;--bg:#f5f7fa;--sidebar:248px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Inter,"Segoe UI",system-ui,-apple-system,sans-serif;min-height:100vh;padding-left:var(--sidebar);display:flex;flex-direction:column}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}header{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:5;background:linear-gradient(160deg,#07379f 0%,#062a80 50%,#09265c 100%);color:#fff}.header-inner{height:100%;display:flex;flex-direction:column;padding:35px 18px 23px}.brand{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:#fff;padding:0 15px 35px;border-bottom:1px solid #ffffff20;gap:22px}.wordmark{font-size:54px;line-height:1;font-weight:850;font-style:italic;letter-spacing:-3px;color:#fff}.wordmark span{font-size:12px;vertical-align:top;color:var(--cyan);margin-left:5px}.brand-info{display:grid;gap:3px}.brand-info small{font-size:9px;font-weight:650;letter-spacing:2px;color:#b6cdf2}.brand-info strong{font-size:16px;font-weight:600;letter-spacing:-.2px}.nav-caption{font-size:9px;font-weight:650;letter-spacing:1.6px;color:#90b2ea;margin:29px 15px 13px}nav{display:flex;flex-direction:column;gap:8px}nav a{display:flex;align-items:center;gap:10px;color:#cadbf4;font-size:12px;font-weight:550;padding:14px 12px;border:1px solid transparent;border-radius:9px;text-decoration:none;transition:.2s}nav a:hover{background:#ffffff09;color:white}nav a[aria-current=page]{background:#fff;color:#063293;box-shadow:0 7px 15px #03194220}.nav-symbol{font-size:21px;line-height:1;width:22px;text-align:center;font-weight:400}.sidebar-note{display:flex;align-items:center;gap:10px;padding:22px 13px 0;border-top:1px solid #ffffff20;margin-top:auto}.sidebar-note strong{display:block;font-size:11px;font-weight:600;color:#e2ebfb}.sidebar-note small{display:block;font-size:10px;color:#a7bcdf;margin-top:3px}.status-dot{height:7px;width:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #3ccbda15}main{max-width:1500px;width:100%;margin:0 auto;padding:0 38px 40px;flex:1}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;color:#8590a3;margin-bottom:30px}.topbar strong{font-weight:550;color:#58667b}.breadcrumb-separator{padding:0 10px;color:#b4becd}.topbar-tag{background:#fff;border:1px solid var(--line);padding:6px 11px;border-radius:6px;color:#607188;font-size:10px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;border:1px solid #dce7f3;border-radius:15px;padding:25px 30px;background:linear-gradient(110deg,#fff 20%,#eef8fb 100%);position:relative;overflow:hidden}.intro .eyebrow{font-size:9px;letter-spacing:1.8px;color:#49729a;margin-bottom:9px}.intro p:last-child{font-size:12px;color:#718096;margin:0}.hero-mark{color:#187caa;opacity:.65;background:#d8f2f6;border:1px solid #c8eaf1;border-radius:19px;padding:14px;flex-shrink:0}.eyebrow{font-weight:700;font-size:9px;letter-spacing:1.5px;color:#6880a3;margin:0 0 8px}h1{font-size:29px;line-height:1.25;letter-spacing:-1px;font-weight:650;margin:0 0 9px}h2{font-size:17px;line-height:1.35;letter-spacing:-.45px;font-weight:650;margin:0 0 10px}.workspace{display:grid;grid-template-columns:minmax(290px,.85fr) minmax(0,1.35fr);gap:24px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px;box-shadow:0 3px 9px #1c365c03}.panel>.eyebrow{color:#4871a0}.muted{color:var(--muted)}.panel>.muted{margin-top:0;margin-bottom:23px;font-size:11px}.small{font-size:10px}.field{margin:0 0 18px}form{margin-top:23px}label{font-size:11px;font-weight:600;display:block;margin-bottom:7px;color:#475871}input,textarea{width:100%;border:1px solid #dce3ed;border-radius:7px;background:#fff;padding:10px 12px;color:var(--ink);min-width:0;transition:border-color .15s,box-shadow .15s}input{height:43px;font-size:12px}input::placeholder,textarea::placeholder{color:#a0abba;font-weight:400}textarea{resize:vertical;line-height:1.9;font-size:12px}input:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #0032a00a;border-color:#6f96cb}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}textarea[readonly]{background:linear-gradient(135deg,#f9fbfe,#f5f8fc);border:1px solid #e2e9f3;color:#41536d;padding:19px;font:12px/1.95 "Segoe UI",system-ui,sans-serif}#driver-preview{min-height:370px;max-height:620px}#customer-preview{min-height:620px}.hint{font-size:10px;line-height:1.7;border:1px solid #e0eef6;background:#f4f9fc;padding:11px 12px;margin:19px 0 0;color:#6c849c;border-radius:7px}.field small{display:block;color:#91a0b4;margin-top:5px;font-size:10px}button{border:0;border-radius:7px;font-weight:600;cursor:pointer;padding:11px 16px;font-size:11px;transition:.15s}.primary{background:var(--blue);color:#fff;box-shadow:0 3px 7px #0032a015}.primary:hover{background:#002a88;transform:translateY(-1px)}.primary span{margin-left:18px;font-size:15px;font-weight:400}.secondary{background:white;color:#7b889b;border:1px solid #e0e6ef}.secondary:hover{background:#f7f9fc;color:var(--blue)}button:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}.full{width:100%}.section-heading{padding:0 1px}.section-heading h2{margin-bottom:15px}.occurrences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.occurrence{position:relative;display:flex;flex-direction:column;text-align:left;align-items:flex-start;gap:12px;padding:15px 13px;background:#fff;border:1px solid var(--line);border-radius:11px;color:var(--ink);width:100%;min-width:0;min-height:195px}.occurrence:hover{border-color:#b3c7e6;background:#fbfdff}.occurrence[aria-pressed=true]{border-color:#4177c6;background:#f4f8ff;box-shadow:0 0 0 1px #4177c622}.occ-icon{width:33px;height:33px;display:grid;place-items:center;font-size:18px;font-weight:500;flex-shrink:0;background:#edf2fa;border-radius:9px;color:#5479ad}.occurrence[aria-pressed=true] .occ-icon{background:var(--blue);color:#fff}.occurrence:nth-child(2) .occ-icon{color:#a17127;background:#fff5e4}.occurrence:nth-child(3) .occ-icon{color:#a35a67;background:#faedf1}.occ-text{flex:1;min-width:0}.occ-text strong{font-size:11px;line-height:1.45;display:block;font-weight:650}.occ-text small{color:#8794a8;font-weight:400;display:block;font-size:10px;line-height:1.6;margin-top:6px}.select-state{font-size:9px;color:#8e9db0;white-space:nowrap;font-weight:550}.occurrence[aria-pressed=true] .select-state{color:var(--blue)}.preview-panel{margin-top:21px}.preview-panel h2{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.preview-chip{font-size:8px;letter-spacing:1px;font-weight:600;background:#edf8f5;color:#56877a;padding:4px 7px;border:1px solid #d9eee8;border-radius:4px}.preview-panel button{margin-top:14px;min-width:165px}.instructions{padding-left:16px;font-size:10px;color:#8693a7;line-height:1.9;margin:20px 0 9px}.preview-panel>.muted{font-size:10px;line-height:1.7;margin-bottom:0}.tabs{display:flex;gap:5px;padding:5px;border:1px solid #e1e7f0;background:#eaf0f7;border-radius:9px;margin-bottom:24px;width:fit-content;max-width:100%}.tabs button{color:#78879c;background:transparent;padding:10px 19px;font-size:11px}.tabs button[aria-pressed=true]{background:white;color:var(--blue);box-shadow:0 2px 5px #17366b0a}.actions{display:grid;gap:10px;margin-top:25px}footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:22px;border-top:1px solid var(--line);color:#97a1b1;font-size:10px;background:#fafbfd}footer img{display:block;width:150px;height:auto;mix-blend-mode:multiply}#toast{position:fixed;bottom:24px;left:calc(50% + var(--sidebar)/2);transform:translateX(-50%);background:#12366b;color:white;padding:13px 22px;border:1px solid #34568b;border-radius:9px;font-size:12px;max-width:calc(100% - 32px);box-shadow:0 8px 30px #002b6830;display:none;z-index:10}#toast.visible{display:block}[hidden]{display:none!important}@media(min-width:1600px){main{padding-left:54px;padding-right:54px}.workspace{grid-template-columns:.8fr 1.4fr}.occurrence{min-height:175px}}@media(max-width:1150px){:root{--sidebar:215px}main{padding-left:23px;padding-right:23px}.header-inner{padding-left:12px;padding-right:12px}.panel{padding:20px}.workspace{grid-template-columns:minmax(265px,.85fr) minmax(0,1.1fr);gap:18px}.occurrences{grid-template-columns:1fr}.occurrence{flex-direction:row;align-items:center;gap:10px;min-height:0;padding:12px}.occ-text small{margin-top:3px}.select-state{font-size:8px}.hero-mark{padding:12px}.hero-mark svg{width:45px;height:45px}}@media(max-width:850px){:root{--sidebar:0px}body{padding-left:0}header{position:relative;width:100%;background:#082d84}.header-inner{padding:20px 22px 12px;display:block}.brand{flex-direction:row;align-items:center;gap:20px;padding:0;border:0}.wordmark{font-size:39px}.brand-info{border-left:1px solid #ffffff30;padding-left:20px}.brand-info small{font-size:8px}.brand-info strong{font-size:14px}.nav-caption,.sidebar-note{display:none}nav{flex-direction:row;gap:6px;margin-top:20px}nav a{flex:1;justify-content:center;padding:11px 8px;font-size:11px}.nav-symbol{font-size:17px}.topbar{height:52px;margin-bottom:20px}.topbar-tag{font-size:9px}main{padding:0 20px 30px}.intro{padding:22px;margin-bottom:23px}h1{font-size:25px}.intro p:last-child{font-size:11px}.hero-mark{display:none}.workspace{grid-template-columns:1fr}.occurrences{grid-template-columns:repeat(3,minmax(0,1fr))}.occurrence{flex-direction:column;align-items:flex-start;min-height:172px}.occ-text strong{font-size:11px}.occ-text small{font-size:10px}.right-workspace{margin-top:4px}.panel{padding:23px}#driver-preview{min-height:350px}.tabs{width:100%}.tabs button{flex:1;padding:10px}.preview-panel{margin-top:20px}footer{padding:18px}#toast{left:50%}}@media(max-width:450px){main{padding-left:15px;padding-right:15px}.header-inner{padding-left:16px;padding-right:16px}.brand-info strong{font-size:13px}.brand-info{padding-left:15px}.brand{gap:15px}.intro{padding:20px}.intro .eyebrow{font-size:8px;letter-spacing:1.2px}.occurrences{gap:7px}.occurrence{padding:12px 9px;min-height:190px}.occ-text strong{font-size:10px}.occ-text small{font-size:9px}.occ-icon{width:29px;height:29px}.select-state{font-size:8px}.panel{padding:20px}.tabs button{font-size:10px;padding:9px 7px}.topbar-tag{display:none}}

.official-logo{display:block;width:155px;height:84px;object-fit:contain;object-position:left center;flex-shrink:0}@media(max-width:850px){.official-logo{width:100px;height:54px}}