:root{color-scheme:dark;--bg:#12171c;--panel:#1b2229;--line:#303940;--text:#eef3f5;--muted:#94a3ad;--accent:#37d6b0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}button{color:inherit;background:#252e36;border:1px solid var(--line);border-radius:8px;padding:10px 14px}button:hover{background:#34414b}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}aside{width:224px;position:fixed;height:100vh;background:#191f25;border-right:1px solid var(--line);padding:30px 20px}.brand{display:flex;gap:12px;align-items:center;color:var(--accent);text-decoration:none;font-weight:800;font-size:34px}.brand span{font-size:21px;color:var(--text)}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:4px}.navlabel{font-size:9px;color:#778792;letter-spacing:1.5px;margin:56px 8px 16px}nav button{display:flex;gap:14px;width:100%;margin:7px 0;border:0;background:transparent;text-align:left;color:var(--muted)}nav button.active{background:#183a35;color:#73e8cc}.sidebottom{position:absolute;bottom:24px;font-size:10px;color:var(--muted)}.online{color:#80c5b2}.sidebottom p{max-width:175px;line-height:1.7}main{margin-left:224px}header{min-height:78px;border-bottom:1px solid var(--line);padding:20px 34px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.account{display:flex;align-items:center;gap:12px}.account>span{color:#e0ba77;font-size:10px;background:#342e22;padding:5px 8px;border-radius:4px}.content{padding:36px 34px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--accent);font-weight:700}h1{font-size:32px;letter-spacing:-1px;margin:9px 0}p{color:var(--muted);line-height:1.6}.heading p{margin:0}.primary{background:var(--accent);color:#102d25;font-weight:800;border:0;padding:13px 18px}.primary:hover{background:#78e9cd}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.stat label{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:28px;margin-top:8px}.stat small{font-size:11px;color:var(--muted);margin-left:10px;font-weight:400}.stat.warn strong{color:#f2a39e}.toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.tabs{display:flex;gap:5px;background:#1b2229;border-radius:9px;padding:4px}.tabs button{border:0;background:transparent;color:var(--muted);padding:9px 12px}.tabs button.active{background:#35424b;color:#fff}.filters{display:flex;gap:8px;flex-wrap:wrap}input,select,textarea{background:#141b21;color:var(--text);border:1px solid #38444e;border-radius:7px;padding:10px;min-width:0}input::placeholder,textarea::placeholder{color:#73838e}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel)}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:600;padding:16px;border-bottom:1px solid var(--line)}td{padding:19px 16px;border-bottom:1px solid #2b353e;font-size:12px}tbody tr:last-child td{border:0}tbody tr:hover{background:#242e37}td small{display:block;color:var(--muted);margin-top:6px;font-size:11px}.clientbtn{padding:0;background:transparent;border:0;text-align:left;font-weight:700;font-size:13px}.clientbtn:hover{background:none;color:var(--accent)}.avatar{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;background:#334344;color:#ade0d4;border-radius:10px;margin-right:10px;font-size:12px}.badge{display:inline-block;padding:6px 9px;border-radius:5px;background:#243b3a;color:#8bdcc8;font-size:10px}.badge[data-s="Новый"]{background:#273b4e;color:#94c7ef}.badge[data-s="Думает"],.badge[data-s="Согласование"]{background:#403a2b;color:#e5c184}.badge[data-s="Отказ"]{background:#422e32;color:#e4a3a9}.overdue{color:#f6a29c}.comment{max-width:220px;overflow:hidden;text-overflow:ellipsis;color:#a9b6bf}.tablefoot{padding:14px 17px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.demofoot{font-size:10px;margin-top:22px;color:#74838d}.empty{padding:50px;text-align:center;color:var(--muted)}dialog{background:var(--panel);color:var(--text);border:1px solid #45515c;border-radius:16px;width:800px;max-width:96vw;max-height:90vh;padding:28px}dialog::backdrop{background:#080d14bb;backdrop-filter:blur(4px)}.modalhead{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.modalhead h2{margin:4px 0 8px}.modalhead p{font-size:12px;margin:0 0 20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted)}.wide{grid-column:1/-1}textarea{resize:vertical;min-height:70px}.sectiontitle{font-size:13px;margin:25px 0 14px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.history{border-left:1px solid #3c5550;margin-left:5px;padding-left:18px}.event{padding:4px 0 17px;position:relative}.event:before{content:'';position:absolute;width:7px;height:7px;left:-22px;top:9px;background:var(--accent);border-radius:50%}.event small{font-size:10px;color:var(--muted)}.event p{margin:6px 0;color:#d5dfe5;font-size:12px;white-space:pre-wrap}.teamcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.teamcard{background:var(--panel);padding:24px;border:1px solid var(--line);border-radius:12px}.teamcard h3{margin:12px 0 4px}.teamcard button{margin-top:10px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#d4faee;color:#14372b;padding:12px 22px;border-radius:10px;display:none;z-index:100}.count{font-size:12px;color:var(--muted)}@media(max-width:1100px){aside{width:185px;padding:25px 14px}main{margin-left:185px}.content{padding:26px 22px}.stats{gap:10px}.stat{padding:14px}header{padding:18px 22px}.comment{max-width:150px}}@media(max-width:700px){aside{position:static;width:auto;height:auto;padding:15px}.brand small,.navlabel,.sidebottom{display:none}.brand{font-size:24px}.brand span{font-size:18px}nav{display:flex;margin-top:12px}nav button{margin:0;justify-content:center;padding:10px}main{margin:0}header{padding:12px;flex-wrap:wrap;gap:10px}.content{padding:24px 15px}.heading{align-items:flex-start;gap:10px}h1{font-size:28px}.heading p{font-size:12px}.primary{padding:11px;font-size:12px}.stats{grid-template-columns:1fr 1fr}.grid,.teamcards{grid-template-columns:1fr}.wide{grid-column:auto}.filters input{width:100%}.filters{width:100%}.toolbar select{flex:1}dialog{padding:20px}}
[hidden]{display:none!important}
.advancedfilters{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:16px;padding:20px;margin-bottom:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.advancedfilters .field{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:12px}.advancedfilters button{align-self:end}.selectionbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0;font-size:12px;color:var(--muted)}.pagesize{margin-left:auto;display:flex;align-items:center;gap:10px}.checkcell{width:42px;padding-right:5px}input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}.selectedrow{background:#1f3935}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pagination div{display:flex;align-items:center;gap:15px}button:disabled{opacity:.4;cursor:default}.badge[data-s="В работе"]{background:#243b3a;color:#8bdcc8}.badge[data-s="Не интересно"]{background:#422e32;color:#e4a3a9}.badge[data-s="Не отвечает"]{background:#403a2b;color:#e5c184}.badge[data-s="Рекавери"]{background:#38304e;color:#cbb1f0}#filtererror{color:#f6a29c;font-size:12px;grid-column:1/-1}#subtitle:empty{display:none}.tablewrap{max-height:65vh}.tablewrap th{position:sticky;top:0;background:#1b2229;z-index:1}@media(max-width:700px){.advancedfilters{grid-template-columns:1fr 1fr}.pagesize{margin-left:0}}@media(max-width:420px){.advancedfilters{grid-template-columns:1fr}}
:root,[data-theme=dark]{color-scheme:dark;--bg:#101426;--panel:#1b223b;--line:#343e61;--text:#edf0ff;--muted:#a7b2d0;--accent:#b3a2ff;--side:#161c32;--control:#242e4b;--hover:#303b60;--input:#151d35;--active:#34305a;--activeText:#e0d5ff;--danger:#ffa6b5;--badgeBg:#30365f;--badgeText:#c9d1ff;--primaryText:#17132f;--shadow:0 5px 22px #080b1618}
[data-theme=light]{color-scheme:light;--bg:#f0f6fc;--panel:#fff;--line:#d7e4f1;--text:#183450;--muted:#58728b;--accent:#246ed5;--side:#fff;--control:#edf5ff;--hover:#deedff;--input:#f8fbff;--active:#dfedff;--activeText:#1659ad;--danger:#bc3453;--badgeBg:#e3f0ff;--badgeText:#215c9e;--primaryText:#fff;--shadow:0 5px 22px #24496e08}
aside{background:var(--side)}button{background:var(--control)}button:hover{background:var(--hover)}nav button{background:transparent}nav button.active{background:var(--active);color:var(--activeText)}.primary{background:var(--accent);color:var(--primaryText)}.primary:hover{background:var(--accent);filter:brightness(1.1)}input,select,textarea{background:var(--input);border-color:var(--line)}input::placeholder,textarea::placeholder{color:var(--muted)}.tabs,.tablewrap th{background:var(--panel)}.tabs button.active{background:var(--active);color:var(--activeText)}tbody tr:hover{background:var(--hover)}td{border-color:var(--line)}.avatar{background:var(--active);color:var(--activeText)}.clientbtn{background:transparent}.clientbtn:hover{background:transparent}.badge,.badge[data-s="В работе"]{background:var(--badgeBg);color:var(--badgeText)}.selectedrow{background:var(--active)}.comment,.demofoot,.navlabel,.sidebottom{color:var(--muted)}.stat.warn strong,.overdue,#filtererror{color:var(--danger)}.online{color:var(--accent)}dialog{border-color:var(--line)}.event p{color:var(--text)}.history{border-color:var(--line)}.stat,.summarypanel{box-shadow:var(--shadow)}[data-theme=light] .badge[data-s="Новый"]{background:#dff1ff;color:#155d91}[data-theme=light] .badge[data-s="Не интересно"]{background:#ffe9ed;color:#a52d49}[data-theme=light] .badge[data-s="Не отвечает"]{background:#fff1d8;color:#80560d}[data-theme=light] .badge[data-s="Рекавери"]{background:#eee6ff;color:#6944a8}[data-theme=light] .account>span{background:#fff0d5;color:#78540f}
.account{flex-wrap:wrap;justify-content:flex-end}.account #theme{max-width:140px}#mskclock{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text);font-size:12px;min-width:125px}header{gap:15px;flex-wrap:wrap}.summarygrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.summarypanel{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;min-width:0}.panelhead{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.panelhead h2{font-size:15px;margin:0}.panelhead h2 span{font-size:11px;background:var(--active);color:var(--activeText);padding:3px 7px;border-radius:6px;margin-left:6px}.panelhead button{font-size:11px;white-space:nowrap}.panelhint{font-size:11px;margin:14px 20px}.summaryrow{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);font-size:12px}.summaryrow:last-child{border:0}.summaryrow small{display:block;font-size:11px;color:var(--muted);margin-top:6px;line-height:1.6}.summaryrow>span{white-space:nowrap;font-size:11px}.summaryrow>div:last-child{text-align:right}.summaryrow>div:first-child{text-align:left}.statusdistribution{padding:12px 20px 20px}.statusline{display:grid;grid-template-columns:1fr auto;gap:10px;background:transparent;border:0;width:100%;text-align:left;padding:12px 0;border-radius:0}.statusline:hover{background:transparent;color:var(--accent)}.bartrack{grid-column:1/-1;background:var(--control);height:6px;border-radius:6px;overflow:hidden}.barfill{height:100%;background:var(--accent);border-radius:6px}@media(max-width:1000px){.summarygrid{grid-template-columns:1fr}.account{gap:8px}}@media(max-width:700px){nav{flex-wrap:wrap}nav button{width:50%}.account{justify-content:flex-start}.panelhead{padding:16px}.summaryrow{padding:15px}.summaryrow>span{white-space:normal}.account>span{display:none}}


.overview{grid-column:1/-1}.overviewbody{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(300px,1.5fr);gap:36px;padding:26px 32px;align-items:center}.chartarea{display:flex;justify-content:center}.donut{width:220px;height:220px;border-radius:50%;display:grid;place-items:center}.donutcenter{width:164px;height:164px;border-radius:50%;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center}.donutcenter strong{font-size:44px;letter-spacing:-2px;line-height:1.2}.donutcenter span{font-size:12px;color:var(--muted);margin-top:8px}.summarycolumns,.summarytotal,.summarymetric{display:grid;grid-template-columns:1fr 76px 70px;gap:12px;align-items:center;width:100%;text-align:left}.summarycolumns{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px;padding:0 14px 12px}.summarycolumns>:not(:first-child),.summarytotal>:not(:first-child),.summarymetric>:not(:first-child){text-align:right}.summarytotal{padding:13px 14px;background:var(--active);color:var(--activeText);border:0;margin-bottom:6px}.summarytotal strong{font-size:20px}.summarymetric{padding:12px 14px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}.summarymetric:last-child{border-bottom:0}.summarymetric>span:first-child{display:flex;align-items:center;gap:10px}.summarymetric i{width:9px;height:9px;border-radius:50%;flex-shrink:0}.summarymetric strong{font-size:17px}.summarymetric>span:last-child{color:var(--muted);font-size:12px}.summarymetric:hover{border-radius:7px;background:var(--hover)}@media(max-width:800px){.overviewbody{grid-template-columns:1fr;padding:22px;gap:25px}.donut{width:190px;height:190px}.donutcenter{width:140px;height:140px}}@media(max-width:420px){.summarycolumns,.summarytotal,.summarymetric{grid-template-columns:1fr 50px 48px;gap:5px;padding-left:5px;padding-right:5px}.summarymetric{font-size:12px}}

.managerfilter{position:relative;min-width:185px;max-width:260px;font-size:14px}.managerfilter summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;cursor:pointer;background:var(--input);border:1px solid var(--line);padding:10px;border-radius:7px;min-height:42px}.managerfilter summary::-webkit-details-marker{display:none}.managerfilter summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.managerpopup{position:absolute;top:calc(100% + 6px);left:0;width:max-content;min-width:100%;max-width:min(320px,85vw);background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:7px;box-shadow:0 12px 30px #0003;z-index:20}.managerpopup label{display:flex;align-items:center;gap:10px;padding:10px;border-radius:5px;cursor:pointer;line-height:1.5}.managerpopup label:hover{background:var(--hover)}.managerall{border-bottom:1px solid var(--line);font-weight:600}.manageroptions{max-height:250px;overflow:auto}.managerpopup input{flex-shrink:0;margin:0}@media(max-width:700px){.managerfilter{flex:1;max-width:none}}

.paymenttotal{display:flex;justify-content:space-between;padding:16px;margin-top:16px;background:var(--active);border-radius:8px;color:var(--activeText)}.paymenterror{color:var(--danger);font-size:12px;margin-top:10px}.balancebody{padding:24px}.balancetotal{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;padding:22px;background:var(--active);color:var(--activeText);border-radius:10px}.balancetotal strong{font-size:30px;letter-spacing:-.5px}.balancecategories{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.balancecategory{padding:18px;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:8px;min-width:0}.balancecategory span{font-size:12px;color:var(--muted)}.balancecategory strong{display:block;margin-top:12px;font-size:19px;overflow-wrap:anywhere}.balancecolor0{border-top-color:#4299f5}.balancecolor1{border-top-color:#2bbd93}.balancecolor2{border-top-color:#a58af7}.balancecolor3{border-top-color:#e8ad42}@media(max-width:900px){.balancecategories{grid-template-columns:1fr 1fr}}@media(max-width:500px){.balancetotal{align-items:flex-start;flex-direction:column}.balancetotal strong{font-size:25px}.balancebody{padding:16px}.balancecategory{padding:12px}.balancecategory strong{font-size:16px}.panelhead{flex-wrap:wrap}}

.stats.with-inbox{grid-template-columns:repeat(5,minmax(0,1fr))}.inboxstat{text-align:left;border-color:var(--accent);background:var(--active)}.inboxstat label{cursor:pointer;color:var(--activeText)}.inboxstat strong{color:var(--activeText)}#inboxcount{font-size:11px;margin-left:auto;background:var(--active);color:var(--activeText);border-radius:5px;padding:2px 6px}@media(max-width:1200px){.stats.with-inbox{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.stats.with-inbox{grid-template-columns:repeat(2,minmax(0,1fr))}}


.distributionchoices{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:240px;overflow:auto}.distributionchoices label{display:flex;gap:12px;align-items:center;padding:14px;background:var(--input);border:1px solid var(--line);border-radius:8px;cursor:pointer}.distributionchoices input{margin:0}@media(max-width:500px){.distributionchoices{grid-template-columns:1fr}}
.balancecategories{grid-template-columns:repeat(5,minmax(0,1fr))}.balancecolor4{border-top-color:#ed708d}@media(max-width:1100px){.balancecategories{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.balancecategories{grid-template-columns:repeat(2,minmax(0,1fr))}}
#clientform .modalhead{position:sticky;top:-28px;z-index:5;background:var(--panel);margin:-28px -28px 20px;padding:20px 28px 12px;border-bottom:1px solid var(--line);border-radius:15px 15px 0 0;box-shadow:0 5px 12px #0001}#clientform .modalhead p{margin-bottom:0}#clientform .modalhead [data-close]{flex-shrink:0;min-width:40px;min-height:40px}@media(max-width:700px){#clientform .modalhead{top:-20px;margin:-20px -20px 18px;padding:16px 20px 12px}}

.authbody{display:grid;place-items:center;min-height:100vh;margin:0}.authcard{width:min(420px,90vw);padding:36px;border:1px solid #354268;border-radius:20px;background:#1c253e}.authcard .brand{margin-bottom:28px}.authcard .field{margin:18px 0}.authcard button{width:100%}.authcard [hidden]{display:none}.authcard input{width:100%;box-sizing:border-box}#autherror{color:#ff9eae}#authhint{color:#a9b8d5}.duplicate{display:inline-block;color:#ffcf69;background:#61471e55;padding:4px 8px;border-radius:6px;margin:6px}
.cardnumber{min-width:52px;width:auto;padding:0 8px;font-size:13px;font-variant-numeric:tabular-nums;flex-shrink:0}

select.statusedit{width:auto;min-width:125px;max-width:160px;border:1px solid transparent;border-radius:6px;padding:7px 24px 7px 10px;font-size:11px;cursor:pointer}select.statusedit:hover,select.statusedit:focus-visible{border-color:var(--accent);outline:1px solid var(--accent)}select.statusedit:disabled{opacity:.6;cursor:wait}select.statusedit option{background:var(--panel);color:var(--text)}