:root{--bg:#f6f7f9;--panel:#fff;--panel-alt:#fafbfc;--border:#e4e7eb;--border-strong:#d1d5db;--text:#111827;--text-soft:#374151;--muted:#6b7280;--muted-2:#9ca3af;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eff6ff;--good:#16a34a;--good-soft:#ecfdf5;--bad:#dc2626;--bad-soft:#fef2f2;--warn:#d97706;--warn-soft:#fffbeb;--shadow-sm:0 1px 2px rgba(17,24,39,.04);--shadow:0 1px 3px rgba(17,24,39,.06),0 1px 2px rgba(17,24,39,.04)}*{box-sizing:border-box}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{margin:0 auto;max-width:1200px;padding:28px 24px 64px}.header{margin-bottom:24px}.header h1{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:0}.muted{color:var(--muted);font-size:13px;margin:4px 0 0}.main{display:flex;flex-direction:column;gap:16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm);padding:18px 20px}.panel h2{font-size:15px;font-weight:600;letter-spacing:-.005em;margin:0 0 12px}button{align-items:center;background:var(--accent);border:1px solid var(--accent);border-radius:7px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:500;height:28px;justify-content:center;line-height:1;padding:0 10px;transition:background .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease}button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button:disabled{cursor:not-allowed;opacity:.55}button.ghost{background:var(--panel);border:1px solid var(--border-strong);color:var(--text-soft)}button.ghost:hover:not(:disabled){background:var(--panel-alt);border-color:var(--muted-2);color:var(--text)}button.danger{background:var(--panel);border:1px solid var(--border-strong);color:var(--bad)}button.danger:hover:not(:disabled){background:var(--bad-soft);border-color:var(--bad)}input,select{background:var(--panel);border:1px solid var(--border-strong);border-radius:7px;color:var(--text);font-family:inherit;font-size:13px;padding:7px 11px;transition:border-color .12s ease,box-shadow .12s ease}input:hover,select:hover{border-color:var(--muted-2)}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26;outline:none}input::-moz-placeholder{color:var(--muted-2)}input::placeholder{color:var(--muted-2)}table{border-collapse:collapse;font-size:13px;width:100%}thead tr{background:var(--panel-alt)}td,th{border-bottom:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:middle}th{color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}tbody tr:hover{background:var(--panel-alt)}tbody tr:last-child td{border-bottom:0}.tag{background:var(--panel-alt);border:1px solid var(--border);border-radius:999px;color:var(--text-soft);display:inline-block;font-size:11px;padding:2px 8px;white-space:nowrap}.snap-yes,.tag{font-weight:500}.snap-yes{color:var(--good)}.snap-due{color:var(--warn);font-weight:600}.snap-no{color:var(--muted-2)}code{background:var(--panel-alt);border:1px solid var(--border);border-radius:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12px;padding:1px 5px}