@charset "UTF-8";:root{--bg: #f6f3ec;--bg-tint: #f1ede4;--surface: #fffdf8;--surface-raised: #ffffff;--ink: #17211b;--ink-soft: #59615a;--ink-faint: #656c64;--brand-900: #0c2747;--brand-700: #16365f;--brand-500: #2a5286;--brand-300: #8fa6c4;--brand-100: #e4eaf2;--gold-700: #7a5c0e;--gold-500: #c9a227;--gold-100: #f5e9c4;--go-ink: #1d4633;--go-bg: #e2ece5;--stop-ink: #8f3527;--stop-bg: #f7e6e2;--stop-border: #e8bbb2;--wait-ink: #8a6118;--wait-bg: #f8efdc;--idle-ink: #5a615a;--idle-bg: #eceae2;--border: #e5dfd1;--border-strong: #d5cdba;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(23, 33, 27, .04);--shadow: 0 6px 24px -12px rgba(23, 33, 27, .18);--shadow-lg: 0 24px 60px -24px rgba(23, 33, 27, .32);--on-accent: #f3e3bd;--bg-blur: rgba(246, 243, 236, .86);--surface-blur: rgba(255, 253, 248, .9);--overlay: rgba(12, 39, 71, .42);--focus-ring: rgba(42, 82, 134, .14);--mark-shadow: rgba(12, 39, 71, .14);--hit-fill: rgba(201, 162, 39, .1);--chart-ok: #4c9f70;--chart-fail: #a83c2b;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%2359615a' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans Thai", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--gap: 24px;--page-max: 1280px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0b1018;--bg-tint: #1c2433;--surface: #121826;--surface-raised: #182030;--ink: #e8ecf2;--ink-soft: #aeb6c4;--ink-faint: #8a93a3;--brand-900: #deebf9;--brand-700: #d4a53a;--brand-500: #c49a3c;--brand-300: #3f5f8a;--brand-100: #213252;--gold-700: #d4a53a;--gold-500: #d4a53a;--gold-100: #2e2410;--go-ink: #7fd0a2;--go-bg: #142b1d;--stop-ink: #f2a293;--stop-bg: #3a1e18;--stop-border: #5c332a;--wait-ink: #e6c081;--wait-bg: #352915;--idle-ink: #a6aebb;--idle-bg: #1f2735;--border: #252e3d;--border-strong: #364054;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 6px 24px -12px rgba(0, 0, 0, .7);--shadow-lg: 0 24px 60px -24px rgba(0, 0, 0, .85);--on-accent: #1a1406;--bg-blur: rgba(11, 16, 24, .86);--surface-blur: rgba(24, 32, 48, .92);--overlay: rgba(0, 0, 0, .62);--focus-ring: rgba(196, 154, 60, .28);--mark-shadow: rgba(0, 0, 0, .5);--hit-fill: rgba(212, 165, 58, .1);--chart-ok: #52a97b;--chart-fail: #be4c38;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23aeb6c4' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");color-scheme:dark}}:root[data-theme=dark]{--bg: #0b1018;--bg-tint: #1c2433;--surface: #121826;--surface-raised: #182030;--ink: #e8ecf2;--ink-soft: #aeb6c4;--ink-faint: #8a93a3;--brand-900: #deebf9;--brand-700: #d4a53a;--brand-500: #c49a3c;--brand-300: #3f5f8a;--brand-100: #213252;--gold-700: #d4a53a;--gold-500: #d4a53a;--gold-100: #2e2410;--go-ink: #7fd0a2;--go-bg: #142b1d;--stop-ink: #f2a293;--stop-bg: #3a1e18;--stop-border: #5c332a;--wait-ink: #e6c081;--wait-bg: #352915;--idle-ink: #a6aebb;--idle-bg: #1f2735;--border: #252e3d;--border-strong: #364054;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 6px 24px -12px rgba(0, 0, 0, .7);--shadow-lg: 0 24px 60px -24px rgba(0, 0, 0, .85);--on-accent: #1a1406;--bg-blur: rgba(11, 16, 24, .86);--surface-blur: rgba(24, 32, 48, .92);--overlay: rgba(0, 0, 0, .62);--focus-ring: rgba(196, 154, 60, .28);--mark-shadow: rgba(0, 0, 0, .5);--hit-fill: rgba(212, 165, 58, .1);--chart-ok: #52a97b;--chart-fail: #be4c38;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23aeb6c4' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;color:var(--brand-900);margin:0;line-height:1.2}h1{font-size:clamp(1.9rem,1.4rem + 1.6vw,2.6rem)}h2{font-size:clamp(1.3rem,1.1rem + .7vw,1.6rem)}h3{font-size:1.1rem}p{margin:0}a{color:var(--brand-700);text-decoration-color:var(--brand-300);text-underline-offset:3px}.container{width:100%;max-width:var(--page-max);margin:0 auto;padding:0 clamp(16px,4vw,40px)}.page{padding-block:clamp(28px,4vw,52px) 96px}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(24px,3vw,40px)}.page-head__text{max-width:56ch}.page-head p{color:var(--ink-soft);margin-top:8px}.eyebrow{font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-500);margin-bottom:10px}.stack{display:flex;flex-direction:column;gap:var(--gap)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row--tight{gap:6px}.spacer{flex:1 1 auto}.topbar{position:sticky;top:0;z-index:40;background:var(--bg-blur);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border)}.topbar__inner{display:flex;align-items:center;gap:16px;min-height:72px;flex-wrap:wrap;padding-block:10px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand__mark{width:38px;height:38px;display:block;flex:none;filter:drop-shadow(0 4px 8px var(--mark-shadow))}.brand__name{display:block;font-family:var(--font-body);font-size:1.22rem;font-weight:700;letter-spacing:-.035em;color:var(--brand-900);line-height:1.15}.brand__tag{display:block;font-size:.75rem;color:var(--ink-faint);line-height:1.15}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-pill);padding:9px 18px;font:inherit;font-size:.88rem;font-weight:550;line-height:1.2;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.btn--primary{background:var(--brand-700);color:var(--on-accent);box-shadow:inset 0 -2px 0 var(--gold-500)}.btn--primary:not(:disabled):hover{background:var(--brand-500)}.btn--secondary{background:var(--surface-raised);border-color:var(--border-strong);color:var(--brand-900)}.btn--secondary:not(:disabled):hover{border-color:var(--brand-300);background:var(--brand-100)}.btn--ghost{background:transparent;color:var(--ink-soft)}.btn--ghost:not(:disabled):hover{background:var(--bg-tint);color:var(--brand-900)}.btn--danger{background:transparent;border-color:transparent;color:var(--stop-ink)}.btn--danger:not(:disabled):hover{background:var(--stop-bg)}.btn--small{padding:6px 13px;font-size:.8rem}.btn--block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card__body{padding:clamp(18px,2.4vw,28px)}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:clamp(18px,2.4vw,26px) clamp(18px,2.4vw,28px);border-bottom:1px solid var(--border)}.card__head p{color:var(--ink-soft);font-size:.88rem;margin-top:4px}.card--flush .card__body{padding:0}.divider{height:1px;background:var(--border);border:0;margin:0}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-pill);padding:3px 11px;font-size:.76rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;background:var(--idle-bg);color:var(--idle-ink)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.pill--go{background:var(--go-bg);color:var(--go-ink)}.pill--stop{background:var(--stop-bg);color:var(--stop-ink)}.pill--wait{background:var(--wait-bg);color:var(--wait-ink)}.pill--idle{background:var(--idle-bg);color:var(--idle-ink)}.pill--plain:before{display:none}.tag{display:inline-flex;align-items:center;border-radius:var(--radius-sm);padding:2px 8px;font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;background:var(--bg-tint);color:var(--ink-soft)}.segmented{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-tint)}.segmented__option{border:0;border-radius:var(--radius-pill);padding:6px 14px;background:transparent;font:inherit;font-size:.82rem;font-weight:550;color:var(--ink-soft);cursor:pointer;transition:background-color .16s ease,color .16s ease}.segmented__option:not(:disabled):hover{color:var(--brand-900)}.segmented__option:disabled{opacity:.45;cursor:not-allowed}.segmented__option--active{background:var(--surface-raised);color:var(--brand-900);box-shadow:var(--shadow-sm)}.segmented__option:focus-visible{outline:2px solid var(--brand-500);outline-offset:1px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:.8rem;font-weight:600;color:var(--ink-soft);display:flex;align-items:baseline;gap:8px}.field__hint{font-size:.78rem;color:var(--ink-faint);font-weight:400}.input,.select,.textarea{width:100%;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 12px;font:inherit;font-size:.9rem;color:var(--ink);transition:border-color .16s ease,box-shadow .16s ease}.input::placeholder,.textarea::placeholder{color:var(--ink-faint)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--focus-ring)}.input--mono{font-family:var(--font-mono);font-size:.82rem}.select{appearance:none;padding-right:34px;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 12px center;background-size:11px}.input[list]::-webkit-calendar-picker-indicator{opacity:0}.checkbox{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;color:var(--ink-soft);cursor:pointer}.checkbox input{width:17px;height:17px;accent-color:var(--brand-700);cursor:pointer}.toolbar{display:grid;grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) minmax(150px,1fr) auto;gap:14px;align-items:end;padding:clamp(16px,2vw,22px)}@media(max-width:860px){.toolbar{grid-template-columns:1fr 1fr}.toolbar__search{grid-column:1/-1}}@media(max-width:520px){.toolbar{grid-template-columns:1fr}}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table thead th{text-align:left;font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-faint);padding:14px clamp(14px,1.8vw,22px);border-bottom:1px solid var(--border);white-space:nowrap}.table tbody td{padding:16px clamp(14px,1.8vw,22px);border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{transition:background-color .14s ease}.table tbody tr:hover{background:var(--bg-tint)}.table__actions{text-align:right;white-space:nowrap}.table-wrap{transition:opacity .15s ease;overflow-x:auto}@media(min-width:861px){.table{min-width:900px}}.actions-row{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;justify-content:flex-end}.table-wrap.is-busy{opacity:.55;pointer-events:none}@media(max-width:860px){.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tbody tr{padding:18px clamp(14px,4vw,22px);border-bottom:1px solid var(--border)}.table tbody td{border:0;padding:7px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.table tbody td[data-label]:before{content:attr(data-label);flex:none;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);padding-top:3px}.table tbody td:first-child{display:block}.table tbody td:first-child:before{display:none}.table__actions{text-align:left}.actions-row{flex-wrap:wrap;justify-content:flex-start}.product__name,.product__url{max-width:none}}.product{display:flex;align-items:center;gap:14px;min-width:0}.product__text{min-width:0}.product__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:1.02rem;font-weight:600;color:var(--brand-900);margin:0 0 2px;line-height:1.3;max-width:36ch;text-decoration:none}.product__name:hover,.product__name:focus-visible{text-decoration:underline;text-decoration-color:var(--brand-300)}.product__url{font-size:.78rem;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:36ch;display:block}.kv{display:grid;gap:4px 18px;grid-template-columns:auto 1fr;align-items:baseline;margin:0;font-size:.86rem}.kv dt{color:var(--ink-faint);font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.kv dd{margin:0;color:var(--ink);overflow-wrap:anywhere}.value-chips{display:flex;flex-wrap:wrap;gap:6px}.value-chip{display:inline-flex;align-items:baseline;gap:6px;background:var(--bg-tint);border-radius:var(--radius-sm);padding:3px 9px;font-size:.78rem;max-width:22ch}.value-chip__key{color:var(--ink-faint);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;flex:none}.value-chip__value{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-soft);overflow-wrap:anywhere}.muted{color:var(--ink-faint)}.small{font-size:.8rem}.empty{text-align:center;padding:clamp(40px,7vw,76px) 24px;max-width:46ch;margin:0 auto}.empty__mark{width:52px;height:52px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:var(--brand-100);color:var(--brand-700);font-size:1.4rem}.empty h3{margin-bottom:8px}.empty p{color:var(--ink-soft);margin-bottom:20px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px clamp(14px,1.8vw,22px);border-top:1px solid var(--border);font-size:.84rem;color:var(--ink-soft)}.overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .16s ease}.modal{width:min(460px,100%);background:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:clamp(22px,3vw,30px);animation:pop-in .18s ease}.modal h2{margin-bottom:10px}.modal p{color:var(--ink-soft);margin-bottom:22px}.modal__actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.thumb{width:52px;height:52px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-tint);border:1px solid var(--border);flex:none}.thumb--placeholder{display:grid;place-items:center;color:var(--ink-faint);font-size:1rem}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.pill--blue{background:#e2edfb;color:#245c9c}.pill--purple{background:#efe5fa;color:#71439a}