:root{--bg:oklch(0.97 0.006 85);--surface:#FFFFFF;--ink:oklch(0.22 0.01 85);--ink-soft:oklch(0.42 0.01 85);--ink-muted:oklch(0.52 0.01 85);--line:oklch(0.89 0.008 85);--primary:oklch(0.48 0.13 250);--primary-hover:oklch(0.40 0.13 250);--primary-active:oklch(0.38 0.13 250);--primary-ring:oklch(0.48 0.13 250/0.14);--ok:oklch(0.55 0.13 150);--ok-bg:oklch(0.95 0.04 150);--ok-border:oklch(0.86 0.07 150);--ok-fg:oklch(0.45 0.11 150);--warn:oklch(0.72 0.14 78);--warn-bg:oklch(0.95 0.05 78);--warn-border:oklch(0.87 0.09 78);--warn-fg:oklch(0.45 0.09 78);--danger:oklch(0.53 0.19 27);--danger-bg:oklch(0.95 0.045 27);--danger-border:oklch(0.87 0.09 27);--danger-fg:oklch(0.45 0.14 27);--neutral:oklch(0.52 0.01 85);--neutral-bg:oklch(0.94 0.004 85);--neutral-border:oklch(0.87 0.006 85);--neutral-fg:oklch(0.45 0.01 85);--font-ui:Barlow,Helvetica,sans-serif;--font-mono:"IBM Plex Mono",monospace;--text-display:32px;--weight-display:700;--text-title:24px;--weight-title:600;--text-body:17px;--weight-body:400;--text-label:15px;--weight-label:600;--text-caption:13px;--weight-caption:500;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--gutter:16px;--gutter-wide:24px;--radius-sm:8px;--radius-md:12px;--radius-pill:999px;--tap-min:44px;--tap-target:48px}@media (min-width:768px){:root{--gutter:var(--gutter-wide)}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:oklch(.93 .005 85)}body{font-family:var(--font-ui);font-size:var(--text-body);font-weight:var(--weight-body);color:var(--ink);-webkit-text-size-adjust:100%}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}input:focus-visible{outline:none}button:focus-visible,input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring)}.mono{font-family:var(--font-mono)}.app-shell{width:100%;max-width:420px;min-height:100vh;min-height:100dvh;margin:0 auto;background:var(--bg);display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--line)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px var(--gutter) var(--space-3);background:var(--surface);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:5}.app-main{flex:1 1;padding:var(--gutter) var(--gutter) 96px;display:flex;flex-direction:column;gap:var(--gutter)}.tabbar{position:-webkit-sticky;position:sticky;bottom:0;display:flex;border-top:1px solid var(--line);z-index:5;padding-bottom:env(safe-area-inset-bottom,0)}.tabbar,.tabbar button{background:var(--surface)}.tabbar button{flex:1 1;min-height:62px;border:none;border-top:3px solid transparent;cursor:pointer;font-size:var(--text-label);font-weight:var(--weight-label);color:var(--ink-muted)}.tabbar button[aria-current=page]{border-top-color:var(--primary);color:var(--primary)}.plate-input{height:60px;width:100%;border:2px solid var(--line);border-radius:10px;background:var(--surface);padding:0 14px;font-family:var(--font-mono);font-size:var(--text-title);font-weight:600}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;box-sizing:border-box}.btn-primary{height:60px;width:100%;border:none;border-radius:10px;background:var(--primary);color:var(--surface);font-size:var(--text-body);font-weight:var(--weight-label);cursor:pointer}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:active:not(:disabled){background:var(--primary-active)}.btn-primary:disabled{opacity:.45;cursor:default}.btn-secondary{height:56px;width:100%;border:1.5px solid var(--primary);border-radius:10px;background:var(--surface);color:var(--primary);font-size:var(--text-body);font-weight:var(--weight-label);cursor:pointer}.btn-secondary:disabled{opacity:.45;cursor:default}.field-label{font-size:var(--text-label);font-weight:var(--weight-label)}.result-card{border:2px solid;border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:var(--space-2)}.result-card--ok{border-color:var(--ok);background:var(--ok-bg)}.result-card--danger{border-color:var(--danger);background:var(--danger-bg)}.result-card--neutral{border-color:var(--neutral-border);background:var(--neutral-bg)}.result-headline{font-size:var(--text-display);font-weight:var(--weight-display);letter-spacing:-.01em;line-height:1.1}.result-card--ok .result-headline{color:var(--ok-fg)}.result-card--danger .result-headline{color:var(--danger-fg)}.result-card--neutral .result-headline{color:var(--neutral-fg)}.result-plate{font-family:var(--font-mono);font-size:var(--text-title);font-weight:600}.msg-error{font-size:var(--text-label);font-weight:var(--weight-caption);color:var(--danger-fg)}.notice{border:1.5px solid var(--line);border-radius:var(--radius-md);padding:var(--gutter);font-size:var(--text-body)}.date-input,.notice{background:var(--surface)}.date-input{width:100%;height:56px;border:2px solid var(--line);border-radius:10px;padding:0 50px 0 12px;font-family:var(--font-mono);font-size:var(--text-label)}.date-btn{position:absolute;right:2px;top:2px;width:46px;height:52px;border:none;background:transparent;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary)}.cal-scrim{position:fixed;inset:0;z-index:15}.cal{position:absolute;top:60px;right:0;z-index:16;width:322px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 12px 32px oklch(.22 .01 85/.18);padding:10px;flex-direction:column}.cal,.cal-head{display:flex;gap:var(--space-1)}.cal-head{align-items:center;justify-content:space-between}.cal-head button{width:var(--tap-min);height:var(--tap-min);border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px}.cal-dows>div{height:26px;display:flex;align-items:center;justify-content:center;font-size:var(--text-caption);font-weight:var(--weight-caption);letter-spacing:.04em;color:var(--ink-muted)}.cal-grid>button{min-height:var(--tap-min);border:2px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--ink);font-family:var(--font-mono);font-size:var(--text-label);font-weight:500;cursor:pointer}.cal-grid>button[data-out]{color:var(--ink-muted)}.cal-grid>button[data-today]{border-color:var(--ink);font-weight:700}.cal-grid>button[data-selected]{background:var(--primary);color:var(--surface);font-weight:700}.cal-grid>button:disabled{color:var(--line);cursor:default}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.text-input{height:56px;width:100%;border:2px solid var(--line);border-radius:10px;background:var(--surface);padding:0 14px;font-size:var(--text-body)}.text-input.mono{font-family:var(--font-mono);font-weight:600}.goi-fixed{height:56px;border:2px solid var(--line);border-radius:10px;background:var(--neutral-bg);padding:0 14px;font-size:var(--text-body);font-weight:var(--weight-label)}.expiry-box,.goi-fixed{display:flex;align-items:center}.expiry-box{justify-content:space-between;gap:var(--space-3);border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:var(--space-3) 14px}.form-errors{border:2px solid var(--danger);background:var(--danger-bg);border-radius:10px;color:var(--danger-fg);font-size:var(--text-label);font-weight:var(--weight-caption);gap:var(--space-1)}.form-errors,.khach-card{padding:14px;display:flex;flex-direction:column}.khach-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);gap:var(--space-2);transition:box-shadow .4s ease}.khach-card[data-moi]{box-shadow:0 0 0 3px var(--primary-ring),0 0 0 2px var(--primary)}.khach-plate{font-family:var(--font-mono);font-size:var(--text-body);font-weight:600}.khach-meta{font-size:var(--text-caption);color:var(--ink-muted)}.khach-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);border-top:1px solid var(--line);padding-top:var(--space-2);font-size:var(--text-label);color:var(--ink-soft)}.khach-card[data-han="Hết hạn"]{background:var(--danger-bg)}.khach-card[data-han="Sắp hết hạn"]{background:var(--warn-bg)}.badge{height:28px;flex:none;border-radius:var(--radius-pill);padding:0 12px;display:flex;align-items:center;font-size:var(--text-caption);font-weight:var(--weight-label);white-space:nowrap}.badge[data-han="Hết hạn"]{background:var(--danger);color:var(--surface)}.badge[data-han="Sắp hết hạn"]{background:var(--warn);color:var(--ink)}.badge[data-han="Còn hạn"]{background:var(--ok);color:var(--surface)}.btn-outline{min-height:var(--tap-min);flex:none;border:1.5px solid var(--primary);border-radius:var(--radius-sm);padding:0 14px;background:var(--surface);color:var(--primary);font-size:var(--text-label);font-weight:var(--weight-label);cursor:pointer}.btn-outline:hover{background:var(--primary-ring)}.empty-state{border:1.5px dashed var(--line);border-radius:var(--radius-md);padding:var(--space-6) 20px;display:flex;flex-direction:column;align-items:center;gap:var(--gutter);text-align:center;font-size:var(--text-body);color:var(--ink-soft)}.sheet-scrim{position:fixed;inset:0;background:oklch(.22 .01 85/.45);display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{width:100%;max-width:420px;background:var(--surface);border-radius:16px 16px 0 0;padding:20px var(--gutter) var(--space-5);display:flex;flex-direction:column;gap:var(--gutter)}.sheet button{height:52px;flex:1 1;border-radius:10px;font-size:var(--text-label);font-weight:var(--weight-label);cursor:pointer}.btn-sheet-huy{border:1.5px solid var(--line);background:var(--surface);color:var(--ink)}.btn-sheet-ok{border:none;background:var(--primary);color:var(--surface)}.sheet button:disabled{opacity:.5;cursor:default}.day-nav{width:var(--tap-min);height:52px;flex:none;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink)}.day-nav:disabled{background:var(--neutral-bg);color:var(--line);cursor:default}.ok-count{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-md);padding:var(--gutter);display:flex;align-items:baseline;gap:var(--space-2)}.ok-count-so{font-size:var(--text-display);font-weight:var(--weight-display);line-height:1;color:var(--ok-fg)}.log-table{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:var(--surface)}.log-head,.log-row{display:grid;grid-template-columns:62px 1fr auto;grid-gap:var(--space-2);gap:var(--space-2);align-items:center}.log-head{padding:10px 14px;background:var(--neutral-bg);font-size:var(--text-caption);font-weight:var(--weight-label);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.log-head,.log-row{border-bottom:1px solid var(--line)}.log-row{padding:var(--space-3) 14px}.log-row:last-child{border-bottom:none}.log-kq{height:26px;border-radius:var(--radius-pill);padding:0 10px;display:flex;align-items:center;border:1.5px solid;font-size:var(--text-caption);font-weight:var(--weight-label);white-space:nowrap}.log-kq[data-kq="Hợp lệ"]{border-color:var(--ok);color:var(--ok-fg)}.log-kq[data-kq="Hết hạn"]{border-color:var(--danger);color:var(--danger-fg)}.log-kq[data-kq="Chưa đăng ký"]{border-color:var(--neutral-border);color:var(--neutral-fg)}.subtabs{display:flex;gap:var(--space-1);background:oklch(.93 .005 85);border-radius:10px;padding:var(--space-1)}.subtabs button{flex:1 1;height:var(--tap-min);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--ink-muted);font-size:var(--text-label);font-weight:var(--weight-label);cursor:pointer}.subtabs button[aria-current=page]{background:var(--surface);color:var(--primary)}.dang-doc{border:1.5px dashed var(--primary);border-radius:var(--radius-md);padding:20px;text-align:center;font-size:var(--text-body);font-weight:var(--weight-label);color:var(--primary);background:var(--primary-ring)}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--gutter);background:var(--bg)}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-5) var(--gutter) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.auth-brand{font-size:var(--text-title);font-weight:var(--weight-display);letter-spacing:-.01em}.auth-sub{font-size:var(--text-label);color:var(--ink-muted);margin-top:calc(var(--space-1) * -1)}.auth-ghi-chu{font-size:var(--text-caption);color:var(--ink-muted);text-wrap:pretty}.lien-ket{border:none;background:transparent;color:var(--primary);font-size:var(--text-label);font-weight:var(--weight-label);cursor:pointer;min-height:var(--tap-min)}.app-header-phu{display:flex;flex-direction:column}.app-header-phu .diem{font-size:var(--text-caption);color:var(--ink-muted)}.btn-thoat{border:1.5px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);min-height:var(--tap-min);padding:0 12px;font-size:var(--text-caption);font-weight:var(--weight-label);color:var(--ink-soft);cursor:pointer}.chon-loai{display:flex;gap:var(--space-2);flex-wrap:wrap}.chon-loai button{flex:1 1;min-width:100px;min-height:56px;border:2px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:var(--text-body);font-weight:var(--weight-label);cursor:pointer}.chon-loai button[aria-pressed=true]{border-color:var(--primary);background:var(--primary-ring);color:var(--primary)}.the-canh-bao{border:2px solid var(--warn);background:var(--warn-bg);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-label);color:var(--warn-fg)}.canh-bao-tieu-de{font-weight:var(--weight-label);font-size:var(--text-body)}.the-ve{border:2px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-5) var(--gutter);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.ve-nhan{font-size:var(--text-caption);font-weight:var(--weight-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.ve-ma{font-size:48px;font-weight:700;letter-spacing:.02em;line-height:1}.ve-qr{image-rendering:pixelated}.ve-qr,.ve-qr-cho{width:240px;height:240px}.ve-qr-cho{display:flex;align-items:center;justify-content:center;border:1.5px dashed var(--line);border-radius:var(--radius-sm);color:var(--ink-muted)}.ve-dong{width:100%;display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-label);color:var(--ink-soft);border-top:1px solid var(--line);padding-top:var(--space-2)}.the-tinh-tien{border:2px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:var(--gutter);display:flex;flex-direction:column;gap:var(--space-2)}.tien-lon{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);border-top:2px solid var(--line);margin-top:var(--space-2);padding-top:var(--space-3);font-size:var(--text-label);color:var(--ink-soft)}.tien-lon .mono{font-size:var(--text-display);font-weight:var(--weight-display);color:var(--ink);line-height:1}.btn-ngoai-le{min-height:60px;border:2px solid var(--warn);border-radius:10px;background:var(--warn-bg);color:var(--warn-fg);font-size:var(--text-body);font-weight:var(--weight-label);cursor:pointer}.btn-ngoai-le:disabled{opacity:.5;cursor:default}.anh-cho{border:1.5px dashed var(--line);border-radius:var(--radius-sm);padding:var(--space-5);font-size:var(--text-label)}.anh-cho,.ngan-cach{text-align:center;color:var(--ink-muted)}.ngan-cach{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-caption)}.ngan-cach:after,.ngan-cach:before{content:"";flex:1 1;height:1px;background:var(--line)}.the-khop,.the-lech{border:2px solid;border-radius:var(--radius-md);padding:var(--space-5) var(--gutter);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.the-khop{border-color:var(--ok);background:var(--ok-bg);color:var(--ok-fg)}.the-lech{border-color:var(--warn);background:var(--warn-bg);color:var(--warn-fg)}.doi-soat-tieu-de{font-size:var(--text-title)}.doi-soat-so,.doi-soat-tieu-de{font-weight:var(--weight-display)}.doi-soat-so{font-size:var(--text-display);line-height:1}.tabbar button{font-size:var(--text-caption);padding:0 2px}.ca-luot{display:flex;gap:var(--space-2);border-top:1px solid var(--line);padding-top:var(--space-3)}.ca-luot>div{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px}.ca-luot .mono{font-size:var(--text-title);font-weight:var(--weight-display);line-height:1}.ca-luot span:last-child{font-size:var(--text-caption);color:var(--ink-muted)}.khung-quet{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--ink)}.khung-quet video{width:100%;height:100%;object-fit:cover}.khung-quet-vien{position:absolute;inset:18%;border:3px solid var(--surface);border-radius:var(--radius-md);box-shadow:0 0 0 100vmax oklch(.22 .01 85/.45)}.btn-ma-ve{border:1.5px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);padding:4px 10px;font-weight:600;font-size:var(--text-label);color:var(--ink);cursor:pointer;min-height:var(--tap-min)}.trang-thai-mang{font-size:var(--text-caption);font-weight:var(--weight-label);color:var(--danger-fg)}.trang-thai-mang[data-online]{color:var(--ink-muted);font-weight:var(--weight-caption)}.hd-anh{margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.hd-anh img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.hd-anh figcaption{font-size:var(--text-meta);color:var(--ink-muted)}.bang-luot{width:100%;border-collapse:collapse;font-size:var(--text-meta)}.bang-luot td,.bang-luot th{padding:10px var(--space-2);border-bottom:1px solid var(--line);white-space:nowrap}.bang-luot th{text-align:left;font-weight:var(--weight-label);color:var(--ink-muted);border-bottom:1px solid var(--line)}.bang-luot td:nth-child(2),.bang-luot td:nth-child(3),.bang-luot th:nth-child(2),.bang-luot th:nth-child(3){text-align:right;width:3.5em}.bang-luot td:last-child,.bang-luot th:last-child{text-align:right;font-weight:600}.bang-luot tr:last-child td{border-bottom:none}