:root{--bg:#f6f3ec;--surface:#fff;--border:#e4ded2;--text:#162438;--text-2:#5d6b7d;--accent:#2a4a6b;--action:#e6e448;--radius:10px;--font:"Poppins", system-ui, sans-serif;--font-label:"Montserrat", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1b2a;--surface:#162438;--border:#24364e;--text:#eef2f7;--text-2:#9fb0c4;--accent:#7fa8d4}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;font-size:15px}h1{font-family:var(--font-label);margin:0 0 12px;font-size:20px;font-weight:600}.muted{color:var(--text-2)}.small{font-size:13px}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:2px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.content{min-width:0}.topbar{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;gap:16px;min-height:52px;padding:0 28px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-label);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.page{padding:24px 28px}.page.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.btn{background:var(--action);color:#162438;min-height:40px;font:inherit;cursor:pointer;border:none;border-radius:999px;align-items:center;padding:0 18px;font-weight:500;text-decoration:none;display:inline-flex}.btn.ghost{color:var(--text-2);border:1px solid var(--border);background:0 0}.btn.small{min-height:32px;padding:0 14px;font-size:13px}nav{flex-direction:column;gap:2px;margin-top:18px;display:flex}.nav-item{color:var(--text-2);border-radius:8px;padding:6px 8px}.nav-item.current{background:var(--bg);color:var(--text);font-weight:500}.field{border:1.5px solid var(--border);background:var(--surface);width:320px;max-width:100%;min-height:38px;color:inherit;font:inherit;border-radius:999px;margin:14px 0 18px;padding:0 12px}.table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 12px}.table th{font-family:var(--font-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);font-size:12px;font-weight:600}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--bg)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.choice{gap:6px;display:flex}.chip{border:1px solid var(--border);color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:13px}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--surface)}.chip:disabled{opacity:.5;cursor:default}.link{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.nav-item{justify-content:space-between;align-items:center;text-decoration:none;display:flex}.count{background:var(--accent);min-width:20px;color:var(--surface);text-align:center;border-radius:999px;margin-left:8px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.chip .count{background:var(--border);color:var(--text)}.chip[aria-pressed=true] .count{background:var(--surface);color:var(--accent)}.tabs{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 14px;display:flex}.toolbar .tabs,.toolbar .field{margin:0}.badge{background:var(--bg);border:1px solid var(--border);color:var(--text-2);border-radius:999px;margin-left:6px;padding:2px 8px;font-size:12px;display:inline-block}.badge:first-child{margin-left:0}.badge.warn{border-color:var(--action);background:color-mix(in srgb, var(--action) 25%, transparent);color:var(--text)}.nowrap{white-space:nowrap}.mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.empty{padding:24px 0}.actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.table.fixed{table-layout:fixed}.table.fixed td{overflow-wrap:anywhere}.table.fixed select.input{width:100%}.table td.actions{white-space:normal}.table tr.editing td{border-bottom:none}.table tr.detail td{background:var(--bg);padding:14px 16px 18px}.table tr.detail:hover{background:0 0}.input,select.input{border:1.5px solid var(--border);background:var(--surface);min-height:34px;color:inherit;font:inherit;border-radius:8px;padding:0 10px;font-size:14px}.inline-form{gap:6px;display:flex}.inline-form .input{width:200px}.pair{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:10px 14px;display:grid}.form-grid label{color:var(--text-2);flex-direction:column;gap:4px;font-size:13px;display:flex}.form-grid label.check{flex-direction:row;align-self:end;align-items:center;min-height:34px}.form-grid .span{grid-column:1/-1}.quote{border-left:3px solid var(--border);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;padding:12px 14px}.quote p{white-space:pre-wrap;margin:6px 0 0;font-size:14px;line-height:1.45}.stats{flex-wrap:wrap;align-items:center;gap:18px;margin:0 0 16px;font-size:14px;display:flex}.stats b{font-weight:600}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:12px;padding:14px 16px}.card.done{opacity:.6}.card-head{margin-bottom:10px}.card .pair{margin-bottom:12px}.card .quote{background:var(--bg)}.messages{max-width:820px;margin:0;padding:0;list-style:none}.msg{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:8px;padding:12px 14px}.msg.hidden{opacity:.55;border-style:dashed}.msg p{white-space:pre-wrap;margin:6px 0 10px;font-size:14px;line-height:1.45}@media (width<=900px){.pair,.form-grid{grid-template-columns:1fr}}
