*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--c-primary:oklch(60% .18 44);--c-primary-d:oklch(48% .18 44);--c-primary-l:oklch(93% .06 44);--c-primary-txt:oklch(36% .12 44);--c-bg:oklch(96.4% .008 56);--c-surface:#fff;--c-surface-2:oklch(97.6% .005 54);--c-border:oklch(88.2% .013 56);--c-border-s:oklch(78% .018 52);--c-text:oklch(18% .015 44);--c-muted:oklch(52% .014 50);--c-faint:oklch(70% .01 54);--c-success:oklch(54% .15 145);--c-success-l:oklch(93% .05 145);--c-warn:oklch(64% .16 74);--c-warn-l:oklch(95% .05 74);--c-danger:oklch(52% .18 22);--c-danger-l:oklch(94% .06 22);--c-dark:oklch(20% .018 44);--c-dark-2:oklch(26% .016 44);--c-dark-border:oklch(30% .016 44);--c-dark-muted:oklch(58% .012 50);--shadow-s:0 1px 2px #28140012;--shadow:0 2px 8px #28140017;--shadow-l:0 4px 20px #28140021;--r-sm:3px;--r:4px;--r-lg:6px;--font:system-ui, -apple-system, "Segoe UI", "Noto Sans TC", sans-serif;--font-mono:"Courier New", monospace}body{font-family:var(--font);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}#root{width:100%;min-height:100dvh}.btn{border-radius:var(--r);cursor:pointer;font-weight:500;font-family:var(--font);border:none;justify-content:center;align-items:center;gap:6px;text-decoration:none;transition:opacity .12s,background .12s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--c-primary);color:#fff;padding:10px 22px;font-size:14px;font-weight:700}.btn-primary:hover:not(:disabled){opacity:.88}.btn-secondary{color:var(--c-muted);border:1px solid var(--c-border);background:0 0;padding:8px 16px;font-size:13px}.btn-secondary:hover:not(:disabled){border-color:var(--c-primary);color:var(--c-primary)}.btn-ghost{color:var(--c-muted);background:0 0;padding:6px 12px;font-size:13px}.btn-ghost:hover:not(:disabled){color:var(--c-text)}.btn-sm{padding:5px 12px;font-size:12px}.btn-lg{padding:13px 28px;font-size:15px}.btn-full{width:100%}.field{flex-direction:column;gap:5px;display:flex}.field-label{color:var(--c-muted);letter-spacing:.6px;text-transform:uppercase;font-size:11px;font-weight:700}.field-input{border:1px solid var(--c-border);background:var(--c-surface);width:100%;color:var(--c-text);border-radius:var(--r);font-size:14px;font-family:var(--font);padding:9px 11px;transition:border-color .12s,box-shadow .12s}.field-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-l);outline:none}textarea.field-input{resize:none}.field-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.field-error{color:var(--c-danger);font-size:11px}.tag{border-radius:2px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.tag-orange{background:var(--c-primary-l);color:var(--c-primary-txt)}.tag-green{background:var(--c-success-l);color:var(--c-success)}.tag-red{background:var(--c-danger-l);color:var(--c-danger)}.tag-yellow{background:var(--c-warn-l);color:var(--c-warn)}.tag-gray{background:var(--c-surface-2);color:var(--c-muted)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-s)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--c-border-s);border-radius:4px}@keyframes spin{to{transform:rotate(360deg)}}