@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#20384b;--ink:#223244;--muted:#87919c;--line:#e8ebee;--bg:#f6f7f9;--orange:#df835e;--green:#38866b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px 'Manrope',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}button{transition:.18s}button:hover{filter:brightness(.96)}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e9b591;outline-offset:3px}.sidebar{width:236px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:32px 22px;display:flex;flex-direction:column;z-index:5}.brand{font-size:30px;font-weight:800;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px}.brandmark{width:34px;height:34px;display:grid;place-items:center;background:var(--navy);color:#fff;border-radius:10px;font-size:29px;font-weight:600}.branddot{color:var(--orange);margin-left:-11px}.workspace{display:flex;gap:10px;align-items:center;margin-top:36px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:700;font-size:11px}.workspace small,.profile small{display:block;color:var(--muted);font-size:10px;font-weight:500;margin-top:5px}.workicon{border:1px solid var(--line);border-radius:8px;padding:10px;color:var(--orange);background:#fff9f5}.chev{margin-left:auto}.navlabel{font-size:9px;letter-spacing:1.6px;color:#a0a7af;margin:30px 10px 13px}nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:6px;color:#76818b;font-size:12px;border-radius:8px;font-weight:600}nav a.active{background:#eaf0f4;color:var(--navy)}nav a svg{width:18px;height:18px}nav a .count{margin-left:auto;background:#fff;padding:2px 6px;border-radius:5px;font-size:10px}.sidebottom{margin-top:auto}.online{font-size:10px;display:flex;align-items:center;gap:7px;padding:20px 4px;color:#89929c}.online i,.demobadge i{width:5px;height:5px;background:#65a78a;border-radius:50%;display:inline-block}.online span{margin-left:auto}.profile{border:0;border-top:1px solid var(--line);padding:20px 0 0;display:flex;text-align:left;align-items:center;gap:10px;background:none;font-weight:700;font-size:11px;width:100%}.avatar{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;font-size:10px;font-weight:800;flex-shrink:0;background:#f2e7df;color:#9c6848}.avatar.navy{background:#e9eef2;color:var(--navy)}.avatar.green{background:#e7f0eb;color:#47816a}.avatar.lilac{background:#efebf4;color:#8771a2}.small{width:30px;height:30px}.shell{margin-left:236px}header{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:10px;color:#9aa2aa}.breadcrumb span{padding:0 13px;color:#c9cdd2}.breadcrumb b{font-weight:500;color:#4e5b66}.headerRight{display:flex;align-items:center;gap:20px}.demobadge{font-size:10px;background:#f1f5f1;border-radius:20px;padding:7px 11px;color:#638372;display:flex;gap:7px;align-items:center}.iconbtn{border:0;background:transparent;font-size:23px;color:#89939d;padding:5px 8px}main{padding:34px 38px;min-height:calc(100vh - 130px);max-width:1750px;margin:auto}h1{font-size:27px;letter-spacing:-.9px;font-weight:800;margin:0 0 8px}h2{font-size:14px;letter-spacing:-.25px;margin:0;font-weight:800}p{line-height:1.7}.sub{font-size:11px;color:var(--muted);margin:0}.pagehead{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px}.actions{display:flex;align-items:center;gap:10px}.btn{border:1px solid #dde3e7;background:#fff;border-radius:7px;padding:10px 15px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.ghost{border:0;background:none;color:#73818d}.btn svg{width:15px;height:15px}.select{border:1px solid #e0e5e8;border-radius:7px;background:#fff;padding:9px 12px;font-size:11px;color:#5d6c78}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px 21px;position:relative}.statlabel{display:flex;justify-content:space-between;font-size:10px;color:#788590;font-weight:600}.statlabel svg{width:15px;height:15px;color:#a3afb8}.statnumber{font-size:30px;letter-spacing:-1px;font-weight:700;line-height:1.5;margin-top:10px}.statfoot{font-size:9px;color:#9ba3ab;margin-top:7px}.statfoot span{color:#55957c;margin-right:7px;background:#f1f7f4;border-radius:4px;padding:3px 5px}.split{display:grid;grid-template-columns:1.8fr 1fr;gap:22px;margin-bottom:22px}.panel{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.panelhead{display:flex;align-items:center;justify-content:space-between;padding:22px 23px 15px}.legend{display:flex;gap:16px;font-size:9px;color:#95a0aa}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:var(--navy)}.legend i.orange{background:#e8b291}.chart{padding:0 22px 15px;height:205px;display:flex;align-items:end;gap:20px}.axis{display:flex;height:160px;flex-direction:column;justify-content:space-between;color:#a2aab3;font-size:9px;padding-bottom:20px}.bars{height:160px;flex:1;display:flex;justify-content:space-around;align-items:end;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#f0f2f5 39px,#f0f2f5 40px);padding-bottom:20px}.barpair{display:flex;align-items:end;justify-content:center;gap:8px;height:100%;width:15%;position:relative}.bar{background:#2e4b61;border-radius:4px 4px 0 0;width:24px;min-height:0}.bar.light{background:#e8b291}.barpair label{position:absolute;bottom:-19px;font-size:9px;color:#9aa3ab;white-space:nowrap}.funnel{padding:4px 23px 17px}.funnelrow{margin:12px 0}.funneltitle{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px}.track{height:6px;background:#f4f5f7;border-radius:5px}.track i{display:block;height:100%;border-radius:5px;background:#50728a}.tabletop{display:flex;align-items:center;justify-content:space-between;padding:21px 23px}.tabletop small{color:#98a1aa;font-size:10px;margin-left:10px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{background:#fafbfc;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 20px;font-size:9px;font-weight:600;color:#939ca7}td{padding:15px 20px;border-bottom:1px solid #f0f2f4;font-size:11px}tbody tr{cursor:pointer}tbody tr:hover{background:#fafcfd}.clientname{font-weight:700}.clientname small{display:block;font-weight:500;color:#9aa4ad;font-size:9px;margin-top:5px}.cellperson{display:flex;gap:8px;align-items:center}.cellperson .avatar{width:25px;height:25px;font-size:8px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:600;background:#edf2f7;color:#5e7a94}.pill:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.pill.green{color:#448c70;background:#ebf5ef}.pill.orange{color:#ba8b47;background:#faf2e5}.pill.red{color:#be7073;background:#fcf0f0}.pill.gray{color:#8c959f;background:#f1f3f5}.bankmini{display:inline-flex;align-items:center;gap:6px}.bankmini img{width:21px;height:21px;object-fit:contain;border:1px solid #edf0f3;border-radius:5px;padding:2px;background:#fff}.more{font-size:9px;color:#8b97a1;margin-left:3px}.bottomrow{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;font-size:9px;color:#99a2ad}.link{color:#688297;background:none;border:0;font-size:10px;font-weight:700;cursor:pointer}.toolbar{display:flex;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search{position:relative;flex:1;min-width:190px}.search input{padding:10px 12px 10px 35px;border:1px solid #e1e6ea;border-radius:7px;width:100%;background:#fff;font-size:11px}.search svg{position:absolute;left:12px;top:11px;width:14px;height:14px;color:#98a2ad}.chips{display:flex;gap:7px;margin-top:14px}.chip{padding:6px 11px;border:1px solid var(--line);background:white;border-radius:20px;color:#7d8994;font-size:10px}.chip.active{background:#e9eef3;color:var(--navy);border-color:#d6e1e9}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bankcard,.teamcard{background:white;border:1px solid var(--line);border-radius:10px;padding:23px}.bankcard img{width:36px;height:36px;object-fit:contain;margin-bottom:18px}.bankcard h2{font-size:13px;margin-bottom:8px}.bankcard .bankmetrics{margin-top:23px;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;color:#8d98a2;font-size:10px}.bankmetrics b{display:block;color:var(--ink);font-size:19px;margin-top:5px}.teamcard .avatar{width:44px;height:44px;font-size:14px}.teamcard h2{margin:16px 0 5px}.teamstats{display:flex;gap:25px;margin-top:24px;font-size:10px;color:#9aa3ac}.teamstats b{display:block;font-size:22px;color:var(--ink);margin-bottom:6px}.kanban{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:15px;overflow:auto;padding-bottom:20px}.column{background:#eef1f4;border-radius:10px;padding:13px;min-height:400px}.colhead{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin:3px 0 18px}.colhead span{background:#fff;padding:2px 6px;border-radius:5px;font-size:9px}.deal{background:white;padding:16px;border-radius:8px;margin-bottom:10px;border:1px solid #e7ebef;cursor:pointer}.deal h3{font-size:11px;margin:0 0 7px}.deal .money{font-size:17px;font-weight:700;margin:16px 0}.deal .dealbottom{display:flex;justify-content:space-between;align-items:center}.overlay{position:fixed;inset:0;background:#162b3f5c;backdrop-filter:blur(3px);z-index:20}.drawer{position:fixed;right:0;top:0;bottom:0;width:620px;max-width:95vw;background:#fff;z-index:21;overflow:auto;box-shadow:-15px 0 60px #142a4320}.drawerhead{display:flex;justify-content:space-between;align-items:center;padding:23px 27px;border-bottom:1px solid var(--line)}.drawerbody{padding:27px}.eyebrow{font-size:9px;color:#9ba4ad;letter-spacing:1.3px;margin-bottom:9px}.drawer h1{font-size:24px}.drawer .subtitle{display:flex;gap:9px;align-items:center;margin:14px 0 24px}.drawersection{padding:23px 0;border-top:1px solid var(--line)}.drawersection h2{margin-bottom:17px}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detailgrid label,.field label{display:block;color:#99a3ad;font-size:10px;margin-bottom:7px}.detailgrid b{font-size:12px;font-weight:600}.bankrow{border:1px solid var(--line);border-radius:8px;padding:13px;margin:9px 0;display:flex;align-items:center;gap:12px}.bankrow img{width:29px;height:29px;object-fit:contain}.bankrow .bankname{flex:1;font-size:11px;font-weight:700}.bankrow .bankname small{display:block;color:#a0a8b0;font-size:9px;margin-top:5px;font-weight:400}.bankrow select{max-width:160px;font-size:10px}.drawer textarea{width:100%;border:1px solid #e1e6eb;border-radius:7px;padding:12px;resize:vertical;min-height:90px;color:#5f6d7a;font-size:11px}.drawerfoot{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);padding:15px 27px;display:flex;justify-content:flex-end;gap:10px}.timeline{border-left:1px solid #e3e9ef;padding-left:20px;margin-left:5px;font-size:11px;line-height:1.8;color:#687886}.timeline small{display:block;color:#a2aab3;font-size:9px;margin-bottom:12px}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:560px;max-width:94vw;max-height:90vh;overflow:auto;background:white;border-radius:13px;z-index:25;padding:28px;box-shadow:0 20px 100px #17283d22}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field input,.field select{width:100%;border:1px solid #dde4ea;padding:11px;border-radius:6px;background:white}.field.wide{grid-column:1/-1}.bankchoices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bankchoice{border:1px solid var(--line);border-radius:7px;padding:11px;display:flex;align-items:center;gap:9px;font-size:11px}.bankchoice img{width:24px;height:24px;object-fit:contain}.bankchoice:has(input:checked){background:#edf4f7;border-color:#a8c1d0}.modalactions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--navy);color:#fff;padding:13px 22px;border-radius:9px;z-index:50;transition:.3s;font-size:12px}#toast.show{transform:translateX(-50%)}footer{max-width:1750px;margin:auto;padding:0 38px 24px;font-size:9px;color:#a9b0b7;display:flex;justify-content:space-between}footer span{letter-spacing:1.6px;font-size:8px}.empty{padding:50px;text-align:center;color:#8b96a0}.notice{background:#fff6e9;border:1px solid #f4e5cb;color:#9f7d4d;font-size:10px;padding:12px 16px;border-radius:8px;margin-bottom:23px}.introline{display:flex;align-items:center;gap:9px}.introline .live{font-size:9px;color:#7e9c8a;background:#edf5f0;padding:4px 7px;border-radius:5px}.listicon{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#edf1f4;color:#62788b;font-weight:800}
[hidden]{display:none!important}@media(min-width:1600px){main{padding-top:42px}.stat{padding:25px}.chart{height:230px}.bars,.axis{height:185px}}@media(max-width:1150px){.sidebar{width:200px;padding:27px 16px}.shell{margin-left:200px}main{padding:27px 24px}header{padding:0 24px}.stats{gap:10px}.stat{padding:17px 13px}.statnumber{font-size:25px}.split{grid-template-columns:1.4fr 1fr}.grid3{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{width:70px;padding:24px 10px}.brand{font-size:0;gap:0;justify-content:center}.branddot,.workspace,.navlabel,.sidebottom{display:none}nav{margin-top:35px}nav a{font-size:0;padding:13px;justify-content:center}nav a svg{width:20px;height:20px;flex-shrink:0}nav .count{display:none}.shell{margin-left:70px}.breadcrumb{font-size:9px}.headerRight{gap:7px}main{padding:24px 17px}.pagehead{align-items:flex-start;flex-direction:column}h1{font-size:24px}.stats{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.grid3{grid-template-columns:1fr}.legend{font-size:8px}.actions{flex-wrap:wrap}.demobadge{font-size:9px}header{height:65px;padding:0 17px}footer{padding:0 17px 20px}footer span{display:none}.formgrid{grid-template-columns:1fr}.bankchoices{grid-template-columns:1fr}.detailgrid{gap:15px}.drawerbody{padding:20px}.bankrow{gap:8px}.bankrow select{max-width:130px}}
#syncbanner{background:#fff2e6;color:#9b572e;font-size:12px;padding:13px 38px;border-bottom:1px solid #edcfb6}button:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}.empty p{max-width:500px;margin:15px auto 24px}.notice{line-height:1.8}.bankchoice input{accent-color:#20384b}


/* ОТДЕЛЫ.ru identity */
:root{--navy:#6D4AFF;--ink:#252333;--muted:#8D899B;--line:#EBE8F1;--bg:#F7F6FA;--orange:#D8F36A;--green:#38866b}
.brand{gap:9px;letter-spacing:-.9px;font-size:23px;white-space:nowrap}.brand-symbol{width:36px;height:36px;flex-shrink:0}.brand-word{font-weight:800}.brand-ru{color:#6D4AFF;font-size:19px;font-weight:600;letter-spacing:-.8px}.brand-tagline{font-size:7px;letter-spacing:1.4px;color:#9C96AD;margin-top:12px;white-space:nowrap}.workspace{margin-top:27px}.workicon{color:#6D4AFF;background:#F2EEFF;border-color:#E5DCFF}nav a.active{background:#F0EBFF;color:#6543E9;box-shadow:inset 3px 0 #6D4AFF}nav a:hover{background:#F7F4FF}.btn.primary{background:#6D4AFF;border-color:#6D4AFF;box-shadow:0 3px 8px #6D4AFF15}.btn.primary:hover{background:#5D3CE5}.brandmark{background:#6D4AFF}.stat{border-radius:13px}.stat:first-child{background:#2B253C;border-color:#2B253C;color:#fff}.stat:first-child .statlabel{color:#CAC1DD}.stat:first-child .statfoot{color:#B4AACB}.stat:first-child .statlabel svg{color:#D8F36A}.statnumber{letter-spacing:-1.2px}.bar{background:#6D4AFF}.bar.light{background:#D8F36A}.legend i{background:#6D4AFF}.legend i.orange{background:#D8F36A}.avatar.navy{background:#EEE8FF;color:#6D4AFF}.demobadge{background:#F1F6DF;color:#60782C}.demobadge i{background:#91B83E}.panel,.bankcard,.teamcard{border-radius:12px}.chart .bar{border-radius:5px 5px 0 0}.profile{color:#383044}#toast{background:#2B253C}.bankchoice:has(input:checked){background:#F4F0FF;border-color:#9A81FF}.bankchoice input{accent-color:#6D4AFF}.drawer .eyebrow{color:#8A70D8}.drawerfoot .btn.primary{background:#6D4AFF}.brand-word{color:#292334}h1{color:#292334}
@media(max-width:1150px) and (min-width:801px){.brand{font-size:19px;gap:6px}.brand-symbol{width:30px;height:30px}.brand-ru{font-size:16px}.brand-tagline{font-size:6px;letter-spacing:1px}}
@media(max-width:800px){.brand-word,.brand-tagline{display:none}.brand{justify-content:center}.brand-symbol{width:36px;height:36px}}
.bank-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.bank-order{display:flex;gap:5px}.bank-order .btn{padding:4px 9px;font-size:15px}.bankcard[draggable=true]{cursor:grab}.bankcard[draggable=true]:active{cursor:grabbing}.bankcard .listicon{margin-bottom:18px;width:36px;height:36px;background:#eee8ff;color:#6d4aff}.bankcard h2{overflow-wrap:anywhere}