:root{color-scheme:dark;--red:#ad202b;--red2:#7b151d;--green:#23a363;--ink:#080a0b;--surface:#121617;--surface2:#191e20;--line:#293033;--text:#f5f6f6;--muted:#a3abad;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#050606}body{color:var(--text);background:radial-gradient(circle at 50% -10%,#2b3234 0,#0a0c0d 34rem);margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{background:var(--ink);width:min(100%,480px);min-height:100dvh;margin:auto;box-shadow:0 0 70px #000}.app-header{z-index:20;min-height:76px;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:#0a0d0ef0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand img{object-fit:contain;width:44px;height:44px}.brand b,.brand small{display:block}.brand b{letter-spacing:.09em;font-size:19px}.brand small{color:#bbc1c3;letter-spacing:.14em;margin-top:2px;font-size:9px}.header-actions{gap:7px;display:flex}.header-actions a{border:1px solid var(--line);background:var(--surface2);border-radius:13px;place-items:center;width:42px;height:42px;font-size:19px;display:grid}.header-actions .whatsapp{color:#53d88d}main{padding-bottom:92px}.screen{padding:22px 17px 28px}.screen[hidden]{display:none}.welcome{justify-content:space-between;align-items:flex-end;gap:12px;padding:8px 2px 21px;display:flex}.welcome span,.page-title>span,.emergency-hero>small,.profile-head small,.section-head small,.dialog-head small{color:#d44651;letter-spacing:.13em;font-size:11px;font-weight:900}h1,h2,p{margin-top:0}.welcome h1{letter-spacing:-.035em;margin:6px 0 0;font-size:31px;line-height:1.05}.welcome h1 em{color:#d44651;font-style:normal}.install-button{background:var(--surface2);color:#fff;border:1px solid #4a5255;border-radius:10px;padding:9px 11px;font-size:11px;font-weight:800}.accident-action{background:linear-gradient(135deg,var(--red2),var(--red));border:1px solid #d04b55;border-radius:20px;grid-template-columns:54px 1fr auto;align-items:center;gap:13px;padding:17px;display:grid;box-shadow:0 14px 30px #7e141d47}.accident-icon{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:16px;place-items:center;width:52px;height:52px;font-size:27px;font-weight:900;display:grid}.accident-action small,.accident-action b,.accident-action em{display:block}.accident-action small{color:#ffd4d7;letter-spacing:.08em;font-size:9px;font-weight:900}.accident-action b{margin-top:3px;font-size:23px}.accident-action em{color:#f4c8cb;margin-top:2px;font-size:11px;font-style:normal}.accident-action>strong{font-size:23px}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:11px;display:grid}.quick-grid button{border:1px solid var(--line);color:#fff;text-align:left;background:linear-gradient(145deg,#171c1e,#101314);border-radius:18px;min-height:134px;padding:15px}.quick-grid span,.quick-grid b,.quick-grid small{display:block}.quick-icon{color:#d44651;font-size:28px}.quick-grid b{margin-top:17px;font-size:15px}.quick-grid small{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.35}.section-head{margin:26px 2px 10px}.section-head h2{margin:3px 0 0;font-size:20px}.action-list,.profile-list,.emergency-actions{gap:8px;display:grid}.action-list a,.action-list button,.profile-list a,.profile-list button,.emergency-actions a{border:1px solid var(--line);background:var(--surface);color:#fff;text-align:left;border-radius:15px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;width:100%;padding:13px;display:grid}.action-list>*>span,.profile-list>*>span,.emergency-actions>*>span{background:var(--surface2);color:#d44651;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.action-list b,.action-list small,.profile-list b,.profile-list small,.emergency-actions b,.emergency-actions small{display:block}.action-list small,.profile-list small,.emergency-actions small{color:var(--muted);margin-top:3px;font-size:11px}.action-list strong,.profile-list strong,.emergency-actions strong{color:#778083;font-size:21px}.support-strip{border-left:3px solid var(--red);background:#15191a;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding:14px;display:flex}.support-strip b,.support-strip small{display:block}.support-strip small{color:var(--muted);margin-top:3px;font-size:10px}.support-strip a{color:#101314;white-space:nowrap;background:#fff;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:900}.page-title{padding:8px 2px 17px}.page-title h1{letter-spacing:-.03em;margin:6px 0 7px;font-size:29px}.page-title p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.tracking-card,.process-card,.safety-note,.app-info,.app-lead-form{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:17px}.app-lead-form .honeypot{position:absolute;left:-9999px}.app-lead-form>input,.app-lead-form select,.app-lead-form textarea,.form-split input{color:#fff;background:#0b0e0f;border:1px solid #3a4245;border-radius:11px;outline:0;width:100%;min-height:50px;padding:11px 13px}.app-lead-form textarea{resize:vertical}.app-lead-form select{appearance:auto}.form-split{grid-template-columns:1fr 1fr;gap:9px;display:grid}.capture-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;display:grid}.capture-box{background:var(--surface2);color:#fff;text-align:left;border:1px solid #3a4245;border-radius:14px;align-content:center;justify-items:start;min-height:118px;padding:13px;display:grid;margin:0!important}.capture-box svg{color:#d44651;margin-bottom:11px}.capture-box b,.capture-box small{display:block}.capture-box small{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.35}.capture-box input{opacity:0;width:1px;height:1px;position:absolute}.photo-preview-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.photo-preview-grid img{object-fit:cover;border-radius:11px;width:100%;height:120px;display:block}.document-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.document-grid label{background:#0b0e0f;border:1px solid #3a4245;border-radius:12px;gap:7px;margin:0;padding:11px;display:grid}.document-grid span{font-size:11px;font-weight:800}.document-grid input{width:100%;color:var(--muted);font-size:10px}.app-consent{align-items:flex-start;gap:9px;line-height:1.45;color:var(--muted)!important;margin-top:14px!important;font-size:10px!important;display:flex!important}.app-consent input{width:18px;height:18px;accent-color:var(--red);flex:none}.app-consent a{color:#fff;text-decoration:underline}.submit-request{background:var(--red);color:#fff;border:0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:52px;margin-top:14px;padding:0 15px;font-weight:900;display:flex}.submit-request:disabled{opacity:.65}.request-status{color:#d2d6d7;margin-top:10px;font-size:11px}.tracking-card label,dialog label{color:#cbd0d1;margin:13px 0 7px;font-size:12px;font-weight:800;display:block}.tracking-card label:first-child{margin-top:0}.plate-field,.text-field{background:#0b0e0f;border:1px solid #3a4245;border-radius:13px;align-items:center;min-height:56px;display:flex;overflow:hidden}.plate-field span,.text-field span{color:#d44651;border-right:1px solid #333b3d;align-self:stretch;place-items:center;padding:0 13px;font-size:11px;font-weight:900;display:grid}.plate-field input,.text-field input{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 14px;font-size:17px;font-weight:800}.tracking-card>button{background:var(--red);color:#fff;border:0;border-radius:13px;justify-content:space-between;align-items:center;width:100%;min-height:54px;margin-top:16px;padding:0 17px;font-weight:900;display:flex}.process-card{margin-top:12px}.process-card h2{font-size:18px}.process-card ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.process-card li{grid-template-columns:34px 1fr;gap:11px;padding:8px 0;display:grid;position:relative}.process-card li:not(:last-child):after{content:"";background:#374043;width:1px;position:absolute;top:41px;bottom:-5px;left:16px}.process-card li>span{z-index:1;color:#d44651;background:#191e20;border:1px solid #424b4e;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.process-card b,.process-card small{display:block}.process-card small{color:var(--muted);margin-top:3px;font-size:11px}.notice-permission{background:#1b1415;border:1px solid #4a3638;border-radius:15px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.notice-permission>span{color:#d44651;font-size:24px}.notice-permission b,.notice-permission small{display:block}.notice-permission small{color:#c2a9ab;margin-top:3px;font-size:10px}.notice-permission button{background:var(--red);color:#fff;border:0;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:900}.notice-permission.is-enabled{background:#101b16;border-color:#29523e}.notification-list{gap:8px;margin-top:12px;display:grid}.customer-records{gap:9px;display:grid}.customer-records article{border:1px solid var(--line);border-left:3px solid var(--green);background:var(--surface);border-radius:15px;grid-template-columns:42px 1fr;gap:11px;padding:15px;display:grid}.customer-records article>span{color:#55d58b;background:#16251d;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.customer-records b,.customer-records small{display:block}.customer-records p{color:#d0d4d5;margin:4px 0;font-size:12px}.customer-records small{color:var(--muted);font-size:10px}.empty-records{background:var(--surface);text-align:center;border:1px dashed #3a4245;border-radius:18px;padding:30px 20px}.empty-records>span{background:var(--surface2);color:#d44651;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 12px;font-size:28px;display:grid}.empty-records h2{margin-bottom:7px;font-size:19px}.empty-records p{color:var(--muted);margin-bottom:17px;font-size:12px;line-height:1.5}.empty-records a,.record-actions a,.record-actions button{background:var(--red);color:#fff;border:0;border-radius:12px;place-items:center;min-height:46px;padding:0 14px;font-size:12px;font-weight:900;display:grid}.record-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.record-actions button{border:1px solid var(--line);background:var(--surface2)}.notification-list article{border:1px solid var(--line);background:var(--surface);border-radius:15px;grid-template-columns:38px 1fr;gap:11px;padding:15px;display:grid}.notification-list article>span{color:#d44651;font-size:22px}.notification-list article.is-new{border-left:3px solid var(--red)}.notification-list b{font-size:14px}.notification-list p{color:var(--muted);margin:5px 0;font-size:12px;line-height:1.45}.notification-list small{color:#697376;font-size:10px}.emergency-hero{text-align:center;padding:20px 4px}.pulse{color:#e34a56;background:#ad202b29;border:1px solid #d44751;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 15px;font-size:39px;font-weight:900;display:grid;box-shadow:0 0 0 9px #ad202b0f}.emergency-hero h1{margin:7px 0 8px;font-size:27px}.emergency-hero p{color:var(--muted);font-size:12px;line-height:1.55}.emergency-actions .call{background:linear-gradient(135deg,#7b151d,#ad202b);border-color:#9c2730}.emergency-actions .call>span{color:#fff;background:#ffffff1f}.emergency-actions .wa{background:#10271d;border-color:#246640}.emergency-actions .wa>span{color:#54d78c;background:#153b28}.safety-note{border-left:3px solid #dd8b2a;margin-top:12px}.safety-note b{color:#efaa58}.safety-note p{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.55}.profile-head{align-items:center;gap:13px;padding:10px 2px 22px;display:flex}.profile-head img{object-fit:contain;width:72px;height:72px}.profile-head h1{margin:4px 0 0;font-size:27px}.app-info{text-align:center;margin-top:18px;display:grid}.app-info span{color:var(--muted);margin-top:2px;font-size:12px}.app-info small{color:#667073;margin-top:9px;font-size:10px}.bottom-nav{z-index:30;width:min(100%,480px);min-height:72px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);backdrop-filter:blur(18px);background:#0f1213f7;grid-template-columns:repeat(5,1fr);margin:auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button,.bottom-nav a{color:#8e9799;text-align:center;background:0 0;border:0;place-content:center;gap:4px;display:grid}.bottom-nav span,.bottom-nav b{display:block}.bottom-nav span{font-size:21px;line-height:1}.bottom-nav b{font-size:9px}.bottom-nav .is-active{color:#e14954}.bottom-nav .report-nav{color:#fff;position:relative}.bottom-nav .report-nav span{border:4px solid var(--ink);background:var(--red);border-radius:50%;place-items:center;width:48px;height:48px;margin-top:-22px;font-size:28px;display:grid;box-shadow:0 7px 20px #ad202b66}.toast{z-index:60;color:#111;opacity:0;pointer-events:none;text-align:center;background:#eef0f0;border:1px solid #3a4245;border-radius:12px;width:min(100% - 40px,420px);margin:auto;padding:12px 14px;font-size:12px;font-weight:800;transition:all .2s;position:fixed;bottom:90px;left:20px;right:20px;transform:translateY(20px)}.toast.is-visible{opacity:1;transform:none}dialog{color:#fff;background:#121617;border:1px solid #3b4447;border-radius:20px;width:min(100% - 32px,430px);padding:0;box-shadow:0 25px 80px #000}dialog::backdrop{backdrop-filter:blur(4px);background:#000000b8}dialog form{padding:19px}.dialog-head{justify-content:space-between;display:flex}.dialog-head h2{margin:3px 0 0}.dialog-head button{border:1px solid var(--line);background:var(--surface2);color:#fff;border-radius:10px;width:36px;height:36px;font-size:20px}dialog input{color:#fff;background:#0b0e0f;border:1px solid #3a4245;border-radius:12px;width:100%;height:52px;padding:0 13px}dialog p{color:var(--muted);margin:12px 0;font-size:10px;line-height:1.5}dialog .save-vehicle{background:var(--red);color:#fff;border:0;border-radius:12px;width:100%;height:50px;font-weight:900}@media (width>=700px){.app-shell{border:1px solid var(--line);border-radius:28px;min-height:calc(100dvh - 48px);margin-block:24px;overflow:hidden}.bottom-nav{border:1px solid var(--line);border-radius:0 0 28px 28px;bottom:24px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
