@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-standard-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-standard-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-standard-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{--canvas: #ffffff;--stone-50: #f5f6f9;--stone-100: #eceef3;--stone-200: #dde1ea;--stone-300: #c3c9d6;--ink: #0b1630;--ink-2: #2c3a55;--muted: #586480;--navy: #0d2350;--navy-700: #13306a;--navy-900: #071434;--navy-50: #eef1f8;--blue: #1f4fd6;--blue-50: #eef3ff;--blue-100: #d9e4ff;--on-navy-muted: #aab7d6;--signal: #ff6a13;--signal-600: #f25a08;--signal-50: #fff1e7;--on-signal: #0b1630;--wa-handset: var(--signal);--ok: #12764a;--ok-50: #e5f4ec;--warn: #8a5200;--warn-50: #fff4dc;--danger: #c0262d;--danger-50: #fdeceb;--font: "Archivo Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--t-title: 1.625rem;--t-section: 1.0625rem;--t-body: .9375rem;--t-small: .8125rem;--t-figure: 1.75rem;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--shadow-card: 0 1px 2px rgb(11 22 48 / .04);--shadow-menu: 0 1px 2px rgb(11 22 48 / .08), 0 12px 32px -10px rgb(11 22 48 / .26);--shadow-sheet: -24px 0 48px -24px rgb(11 22 48 / .35);--ease: cubic-bezier(.22, 1, .36, 1);--sidebar-w: 256px;--topbar-h: 64px;--page-max: 1180px;--gutter: clamp(16px, 3vw, 32px);--tabbar-h: 64px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--stone-50);color:var(--ink);font-family:var(--font);font-size:var(--t-body);font-weight:420;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;text-wrap-style:pretty}h1,h2,h3,h4{margin:0;font-weight:720;letter-spacing:-.012em;line-height:1.2;text-wrap-style:balance}p{margin:0;text-wrap-style:pretty}b,strong,th{font-weight:640}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0;touch-action:manipulation}fieldset{border:0;margin:0;padding:0;min-width:0}dialog{color:inherit}[hidden]{display:none!important}:focus{outline:none}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}::selection{background:var(--signal-50)}html,.select-list,.menu,.dialog-body,.sheet-body,.table-wrap,.sidebar{scrollbar-width:thin;scrollbar-color:var(--stone-300) transparent}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.lucide{flex:none}.link{color:var(--blue);font-weight:600}.link:hover{color:var(--navy);text-decoration:underline;text-underline-offset:2px}.shell{min-height:100svh;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;gap:1rem;padding:1.1rem .85rem;background:#fff;border-inline-end:1px solid var(--stone-200);overflow-y:auto}.sidebar-logo{display:flex;align-items:center;min-height:40px;padding-inline:.6rem}.sidebar-logo svg{height:26px;width:auto}.account-card{display:flex;align-items:center;gap:.7rem;padding:.65rem .7rem;border-radius:var(--r-md);background:var(--stone-50);border:1px solid var(--stone-200)}.account-card b{display:block;font-size:var(--t-body);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card span{display:block;font-size:var(--t-small);color:var(--muted)}.account-card>div{min-width:0}.nav,.nav-group{display:grid;gap:2px}.nav-label{padding:.9rem .7rem .35rem;font-size:.75rem;font-weight:640;color:var(--muted);letter-spacing:.02em}.nav-item{position:relative;display:flex;align-items:center;gap:.7rem;min-height:40px;padding:0 .7rem;border-radius:var(--r-sm);color:var(--ink-2);font-weight:520;transition:background-color .15s,color .15s}.nav-item:hover{background:var(--stone-100);color:var(--ink)}.nav-item[aria-current=page]{background:var(--navy-50);color:var(--navy);font-weight:640}.nav-item[aria-current=page]:before{content:"";position:absolute;inset-inline-start:-.85rem;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--signal)}.nav-item .count{margin-inline-start:auto;min-width:22px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--danger);color:#fff;font-size:.75rem;font-weight:640;display:grid;place-items:center}.sidebar-foot{margin-top:auto;display:grid;gap:2px;padding-top:.75rem;border-top:1px solid var(--stone-200)}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:.75rem;height:var(--topbar-h);padding-inline:var(--gutter);background:#f5f6f9e6;-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--stone-200)}.topbar-search{flex:1;max-width:460px}.topbar-actions{margin-inline-start:auto;display:flex;align-items:center;gap:.5rem}.topbar-logo{display:none}.topbar-logo svg{height:24px;width:auto}.shell-banner{margin-bottom:1.25rem}.content{flex:1;width:100%;max-width:calc(var(--page-max) + 2 * var(--gutter));margin-inline:auto;padding:1.75rem var(--gutter) 3rem}.tabbar{display:none}@media(max-width:1023px){.hide-mobile{display:none!important}}@media(min-width:1024px){.hide-desktop{display:none!important}}@media(max-width:1023px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.topbar-logo{display:flex;align-items:center}.topbar-search{display:none}.content{padding-bottom:calc(var(--tabbar-h) + 2rem + env(safe-area-inset-bottom))}.tabbar{position:fixed;inset-inline:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--stone-200)}.tab-link{display:grid;justify-items:center;gap:2px;padding:6px 2px;font-size:.6875rem;font-weight:560;color:var(--muted)}.tab-link[aria-current=page]{color:var(--navy)}.tab-link svg{width:22px;height:22px}.tab-create{justify-self:center;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--signal);color:var(--on-signal);box-shadow:0 8px 20px -8px #f25a08b3}}.menu-sheet .nav-item{min-height:48px;font-size:1rem}.menu-sheet .nav-item[aria-current=page]:before{inset-inline-start:-1.25rem}.demo{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;min-height:32px;padding:0 .6rem 0 .7rem;border-radius:var(--r-pill);border:1px dashed var(--stone-300);background:#fff;font-size:var(--t-small);color:var(--ink-2)}.demo b{color:var(--ink)}.demo:hover{border-color:var(--muted)}.demo-tag{color:var(--signal-600);font-weight:700}@media(max-width:400px){.demo>svg{display:none}.topbar{gap:.5rem}}.page{display:grid;gap:1.5rem}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem;flex-wrap:wrap}.page-head-text{display:grid;gap:.3rem;min-width:0}.page-back{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:var(--t-small);font-weight:560;margin-bottom:.25rem}.page-back:hover{color:var(--ink)}.page-title{font-size:var(--t-title)}.page-desc{color:var(--muted);max-width:60ch}.page-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.grid{display:grid;gap:1rem}.grid-2{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.split{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) 360px;align-items:start}@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}.page-title{font-size:1.4rem}}@media(max-width:420px){.grid-4{grid-template-columns:minmax(0,1fr)}}.btn{--lift: 0px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:0 1rem;border-radius:var(--r-pill);font-weight:650;font-size:var(--t-body);line-height:1;white-space:nowrap;transform:translateY(var(--lift));transition:transform .28s var(--ease),background-color .15s,border-color .15s,color .15s,box-shadow .28s var(--ease)}.btn svg{width:18px;height:18px}.btn:active{--lift: 1px;box-shadow:none;transition-duration:.08s}.btn-primary{background:var(--signal);color:var(--on-signal)}.btn-primary:hover{--lift: -1px;background:var(--signal-600);box-shadow:0 10px 22px -10px #f25a08a6}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{--lift: -1px;background:var(--navy-700);box-shadow:0 10px 22px -10px #0d23508c}.btn-secondary{background:#fff;color:var(--ink);border:1.5px solid var(--stone-300)}.btn-secondary:hover{border-color:var(--ink)}.btn-ghost{color:var(--ink-2)}.btn-ghost:hover{background:var(--stone-100);color:var(--ink)}.btn-danger{background:#fff;color:var(--danger);border:1px solid #f0c4c6}.btn-danger:hover{background:var(--danger-50);border-color:var(--danger)}.btn-sm{min-height:32px;padding:0 .75rem;font-size:var(--t-small)}.btn-sm svg{width:16px;height:16px}.btn-lg{min-height:48px;padding:0 1.4rem;font-size:1rem}.btn-block{width:100%}.btn[aria-disabled=true],.btn:disabled{background:var(--stone-100);color:var(--muted);border-color:transparent;cursor:not-allowed;box-shadow:none;--lift: 0px}.btn-ghost[aria-disabled=true],.btn-ghost:disabled{background:transparent}.btn.is-busy{cursor:progress;--lift: 0px}.btn-primary.is-busy{background:var(--signal);color:var(--on-signal)}.btn-navy.is-busy{background:var(--navy);color:#fff}.btn-secondary.is-busy{background:#fff;color:var(--ink);border-color:var(--stone-300)}.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:var(--r-sm);color:var(--ink-2);transition:background-color .15s,color .15s}.icon-btn:hover{background:var(--stone-100);color:var(--ink)}.icon-btn svg{width:18px;height:18px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{rotate:360deg}}.card{background:#fff;border:1px solid var(--stone-200);border-radius:var(--r-lg);box-shadow:var(--shadow-card);min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem 0;flex-wrap:wrap}.card-head.has-rule{padding-bottom:1rem;border-bottom:1px solid var(--stone-200)}.card-head:last-child{padding-bottom:1rem}.card-title{font-size:var(--t-section);font-weight:680}.card-desc{color:var(--muted);font-size:var(--t-small);margin-top:.15rem}.card-body{padding:1rem 1.25rem 1.25rem}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;border-top:1px solid var(--stone-200);flex-wrap:wrap}.card-flush .card-body{padding:0}.stat{display:grid;gap:.35rem;align-content:start}.stat-label{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:var(--t-small);font-weight:560}.stat-label svg{width:16px;height:16px}.stat-value{font-size:var(--t-figure);font-weight:740;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}.stat-hint{font-size:var(--t-small);color:var(--muted)}.stat-hint[data-tone=ok]{color:var(--ok)}.stat-hint[data-tone=danger]{color:var(--danger)}.pill{display:inline-flex;align-items:center;gap:.4rem;min-height:24px;padding:0 .6rem 0 .5rem;border-radius:var(--r-pill);font-size:var(--t-small);font-weight:600;white-space:nowrap;background:var(--stone-100);color:var(--ink-2)}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.pill,.badge{height:fit-content}.pill[data-tone=blue]{background:var(--blue-50);color:var(--blue)}.pill[data-tone=navy]{background:var(--navy-50);color:var(--navy)}.pill[data-tone=signal]{background:var(--signal-50);color:#b84200}.pill[data-tone=ok]{background:var(--ok-50);color:var(--ok)}.pill[data-tone=warn]{background:var(--warn-50);color:var(--warn)}.pill[data-tone=danger]{background:var(--danger-50);color:var(--danger)}.pill[data-tone=neutral]{background:var(--stone-100);color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:.3rem;min-height:22px;padding:0 .5rem;border-radius:6px;font-size:.75rem;font-weight:640;background:var(--stone-100);color:var(--ink-2);white-space:nowrap}.badge svg{width:13px;height:13px}.badge[data-tone=blue]{background:var(--blue-50);color:var(--blue)}.badge[data-tone=signal]{background:var(--signal-50);color:#b84200}.badge[data-tone=ok]{background:var(--ok-50);color:var(--ok)}.badge[data-tone=warn]{background:var(--warn-50);color:var(--warn)}.badge[data-tone=danger]{background:var(--danger-50);color:var(--danger)}.badge[data-tone=navy]{background:var(--navy);color:#fff}.tabs{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--stone-200);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}.tabs::-webkit-scrollbar{display:none}.tabs{scroll-padding-inline:24px}.tabs:after{content:"";flex:none;width:20px}.tab{position:relative;display:inline-flex;align-items:center;gap:.45rem;min-height:42px;padding:0 .75rem;color:var(--muted);font-weight:560;white-space:nowrap}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{color:var(--ink);font-weight:640}.tab[aria-selected=true]:after{content:"";position:absolute;inset-inline:.5rem;bottom:-1px;height:2px;border-radius:2px;background:var(--navy)}.tab .tab-count{min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--stone-100);font-size:.75rem;font-weight:640;display:grid;place-items:center;color:var(--ink-2)}.tab[aria-selected=true] .tab-count{background:var(--navy);color:#fff}.tab .tab-count[data-tone=danger]{background:var(--danger);color:#fff}.segmented{display:inline-flex;padding:3px;gap:2px;border-radius:var(--r-pill);background:var(--stone-100)}.segmented button{min-height:32px;padding:0 .85rem;border-radius:var(--r-pill);font-size:var(--t-small);font-weight:600;color:var(--ink-2)}.segmented button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 2px #0b16301f}.toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.85rem 1.25rem}.toolbar-spacer{flex:1}.search{position:relative;display:flex;align-items:center;min-width:0;flex:1 1 240px;max-width:420px}.search svg{position:absolute;inset-inline-start:.75rem;width:17px;height:17px;color:var(--muted);pointer-events:none}.search input{width:100%;min-height:40px;padding:0 2.4rem 0 2.3rem;border-radius:var(--r-pill);border:1.5px solid var(--stone-300);background:#fff;text-overflow:ellipsis}.search:not(:has(kbd,.search-clear)) input{padding-inline-end:.9rem}.search input::placeholder{color:#7a849a}.search input:hover{border-color:var(--muted)}.search input:focus-visible{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-100)}.search kbd{position:absolute;inset-inline-end:.6rem;font:inherit;font-size:.75rem;color:var(--muted);border:1px solid var(--stone-200);border-radius:5px;padding:0 .35rem;background:var(--stone-50)}.search .search-clear{position:absolute;inset-inline-end:4px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:var(--muted)}.search .search-clear:hover{background:var(--stone-100);color:var(--ink)}.search .search-clear svg{position:static;width:16px;height:16px;color:currentColor}.filter-chip{display:inline-flex;align-items:center;gap:.35rem;min-height:34px;padding:0 .8rem;border-radius:var(--r-pill);border:1.5px solid var(--stone-200);background:#fff;font-size:var(--t-small);font-weight:560;color:var(--ink-2);transition:border-color .15s,background-color .15s,color .15s}.filter-chip:hover{border-color:var(--stone-300);color:var(--ink)}.filter-chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.toolbar .select-trigger{min-height:40px;border-radius:var(--r-pill);padding-inline-start:.95rem}.filter-chip svg{width:15px;height:15px}.table-wrap{position:relative;overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--t-body)}.table th{text-align:start;padding:.6rem 1rem;font-size:var(--t-small);font-weight:600;color:var(--muted);background:var(--stone-50);border-bottom:1px solid var(--stone-200);border-top:1px solid var(--stone-200);white-space:nowrap}.table td{padding:.75rem 1rem;border-bottom:1px solid var(--stone-100);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table th:first-child,.table td:first-child{padding-inline-start:1.25rem}.table th:last-child,.table td:last-child{padding-inline-end:1.25rem}.table .t-right{text-align:end}.table .t-check{width:44px;padding-inline-end:0}.table tbody tr.is-link{cursor:pointer}.table tbody tr.is-link:hover td{background:var(--stone-50)}.table tbody tr[aria-selected=true] td{background:var(--blue-50)}.cell-main{display:grid;gap:1px;min-width:0}.cell-main b{font-weight:620}.cell-sub{font-size:var(--t-small);color:var(--muted)}.table-cards{display:none}@media(max-width:760px){.table-wrap.has-cards .table{display:none}.table-wrap.has-cards .table-cards{display:grid}}.table-cards>*{padding:.9rem 1rem;border-top:1px solid var(--stone-100)}.table-cards>*:first-child{border-top:0}.table-cards>[aria-selected=true]{background:var(--blue-50)}.table-card-select{display:flex;gap:.75rem;align-items:flex-start}.table-card-select>div{flex:1;min-width:0}.table-card-select .check{padding-top:2px}.bulkbar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.6rem 1.25rem;background:var(--navy);color:#fff;font-size:var(--t-small);font-weight:600}.bulkbar .btn-secondary{background:transparent;color:#fff;border-color:#fff6}.bulkbar .btn-secondary:hover{border-color:#fff}.pager{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-top:1px solid var(--stone-200);font-size:var(--t-small);color:var(--muted)}.empty{display:grid;justify-items:center;text-align:center;gap:.5rem;padding:2.5rem 1.5rem}.empty-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--stone-100);color:var(--ink-2);margin-bottom:.35rem}.empty-icon svg{width:22px;height:22px}.empty[data-kind=clear] .empty-icon{background:var(--ok-50);color:var(--ok)}.empty[data-kind=error] .empty-icon{background:var(--danger-50);color:var(--danger)}.empty[data-kind=locked] .empty-icon{background:var(--warn-50);color:var(--warn)}.empty-title{font-weight:680;font-size:var(--t-section)}.empty-text{color:var(--muted);max-width:44ch}.empty-actions{display:flex;gap:.5rem;margin-top:.6rem;flex-wrap:wrap;justify-content:center}.empty[data-size=sm]{padding:1.5rem 1rem}.form{display:grid;gap:1.1rem}.form-row{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:640px){.form-row{grid-template-columns:minmax(0,1fr)}}.field{display:grid;gap:.4rem;min-width:0;align-content:start}.field-label{font-size:var(--t-small);font-weight:640;color:var(--ink)}.field-label .opt{font-weight:450;color:var(--muted)}.field-hint{font-size:var(--t-small);color:var(--muted)}.field-error{display:flex;gap:.35rem;align-items:center;font-size:var(--t-small);color:var(--danger)}.field-error svg{width:14px;height:14px}.control{width:100%;min-height:48px;padding:0 .95rem;border-radius:var(--r-md);border:1.5px solid var(--stone-300);background:#fff;color:var(--ink);font-weight:450;transition:border-color .15s,box-shadow .15s}textarea.control{min-height:96px;padding:.75rem .95rem;resize:vertical;line-height:1.45}.control::placeholder{color:#7a849a}.control:hover{border-color:var(--muted)}.control:focus-visible{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-100)}.control[aria-invalid=true]{border-color:var(--danger)}.control[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px var(--danger-50)}.control:disabled{background:var(--stone-50);color:var(--muted);cursor:not-allowed}.control[readonly]{background:var(--stone-50);color:var(--ink)}.control-time{max-width:8.5rem;letter-spacing:.04em}@media(max-width:1023px){.control,.search input,.select-search input{font-size:16px}}.control:-webkit-autofill,.control:-webkit-autofill:hover,.control:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 40px #fff inset;transition:background-color 9999s}.affix{position:relative;display:flex;align-items:center}.affix .control{padding-inline-end:3.2rem}.affix-unit{position:absolute;inset-inline-end:.95rem;color:var(--muted);font-size:var(--t-small);font-weight:600;pointer-events:none}.select-wrap{position:relative;display:block;min-width:0}.select-trigger{position:relative;display:flex;align-items:center;text-align:start;cursor:pointer;padding-inline-end:2.6rem}.select-trigger[aria-expanded=true]{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-100)}.select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-ph{color:#7a849a}.select-chev{position:absolute;inset-inline-end:.85rem;top:50%;translate:0 -50%;width:18px;height:18px;color:var(--muted);pointer-events:none;transition:rotate .2s var(--ease)}.select-trigger[aria-expanded=true] .select-chev{rotate:180deg;color:var(--ink)}.select-pop{position:fixed;z-index:400;display:flex;flex-direction:column;background:#fff;border:1px solid var(--stone-200);border-radius:var(--r-md);box-shadow:var(--shadow-menu);overflow:hidden;animation:select-in .14s var(--ease)}.select-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.35rem;display:grid;align-content:start}.select-list:focus-visible{outline:none}.select-group{padding:.6rem .7rem .25rem;font-size:.75rem;font-weight:640;color:var(--muted);letter-spacing:.02em}.select-opt{display:flex;align-items:center;gap:.6rem;min-height:40px;padding:.45rem .7rem;border-radius:var(--r-sm);color:var(--ink-2);cursor:pointer}.select-opt[data-active]{background:var(--stone-100);color:var(--ink)}.select-opt[aria-selected=true]{color:var(--navy);font-weight:640}.select-opt[aria-disabled=true]{color:var(--muted);cursor:not-allowed;text-decoration:line-through}.select-opt-text{flex:1;min-width:0;display:grid;line-height:1.3}.select-opt-sub{font-size:var(--t-small);font-weight:450;color:var(--muted)}.select-check{width:17px;height:17px;color:var(--navy);visibility:hidden}.select-opt[aria-selected=true] .select-check{visibility:visible}.select-search{position:relative;display:flex;align-items:center;padding:.5rem .5rem .4rem;border-bottom:1px solid var(--stone-100)}.select-search svg{position:absolute;inset-inline-start:1.15rem;width:16px;height:16px;color:var(--muted);pointer-events:none}.select-search input{width:100%;min-height:40px;padding:0 .75rem 0 2.2rem;border-radius:var(--r-sm);border:1.5px solid var(--stone-200);background:var(--stone-50)}.select-search input:focus-visible{outline:none;border-color:var(--blue);background:#fff}.select-none{padding:1rem .75rem;text-align:center;color:var(--muted);font-size:var(--t-small)}.select-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:399;background:#0714346b;animation:fade-in .2s var(--ease)}.select-pop[data-mode=sheet]{inset-inline:0;bottom:0;max-height:80svh;border:0;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom);animation:sheet-up .26s var(--ease)}.select-pop[data-mode=sheet]:before{content:"";width:40px;height:4px;border-radius:2px;background:var(--stone-300);margin:8px auto 0;flex:none}.select-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem .75rem .3rem 1.2rem}.select-sheet-head b{font-size:var(--t-section)}.select-pop[data-mode=sheet] .select-search{padding-inline:.85rem}.select-pop[data-mode=sheet] .select-search svg{inset-inline-start:1.5rem}.select-pop[data-mode=sheet] .select-list{padding:.35rem .6rem .9rem}.select-pop[data-mode=sheet] .select-opt{min-height:50px;font-size:1rem}@keyframes select-in{0%{opacity:0;translate:0 -4px}}@keyframes sheet-up{0%{translate:0 100%}}@keyframes fade-in{0%{opacity:0}}.check{display:flex;gap:.65rem;align-items:flex-start;font-size:var(--t-body);color:var(--ink-2);cursor:pointer}.check input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:1px 0 0;flex:none;border:1.5px solid var(--stone-300);border-radius:5px;background:#fff;display:grid;place-items:center;cursor:pointer;transition:background-color .15s,border-color .15s}.check input:hover{border-color:var(--muted)}.check input:after{content:"";width:11px;height:6px;border:2px solid #fff;border-top:0;border-right:0;rotate:-45deg;translate:0 -1px;opacity:0}.check input:checked{background:var(--navy);border-color:var(--navy)}.check input:checked:after{opacity:1}.check input:indeterminate{background:var(--navy);border-color:var(--navy)}.check input:indeterminate:after{opacity:1;width:8px;height:0;border-left:0;rotate:0deg;translate:0 0}.check input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.switch{position:relative;display:inline-flex;align-items:center;gap:.7rem;cursor:pointer}.switch input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:40px;height:24px;border-radius:12px;background:var(--stone-300);position:relative;cursor:pointer;transition:background-color .2s;flex:none;margin:0}.switch input:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:translate .2s var(--ease)}.switch input:checked{background:var(--ok)}.switch input:checked:after{translate:16px 0}.switch input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.choice-cards{display:grid;gap:.55rem;grid-template-columns:repeat(var(--cols, 1),minmax(0,1fr))}.choice-cards[data-cols]{grid-template-columns:repeat(auto-fit,minmax(max(9.5rem,calc((100% - (var(--cols) - 1) * .55rem) / var(--cols))),1fr))}@media(max-width:640px){.choice-cards[data-cols]{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.choice-cards[data-phone]{grid-template-columns:repeat(var(--cols-phone),minmax(0,1fr))}}.choice{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:.25rem;padding:.8rem .95rem;border:1.5px solid var(--stone-200);border-radius:var(--r-md);background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,background-color .15s}.choice:hover{border-color:var(--stone-300)}.choice:has(input:checked){border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:var(--blue-50)}.choice:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}.choice input{position:absolute;opacity:0;pointer-events:none}.choice-text{display:grid;gap:.15rem;min-width:0}.choice-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 .6rem;min-width:0;font-weight:640;line-height:1.3}.choice-head>span:first-child{flex:1 1 0;min-width:min-content;overflow-wrap:break-word}.choice-aside{font-size:var(--t-small);font-weight:600;color:var(--muted);white-space:nowrap}.choice-sub{font-size:var(--t-small);color:var(--muted);line-height:1.35}.choice-price{margin-top:auto;padding-top:.3rem;font-size:1.15rem;font-weight:760;letter-spacing:-.01em;color:var(--ink)}.choice[data-art]{grid-template-columns:auto minmax(0,1fr);column-gap:.7rem;align-items:center}.choice-art{display:grid;place-items:center;color:var(--muted)}.choice-art svg{width:30px;height:30px}@media(max-width:640px){.choice[data-art]{column-gap:.6rem;padding:.75rem .8rem}.choice-art svg{width:26px;height:26px}}.choice:has(input:checked) .choice-art{color:var(--navy)}.choice[aria-disabled=true]{cursor:not-allowed;background:var(--stone-50);border-style:dashed;box-shadow:none}.choice[aria-disabled=true] .choice-head,.choice[aria-disabled=true] .choice-price{color:var(--muted)}.choice[aria-disabled=true] .choice-price{text-decoration:line-through}@media(max-width:400px){.choice-cards[data-phone]:not([data-phone="1"]) .choice[data-art]{grid-template-columns:minmax(0,1fr);row-gap:.35rem;align-items:start}.choice-cards[data-phone]:not([data-phone="1"]) .choice[data-art] .choice-art{justify-self:start}}@media(max-width:640px){.choice-cards[data-phone="1"] .choice[data-price]{grid-template-columns:minmax(0,1fr) auto;column-gap:1rem;align-items:center}.choice-cards[data-phone="1"] .choice-price{margin:0;padding:0}}.picks{display:flex;flex-wrap:wrap;gap:.45rem}.pick{position:relative;display:inline-grid;justify-items:center;align-content:center;min-height:42px;padding:.2rem .95rem;border:1.5px solid var(--stone-200);border-radius:var(--r-pill);background:#fff;font-size:var(--t-body);font-variant-numeric:tabular-nums;line-height:1.2;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}.pick[data-two]{min-height:52px;border-radius:var(--r-md);padding-inline:.85rem}.pick:hover{border-color:var(--stone-300)}.pick input{position:absolute;opacity:0;pointer-events:none}.pick-label{font-weight:560;white-space:nowrap}.pick-sub{font-size:var(--t-small);color:var(--muted);white-space:nowrap}.pick:has(input:checked){background:var(--navy);border-color:var(--navy);color:#fff}.pick:has(input:checked) .pick-label{font-weight:640}.pick:has(input:checked) .pick-sub{color:var(--on-navy-muted)}.pick:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}.pick[aria-disabled=true]{cursor:not-allowed;color:var(--muted);background:var(--stone-50);border-style:dashed}.pick[aria-disabled=true] .pick-label{text-decoration:line-through;font-weight:450}.picks[aria-invalid=true] .pick{border-color:#f0c4c6}.tip{position:fixed;z-index:500;max-width:280px;padding:.4rem .6rem;border-radius:6px;background:var(--ink);color:#fff;font-size:var(--t-small);font-weight:520;line-height:1.35;pointer-events:none;box-shadow:0 6px 18px -6px #0b163066;animation:tip-in .12s var(--ease)}@keyframes tip-in{0%{opacity:0;translate:0 3px}}.size-art{width:28px;height:28px;flex:none}.kv{margin:0;display:grid;grid-template-columns:minmax(120px,max-content) minmax(0,1fr);gap:.55rem 1.25rem;font-size:var(--t-body)}.kv dt{color:var(--muted)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}@media(max-width:640px){.kv{grid-template-columns:fit-content(45%) minmax(0,1fr);column-gap:1rem}}.dialog{border:0;padding:0;border-radius:var(--r-lg);width:min(520px,calc(100vw - 32px));max-height:calc(100svh - 48px);box-shadow:var(--shadow-menu);background:#fff;overflow:hidden}.dialog[open]{display:flex;flex-direction:column}.dialog .dialog-body{overflow-y:auto;min-height:0;flex:1}.dialog .dialog-head,.dialog .dialog-foot{flex:none}.dialog::backdrop,.sheet::backdrop{background:#0714346b}.dialog[open]{animation:pop .2s var(--ease)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem 0}.dialog-title{font-size:1.125rem;font-weight:700}.dialog-body{padding:.85rem 1.25rem 1.25rem;display:grid;gap:1rem}.dialog-foot{display:flex;justify-content:flex-end;gap:.5rem;padding:.9rem 1.25rem;border-top:1px solid var(--stone-200);flex-wrap:wrap}.sheet{border:0;padding:0;margin:0 0 0 auto;height:100svh;max-height:100svh;width:min(480px,100vw);max-width:100vw;background:#fff;box-shadow:var(--shadow-sheet);display:none}.sheet[open]{display:flex;flex-direction:column;animation:slide-in .25s var(--ease)}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;border-bottom:1px solid var(--stone-200)}.sheet-body{flex:1;overflow-y:auto;padding:1.25rem;display:grid;gap:1.25rem;align-content:start}.sheet-foot{display:flex;justify-content:flex-end;gap:.5rem;padding:.9rem 1.25rem;border-top:1px solid var(--stone-200);flex-wrap:wrap}@keyframes pop{0%{opacity:0;scale:.97}}@keyframes slide-in{0%{translate:40px 0;opacity:0}}.menu-wrap{position:relative;display:inline-flex}.menu{position:absolute;z-index:60;top:calc(100% + 6px);inset-inline-end:0;min-width:220px;max-height:min(60vh,440px);overflow-y:auto;padding:.35rem;background:#fff;border:1px solid var(--stone-200);border-radius:var(--r-md);box-shadow:var(--shadow-menu);display:grid;gap:1px}.menu[data-align=start]{inset-inline-end:auto;inset-inline-start:0}.menu[data-up]{top:auto;bottom:calc(100% + 6px)}.menu-item{display:flex;align-items:center;gap:.6rem;width:100%;min-height:38px;padding:0 .7rem;border-radius:7px;text-align:start;color:var(--ink-2);font-size:var(--t-body)}.menu-item:hover,.menu-item:focus-visible{background:var(--stone-100);color:var(--ink);outline:none}.menu-item svg{width:17px;height:17px;color:var(--muted)}.menu-item[data-tone=danger]{color:var(--danger)}.menu-item[data-tone=danger] svg{color:var(--danger)}.menu-item[aria-checked=true]{color:var(--ink);font-weight:640}.menu-sep{height:1px;margin:.3rem .2rem;background:var(--stone-200)}.menu-label{padding:.45rem .7rem .2rem;font-size:.75rem;font-weight:640;color:var(--muted)}.toasts{position:fixed;inset-inline-end:20px;bottom:20px;z-index:300;display:grid;gap:8px;justify-items:end;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:.7rem;max-width:min(440px,calc(100vw - 32px));padding:.8rem 1rem;background:var(--ink);color:#fff;border-radius:var(--r-md);box-shadow:var(--shadow-menu);font-size:var(--t-body);animation:toast-in .25s var(--ease)}.toast svg{width:18px;height:18px;color:#6fd3a2}.toast[data-tone=danger] svg{color:#ff8a8f}.toast button{margin-inline-start:.5rem;color:#ffb27f;font-weight:640}@keyframes toast-in{0%{opacity:0;translate:0 8px}}@media(max-width:640px){.card-foot,.dialog-foot,.sheet-foot,.empty-actions,.page-actions{flex-wrap:wrap}.card-foot>.btn,.dialog-foot>.btn,.sheet-foot>.btn,.empty-actions>.btn,.page-actions>.btn,.card-foot>a.btn,.dialog-foot>a.btn,.sheet-foot>a.btn{flex:1 1 auto}.btn{max-width:100%;white-space:normal;text-wrap:balance;text-align:center;line-height:1.2;padding-block:.4rem}}.empty-actions>.btn{max-width:100%;white-space:normal;text-wrap:balance;text-align:center;line-height:1.2;padding-block:.4rem}@media(max-width:1023px),(pointer:coarse){.btn-sm{min-height:40px}.icon-btn{width:40px;height:40px;min-width:40px}.filter-chip,.segmented button,.demo,.topbar-logo{min-height:40px}.page-back{min-height:40px;margin-block:-10px calc(.25rem - 10px)}.switch{min-height:40px}.menu-item{min-height:44px}.search .search-clear{width:40px;height:40px;inset-inline-end:0}.toast button{min-height:40px;padding-inline:.25rem}.card-head .page-actions>a.link{display:inline-flex;align-items:center;min-height:40px}.check:not(:has(>span)){min-width:40px;min-height:40px;margin:-10px;align-items:center;justify-content:center}.check:not(:has(>span)) input{margin:0}}body:has([data-page-bar]){--page-bar-h: 72px}@media(max-width:1023px){.toasts{inset-inline:16px;bottom:calc(var(--tabbar-h) + var(--page-bar-h, 0px) + 16px + env(safe-area-inset-bottom));justify-items:stretch}}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:.8125rem;font-weight:700;color:#fff;background:var(--navy)}.avatar[data-size=sm]{width:28px;height:28px;font-size:.75rem}.avatar[data-size=lg]{width:44px;height:44px;font-size:1rem}.skeleton{border-radius:6px;background:linear-gradient(90deg,var(--stone-100) 25%,var(--stone-50) 50%,var(--stone-100) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.divider{height:1px;background:var(--stone-200);border:0;margin:0}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.tracking{font-variant-numeric:tabular-nums;font-weight:640;letter-spacing:.01em;white-space:nowrap}.callout{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 1rem;border-radius:var(--r-md);background:var(--blue-50);color:var(--ink-2);font-size:var(--t-body)}.callout svg{width:18px;height:18px;margin-top:2px;color:var(--blue);flex:none}.callout[data-tone=warn]{background:var(--warn-50)}.callout[data-tone=warn] svg{color:var(--warn)}.callout[data-tone=danger]{background:var(--danger-50)}.callout[data-tone=danger] svg{color:var(--danger)}.callout[data-tone=ok]{background:var(--ok-50)}.callout[data-tone=ok] svg{color:var(--ok)}.callout-body{display:grid;gap:.2rem;min-width:0;flex:1}.callout-title{font-weight:640;color:var(--ink)}@media(max-width:640px){.callout{flex-wrap:wrap;row-gap:.6rem}.callout-body{flex:1 1 200px}.callout>:last-child:not(.callout-body){margin-inline-start:calc(18px + .75rem)}}.stars{display:inline-flex;gap:1px;color:var(--stone-300);vertical-align:-2px}.stars svg[data-on]{color:#f2a516;fill:#f2a516}.star-input{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.star-row{display:inline-flex;gap:2px}.star-row button{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r-sm);color:var(--stone-300);transition:color .15s,transform .15s var(--ease)}.star-row button svg{width:30px;height:30px}.star-row button[data-on]{color:#f2a516}.star-row button[data-on] svg{fill:#f2a516}.star-row button:hover{transform:scale(1.08)}.star-row:hover button{color:#f2a516}.star-row:hover button:hover~button{color:var(--stone-300)}.star-row:hover button:hover~button svg{fill:none}.star-word{font-weight:640;color:var(--ink-2);min-width:7ch}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}