:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0b1224;background:#fff;font-synthesis:none;--navy:#0b1224;--muted:#66738e;--line:#edf0f5;--surface:rgba(255,255,255,.93);--green:#08b978;--red:#ff4d4f;--blue:#2f8cff;--violet:#785cff;--radius:14px;--shadow:0 10px 32px rgba(42,57,90,.045)}*{box-sizing:border-box}button,input{font:inherit}button{color:inherit}body{margin:0;min-width:320px;min-height:100vh;background:#fff;-webkit-font-smoothing:antialiased}button:focus-visible,input:focus-visible{outline:3px solid rgba(47,140,255,.2);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:258px minmax(0,1fr);background:#fff}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;padding:18px 18px 26px;border-right:1px solid #eef1f6;background:#fffffffa;z-index:20;display:flex;flex-direction:column}.brand-logo{width:190px;height:58px;object-fit:contain;object-position:left center;margin:1px 10px 27px}.side-nav{display:grid;gap:9px}.nav-item{border:0;background:transparent;min-height:45px;border-radius:13px;display:flex;align-items:center;gap:18px;padding:0 18px;color:#33415f;font-size:14px;cursor:pointer;transition:.18s ease}.nav-item:hover{background:#f5f7fb;transform:translate(2px)}.nav-item.is-active{background:linear-gradient(105deg,#eef0ff,#e7ebff);color:var(--navy);font-weight:700}.profile{border:0;background:transparent;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;text-align:left;cursor:pointer;padding:0 10px;margin-top:auto}.profile-avatar{width:39px;height:39px;border-radius:50%;background:#e9edff;display:grid;place-items:center;font-size:13px}.profile-copy{display:grid;gap:3px;min-width:0}.profile-copy strong{font-size:12px;font-weight:600}.profile-copy small{font-size:10px;color:var(--muted)}.main-shell{grid-column:2;min-width:0;padding:16px 30px 30px 29px;background:radial-gradient(circle at 54% 36%,rgba(228,235,247,.4),transparent 33%)}.topbar{height:46px;display:grid;grid-template-columns:minmax(420px,624px) 1fr auto auto 1px auto;align-items:center;gap:20px;margin-bottom:24px}.global-search{height:45px;background:#f3f5f9;border-radius:14px;padding:0 14px;color:#71809e;display:flex;align-items:center;gap:12px}.global-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--navy);font-size:12px}.global-search input::placeholder{color:#8290aa}kbd{font:11px/1 Inter,sans-serif;color:#71809e}.topbar time{justify-self:end;font-size:12px;color:#4a5875;white-space:nowrap}.icon-button{border:0;background:transparent;padding:6px;cursor:pointer}.notifications-button{position:relative;color:#40506e}.notifications-button span{position:absolute;top:1px;right:1px;width:12px;height:12px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ff4d4f;font-size:7px}.topbar-divider{height:24px;width:1px;background:#edf0f5}.primary-button,.continue-button{border:0;border-radius:12px;background:linear-gradient(135deg,#151d2a,#09101a);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:45px;padding:0 22px;font-size:13px;font-weight:600;box-shadow:0 8px 20px #09101a1a;transition:.18s ease}.primary-button:hover,.continue-button:hover{transform:translateY(-1px);box-shadow:0 12px 25px #09101a29}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.metric-card{height:114px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:21px 18px 18px;display:flex;justify-content:space-between;overflow:hidden}.metric-card>div:first-child{display:grid;align-content:start;gap:9px;min-width:0}.metric-label{color:#44516b;font-size:12px}.metric-card strong{font-size:clamp(20px,1.65vw,25px);line-height:1;white-space:nowrap;letter-spacing:-.6px}.metric-change{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.green{color:var(--green)}.violet{color:var(--violet)}.blue{color:var(--blue)}.red{color:var(--red)}.mini-trend{align-self:flex-end;display:flex;align-items:flex-end;gap:11px;width:106px;height:55px}.mini-trend span{flex:1;min-width:10px;border-radius:7px 7px 3px 3px;background:currentColor;opacity:.17;animation:rise .55s both}@keyframes rise{0%{transform:scaleY(.25);transform-origin:bottom}}.dashboard-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:18px}.primary-panels{min-width:0;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px;align-items:start}.panel{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.income-panel,.status-panel{height:256px}.income-panel{padding:14px 18px 13px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel h2,.panel-heading h2{margin:0;font-size:15px;letter-spacing:-.25px}.panel-title-button{border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:0;cursor:pointer}.period-tabs{display:flex;align-items:center;padding:2px;background:#f7f8fb;border-radius:9px}.period-tabs button{height:28px;padding:0 12px;border:0;background:transparent;color:#74819b;border-radius:7px;font-size:10px;cursor:pointer}.period-tabs button.is-active{color:var(--navy);background:#fff;box-shadow:0 2px 7px #1b27430f;font-weight:600}.income-summary{display:grid;grid-template-columns:auto auto 1fr;align-items:end;gap:10px;margin-top:9px}.income-summary strong{font-size:29px;letter-spacing:-.9px}.income-summary span{color:var(--green);font-size:13px;font-weight:600;padding-bottom:4px}.income-summary small{color:#8a96ad;font-size:9px;padding-bottom:3px}.bar-chart{height:137px;margin-top:8px;border-left:1px solid #edf0f5;border-bottom:1px solid #edf0f5;display:flex;align-items:flex-end;gap:12px;padding:16px 6px 0 12px}.bar-column{flex:1;height:100%;min-width:20px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;position:relative}.bar{display:block;width:100%;max-width:27px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#edf1f7,#f6f8fb);min-height:20px}.bar.is-current{background:linear-gradient(180deg,#ff7b24,#ffad42);box-shadow:0 8px 15px #ff802433}.bar-column small{height:24px;padding-top:7px;color:#7a879e;font-size:8px}.bar-value{position:absolute;bottom:calc(77% + 23px);left:50%;transform:translate(-50%);z-index:2;border-radius:7px;background:#fff;box-shadow:0 4px 14px #1e2b4614;padding:5px 9px;font-size:9px;white-space:nowrap;font-weight:600}.status-panel{padding:18px 16px}.status-content{display:grid;grid-template-columns:126px 1fr;align-items:center;gap:8px;margin-top:38px}.donut{width:118px;height:118px;border-radius:50%;background:conic-gradient(#13b979 0,#13b979 67.6%,#2f8cff 67.6%,#2f8cff 71.8%,#ff493f 71.8%,#ff493f 97.9%,#ffd324 97.9%);display:grid;place-items:center;transform:rotate(-4deg)}.donut:after{content:"";width:89px;height:89px;border-radius:50%;background:#fff;position:absolute}.donut>div{position:relative;z-index:1;display:grid;text-align:center;transform:rotate(4deg)}.donut strong{font-size:25px;letter-spacing:-1px}.donut small{font-size:9px;color:#7b89a2}.legend{list-style:none;margin:0;padding:0;display:grid;gap:15px}.legend li{display:grid;grid-template-columns:7px 1fr auto;gap:7px;align-items:center;font-size:8.5px;white-space:nowrap}.legend i{width:7px;height:7px;border-radius:50%}.green-dot{background:#13b979}.red-dot{background:#ff493f}.blue-dot{background:#2f8cff}.mint-dot{background:#25c28a}.legend strong{color:#596681;font-size:9px}.right-rail{display:grid;gap:16px;align-content:start}.notifications-panel{min-height:286px;padding:18px 17px 13px}.panel-heading button{border:0;background:transparent;padding:0;cursor:pointer}.calls-heading{align-items:flex-start}.calls-heading>div{display:grid;gap:4px}.calls-heading small{color:#8793a7;font-size:8px}.calls-count{min-width:27px;height:27px;border-radius:9px;background:#fff0ef;color:#d74448;display:grid;place-items:center;font-size:10px;font-weight:700}.notification-list{display:grid;margin-top:13px}.notification-row{min-height:52px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid #f0f2f6}.call-client{min-width:0;border:0;background:transparent;padding:5px 2px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;text-align:left;cursor:pointer;border-radius:8px}.call-client:hover{background:#f7f9fc}.call-icon{width:31px;height:31px;border-radius:50%;background:#eaf2ff;color:#2f7fd8;display:grid;place-items:center}.call-icon.is-overdue{background:#ffe8e7;color:#e34548}.notification-copy{display:grid;gap:3px;min-width:0}.notification-copy strong{font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-copy small{font-size:8.5px;color:#8490a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-complete{height:29px;border:1px solid #dfe8e4;border-radius:8px;background:#f2faf6;color:#16875e;padding:0 8px;display:inline-flex;align-items:center;gap:5px;font-size:8px;cursor:pointer;white-space:nowrap}.call-complete:hover{background:#e3f6ec}.calls-footer{display:grid;gap:4px;padding-top:9px}.calls-footer>small{color:#8995a8;font-size:8px;line-height:1.4}.all-notifications{width:max-content;border:0;background:transparent;color:#1474ff;display:flex;gap:7px;align-items:center;padding:5px 0 0;font-size:10px;cursor:pointer}.empty-call-icon{width:34px;height:34px;margin:0 auto 3px;border-radius:50%;background:#e8f8f0;color:#139368;display:grid;place-items:center}.new-client-panel{min-height:239px;padding:18px 17px 17px}.steps{list-style:none;margin:14px 0 13px;padding:10px 11px;border-radius:10px;background:linear-gradient(135deg,#f7f9fc,#f0f3f8);display:grid;gap:10px}.steps li{display:grid;grid-template-columns:21px 1fr;align-items:center;gap:8px;color:#75829a;font-size:10px}.steps li span{width:19px;height:19px;border-radius:50%;background:#e0e5ed;display:grid;place-items:center;font-size:9px}.steps li strong{font-weight:500}.steps li.is-active{color:var(--navy)}.steps li.is-active span{color:#fff;background:var(--navy)}.continue-button{width:100%;height:45px;font-size:11px}.clients-panel{grid-column:1/-1;height:274px;padding:15px 16px 10px;overflow:hidden}.clients-toolbar{min-height:39px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px}.clients-title{display:flex;align-items:center;gap:15px}.clients-title h2{margin:0}.clients-title>span{font-size:11px;color:#73819a;background:#f3f5f8;border-radius:12px;padding:4px 9px}.client-filters{display:flex;gap:7px;align-items:center}.client-filters button{height:34px;border:0;background:#f7f8fb;color:#6f7d97;border-radius:9px;padding:0 15px;font-size:9.5px;display:flex;align-items:center;gap:11px;cursor:pointer}.client-filters button.is-active{background:#f0f3ff;color:#23314f;font-weight:600}.client-filters button span{background:#e9edf3;border-radius:10px;padding:3px 7px}.client-filters .red-count{color:#ff4d4f;background:#ffe1e0}.table-search{width:40px;height:36px;border-radius:10px;background:#f6f8fb;display:flex;align-items:center;justify-content:center;color:#53627e;overflow:hidden;transition:width .2s ease}.table-search:focus-within{width:165px;justify-content:flex-start;padding:0 10px}.table-search input{border:0;outline:0;background:transparent;min-width:0;width:0}.table-search:focus-within input{width:120px;padding-left:7px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:fixed}th{height:32px;text-align:left;color:#8190aa;font-size:8.5px;font-weight:400;border-bottom:1px solid #edf0f5}th:nth-child(1){width:23%}th:nth-child(2){width:18%}th:nth-child(3){width:20%}th:nth-child(4){width:17%}th:nth-child(5){width:19%}th:nth-child(6){width:3%}td{height:42px;border-bottom:1px solid #f0f2f6;font-size:10px;color:#23314f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}td:first-child{display:flex;align-items:center;gap:11px}td:first-child strong{font-weight:500;overflow:hidden;text-overflow:ellipsis}.client-avatar{width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#e7ebf2;color:transparent;border:4px solid #eef1f5}td button{border:0;background:transparent;padding:4px;color:#8592aa;cursor:pointer}.status-badge{display:inline-flex;border-radius:8px;padding:5px 10px;font-size:9.5px}.status-платит{color:#00a96b;background:#dff8ed}.status-задолженность{color:#ff3f42;background:#ffe2e1}.status-завершен{color:#59637a;background:#edf0f4}.empty-state{text-align:center;color:#8490a7;padding:35px}.footer{display:flex;justify-content:space-between;align-items:center;padding:31px 6px 0;font-size:10px;color:#7b87a0}.footer>span:first-child{display:flex;gap:15px}.footer strong{color:#26334e;font-weight:500}.toast{position:fixed;right:28px;bottom:28px;z-index:60;background:#111924;color:#fff;padding:13px 18px;border-radius:11px;box-shadow:0 14px 35px #0a121d3d;font-size:12px;animation:toast-in .22s ease both}@keyframes toast-in{0%{transform:translateY(10px);opacity:0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0c142247;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.client-modal{width:min(100%,460px);min-height:420px;background:#fff;border-radius:19px;box-shadow:0 24px 70px #0c14223b;padding:24px;animation:modal-in .25s ease both}@keyframes modal-in{0%{transform:translateY(14px) scale(.98);opacity:0}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start}.modal-header span{color:#7c89a1;font-size:11px}.modal-header h2{margin:5px 0 0;font-size:23px;letter-spacing:-.6px}.modal-header button{border:0;background:#f3f5f8;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;cursor:pointer}.modal-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0 25px}.modal-progress span{height:4px;border-radius:3px;background:#e8ecf2}.modal-progress span.is-active{background:#111924}.form-fields{display:grid;gap:18px}.form-fields label{display:grid;gap:8px;color:#4e5c76;font-size:11px}.form-fields input{height:48px;border:1px solid #e5e9f0;border-radius:11px;padding:0 14px;color:var(--navy);font-size:13px}.form-fields input::placeholder{color:#a2acbe}.form-error{color:#e23c40;background:#fff0ef;border-radius:8px;padding:9px 11px;font-size:10px;margin:14px 0 0}.modal-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.modal-actions .primary-button{height:42px}.secondary-button{border:0;background:#f1f3f7;border-radius:10px;height:42px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.confirmation-card{text-align:center;padding:3px 4px 0}.confirmation-card>span{width:49px;height:49px;border-radius:50%;background:#ddf8ec;color:var(--green);display:grid;place-items:center;margin:0 auto 12px}.confirmation-card h3{margin:0 0 5px;font-size:20px}.confirmation-card p{margin:0;color:#77849d;font-size:12px}.confirmation-card dl{margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.confirmation-card dl div{background:#f6f8fb;padding:12px;border-radius:10px}.confirmation-card dt{font-size:9px;color:#7e8ba2}.confirmation-card dd{margin:4px 0 0;font-size:12px;font-weight:600}@media(max-width:1230px){.app-shell{grid-template-columns:88px minmax(0,1fr)}.sidebar{width:88px;padding-inline:12px}.brand-logo{width:62px;height:52px;object-fit:cover;object-position:left;margin-inline:0}.nav-item{padding:0;justify-content:center}.nav-item span{display:none}.profile{margin-top:auto;display:flex;justify-content:center}.profile-copy,.profile svg{display:none}.main-shell{padding-right:20px}.status-content{grid-template-columns:110px 1fr}.donut{width:103px;height:103px}.donut:after{width:77px;height:77px}.legend{gap:11px}}@media(max-width:980px){.topbar{grid-template-columns:1fr auto auto}.topbar time,.topbar-divider{display:none}.primary-button{padding:0 15px}.dashboard-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.right-rail{grid-template-columns:1fr 1fr}.primary-panels{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr)}.footer{padding-bottom:24px}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:fixed;inset:auto 12px 12px;width:calc(100% - 24px);height:62px;border:1px solid #e9edf4;border-radius:18px;box-shadow:0 12px 35px #14203424;padding:7px;display:block}.brand-logo,.profile{display:none}.side-nav{grid-template-columns:repeat(4,1fr);gap:4px}.nav-item{height:46px;min-height:46px}.main-shell{padding:12px 12px 90px}.topbar{height:auto;grid-template-columns:1fr auto;gap:10px;margin-bottom:13px}.global-search{height:42px}.global-search kbd,.notifications-button{display:none}.primary-button{font-size:0;width:42px;height:42px;padding:0}.metrics-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{height:104px;padding:16px 13px}.metric-card strong{font-size:18px}.mini-trend{display:none}.primary-panels{display:grid;grid-template-columns:1fr}.income-panel,.status-panel{height:255px}.clients-panel{grid-column:auto;height:auto;min-height:274px}.right-rail{grid-template-columns:1fr}.table-wrap{overflow-x:auto}table{min-width:760px}.footer{display:none}.period-tabs button{padding:0 8px}.toast{right:16px;bottom:88px}.client-modal{min-height:390px}}@media(max-width:420px){.call-complete{width:31px;padding:0;justify-content:center}.call-complete span{display:none}.notifications-panel{padding-inline:14px}}@media(min-width:721px){.topbar{grid-template-columns:minmax(420px,624px) 1fr auto 1px auto}}.brand-logo{width:236px;margin-left:-5px}.sidebar{padding-bottom:42px}.line-trend{width:110px;height:48px}.line-trend svg{width:100%;height:100%;overflow:visible}.line-trend polyline{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.period-tabs{flex:0 0 auto}.period-tabs button{flex:0 0 auto;padding:0 12px}@media(min-width:721px)and (max-width:1230px){.brand-logo{width:62px;margin-left:0}}@media(max-width:720px){.sidebar{padding:7px}.brand-logo,.profile{display:none}.bar-chart{gap:5px;padding-left:6px;padding-right:2px}.bar-column{min-width:0}.bar-column small{font-size:7px}}.section-page{display:grid;gap:16px;animation:page-in .24s ease both}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}}.section-heading{min-height:116px;border-radius:18px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(110deg,#f7f9fdf0,#ffffffe6);box-shadow:var(--shadow);overflow:hidden;position:relative}.section-heading>div,.section-heading>.section-action,.section-heading>.analytics-period{position:relative;z-index:1}.section-heading>div>span{display:block;color:#76839a;font-size:11px;margin-bottom:5px}.section-heading h1{font-size:34px;letter-spacing:-1.2px;line-height:1;margin:0 0 8px}.section-heading p{font-size:13px;color:#68758e;margin:0}.section-action{flex:0 0 auto}.section-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.section-stats.three-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.section-stat{min-height:112px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow);padding:19px;display:flex;align-items:flex-start;gap:13px;min-width:0}.stat-icon{flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#ddf8ed;display:grid;place-items:center;color:var(--green)}.stat-icon.blue{background:#e8f2ff;color:var(--blue)}.stat-icon.red{background:#ffe9e8;color:var(--red)}.stat-icon.violet{background:#eeeaff;color:var(--violet)}.section-stat>div{display:grid;min-width:0}.section-stat small{color:#78859c;font-size:10px;margin-bottom:7px}.section-stat strong{font-size:20px;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-stat p{color:#8a95a9;font-size:9px;margin:6px 0 0}.workspace-panel{border-radius:16px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.clients-workspace,.payments-workspace{min-height:435px}.workspace-toolbar{min-height:70px;border-bottom:1px solid #edf0f5;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.segmented-control{display:flex;gap:6px;background:#f6f8fb;border-radius:11px;padding:4px}.segmented-control button{border:0;background:transparent;border-radius:8px;padding:8px 14px;color:#748099;font-size:11px;cursor:pointer}.segmented-control button.is-active{background:#fff;color:var(--navy);box-shadow:0 2px 8px #1c294214;font-weight:600}.workspace-search{height:38px;width:min(100%,270px);border:1px solid #e9edf3;border-radius:10px;display:flex;align-items:center;gap:9px;color:#8490a6;padding:0 11px}.workspace-search input{border:0;outline:0;min-width:0;width:100%;font-size:11px;color:var(--navy)}.operations-count{font-size:11px;color:#76839a}.workspace-table{table-layout:auto;min-width:850px}.workspace-table th{height:42px;padding:0 15px}.workspace-table td{height:64px;padding:0 15px;font-size:11px}.workspace-table th:nth-child(n),.workspace-table td:nth-child(n){width:auto}.workspace-table tbody tr{cursor:pointer;transition:.15s ease}.workspace-table tbody tr:hover{background:#f8fafd}.workspace-table td:first-child{min-width:210px}.visible-avatar,.payment-avatar{color:#30405f;border:0;width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;font-size:9px;font-weight:700;background:linear-gradient(135deg,#eef1f7,#dfe5ee)}.table-person{display:grid;gap:4px;min-width:0}.table-person strong{font-size:11px}.table-person small,.workspace-table td>small{display:block;color:#8793a8;font-size:9px;margin-top:4px}.workspace-table .status-badge{font-size:9px}.workspace-table td:last-child{text-align:right}.payment-table{min-width:980px}.payment-table td:first-child{display:flex;align-items:center}.payment-avatar{border-radius:50%;margin-right:10px}.payment-status{display:inline-flex;padding:6px 10px;border-radius:8px;font-size:9px}.payment-оплачен{color:#00a96b;background:#dff8ed}.payment-ожидается{color:#1876e8;background:#e6f1ff}.payment-просрочен{color:#ff3f42;background:#ffe2e1}.row-action{border:0!important;color:#1474ff!important;background:#edf5ff!important;border-radius:8px!important;padding:7px 9px!important;font-size:9px!important;white-space:nowrap}.paid-check{color:var(--green)}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);gap:16px}.analytics-chart,.portfolio-panel{min-height:410px;padding:22px}.analytics-card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.analytics-card-title h2{font-size:15px;margin:0 0 5px}.analytics-card-title p{font-size:10px;color:#8490a6;margin:0}.analytics-card-title>span{display:inline-flex;align-items:center;gap:6px;color:var(--green);background:#e9f9f2;border-radius:9px;padding:7px 10px;font-size:9px}.analytics-period{background:#f6f8fbf2}.large-chart{height:295px;margin-top:26px;padding:20px 8px 0;border-left:1px solid #edf0f5;border-bottom:1px solid #edf0f5;display:flex;align-items:flex-end;gap:13px}.large-bar-column{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.large-bar{width:100%;max-width:35px;min-height:18px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#c7d5ea,#eef2f7);position:relative;transition:.2s ease}.large-bar i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#7686a1,#c8d2e1);opacity:0;transition:.2s ease}.large-bar:hover i{opacity:1}.large-bar-column:nth-child(5) .large-bar{background:linear-gradient(180deg,#ff7b24,#ffad42)}.large-bar-column small{height:28px;padding-top:9px;color:#7d899f;font-size:9px}.stage-list{display:grid;gap:21px;margin-top:29px}.stage-list>div{display:grid;gap:8px}.stage-list>div>span:first-child{display:flex;justify-content:space-between;gap:10px}.stage-list strong{font-size:10px;font-weight:600}.stage-list small{color:#8290a6;font-size:9px}.stage-track{height:7px;background:#edf1f6;border-radius:5px;overflow:hidden}.stage-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#697b9b,#aab7ca)}.analytics-link{border:0;background:transparent;color:#1474ff;display:flex;gap:7px;align-items:center;padding:0;margin-top:29px;font-size:10px;cursor:pointer}.details-modal{width:min(100%,610px);padding:27px}.details-identity{display:grid;grid-template-columns:58px 1fr auto;gap:15px;align-items:center}.details-avatar{width:58px;height:58px;border-radius:17px;background:linear-gradient(135deg,#e8edfa,#d8e0ef);display:grid;place-items:center;color:#354665;font-weight:700}.details-identity small{color:#7e8ba1;font-size:10px}.details-identity h2{font-size:23px;margin:3px 0}.details-identity p{margin:0;color:#7b879b;font-size:10px}.modal-close{align-self:start;border:0;background:#f3f5f8;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;cursor:pointer}.details-contacts{margin:22px 0 16px;padding:12px 14px;border-radius:11px;background:#f7f9fc;display:flex;gap:28px;color:#5d6b84;font-size:10px}.details-contacts span{display:flex;align-items:center;gap:8px}.details-finance{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.details-finance div{border:1px solid #edf0f5;border-radius:11px;padding:13px}.details-finance small{display:block;color:#8591a6;font-size:9px;margin-bottom:6px}.details-finance strong{font-size:14px}.progress-block{margin:18px 0}.progress-block>div{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px}.progress-track{display:block;height:8px;border-radius:6px;background:#edf1f6;overflow:hidden}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#08b978,#5dd5a7)}.details-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.details-fields label,.payment-fields label{display:grid;gap:8px;color:#4e5c76;font-size:10px}.details-fields label>span{display:flex;align-items:center;gap:7px}.details-fields select,.payment-fields select{height:44px;border:1px solid #e5e9f0;border-radius:10px;background:#fff;padding:0 11px;color:var(--navy);font-size:11px}.payment-modal{min-height:0}.payment-fields{margin-top:24px}.payment-fields>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-fields>div.payment-client-summary{grid-template-columns:repeat(3,1fr);gap:8px}.payment-client-summary span{border-radius:10px;background:#f5f7fb;padding:10px;display:grid;gap:5px}.payment-client-summary small{font-size:8px;color:#8490a5}.payment-client-summary strong{font-size:11px}.payment-fields input{width:100%}@media(max-width:1080px){.section-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:1fr}.portfolio-panel{min-height:330px}}@media(max-width:720px){.section-page{gap:11px}.section-heading{min-height:130px;padding:18px;align-items:flex-end}.section-heading h1{font-size:29px}.section-heading p{max-width:240px;font-size:11px}.section-heading .section-action{width:42px;height:42px;font-size:0;padding:0}.section-stats,.section-stats.three-stats{grid-template-columns:1fr 1fr;gap:10px}.section-stat{min-height:118px;padding:14px;gap:9px;flex-direction:column}.stat-icon{width:32px;height:32px;flex-basis:32px}.section-stat strong{font-size:15px;white-space:normal;overflow:visible}.workspace-toolbar{align-items:stretch;flex-direction:column}.segmented-control{overflow-x:auto}.segmented-control button{white-space:nowrap;padding-inline:11px}.workspace-search{width:100%}.clients-workspace,.payments-workspace{min-height:360px}.analytics-grid{gap:11px}.analytics-chart,.portfolio-panel{padding:16px}.analytics-card-title>span{display:none}.large-chart{height:255px;gap:5px}.analytics-period button{padding:0 8px}.details-modal{padding:20px}.details-identity{grid-template-columns:49px 1fr auto}.details-avatar{width:49px;height:49px}.details-contacts{display:grid;gap:9px}.details-finance{grid-template-columns:1fr 1fr}.details-finance div:last-child{grid-column:1/-1}.details-fields{grid-template-columns:1fr}.payment-fields>div{grid-template-columns:1fr}.modal-actions{gap:10px}.details-modal .modal-actions{align-items:stretch;flex-direction:column-reverse}.details-modal .modal-actions button{width:100%}}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(430px,1.05fr) minmax(480px,.95fr);background:#fff}.auth-brand{position:relative;padding:34px 48px 38px;overflow:hidden;background:linear-gradient(145deg,#f6f8fc,#eef2f8);display:flex;flex-direction:column}.auth-brand>*{position:relative;z-index:1}.auth-brand>img{width:220px;height:62px;object-fit:contain;object-position:left}.auth-brand>div{margin:auto 0;max-width:570px}.auth-brand>div>span{display:inline-flex;align-items:center;gap:8px;color:#52617d;font-size:12px}.auth-brand h1{font-size:clamp(44px,4.3vw,68px);line-height:.98;letter-spacing:-3px;margin:22px 0 20px}.auth-brand p{font-size:16px;line-height:1.6;color:#697791;max-width:480px}.auth-brand>small{color:#7f8ba0;font-size:10px}.auth-area{display:grid;place-items:center;padding:40px;background:#fff}.auth-card{width:min(100%,440px);border:1px solid #eef1f5;border-radius:24px;background:#fff;box-shadow:0 24px 70px #1b2b4b17;padding:34px}.auth-card-heading{text-align:center}.auth-lock{width:52px;height:52px;border-radius:16px;background:#edf0ff;color:#263657;display:grid;place-items:center;margin:0 auto 15px}.auth-card-heading h2{margin:0 0 7px;font-size:27px;letter-spacing:-.8px}.auth-card-heading p{margin:0;color:#7c89a0;font-size:11px}.auth-role-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;background:#f4f6f9;border-radius:12px;margin:25px 0 22px}.auth-role-tabs button{border:0;background:transparent;height:38px;border-radius:9px;color:#77849a;font-size:11px;cursor:pointer}.auth-role-tabs button.is-active{background:#fff;color:var(--navy);font-weight:650;box-shadow:0 3px 10px #18254012}.auth-fields{display:grid;gap:16px}.auth-fields label{display:grid;gap:8px;color:#54617a;font-size:10px}.auth-fields label>span{height:48px;border:1px solid #e4e9f0;border-radius:11px;padding:0 13px;display:flex;align-items:center;gap:9px;color:#8591a6}.auth-fields input{min-width:0;flex:1;border:0;outline:0;color:var(--navy);font-size:12px}.auth-fields label button{border:0;background:transparent;color:#7b879c;cursor:pointer;padding:4px}.auth-error{margin:13px 0 0;padding:10px 12px;border-radius:9px;background:#fff0ef;color:#de3e42;font-size:10px}.auth-submit{width:100%;height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#17202d,#08101a);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:20px;font-size:12px;font-weight:650;cursor:pointer}.demo-access{border-top:1px solid #edf0f5;margin-top:23px;padding-top:18px;display:grid;gap:9px}.demo-access>span{color:#8a95a7;font-size:9px;text-align:center}.demo-access button{height:47px;border:1px dashed #dce2eb;border-radius:10px;background:#f9fafc;display:flex;align-items:center;justify-content:center;gap:13px;cursor:pointer}.demo-access strong{font-size:10px}.demo-access small{font-size:10px;color:#66748d}.auth-help{text-align:center;color:#8490a5;font-size:10px;line-height:1.45;margin:18px 10px 0}.extended-client-modal{width:min(100%,660px);max-height:min(88vh,760px);overflow:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-fields select{height:48px;border:1px solid #e5e9f0;border-radius:11px;padding:0 14px;background:#fff;color:var(--navy);font-size:12px}.installment-step{display:grid;gap:17px}.debt-balance-preview{min-height:54px;border-radius:12px;background:linear-gradient(135deg,#f2f6ff,#f8faff);padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:15px}.debt-balance-preview span{color:#718099;font-size:10px}.debt-balance-preview strong{font-size:18px}.plan-type{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-type button{border:1px solid #e7ebf1;border-radius:11px;background:#fff;padding:12px;text-align:left;display:grid;gap:4px;cursor:pointer}.plan-type button.is-active{border-color:#bac7ff;background:#f1f4ff;box-shadow:0 0 0 2px #576bee14}.plan-type strong{font-size:11px}.plan-type small{font-size:9px;color:#8190a6}.equal-plan-preview{border-radius:12px;background:#f7f9fc;padding:14px 16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px}.equal-plan-preview span{font-size:10px;color:#718099}.equal-plan-preview strong{font-size:18px}.equal-plan-preview small{grid-column:1/-1;color:#8793a6;font-size:9px}.custom-schedule{border:1px solid #edf0f5;border-radius:12px;padding:13px}.custom-schedule-title{display:flex;justify-content:space-between;font-size:10px;margin-bottom:11px}.custom-schedule-title span{color:#718099}.custom-schedule>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:180px;overflow:auto;padding-right:3px}.custom-schedule label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;padding:5px 7px;background:#f7f9fc;border-radius:8px}.custom-schedule label span{font-size:8px;color:#73819a}.custom-schedule input{min-width:0;width:100%;border:0;background:transparent;outline:0;font-size:10px}.access-confirmation{text-align:center}.access-key-icon{width:51px;height:51px;border-radius:16px;background:#e8edff;color:#34466b;display:grid;place-items:center;margin:0 auto 12px}.access-confirmation h3{font-size:20px;margin:0 0 5px}.access-confirmation>p{font-size:10px;color:#77849a;margin:0}.credential-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:19px;text-align:left}.credential-preview div{border-radius:11px;background:#f5f7fb;padding:12px}.credential-preview span{display:block;color:#7d8aa0;font-size:8px;margin-bottom:6px}.credential-preview strong{font-size:11px;word-break:break-all}.confirmation-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.confirmation-plan.four-columns{grid-template-columns:repeat(4,1fr)}.confirmation-plan>span{border:1px solid #edf0f5;border-radius:10px;padding:10px;display:grid;gap:5px}.confirmation-plan small{color:#8390a4;font-size:8px}.confirmation-plan strong{font-size:10px}.credential-note{display:block;color:#718099;font-size:9px;margin-top:14px}.client-access-block{border:1px solid #e5eaf2;border-radius:13px;padding:14px;margin-bottom:16px;background:linear-gradient(135deg,#f7f9fd,#fff)}.access-block-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.access-block-title>span{display:flex;align-items:center;gap:8px;font-size:11px}.access-block-title small{font-size:8px;color:#8390a5}.access-values{display:grid;grid-template-columns:1fr 1fr;gap:8px}.access-values>div{min-height:45px;border-radius:9px;background:#fff;border:1px solid #edf0f5;padding:8px 9px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:5px}.access-values small{grid-column:1/-1;color:#8793a7;font-size:7.5px}.access-values strong{font-size:9px;overflow:hidden;text-overflow:ellipsis}.access-values button{border:0;background:transparent;color:#65738c;padding:2px;cursor:pointer}.copy-all-access{margin-top:9px;width:100%;height:34px;border:0;border-radius:9px;background:#e9edff;color:#293a60;font-size:9px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.portal-art-icon{display:block;width:100%;height:100%;background-image:url(/assets/client-portal-icons-v2.png);background-repeat:no-repeat;background-size:400% 200%;flex:0 0 auto}.portal-art-contract{background-position:0 0}.portal-art-balance{background-position:33.333% 0}.portal-art-calendar{background-position:66.667% 0}.portal-art-progress{background-position:100% 0}.portal-art-secure{background-position:0 100%}.portal-art-support{background-position:33.333% 100%}.portal-art-telegram{background-position:66.667% 100%}.portal-art-payment{background-position:100% 100%}.customer-secure .portal-art-icon{width:25px;height:25px;margin:-4px -2px -4px -5px}.portal-title-with-icon{display:flex;align-items:center;gap:9px}.portal-title-with-icon>.portal-art-icon{width:38px;height:38px}.summary-icon .portal-art-icon{width:100%;height:100%}.customer-shell{min-height:100vh;background:linear-gradient(180deg,#f8fafe 0,#fff 360px);color:var(--navy)}.customer-header{height:82px;padding:0 max(28px,calc((100vw - 1220px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5;background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.customer-header>img{width:185px;height:55px;object-fit:contain}.customer-user{display:grid;grid-template-columns:38px auto 36px;align-items:center;gap:10px}.customer-user>span{width:38px;height:38px;border-radius:12px;background:#e8edff;display:grid;place-items:center;font-size:10px;font-weight:700}.customer-user>div{display:grid;gap:3px}.customer-user strong{font-size:10px}.customer-user small{font-size:8px;color:#7c89a0}.customer-user button{width:34px;height:34px;border:0;border-radius:9px;background:#f3f5f8;color:#60708b;display:grid;place-items:center;cursor:pointer}.customer-main{width:min(1220px,calc(100% - 48px));margin:0 auto;padding:35px 0 50px}.customer-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.customer-welcome>div>span{font-size:10px;color:#75839b}.customer-welcome h1{margin:6px 0 8px;font-size:34px;letter-spacing:-1.2px}.customer-welcome p{margin:0;color:#6d7a91;font-size:12px}.customer-secure{display:inline-flex;align-items:center;gap:7px;color:#078b5e;background:#e3f8ef;border-radius:10px;padding:9px 12px;font-size:9px}.customer-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:16px}.contract-summary{min-height:110px;border:1px solid #edf0f5;border-radius:15px;background:#fff;box-shadow:var(--shadow);padding:19px;display:flex;gap:13px}.summary-icon{width:39px;height:39px;flex:0 0 39px;border-radius:11px;display:grid;place-items:center}.summary-icon.blue{color:#2f8cff;background:#e8f2ff}.summary-icon.green{color:#08b978;background:#e2f8ef}.summary-icon.orange{color:#f17a28;background:#fff0e4}.contract-summary>div:last-child{display:grid;align-content:start}.contract-summary small{color:#7e8ba1;font-size:9px;margin-bottom:8px}.contract-summary strong{font-size:18px;letter-spacing:-.3px}.contract-summary p{margin:6px 0 0;color:#8994a7;font-size:9px}.customer-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.9fr);gap:16px;align-items:start}.portal-panel{border:1px solid #edf0f5;border-radius:16px;background:#fff;box-shadow:var(--shadow)}.payment-plan-panel{padding:20px}.portal-panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.portal-panel-title h2{font-size:15px;margin:0 0 5px}.portal-panel-title p{font-size:9px;color:#8390a5;margin:0}.portal-panel-title>span{font-size:9px;color:#078b5e;background:#e7f8f1;border-radius:8px;padding:7px 9px}.portal-progress{height:6px;border-radius:5px;background:#edf1f6;overflow:hidden;margin:17px 0}.portal-progress i{display:block;height:100%;background:linear-gradient(90deg,#0aaf74,#65d6ac);border-radius:inherit}.schedule-list{display:grid}.schedule-head,.schedule-row{display:grid;grid-template-columns:1fr 1.2fr 1fr 1.05fr 1fr;align-items:center;gap:9px;padding:0 9px}.schedule-head{min-height:32px;color:#8995a8;font-size:8px;border-bottom:1px solid #edf0f5}.schedule-row{min-height:53px;border-bottom:1px solid #f0f2f6;font-size:9px}.schedule-row>span:first-child strong{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#f0f3f8;margin-right:6px}.schedule-row button{height:31px;border:0;border-radius:8px;background:#101824;color:#fff;padding:0 10px;font-size:8px;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.schedule-status{font-style:normal;display:inline-flex;align-items:center;gap:4px;border-radius:8px;padding:5px 7px}.schedule-оплачен{color:#019665;background:#e0f8ed}.schedule-ожидается{color:#52708e;background:#edf2f7}.portal-side{display:grid;gap:16px}.progress-visual{padding:20px;min-height:330px}.client-donut{width:142px;height:142px;border-radius:50%;margin:25px auto 18px;display:grid;place-items:center;position:relative}.client-donut:after{content:"";position:absolute;width:108px;height:108px;border-radius:50%;background:#fff}.client-donut>div{position:relative;z-index:1;display:grid;text-align:center}.client-donut strong{font-size:25px}.client-donut small{font-size:8px;color:#8491a6}.mini-month-chart{height:72px;display:flex;align-items:flex-end;gap:5px}.mini-month-chart span{flex:1;border-radius:4px 4px 2px 2px;background:#e8edf4}.mini-month-chart span.is-paid{background:linear-gradient(180deg,#1dbb83,#82dfbc)}.telegram-card{padding:18px;display:grid;grid-template-columns:46px 1fr;gap:12px}.telegram-large{width:46px;height:46px;border-radius:50%;background:#3198f5;color:#fff;display:grid;place-items:center;grid-row:1/3}.telegram-card h2{font-size:13px;margin:2px 0 6px}.telegram-card p{font-size:9px;line-height:1.45;color:#7b889e;margin:0}.telegram-card button{grid-column:2;height:36px;border:0;border-radius:9px;background:#e7f3ff;color:#1678ce;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;cursor:pointer}.payment-confirm-modal{min-height:0;width:min(100%,430px);text-align:center;position:relative}.payment-confirm-modal>.modal-close{position:absolute;right:20px;top:20px}.payment-demo-icon{width:53px;height:53px;border-radius:17px;background:#e9edff;color:#33466e;display:grid;place-items:center;margin:10px auto 14px}.payment-confirm-modal h2{font-size:22px;margin:0 0 10px}.payment-confirm-modal>p{font-size:10px;line-height:1.5;color:#76839a;margin:0 12px}.payment-confirm-modal dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.payment-confirm-modal dl div{background:#f6f8fb;border-radius:10px;padding:12px}.payment-confirm-modal dt{font-size:8px;color:#8490a4}.payment-confirm-modal dd{margin:5px 0 0;font-size:11px;font-weight:650}.payment-confirm-modal>.primary-button{width:100%}.payment-confirm-modal>small{margin-top:12px;color:#8490a5;display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px}.telegram-large{width:52px;height:52px;border-radius:16px;background:#edf4ff}.telegram-card{grid-template-columns:52px 1fr}.payment-demo-icon .portal-art-icon{width:100%;height:100%}.messenger-card{padding:18px}.messenger-card-heading{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center}.messenger-card-heading h2{font-size:13px;margin:0 0 6px}.messenger-card-heading p{font-size:9px;line-height:1.45;color:#7b889e;margin:0}.messenger-options{display:grid;gap:8px;margin-top:15px}.messenger-option{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:54px;padding:8px;border:1px solid #e9edf4;border-radius:11px;background:#fbfcfe}.messenger-brand{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:9px;font-weight:800;letter-spacing:-.2px}.messenger-telegram .messenger-brand{color:#1678ce;background:#e5f2ff}.messenger-max .messenger-brand{color:#5e43ca;background:linear-gradient(135deg,#ece8ff,#e7f6ff)}.messenger-copy{display:grid;gap:4px;min-width:0}.messenger-copy strong{font-size:10px}.messenger-copy small{color:#7d8aa0;font-size:8px;line-height:1.35}.messenger-option button{height:32px;border:0;border-radius:8px;background:#e9eff8;color:#3d5879;padding:0 9px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;white-space:nowrap;cursor:pointer}.messenger-option.is-pending{border-color:#f0d99b;background:#fffaf0}.messenger-option.is-pending .messenger-copy small{color:#8a6a19}.messenger-option.is-connected{border-color:#cfeadc;background:#f4fbf7}.messenger-option.is-connected .messenger-copy small{color:#4f806b}.messenger-privacy{margin:10px 1px 0;color:#8490a4;font-size:8px;line-height:1.5}@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-brand{display:none}.auth-area{min-height:100vh;padding:22px}.customer-grid{grid-template-columns:1fr}.portal-side,.customer-summary{grid-template-columns:1fr 1fr}.customer-summary article:last-child{grid-column:1/-1}}@media(max-width:640px){.auth-card{padding:25px 20px;border-radius:20px}.customer-header{height:70px;padding:0 15px}.customer-header>img{width:137px}.customer-user>div{display:none}.customer-main{width:calc(100% - 24px);padding-top:24px}.customer-welcome{align-items:flex-start}.customer-welcome h1{font-size:27px}.customer-secure{display:none}.customer-summary{grid-template-columns:1fr}.customer-summary article:last-child{grid-column:auto}.customer-grid{gap:11px}.portal-side{grid-template-columns:1fr}.payment-plan-panel{padding:15px;overflow:hidden}.schedule-list{overflow-x:auto}.schedule-head,.schedule-row{min-width:670px}.portal-panel-title>span{white-space:nowrap}.form-grid,.credential-preview,.access-values{grid-template-columns:1fr}.confirmation-plan,.confirmation-plan.four-columns{grid-template-columns:1fr 1fr}.custom-schedule>div:last-child{grid-template-columns:repeat(2,1fr)}.extended-client-modal{max-height:94vh}.customer-user{grid-template-columns:38px 36px}.payment-fields>div.payment-client-summary{grid-template-columns:1fr 1fr}.payment-client-summary span:last-child{grid-column:1/-1}}.topbar{grid-template-columns:minmax(420px,624px) 1fr auto 1px auto auto}.header-logout{width:38px;height:38px;border-radius:10px;background:#f3f5f8;color:#60708b}@media(max-width:720px){.topbar{grid-template-columns:1fr auto auto}.header-logout{width:42px;height:42px}}.portal-address{margin:22px 0 18px;min-height:38px;border-radius:10px;background:#f4f6fa;color:#68768f;display:flex;align-items:center;justify-content:center;gap:9px;font-size:9px}.portal-address span{font-size:7px;font-weight:800;letter-spacing:.9px;background:#dfe5ef;color:#42516d;border-radius:6px;padding:4px 6px}.client-portal-link{height:31px;border-radius:8px;background:#eef3f9;color:#45607f;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}@media(max-width:640px){.schedule-list{overflow:visible}.schedule-head{display:none}.schedule-row{min-width:0;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:6px 12px;padding:12px 9px}.schedule-row>span:nth-child(1){grid-column:1;grid-row:1}.schedule-row>span:nth-child(2){grid-column:1;grid-row:2;color:#718099}.schedule-row>span:nth-child(3){grid-column:2;grid-row:1;text-align:right}.schedule-row>span:nth-child(4){grid-column:2;grid-row:2;text-align:right}.schedule-row>span:nth-child(5){grid-column:1/-1;grid-row:3}.schedule-row button{width:100%;justify-content:center;margin-top:4px}}.mobile-schedule-toggle,.mobile-payment-bar{display:none}@media(max-width:640px){.customer-shell{background:linear-gradient(180deg,#f6f8fc 0,#fff 290px)}.customer-header{position:sticky;top:0;z-index:30;height:64px;padding:0 14px;background:#fffffff0;box-shadow:0 1px #edf0f5}.customer-header>img{width:145px;height:44px}.customer-user{grid-template-columns:36px 36px;gap:7px}.customer-user>span,.customer-user button{width:36px;height:36px;border-radius:11px}.customer-main{width:100%;padding:20px 12px 112px}.customer-welcome{margin-bottom:18px}.customer-welcome>div>span{font-size:9px}.customer-welcome h1{font-size:27px;line-height:1.08;letter-spacing:-.8px;margin:5px 0 7px}.customer-welcome p{max-width:330px;font-size:10px;line-height:1.5}.customer-summary{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.customer-summary article:first-child{grid-column:1/-1}.customer-summary article:last-child{grid-column:auto}.contract-summary{min-height:102px;border-radius:16px;padding:14px;gap:10px;box-shadow:0 8px 24px #1b2b4b0b}.customer-summary article:first-child{min-height:88px;align-items:center}.summary-icon{width:35px;height:35px;flex-basis:35px;border-radius:10px}.contract-summary small{font-size:8px;margin-bottom:6px}.contract-summary strong{font-size:16px}.contract-summary p{font-size:8px;line-height:1.4;margin-top:5px}.customer-grid,.portal-side{gap:12px}.portal-panel{border-radius:16px;box-shadow:0 8px 24px #1b2b4b0b}.payment-plan-panel{padding:16px}.portal-panel-title h2{font-size:15px}.portal-panel-title p{font-size:8px}.portal-panel-title>span{font-size:8px;padding:6px 8px}.portal-progress{margin:14px 0 7px}.payment-plan-panel:not(.is-expanded) .schedule-row:nth-child(n+5){display:none}.payment-plan-panel:not(.is-expanded) .schedule-list-tools{display:none}.schedule-row{min-height:62px;padding:11px 6px}.schedule-row>span:nth-child(5){display:none}.schedule-row>span:first-child strong{width:24px;height:24px}.schedule-status{padding:5px 7px}.mobile-schedule-toggle{width:100%;height:41px;border:0;border-radius:10px;background:#f1f4f8;color:#52617a;margin-top:12px;align-items:center;justify-content:center;gap:7px;font-size:9px;cursor:pointer}.mobile-schedule-toggle{display:flex}.progress-visual{min-height:0;padding:17px;display:grid;grid-template-columns:112px 1fr;align-items:center;gap:10px 17px}.progress-visual>.portal-panel-title{grid-column:1/-1}.client-donut{width:108px;height:108px;margin:7px auto}.client-donut:after{width:82px;height:82px}.client-donut strong{font-size:20px}.mini-month-chart{height:76px;gap:3px}.telegram-card{padding:15px;grid-template-columns:42px 1fr;gap:10px}.telegram-large{width:42px;height:42px}.telegram-card h2{font-size:12px}.telegram-card button{height:39px}.messenger-card{padding:15px}.messenger-card-heading{grid-template-columns:42px 1fr;gap:10px}.messenger-card-heading h2{font-size:12px}.messenger-option{grid-template-columns:36px minmax(0,1fr);padding:9px}.messenger-brand{width:36px;height:36px}.messenger-option button{grid-column:1/-1;width:100%;height:38px;font-size:9px}.messenger-copy strong{font-size:10px}.messenger-copy small{font-size:8px}.mobile-payment-bar{display:flex;position:fixed;z-index:70;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));min-height:70px;padding:10px 10px 10px 14px;border:1px solid rgba(225,230,238,.9);border-radius:17px;background:#fffffff5;box-shadow:0 15px 42px #141f3133;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;justify-content:space-between;gap:12px}.mobile-payment-bar>div{display:grid;gap:4px;min-width:0}.mobile-payment-bar small{font-size:7.5px;color:#7e8ba1;white-space:nowrap}.mobile-payment-bar strong{font-size:15px}.mobile-payment-bar button{height:46px;border:0;border-radius:12px;background:#101824;color:#fff;padding:0 16px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:650;cursor:pointer}.payment-confirm-modal{width:100%;border-radius:20px;padding:22px 18px}.payment-confirm-modal>p{margin-inline:0}}.form-fields label>small{color:#8a95a8;font-size:8px;font-weight:400}.contract-date-note{min-height:48px;border-radius:11px;background:#f5f7fb;color:#6f7d95;font-size:10px;line-height:1.45;padding:10px 12px;display:flex;align-items:center}.privacy-note{margin:0;border-radius:11px;background:#f1f6ff;color:#526682;padding:11px 13px;font-size:9px;line-height:1.55}.notification-empty{min-height:176px;border-radius:11px;background:#f7f9fc;padding:22px 16px;display:grid;align-content:center;text-align:center;gap:7px}.notification-empty strong{font-size:11px}.notification-empty span{color:#7f8ba0;font-size:9px;line-height:1.5}.modal-empty-state{margin:26px 0 6px;border-radius:12px;background:#f6f8fb;color:#6f7c91;padding:24px;text-align:center;font-size:11px;line-height:1.5}.analytics-empty{color:#7f8ca2;font-size:10px;line-height:1.5;margin:18px 0}.details-modal{max-height:min(92vh,900px);overflow:auto}.details-identity p{display:flex;align-items:center;gap:5px}.private-contacts{margin:20px 0 16px;border:1px solid #e7ebf2;border-radius:12px;background:#f8fafc;padding:12px 13px;display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center}.private-contacts>div:first-child{display:grid;gap:4px}.private-contacts>div:first-child>span{display:flex;align-items:center;gap:7px;font-size:10px}.private-contacts>div:first-child>small{color:#8390a4;font-size:8px}.private-contacts>button{height:32px;border:0;border-radius:8px;background:#e9eef6;color:#4d5f79;padding:0 10px;display:flex;align-items:center;gap:6px;font-size:9px;cursor:pointer}.details-contact-fields{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}.details-contact-fields label{height:42px;border:1px solid #e5eaf1;border-radius:9px;background:#fff;padding:0 10px;display:flex;align-items:center;gap:8px;color:#75829a}.details-contact-fields input{min-width:0;width:100%;border:0;outline:0;color:var(--navy);font-size:10px}.details-contact-fields p{grid-column:1/-1;margin:0;color:#7c899e;font-size:8px}.schedule-editor{border:1px solid #e7ebf2;border-radius:13px;padding:13px;margin:0 0 16px}.schedule-editor-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.schedule-editor-title>div{display:grid;gap:4px}.schedule-editor-title strong{font-size:11px}.schedule-editor-title small{color:#8390a4;font-size:8px}.schedule-editor-title>button{height:32px;border:0;border-radius:8px;background:#eaf0ff;color:#3b5275;padding:0 10px;display:flex;align-items:center;gap:6px;font-size:9px;cursor:pointer}.schedule-editor-summary{margin:10px 0 8px;border-radius:9px;background:#f7f9fc;padding:9px 10px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}.schedule-editor-summary span,.schedule-editor-summary small{color:#7e8ba0;font-size:8px}.schedule-editor-summary strong{font-size:12px}.schedule-editor-summary small{grid-column:1/-1}.schedule-editor-list{display:grid;gap:6px;max-height:164px;overflow:auto}.schedule-editor-list>div{display:grid;grid-template-columns:23px 1fr 95px 82px 24px;gap:7px;align-items:center}.schedule-editor-list>div>span{width:22px;height:22px;border-radius:7px;background:#eef2f7;display:grid;place-items:center;font-size:8px}.schedule-editor-list input{min-width:0;height:32px;border:1px solid #e5e9f0;border-radius:8px;padding:0 8px;font-size:9px}.schedule-editor-list small{font-size:8px;color:#6f7d94}.schedule-editor-list button{width:24px;height:24px;border:0;background:#fff0ef;color:#d84a4e;border-radius:7px;display:grid;place-items:center;cursor:pointer}.schedule-editor-list>div.is-paid{opacity:.68}.schedule-editor-list>p{margin:7px 2px;color:#7f8ca2;font-size:9px}.details-fields label>small{color:#8793a6;font-size:8px;line-height:1.4}.schedule-нужно-напомнить{color:#a86600;background:#fff1cf}.schedule-просрочен{color:#e23d42;background:#ffe5e4}.payment-нужно-напомнить{color:#a86600;background:#fff1cf}.transfer-modal{text-align:left}.transfer-modal>h2,.transfer-modal>p{text-align:center}.transfer-requisites{min-height:61px;border:1px dashed #d7dee8;border-radius:12px;background:#f7f9fc;padding:11px 12px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px}.transfer-requisites>span{width:35px;height:35px;border-radius:10px;background:#e9eef6;color:#485c79;display:grid;place-items:center}.transfer-requisites>div{display:grid;gap:4px;min-width:0}.transfer-requisites small{color:#8390a5;font-size:8px}.transfer-requisites strong{font-size:10px;line-height:1.35}.transfer-requisites>button{width:34px;height:34px;border:0;border-radius:9px;background:#111924;color:#fff;display:grid;place-items:center;cursor:pointer}.transfer-requisites.is-ready{border-style:solid;border-color:#dce8e3;background:#f6fbf8}.bank-choice-note{margin:10px 0 14px;border-radius:10px;background:#eef4ff;color:#526b8d;padding:10px 12px;display:flex;align-items:flex-start;gap:8px;font-size:9px;line-height:1.45}.transfer-modal>small{margin-top:0;text-align:center;line-height:1.45}.metric-card{content-visibility:auto}.metrics-grid{align-items:stretch}@media(max-width:640px){.private-contacts{grid-template-columns:1fr auto}.details-contact-fields{grid-template-columns:1fr}.details-contact-fields p{grid-column:1}.contract-date-note{min-height:44px}.transfer-modal{max-height:92vh;overflow:auto}.metrics-grid .metric-card{min-height:106px;height:auto}.metric-label{line-height:1.25}.schedule-editor{padding:11px}.schedule-editor-title{align-items:flex-start}.schedule-editor-title>button{flex:0 0 32px;width:32px;padding:0;font-size:0}.schedule-editor-title>button svg{margin:0}.schedule-editor-list>div{grid-template-columns:22px minmax(90px,1fr) 74px 24px;gap:6px}.schedule-editor-list>div>small{display:none}.schedule-editor-list input{width:100%;padding:0 6px}.details-modal{padding-inline:16px}}.status-требует-уточнения{color:#9a6300;background:#fff0c7}.amber-dot{background:#f4b83f}.import-review{margin:0 0 16px;border:1px solid #f2d68a;border-radius:12px;background:#fff9e8;color:#775514;padding:12px 13px;display:flex;align-items:flex-start;gap:10px}.import-review>div{display:grid;gap:5px}.import-review strong{font-size:10px}.import-review span{font-size:9px;line-height:1.45}.income-data-note{min-height:24px;margin:3px 0 -2px;color:#7f8ca2;font-size:8px;line-height:1.35}.source-note{margin:0;border-radius:10px;background:#f5f8fc;color:#66758d;padding:9px 12px;font-size:9px;line-height:1.5}.source-note summary{cursor:pointer;font-weight:700}.source-note p{margin:5px 0 0}.historical-payment-date{display:flex;align-items:center;min-height:32px;color:#53627a!important;line-height:1.25}.schedule-editor-list>div.is-paid{opacity:.82}.global-search-wrap{position:relative;z-index:45;min-width:0}.global-search-wrap>.global-search{width:100%;transition:background .16s ease,box-shadow .16s ease}.global-search-wrap>.global-search.is-open{background:#fff;box-shadow:0 0 0 1px #e2e7ef,0 12px 32px #18264217}.global-search-results{position:absolute;left:0;right:0;top:52px;overflow:hidden;border:1px solid #e6eaf1;border-radius:15px;background:#fff;box-shadow:0 22px 55px #16243e29;padding:7px}.search-results-heading{min-height:31px;padding:4px 8px 7px;display:flex;align-items:center;justify-content:space-between;color:#6f7d94;font-size:9px}.search-results-heading span{font-weight:700;color:#42516c}.search-results-heading small{font-size:8px}.global-search-results>button{width:100%;min-height:54px;border:0;border-radius:10px;background:#fff;padding:7px 9px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;cursor:pointer}.global-search-results>button:hover,.global-search-results>button:focus-visible{background:#f6f8fc}.search-result-avatar{width:34px;height:34px;border-radius:10px;background:#edf1f8;color:#465875;display:grid;place-items:center}.search-result-copy{display:grid;gap:4px;min-width:0}.search-result-copy strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-copy small{font-size:8px;color:#8591a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-status{border-radius:8px;padding:5px 8px;font-size:8px;white-space:nowrap}.search-results-hint{margin:5px 8px 2px;padding-top:8px;border-top:1px solid #edf0f5;color:#8793a7;font-size:8px}.search-no-results{min-height:120px;display:grid;place-items:center;align-content:center;gap:5px;color:#8490a4}.search-no-results strong{color:#46536c;font-size:10px}.search-no-results span{font-size:8px}@media(max-width:720px){.global-search-results{position:fixed;left:12px;right:12px;top:61px}.global-search-results>button{grid-template-columns:34px minmax(0,1fr)}.search-result-status,.search-results-hint{display:none}}.details-main-fields{margin:18px 0 12px;padding:13px;border:1px solid #e7ebf2;border-radius:12px;background:#fbfcfe;display:grid;grid-template-columns:1fr 1fr;gap:10px}.details-main-fields label{display:grid;gap:6px;color:#65738b;font-size:8px}.details-main-fields input{width:100%;min-width:0;height:38px;border:1px solid #e4e9f0;border-radius:9px;background:#fff;padding:0 10px;color:var(--navy);font-size:10px}.details-main-fields small{color:#8a95a8;font-size:7.5px;line-height:1.35}.confirmed-payment-note{min-height:48px;border:1px solid #dceee5;border-radius:11px;background:#f3fbf7;color:#159264;padding:8px 11px;display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important}.confirmed-payment-note>span{display:grid;gap:3px}.confirmed-payment-note strong{color:#365f50;font-size:9px}.confirmed-payment-note small{color:#709083;font-size:8px}.payment-fields>.form-error{display:block}@media(max-width:640px){.details-main-fields{grid-template-columns:1fr}.confirmed-payment-note{min-height:46px}}.dashboard-heading{padding:4px 8px 18px}.dashboard-heading h1{margin:0 0 7px;font-size:34px;letter-spacing:-1.2px;line-height:1.15}.dashboard-heading p{margin:0;color:#68758e;font-size:13px}.dashboard-heading+.source-note{margin-bottom:16px}@media(max-width:720px){.dashboard-heading{padding:4px 5px 15px}.dashboard-heading h1{font-size:29px}.dashboard-heading p{font-size:11px}}.dashboard-heading{position:relative;overflow:hidden;isolation:isolate;min-height:100px}.dashboard-heading:after{content:"";position:absolute;top:-30px;right:0;bottom:-60px;left:40%;background:url(/assets/dashboard-ribbons-v2.png) center right/cover no-repeat;opacity:.55;z-index:-1;pointer-events:none}.sidebar-decoration{margin:auto 10px 30px;min-height:170px;border-radius:12px;background:#f5f8fd url(/assets/dashboard-ribbons-v2.png) center/cover no-repeat}.sidebar-decoration+.profile{margin-top:0}.section-heading:after{content:"";position:absolute;width:310px;height:110px;right:12%;top:0;background:url(/assets/dashboard-ribbons-v2.png) center/cover no-repeat;opacity:.34;pointer-events:none}.auth-brand:after{content:"";position:absolute;top:20%;right:-18%;bottom:-12%;left:14%;background:url(/assets/dashboard-ribbons-v2.png) center/contain no-repeat;opacity:.8}@media(max-width:1230px){.sidebar-decoration{display:none}.sidebar-decoration+.profile{margin-top:auto}}@media(max-width:720px){.dashboard-heading{min-height:88px}.dashboard-heading:after{left:50%;opacity:.25}.section-heading:after{right:-80px;opacity:.22}}.paginated-workspace{scroll-margin-top:16px}.list-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line);background:#fbfcfe}.list-sort,.list-page-size{display:flex;align-items:center;gap:8px;min-width:0;color:#718099;font-size:10px}.list-sort>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.list-sort>svg{flex-shrink:0}.list-sort select,.list-page-size select{height:34px;min-width:0;max-width:100%;border:1px solid #e5eaf1;border-radius:8px;background:#fff;padding:0 28px 0 10px;color:#3b4b66;font:inherit;font-size:10px;cursor:pointer}.list-page-size{white-space:nowrap}.list-page-size select{padding-right:6px}.list-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid var(--line)}.pagination-summary{color:#7b889d;font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}.list-pagination nav{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}.list-pagination button{width:32px;height:32px;padding:0;border:1px solid #e6ebf2;border-radius:8px;background:#fff;color:#63728b;display:grid;place-items:center;font-size:11px;cursor:pointer}.list-pagination button:hover:not(:disabled){border-color:#bdc9df;background:#f3f6fc}.list-pagination button.is-current{background:#142033;border-color:#142033;color:#fff;font-weight:600}.list-pagination button:disabled{opacity:.35;cursor:default}.pagination-gap{color:#9ba5b6;width:14px;text-align:center}.clients-panel{height:auto;min-height:274px}.dashboard-list-tools{padding:9px 0}.clients-panel>.list-pagination{padding:12px 0 2px}.schedule-list-tools{margin:12px 0}.schedule-list-tools .list-sort select,.schedule-list-tools .list-sort{width:100%}@media(max-width:720px){.list-tools{align-items:stretch;flex-direction:column;padding:12px}.list-sort select{flex:1;width:100%}.list-page-size{justify-content:space-between}.list-pagination{flex-direction:column;align-items:center;padding:12px;gap:10px}.list-pagination nav{justify-content:center;gap:3px}.list-pagination button{width:28px;height:32px}.pagination-gap{width:9px}.clients-panel>.list-pagination{padding-bottom:4px}.dashboard-list-tools .list-sort{width:100%}.paginated-workspace{scroll-margin-top:10px}}.topbar{height:auto;min-height:46px;grid-template-columns:minmax(180px,1fr) auto auto 1px auto auto;gap:12px}.quick-actions{display:flex;align-items:center;gap:8px}.quick-actions button{white-space:nowrap;height:44px;padding:0 15px;font-size:12px}.quick-payment{background:#eaf1fc;color:#2e537f;font-weight:600;justify-content:center}.filter-search-row{gap:12px;flex-wrap:wrap}.filter-search-row .workspace-search{flex:1;min-width:180px;width:auto;max-width:480px}.filter-result-count{font-size:10px;color:#718099;white-space:nowrap}.filter-reset{border:0;background:transparent;color:#42648f;font-size:10px;cursor:pointer;padding:8px 0}.filter-reset:disabled{color:#a4adbb;cursor:default}.list-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 18px 16px;border-bottom:1px solid var(--line)}.list-filter{display:grid;gap:7px;min-width:0;color:#77859c;font-size:10px}.list-filter select{min-width:0;width:100%;height:40px;padding:0 10px;border:1px solid #e4e9f1;border-radius:9px;background:#fff;color:#3b4b66;font:inherit;font-size:11px;cursor:pointer}.payment-modal{width:min(100%,560px);max-height:92vh;overflow:auto}.payment-fields{margin-top:22px;gap:16px}.payment-fields input,.payment-fields select{min-width:0;width:100%}.payment-search-input{display:flex;align-items:center;gap:9px;padding-left:13px;border:1px solid #dce4f0;border-radius:11px;color:#7387a5}.payment-search-input:focus-within{outline:2px solid #aec8ed;outline-offset:1px}.payment-search-input input{border:0;background:transparent;outline:0;padding-left:0}.payment-search-input svg{flex-shrink:0}.payment-client-results{max-height:210px;overflow:auto;margin-top:5px}.payment-client-results>button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:left;padding:12px;border:0;border-radius:10px;background:#f7f9fc;margin-top:5px;cursor:pointer;color:var(--navy)}.payment-client-results>button:hover,.payment-client-results>button:focus-visible{background:#eaf1fc;outline:2px solid #b7cee9;outline-offset:-2px}.payment-client-results>button>span{display:grid;gap:5px}.payment-client-results strong{font-size:12px}.payment-client-results small{font-size:9px;color:#7a879b}.search-client-balance{text-align:right;flex-shrink:0}.payment-search-hint{margin:8px 1px 0;color:#7c8aa0;font-size:10px;line-height:1.5}.selected-payment-client{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f4f7fc;padding:13px;border:1px solid #e5ebf4;border-radius:12px}.selected-payment-client>span{display:grid;gap:5px;min-width:0}.selected-payment-client strong{font-size:15px}.selected-payment-client small{font-size:10px;color:#75839a}.payment-client-picker .text-link{border:0;background:transparent;padding:8px 0;color:#42648f;font-size:11px;cursor:pointer}.selected-payment-client .text-link{flex-shrink:0}.optional-field{color:#929cad}.payment-allocation-note{display:flex;align-items:flex-start;gap:10px;background:#f1f7fd;border-radius:12px;padding:13px;color:#466585}.payment-allocation-note>svg{flex-shrink:0}.payment-allocation-note>span{display:grid;gap:6px}.payment-allocation-note strong{font-size:11px;line-height:1.5}.payment-allocation-note small{font-size:10px;line-height:1.5;color:#76879b}.payment-modal .primary-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.payment-fields input[aria-invalid=true]{border-color:#e9a4a5}.details-quick-payment{margin-top:14px}.details-quick-payment button{background:#eaf1fc;color:#2e537f;font-size:12px;font-weight:600}@media(max-width:1100px){.topbar{grid-template-columns:minmax(180px,1fr) auto auto auto}.topbar time,.topbar-divider{display:none}.quick-actions button{padding:0 12px;font-size:11px}}@media(max-width:720px){.topbar{grid-template-columns:minmax(0,1fr) auto;gap:9px}.topbar .global-search-wrap{grid-column:1;grid-row:1}.topbar .header-logout{grid-column:2;grid-row:1}.quick-actions{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr}.quick-actions button{width:100%;height:42px;font-size:11px;padding:0 10px;gap:7px}.filter-search-row{gap:10px}.filter-search-row .workspace-search{flex-basis:100%;max-width:none}.filter-result-count{margin-right:auto}.list-filter-grid{grid-template-columns:1fr 1fr;padding:0 12px 12px;gap:10px}.list-filter:last-child{grid-column:1/-1}.payment-modal{padding:20px;max-height:92dvh}.payment-fields{gap:14px}.payment-fields>div{grid-template-columns:1fr}.payment-modal .modal-actions{gap:10px;margin-top:20px}.payment-modal .modal-actions .primary-button{width:auto;font-size:12px;padding:0 13px}.payment-modal .modal-actions .secondary-button{font-size:12px;padding:0 13px}.payment-client-results strong{font-size:11px}.payment-client-results small{font-size:8px}.details-quick-payment button{width:100%;justify-content:center}}@media(max-width:720px){.filter-search-row{flex-direction:row;align-items:center;padding:12px}.filter-search-row .workspace-search{flex:0 0 100%;height:40px}.list-filter-grid{padding-top:12px}}.nav-item.is-active svg{color:#5068d9;fill:none}.notifications-wrap{position:relative;z-index:46}.notifications-button{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;padding:0}.notifications-button:hover,.notifications-button.is-open{background:#f1f4fb;color:#5068d9}.notifications-button .notifications-badge{top:-2px;right:-3px;min-width:17px;width:auto;height:17px;padding:0 4px;border:2px solid #fff;font-size:8px;font-weight:700}.notifications-popover{position:absolute;right:-8px;top:47px;width:min(390px,calc(100vw - 32px));overflow:hidden;border:1px solid #e4e9f1;border-radius:16px;background:#fff;box-shadow:0 24px 65px #121f3833}.notifications-popover>header{min-height:65px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5}.notifications-popover>header>div{display:grid;gap:4px}.notifications-popover>header strong{font-size:13px}.notifications-popover>header small{color:#8490a4;font-size:9px}.notifications-popover>header>span{min-width:27px;height:27px;padding:0 7px;border-radius:9px;background:#fff0ef;color:#d74448;display:grid;place-items:center;font-size:10px;font-weight:700}.notifications-popover-list{max-height:400px;overflow:auto;padding:6px}.notifications-popover-list>button{width:100%;min-height:60px;border:0;border-radius:11px;background:#fff;padding:8px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;text-align:left;cursor:pointer}.notifications-popover-list>button:hover{background:#f6f8fc}.notification-popover-icon{width:36px;height:36px;border-radius:11px;background:#edf4ff;color:#2f7fd8;display:grid;place-items:center}.notification-popover-icon.is-overdue{background:#ffe9e8;color:#df4649}.notifications-popover-list>button>span:last-child{position:static;width:auto;height:auto;border-radius:0;background:transparent;color:inherit;display:grid;place-items:initial;gap:5px}.notifications-popover-list strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notifications-popover-list small{color:#7e8ba0;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notifications-popover-all{width:100%;height:43px;border:0;border-top:1px solid #edf0f5;background:#fbfcfe;color:#3569a0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:600;cursor:pointer}.notifications-popover-empty{min-height:150px;display:grid;place-items:center;align-content:center;gap:7px;color:#8895a8}.notifications-popover-empty strong{color:#46536c;font-size:11px}.notifications-popover-empty span{position:static;width:auto;height:auto;background:transparent;color:#8895a8;font-size:9px}.right-rail{grid-template-columns:1fr}.calls-footer .all-notifications{font-weight:600}.calls-queue-modal{width:min(100%,880px);height:min(88dvh,780px);display:flex;flex-direction:column;padding:24px}.calls-modal-summary{margin:20px 0 14px;padding:13px 15px;border-radius:12px;background:linear-gradient(135deg,#f2f5ff,#f8faff);display:flex;align-items:baseline;gap:9px}.calls-modal-summary strong{font-size:23px;color:#4059c7}.calls-modal-summary span{color:#687790;font-size:11px}.calls-modal-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:12px}.calls-modal-toolbar>label{height:42px;border:1px solid #e3e8f0;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:9px;color:#7b899f}.calls-modal-toolbar input{min-width:0;width:100%;border:0;outline:0;color:var(--navy);font-size:11px}.calls-status-filter{padding:3px;border-radius:10px;background:#f3f5f8;display:flex}.calls-status-filter button{height:34px;border:0;border-radius:8px;background:transparent;color:#718099;padding:0 11px;font-size:9px;cursor:pointer}.calls-status-filter button.is-active{background:#fff;color:#273953;font-weight:650;box-shadow:0 2px 8px #18264114}.calls-modal-result{min-height:39px;padding:0 2px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#718099;font-size:9px}.calls-modal-result small{font-size:8px}.calls-modal-list{min-height:0;overflow:auto;border:1px solid #e8ecf2;border-radius:13px;content-visibility:auto}.calls-modal-row{min-height:72px;padding:10px 12px;display:grid;grid-template-columns:40px minmax(170px,1fr) 115px auto;align-items:center;gap:11px;border-bottom:1px solid #edf0f5}.calls-modal-row:last-child{border-bottom:0}.calls-modal-icon{width:38px;height:38px;border-radius:11px;background:#edf4ff;color:#2f7fd8;display:grid;place-items:center}.calls-modal-icon.is-overdue{background:#ffe9e8;color:#df4649}.calls-modal-client{min-width:0;border:0;background:transparent;padding:2px;text-align:left;display:grid;gap:5px;cursor:pointer}.calls-modal-client strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calls-modal-client small{color:#8290a5;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calls-modal-debt{display:grid;gap:5px;text-align:right}.calls-modal-debt small{color:#8793a6;font-size:8px}.calls-modal-debt strong{font-size:11px}.calls-modal-actions{display:flex;gap:6px}.calls-modal-actions button{height:32px;border:1px solid #e2e7ef;border-radius:8px;background:#fff;color:#52637c;padding:0 10px;font-size:8.5px;cursor:pointer}.calls-modal-actions .is-complete{border-color:#d7eee3;background:#eefaf4;color:#16875e;display:flex;align-items:center;gap:5px}.calls-modal-empty{min-height:250px;display:grid;place-items:center;align-content:center;gap:7px;color:#7d899d}.calls-modal-empty strong{color:#43516a;font-size:12px}.calls-modal-empty span{font-size:9px}.calls-queue-modal>.list-pagination{flex:0 0 auto;padding:12px 2px 0;border-top:0}@media(max-width:720px){.topbar{grid-template-columns:minmax(0,1fr) auto auto}.topbar .notifications-wrap{grid-column:2;grid-row:1}.topbar .header-logout{grid-column:3;grid-row:1}.topbar .notifications-button{display:grid;width:42px;height:42px;background:#f3f5f8}.notifications-popover{position:fixed;left:12px;right:12px;top:61px;width:auto}.calls-queue-modal{height:min(92dvh,760px);padding:19px}.calls-modal-toolbar{grid-template-columns:1fr}.calls-status-filter button{flex:1;padding-inline:5px}.calls-modal-result small{display:none}.calls-modal-row{grid-template-columns:36px minmax(0,1fr) auto;padding:10px 9px}.calls-modal-icon{width:34px;height:34px}.calls-modal-debt{grid-column:2;text-align:left}.calls-modal-actions{grid-column:3;grid-row:1/3;display:grid}.calls-modal-actions button{padding:0 8px}.calls-modal-actions .is-complete{justify-content:center}.calls-modal-client small{white-space:normal;line-height:1.35}.calls-modal-summary{margin-top:15px}.calls-modal-summary span{font-size:10px}.right-rail{grid-template-columns:1fr}}.auth-page{display:block;min-height:100vh;background:radial-gradient(circle at 50% 34%,#fff 0,#f7f9fd 52%,#eef2f8)}.auth-page .auth-area{width:100%;min-height:100vh;padding:32px 20px;display:grid;place-items:center;background:transparent}.auth-login-shell{width:min(100%,440px);display:grid;justify-items:center;gap:22px}.auth-center-logo{display:block;width:190px;height:58px;object-fit:contain;object-position:center}.auth-login-shell .auth-card{width:100%}.auth-copyright{color:#8b96a8;font-size:10px}.auth-submit:disabled{cursor:wait;opacity:.75;transform:none}@media(max-width:640px){.auth-page .auth-area{padding:24px 16px}.auth-login-shell{gap:18px}.auth-center-logo{width:165px;height:50px}.auth-login-shell .auth-card{padding:26px 21px}}
