:root{--nav-blue:#126dd5;--nav-ink:#18324b;--nav-muted:#6c7e95;--nav-line:#e2eaf4}.app-navigation{position:relative;background:#fff;border:1px solid var(--nav-line);border-radius:20px;padding:12px;color:var(--nav-ink);z-index:20;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 5px 24px #1b477208}.nav-brand,.nav-footer{display:none}.nav-primary{display:flex;align-items:stretch;gap:6px}.app-navigation .nav-link{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;min-width:0;padding:12px 16px;text-decoration:none;color:#536781;border:0;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;line-height:1.3;list-style:none;flex:1;background:transparent}.nav-link::-webkit-details-marker{display:none}.nav-link svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.app-navigation .nav-link:hover{background:#f3f7fd;color:var(--nav-blue)}.app-navigation .nav-link.is-current{color:#0961c5;background:#e9f2ff;font-weight:750}.app-navigation a:focus-visible,.app-navigation summary:focus-visible,.app-navigation button:focus-visible{outline:3px solid #2c83dd;outline-offset:3px}.nav-more{position:relative;flex:1}.nav-more[open]>.nav-link{background:#edf3fc}.nav-more-list{position:absolute;top:calc(100% + 12px);right:0;width:265px;max-height:min(70dvh,560px);overflow-y:auto;background:white;border:1px solid var(--nav-line);box-shadow:0 18px 55px #1b355a24;border-radius:18px;padding:12px;z-index:50}.nav-more-list a,.nav-more-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#354d6b;text-decoration:none;font:500 13px/1.4 system-ui,sans-serif;padding:11px 12px;border:0;border-radius:9px;background:white;width:100%;text-align:left}.nav-more-list a:hover,.nav-more-list a[aria-current=page],.nav-more-list button:hover{background:#edf4ff;color:#126dd5}.nav-section-label{display:block;font-size:10px;font-weight:750;letter-spacing:1.3px;color:#8696a9;padding:12px 12px 6px}.nav-section-label:first-child{padding-top:5px}.nav-new{font-size:10px;color:#087b5d;background:#e3f8ef;padding:3px 7px;border-radius:5px}.page-navigation{max-width:1140px;margin:16px auto;padding:0 16px}.modern-home{background:radial-gradient(ellipse at top left,#e4f1ff 0,transparent 60%),#f3f6fb}.modern-home .messenger{max-width:1120px;background:#f9fbfe;box-shadow:0 15px 65px #173b6510}.modern-home .profile{padding:22px 26px;background:white;border-bottom:1px solid var(--nav-line);gap:15px}.modern-home .profile .avatar{border-radius:18px;width:58px;height:58px;box-shadow:0 5px 12px #1c75d61a}.modern-home .profiletext b{font-size:17px;letter-spacing:-.3px}.modern-home .profiletext small{font-size:12px;color:#6c7e95;margin-top:3px}.modern-home .logout{font-size:12px;padding:9px 14px;background:#f2f6fc;border:1px solid #e1e9f3;border-radius:9px}.home-content{min-width:0;padding:8px 12px 24px}.modern-home .contact-guide{background:transparent;color:#74849a;text-align:left;font-size:13px;font-weight:500;padding:10px 0;margin:10px 16px 0}.modern-home .contactlist>details{border:1px solid var(--nav-line);box-shadow:0 3px 10px #1b477204;border-radius:16px}.modern-home .contactlist>details>summary{background:#f6f9fe;font-size:13px;font-weight:650;padding:15px 17px}.modern-home .contact{padding:15px 17px;border-color:#edf2f8}.modern-home .contact:hover{background:#f9fbff}.modern-home .contactinfo b{font-size:14px;font-weight:650}.modern-home .contactinfo small{font-size:12px;margin-top:4px}.modern-home .open-chat{background:#eef5ff;color:#1c72cf;border-radius:12px;font-size:18px}.modern-home .panel{box-shadow:none;border-color:var(--nav-line)}.modern-home .panel h2{font-size:21px;letter-spacing:-.5px}.modern-home .menu{z-index:1}.modern-home .menu[open]{z-index:30}.modern-home .card{box-shadow:0 25px 70px #1e42641a;border-color:#e3eaf5}.modern-home .download-auth{font-size:12px;color:#667c95;margin-top:22px}.modern-home .download-auth a{color:#176bc9}.modern-home .requests{background:#fff9e9;border-radius:14px;margin:12px 14px 0;border:1px solid #f1e4be}
@media(min-width:850px){.modern-home .messenger{display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto 1fr;margin:30px auto;min-height:800px;border:1px solid #e1e8f2;border-radius:24px;overflow:visible}.modern-home .profile{grid-column:1/-1;border-radius:24px 24px 0 0}.modern-home .app-navigation{align-self:start;position:sticky;top:20px;border:0;border-right:1px solid var(--nav-line);border-radius:0;box-shadow:none;background:transparent;min-height:620px;margin-top:0;padding:26px 16px}.modern-home .nav-brand{display:flex;gap:10px;align-items:center;margin:0 8px 30px;font-size:17px;font-weight:750;letter-spacing:-.5px}.nav-brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:white;background:linear-gradient(135deg,#2697ee,#1259c7);font-size:20px}.nav-brand small{display:block;font-size:10px;font-weight:450;letter-spacing:0;color:#8997a9;margin-top:4px}.modern-home .nav-primary{display:flex;flex-direction:column;gap:7px}.modern-home .nav-link{justify-content:flex-start;padding:14px 17px}.modern-home .nav-more{flex:none}.modern-home .nav-more-list{left:0;right:auto;top:calc(100% + 6px)}.modern-home .nav-footer{display:flex;gap:7px;align-items:center;margin:90px 9px 0;font-size:10px;color:#8c9bb0}.nav-live-dot{width:6px;height:6px;border-radius:50%;background:#3bb491}.modern-home .home-content{grid-column:2;padding-top:12px}.modern-home .empty{padding:120px 30px}}
@media(max-width:849px){.modern-home .messenger{margin:0 auto;border-radius:0;max-width:720px;min-height:100dvh}.modern-home .profile{padding:17px 18px}.modern-home .app-navigation{position:sticky;top:0;border-width:0 0 1px;border-radius:0;box-shadow:0 4px 18px #193b5d08;padding:8px 10px}.nav-primary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.app-navigation .nav-link{flex-direction:column;gap:6px;font-size:10px;padding:10px 3px;min-height:62px;border-radius:12px}.nav-link svg{width:21px;height:21px}.nav-more-list{width:min(280px,calc(100vw - 30px));top:calc(100% + 10px);right:0}.home-content{padding:4px 2px 20px}.page-navigation{margin:12px auto;padding:0 12px}.page-navigation .app-navigation{padding:7px}.modern-home .contact{padding:13px}.modern-home .profiletext b{font-size:16px}}
@media(prefers-reduced-motion:no-preference){.nav-link,.nav-more-list a,.modern-home .contact{transition:background .16s ease,color .16s ease}}