:root,:root[data-theme=mint]{color-scheme:light;--app-bg: #fffdfa;--sidebar-bg: #f0faf6;--sidebar-line: #d8eee5;--sidebar-active: #158c72;--sidebar-active-text: #ffffff;--color-bg: #fffdfa;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-border: #e4ebe8;--heading: #163149;--color-text: #30465a;--color-text-muted: #718190;--muted: #718190;--color-primary: #168c72;--color-primary-dark: #08725c;--color-primary-soft: #d7f3e9;--accent: #168c72;--accent-rgb: 22, 140, 114;--accent-strong: #08725c;--accent-soft: #d7f3e9;--accent-softer: #effaf6;--accent-contrast: #ffffff;--color-success: #0a7f4b;--color-success-soft: #eafbf1;--color-warning: #b1650f;--color-warning-soft: #fdf1e0;--color-danger: #b3261e;--color-danger-soft: #fdecea;--color-info: #216795;--color-info-soft: #dceeff;--tone-blue: #2f6fd1;--tone-mint: #159f7a;--tone-cyan: #0f9bb0;--tone-sky: #2f8fce;--tone-purple: #7c53c9;--tone-teal: #0f8f78;--tone-green: #2f9e63;--tone-slate: #4c5b6b;--tone-pink: #b84f77;--tone-orange: #b9631f;--panel-priority: #fff8f0;--panel-priority-line: #f2d9be;--panel-org: #f3fcfa;--panel-org-line: #cfeae2;--panel-status: #f1f8ff;--panel-status-line: #d4e8fb;--panel-activity: #fff5f8;--panel-activity-line: #f1d9e2;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 20px;--shadow-color: 43, 71, 62;--shadow-card: 0 12px 34px rgba(var(--shadow-color), .06);--font-body: "Noto Sans Thai", "Leelawadee UI", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}:root[data-theme=sky]{color-scheme:light;--app-bg: #fafdff;--sidebar-bg: #eef7ff;--sidebar-line: #d6e8f7;--sidebar-active: #347fb9;--sidebar-active-text: #ffffff;--color-bg: #fafdff;--color-border: #dfeaf2;--heading: #18324c;--color-text: #334b60;--color-text-muted: #6f8293;--muted: #6f8293;--color-primary: #347fb9;--color-primary-dark: #216795;--color-primary-soft: #dceeff;--accent: #347fb9;--accent-rgb: 52, 127, 185;--accent-strong: #216795;--accent-soft: #dceeff;--accent-softer: #f0f8ff;--shadow-color: 45, 76, 102}:root[data-theme=pink]{color-scheme:light;--app-bg: #fffafb;--sidebar-bg: #fff1f5;--sidebar-line: #f2dce4;--sidebar-active: #bd5b7e;--sidebar-active-text: #ffffff;--color-bg: #fffafb;--color-border: #eee0e6;--heading: #472a38;--color-text: #5d4050;--color-text-muted: #8a7080;--muted: #8a7080;--color-primary: #c45f83;--color-primary-dark: #a74467;--color-primary-soft: #f9dbe6;--accent: #c45f83;--accent-rgb: 196, 95, 131;--accent-strong: #a74467;--accent-soft: #f9dbe6;--accent-softer: #fff1f6;--shadow-color: 96, 57, 74}:root[data-theme=lavender]{color-scheme:light;--app-bg: #fcfaff;--sidebar-bg: #f5f1ff;--sidebar-line: #e4dcf4;--sidebar-active: #7960b5;--sidebar-active-text: #ffffff;--color-bg: #fcfaff;--color-border: #e7e1ef;--heading: #30284d;--color-text: #4a4265;--color-text-muted: #7d7594;--muted: #7d7594;--color-primary: #8067bd;--color-primary-dark: #664ca6;--color-primary-soft: #e7def9;--accent: #8067bd;--accent-rgb: 128, 103, 189;--accent-strong: #664ca6;--accent-soft: #e7def9;--accent-softer: #f7f3ff;--shadow-color: 68, 56, 104}:root[data-theme=peach]{color-scheme:light;--app-bg: #fffcf8;--sidebar-bg: #fff4e9;--sidebar-line: #f2dfcb;--sidebar-active: #d6753c;--sidebar-active-text: #ffffff;--color-bg: #fffcf8;--color-border: #eee3d8;--heading: #4b3526;--color-text: #604b3c;--color-text-muted: #8d7969;--muted: #8d7969;--color-primary: #d9793f;--color-primary-dark: #b85d2a;--color-primary-soft: #ffe1cc;--accent: #d9793f;--accent-rgb: 217, 121, 63;--accent-strong: #b85d2a;--accent-soft: #ffe1cc;--accent-softer: #fff5ed;--shadow-color: 99, 71, 48}:root[data-theme=graphite]{color-scheme:dark;--app-bg: #111923;--sidebar-bg: #17212d;--sidebar-line: #2a3847;--sidebar-active: #58c7b2;--sidebar-active-text: #10231f;--color-bg: #111923;--color-surface: #1a2532;--color-surface-raised: #202d3c;--color-border: #2e3d4c;--heading: #f2f7fb;--color-text: #d9e4ed;--color-text-muted: #91a4b5;--muted: #91a4b5;--color-primary: #58c7b2;--color-primary-dark: #79ddca;--color-primary-soft: #24483f;--accent: #58c7b2;--accent-rgb: 88, 199, 178;--accent-strong: #79ddca;--accent-soft: #24483f;--accent-softer: #1d3430;--accent-contrast: #0c201c;--panel-priority: #2b2724;--panel-priority-line: #4e3f33;--panel-org: #1d302e;--panel-org-line: #2e4a45;--panel-status: #1c2c3a;--panel-status-line: #2b4558;--panel-activity: #30252d;--panel-activity-line: #4c3945;--shadow-color: 0, 0, 0}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--app-bg, var(--color-bg));overflow-x:hidden}body{background:var(--app-bg, var(--color-bg));color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background-color .18s ease,color .18s ease;overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:var(--accent, #168c72) transparent}::-webkit-scrollbar{width:10px;height:0}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--accent, #168c72);border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-strong, #08725c);background-clip:content-box}h1,h2,h3,h4{margin:0;font-weight:700;color:var(--heading, var(--color-text))}a{color:inherit}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(var(--accent-rgb, 22, 140, 114),.22);outline-offset:2px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-md);border:1px solid transparent;padding:10px 18px;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease,transform .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent, var(--color-primary));color:var(--accent-contrast, white);box-shadow:0 10px 22px rgba(var(--accent-rgb, 22, 140, 114),.2)}.btn-primary:hover:not(:disabled){background:var(--accent-strong, var(--color-primary-dark))}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){border-color:var(--accent, var(--color-primary));color:var(--accent-strong, var(--color-primary))}.btn-success{background:var(--color-success-soft);color:var(--color-success)}.btn-success:hover:not(:disabled){background:var(--color-success);color:#fff}.btn-danger{background:var(--color-danger-soft);color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:600;color:var(--color-text-muted)}.field input,.field select,.field textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px;background:var(--color-surface);color:var(--color-text);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent, var(--color-primary));box-shadow:0 0 0 3px var(--accent-soft, var(--color-primary-soft))}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:9px 12px;background:var(--color-surface);color:var(--color-text)}input:focus,select:focus,textarea:focus{border-color:var(--accent, var(--color-primary));outline:none;box-shadow:0 0 0 3px var(--accent-soft, var(--color-primary-soft))}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-neutral{background:var(--accent-softer, #eef0f7);color:var(--color-text-muted)}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge-info{background:var(--color-info-soft);color:var(--color-info)}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}table{width:100%;border-collapse:collapse;background:var(--color-surface)}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--color-border);white-space:nowrap}th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);background:var(--accent-softer, #fafafe)}tr:last-child td{border-bottom:none}.empty-state{text-align:center;padding:48px 16px;color:var(--color-text-muted)}.alert{border-radius:var(--radius-md);padding:12px 16px;font-size:14px;margin-bottom:16px}.alert-danger{background:var(--color-danger-soft);color:var(--color-danger)}.alert-success{background:var(--color-success-soft);color:var(--color-success)}