:root{color-scheme:light;--orange-50: #fff8ef;--orange-100: #ffeacd;--orange-200: #ffd79b;--orange-300: #ffb84d;--orange-400: #fa9f14;--orange-500: #f39200;--orange-600: #d17c00;--orange-700: #a35f00;--orange-800: #7a4700;--yellow-100: #fff6d6;--yellow-400: #fdcf25;--yellow-600: #c9a007;--red-50: #fff1f1;--red-400: #ff5b5f;--red-500: #d92b20;--red-600: #b21e15;--green-50: #eefbe6;--green-500: #4caf19;--green-600: #3a8a12;--ink: #212121;--ink-muted: #505050;--ink-subtle: #848484;--surface: #ffffff;--surface-raised: #ffffff;--surface-sunken: #f8f8f8;--page: #f2f2f2;--line: #e7e7e7;--line-strong: #c9c9c9;--topbar: #000000;--topbar-ink: #ffffff;--brand: var(--orange-500);--brand-strong: var(--orange-700);--brand-soft: var(--orange-100);--brand-tint: var(--orange-50);--accent: var(--red-500);--accent-soft: var(--red-50);--danger: var(--red-500);--danger-soft: var(--red-50);--success: var(--green-600);--success-soft:var(--green-50);--warning: var(--yellow-600);--warning-soft:var(--yellow-100);--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(3 18 26 / .08);--shadow: 0 2px 8px rgb(3 18 26 / .1);--shadow-lg: 0 8px 28px rgb(3 18 26 / .16);--shadow-float: 0 12px 40px rgb(3 18 26 / .19);--font-sans: "Poppins", "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:1.6;color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:600;line-height:1.25;margin:0;letter-spacing:-.005em}h1{font-size:clamp(1.6rem,3.2vw,2.25rem)}h2{font-size:clamp(1.2rem,2vw,1.5rem)}h3{font-size:1.0625rem}p{margin:0 0 1em}p:last-child{margin-bottom:0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}.shell{min-height:100dvh;display:flex;flex-direction:column}.container{width:100%;max-width:1180px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.container--narrow{max-width:780px}.stack>*+*{margin-top:var(--gap, 1rem)}.card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card__body{padding:clamp(1rem,3vw,1.5rem)}.card__header{padding:1rem clamp(1rem,3vw,1.5rem);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.btn{--btn-bg: var(--brand);--btn-fg: #ffffff;--btn-border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.5rem;font:inherit;font-weight:500;line-height:1.3;color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-pill);cursor:pointer;transition:filter .15s ease,box-shadow .18s ease,background-color .15s ease;text-decoration:none;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--shadow);text-decoration:none}.btn:active:not(:disabled){filter:brightness(.95);box-shadow:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--brand);--btn-border: var(--brand)}.btn--subtle{--btn-bg: var(--surface-sunken);--btn-fg: var(--ink);--btn-border: var(--line)}.btn--accent{--btn-bg: var(--accent);--btn-fg: #fff}.btn--danger{--btn-bg: var(--danger)}.btn--block{width:100%}.btn--sm{padding:.4rem 1rem;font-size:.875rem}.btn--lg{padding:.85rem 2rem;font-size:1.0625rem}.field{display:flex;flex-direction:column;gap:.3rem}.field__label{font-size:.8125rem;font-weight:500;color:var(--ink-muted)}.field__label .req{color:var(--danger);margin-left:.15rem}option,optgroup{font-family:var(--font-sans);font-size:1rem;color:var(--ink)}.input,.select,.textarea{width:100%;padding:.6rem .8rem;font:inherit;font-size:.9375rem;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent)}.input.is-invalid,.select.is-invalid{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 12%,transparent)}.textarea{resize:vertical;min-height:84px}.field__error{font-size:.8125rem;color:var(--danger)}.field__hint{font-size:.8125rem;color:var(--ink-subtle)}.form-grid{display:grid;gap:1rem 1.25rem;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.form-grid--full{grid-column:1 / -1}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-strong);white-space:nowrap}.badge--accent{background:var(--accent-soft);color:var(--accent)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--muted{background:var(--surface-sunken);color:var(--ink-muted)}.alert{display:flex;gap:.65rem;padding:.8rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;border:1px solid transparent}.alert--error{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 28%,transparent);color:var(--danger)}.alert--info{background:var(--brand-tint);border-color:color-mix(in srgb,var(--brand) 22%,transparent);color:var(--brand-strong)}.alert--success{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 28%,transparent);color:var(--success)}.alert--warning{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 30%,transparent);color:var(--warning)}.price{color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums}.price--lg{font-size:1.35rem;line-height:1.2}.muted{color:var(--ink-muted)}.subtle{color:var(--ink-subtle)}.small{font-size:.8125rem}.mono{font-variant-numeric:tabular-nums}.center{text-align:center}.right{text-align:right}.nowrap{white-space:nowrap}.strong{font-weight:600}.spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--line) 37%,var(--surface-sunken) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;font-size:.75rem;font-weight:500;color:var(--ink-subtle);padding:.6rem .7rem;border-bottom:1px solid var(--line-strong)}.table td{padding:.7rem;border-bottom:1px solid var(--line)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:var(--surface-sunken)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}