.contacts-page{--contacts-blue:#6f91ff;--contacts-teal:#55d8c1;--contacts-border:#859bd32e;color:#f4f7ff;background:#060911;min-height:100vh;position:relative;overflow:hidden}.contacts-page *{box-sizing:border-box}.contacts-glow{pointer-events:none;background:radial-gradient(circle at 78% 8%,#2d63ca3d,#0000 37%),radial-gradient(circle at 16% 26%,#27bea417,#0000 27%),linear-gradient(#748ed00a 1px,#0000 1px) 0 0/64px 64px,linear-gradient(90deg,#748ed00a 1px,#0000 1px) 0 0/64px 64px;height:760px;position:absolute;inset:0 0 auto}.contacts-header,.contacts-hero,.contacts-toolbar,.contacts-message,.contacts-layout,.contacts-upcoming,.contacts-privacy,.contacts-footer{z-index:1;width:min(1180px,100% - 48px);margin-inline:auto;position:relative}.contacts-header{border-bottom:1px solid var(--contacts-border)}.contacts-hero{grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:42px;padding:88px 0 48px;display:grid}.contacts-hero>div>span,.contacts-editor small,.contacts-directory>header small,.contacts-upcoming small{color:#87a0ff;font-size:var(--font-size-meta);letter-spacing:.15em;font-weight:800}.contacts-hero h1{letter-spacing:-.055em;margin:12px 0 17px;font-size:clamp(46px,6vw,76px);line-height:1}.contacts-hero h1 em{color:var(--contacts-teal);font-style:normal}.contacts-hero>div>p{color:#93a1bc;max-width:720px;margin:0;font-size:15px;line-height:1.7}.contacts-hero aside{background:#081b1fbf;border:1px solid #55d8c13d;border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;padding:22px;display:grid}.contacts-hero aside>svg{width:30px;height:30px;color:var(--contacts-teal);grid-row:1/4}.contacts-hero aside strong{font-size:14px}.contacts-hero aside span{color:#8ea4aa;font-size:var(--font-size-meta)}.contacts-hero aside small{color:#5eaf9e;font-size:var(--font-size-meta)}.contacts-toolbar{grid-template-columns:minmax(220px,1fr) 170px auto auto auto;align-items:center;gap:10px;margin-bottom:14px;display:grid}.contacts-toolbar>label{border:1px solid var(--contacts-border);color:#7685a4;background:#090e1a;border-radius:13px;align-items:center;gap:9px;min-height:44px;padding:0 13px;display:flex}.contacts-toolbar input{color:#eef2ff;background:0 0;border:0;outline:0;width:100%}.contacts-toolbar input::placeholder{color:#64718c}.contacts-toolbar>button,.contacts-export button{border:1px solid var(--contacts-border);color:#aab5cc;white-space:nowrap;cursor:pointer;background:#0b111e;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 14px;display:inline-flex}.contacts-toolbar>button:hover,.contacts-toolbar>button.active,.contacts-export button:hover{color:#e9eeff;background:#111d38;border-color:#6f91ff73}.contacts-toolbar button:disabled{opacity:.4;cursor:not-allowed}.contacts-export{display:flex}.contacts-export button{border-radius:0}.contacts-export button:first-child{border-radius:13px 0 0 13px}.contacts-export button:last-child{border-radius:0 13px 13px 0;margin-left:-1px}.contacts-message{color:#7edfc8;min-height:20px;font-size:var(--font-size-meta);margin-bottom:8px}.contacts-layout{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:18px;display:grid}.contacts-editor,.contacts-directory,.contacts-upcoming{border:1px solid var(--contacts-border);background:linear-gradient(145deg,#0f1526f7,#080c17fa);border-radius:22px;box-shadow:0 26px 80px #00000026}.contacts-editor{padding:23px}.contacts-editor>header,.contacts-directory>header,.contacts-upcoming>header{align-items:center;gap:13px;display:flex}.contacts-editor>header>span{width:42px;height:42px;color:var(--contacts-teal);background:#1d60582e;border:1px solid #55d8c13d;border-radius:13px;place-items:center;display:grid}.contacts-editor h2,.contacts-directory h2,.contacts-upcoming h2{margin:4px 0 0;font-size:18px}.contacts-editor form{gap:12px;margin-top:20px;display:grid}.contacts-editor form>label,.contacts-editor form>div>label{color:#8794ae;font-size:var(--font-size-meta);gap:6px;display:grid}.contacts-editor form>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.contacts-editor input,.contacts-editor textarea{border:1px solid var(--contacts-border);color:#e5eaff;background:#070b14;border-radius:11px;outline:0;width:100%}.contacts-editor input{min-height:42px;padding:0 12px}.contacts-editor textarea{resize:vertical;min-height:96px;padding:12px}.contacts-editor input:focus,.contacts-editor textarea:focus{border-color:#6f91ffa6;box-shadow:0 0 0 3px #6f91ff1a}.contacts-editor form>footer{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.contacts-editor form>footer button{border:1px solid var(--contacts-border);color:#a3aec4;cursor:pointer;background:#0a101c;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;display:inline-flex}.contacts-editor form>footer button.primary{color:#dffff8;background:#123831;border-color:#55d8c159}.contacts-directory{min-width:0;overflow:hidden}.contacts-directory>header{border-bottom:1px solid var(--contacts-border);padding:23px}.contacts-directory>header>strong{border:1px solid var(--contacts-border);color:#8fa7ef;border-radius:10px;place-items:center;min-width:42px;height:34px;margin-left:auto;display:grid}.contacts-list{max-height:655px;display:grid;overflow:auto}.contacts-list>article{border-bottom:1px solid var(--contacts-border);grid-template-columns:46px minmax(0,1fr);gap:13px;padding:18px 22px;display:grid}.contacts-list>article:last-child{border-bottom:0}.contacts-avatar{color:#e9eeff;background:linear-gradient(145deg,#17294f,#102d36);border:1px solid #6f91ff47;border-radius:15px;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.contacts-list article>div>header{align-items:center;gap:8px;display:flex}.contacts-list article>div>header>strong{font-size:14px}.contacts-list article>div>header>small{color:#75829d;font-size:var(--font-size-meta)}.contacts-list article>div>header>button{color:#7793ed;cursor:pointer;background:#101727;border:0;border-radius:8px;place-items:center;width:30px;height:30px;margin-left:auto;display:grid}.contacts-list article p{color:#8491aa;font-size:var(--font-size-meta);margin:5px 0 9px}.contacts-list article>div>div{flex-wrap:wrap;gap:5px;display:flex}.contacts-list article>div>div span,.contacts-list article>div>footer>span{border:1px solid var(--contacts-border);color:#7587af;font-size:var(--font-size-meta);border-radius:99px;padding:4px 7px}.contacts-list blockquote{color:#8998b2;font-size:var(--font-size-meta);background:#08121bbf;border-left:2px solid #55d8c173;margin:10px 0 0;padding:9px 11px;line-height:1.55}.contacts-list article>div>footer{align-items:center;gap:7px;margin-top:12px;display:flex}.contacts-list article>div>footer time{color:#7ea99f;font-size:var(--font-size-meta);align-items:center;gap:5px;display:inline-flex}.contacts-list article>div>footer time svg{width:14px;height:14px}.contacts-list article>div>footer button{border:1px solid var(--contacts-border);color:#8d9ab4;height:30px;font-size:var(--font-size-meta);cursor:pointer;background:#0c1321;border-radius:8px;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.contacts-list article>div>footer button:first-of-type{margin-left:auto}.contacts-list article>div>footer button.delete{color:#bf7180;padding:0 7px}.contacts-empty{text-align:center;align-content:center;place-items:center;min-height:410px;display:grid}.contacts-empty>svg{color:#718be3;width:38px;height:38px}.contacts-empty strong{margin-top:13px}.contacts-empty p{color:#77849e;font-size:var(--font-size-meta);margin:7px 0 0}.contacts-upcoming{margin-top:18px;padding:22px}.contacts-upcoming>header>svg{width:25px;height:25px;color:var(--contacts-teal)}.contacts-upcoming>div{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.contacts-upcoming article{border:1px solid var(--contacts-border);background:#080e19;border-radius:14px;gap:7px;padding:15px;display:grid}.contacts-upcoming time{color:#6fae9f;font-size:var(--font-size-meta)}.contacts-upcoming strong{font-size:13px}.contacts-upcoming article span{color:#7786a1;font-size:var(--font-size-meta)}.contacts-upcoming>p{color:#77859e;font-size:var(--font-size-meta);margin:16px 0 0}.contacts-privacy{background:#081c1e9e;border:1px solid #55d8c12e;border-radius:18px;align-items:center;gap:14px;margin-top:18px;margin-bottom:70px;padding:18px 20px;display:flex}.contacts-privacy>svg{width:25px;height:25px;color:var(--contacts-teal);flex:none}.contacts-privacy strong{font-size:var(--font-size-meta)}.contacts-privacy p{color:#7c8fa4;font-size:var(--font-size-meta);margin:5px 0 0}.contacts-footer{border-top:1px solid var(--contacts-border)}.contacts-page button:focus-visible,.contacts-page input:focus-visible,.contacts-page textarea:focus-visible{outline-offset:2px;outline:2px solid #86a0ff}@media (width<=940px){.contacts-header,.contacts-hero,.contacts-toolbar,.contacts-message,.contacts-layout,.contacts-upcoming,.contacts-privacy,.contacts-footer{width:min(100% - 28px,760px)}.contacts-hero{grid-template-columns:1fr;padding:58px 0 38px}.contacts-hero aside{max-width:360px}.contacts-toolbar{grid-template-columns:minmax(0,1fr) 160px auto}.contacts-toolbar>label{grid-column:1/-1}.contacts-export{justify-self:end}.contacts-layout{grid-template-columns:1fr}.contacts-list{max-height:620px}}@media (width<=620px){.contacts-hero h1{font-size:42px}.contacts-toolbar{grid-template-columns:1fr 1fr}.contacts-toolbar>label,.contacts-toolbar>[class*=brand-select]{grid-column:1/-1}.contacts-export{justify-self:stretch;width:100%}.contacts-export button{flex:1}.contacts-editor{padding:18px}.contacts-editor form>div{grid-template-columns:1fr}.contacts-list>article{grid-template-columns:38px minmax(0,1fr);padding:16px}.contacts-avatar{border-radius:12px;width:38px;height:38px}.contacts-list article>div>footer{flex-wrap:wrap}.contacts-list article>div>footer button:first-of-type{margin-left:0}.contacts-upcoming>div{grid-template-columns:1fr}.contacts-privacy{align-items:flex-start}}.contacts-summary,.contacts-duplicate-banner{z-index:1;width:min(1180px,100% - 48px);margin-inline:auto;position:relative}.contacts-summary{border:1px solid var(--contacts-border);background:#0a0f1cd6;border-radius:18px;grid-template-columns:repeat(4,1fr);margin-bottom:14px;display:grid;overflow:hidden}.contacts-summary article{border-right:1px solid var(--contacts-border);gap:7px;padding:17px 20px;display:grid}.contacts-summary article:last-child{border-right:0}.contacts-summary span{color:#76849e;font-size:var(--font-size-meta)}.contacts-summary strong{font-size:22px}.contacts-summary article.attention strong{color:#ff8497}.contacts-toolbar{grid-template-columns:minmax(220px,1fr) 150px 150px 160px auto auto auto}.contacts-duplicate-banner{background:#2d1d0c8a;border:1px solid #ffb75c3d;border-radius:15px;align-items:center;gap:13px;margin-bottom:14px;padding:15px 17px;display:flex}.contacts-duplicate-banner>svg{color:#ffbd68;flex:none;width:23px;height:23px}.contacts-duplicate-banner div{gap:4px;display:grid}.contacts-duplicate-banner strong{font-size:var(--font-size-meta)}.contacts-duplicate-banner span{color:#9b8c77;font-size:var(--font-size-meta)}.contacts-duplicate-banner button{color:#ffd7a1;white-space:nowrap;cursor:pointer;background:#30200f;border:1px solid #ffb75c40;border-radius:10px;min-height:38px;margin-left:auto;padding:0 13px}.contacts-contact-links{flex-wrap:wrap;gap:6px;margin:6px 0 9px;display:flex}.contacts-contact-links a,.contacts-contact-links>span{border:1px solid var(--contacts-border);color:#8ea2c5;min-width:0;font-size:var(--font-size-meta);overflow-wrap:anywhere;border-radius:8px;align-items:center;gap:5px;padding:5px 8px;text-decoration:none;display:inline-flex}.contacts-contact-links a:hover{color:#dce5ff;background:#111b31;border-color:#6f91ff73}.contacts-contact-links svg{width:14px;height:14px}.contacts-list article>div>footer time.overdue{color:#ff8497}.contacts-list article>div>footer button.complete{color:#77d6bd}.contacts-upcoming article button{color:#9ee5d3;min-height:32px;font-size:var(--font-size-meta);cursor:pointer;background:#0d2725;border:1px solid #55d8c133;border-radius:9px;justify-content:center;align-items:center;gap:5px;margin-top:3px;display:inline-flex}@media (width<=1080px){.contacts-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.contacts-toolbar>label{grid-column:1/-1}}@media (width<=940px){.contacts-summary,.contacts-duplicate-banner{width:min(100% - 28px,760px)}}@media (width<=620px){.contacts-summary{grid-template-columns:1fr 1fr}.contacts-summary article:nth-child(2){border-right:0}.contacts-summary article:nth-child(-n+2){border-bottom:1px solid var(--contacts-border)}.contacts-toolbar{grid-template-columns:1fr 1fr}.contacts-toolbar>[class*=brand-select]{grid-column:auto}.contacts-duplicate-banner{flex-wrap:wrap;align-items:flex-start}.contacts-duplicate-banner button{width:100%;margin-left:0}}.contacts-history-grid{z-index:1;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:14px;width:min(1180px,100% - 48px);margin:14px auto 0;display:grid;position:relative}.contacts-birthdays,.contacts-history{border:1px solid var(--contacts-border);background:#0a0f1cd6;border-radius:18px;min-width:0;padding:20px}.contacts-birthdays>header,.contacts-history>header{align-items:center;gap:11px;margin-bottom:16px;display:flex}.contacts-birthdays>header>svg,.contacts-history>header>svg{color:#7898ff;width:22px;height:22px}.contacts-birthdays header div,.contacts-history header div{gap:3px;display:grid}.contacts-birthdays small,.contacts-history small{color:#6f83ad;font-size:var(--font-size-meta);letter-spacing:.13em}.contacts-birthdays h2,.contacts-history h2{margin:0;font-size:16px}.contacts-birthdays>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.contacts-birthdays article{border:1px solid var(--contacts-border);background:#0d1321;border-radius:12px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;display:grid}.contacts-birthdays article>span{color:#8ca8ff;width:42px;height:42px;font-size:var(--font-size-meta);background:#5d7fff1f;border-radius:11px;place-items:center;font-weight:700;display:grid}.contacts-birthdays article div{gap:3px;min-width:0;display:grid}.contacts-birthdays article strong{font-size:var(--font-size-meta);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contacts-birthdays article time{color:#71809a;font-size:var(--font-size-meta)}.contacts-birthdays article>b{color:#91aaff;font-size:var(--font-size-meta);white-space:nowrap}.contacts-birthdays>p,.contacts-history>p,.contacts-history-list>p{color:#71809a;font-size:var(--font-size-meta);margin:8px 0 0;line-height:1.6}.contacts-history>[class*=brand-select]{margin-bottom:12px}.contacts-history>form{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:12px;display:grid}.contacts-history>form input,.contacts-history>form button{border:1px solid var(--contacts-border);border-radius:11px;min-height:40px}.contacts-history>form input{color:#dce5f7;background:#090e19;outline:0;padding:0 12px}.contacts-history>form input:focus{border-color:#668bff94;box-shadow:0 0 0 3px #496fff1a}.contacts-history>form button{color:#dce5ff;cursor:pointer;background:#17244a;padding:0 13px}.contacts-history>form button:disabled{cursor:not-allowed;opacity:.45}.contacts-history-list{gap:8px;max-height:214px;display:grid;overflow:auto}.contacts-history-list article{border:1px solid var(--contacts-border);background:#0c121f;border-radius:11px;grid-template-columns:31px minmax(0,1fr);gap:10px;padding:10px;display:grid}.contacts-history-list article>span{border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.contacts-history-list article>span.contacted{color:#69d6b5;background:#3ac19a1f}.contacts-history-list article>span.note{color:#83a0ff;background:#6284ff1f}.contacts-history-list article>span svg{width:17px;height:17px}.contacts-history-list article div{gap:3px;display:grid}.contacts-history-list strong{font-size:var(--font-size-meta)}.contacts-history-list p{color:#a5b2c9;font-size:var(--font-size-meta);overflow-wrap:anywhere;margin:0;line-height:1.45}.contacts-history-list time{color:#66738a;font-size:var(--font-size-meta)}.contacts-date-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}.contacts-export button:nth-child(2){border-radius:0}.contacts-export button:last-child{border-radius:0 13px 13px 0}@media (width<=940px){.contacts-history-grid{grid-template-columns:1fr;width:min(100% - 28px,760px)}}@media (width<=620px){.contacts-birthdays>div{grid-template-columns:1fr}.contacts-date-fields{grid-template-columns:1fr!important}.contacts-history>form{grid-template-columns:1fr}}