@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #F2F4F3;--card: #FFFFFF;--ink: #10201B;--ink-2: #24332E;--muted: #3D4D47;--muted-2: #41524C;--faint: #6B7973;--line: #DCE3E0;--line-2: #E8EDEA;--border: #7A8781;--accent: #085A41;--accent-hover: #06452F;--accent-ink: #085A41;--accent-soft: #E3F1EB;--dark: #10201B;--stop: #9A3509;--live: #2BB673;--error: #8E2A19;--warn-soft: #FDF1E3;--warn-ink: #6E3D08;--info-soft: #E6EEF9;--info-ink: #1F4E8C;--radius: 18px;--font: "Archivo Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Archivo Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--tap-xl: 96px;--tap-lg: 64px;--tap: 48px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}h1,h2,h3,p{margin:0}.tn{font-variant-numeric:tabular-nums}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.side :focus-visible,.card-dark :focus-visible,.minibar :focus-visible,.toast :focus-visible{outline-color:#fff}.scroll{scroll-padding-top:16px;scroll-padding-bottom:96px}.h1,.h2,.display{font-family:var(--font-display);font-stretch:112%}.display-zahl{font-family:var(--font-display);font-stretch:100%;font-variant-numeric:tabular-nums}.app{position:relative;height:100vh;height:100dvh;display:flex;overflow:hidden}.side{display:none}.main{flex:1;min-width:0;display:flex;flex-direction:column;height:100%}.mtop{display:flex;align-items:center;gap:8px;padding:8px 10px;flex-shrink:0;background:var(--card);border-bottom:1px solid var(--line)}.scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.wrap{max-width:1240px;margin:0 auto;padding:16px 16px 28px;display:flex;flex-direction:column;gap:16px}.swrap{max-width:820px;margin:0 auto;padding:20px 16px 32px;display:flex;flex-direction:column;gap:18px}.bnav{display:grid;grid-template-columns:repeat(var(--nav-n, 4),minmax(0,1fr));flex-shrink:0;padding:4px 2px calc(8px + var(--safe-bottom));background:var(--card);border-top:1px solid var(--line)}.minibar{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:8px 10px 8px 14px;background:var(--dark);color:#fff}.ov,.pl,.two,.cap{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.col{display:flex;flex-direction:column;gap:16px;min-width:0}.k4,.qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cap{grid-template-areas:"a" "b" "c"}.ca{grid-area:a;min-width:0}.cb{grid-area:b;min-width:0}.cc{grid-area:c;min-width:0}.mgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.alist{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.narrow{max-width:780px;width:100%;display:flex;flex-direction:column;gap:14px}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}.chips::-webkit-scrollbar{display:none}.wrapchips{display:flex;flex-wrap:wrap;gap:6px}.sticky{position:sticky;top:0;z-index:2;background:var(--bg);padding:4px 0 8px;display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.stack{display:flex;flex-direction:column;gap:4px;min-width:0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}a.card,button.card,.acard,.qabtn,.mcard{border:1.5px solid var(--border)}a.card:active,button.card:active,.acard:active,.qabtn:active{transform:translateY(1px)}.card.list{padding:6px 16px 8px;gap:0}.card-dark{background:var(--dark);color:#fff;border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:14px}.h1{font-size:27px;font-weight:780;letter-spacing:-.025em;line-height:1.1}.h2{font-size:17px;font-weight:750;letter-spacing:-.01em}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-2)}.sub{font-size:13px;color:var(--muted-2)}.label{font-size:13px;font-weight:700;color:var(--muted)}.on-dark-muted{color:#ffffffc7}.listrow{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line-2);min-width:0}.listrow:first-of-type{border-top:none}.card.list .listrow:first-of-type{border-top:1px solid var(--line-2)}.btn{border:none;min-height:52px;padding:0 20px;border-radius:16px;font-size:16px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.secondary{background:var(--card);color:var(--ink);border:1.5px solid var(--border)}.btn.secondary:hover:not(:disabled){background:var(--line-2)}.btn.dark{background:var(--dark);color:#fff}.btn.dark:hover:not(:disabled){background:#22352e}.btn.ghost{background:#ffffff1f;color:#fff}.btn.stop{background:var(--stop)}.btn.stop:hover:not(:disabled){background:#7e2b07}.btn.block{width:100%}.btn.lg{min-height:var(--tap-lg);font-size:17px;border-radius:18px}.btn:disabled{opacity:.55;cursor:default}.linkbtn{border:none;background:transparent;min-height:44px;padding:0 2px;display:inline-flex;align-items:center;font-size:14px;font-weight:750;color:var(--accent);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}.iconbtn{width:var(--tap);height:var(--tap);border:none;border-radius:14px;background:var(--bg);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.iconbtn.sm{width:44px;height:44px;border-radius:12px}.iconbtn.white{background:var(--card)}.chip{flex-shrink:0;min-height:var(--tap);padding:0 16px;border-radius:999px;font-size:15px;font-weight:700;border:1.5px solid var(--border);background:var(--card);color:var(--ink)}.chip.on{border-color:var(--dark);background:var(--dark);color:#fff}.chip.accent.on{border-color:var(--accent);background:var(--accent)}.chip-dark{min-height:var(--tap);padding:0 16px;border-radius:999px;font-size:15px;font-weight:700;border:1.5px solid rgba(255,255,255,.28);background:#ffffff14;color:#fff}.chip-dark.on{background:#fff;color:var(--ink)}.pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;padding:4px 9px;border-radius:999px;flex-shrink:0;white-space:nowrap}.plainrow{width:100%;border:none;background:transparent;text-align:left;color:inherit;border-radius:10px}.plainrow:hover{background:var(--line-2)}.notice svg{flex-shrink:0;margin-top:1px}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--warn-soft);color:var(--warn-ink);font-size:14px;font-weight:600;line-height:1.4}.pill.ok{background:var(--accent-soft);color:var(--accent-ink)}.pill.warn{background:var(--warn-soft);color:var(--warn-ink)}.pill.info{background:var(--info-soft);color:var(--info-ink)}.pill.grey{background:#eef1f0;color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px}.input{height:56px;border:1.5px solid var(--border);border-radius:14px;padding:0 14px;font-size:17px;background:var(--card);width:100%}textarea.input{height:auto;min-height:90px;padding:12px 14px;resize:vertical}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}.search{display:flex;align-items:center;gap:10px;height:56px;padding:0 6px 0 14px;background:var(--card);border-radius:16px;color:var(--muted);border:1.5px solid var(--border)}.search.big{height:var(--tap-lg);border:none;box-shadow:0 0 0 2px var(--accent);border-radius:18px;padding-left:18px}.search input{flex:1;min-width:0;border:none;outline:none;font-size:17px;background:transparent;color:var(--ink)}.search.big input{font-size:18px;font-weight:600}.search:focus-within{box-shadow:0 0 0 3px var(--ink)}.error{font-size:14px;font-weight:700;color:var(--error)}.empty{background:var(--card);border-radius:18px;padding:24px 18px;text-align:center;font-size:15px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:12px}.avatar{width:32px;height:32px;border-radius:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:var(--info-soft);color:var(--info-ink)}.avatar.lg{width:44px;height:44px;border-radius:22px;font-size:15px;background:var(--dark);color:#fff}.dot{width:8px;height:8px;border-radius:4px;flex-shrink:0;background:var(--faint)}.dot.live{background:var(--live)}.bar{height:10px;border-radius:5px;background:var(--line);overflow:hidden}.bar>div{height:100%;border-radius:5px;background:var(--accent)}.skeleton{background:linear-gradient(90deg,#e7ecea,#f2f5f4,#e7ecea);background-size:200% 100%;animation:sk 1.2s infinite;border-radius:14px}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.plainbtn{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.plainbtn:focus-visible{outline:3px solid #6FA8FF;outline-offset:2px;border-radius:8px}.acard{width:100%;min-height:76px;background:var(--card);border-radius:18px;padding:12px 14px 12px 12px;display:flex;align-items:center;gap:14px;text-align:left;box-shadow:0 1px 2px #10201b0f}.badge{width:54px;height:54px;border-radius:14px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:var(--bg);color:var(--muted);font-weight:800}.navbtn{border:none;background:transparent;min-width:0;height:var(--tap-lg);padding:0 1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted-2);text-decoration:none}.navbtn .ico{position:relative;display:flex;padding:4px 18px;border-radius:999px}.navbtn.on{color:var(--accent)}.navbtn.on .lbl{font-weight:850}.navbtn.on .ico{background:var(--accent-soft)}.navbtn .lbl{font-size:12px;font-weight:750;letter-spacing:-.02em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count{position:absolute;top:-2px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--stop);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}.sidenav{border:none;height:46px;border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;text-align:left;background:transparent;color:#ffffffbf;text-decoration:none}.sidenav.on{background:#ffffff1f;color:#fff}.sidenav .count{position:static;height:20px;padding:0 8px;font-size:12px}.qabtn{background:var(--card);border-radius:18px;min-height:76px;padding:12px;display:flex;flex-direction:row;align-items:center;gap:10px;min-width:0;text-decoration:none;color:var(--ink);text-align:left;font:inherit}.qabtn .circle{width:44px;height:44px;border-radius:22px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}.qabtn .circle{flex-shrink:0}.qabtn span:last-child{font-size:15px;font-weight:750;line-height:1.2;min-width:0;hyphens:auto;-webkit-hyphens:auto}.mcard{background:var(--card);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px #10201b0f}.mcard.booked{box-shadow:0 0 0 2px var(--accent)}.mcard.sel{box-shadow:0 0 0 3px var(--accent);background:var(--accent-soft)}.msel{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:14px;background:var(--accent);color:#fff;font-size:13px;font-weight:800;box-shadow:0 2px 8px #10201b40}.athumb{width:48px;height:48px;border-radius:10px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--muted)}.athumb img{width:100%;height:100%;object-fit:contain;background:#fff}.mimg{border:none;height:112px;display:flex;align-items:center;justify-content:center;position:relative;padding:0;overflow:hidden}.mimg img{width:100%;height:100%;object-fit:contain;background:#fff}.mstep{position:absolute;left:8px;bottom:8px;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:#ffffffeb;color:var(--ink)}.mqty{position:absolute;top:8px;right:8px;min-width:30px;height:30px;padding:0 9px;border-radius:15px;background:var(--accent);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}.mstepper{margin-top:auto;display:flex;align-items:center;justify-content:space-between;background:var(--bg);border-radius:12px;padding:3px}.mstepper button{width:var(--tap);height:var(--tap);border:none;border-radius:12px;background:var(--card);display:flex;align-items:center;justify-content:center}.mstepper button:not(.plus):not(.q){border:1.5px solid var(--border)}.mstepper button.plus{background:var(--accent);color:#fff}.mstepper .q{border:none;background:transparent;width:auto;padding:0 4px;font-size:14px;font-weight:800;gap:3px;align-items:baseline}.photo{border:none;padding:0;border-radius:14px;overflow:hidden;aspect-ratio:1 / 1;background:#e9eeec;position:relative;display:block}.photo img{width:100%;height:100%;object-fit:cover;display:block}.photo .pcap{position:absolute;left:0;right:0;bottom:0;padding:5px 8px;font-size:10px;font-weight:700;background:#ffffffe0;color:var(--ink);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ext{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:800;background:#eef1f0;color:var(--muted)}.ext.pdf{background:#f7e6e3;color:var(--error)}.ext.img{background:var(--info-soft);color:var(--info-ink)}.ext.xls{background:var(--accent-soft);color:var(--accent-ink)}.ext.folder{background:var(--warn-soft);color:var(--warn-ink)}.track{position:relative;height:14px;border-radius:7px;background:var(--bg)}.track .seg{position:absolute;top:0;bottom:0;border-radius:7px}.track .today{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--stop)}.sheetwrap{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;z-index:40;overscroll-behavior:contain}.sheetwrap .backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#10201b73;touch-action:none}.sheet{position:relative;background:var(--card);color:var(--ink);border-radius:28px 28px 0 0;max-height:92%;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;width:100%;padding:10px 20px calc(24px + var(--safe-bottom));display:flex;flex-direction:column;gap:16px}.sheet>*{flex-shrink:0}body.sheet-offen{overflow:hidden}body.sheet-offen .scroll{overflow:hidden;overscroll-behavior:none}.grabber{width:40px;height:5px;border-radius:3px;background:var(--faint);align-self:center}.toast{position:fixed;top:10px;left:10px;right:10px;z-index:60;background:var(--dark);color:#fff;border-radius:16px;padding:10px 10px 10px 14px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;box-shadow:0 10px 30px #10201b4d}.toast .tick{width:24px;height:24px;border-radius:12px;background:var(--live);color:var(--ink);display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast.err .tick{background:#f3a08f}.sig{width:100%;height:160px;border-radius:16px;border:1.5px dashed #B9C6C1;background:#f7f9f8;touch-action:none;display:block}.kgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.kfull{grid-column:1 / -1}a.chip{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--ink)}button.chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.savebar{position:sticky;bottom:0;z-index:3;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:18px;background:var(--card);box-shadow:0 -6px 24px #10201b1f}@media(min-width:640px){.k4{grid-template-columns:repeat(4,minmax(0,1fr))}.mgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.pgrid,.fgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.alist,.kgrid,.two{grid-template-columns:repeat(2,minmax(0,1fr))}.wrap{padding:24px 24px 32px}.chips{margin:0;padding:0;flex-wrap:wrap}}@media(min-width:900px){.side{display:flex;flex-direction:column;gap:18px;width:280px;flex-shrink:0;height:100%;overflow-y:auto;padding:20px 16px;background:var(--dark);color:#fff}.mtop,.bnav,.minibar{display:none}.wrap{padding:32px 40px 40px}.ov{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.cap{grid-template-columns:minmax(0,5fr) minmax(0,8fr);grid-template-rows:auto 1fr;grid-template-areas:"a b" "c b"}.pl{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.sheetwrap{justify-content:center;align-items:center;padding:24px}.sheet{border-radius:24px;max-width:560px;padding-bottom:24px}.toast{top:auto;bottom:24px;left:auto;right:24px;width:420px}}@media(min-width:1280px){.mgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.pgrid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:360px){.qabtn{padding:10px;gap:10px}.qabtn .circle{width:40px;height:40px}.qabtn span:last-child{font-size:14px;-webkit-hyphens:auto;hyphens:auto}.navbtn .lbl{font-size:9px;letter-spacing:-.03em}.navbtn .ico{padding:3px 8px}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}*{scroll-behavior:auto!important}}.login{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:max(48px,8vh) 16px 32px}.login-card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px 20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 40px #10201b14}.login-logo{width:52px;height:52px;border-radius:15px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center}.notice.info{background:var(--info-soft);color:var(--info-ink)}.notice.err{background:#fbe9e5;color:var(--error)}.input[aria-invalid=true]{border-color:var(--error)}.outbox{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--tap);border:1.5px solid currentColor;text-align:left;padding:10px 14px;border-radius:14px;background:var(--info-soft);color:var(--info-ink);font-size:14px;font-weight:650}.outbox.err{background:#fbe9e5;color:var(--error)}.outbox.ok{background:var(--accent-soft);color:var(--accent-ink)}.outbox.dark{border-radius:0;flex-shrink:0}.mehrgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.mehrkachel{flex-direction:row;align-items:center;gap:16px;min-height:var(--tap-xl);text-decoration:none;color:var(--ink);padding:16px 18px}.mehrico{width:52px;height:52px;border-radius:16px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(min-width:640px){.mehrgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.segment{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:16px;background:var(--bg);border:1.5px solid var(--border)}.segment button{min-height:var(--tap);border:none;border-radius:12px;background:transparent;font-weight:750;font-size:15px;color:var(--ink)}.segment button.on{background:var(--dark);color:#fff}