:root{--bg:#f4f6f8;--surface:#fff;--surface-strong:#111316;--text:#14171a;--muted:#66717d;--line:#d9dee5;--line-strong:#b8c0ca;--accent:#d71920;--accent-dark:#a90f16;--teal:#0c6b70;--green:#15803d;--amber:#b7791f;--blue:#174ea6;--shadow:0 22px 70px #121c2d1f}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--text);letter-spacing:0;background:linear-gradient(#ffffffe6,#f4f6f8eb),repeating-linear-gradient(90deg,#11131609 0 1px,#0000 1px 96px);margin:0;font-family:Aptos,Segoe UI,system-ui,-apple-system,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100svh}.access-screen{grid-template-columns:minmax(0,1fr) minmax(360px,460px);min-height:100svh;display:grid}.access-hero{color:#fff;background:linear-gradient(135deg,#111316eb,#111316c2),linear-gradient(115deg,#d7192057,#0c6b702e),url("data:image/svg+xml,%3Csvg width='1320' height='900' viewBox='0 0 1320 900' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.16'%3E%3Cpath d='M-80 610c210-80 384-80 522 0s314 80 528 0 378-80 506 0'/%3E%3Cpath d='M-40 690c206-78 378-78 516 0s314 78 528 0 384-78 512 0'/%3E%3C/g%3E%3Cg fill='%23ffffff' fill-opacity='.12'%3E%3Crect x='115' y='300' width='420' height='150' rx='6'/%3E%3Crect x='160' y='260' width='320' height='40' rx='4'/%3E%3Crect x='705' y='330' width='380' height='120' rx='6'/%3E%3Crect x='742' y='292' width='306' height='38' rx='4'/%3E%3C/g%3E%3Cpath d='M130 515h970' stroke='%23ffffff' stroke-opacity='.2' stroke-width='10'/%3E%3C/svg%3E") 50%/cover;flex-direction:column;justify-content:space-between;min-height:100%;padding:clamp(24px,4vw,56px);display:flex;overflow:hidden}.brand-bar,.brand-lockup{align-items:center;gap:16px;display:flex}.brand-bar{color:#ffffffc7;text-transform:uppercase;font-size:.9rem;font-weight:700}.brand-logo{background:#fff;border-radius:6px;width:168px;height:auto;padding:10px 12px;display:block}.brand-logo.small{border:1px solid var(--line);width:116px;padding:7px 9px}.hero-copy{max-width:760px;padding:44px 0 34px;animation:.72s both rise-in}.eyebrow,.muted-label{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}.hero-copy .eyebrow{color:#ffb8bb}.hero-copy h1{letter-spacing:0;max-width:720px;margin:0;font-size:clamp(2.55rem,5.6vw,5.5rem);line-height:.95}.hero-copy p:last-child{color:#ffffffd1;max-width:620px;margin:26px 0 0;font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.5}.excel-strip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff42;grid-template-columns:repeat(6,minmax(92px,1fr));width:min(100%,980px);animation:.76s .14s both slide-up;display:grid;box-shadow:0 18px 55px #0000003d}.excel-strip>*{text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ffffff38;border-right:1px solid #ffffff38;min-width:0;padding:12px 14px;overflow:hidden}.excel-strip div{color:#111316;background:#ffc400;font-size:.82rem;font-weight:900}.excel-strip span,.excel-strip strong{color:#fff;font-size:.92rem}.excel-strip strong{color:#051b0d;background:#38e968}.access-panel{background:var(--surface);flex-direction:column;justify-content:center;padding:clamp(24px,4vw,54px);display:flex;box-shadow:-20px 0 70px #121c2d1f}.panel-heading{align-items:flex-start;gap:14px;margin-bottom:34px;display:flex}.panel-heading svg{color:var(--accent);flex:none}.panel-heading p,.brand-lockup span,.sync-row span,.watch-row span{color:var(--muted);text-transform:uppercase;margin:0;font-size:.82rem;font-weight:700}.panel-heading h2,.section-title-row h2,.route-copy h2{margin:4px 0 0;font-size:clamp(1.5rem,2vw,2rem);line-height:1.08}.access-form{gap:18px;display:grid}.access-form label{color:var(--surface-strong);gap:8px;font-weight:800;display:grid}.input-wrap{border:1px solid var(--line);background:#f8fafc;border-radius:8px;align-items:center;gap:10px;min-height:54px;padding:0 14px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.input-wrap:focus-within{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #d719201a}.input-wrap svg{color:var(--muted)}.input-wrap input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-weight:700}.form-error{color:var(--accent-dark);margin:0;font-size:.92rem;font-weight:700}.primary-action,.text-button,.ghost-link{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:900;text-decoration:none;display:inline-flex}.primary-action{color:#fff;background:var(--accent);margin-top:6px;padding:0 18px;transition:transform .18s,background .18s;box-shadow:0 16px 32px #d7192038}.primary-action:hover{background:var(--accent-dark);transform:translateY(-1px)}.access-proof{border-top:1px solid var(--line);color:var(--muted);align-items:flex-start;gap:10px;margin-top:28px;padding-top:22px;font-size:.92rem;line-height:1.45;display:flex}.access-proof svg{color:var(--green);flex:none}.dashboard-screen{min-height:100svh;padding:22px clamp(16px,3vw,38px) 42px}.dashboard-header{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f6f8db;border-bottom:1px solid #d9dee5db;justify-content:space-between;align-items:center;gap:20px;margin:-22px calc(-1*clamp(16px,3vw,38px)) 24px;padding:16px clamp(16px,3vw,38px);display:flex;position:sticky;top:0}.brand-lockup strong{color:var(--text);margin-top:2px;font-size:1.1rem;display:block}.header-actions{align-items:center;gap:10px;display:flex}.ghost-link{color:var(--text);border:1px solid var(--line);background:#fff;padding:0 14px}.text-button{color:var(--accent);background:0 0;padding:0 8px}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px;margin-bottom:18px;display:grid}.summary-section,.sync-section,.route-section,.table-section,.alerts-section,.operator-section{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff0;border-radius:8px}.summary-section{padding:clamp(22px,3vw,34px);animation:.52s both rise-in}.section-kicker,.fresh-badge{color:var(--muted);text-transform:uppercase;align-items:center;gap:8px;font-size:.82rem;font-weight:900;display:inline-flex}.section-kicker svg,.fresh-badge svg{color:var(--accent)}.summary-layout{justify-content:space-between;align-items:end;gap:26px;margin-top:24px;display:flex}.summary-layout h1{color:var(--surface-strong);letter-spacing:0;margin:0;font-size:clamp(3rem,8vw,7.5rem);line-height:.88}.status-line{color:var(--amber);align-items:center;gap:9px;margin:20px 0 0;font-weight:800;display:flex}.status-dot{border-radius:999px;width:10px;height:10px}.status-dot.warning{background:var(--amber);box-shadow:0 0 0 6px #b7791f21}.eta-meter{aspect-ratio:1;border:12px solid #d7192024;border-top-color:var(--accent);background:#fff;border-radius:999px;flex:none;place-items:center;width:clamp(128px,16vw,178px);display:grid}.eta-meter span{color:var(--accent);font-size:clamp(2.4rem,5vw,4rem);font-weight:950;line-height:1}.eta-meter small{color:var(--muted);margin-top:-18px;font-weight:800}.sync-section{padding:24px;animation:.52s 80ms both rise-in}.sync-section>strong{margin:22px 0 8px;font-size:1.55rem;display:block}.sync-section p{color:var(--muted);margin:0 0 20px}.sync-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-top:18px;display:flex}.route-section{grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:34px;margin-bottom:18px;padding:28px;display:grid;overflow:hidden}.route-copy p:last-child{color:var(--muted);margin:12px 0 0;line-height:1.5}.route-line{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;padding:22px 0 4px;display:grid;position:relative}.route-line:before{content:"";background:linear-gradient(90deg, var(--green), var(--teal), var(--line-strong));height:3px;position:absolute;top:42px;left:7%;right:7%}.route-stop{z-index:1;text-align:center;justify-items:center;gap:9px;min-width:0;display:grid;position:relative}.stop-dot{color:#fff;background:var(--teal);border-radius:999px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 0 8px #fff}.route-stop.done .stop-dot{background:var(--green)}.route-stop.next .stop-dot{color:var(--text);border:2px solid var(--line-strong);background:#fff}.route-stop strong{overflow-wrap:anywhere;max-width:190px;font-size:.95rem}.route-stop small{color:var(--muted);font-weight:800}.content-grid{grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:18px;margin-bottom:18px;display:grid}.table-section,.alerts-section,.operator-section{padding:24px}.section-title-row{justify-content:space-between;align-items:start;gap:18px;margin-bottom:20px;display:flex}.section-title-row.compact{align-items:center}.fresh-badge{min-height:34px;color:var(--accent-dark);white-space:nowrap;background:#d7192014;border-radius:999px;padding:0 10px}.responsive-table{border:1px solid var(--line);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:14px 12px}th{color:#111316;text-transform:uppercase;background:#ffc400;font-size:.76rem;font-weight:950}td{color:var(--text);background:#fff;font-size:.9rem;font-weight:750}.eta-cell{color:#042510;background:#52ef78}.alert-list{gap:12px;display:grid}.alert-item{border-left:4px solid var(--line-strong);background:#f8fafc;border-radius:8px;padding:16px}.alert-item.warning{border-color:var(--amber);background:#fff8ed}.alert-item.success{border-color:var(--green)}.alert-item.danger{border-color:var(--accent)}.alert-item span{color:var(--muted);font-size:.78rem;font-weight:900}.alert-item strong{margin-top:7px;display:block}.alert-item p{color:var(--muted);margin:7px 0 0;font-size:.92rem;line-height:1.45}.operator-section{margin-bottom:20px}.carrier-strip{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:560px;display:flex}.carrier-strip span{color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:900}.watchlist{border-top:1px solid var(--line);display:grid}.watch-row{border-bottom:1px solid var(--line);grid-template-columns:1.25fr 1fr .8fr .8fr auto;align-items:center;gap:18px;padding:16px 0;display:grid}.watch-row strong{margin-top:4px;display:block}.risk-pill{border-radius:999px;justify-content:center;align-items:center;min-width:92px;min-height:34px;padding:0 10px;font-size:.82rem;font-weight:950;display:inline-flex}.risk-pill.warning{color:#6f4300;background:#fff0c7}.risk-pill.success{color:#0f5428;background:#dff9e8}.risk-pill.neutral{color:#2c4f89;background:#e8f0ff}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1080px){.access-screen,.dashboard-grid,.content-grid,.route-section{grid-template-columns:1fr}.access-hero{min-height:auto}.access-panel{box-shadow:none}.summary-layout{align-items:start}}@media (max-width:760px){.access-screen{display:block}.access-hero{padding:22px}.brand-logo{width:132px}.brand-logo.small{width:98px}.hero-copy{padding:42px 0 34px}.excel-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.excel-strip>:nth-child(3),.excel-strip>:nth-child(4),.excel-strip>:nth-child(5),.excel-strip>:nth-child(9),.excel-strip>:nth-child(10),.excel-strip>:nth-child(11){display:none}.access-panel{padding:26px 22px 34px}.dashboard-screen{padding-inline:12px}.dashboard-header{flex-direction:column;align-items:flex-start}.header-actions{flex-direction:column;align-items:stretch;width:100%}.ghost-link,.text-button{width:100%}.summary-layout{flex-direction:column}.eta-meter{width:142px}.route-line{grid-template-columns:1fr;gap:24px;padding-left:8px}.route-line:before{background:linear-gradient(180deg, var(--green), var(--teal), var(--line-strong));width:3px;height:auto;inset:28px auto 28px 29px}.route-stop{text-align:left;grid-template-columns:42px 1fr;justify-items:start}.route-stop small{grid-column:2;margin-top:-8px}.section-title-row,.watch-row{grid-template-columns:1fr}.section-title-row{flex-direction:column}.carrier-strip{justify-content:flex-start}.watch-row{display:grid}}