:root{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#273444;background:#f4f5f7;font-synthesis:none;--blue:#235b89;--border:#d9dee5;--muted:#6e7b89}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #387db5;outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:24px;font-weight:600}h2{font-size:18px;font-weight:600}h3{font-size:13px;font-weight:600}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:4px;padding:9px 13px;font-size:13px;white-space:nowrap;min-height:35px}.primary{color:#fff;background:var(--blue);border-color:var(--blue)}.primary:hover{background:#194b74}.secondary{background:#fff;border-color:#cdd5de}.secondary:hover{background:#f0f4f8}.plain-button{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:7px}.plain-button:hover{background:#edf1f5;border-radius:3px}.brand{display:flex;align-items:center;gap:9px;color:var(--blue);white-space:nowrap}.brand strong{font-size:20px;letter-spacing:-.4px}.brand>span{font-size:13px;color:#7a8592;border-left:1px solid #ccd4de;padding-left:13px;margin-left:4px}.address-app{padding:0 25px;max-width:1660px;margin:auto}.app-header{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:14px}.account{display:flex;align-items:center;gap:18px}.account-label{font-size:11px;color:#798390}.book-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 0 22px;gap:15px}.book-heading p{font-size:13px;color:var(--muted);margin-top:7px}.setup-message{padding:13px 16px;background:#fff7e6;border:1px solid #e8d9b7;border-radius:4px;font-size:13px;line-height:1.6;margin-bottom:15px}.book-toolbar{display:flex;align-items:center;gap:15px;margin-bottom:14px}.search-box{display:flex;align-items:center;gap:8px;height:38px;max-width:490px;flex:1;background:#fff;border:1px solid #cbd3dd;border-radius:4px;padding:0 10px;color:#7b8996}.search-box input{flex:1;min-width:0;width:100%;border:0;outline:none;font-size:13px;color:#273444;background:transparent}.search-box input::placeholder{color:#8793a0}.search-box button{display:flex;padding:3px}.record-count{font-size:12px;color:#758190;white-space:nowrap}.alphabet{display:flex;align-items:center;gap:3px;overflow-x:auto;padding:0 0 12px}.alphabet button{font-size:12px;min-width:29px;height:28px;background:#fff;border:1px solid #d7dde5;border-radius:3px;flex-shrink:0}.alphabet button:first-child{min-width:38px}.alphabet button:hover{border-color:#6e9bbc}.alphabet button.active{background:var(--blue);border-color:var(--blue);color:#fff}.address-book{display:grid;grid-template-columns:160px minmax(290px,.95fr) minmax(360px,1.4fr);min-height:530px;height:calc(100vh - 290px);border:1px solid #cfd6df;background:#fff;border-radius:4px;overflow:hidden}.groups{background:#f8f9fb;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.groups h2{font-size:12px;color:#6c7a89;padding:15px 14px;font-weight:600;border-bottom:1px solid var(--border)}.groups nav{padding:8px}.groups nav button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 9px;border-radius:3px;font-size:12px;text-align:left;margin:2px 0}.groups nav button:hover{background:#edf1f6}.groups nav button.active{background:#e4edf5;color:#235b89;font-weight:600}.groups small{font-size:11px;font-weight:400;color:#7a8b99}.groups-footer{display:flex;align-items:flex-start;gap:7px;padding:17px 14px;font-size:10px;line-height:1.6;color:#8995a1;margin-top:auto}.groups-footer svg{flex-shrink:0;margin-top:1px}.contact-list{border-right:1px solid var(--border);min-width:0;display:flex;flex-direction:column}.list-header{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px 15px 14px;background:#f5f7f9;border-bottom:1px solid var(--border);font-size:12px;color:#657789}.contact-rows{overflow-y:auto;flex:1}.contact-row{display:grid;grid-template-columns:1fr 1fr 12px;align-items:center;gap:10px;padding:15px;width:100%;text-align:left;border-bottom:1px solid #edf0f4;min-height:66px;position:relative}.contact-row:hover{background:#f5f8fb}.contact-row.selected{background:#e9f1f8}.contact-row.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#3077ac}.contact-row strong{display:block;font-size:13px;font-weight:500;color:#2e4e6b;line-height:1.4}.contact-row small{display:block;font-size:11px;margin-top:5px;color:#7c8b99}.list-company{font-size:11px;color:#7e8c98;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-row>svg{color:#9babb9}.contact-detail{overflow-y:auto;min-width:0}.detail-heading{padding:23px 25px 18px;border-bottom:1px solid var(--border)}.contact-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.contact-title h2{font-size:23px;line-height:1.3;overflow-wrap:anywhere}.contact-title p{color:#7b8997;font-size:13px;margin-top:6px}.category-tag{padding:4px 8px;font-size:11px;color:#648066;background:#eef4ec;border:1px solid #dbe6d9;border-radius:3px;flex-shrink:0}.detail-actions{display:flex;align-items:center;gap:13px;margin-top:19px}.detail-actions .button{font-size:12px;min-height:32px;padding:7px 11px}.delete-button{color:#a26d6c}.detail-body{padding:3px 25px 12px}.detail-body section{padding:22px 0;border-bottom:1px solid #e9edf2}.detail-body section:last-child{border-bottom:0}.detail-body h3{color:#425d74;margin-bottom:17px}.detail-body dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px 13px;margin:0;font-size:13px}.detail-body dt{display:flex;align-items:center;gap:8px;font-size:12px;color:#7b8998}.detail-body dt svg{color:#8a9bab}.detail-body dd{margin:0;color:#455666;overflow-wrap:anywhere;line-height:1.4}.multiline,.notes{white-space:pre-wrap;line-height:1.7}.notes{font-size:13px;color:#536576;overflow-wrap:anywhere}.no-notes{font-size:12px;color:#8d99a5}.empty-list,.empty-detail{padding:55px 20px;text-align:center;color:#91a0ad;display:flex;align-items:center;flex-direction:column;gap:15px}.empty-list strong{font-size:14px;font-weight:500;color:#61798e}.empty-list p,.empty-detail p{font-size:12px;line-height:1.6}.empty-detail{height:100%;justify-content:center}.empty-detail h2{font-size:17px;color:#6c8192}.book-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0 20px;font-size:11px;color:#8693a0;min-height:50px}.book-footer>div{display:flex;align-items:center;gap:12px;color:#527458}.book-footer button{display:flex;align-items:center;color:var(--blue);font-size:11px;text-decoration:underline}.back-button{display:none}.loading{display:flex;align-items:center;justify-content:center;gap:12px;height:100vh;color:var(--blue);font-size:14px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{width:570px;max-width:calc(100vw - 28px);max-height:calc(100svh - 40px);border:1px solid #c9d2dd;border-radius:6px;padding:0;color:#2e4357;box-shadow:0 15px 65px #22354733}dialog::backdrop{background:#263e5255}.editor-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid var(--border)}.editor-heading h2{font-size:19px}.editor-heading button{padding:3px;display:flex;color:#7f8e9b}.editor-fields{padding:22px 23px 4px}label{display:block;font-size:12px;font-weight:500;color:#647589}input,textarea,select{display:block;border:1px solid #cad3de;border-radius:3px;width:100%;padding:9px 10px;color:#334b61;background:#fff;margin-top:7px;font-size:13px;min-height:36px}textarea{resize:vertical;line-height:1.5;min-height:60px}.editor-fields label{margin-bottom:17px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.editor-fields h3{padding:9px 0 16px;color:#455d74}.editor-fields h3 span{font-size:11px;color:#96a0ac;font-weight:400}.editor-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:18px 23px;border-top:1px solid var(--border);background:#f8fafb}.editor-footer>span{margin-right:auto;color:#95a1ad;font-size:10px;max-width:170px;line-height:1.5}.form-message{background:#fff7e7;border:1px solid #e4d9bb;padding:11px;color:#977c4f;font-size:12px;line-height:1.6;border-radius:3px;margin-bottom:16px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100svh;padding:25px}.login-card{background:#fff;border:1px solid var(--border);border-radius:6px;max-width:390px;width:100%;padding:32px}.login-card .brand>span{display:none}.login-card h1{margin-top:30px;font-size:22px}.login-card>p{margin-top:9px;font-size:13px;color:#82909e}.login-card form{margin-top:27px}.login-card label{margin-bottom:18px}.login-card input{height:39px}.login-card form>.button{width:100%;margin-top:2px}.login-link{font-size:12px;color:var(--blue);padding:15px 0}@media(min-width:1400px){.address-book{grid-template-columns:170px minmax(350px,1fr) minmax(440px,1.45fr)}.contact-row{padding-top:17px;padding-bottom:17px}.detail-heading{padding:27px 30px 22px}.detail-body{padding-left:30px;padding-right:30px}}@media(max-width:1150px){.address-book{grid-template-columns:140px minmax(240px,.85fr) minmax(310px,1.15fr)}.list-company,.list-header>span:nth-child(2){display:none}.contact-row{grid-template-columns:1fr 12px}.list-header{grid-template-columns:1fr}.detail-heading{padding:22px 20px 18px}.detail-body{padding-left:20px;padding-right:20px}.detail-body dl{grid-template-columns:106px minmax(0,1fr)}.contact-title h2{font-size:21px}.brand>span{font-size:12px}.account{gap:10px}}@media(max-width:900px){.address-app{padding:0 18px}.address-book{grid-template-columns:minmax(235px,.9fr) minmax(300px,1.2fr);height:calc(100vh - 280px);min-height:550px}.groups{grid-column:1/-1;display:flex;flex-direction:row;border-right:0;border-bottom:1px solid var(--border);height:49px;align-items:center}.groups h2{border:0;padding:0 14px}.groups nav{display:flex;gap:5px;padding:5px}.groups nav button{gap:12px;width:auto;padding:8px 9px}.groups-footer{display:none}.contact-list,.contact-detail{height:100%;max-height:calc(100vh - 333px);min-height:490px}.address-book{grid-template-rows:49px minmax(0,1fr)}.detail-body dl{grid-template-columns:95px minmax(0,1fr)}.contact-title{flex-wrap:wrap;gap:9px}.book-footer,.account-label{font-size:10px}.app-header .brand>span{display:none}}@media(max-width:640px){.address-app{padding:0 13px}.app-header{height:58px}.brand strong{font-size:19px}.brand svg{width:22px}.account{gap:8px}.account-label{font-size:9px;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account .plain-button{font-size:10px;gap:4px;padding:4px}.account .plain-button svg{width:13px}.book-heading{padding:23px 0 20px;align-items:center}.book-heading h1{font-size:23px}.book-heading p{font-size:11px;line-height:1.6;max-width:200px}.book-heading .button{font-size:11px;padding:8px 10px;gap:5px}.book-heading .button svg{width:15px}.book-toolbar{gap:10px;margin-bottom:12px}.search-box{height:38px}.search-box input{font-size:11px}.record-count{font-size:10px}.alphabet{gap:4px;margin-bottom:0;padding-bottom:12px}.alphabet button{min-width:28px}.address-book{display:flex;flex-direction:column;height:auto;min-height:500px}.groups{height:auto;min-height:45px;flex-shrink:0}.groups h2{display:none}.groups nav{width:100%;justify-content:space-around;gap:0;padding:5px 3px}.groups nav button{font-size:11px;gap:7px;padding:8px 7px}.groups small{font-size:10px}.contact-list{border-right:0;height:auto;max-height:none;min-height:450px}.list-header{padding:12px 16px}.contact-row{padding:16px;min-height:71px}.contact-row strong{font-size:14px}.contact-row small{font-size:12px}.contact-detail{display:none;height:auto;max-height:none;min-height:0}.show-detail .contact-list{display:none}.show-detail .contact-detail{display:block}.show-detail .groups{display:none}.back-button{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--blue);padding:0;margin-bottom:20px}.detail-heading{padding:18px 20px}.contact-title{flex-wrap:nowrap}.contact-title h2{font-size:23px}.detail-body dl{grid-template-columns:106px minmax(0,1fr);font-size:13px;gap:17px 10px}.detail-body h3{font-size:13px}.detail-body section{padding:24px 0}.book-footer{align-items:flex-start;flex-direction:column;gap:9px;padding-top:15px}.book-footer>div{min-height:15px}.two-fields{grid-template-columns:1fr;gap:0}.editor-fields{padding:19px 20px 3px}.editor-heading{padding:18px 20px}.editor-footer{padding:15px 20px;gap:8px;flex-wrap:wrap}.editor-footer>span{width:100%;max-width:none;flex-basis:100%;margin-bottom:5px}.editor-footer .button{flex:1}.login-card{padding:27px}.setup-message{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:641px){.alphabet button{flex:1;min-width:0;max-width:38px}.alphabet button:first-child{min-width:38px}}@media(max-width:640px){.account .account-label{display:none}}.attachment-hint{margin:8px 0;color:var(--muted);font-size:.85rem}.attachment-picker[hidden]{display:none}.attachments{list-style:none;padding:0;margin:12px 0}.attachments li{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border)}.attachments li>span{flex:1;min-width:0;overflow-wrap:anywhere}.attachments small{display:block;color:var(--muted)}