:root{--bg-color:#f8fafc;--card-bg:#fff;--text-main:#0f172a;--text-muted:#64748b;--primary:#2563eb;--primary-hover:#1d4ed8;--danger:#ef4444;--danger-hover:#dc2626;--border-color:#e2e8f0;--radius:10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-color);color:var(--text-main);padding:40px 20px;justify-content:center}body,main{display:flex}main{width:100%;max-width:760px;flex-direction:column;gap:24px}h1{font-size:28px;font-weight:700}h1,h2,h3{color:var(--text-main)}h2,h3{font-size:18px;font-weight:600;margin-bottom:12px}p{color:var(--text-muted);font-size:14px}.card,div:has(>form),section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.05)}form{display:flex;gap:10px;align-items:center}input[type=email],input[type=password],input[type=text]{flex:1 1;padding:10px 14px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:#fff;transition:border-color .15s ease}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}button{padding:10px 18px;font-size:14px;font-weight:500;border-radius:6px;border:none;cursor:pointer;background-color:var(--primary);color:#fff;transition:background-color .15s ease}button:hover{background-color:var(--primary-hover)}button:has-text("Log out"),form[action*=logout] button{background:transparent;color:var(--text-muted);border:1px solid var(--border-color)}button:has-text("Log out"):hover,form[action*=logout] button:hover{background:#f1f5f9;color:var(--text-main)}button:has-text("Delete"),form[action*=delete] button{background-color:var(--danger);color:#fff}button:has-text("Delete"):hover,form[action*=delete] button:hover{background-color:var(--danger-hover)}table{width:100%;border-collapse:collapse;margin-top:12px;background:var(--card-bg);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-color)}th{background-color:#f8fafc;color:var(--text-muted);font-size:13px;font-weight:600;text-align:left;padding:12px 16px}td,th{border-bottom:1px solid var(--border-color)}td{padding:14px 16px;font-size:14px}tr:last-child td{border-bottom:none}