:root{font-family:system-ui,"Noto Sans Arabic",Tahoma,Arial,sans-serif;color:#16353b;background:#f5f5f0;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#123640;--ink-soft:#496369;--muted:#738589;--line:#e4e9e5;--paper:#fff;--mint:#c8f0df;--mint-strong:#8ad3b7;--accent:#d77654;--shadow:0 24px 70px rgba(23,53,57,.09)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 85% 0%,rgba(202,240,224,.23),transparent 36%),#f5f5f0}.page-shell{max-width:1210px;margin:0 auto;padding:0 44px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(18,54,64,.1)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand-mark{width:43px;height:43px;color:#8bd4b6;display:grid;place-items:center}.brand-mark svg{width:43px;height:43px}.brand-copy{display:flex;flex-direction:column;line-height:1.25}.brand-copy strong{font-size:21px;font-weight:700;letter-spacing:-.04em}.brand-copy small{margin-top:3px;color:#728387;font-size:10px}.topbar-note{color:#607479;font-size:12px;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:#79c9a6;border-radius:50%;box-shadow:0 0 0 4px rgba(121,201,166,.16)}
.intro{position:relative;display:flex;justify-content:space-between;align-items:flex-end;padding:66px 0 48px}.eyebrow{display:flex;align-items:center;gap:9px;color:#8ab59f;font-size:11px;font-weight:600;letter-spacing:.035em;margin:0 0 13px}.eyebrow-line{height:1px;width:27px;background:#93cdb1}.intro h1{font-size:clamp(38px,5vw,58px);line-height:1.14;letter-spacing:-.065em;color:var(--ink);margin:0;font-weight:600}.intro h1 em{font-style:normal;color:#7bb89d}.intro-text{font-size:14px;color:#718084;margin:15px 0 0;line-height:1.8}.intro-stamp{width:90px;height:90px;border:1px solid rgba(215,118,84,.45);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-11deg);color:#c87355;font-size:10px;line-height:1.5;text-align:center;margin:0 8% 0 0;position:relative}.intro-stamp b{position:absolute;font-size:16px;bottom:1px;left:12px;font-weight:400}
.workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.78fr);align-items:stretch;gap:21px}.panel{background:var(--paper);border:1px solid rgba(18,54,64,.07);border-radius:12px;box-shadow:0 13px 40px rgba(26,55,57,.035)}.contacts-panel{padding:31px 32px 0;min-height:491px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow-dark{color:#9aa8a7;margin-bottom:7px}.section-heading h2{font-size:21px;letter-spacing:-.035em;margin:0;font-weight:600;color:#183b41;display:flex;align-items:center;gap:11px}.count-pill{display:inline-grid;place-items:center;min-width:23px;height:23px;border-radius:7px;background:#edf6f0;color:#6e9e88;font-size:11px;font-weight:500;letter-spacing:0}.button{border:0;border-radius:7px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.button:hover{transform:translateY(-1px)}.button:focus-visible,.icon-button:focus-visible,.text-field:focus-visible,.search-box input:focus-visible{outline:3px solid rgba(91,177,143,.42);outline-offset:2px}.button-primary{height:41px;padding:0 15px;background:var(--ink);color:white}.button-primary:hover{background:#20515a;box-shadow:0 5px 16px rgba(18,54,64,.15)}.plus{font:400 19px/1 Arial,sans-serif;margin-top:-2px}.search-box{height:46px;border:1px solid #e7ece9;background:#fafbf9;border-radius:7px;display:flex;align-items:center;padding:0 14px;gap:10px;color:#92a1a2}.search-box svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:12px;min-width:0}.search-box input::placeholder{color:#9da9a8}.search-box kbd{font:inherit;font-size:17px;color:#a4b0ad;line-height:1}
.contact-list{padding-top:10px;min-height:255px}.contact-row{display:flex;align-items:center;gap:13px;padding:14px 1px;border-bottom:1px solid #edf0ee;animation:appear .2s ease both}.avatar{width:41px;height:41px;flex:0 0 41px;border-radius:11px;display:grid;place-items:center;background:#e8f5ee;color:#3d7e66;font-weight:600;font-size:14px}.avatar.color-1{background:#fbefe6;color:#b5734d}.avatar.color-2{background:#edf0fa;color:#6e7ca4}.avatar.color-3{background:#f7edf2;color:#a36f8b}.contact-info{min-width:0;flex:1}.contact-name{font-size:13px;font-weight:600;color:#28464b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-phone{font-size:11px;color:#829194;margin-top:4px;direction:ltr;text-align:right;letter-spacing:.02em}.row-actions{display:flex;align-items:center;gap:5px}.action-button{height:33px;padding:0 9px;border:1px solid #e6ece8;background:#fff;border-radius:6px;font:inherit;font-size:10px;color:#6c7f80;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.action-button:hover{background:#f4faf6;color:#356a57;border-color:#cce4d7}.action-button.call{background:#e9f6ef;border-color:#e9f6ef;color:#327354}.action-button.delete:hover{background:#fff4f1;border-color:#f1d6ce;color:#b7644d}.action-symbol{font-size:14px;line-height:1}.empty-state{padding:49px 14px 42px;text-align:center;color:#889795}.empty-orbit{width:46px;height:46px;display:grid;place-items:center;margin:0 auto 13px;border-radius:50%;background:#f1f7f2;color:#71ac91;font-size:23px}.empty-state strong{display:block;font-size:13px;font-weight:600;color:#526b6b}.empty-state p{font-size:11px;line-height:1.7;margin:6px 0 0}.list-foot{min-height:48px;border-top:1px solid #eef1ee;color:#9aa6a4;font-size:10px;display:flex;align-items:center;gap:7px}.mini-lock{font-size:16px;color:#87b89e}
.share-panel{position:relative;overflow:hidden;border-radius:12px;background:#123640;color:#fff;padding:30px 28px 22px;min-height:491px;isolation:isolate}.share-panel>*:not(.contour){position:relative;z-index:1}.share-topline{display:flex;align-items:center;gap:9px;color:#acd9c5;font-size:11px;font-weight:500}.location-icon{width:30px;height:30px;border-radius:8px;background:rgba(173,222,197,.12);display:grid;place-items:center}.location-icon svg{width:17px;height:17px;fill:none;stroke:#a3dec0;stroke-width:1.5}.share-panel h2{font-size:32px;line-height:1.24;letter-spacing:-.05em;margin:25px 0 12px;font-weight:500}.share-panel h2 span{color:#a6dfc4}.share-description{max-width:300px;color:#b4c6c6;font-size:11px;line-height:1.9;margin:0 0 21px}.button-light{height:42px;padding:0 15px;background:#c7efd9;color:#173f42}.button-light:hover{background:#ddf7e8;box-shadow:0 4px 18px rgba(167,220,190,.15)}.target-icon{font-size:19px;line-height:1}.location-status{min-height:20px;color:#9ab2b3;font-size:10px;margin:12px 0 6px;line-height:1.7}.location-result{padding:10px 0 0}.map-link{color:#c6efd8;font-size:11px;text-decoration-thickness:1px;text-underline-offset:4px}.share-actions{display:flex;gap:7px;margin-top:12px}.button-outline{height:34px;border:1px solid rgba(188,226,206,.3);background:rgba(255,255,255,.055);color:#e0f3e9;padding:0 12px;font-size:10px}.button-outline:hover{background:rgba(255,255,255,.12)}.share-divider{height:1px;background:rgba(213,238,223,.14);margin:21px 0 16px}.privacy-note{display:flex;gap:11px;align-items:flex-start}.privacy-note>span{color:#a7e0c1;font-size:20px;line-height:1.2}.privacy-note p{margin:0;color:#a8c1bd;font-size:9px;line-height:1.8}.privacy-note strong{color:#d9eee2;font-size:10px}.contour{position:absolute!important;z-index:0!important;border:1px solid rgba(173,218,195,.08);border-radius:50%;pointer-events:none}.contour-one{width:250px;height:250px;right:-123px;top:125px}.contour-two{width:330px;height:330px;right:-163px;top:85px}.footer{height:74px;display:flex;align-items:center;justify-content:space-between;color:#9aa6a3;font-size:10px}.footer span:first-child{color:#648274}.footer span:last-child{color:#9ba7a6}
.contact-dialog{width:min(430px,calc(100% - 30px));border:0;border-radius:12px;padding:28px;background:#fff;color:var(--ink);box-shadow:var(--shadow)}.contact-dialog::backdrop{background:rgba(9,31,35,.52);backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:23px}.dialog-heading h2{font-size:21px;margin:0;letter-spacing:-.04em}.icon-button{width:30px;height:30px;border:1px solid #e6ebe8;background:#fff;border-radius:50%;font:400 21px/1 Arial,sans-serif;color:#718381;cursor:pointer}.field-label{display:block;font-size:11px;color:#617574;font-weight:600;margin:0 0 7px}.text-field{width:100%;height:43px;border:1px solid #e2e9e5;border-radius:6px;padding:0 12px;font:inherit;font-size:12px;color:var(--ink);outline:0;margin-bottom:17px;background:#fcfdfb}.text-field::placeholder{color:#aab5b1}.field-hint{font-size:10px;color:#94a09f;margin:-8px 0 20px}.dialog-actions{display:flex;gap:8px}.button-muted{height:41px;padding:0 15px;background:#f0f3f1;color:#657976}.toast{position:fixed;left:50%;bottom:22px;z-index:5;transform:translate(-50%,20px);padding:10px 16px;border-radius:7px;background:#173f42;color:#fff;font-size:11px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;max-width:calc(100vw - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:860px){.page-shell{padding:0 25px}.workspace{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:14px}.contacts-panel{padding:25px 22px 0}.share-panel{padding:26px 23px 20px}.intro{padding:56px 0 38px}.action-button{padding:0 7px}.contact-row{gap:9px}}
@media(max-width:670px){.page-shell{padding:0 17px}.topbar{height:75px}.topbar-note{font-size:10px}.brand-mark,.brand-mark svg{width:38px;height:38px}.brand-copy strong{font-size:19px}.intro{padding:43px 0 27px;align-items:center}.intro h1{font-size:42px}.intro-text{max-width:300px;font-size:12px}.intro-stamp{width:68px;height:68px;font-size:8px;margin:0 2% 0 0}.workspace{display:flex;flex-direction:column}.share-panel{order:-1;min-height:0;padding:22px 23px 17px}.share-panel h2{font-size:27px;margin:17px 0 8px}.share-description{max-width:430px;margin-bottom:15px}.share-divider{margin:15px 0 12px}.contacts-panel{padding:23px 19px 0;min-height:420px}.section-heading{margin-bottom:19px}.section-heading h2{font-size:19px}.footer{height:62px;font-size:9px}}
@media(max-width:420px){.page-shell{padding:0 12px}.topbar-note{max-width:132px;text-align:left;line-height:1.5}.intro h1{font-size:37px}.intro-stamp{width:61px;height:61px}.contacts-panel{padding-right:15px;padding-left:15px}.section-heading h2{font-size:17px}.button-primary{padding:0 11px;font-size:11px}.contact-row{gap:8px}.avatar{width:36px;height:36px;flex-basis:36px;border-radius:10px}.row-actions{gap:4px}.action-button{height:31px;padding:0 6px;font-size:9px}.action-button .action-word{display:none}.contact-name{font-size:12px}.contact-phone{font-size:10px}.footer span:last-child{max-width:58%;text-align:left}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.transfer-panel{margin-top:20px;padding:29px 32px 23px}.transfer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.transfer-heading h2{font-size:21px;letter-spacing:-.035em;color:#183b41;margin:0}.transfer-intro{color:#718084;font-size:12px;line-height:1.8;margin:8px 0 0;max-width:690px}.transfer-badge{flex:0 0 auto;border:1px solid #e3ece6;background:#f7fbf8;color:#6d9680;border-radius:20px;padding:8px 12px;font-size:10px;margin-top:5px}.transfer-notice{margin:17px 0 0;padding:12px 14px;border:1px solid #f0e5d6;border-radius:7px;background:#fffaf3;color:#78634d;font-size:11px;line-height:1.8}.transfer-destination{display:flex;align-items:center;gap:13px;margin:16px 0 10px}.transfer-destination .field-label{margin:0}.recipient-display{direction:ltr;color:#335c4d;font-size:13px;letter-spacing:.035em}.transfer-tools{display:flex;gap:9px;align-items:center;margin:15px 0 8px}.transfer-status{font-size:10px;color:#82918e;line-height:1.7;margin:8px 0 12px}.file-summary{border:1px solid #e9eeeb;background:#fbfcfa;border-radius:8px;padding:14px;margin:13px 0}.file-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#355451;font-size:11px}.file-summary-heading strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-summary-heading span{flex:0 0 auto;color:#85958e;font-size:10px}.file-preview{margin-top:10px;color:#56716b;font-size:10px}.file-preview summary{cursor:pointer}.file-preview ol{max-height:170px;overflow:auto;margin:8px 0 0;padding:0 22px 0 4px;line-height:1.8}.consent-check{display:flex;align-items:flex-start;gap:9px;max-width:850px;margin:15px 0 14px;color:#546d69;font-size:11px;line-height:1.8;cursor:pointer}.consent-check input{accent-color:#39765e;width:16px;height:16px;flex:0 0 auto;margin:2px 0 0}.transfer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.transfer-actions .button{min-height:39px}.transfer-actions .button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}.sms-link{height:39px;padding:0 15px;background:#f0f3f1;color:#657976;font:inherit;font-size:12px;font-weight:600;text-decoration:none}.transfer-privacy{color:#899692;font-size:10px;line-height:1.8;margin:15px 0 0;max-width:900px}
@media(max-width:670px){.transfer-panel{padding:22px 19px 19px}.transfer-heading{display:block}.transfer-badge{display:inline-flex;margin-top:13px}.transfer-heading h2{font-size:19px}.transfer-intro{font-size:11px}.transfer-tools{flex-wrap:wrap}.transfer-destination{align-items:flex-start;flex-direction:column;gap:5px}.transfer-actions{align-items:stretch}.transfer-actions .button{flex:1 1 100%;min-height:39px}.file-summary-heading{align-items:flex-start;flex-direction:column;gap:5px}}