.contact-list{display:flex;flex-direction:column;gap:.75rem}.contact-card{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);padding:1rem 1.25rem;border-radius:8px;border:1px solid #30363d}.contact-info h3{font-size:1rem;margin-bottom:.25rem}.contact-info p{font-size:.875rem;color:var(--text-muted)}.contact-actions{display:flex;gap:.5rem}.btn-edit{background:#c2410c;color:#fff;border:none}.btn-edit:hover{background:#d35400}.btn-delete{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-delete:hover{background:#f851491a}.empty{text-align:center;color:var(--text-muted);padding:2rem}.contact-form{background:var(--bg-card);padding:1.5rem;border-radius:8px;border:1px solid #30363d}.contact-form h2{font-size:1.125rem;margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-grid label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.form-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-primary{background:#c2410c;color:#fff}.btn-primary:hover{background:#d35400}.btn-cancel{background:transparent;color:var(--text-muted);border:1px solid #30363d}.btn-cancel:hover{background:#21262d;color:var(--text)}.app{max-width:900px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:2.5rem}.header h1{font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:.25rem}.header p{color:var(--text-muted);font-size:1rem}.main{display:flex;flex-direction:column;gap:2rem}.contacts-section h2{font-size:1.25rem;margin-bottom:1rem;color:var(--text)}.error{color:var(--danger);padding:.75rem;background:#f851491a;border-radius:6px;margin-bottom:1rem}.loading{color:var(--text-muted);padding:2rem;text-align:center}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0f1419;--bg-card: #1a2332;--accent: #00d4aa;--accent-hover: #00f5c4;--text: #e6edf3;--text-muted: #8b949e;--danger: #f85149;--danger-hover: #ff6b63}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg-dark);color:var(--text);min-height:100vh;line-height:1.6}button{cursor:pointer;font-family:inherit;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:all .2s}input{font-family:inherit;padding:.5rem .75rem;border:1px solid #30363d;border-radius:6px;background:var(--bg-dark);color:var(--text);width:100%}input:focus{outline:none;border-color:var(--accent)}