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