:root{color-scheme:light;--bg: #f5f8fe;--surface: #ffffff;--text: #16181d;--primary: #1e3a66;--primary-light: #a7c7f7;--primary-hover: #8eb6f4;--on-primary: #ffffff;--on-solid: #ffffff;--border: #e1e8f7;--muted: #9aa0aa;--muted-2: #6b7280;--muted-3: #4b5563;--green: #16a34a;--green-bg: #e8f5ec;--green-border: #b7e0c4;--green-text: #166534;--orange: #ea8a2b;--yellow: #eab308;--red: #dc2626;--red-bg: #fdecea;--red-solid: #dc2626;--purple: #7c3aed;--purple-bg: #f0e9fd;--purple-solid: #7c3aed;--track: #f7fafe;--gray: #cbd5e1;--warn-bg: #fff7ed;--warn-border: #fed7aa;--warn-title: #c2410c;--warn-text: #9a3412;--danger-bg: #fbeae9;--danger-border: #f2c4c1;--fresh-bg: #f8fbff;--header-bg: rgba(245, 248, 254, .85);--scrollbar: #cdd7ea;--overlay: rgba(22, 24, 29, .45);--shadow-card: 0 8px 30px rgba(30, 58, 102, .08);--shadow-pop: 0 12px 32px -8px rgba(20, 30, 60, .25);--shadow-modal: 0 18px 50px rgba(22, 24, 29, .18);--shadow-drawer: -8px 0 32px rgba(0, 0, 0, .12);--radius: 10px;--radius-sm: 8px}:root[data-theme=dark]{color-scheme:dark;--bg: #10151f;--surface: #171d2a;--text: #e6eaf2;--primary: #9dc0f7;--primary-light: #24314c;--primary-hover: #b7d0fa;--on-primary: #10203a;--on-solid: #ffffff;--border: #273143;--muted: #7b8698;--muted-2: #9aa5b8;--muted-3: #c3ccda;--green: #4ade80;--green-bg: #14301f;--green-border: #2c5c3d;--green-text: #86efac;--orange: #f5a15a;--yellow: #facc15;--red: #f87171;--red-bg: #3a1d1d;--red-solid: #c33d3d;--purple: #c4a6fb;--purple-bg: #2a2140;--purple-solid: #6d4bc0;--track: #1d2433;--gray: #55607a;--warn-bg: #2e2317;--warn-border: #5a3f22;--warn-title: #fbbf77;--warn-text: #e0c6a4;--danger-bg: #3a1d1d;--danger-border: #6b2f2f;--fresh-bg: #1b2740;--header-bg: rgba(16, 21, 31, .85);--scrollbar: #39445c;--overlay: rgba(0, 0, 0, .62);--shadow-card: 0 8px 30px rgba(0, 0, 0, .45);--shadow-pop: 0 12px 32px -8px rgba(0, 0, 0, .6);--shadow-modal: 0 18px 50px rgba(0, 0, 0, .6);--shadow-drawer: -8px 0 32px rgba(0, 0, 0, .5)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--bg: #10151f;--surface: #171d2a;--text: #e6eaf2;--primary: #9dc0f7;--primary-light: #24314c;--primary-hover: #b7d0fa;--on-primary: #10203a;--on-solid: #ffffff;--border: #273143;--muted: #7b8698;--muted-2: #9aa5b8;--muted-3: #c3ccda;--green: #4ade80;--green-bg: #14301f;--green-border: #2c5c3d;--green-text: #86efac;--orange: #f5a15a;--yellow: #facc15;--red: #f87171;--red-bg: #3a1d1d;--red-solid: #c33d3d;--purple: #c4a6fb;--purple-bg: #2a2140;--purple-solid: #6d4bc0;--track: #1d2433;--gray: #55607a;--warn-bg: #2e2317;--warn-border: #5a3f22;--warn-title: #fbbf77;--warn-text: #e0c6a4;--danger-bg: #3a1d1d;--danger-border: #6b2f2f;--fresh-bg: #1b2740;--header-bg: rgba(16, 21, 31, .85);--scrollbar: #39445c;--overlay: rgba(0, 0, 0, .62);--shadow-card: 0 8px 30px rgba(0, 0, 0, .45);--shadow-pop: 0 12px 32px -8px rgba(0, 0, 0, .6);--shadow-modal: 0 18px 50px rgba(0, 0, 0, .6);--shadow-drawer: -8px 0 32px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}:root.theme-switching *,:root.theme-switching *:before,:root.theme-switching *:after{transition:none!important}html,body{margin:0}body{font-family:IBM Plex Sans Thai,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}input,select{font-family:inherit}.mono{font-family:IBM Plex Mono,monospace}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}@keyframes ddin{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes ppin{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:background .12s,border-color .12s}.btn:hover:not(:disabled){border-color:var(--primary-hover)}.btn-primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{background:var(--red-solid);color:var(--on-solid);border-color:var(--red-solid)}