*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#f7f7fb;color:#111}.container{max-width:900px;margin:0 auto;padding:1rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar nav a{margin-left:1rem;text-decoration:none;color:#1a73e8}.topbar nav a:hover{text-decoration:underline}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;box-shadow:0 1px 2px #0000000a}.input,textarea{width:100%;padding:.6rem .8rem;border:1px solid #d1d5db;border-radius:8px}.button{padding:.6rem 1rem;border:1px solid #1a73e8;background:#1a73e8;color:#fff;border-radius:8px;cursor:pointer}.button.secondary{background:#fff;color:#1a73e8}.row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.6rem;border-bottom:1px solid #eee;text-align:left}.footer{margin-top:2rem;color:#666;font-size:.9rem}.alert{padding:.6rem .8rem;border-radius:8px;margin-bottom:.75rem}.alert.success{background:#e7f8ee;border:1px solid #a7e3be}.alert.error{background:#fde8e8;border:1px solid #f5b5b5}