*,:after,:before{box-sizing:border-box}:root{color-scheme:light;--bg:#f4f6f8;--surface:#ffffff;--border:#d8dee4;--text:#1f2933;--muted:#5f6b7a;--primary:#2563eb;--primary-hover:#1d4ed8;--danger:#dc2626;--danger-hover:#b91c1c;--status-todo:#64748b;--status-in-progress:#d97706;--status-done:#059669}body,html{margin:0;padding:0;min-height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}.page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 3rem}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-header h1{margin:0;font-size:1.75rem}.page-header p{margin:.25rem 0 0;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.06)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--border)}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}tbody tr:hover,th{background:#f8fafc}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;color:#fff}.badge-todo{background:var(--status-todo)}.badge-in_progress{background:var(--status-in-progress)}.badge-done{background:var(--status-done)}.btn{border:none;border-radius:8px;padding:.55rem 1rem;font-weight:600}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:#e2e8f0;color:var(--text)}.btn-secondary:hover{background:#cbd5e1}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-ghost{background:transparent;color:var(--primary);padding:.35rem .6rem}.btn-ghost:hover{background:#eff6ff}.actions{display:flex;gap:.5rem}.empty-state,.error-banner,.loading{padding:2rem;text-align:center;color:var(--muted)}.error-banner{margin-bottom:1rem;padding:.875rem 1rem;border-radius:8px;background:#fef2f2;color:#991b1b;text-align:left}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal{width:100%;max-width:480px;background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 20px 40px rgba(15,23,42,.2)}.modal h2{margin:0 0 1rem;font-size:1.25rem}.form-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-field label{font-size:.875rem;font-weight:600}.form-field input,.form-field select{border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem}.form-field input:focus,.form-field select:focus{outline:2px solid #bfdbfe;border-color:var(--primary)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.muted{color:var(--muted)}