:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;--bg: #f7f7f8;--fg: #1a1a1a;--card: #ffffff;--border: #e5e7eb;--muted: #6b7280;--link: #2563eb;color:var(--fg);background:var(--bg)}[data-theme=dark]{--bg: #0f172a;--fg: #e6edf6;--card: #1e293b;--border: #334155;--muted: #94a3b8;--link: #7dd3fc;color-scheme:dark}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] button{background:#0b1220;color:var(--fg);border-color:var(--border)}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:0 auto;padding:2rem 1.25rem}a{color:var(--link)}.muted{color:var(--muted);font-size:.95rem}.app-nav{display:flex;gap:1rem;align-items:center;padding:.75rem 1.25rem;background:#fff;border-bottom:1px solid #e5e7eb}.app-nav .spacer{flex:1}table.preview{border-collapse:collapse;width:100%;font-size:.88rem}table.preview th,table.preview td{border:1px solid #e5e7eb;padding:4px 6px;text-align:left;vertical-align:middle}table.preview th{background:#f3f4f6;white-space:nowrap}table.preview input,table.preview select{border:1px solid #d1d5db;border-radius:3px;padding:2px 4px;font:inherit}.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.pill.overdue{background:#fee2e2;color:#b91c1c}.pill.due_soon{background:#fef3c7;color:#92400e}.pill.ok{background:#e5e7eb;color:#374151}.pill.badge{background:#e0e7ff;color:#3730a3}.attention{border:1px solid #fecaca;background:#fff5f5;border-radius:8px;padding:.75rem 1rem;margin:1rem 0 1.5rem}.filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:.5rem 0 .75rem}tr.done td{opacity:.55}[data-theme=dark] .app-nav{background:var(--card);border-color:var(--border)}[data-theme=dark] table.preview th{background:#0b1220}[data-theme=dark] table.preview th,[data-theme=dark] table.preview td{border-color:var(--border)}[data-theme=dark] table.preview input,[data-theme=dark] table.preview select{background:#0b1220;color:var(--fg);border-color:var(--border)}[data-theme=dark] .pill.ok{background:#334155;color:#cbd5e1}[data-theme=dark] .pill.badge{background:#312e81;color:#c7d2fe}[data-theme=dark] .attention{background:#25181c;border-color:#7f1d1d}