:root{--bg:#0a0a0a;--panel:#171615;--panel-2:#1f1d1b;--line:#3b3427;--line-soft:#2c2822;--gold:#d9b06a;--gold-light:#f3d9a0;--gold-soft:#b8955a;--gold-dim:#6b5a3a;--ink:#f4efe6;--cream:#e9e2d5;--muted:#a39a8c;--danger:#e38b7a;--ok:#9cc79a;--radius:18px;--gold-grad:linear-gradient(180deg, #f6dfa8 0%, #d9b06a 55%, #b0844a 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;padding:0}body{-webkit-text-size-adjust:100%;background:radial-gradient(90% 45% at 50% 0%, #d9b06a1a, transparent 70%), radial-gradient(120% 60% at 50% 100%, #ffffff08, transparent 70%), var(--bg);min-height:100dvh;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;font-size:16px;line-height:1.45}a{color:var(--gold)}.shell{max-width:560px;margin:0 auto;padding:4px 16px 120px}.gold-text,.tile b,.page-title,h2{background:var(--gold-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.apphead{grid-template-columns:48px 1fr 48px;align-items:center;max-width:560px;margin:0 auto;padding:10px 12px 4px;display:grid}.apphead .applogo{justify-self:center;display:block}.apphead .applogo img{filter:drop-shadow(0 4px 10px #0009);width:auto;height:54px;display:block}.apphead.big{align-items:start;padding-top:14px;padding-bottom:10px}.apphead.big .applogo img{height:clamp(104px,15dvh,136px)}.iconbtn{cursor:pointer;width:48px;height:48px;color:var(--gold);background:0 0;border:0;border-radius:12px;place-items:center;padding:0;display:grid}.iconbtn:focus-visible{outline:2px solid var(--gold-soft)}.drawer-wrap{z-index:50;background:#0009;position:fixed;inset:0}.drawer{border-right:1px solid var(--line);width:min(84vw,340px);padding:16px 16px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(#1b1a18,#0e0e0d);flex-direction:column;gap:2px;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}.drawer-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.drawer-top img{height:52px}.drawer a,.drawer .drawer-item{text-align:left;color:var(--cream);font:inherit;cursor:pointer;border:0;border-bottom:1px solid var(--line-soft);background:0 0;border-radius:10px;padding:13px 10px;font-size:17px;text-decoration:none;display:block}.drawer a.on{color:var(--gold)}.drawer a:hover,.drawer .drawer-item:hover{background:#22201c}.welcome-card{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg,#24221f,#151413 70%);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 17px;display:flex;box-shadow:0 10px 24px #00000073,inset 0 1px #ffffff0d}.welcome-card small{color:var(--gold);letter-spacing:.12em;font-size:12.5px;font-weight:600}.welcome-card h1{color:#fff;margin:2px 0;font-size:28px;font-weight:700;line-height:1.15}.welcome-card p{color:var(--cream);margin:0;font-size:16px}.avatar{border:1.5px solid var(--gold-soft);background:radial-gradient(circle at 35% 30%,#2d2a25,#141312);border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 6px 16px #0000008c}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.tile{border-radius:var(--radius);border:1px solid var(--line);min-height:clamp(96px,15.5dvh,132px);color:var(--ink);background:linear-gradient(160deg,#23211e,#141312 75%);align-items:center;gap:8px;padding:10px 8px 10px 11px;text-decoration:none;display:flex;box-shadow:0 10px 22px #00000073,inset 0 1px #ffffff0d}.tile:hover,.tile:focus-visible{border-color:var(--gold-soft);outline:none}.tile-icon{filter:drop-shadow(0 3px 6px #0009);flex:none}.tile-text{flex-direction:column;min-width:0;display:flex}.tile b{overflow-wrap:anywhere;font-size:18.5px;font-weight:700;line-height:1.12}.tile.long b{font-size:clamp(13px,4vw,15px)}.tile-text>span{color:var(--cream);margin-top:3px;font-size:14px;line-height:1.24}@media (max-width:370px){.tile b{font-size:16.5px}.tile-text>span{font-size:12.5px}}.nav{z-index:20;padding:0 8px env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav .inner{border:1px solid var(--line);background:linear-gradient(#1c1b19,#111110);border-bottom:0;border-radius:26px 26px 0 0;grid-template-columns:repeat(4,1fr);width:100%;max-width:560px;padding:10px 6px 8px;display:grid;box-shadow:0 -8px 24px #0009}.nav a{color:#b9b2a6;flex-direction:column;align-items:center;gap:3px;padding:4px 4px 8px;font-size:14px;text-decoration:none;display:flex;position:relative}.nav a.on{color:var(--gold);font-weight:600}.nav a.on:after{content:"";background:var(--gold-grad);border-radius:4px;height:4px;position:absolute;bottom:0;left:18%;right:18%}h1{margin:8px 0 6px;font-size:26px}.page-title{margin:6px 0 4px;font-size:28px;font-weight:700;display:inline-block}h2{margin:18px 0 8px;font-size:19px;font-weight:700;display:inline-block}.muted{color:var(--muted);font-size:15px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,#201e1b,#151413 75%);margin-top:12px;padding:16px;box-shadow:0 10px 22px #0006}.panel.center{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.list-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,#201e1b,#151413 75%);margin-top:12px;overflow:hidden;box-shadow:0 10px 22px #0006}.list-row{color:var(--ink);border-bottom:1px solid var(--line-soft);align-items:center;gap:14px;padding:15px 14px;text-decoration:none;display:flex}.list-row:last-child{border-bottom:0}.list-row:hover{background:#24221f}.row-icon{flex:none;place-items:center;width:40px;display:grid}.row-text{flex-direction:column;flex:1;min-width:0;display:flex}.row-text b{color:var(--gold-light);font-size:17px}.row-text span{color:var(--muted);font-size:14px}.chev{color:var(--gold-soft);font-size:26px;line-height:1}.acct{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:8px 0;display:flex}.list{flex-direction:column;gap:10px;display:flex}.item{border:1px solid var(--line);color:var(--ink);background:linear-gradient(160deg,#201e1b,#151413 75%);border-radius:14px;padding:14px;text-decoration:none;display:block;box-shadow:0 6px 16px #00000059}.item:hover{border-color:var(--gold-soft)}.item .row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.item b{color:var(--gold-light);font-size:16px}.pill{color:var(--ok);white-space:nowrap;background:#23301f;border-radius:99px;padding:2px 9px;font-size:12px}.pill.pending{color:var(--gold);background:#302a1a}.kv{grid-template-columns:1fr 1fr;gap:10px 14px;display:grid}.kv div small{color:var(--gold-soft);text-transform:uppercase;letter-spacing:.05em;font-size:12px;display:block}.vehicle{justify-content:space-between;align-items:center;gap:10px;display:flex}.vehicle .btn{white-space:nowrap;width:auto;margin:0;padding:10px 14px;font-size:15px}label{color:var(--gold-soft);margin:14px 0 6px;font-size:14px;display:block}input,select,textarea{width:100%;font:inherit;border:1px solid var(--line);color:var(--ink);background:#0e0e0d;border-radius:12px;padding:14px;font-size:16px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold-soft);border-color:#0000}input[type=file]{padding:12px}.btn{background:var(--gold-grad);color:#1a140b;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:14px 18px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 6px 16px #00000073}.btn:disabled{opacity:.55;cursor:default}.btn.secondary{color:var(--gold);border:1px solid var(--gold-soft);box-shadow:none;background:0 0}.btn-row{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.btn-row .btn{margin-top:12px;padding:12px 8px;font-size:15px}.linkbtn{color:var(--gold);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px;font-size:15px}.alert{border:1px solid var(--gold-dim);background:#1a1712;border-radius:12px;margin-top:14px;padding:12px 14px;font-size:15px}.alert.err{color:#f1c8bf;background:#1d1311;border-color:#6b3a32}.fielderr{color:var(--danger);margin-top:4px;font-size:13px}.check{color:var(--ink);align-items:center;gap:10px;margin-top:14px;font-size:16px;display:flex}.check input{width:22px;height:22px}.filelist{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.filelist li{border:1px solid var(--line);background:#121110;border-radius:10px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:14px;display:flex}.brand{flex-direction:column;align-items:center;padding:8px 0 16px;display:flex}.brand img{filter:drop-shadow(0 4px 10px #0009);width:auto;height:140px}.topbar{justify-content:space-between;align-items:center;display:flex}.card{aspect-ratio:3.375/2.125;border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 28px #00000073;container-type:inline-size}.card.front{border:1.5px solid var(--gold-soft);color:var(--ink);background:radial-gradient(120% 90% at 100% 0,#d4af6a1a,#0000 55%),linear-gradient(160deg,#1b1a18,#0d0d0d 70%);grid-template-rows:auto 1fr auto;padding:3.6cqw 4.6cqw 3.4cqw;display:grid}.card .head{border-bottom:1px solid var(--gold-dim);align-items:center;gap:2.4cqw;padding-bottom:1.6cqw;display:flex}.card .head img{flex:none;width:auto;height:16cqw}.card .head .title{flex:1}.card .head .title b{letter-spacing:.05em;color:var(--gold);text-transform:uppercase;font-size:4.1cqw;line-height:1.15;display:block}.card .head .title span{color:var(--muted);font-size:2.6cqw}.card .state{color:#0d0d0d;background:var(--gold);letter-spacing:.08em;border-radius:1cqw;padding:.7cqw 1.7cqw;font-size:2.5cqw;font-weight:700}.card .grid{grid-template-columns:1.25fr 1fr 1fr;align-content:start;gap:1.2cqw 3cqw;padding-top:2cqw;display:grid}.card .f label{text-transform:uppercase;letter-spacing:.07em;color:var(--gold-soft);margin:0 0 .2cqw;font-size:2cqw;display:block}.card .f div{font-size:3cqw;font-weight:600;line-height:1.18}.card .f.wide{grid-column:span 2}.card .f.full{grid-column:1/-1}.card .vin{letter-spacing:.05em;font-family:Consolas,Courier New,monospace}.card .checks{grid-column:1/-1;gap:3cqw;font-size:2.2cqw;display:flex}.card .checks i{border:1px solid var(--gold);width:2.7cqw;height:2.7cqw;color:var(--gold);vertical-align:middle;place-items:center;margin-right:1cqw;font-size:2.2cqw;font-style:normal;display:inline-grid}.card .foot{border-top:1px solid var(--gold-dim);color:var(--muted);justify-content:space-between;padding-top:1.4cqw;font-size:2cqw;display:flex}.card .foot b{color:var(--gold);font-weight:600}.btn-row.two{grid-template-columns:1fr 1fr}.btn.danger{color:#fff;background:linear-gradient(#e0634f,#b23a2a)}.road-status{color:var(--muted);margin-top:8px;font-size:15px}.road-status.yes{color:var(--ok)}.road-status.no{color:var(--gold)}.small{font-size:13.5px}.steps{color:var(--cream);margin:0;padding-left:20px}.steps li{margin:4px 0}.nearby{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;display:grid}.nearby-btn{text-align:center;border:1px solid var(--line);color:var(--cream);background:linear-gradient(160deg,#201e1b,#151413 75%);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:12.5px;text-decoration:none;display:flex}.nearby-btn:hover{border-color:var(--gold-soft)}.share-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.share-grid .btn{margin-top:0}.qr{flex-direction:column;align-items:center;gap:8px;margin-top:8px;display:flex}.qr img{background:#fff;border-radius:12px;width:200px;height:200px;padding:10px}@media print{.nav,.apphead,.no-print{display:none!important}body{background:#fff}}.social-row{flex-wrap:wrap;gap:14px;display:flex}.social-row a{border:1px solid var(--gold-soft);background:linear-gradient(160deg,#201e1b,#151413 75%);border-radius:50%;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 6px 14px #00000059}.social-row a:hover{background:#24221f}.social-row svg{width:26px;height:26px}fieldset.choices{border:0;margin:14px 0 0;padding:0}fieldset.choices legend{color:var(--gold-soft);padding:0;font-size:14px}fieldset.choices .check{border:1px solid var(--line);border-radius:12px;align-items:flex-start;margin-top:10px;padding:12px}fieldset.choices .check input{flex:none;margin-top:1px}.change-section{border-top:1px solid var(--line-soft);margin-top:18px;padding-top:4px}.change-section h3{color:var(--gold);margin:12px 0 0;font-size:17px}.cov-list{gap:6px;margin-top:8px;display:grid}.cov-list>div{border-bottom:1px solid var(--line-soft);justify-content:space-between;gap:12px;padding-bottom:6px;font-size:14px;display:flex}.cov-list>div:last-child{border-bottom:0}.cov-list span{color:var(--muted,#b9b2a6)}.cov-list b{color:var(--ink);text-align:right;white-space:nowrap}.vehicle{flex-wrap:wrap}.vehicle>div{flex:180px;min-width:0}.item .cov-list b{color:var(--ink);font-size:14px}.acct.family{flex-wrap:wrap;justify-content:space-between}.family-actions{gap:4px;margin-left:auto;display:flex}.linkbtn.danger-text{color:#e0634f}.fam-status{color:var(--gold-soft);white-space:nowrap;background:#2a2620;border-radius:99px;padding:1px 8px;font-size:13px}.fam-status.invited{color:#e8cf7a;background:#2b2a1c}.fam-status.active{color:var(--ok);background:#23301f}.banner{border:1px solid var(--gold-soft);color:var(--ink);background:linear-gradient(160deg,#2a2418,#18150f);border-radius:14px;align-items:flex-start;gap:10px;margin:12px 0 0;padding:12px 14px;text-decoration:none;display:flex}.banner p{margin:0;font-size:15px;line-height:1.4}.banner.renew{background:linear-gradient(160deg,#2e1f14,#1a130d);border-color:#c9733c}.banner.renew b{color:#f0a46b}.banner-call{color:var(--muted,#b9b2a6);font-size:14px}.staff{min-height:100vh;color:var(--ink);background:#0b0b0b}.staff-head{border-bottom:1px solid var(--line);background:#121110;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;display:flex}.staff-brand{color:var(--gold);align-items:center;gap:8px;text-decoration:none;display:flex}.staff-head nav{align-items:center;gap:14px;display:flex}.staff-head nav a{color:var(--ink);text-decoration:none}.staff-main{max-width:980px;margin:0 auto;padding:18px 16px 60px}.staff-filters{grid-template-columns:160px 160px 1fr auto;gap:8px;margin:10px 0 14px;display:grid}.staff-filters .btn{width:auto;margin:0;padding:10px 16px}@media (max-width:700px){.staff-filters{grid-template-columns:1fr 1fr}.staff-filters input{grid-column:1/-1}}.staff-table{gap:6px;display:grid}.staff-row{border:1px solid var(--line);color:var(--ink);background:#151413;border-radius:12px;grid-template-columns:1.1fr 1fr 1.4fr .9fr;gap:10px;padding:12px 14px;text-decoration:none;display:grid}.staff-row:hover{border-color:var(--gold-soft)}.staff-row span{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.staff-row small{color:var(--muted,#b9b2a6);font-size:13px}@media (max-width:700px){.staff-row{grid-template-columns:1fr 1fr}}.st{color:var(--gold);white-space:nowrap;background:#302a1a;border-radius:99px;align-self:flex-start;padding:2px 8px;font-size:13px;font-style:normal}.st.completed{color:var(--ok);background:#23301f}.st.cancelled,.st.delivery_failed{color:#f08a77;background:#3a1f1a}.staff-pre{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);background:#0f0e0d;border-radius:10px;padding:12px;font-size:13px;line-height:1.45}.staff-history{padding-left:18px}.staff-history li{margin:6px 0}.banner-icon{flex:none;margin-top:1px}.iconbtn.bell{position:relative}.badge{color:#fff;text-align:center;background:#e0634f;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:2px;right:0;box-shadow:0 0 0 2px #0b0b0b}.notif-ann{align-items:flex-start;gap:10px;display:flex}.privacy h2{margin-top:20px;font-size:17px;display:block}.privacy ul{padding-left:20px}.privacy li,.privacy p{margin:6px 0;line-height:1.5}.privacy-contact{margin:24px 0 40px}.center-note{text-align:center;margin:16px 0;font-size:14px}.center-note a{color:var(--gold-soft)}.fam-policies{color:var(--muted,#b9b2a6);flex-direction:column;gap:2px;margin-top:4px;font-size:13px;display:flex}.fam-edit{width:100%}html,body{overflow-x:hidden}.tile-text>span,.row-text b,.row-text span,.item,.panel,h1,h2,.page-title{overflow-wrap:break-word}.tile{min-width:0}.env-banner{z-index:45;color:#fff;text-align:center;background:repeating-linear-gradient(135deg,#e0634f 0 14px,#c9483a 14px 28px);padding:6px 10px;font-size:13px;line-height:1.35;position:sticky;top:0;box-shadow:0 2px 8px #0006}.env-banner b{letter-spacing:.08em}.env-banner a{color:#fff;font-weight:700;text-decoration:underline}