@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');

:root{color-scheme:light;--ink:#173438;--muted:#667b7e;--forest:#123d40;--lime:#b5f16e;--line:#dfe7e7;--surface:#fff;--bg:#f3f6f6;--radius:18px;font-family:'DM Sans',sans-serif;font-size:16px;font-weight:400;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:3px solid #649d32;outline-offset:4px}h1,h2,h3,p{margin:0}button svg,a svg,.icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button{display:inline-flex;justify-content:center;align-items:center;gap:9px}button,.button{border:0}.hidden,[hidden]{display:none!important}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-icon{width:39px;height:39px}.brand-name{font:800 22px/1 'Manrope',sans-serif;letter-spacing:-.8px}.brand-name span{font-weight:500}.brand-divider{height:26px;width:1px;background:var(--line);margin:0 9px}.brand-sub{font-size:14px;font-weight:550;letter-spacing:1.2px;color:var(--muted)}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:white;border-bottom:1px solid var(--line)}.topbar-right{display:flex;align-items:center;gap:24px}.domain{font-size:14px;color:var(--muted)}.quiet-button{background:white;border:1px solid var(--line);border-radius:9px;padding:10px 14px;font-size:14px;color:var(--ink)}.quiet-button:hover{background:#f1f6f4;border-color:#bdceca}.workspace{max-width:1920px;margin:auto;padding:34px 42px 22px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}h1{font:750 clamp(28px,2.8vw,38px)/1.18 'Manrope',sans-serif;letter-spacing:-1.3px}.heading-desc{color:var(--muted);margin-top:10px;line-height:1.5}.summary{display:flex;gap:28px}.summary-item{display:flex;align-items:center;gap:13px;white-space:nowrap}.summary-icon{height:43px;width:43px;border:1px solid #d4e0da;border-radius:13px;display:grid;place-items:center;background:#eaf1ec;color:#35603e}.summary-value{font:700 24px/1.2 'Manrope',sans-serif}.summary-label{font-size:13px;color:var(--muted);margin-top:3px}.working-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:stretch}.map-panel{position:relative;border:1px solid #d5dfdf;border-radius:var(--radius);overflow:hidden;min-height:590px;height:calc(100dvh - 285px);background:#dfe9ec}.map{height:100%;width:100%;z-index:1;background:#e5eceb}.map-heading{position:absolute;z-index:500;top:22px;left:22px;display:flex;align-items:center;gap:11px;background:white;border:1px solid #dbe5e0;box-shadow:0 3px 10px #1734380b;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:550}.map-heading .icon{color:#548352}.map-tools{position:absolute;top:22px;right:22px;z-index:500;display:flex;gap:8px}.map-tools button{height:44px;width:44px;background:white;border:1px solid #dbe5e0;border-radius:11px;box-shadow:0 3px 10px #1734380b;color:var(--ink)}.map-tools button:hover{background:#f4f8f1}.map-empty{position:absolute;left:24px;bottom:30px;max-width:340px;z-index:500;background:rgba(255,255,255,.97);border:1px solid #dbe5e0;border-radius:13px;box-shadow:0 5px 16px #1734380a;padding:17px 20px;display:flex;align-items:flex-start;gap:12px;pointer-events:none}.map-empty>.icon{margin-top:3px;color:#608167}.map-empty strong{font-size:14px;font-weight:600;display:block;margin-bottom:5px}.map-empty p{font-size:14px;line-height:1.5;color:var(--muted)}.client-panel{background:white;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;max-height:max(590px,calc(100dvh - 285px));overflow:hidden}.client-heading{padding:24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.client-heading h2{font:700 17px/1.3 'Manrope',sans-serif;letter-spacing:-.35px}.count-pill{display:grid;place-items:center;min-width:30px;padding:4px 8px;background:#edf3ef;color:#55705c;border-radius:7px;font-size:13px;font-weight:600}.customer-list{overflow:auto;flex:1;padding:10px}.empty-list{margin:auto;padding:38px 25px 54px;text-align:center;max-width:300px}.empty-list-icon{margin:0 auto 25px;height:68px;width:68px;border-radius:20px;background:#f1f6ef;display:grid;place-items:center;color:#547356}.empty-list-icon svg{width:29px;height:29px}.empty-list h3{font:700 19px/1.4 'Manrope',sans-serif;letter-spacing:-.4px;margin-bottom:10px}.empty-list p{font-size:14px;line-height:1.7;color:var(--muted)}.empty-fields{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.empty-fields span{background:#f5f7f7;border:1px solid #e8eeee;border-radius:5px;font-size:12px;padding:4px 8px;color:var(--muted)}.client-panel-foot{border-top:1px solid var(--line);padding:16px 24px;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:8px}.client-panel-foot svg{width:16px;height:16px}.workspace-foot{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:20px;color:#789092;font-size:12px}.foot-lock{display:flex;align-items:center;gap:6px}.foot-lock svg{width:13px;height:13px}.customer-card{padding:17px 14px;border:1px solid transparent;border-bottom:1px solid var(--line);border-radius:10px}.customer-card.selected{background:#f2f7ed;border:1px solid #c9d9b6}.customer-top{display:flex;gap:11px;align-items:flex-start;margin-bottom:14px}.avatar{flex-shrink:0;width:37px;height:37px;display:grid;place-items:center;background:var(--forest);border-radius:11px;color:var(--lime);font-size:13px;font-weight:600}.customer-top h3{font:700 16px/1.4 'Manrope',sans-serif;overflow-wrap:anywhere}.package-badge{display:inline-block;background:#edf3e5;color:#49612e;border-radius:5px;padding:4px 7px;font-size:12px;margin-top:6px}.customer-address{display:flex;gap:8px;color:var(--muted);font-size:14px;line-height:1.5;margin-bottom:12px;overflow-wrap:anywhere}.customer-address svg{width:16px;height:18px;flex-shrink:0;margin-top:2px}.bitrix-link{display:flex;align-items:center;gap:7px;color:#356b78;font-size:14px;text-decoration:none;overflow-wrap:anywhere}.bitrix-link:hover{text-decoration:underline}.bitrix-link svg{width:15px;height:15px}.locate-button{background:none;color:#40644b;padding:0;margin-top:14px;font-size:13px}.locate-button svg{height:16px;width:16px}.location-missing{font-size:12px;color:#887d5a;margin-top:13px}.map-marker{background:var(--forest);color:var(--lime);border:3px solid white;border-radius:50% 50% 50% 5px;transform:rotate(-45deg);width:36px;height:36px;box-shadow:0 3px 9px #17343840;display:grid;place-items:center}.map-marker span{transform:rotate(45deg);font:600 12px/1 'DM Sans',sans-serif}.leaflet-container{font-family:'DM Sans',sans-serif!important}.leaflet-control-attribution{font-size:12px!important}.leaflet-popup-content-wrapper{border-radius:12px!important}.leaflet-popup-content{font-size:14px!important;line-height:1.5!important;margin:17px 20px!important}.popup-title{font-weight:700;font-size:16px;display:block;margin-bottom:5px}.popup-package{color:#537035;margin-bottom:7px}.popup-address{color:var(--muted);margin-bottom:10px}.popup-link{color:#356b78!important}.leaflet-control-zoom{border:1px solid var(--line)!important;border-radius:10px!important;overflow:hidden;margin:0 22px 24px 0!important;box-shadow:0 3px 10px #1734380b!important}.leaflet-control-zoom a{width:39px!important;height:39px!important;line-height:39px!important;color:var(--ink)!important}.map-error{position:absolute;inset:0;z-index:600;background:#e8efeb;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:40px;text-align:center;gap:12px;color:var(--muted)}.map-error strong{font-size:18px;color:var(--ink)}

.login-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-brand-panel{background:var(--forest);color:white;display:flex;flex-direction:column;padding:44px 56px;position:relative;overflow:hidden}.login-brand-panel .brand-name{color:white}.login-brand-panel .brand-icon{height:43px;width:43px}.login-copy{margin:auto 0;max-width:520px;padding:85px 0}.login-copy .eyebrow{color:#a9c8bc;margin-bottom:26px}.login-copy h1{font-size:clamp(37px,4.2vw,60px);line-height:1.15;letter-spacing:-2.3px}.login-copy h1 span{color:var(--lime)}.login-copy>p{font-size:17px;line-height:1.75;color:#b5ccc9;max-width:360px;margin-top:26px}.login-features{margin-top:54px;display:flex;flex-direction:column;gap:20px}.login-feature{display:flex;align-items:center;gap:14px;font-size:15px;color:#dce8e2}.login-feature svg{color:var(--lime);height:21px;width:21px}.login-left-foot{font-size:13px;color:#a3beba;display:flex;justify-content:space-between}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:60px 40px;position:relative}.login-form-wrap{width:100%;max-width:360px}.login-lock{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#edf3e8;color:#4b6936;margin-bottom:30px}.login-lock svg{width:24px;height:24px}.login-form-wrap h2{font:750 30px/1.3 'Manrope',sans-serif;letter-spacing:-1px}.login-intro{color:var(--muted);line-height:1.6;margin:12px 0 32px}.field-label{display:block;font-size:14px;font-weight:550;margin-bottom:10px}.password-wrap{position:relative}.password-input{width:100%;height:54px;background:#f8fafa;border:1px solid #d4dede;border-radius:10px;padding:0 50px 0 16px;color:var(--ink);letter-spacing:2px;font-size:18px}.password-input::placeholder{font-size:15px;letter-spacing:0;color:#819092}.password-toggle{position:absolute;right:8px;top:8px;height:38px;width:38px;background:none;color:#688080;border-radius:6px}.login-submit{width:100%;height:52px;border-radius:10px;background:var(--forest);color:white;font-weight:550;margin-top:22px;justify-content:space-between;padding:0 19px}.login-submit:hover{background:#205255}.login-submit svg{color:var(--lime)}.login-footnote{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:23px;font-size:12px;color:#80908e}.login-footnote svg{width:14px;height:14px}.login-error{color:#9a3636;background:#fff2f0;border:1px solid #f0d6d0;border-radius:8px;padding:11px 13px;font-size:14px;line-height:1.5;margin-bottom:20px}.login-bottom{position:absolute;bottom:36px;left:30px;right:30px;text-align:center;font-size:12px;color:#8c9c9c}

@media(min-width:1700px){.working-grid{grid-template-columns:minmax(0,1fr) 410px}}@media(max-width:1100px){.topbar{padding:0 26px}.workspace{padding:28px 26px 20px}.working-grid{grid-template-columns:minmax(0,1fr) 320px;gap:16px}.summary{gap:20px}.summary-icon{display:none}.login-brand-panel{padding:38px}.login-copy h1{font-size:44px}.domain{display:none}.map-heading{max-width:calc(100% - 160px)}}@media(max-width:800px){.page-heading{align-items:flex-start;flex-direction:column;gap:20px}.summary{gap:30px}.summary-item{gap:9px}.summary-icon{display:grid;height:36px;width:36px}.summary-value{font-size:20px}.summary-label{font-size:12px}.working-grid{grid-template-columns:1fr}.map-panel{height:52dvh;min-height:410px}.client-panel{max-height:none;min-height:320px}.empty-list{max-width:420px;padding:30px 25px}.empty-list-icon{margin-bottom:16px;height:52px;width:52px}.empty-fields{margin-top:18px}.customer-list{max-height:600px}.login-brand-panel{padding:35px 28px}.login-copy h1{font-size:38px;letter-spacing:-1.5px}.login-form-panel{padding:50px 25px}.login-features{gap:18px}.login-left-foot span:last-child{display:none}}@media(max-width:580px){.topbar{height:74px;padding:0 18px}.brand-name{font-size:19px}.brand-icon{height:32px;width:32px}.brand-sub{font-size:12px}.brand-divider{margin:0 1px}.brand{gap:8px}.topbar-right .quiet-button{font-size:0;padding:10px}.topbar-right .quiet-button svg{width:18px;height:18px}.workspace{padding:24px 16px 18px}.page-heading{margin-bottom:22px}.eyebrow{font-size:11px}h1{font-size:29px;letter-spacing:-1px}.heading-desc{font-size:14px}.summary{gap:24px}.map-panel{min-height:410px;border-radius:14px}.map-heading{left:13px;top:13px;font-size:12px;padding:10px;gap:6px;max-width:calc(100% - 115px)}.map-heading svg{width:17px;height:17px}.map-tools{right:13px;top:13px;gap:6px}.map-tools button{height:39px;width:39px}.map-empty{left:13px;bottom:29px;max-width:calc(100% - 80px);padding:13px;gap:8px}.map-empty p{font-size:12px}.map-empty strong{font-size:13px}.workspace-foot{font-size:11px;align-items:flex-start}.workspace-foot>span:first-child{max-width:50%}.client-heading{padding:21px}.login-page{display:flex;flex-direction:column}.login-brand-panel{padding:26px 25px 30px}.login-copy{padding:40px 0 0}.login-copy .eyebrow{display:none}.login-copy h1{font-size:35px;letter-spacing:-1.4px}.login-copy h1 br{display:none}.login-copy>p,.login-features,.login-left-foot{display:none}.login-form-panel{padding:35px 25px 70px;flex:1}.login-lock{display:none}.login-form-wrap{max-width:420px}.login-form-wrap h2{font-size:25px}.login-intro{font-size:14px;margin-top:9px;margin-bottom:25px}.login-bottom{bottom:20px}.login-footnote{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.renewal{display:flex;flex-direction:column;gap:5px;padding:12px 14px;background:#f5f8f3;border-radius:8px;margin:15px 0}.renewal>span{color:var(--muted);font-size:12px}.renewal time{font-size:14px;font-weight:600}.popup-renewal{font-size:14px;margin-bottom:8px;color:var(--ink)}