@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url("./media/quicksand-vietnamese-wght-normal-PVQDDRFR.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:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url("./media/quicksand-latin-ext-wght-normal-MJSXVORJ.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:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url("./media/quicksand-latin-wght-normal-B2JDMBHT.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}@font-face{font-family:Lexend Peta Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/lexend-peta-vietnamese-wght-normal-DGVJXBBI.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:Lexend Peta Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/lexend-peta-latin-ext-wght-normal-VDUAKGNH.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:Lexend Peta Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/lexend-peta-latin-wght-normal-V24TB5CN.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{color-scheme:light;--brand: #685bc7;--brand-600: #5a4db8;--brand-700: #4a3e9e;--brand-50: #f4f2fc;--brand-100: #e8e5f8;--brand-200: #d2cdf1;--pete: #0e7fbf;--pete-teal: #5fc6d0;--pete-50: #e9f5fb;--ink: #2c2a29;--text: #2c2a29;--text-muted: #6f6b78;--text-faint: #9a96a3;--bg: #f7f6fb;--surface: #ffffff;--surface-2: #faf9fd;--border: #e6e3ee;--border-strong: #d4d0df;--ok: #1e8a5a;--ok-50: #e7f5ee;--warn: #a86a0c;--warn-50: #fdf3e1;--danger: #c03a2b;--danger-50: #fcecea;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgb(44 42 41 / 5%);--shadow: 0 1px 2px rgb(44 42 41 / 4%), 0 4px 16px rgb(104 91 199 / 6%);--shadow-lg: 0 12px 40px rgb(74 62 158 / 14%);--font: "Quicksand Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Lexend Peta Variable", "Quicksand Variable", system-ui, sans-serif;--mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;--header-h: 64px;--tabbar-h: 64px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:500 15px/1.55 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3{line-height:1.25;margin:0 0 .75rem;color:var(--ink)}h1{font-family:var(--font-display);font-weight:500;font-size:1.3rem;letter-spacing:-.02em}h2{font-size:1.05rem;font-weight:700}h3{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:1.25rem}h3:first-child{margin-top:0}a{color:var(--brand-600);text-decoration:none;font-weight:600}a:hover{color:var(--brand-700)}code,.mono{font-family:var(--mono);font-size:.88em;font-weight:500}.display{font-family:var(--font-display);letter-spacing:-.02em}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:.85rem}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.page{max-width:1180px;margin:0 auto;padding:1.75rem 1.5rem 3rem}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.page-head h1{margin:0}.page-head .sub{color:var(--text-muted);margin-top:.3rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.35rem;margin-bottom:1rem}.card.flush{padding:0;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.card-head h2{margin:0;display:flex;align-items:center;gap:.5rem}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.spacer{flex:1}.stack>*+*{margin-top:.75rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field>span{font-size:.82rem;font-weight:700;color:var(--ink)}.field>span .opt{font-weight:500;color:var(--text-faint)}.field small{color:var(--text-muted);font-size:.8rem}.fields{display:grid;gap:0 1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.fields .wide{grid-column:1 / -1}input,select,textarea{font:500 .95rem var(--font);color:var(--text);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);padding:.6rem .75rem;width:100%;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-100)}input:disabled,select:disabled,textarea:disabled{background:var(--surface-2);color:var(--text-muted)}input.ng-invalid.ng-touched,textarea.ng-invalid.ng-touched{border-color:var(--danger)}.money-input{position:relative}.money-input:before{content:"$";position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}.money-input input{padding-left:1.6rem;font-variant-numeric:tabular-nums}.code-input{font-family:var(--mono);font-size:1.35rem;letter-spacing:.35em;text-align:center}.toggle{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:.75rem;transition:border-color .15s,background .15s}.toggle:hover{border-color:var(--brand-200)}.toggle.on{border-color:var(--brand);background:var(--brand-50)}.toggle .label{display:flex;flex-direction:column;flex:1}.toggle .label strong{font-weight:700}.toggle .label small{color:var(--text-muted)}input.switch{appearance:none;width:40px;height:24px;flex:none;padding:0;border:none;border-radius:999px;background:var(--border-strong);position:relative;cursor:pointer;transition:background .15s;margin-top:.1rem}input.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s}input.switch:checked{background:var(--brand)}input.switch:checked:after{transform:translate(16px)}input.switch:focus-visible{box-shadow:0 0 0 3px var(--brand-100)}.reveal{border-left:3px solid var(--brand-200);padding:.25rem 0 .25rem 1rem;margin:-.25rem 0 1rem .25rem}button,.btn{font:700 .9rem var(--font);border-radius:999px;padding:.6rem 1.1rem;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s;text-decoration:none}button:hover:not(:disabled),.btn:hover{border-color:var(--brand-200);background:var(--brand-50);color:var(--ink)}button:focus-visible,.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--brand-100)}button:disabled{opacity:.5;cursor:not-allowed}button.primary,.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 2px 8px #685bc74d}button.primary:hover:not(:disabled),.btn.primary:hover{background:var(--brand-600);border-color:var(--brand-600);color:#fff}button.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:var(--surface)}button.danger:hover:not(:disabled){background:var(--danger-50);border-color:var(--danger);color:var(--danger)}button.link{border:none;background:none;color:var(--brand-600);padding:.25rem .1rem;box-shadow:none;border-radius:4px}button.link:hover:not(:disabled){background:none;color:var(--brand-700);text-decoration:underline}button.block,.btn.block{width:100%}button.sm{padding:.35rem .8rem;font-size:.82rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.8rem 1rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}th{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;background:var(--surface-2)}tbody tr{transition:background .1s}tbody tr:hover{background:var(--brand-50)}tbody tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}@media(max-width:720px){table.responsive thead{display:none}table.responsive,table.responsive tbody,table.responsive tr,table.responsive td{display:block;width:100%}table.responsive tr{padding:.9rem 1rem;border-bottom:1px solid var(--border)}table.responsive td{border:none;padding:.2rem 0;display:flex;justify-content:space-between;gap:1rem;text-align:right}table.responsive td[data-label]:before{content:attr(data-label);color:var(--text-muted);font-size:.82rem;font-weight:600;text-align:left}table.responsive td.card-title{justify-content:flex-start;text-align:left;font-size:1.02rem;padding-bottom:.35rem}table.responsive td.hide-sm,table.responsive tfoot{display:none}}.alert{border-radius:var(--radius-sm);padding:.75rem 1rem;margin-bottom:1rem;border:1px solid transparent;font-weight:600}.alert.error{background:var(--danger-50);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 25%,transparent)}.alert.warn{background:var(--warn-50);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 25%,transparent)}.alert.ok{background:var(--ok-50);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 25%,transparent)}.alert.info{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-100)}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;padding:.18rem .6rem;border-radius:999px;background:#f0eef4;color:var(--text-muted);white-space:nowrap;letter-spacing:.01em}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.badge.plain:before{display:none}.badge.accent{background:var(--brand-100);color:var(--brand-700)}.badge.ok{background:var(--ok-50);color:var(--ok)}.badge.warn{background:var(--warn-50);color:var(--warn)}.badge.danger{background:var(--danger-50);color:var(--danger)}.badge.pete{background:var(--pete-50);color:var(--pete)}.empty{text-align:center;color:var(--text-muted);padding:2.5rem 1rem}dl.kv{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:.55rem 1.25rem;margin:0}dl.kv dt{color:var(--text-muted);font-size:.88rem}dl.kv dd{margin:0;font-weight:600}@media(max-width:480px){dl.kv{grid-template-columns:1fr;gap:.1rem}dl.kv dd{margin-bottom:.55rem}}@media(max-width:720px){html,body{font-size:15px}.page{padding:1rem 1rem calc(var(--tabbar-h) + 1.5rem + env(safe-area-inset-bottom))}.card{padding:1.1rem;border-radius:var(--radius)}input,select,textarea{font-size:16px}h1{font-size:1.1rem}}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{color:var(--ink)}th.sortable:after{content:"\2195";display:inline-block;margin-left:.35em;opacity:.35;font-size:.85em}th.sortable[aria-sort=ascending]:after{content:"\2191";opacity:1;color:var(--brand)}th.sortable[aria-sort=descending]:after{content:"\2193";opacity:1;color:var(--brand)}th.sortable:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}