.nav-row{display:flex;align-items:center;border-radius:var(--radius);position:relative}.nav-row:hover{background:var(--surface2)}.nav-row.active{background:var(--primary-s)}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 12px;flex:1;min-width:0;border-radius:var(--radius);font-size:13.5px;font-weight:500;color:var(--muted);text-align:left}.nav-row:hover .nav-item{color:var(--text)}.nav-row.active .nav-item{color:var(--primary)}.nav-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-count{font-size:11px;font-weight:500;opacity:.6}.nav-menu{position:absolute;right:6px;opacity:0}.nav-row:hover .nav-menu,.nav-menu:focus-within{opacity:1}.nav-row:hover:has(.nav-menu) .nav-count,.nav-row:has(.nav-menu:focus-within) .nav-count{visibility:hidden}.list-col{width:340px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--bg);min-width:0}.list-head{padding:14px 16px;border-bottom:1px solid var(--border);min-height:63px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-input{padding-left:34px;padding-right:30px;font-size:13.5px}.search-input::-webkit-search-cancel-button{display:none}.sort-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted);font-weight:500}.sort-btn{font-size:11.5px;font-weight:500;padding:3px 8px;border-radius:5px;color:var(--muted)}.sort-btn.active{background:var(--primary-s);color:var(--primary)}.list-scroll{flex:1;overflow-y:auto}.list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:8px;color:var(--muted);font-size:14px}.letter{padding:10px 16px 4px;font-size:11.5px;font-weight:700;color:var(--muted);letter-spacing:.06em;position:sticky;top:0;background:var(--bg);z-index:1}.contact-row{display:flex;align-items:center;border-bottom:1px solid var(--border);padding-left:10px;transition:background-color .1s}.contact-row:hover{background:var(--surface2)}.contact-row.selected{background:var(--primary-s)}.check-wrap{width:26px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:0;cursor:pointer;transition:opacity .12s}.contact-row:hover .check-wrap,.contact-row.checked .check-wrap,.check-wrap:focus-within{opacity:1}.check-box{width:18px;height:18px;border-radius:4px;border:1.5px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--on-primary)}.contact-row.checked .check-box{border-color:var(--primary);background:var(--primary)}.check-wrap:focus-within .check-box{box-shadow:0 0 0 3px var(--ring)}.row-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 4px;text-align:left}.row-main:focus-visible{outline-offset:-2px}.row-name{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500}.row-sub{display:block;font-size:12px;color:var(--muted);margin-top:1px}.detail-col{flex:1;display:flex;flex-direction:column;background:var(--surface);min-width:0}.slide-in{animation:slideIn .2s ease}.detail-empty{align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.empty-icon{width:72px;height:72px;border-radius:20px;background:var(--surface2);display:flex;align-items:center;justify-content:center;color:var(--muted);margin-bottom:4px}.detail-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 24px;border-bottom:1px solid var(--border)}.close-back{display:none!important}.detail-scroll{flex:1;overflow-y:auto}.hero{padding:40px 32px 28px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:flex-start;gap:16px}.hero-name{font-size:26px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px;overflow-wrap:anywhere}.hero-sub{font-size:14px;color:var(--muted)}.hero-sub strong{color:var(--text);font-weight:500}.fields{padding:8px 32px 24px}.field-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.field-label{width:130px;flex-shrink:0;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding-top:2px}.field-value{flex:1;min-width:0;font-size:14.5px;line-height:1.5;display:flex;align-items:center;gap:6px;flex-wrap:wrap;overflow-wrap:anywhere}.field-value a{color:var(--primary);text-decoration:none}.field-value a:hover{text-decoration:underline}.contact-form{display:flex;flex-direction:column;gap:14px}.grid-postal,.grid-birthday{display:grid;gap:12px}.grid-postal{grid-template-columns:120px 1fr}.grid-birthday{grid-template-columns:80px 1fr 90px}.type-select{width:130px;flex-shrink:0}.address-block{display:flex;flex-direction:column;gap:8px;padding-bottom:8px;border-bottom:1px dashed var(--border)}.chip{padding:4px 12px;border-radius:99px;border:1.5px solid var(--border);font-size:12px;font-weight:500;color:var(--muted);transition:all .15s}.photo-edit{display:flex;flex-direction:column;align-items:center;gap:6px}.photo-actions{display:flex;gap:14px;font-size:12.5px}.photo-actions .btn-link.danger{color:var(--danger-text)}.avatar-placeholder{width:72px;height:72px;border-radius:50%;background:var(--surface2);border:2px dashed var(--border)}@media (max-width: 700px){.list-col{width:100%;border-right:none}.detail-col,.has-detail .list-col{display:none}.has-detail .detail-col{display:flex}.detail-bar,.hero,.fields{padding-left:16px;padding-right:16px}.hero{padding-top:24px}.field-row{flex-wrap:wrap}.field-label{width:auto;flex:1}.field-value{flex-basis:100%;padding-left:26px}.close-x{display:none!important}.close-back{display:inline-flex!important}.modal-overlay{padding:0;align-items:stretch}.modal-box{max-width:none!important;max-height:none;border-radius:0}}