:root{--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Khmer", Roboto, "Khmer OS", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 26px;--r-pill: 999px;--accent: #2563eb;--green: #16a34a;--red: #dc2626;--amber: #d97706;--nav-h: 64px;color-scheme:light}:root,[data-theme=light]{--bg: #eef1f6;--card: #ffffff;--card-2: #f3f5f9;--sheet: #ffffff;--text: #101828;--hint: #667085;--faint: #98a2b3;--border: rgba(16, 24, 40, .07);--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 10px 28px -14px rgba(16, 24, 40, .16);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-sheet: 0 -12px 40px -12px rgba(16, 24, 40, .25);--btn: var(--accent);--btn-text: #ffffff;--track: rgba(16, 24, 40, .08);--scrim: rgba(16, 24, 40, .45);--shimmer: rgba(16, 24, 40, .05);--green-bg: rgba(22, 163, 74, .1);--green-border: rgba(22, 163, 74, .22);--red-bg: rgba(220, 38, 38, .08);--red-border: rgba(220, 38, 38, .2);--amber-bg: rgba(217, 119, 6, .1);--amber-border: rgba(217, 119, 6, .22);--accent-bg: rgba(37, 99, 235, .09);--accent-border: rgba(37, 99, 235, .2);--header-grad: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);--header-text: #ffffff;--armed-grad: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);--disarmed-grad: linear-gradient(135deg, #16a34a 0%, #15803d 100%)}[data-theme=dark]{color-scheme:dark;--bg: #0b101b;--card: #151d2e;--card-2: #1c2640;--sheet: #182135;--text: #eef2f8;--hint: #94a3b8;--faint: #64748b;--border: rgba(148, 163, 184, .12);--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 12px 30px -14px rgba(0, 0, 0, .55);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-sheet: 0 -12px 40px -12px rgba(0, 0, 0, .7);--btn: #3b82f6;--btn-text: #ffffff;--track: rgba(148, 163, 184, .16);--scrim: rgba(2, 6, 16, .65);--shimmer: rgba(148, 163, 184, .08);--green: #34d399;--red: #f87171;--amber: #fbbf24;--accent: #60a5fa;--green-bg: rgba(52, 211, 153, .13);--green-border: rgba(52, 211, 153, .28);--red-bg: rgba(248, 113, 113, .12);--red-border: rgba(248, 113, 113, .28);--amber-bg: rgba(251, 191, 36, .12);--amber-border: rgba(251, 191, 36, .28);--accent-bg: rgba(96, 165, 250, .13);--accent-border: rgba(96, 165, 250, .28);--header-grad: linear-gradient(135deg, #1e40af 0%, #3730a3 100%);--header-text: #ffffff;--armed-grad: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%);--disarmed-grad: linear-gradient(135deg, #15803d 0%, #166534 100%)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease;overscroll-behavior-y:none}.app{max-width:480px;margin:0 auto;padding:14px 14px calc(var(--nav-h) + 24px);display:flex;flex-direction:column;gap:14px;min-height:100vh}.screen{display:flex;flex-direction:column;gap:14px;animation:screenIn .25s ease}@keyframes screenIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero{background:var(--header-grad);color:var(--header-text);border-radius:var(--r-xl);padding:18px 18px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-badge{width:44px;height:44px;flex:0 0 44px;border-radius:var(--r-md);background:#ffffff29;display:grid;place-items:center}.brand-badge svg{width:25px;height:25px}.brand-name{font-size:1.15rem;font-weight:800;letter-spacing:-.01em}.brand-tag{font-size:.72rem;opacity:.85;font-weight:500}.hero-user{font-size:.85rem;font-weight:600;opacity:.92}.hero-controls{display:flex;align-items:center;gap:8px}.icon-btn{width:38px;height:38px;border:none;border-radius:var(--r-pill);background:#ffffff29;color:var(--header-text);display:grid;place-items:center;cursor:pointer;transition:background .2s ease,transform .12s ease}.icon-btn:hover{background:#ffffff42}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:18px;height:18px}.lang-picker{display:flex;gap:3px;background:#ffffff29;border-radius:var(--r-pill);padding:3px}.lang-btn{border:none;background:transparent;color:#ffffffbf;padding:6px 12px;border-radius:var(--r-pill);font-size:.78rem;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease}.lang-btn.active{background:#fff;color:#1d4ed8;box-shadow:0 1px 4px #0000002e}.banner{background:var(--amber-bg);border:1px solid var(--amber-border);color:var(--amber);padding:12px 16px;border-radius:var(--r-md);font-size:.85rem;font-weight:500}.banner code{font-family:var(--mono);font-size:.8rem}.error-state{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:32px 22px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.error-state svg{width:40px;height:40px;color:var(--red)}.error-state p{font-size:.88rem;color:var(--hint);line-height:1.5}.skeleton{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:14px}.sk{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--shimmer) 25%,var(--track) 50%,var(--shimmer) 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-title{height:18px;width:40%}.sk-hero{height:88px;border-radius:var(--r-lg)}.sk-row{height:54px;border-radius:var(--r-md)}.sk-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sk-grid .sk{height:72px}.sk-btn{height:56px;border-radius:var(--r-pill)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-sm);transition:background-color .3s ease,border-color .3s ease}.card h2{font-size:1.02rem;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.card h2 svg{width:18px;height:18px;color:var(--accent);flex:0 0 18px}.card h3{font-size:.82rem;color:var(--hint);font-weight:600}.card-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-title h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.security-hero{border-radius:var(--r-xl);padding:20px;color:#fff;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow);position:relative;overflow:hidden}.security-hero.armed{background:var(--armed-grad)}.security-hero.disarmed{background:var(--disarmed-grad)}.security-hero.pending{background:linear-gradient(135deg,#d97706,#b45309)}.security-hero-top{display:flex;align-items:center;gap:14px}.security-hero .shield-ring{width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:#fff3;display:grid;place-items:center}.security-hero .shield-ring svg{width:27px;height:27px}.security-state{font-size:1.3rem;font-weight:800;letter-spacing:-.01em}.security-sub{font-size:.82rem;opacity:.9;margin-top:2px}.connectivity{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;padding:4px 11px;border-radius:var(--r-pill);background:#ffffff2e;text-transform:uppercase;letter-spacing:.05em;align-self:flex-start}.connectivity:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.connectivity.online:before{animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.arm-action{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;border:none;border-radius:var(--r-pill);font-family:var(--font);font-size:1.05rem;font-weight:800;letter-spacing:.01em;cursor:pointer;transition:transform .12s ease,filter .2s ease,box-shadow .2s ease;color:#fff}.arm-action svg{width:21px;height:21px}.arm-action.arm{background:var(--armed-grad);box-shadow:0 8px 20px -8px #dc26268c}.arm-action.disarm{background:var(--disarmed-grad);box-shadow:0 8px 20px -8px #16a34a80}.arm-action:active{transform:scale(.97)}.arm-action:disabled{opacity:.55;cursor:default;transform:none}.arm-action.pending{background:var(--card-2);color:var(--hint);box-shadow:none;border:1px solid var(--border)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{display:flex;flex-direction:column;gap:6px;background:var(--card-2);border-radius:var(--r-md);padding:12px 14px;min-width:0}.stat-head{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:var(--hint);text-transform:uppercase;letter-spacing:.04em}.stat-head svg{width:14px;height:14px;flex:0 0 14px}.stat .value{font-size:1.08rem;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value.small{font-size:.82rem;font-weight:600}.value.ok{color:var(--green)}.value.warn{color:var(--amber)}.value.bad{color:var(--red)}.batt-track{height:5px;border-radius:var(--r-pill);background:var(--track);overflow:hidden}.batt-fill{height:100%;border-radius:var(--r-pill);background:var(--green);transition:width .5s ease}.batt-fill.warn{background:var(--amber)}.batt-fill.bad{background:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;background:var(--btn);color:var(--btn-text);border:none;border-radius:var(--r-pill);padding:14px 20px;font-size:.95rem;font-weight:700;font-family:var(--font);text-decoration:none;cursor:pointer;transition:transform .12s ease,filter .2s ease,box-shadow .2s ease;box-shadow:0 4px 14px -6px #2563eb8c;min-height:48px}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn svg{width:17px;height:17px;flex:0 0 17px}.btn.small{padding:7px 14px;font-size:.85rem;box-shadow:none;min-height:0}.btn.primary{width:100%}.btn.ghost{background:var(--card-2);color:var(--text);box-shadow:none;border:1px solid var(--border)}.btn.danger{background:var(--red);box-shadow:0 4px 14px -6px #dc26268c}.btn.success{background:var(--green);box-shadow:0 4px 14px -6px #16a34a8c}.btn .spinner{border-top-color:currentColor;border-color:#ffffff4d;border-top-color:#fff}.refresh-btn{width:34px;height:34px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--card-2);color:var(--hint);display:grid;place-items:center;cursor:pointer;transition:color .2s ease,transform .4s ease}.refresh-btn:hover{color:var(--accent)}.refresh-btn:active{transform:rotate(180deg)}.refresh-btn svg{width:16px;height:16px}.spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--track);border-top-color:var(--accent);animation:spin .8s linear infinite;flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--hint);padding:44px 0;font-size:.9rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:center;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));pointer-events:none}.bottom-nav-inner{pointer-events:auto;display:flex;gap:4px;width:100%;max-width:452px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-pill);padding:6px;box-shadow:var(--shadow)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:transparent;color:var(--hint);padding:8px 4px;border-radius:var(--r-pill);font-family:var(--font);font-size:.68rem;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease}.nav-item svg{width:20px;height:20px}.nav-item.active{background:var(--accent-bg);color:var(--accent)}.nav-item:active{transform:scale(.96)}.segmented{display:flex;gap:4px;background:var(--card-2);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px}.seg-btn{flex:1;border:none;background:transparent;color:var(--hint);padding:9px 12px;border-radius:var(--r-pill);font-family:var(--font);font-size:.85rem;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.seg-btn.active{background:var(--card);color:var(--text);box-shadow:var(--shadow-sm)}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:50;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{position:fixed;bottom:0;left:0;right:0;z-index:51;display:flex;justify-content:center;pointer-events:none}.sheet-inner{pointer-events:auto;width:100%;max-width:480px;background:var(--sheet);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:12px 20px calc(24px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-sheet);display:flex;flex-direction:column;gap:14px;animation:sheetUp .3s cubic-bezier(.32,.72,0,1);max-height:88vh;overflow-y:auto}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:40px;height:4px;border-radius:var(--r-pill);background:var(--track);margin:0 auto 4px}.sheet-title{font-size:1.15rem;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.sheet-title svg{width:22px;height:22px}.sheet-title.danger svg{color:var(--red)}.sheet-title.success svg{color:var(--green)}.sheet-body{font-size:.9rem;color:var(--hint);line-height:1.55}.sheet-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.toast-wrap{position:fixed;top:14px;left:0;right:0;z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 14px}.toast{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-pill);padding:11px 18px;font-size:.85rem;font-weight:600;box-shadow:var(--shadow);animation:toastIn .3s cubic-bezier(.32,.72,0,1);max-width:440px}@keyframes toastIn{0%{opacity:0;transform:translateY(-14px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast svg{width:17px;height:17px;flex:0 0 17px}.toast.success svg{color:var(--green)}.toast.error svg{color:var(--red)}.toast.info svg{color:var(--accent)}.coords{display:flex;gap:10px;flex-wrap:wrap}.coord-chip{font-family:var(--mono);font-size:.85rem;font-weight:600;background:var(--card-2);border:1px solid var(--border);padding:8px 12px;border-radius:var(--r-pill);font-variant-numeric:tabular-nums}.geofence-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--green-bg);border:1px solid var(--green-border);border-radius:var(--r-md);padding:12px 14px;font-size:.9rem;font-weight:600}.geofence-row svg{width:17px;height:17px;color:var(--green);flex:0 0 17px}.geofence-radius{font-size:.75rem;font-weight:700;color:var(--green);background:var(--card);padding:3px 10px;border-radius:var(--r-pill)}.event-list,.trip-list{list-style:none;display:flex;flex-direction:column;gap:8px}.event{display:flex;gap:12px;align-items:center;padding:11px 13px;border-radius:var(--r-md);background:var(--card-2);border:1px solid transparent}.event.critical{background:var(--red-bg);border-color:var(--red-border)}.event.warning{background:var(--amber-bg);border-color:var(--amber-border)}.event-dot{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;font-size:.95rem;background:var(--accent-bg);border:1px solid var(--accent-border)}.event.critical .event-dot{background:var(--red-bg);border-color:var(--red-border)}.event.warning .event-dot{background:var(--amber-bg);border-color:var(--amber-border)}.event-type{font-weight:600;font-size:.9rem}.trip{padding:13px 14px;border-radius:var(--r-md);background:var(--card-2);display:flex;flex-direction:column;gap:9px;border:1px solid transparent;cursor:pointer;transition:border-color .2s ease,transform .12s ease;text-align:left;width:100%;font-family:var(--font);color:var(--text)}.trip:hover{border-color:var(--accent-border)}.trip:active{transform:scale(.98)}.trip-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:700;font-size:.88rem}.trip-dist{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.trip-stats{display:flex;gap:6px;flex-wrap:wrap}.score-chip{font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:var(--r-pill);background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);font-variant-numeric:tabular-nums}.score-chip.good{background:var(--green-bg);border-color:var(--green-border);color:var(--green)}.score-chip.meh{background:var(--amber-bg);border-color:var(--amber-border);color:var(--amber)}.score-chip.poor{background:var(--red-bg);border-color:var(--red-border);color:var(--red)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 18px;text-align:center}.empty-state svg{width:34px;height:34px;color:var(--faint)}.empty-state p{font-size:.85rem;color:var(--hint);line-height:1.5}.row-list{display:flex;flex-direction:column}.row-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px;border-bottom:1px solid var(--border);font-size:.9rem}.row-item:last-child{border-bottom:none}.row-item .row-label{display:flex;align-items:center;gap:10px;color:var(--hint);font-weight:500}.row-item .row-label svg{width:17px;height:17px;flex:0 0 17px}.row-item .row-value{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:var(--r-pill);background:var(--green-bg);border:1px solid var(--green-border);color:var(--green);text-transform:uppercase;letter-spacing:.05em}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.inactive{background:var(--track);border-color:var(--border);color:var(--hint)}.sub-status{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--green-bg);border:1px solid var(--green-border);border-radius:var(--r-md);padding:12px 14px}.sub-status.inactive{background:var(--card-2);border-color:var(--border)}.sub-status .sub-label{font-size:.8rem;color:var(--hint);font-weight:600}.sub-status .sub-date{font-size:.95rem;font-weight:700;color:var(--green)}.sub-status.inactive .sub-date{color:var(--hint)}.invoice{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--card-2);border:1px dashed var(--border);border-radius:var(--r-lg);padding:20px 16px}.amount-big{font-size:2.1rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.qr-img{display:block;width:232px;height:232px;border-radius:var(--r-lg);background:#fff;padding:10px;box-shadow:var(--shadow-sm)}.invoice-meta{display:flex;flex-direction:column;align-items:center;gap:4px}.ref-chip{font-family:var(--mono);font-size:.78rem;background:var(--card);border:1px solid var(--border);color:var(--hint);padding:5px 12px;border-radius:var(--r-pill)}.waiting{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--hint)}.waiting .spinner{width:15px;height:15px;border-width:2px}.paid-hero{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px 8px;text-align:center}.paid-hero .paid-ring{width:64px;height:64px;border-radius:50%;background:var(--green-bg);border:1px solid var(--green-border);display:grid;place-items:center;animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.paid-ring svg{width:32px;height:32px;color:var(--green)}.paid-hero h3{font-size:1.15rem;color:var(--green)}.paid-hero p{font-size:.88rem;color:var(--hint)}.secure-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.74rem;color:var(--faint);font-weight:500}.secure-note svg{width:13px;height:13px}.onboarding{display:flex;flex-direction:column;gap:14px}.onboard-hero{background:var(--header-grad);color:var(--header-text);border-radius:var(--r-xl);padding:28px 22px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;box-shadow:var(--shadow)}.onboard-hero .brand-badge{width:64px;height:64px;flex-basis:64px;border-radius:var(--r-lg)}.onboard-hero .brand-badge svg{width:36px;height:36px}.onboard-hero h1{font-size:1.45rem;font-weight:800;letter-spacing:-.01em}.onboard-hero p{font-size:.9rem;opacity:.92;line-height:1.55;max-width:320px}.feature-row{display:flex;align-items:center;gap:13px;padding:4px 2px}.feature-icon{width:42px;height:42px;flex:0 0 42px;border-radius:var(--r-md);background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);display:grid;place-items:center}.feature-icon svg{width:20px;height:20px}.feature-row .f-title{font-weight:700;font-size:.92rem}.feature-row .f-body{font-size:.8rem;color:var(--hint);margin-top:1px}.link-form{display:flex;flex-direction:column;gap:10px}.field-label{font-size:.8rem;font-weight:600;color:var(--hint)}.text-input{width:100%;background:var(--card-2);border:1.5px solid var(--border);border-radius:var(--r-md);padding:14px 16px;font-family:var(--mono);font-size:1.05rem;font-weight:600;color:var(--text);letter-spacing:.04em;outline:none;transition:border-color .2s ease,box-shadow .2s ease;text-transform:uppercase}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.text-input::placeholder{color:var(--faint);text-transform:none;letter-spacing:normal}.field-error{font-size:.8rem;color:var(--red);font-weight:500}.label{font-size:.75rem;color:var(--hint)}.hint{font-size:.8rem;color:var(--hint);line-height:1.45}.hint.error{color:var(--red)}code{font-family:var(--mono)}.section-gap{display:flex;flex-direction:column;gap:14px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}