.contacts-app{display:flex;flex-direction:column;height:100%;color:var(--text-main);font-family:var(--font-main);background:#0003}.contacts-header{padding:15px;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:10px}.contacts-header h2{margin:0;font-size:1.2rem;font-weight:600}.contacts-form{display:flex;gap:10px}.contacts-input{flex:1;background:#ffffff0d;border:1px solid var(--border-light);border-radius:4px;color:var(--text-main);padding:8px 12px;font-size:.9rem;outline:none}.contacts-input:focus{border-color:var(--neon-cyan)}.contacts-btn{background:var(--neon-cyan);color:#000;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:700;font-size:.9rem;transition:opacity .2s}.contacts-btn:hover{opacity:.8}.contacts-list{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:10px}.contact-card{background:#ffffff0d;border:1px solid var(--border-light);border-radius:6px;padding:12px;display:flex;justify-content:space-between;align-items:center;transition:transform .2s,background .2s}.contact-card:hover{background:#ffffff1a;transform:translateY(-1px)}.contact-info{display:flex;flex-direction:column;gap:4px}.contact-name{font-weight:700;font-size:1rem}.contact-phone,.contact-email{font-size:.8rem;color:var(--text-muted)}.contact-delete{background:transparent;color:var(--neon-red, #ff5f57);border:1px solid var(--neon-red, #ff5f57);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.8rem;transition:all .2s}.contact-delete:hover{background:var(--neon-red, #ff5f57);color:#fff}