html{background:#f3f5f8;color:#17202a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}*{box-sizing:border-box}button,input,select{font:inherit}.page{min-height:100vh;padding:20px 18px}.workspace{background:#fff;border:1px solid #d7dde6;border-radius:8px;margin:0 auto;max-width:none;overflow:hidden;width:100%}h1{font-size:24px;line-height:1.15;margin:0}.hero{align-items:center;display:grid;gap:12px;margin:0;padding:18px 24px}@media(min-width:900px){.hero{grid-template-columns:minmax(0,1fr) auto}}.heroMeta{color:#59667d;display:flex;flex-wrap:wrap;font-size:14px;gap:6px 14px;margin-top:8px}.heroMeta span{overflow-wrap:anywhere}.heroActions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.section{border-top:1px solid #e7ebf1;padding:18px 24px}.sectionHeader{align-items:baseline;display:grid;gap:6px;margin-bottom:12px}.sectionHeader h2{font-size:16px;line-height:1.25;margin:0}.helper{color:#59667d;font-size:14px;margin:0}.form{display:grid;gap:12px}.field{display:grid;gap:6px}.fieldLabel{font-size:14px;font-weight:600}.fieldRow{display:grid;gap:8px}@media(min-width:760px){.fieldRow{grid-template-columns:minmax(0,1fr) auto}}.textInput{background:#fff;border:1px solid #cdd6e1;border-radius:8px;color:#17202a;min-height:40px;padding:0 12px;width:100%}.textInput:focus{border-color:#2d6cdf;box-shadow:0 0 0 3px #2d6cdf1f;outline:none}.textInputInvalid{border-color:#d83a30}.textInputInvalid:focus{border-color:#d83a30;box-shadow:0 0 0 3px #d83a301f}.selectInput{appearance:none}.formActions{display:flex;flex-wrap:wrap;gap:8px}.primaryButton,.secondaryButton{border-radius:8px;min-height:38px;padding:0 14px}.primaryButton{background:#1f5fd6;border:1px solid #1f5fd6;color:#fff}.primaryButton:disabled{background:#cdd7e7;border-color:#cdd7e7;color:#6f7d92;cursor:not-allowed}.secondaryButton{background:#fff;border:1px solid #cdd6e1;color:#17202a}.message{border-radius:8px;font-size:14px;line-height:1.45;margin:0;padding:10px 12px}.messageError{background:#fff3f2;border:1px solid #f3cbc6;color:#9d2a22}.messageSuccess{background:#eef8f1;border:1px solid #cbe7d2;color:#1d6b34}.addressBookToolbar{display:grid;gap:12px;margin-bottom:14px}.addressBookStats{align-items:center;color:#59667d;display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.addressBookStats span{align-items:center;border:1px solid #e3e8ef;border-radius:999px;display:inline-flex;gap:4px;min-height:30px;padding:0 10px}.addressBookStats strong{color:#17202a}.addressBookToolbarControls{display:grid;gap:8px}@media(min-width:980px){.addressBookToolbar{align-items:center;grid-template-columns:auto minmax(360px,1fr)}}.addressBookSearchInput{min-width:0}.addressBookTable{border:1px solid #e3e8ef;border-radius:8px;background:#fff;overflow:hidden}.addressBookTableHeader{background:#f7f9fc;color:#59667d;display:none;font-size:13px;font-weight:600;gap:10px;grid-template-columns:minmax(260px,2fr) minmax(120px,.8fr) minmax(160px,1fr) minmax(200px,1.1fr) 118px;padding:10px 14px}@media(min-width:1040px){.addressBookTableHeader{display:grid}}.addressBookRows{background:#fff;display:grid}.addressBookRow{background:#fbfcfe;border-top:1px solid #e7ebf1;display:grid;gap:10px;padding:10px 14px;transition:background-color .15s ease,box-shadow .15s ease}.addressBookRow:first-child{border-top:0}.addressBookRow:hover,.addressBookRow:focus-within{background:#fff}.addressBookRowDirty{background:#f8fbff;box-shadow:inset 3px 0 #2d6cdf}@media(min-width:1040px){.addressBookRow{align-items:start;gap:10px;grid-template-columns:minmax(260px,2fr) minmax(120px,.8fr) minmax(160px,1fr) minmax(200px,1.1fr) 118px}}.addressBookCell{display:grid;gap:8px;min-width:0}.addressBookCell:before{color:#59667d;content:attr(data-label);font-size:12px;font-weight:700;text-transform:uppercase}@media(min-width:1040px){.addressBookCell:before{content:none}}.addressBookProfileCell{gap:8px}.addressBookProfileFields{display:grid;gap:6px}@media(min-width:1240px){.addressBookProfileFields{grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr)}}.addressBookInputLabel{display:grid;gap:4px}.addressBookInputLabel span{color:#59667d;font-size:13px;font-weight:600}.addressBookInputLabelCompact span{font-size:12px}@media(min-width:1040px){.addressBookInputLabelCompact span{display:none}}.addressBookRow .textInput{background:#f7f9fc;border-color:#dbe3ec;border-radius:6px;font-size:13px;min-height:34px;padding:0 10px}.addressBookRow .textInput:focus{background:#fff}.addressBookMeta{color:#59667d;display:block;font-size:12px;line-height:1.45}.addressBookAccessCell{align-content:center}@media(min-width:1040px){.addressBookAccessCell{align-items:center}}.addressBookToggle{align-items:center;display:inline-flex;gap:8px;min-height:34px;position:relative}.addressBookToggleInput{height:1px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:1px}.addressBookToggleTrack{background:#cfd8e4;border-radius:999px;flex:0 0 auto;height:22px;position:relative;transition:background-color .15s ease;width:40px}.addressBookToggleTrack:after{background:#fff;border-radius:999px;box-shadow:0 1px 3px #0000002e;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .15s ease;width:16px}.addressBookToggleInput:checked+.addressBookToggleTrack{background:#2d6cdf}.addressBookToggleInput:checked+.addressBookToggleTrack:after{transform:translate(18px)}.addressBookToggleLabel{color:#40526b;font-size:13px;font-weight:600}.addressBookFooter{align-items:center;border-top:1px solid #e7ebf1;justify-content:space-between;margin-top:12px;padding-top:12px}.addressBookFooterMeta{color:#40526b}.statusBadge{align-items:center;border-radius:999px;display:inline-flex;font-size:13px;font-weight:600;min-height:28px;padding:0 10px}.statusBadgeActive{background:#eef8f1;border:1px solid #cbe7d2;color:#1d6b34}.statusBadgePending{background:#f5f7fb;border:1px solid #d7dee9;color:#40526b}.statusBadgeFailed{background:#fff3f2;border:1px solid #f3cbc6;color:#9d2a22}.statusBadgeDisabled{background:#f3f5f8;border:1px solid #d7dde6;color:#59667d}@media(max-width:719px){.page{padding:16px}.hero,.section{padding-left:18px;padding-right:18px}.addressBookFooter{align-items:stretch;flex-direction:column}}@media(max-width:1039px){.addressBookTable{background:transparent;border:0;overflow:visible}.addressBookRows{gap:8px}.addressBookRow{background:#fff;border:1px solid #e3e8ef;border-radius:8px}}
