:root{--ink-50:#f5f6f7;--ink-100:#e6e7ea;--ink-200:#c9cbd2;--ink-300:#a4a8b3;--ink-400:#7b8090;--ink-500:#565b6b;--ink-600:#3b4050;--ink-700:#2b2f3c;--ink-800:#20222b;--ink-900:#15161d;--neutral-0:#fff;--neutral-50:#fdfcfa;--neutral-100:#f9f6f2;--neutral-200:#f4f3f1;--neutral-300:#e5e3de;--neutral-400:#d6d1c8;--neutral-500:#b3ada1;--neutral-600:#767268;--neutral-700:#5a574f;--neutral-800:#3d3b36;--neutral-900:#24231f;--blue-50:#f0f4fd;--blue-300:#9bb2ec;--blue-400:#7091e4;--blue-500:#4770db;--blue-600:#3358c0;--blue-700:#2a4799;--blue-800:#233a78;--blue-900:#1b2c5a;--indigo-50:#eff0f9;--indigo-300:#9aa2d6;--indigo-400:#6a76c3;--indigo-500:#3342af;--indigo-600:#2b3792;--indigo-700:#232d76;--indigo-800:#1d255f;--indigo-900:#161c49;--red-50:#fef2ef;--red-300:#f4917c;--red-400:#ef5f3f;--red-500:#e32402;--red-600:#bd1e02;--red-700:#941802;--red-800:#741301;--red-900:#560e01;--green-50:#eef9f2;--green-300:#85cfa3;--green-400:#4fb87b;--green-500:#1ba156;--green-600:#158546;--green-700:#116937;--green-800:#0d522b;--green-900:#093d20;--amber-50:#fefbf0;--amber-300:#f6e388;--amber-400:#f2d95c;--amber-500:#d9bc31;--amber-600:#b39a26;--amber-700:#8c781e;--amber-800:#6b5c17;--amber-900:#4d4210;--diip-ink:var(--ink-800);--diip-cream:var(--neutral-100);--diip-blue:var(--blue-500);--diip-indigo:var(--indigo-500);--diip-red:var(--red-500);--diip-green:var(--green-500);--diip-yellow:var(--amber-400);--diip-taupe:var(--neutral-600);--bg:var(--neutral-0);--bg-soft:var(--neutral-100);--bg-muted:var(--neutral-200);--overlay-bg:#ffffffe6;--text:var(--ink-800);--text-secondary:var(--neutral-600);--heading:var(--ink-800);--border:var(--neutral-300);--border-strong:var(--neutral-400);--primary:var(--ink-800);--primary-hover:var(--ink-700);--primary-active:var(--ink-900);--on-primary:var(--neutral-100);--primary-soft:var(--ink-50);--primary-soft-fg:var(--ink-800);--secondary:transparent;--secondary-hover:var(--bg-muted);--secondary-border:var(--border-strong);--ghost-hover:var(--bg-muted);--on-ghost:var(--text-secondary);--success:var(--green-600);--success-soft:var(--green-100);--success-fg:var(--green-700);--on-success:var(--neutral-0);--warning:var(--amber-500);--warning-soft:var(--amber-100);--warning-fg:var(--amber-800);--on-warning:var(--ink-900);--danger:var(--red-600);--danger-hover:var(--red-700);--danger-soft:var(--red-100);--danger-fg:var(--red-700);--on-danger:var(--neutral-0);--info:var(--blue-600);--info-soft:var(--blue-100);--info-fg:var(--blue-700);--on-info:var(--neutral-0);--accent:var(--indigo-500);--accent-soft:var(--indigo-100);--accent-fg:var(--indigo-700);--on-accent:var(--neutral-0);--positive:var(--success-fg);--negative:var(--danger-fg);--brand:var(--primary);--brand-hover:var(--primary-hover);--on-brand:var(--on-primary);--danger-bg:var(--danger-soft);--info-bg:var(--info-soft);--blue-100:#e8edfb;--blue-200:#c3d0f4;--indigo-100:#e6e8f6;--indigo-200:#c2c7e7;--green-100:#e4f4ea;--green-200:#b7e3c8;--amber-100:#fdf6dd;--amber-200:var(--amber-400);--coral-100:#fdeae6;--coral-200:#f8bfb2;--pill-blue-bg:var(--info-soft);--pill-blue-fg:var(--info-fg);--pill-indigo-bg:var(--accent-soft);--pill-indigo-fg:var(--accent-fg);--pill-green-bg:var(--success-soft);--pill-green-fg:var(--success-fg);--pill-green-strong-fg:var(--green-800);--pill-amber-bg:var(--warning-soft);--pill-amber-fg:var(--warning-fg);--pill-coral-bg:var(--danger-soft);--pill-coral-fg:var(--danger-fg);--pill-grey-bg:var(--bg-muted);--pill-grey-fg:var(--text-secondary);--chart-clicks:var(--blue-500);--chart-leads:var(--green-500);--chart-orders:var(--indigo-500);--chart-revenue:var(--red-500);--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #20222b0f;--shadow:0 4px 16px #20222b1a;--select-chevron:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22%23767268%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.6%22%20d%3D%22m4%206%204%204%204-4%22%2F%3E%3C%2Fsvg%3E);--sidebar-w:248px;--sidebar-collapsed-w:76px;--content-pad:24px;--font:"Roc Grotesk", "Sukhumvit Set", "IBM Plex Sans Thai", "Noto Sans Thai", system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root,:root[data-theme=dark]{--on-secondary:var(--text);--red-100:var(--coral-100);--red-200:var(--coral-200);--pill-green-strong-bg:var(--green-200)}:root[data-theme=dark]{--bg:var(--ink-800);--bg-soft:#1b1d24;--bg-muted:#16181e;--overlay-bg:#20222be0;--text:var(--neutral-100);--text-secondary:#9a9da6;--heading:var(--neutral-100);--border:#2f333e;--border-strong:#3f4450;--primary:var(--neutral-100);--primary-hover:#e5e1d8;--primary-active:var(--neutral-300);--on-primary:var(--ink-800);--primary-soft:var(--ink-700);--primary-soft-fg:var(--neutral-100);--secondary-hover:#22262f;--ghost-hover:#22262f;--success:var(--green-400);--success-soft:#14301f;--success-fg:#7fe0a8;--warning:var(--amber-400);--warning-soft:#2e2611;--warning-fg:var(--amber-400);--danger:var(--red-400);--danger-hover:var(--red-300);--danger-soft:#3a1a12;--danger-fg:#ffb4a0;--info:var(--blue-400);--info-soft:#1a2340;--info-fg:#b8c8f5;--accent:var(--indigo-400);--accent-soft:#1e2044;--accent-fg:#c2c7e7;--positive:#4ecb85;--negative:#ff7a5c;--blue-100:#1c2744;--blue-200:#354a80;--indigo-100:#1e2044;--indigo-200:#343580;--green-100:#14301f;--green-200:#1f5c3a;--amber-100:#2e2611;--amber-200:#6b5410;--coral-100:#3a1a12;--coral-200:#7a2a14;--pill-green-strong-fg:#a8f0c6;--chart-clicks:#6b8ce8;--chart-leads:#3fc97f;--chart-orders:#8b8ce8;--chart-revenue:#ff7a5c;--shadow-sm:0 1px 2px #0006;--shadow:0 4px 20px #00000080;--select-chevron:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22%239a9da6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.6%22%20d%3D%22m4%206%204%204%204-4%22%2F%3E%3C%2Fsvg%3E);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=860px){:root{--content-pad:16px}}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:var(--bg-muted);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.55;transition:background-color .15s,color .15s}h1,h2,h3,h4{color:var(--heading);letter-spacing:-.01em;margin:0;font-weight:600}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit;font-size:inherit}input,select,textarea{color:var(--text)}select:not([multiple]){appearance:none;border-color:var(--border-strong);border-radius:var(--radius-sm);background-color:var(--bg);color:var(--text);cursor:pointer;outline:none;transition:border-color .15s,box-shadow .15s,background-color .15s;background-image:var(--select-chevron)!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:16px 16px!important;padding-right:40px!important}select:not([multiple]):hover:not(:disabled){border-color:var(--text-secondary);background-color:var(--bg-soft)}select:not([multiple]):focus,select:not([multiple]):focus-visible{border-color:var(--diip-green);box-shadow:0 0 0 3px var(--green-100)}select:not([multiple]):disabled{cursor:not-allowed;opacity:.58;background-color:var(--bg-muted)}select optgroup,select option{background:var(--bg);color:var(--text)}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.btn{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 18px;font-weight:600;transition:opacity .15s,background .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:not(:disabled):hover{background:var(--primary-hover)}.btn-primary:not(:disabled):active{background:var(--primary-active)}.btn-secondary{background:var(--secondary);border-color:var(--secondary-border);color:var(--on-secondary)}.btn-secondary:not(:disabled):hover{background:var(--secondary-hover)}.btn-ghost{color:var(--on-ghost);background:0 0;border-color:#0000}.btn-ghost:not(:disabled):hover{background:var(--ghost-hover);color:var(--text)}.btn-danger{background:var(--danger);color:var(--on-danger)}.btn-danger:not(:disabled):hover{background:var(--danger-hover)}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-secondary);font-weight:500}.field input{height:44px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.field input,.field select,.field textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);outline:none}.field select,.field textarea{width:100%;color:var(--text);padding:10px 12px}.field select{height:44px;padding-block:0}.field textarea{resize:vertical;min-height:96px}.field select:focus,.field textarea:focus{border-color:var(--diip-green);box-shadow:0 0 0 3px var(--green-100)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid .span-2{grid-column:1/-1}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.form-error{border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger-fg);margin:0 0 14px;padding:10px 12px;font-size:13px}.link-button{color:var(--heading);font:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:600}.link-button:hover{text-decoration:underline}@media (width<=600px){.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid .span-2{grid-column:auto}}.field input:focus{border-color:var(--green-200);box-shadow:0 0 0 3px var(--green-100)}html[data-theme=dark] .brand-logo{filter:invert()brightness(1.08)}html.has-js .anim-pending [data-anim]{opacity:0}@media (prefers-reduced-motion:reduce){html.has-js .anim-pending [data-anim]{opacity:1}}.muted{color:var(--text-secondary)}.tabular{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--green-200);outline-offset:2px}.page{gap:18px}.page,.page-head{flex-direction:column;display:flex}.page-head{gap:12px}.page-head .lead{max-width:68ch;margin:0;font-size:13px}.page-head .tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-head .tools>.btn-primary{margin-left:auto}.table-wrap{overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;font-size:13px}.table-wrap th{z-index:1;text-align:left;color:var(--text-secondary);background:var(--bg);padding:11px 14px;font-weight:500;position:sticky;top:0}.table-wrap td,.table-wrap th{border-bottom:1px solid var(--border);white-space:nowrap}.table-wrap td{vertical-align:middle;padding:12px 14px}.table-wrap tbody tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover td{background:var(--bg-muted)}.table-wrap td small{font-size:11px;display:block}.table-wrap .num{text-align:right}.table-wrap .strong{color:var(--heading);font-weight:600}.table-wrap tbody tr.state-row:hover td{background:0 0}@media (width<=700px){.page-head .tools>.btn-primary{width:100%;margin-left:0}}.table-wrap tr.row-link{cursor:pointer}.table-wrap tr.row-link:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.table-wrap tr.row-link .link-button{color:inherit;font-weight:600;text-decoration:none}.table-wrap tr.row-link:hover .link-button{text-decoration:underline}.view-section+.view-section{margin-top:22px}.view-section h3{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:10px;font-size:12px}.view-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;display:grid}.view-grid .full{grid-column:1/-1}.view-field{flex-direction:column;gap:3px;min-width:0;display:flex}.view-field dt{color:var(--text-secondary);font-size:11px}.view-field dd{color:var(--text);word-break:break-word;margin:0;font-size:13px}.view-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.view-stat{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);padding:12px 14px}.view-stat dt{color:var(--text-secondary);font-size:11px}.view-stat dd{color:var(--heading);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:19px;font-weight:700}.view-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:24px;padding-top:16px;display:flex}@media (width<=480px){.view-grid,.view-stats{grid-template-columns:minmax(0,1fr)}}.card.state-box[aria-busy=true],.card.state[aria-busy=true]{flex-direction:column;gap:14px;padding:20px;display:flex}