:root{--bg:#f5f5f7;--surface:#fff;--surface-2:#fbfbfd;--text:#1d1d1f;--text-2:#6e6e73;--hairline:#0000001a;--hairline-strong:#d2d2d7;--accent:#0071e3;--accent-hover:#0077ed;--danger:#e11d1d;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #0000000f, 0 8px 24px #0000000a}@media (prefers-color-scheme:dark){:root{--bg:#000;--surface:#1c1c1e;--surface-2:#161617;--text:#f5f5f7;--text-2:#98989d;--hairline:#ffffff1f;--hairline-strong:#3a3a3c;--accent:#0a84ff;--accent-hover:#409cff;--shadow:0 1px 3px #0006}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Noto Sans Thai,Helvetica Neue,system-ui,sans-serif;font-size:15px;line-height:1.5}header{z-index:10;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--hairline);align-items:center;gap:.35rem;padding:.7rem 1.5rem;display:flex;position:sticky;top:0}header .brand{letter-spacing:-.01em;color:var(--text);margin-right:.75rem;font-weight:600;text-decoration:none}header nav{gap:.15rem;display:flex}header nav a{color:var(--text-2);border-radius:980px;padding:.3rem .7rem;font-size:.9rem;text-decoration:none;transition:background .15s,color .15s}header nav a:hover,header nav a[aria-current=page]{color:var(--text);background:var(--hairline)}header .spacer{flex:1}header .who{color:var(--text-2);font-size:.82rem}main{max-width:920px;margin:2.25rem auto 4rem;padding:0 1.5rem}h1{letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.65rem;font-weight:600}h2{letter-spacing:-.01em;margin:2rem 0 .75rem;font-size:1.15rem;font-weight:600}p{margin:.4rem 0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--text-2);font-size:.85rem}.err{color:var(--danger);min-height:1em;font-size:.85rem}input,select,textarea{font:inherit;width:100%;color:var(--text);background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);padding:.5rem .7rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);outline:none}input[type=file]{padding:.4rem}label{color:var(--text-2);margin-bottom:.15rem;font-size:.82rem;display:block}.field{margin:0}.field>label{margin-bottom:.3rem}button,.btn{font:inherit;background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:980px;align-items:center;gap:.35rem;padding:.5rem 1.1rem;font-size:.9rem;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}button:hover,.btn:hover{background:var(--accent-hover);text-decoration:none}button:active,.btn:active{opacity:.8}button.secondary,.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--hairline-strong)}button.secondary:hover,.btn.secondary:hover{background:var(--surface-2)}.btn.small{padding:.3rem .75rem;font-size:.82rem}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow);gap:.85rem;margin:1.25rem 0;padding:1.25rem;display:grid}.card strong{letter-spacing:-.01em;font-size:.95rem}.row{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.row .field{flex:1;min-width:140px}.toolbar{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);flex-wrap:wrap;align-items:end;gap:.75rem;margin:1.25rem 0;padding:1rem 1.25rem;display:flex}.toolbar .field{flex:1;min-width:130px}.table-wrap{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:middle;padding:.75rem 1rem;font-size:.88rem}thead th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);background:var(--surface-2);border-bottom:1px solid var(--hairline);font-size:.75rem;font-weight:600}tbody tr{border-bottom:1px solid var(--hairline)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--surface-2)}td .btn{margin-right:.3rem}.pill{background:var(--hairline);color:var(--text-2);border-radius:980px;padding:.1rem .55rem;font-size:.75rem;display:inline-block}details summary{cursor:pointer;color:var(--text-2);font-size:.88rem}.dropzone{border:2px dashed var(--hairline-strong);border-radius:var(--radius);text-align:center;color:var(--text-2);cursor:pointer;background:var(--surface-2);padding:1.6rem;transition:border-color .15s,background .15s}.dropzone.drag{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}