:root{--bg:#f5f7fb;--panel:#fff;--text:#12182a;--muted:#758098;--line:#e8ebf3;--purple:#5146ff;--soft:#f0edff;--green:#09a85c;--orange:#ff8b00;--shadow:0 16px 40px rgba(40,50,80,.08)}
html[data-theme=dark]{--bg:#0e121a;--panel:#181d29;--text:#f4f6fb;--muted:#99a3b8;--line:#2b3142;--soft:#29254a;--shadow:0 16px 40px rgba(0,0,0,.3)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}
.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--panel);border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column}
.brand{display:flex;gap:12px;align-items:center;padding:0 12px 24px}.brand>span{font-size:27px;color:var(--purple)}.brand div{display:grid}.brand small,.profile small,.themebox small{color:var(--muted);font-size:10px}
nav{display:grid;gap:7px}nav button{border:0;background:transparent;color:var(--text);text-align:left;padding:13px 14px;border-radius:12px;font-weight:600}nav button:hover,nav .active{background:var(--soft);color:var(--purple)}
.side-bottom{margin-top:auto;display:grid;gap:14px}.themebox,.profile{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:14px;box-shadow:var(--shadow)}
.themebox{display:flex;justify-content:space-between}.themebox div{display:grid;gap:5px}.themebox button{border:0;border-radius:20px;background:var(--purple);color:#fff;width:42px}
.profile{display:flex;align-items:center;gap:10px}.profile>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3158df,#7c4ddd);color:#fff}.profile div{display:grid;gap:4px}
main{margin-left:260px;padding:28px 32px 50px}header{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:28px}h1{font-size:34px;margin:0 0 8px;letter-spacing:-.04em}header p{margin:0;color:var(--muted)}
.head-actions{display:flex;gap:12px;align-items:center}.head-actions input{width:280px}.head-actions input,.modal input,.modal select,.modal textarea{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:12px;outline:0}
.primary{border:0;background:linear-gradient(135deg,var(--purple),#7658ff);color:#fff;border-radius:12px;padding:13px 17px;font-weight:700}.icon{border:0;background:transparent}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}.metrics article,.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
.metrics article{display:flex;gap:18px;align-items:center;padding:22px}.metrics i{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-style:normal;font-size:22px}.metrics div{display:grid;gap:8px}.metrics span{font-size:12px}.metrics b{font-size:24px}.metrics small{font-size:11px}.purple{background:var(--soft);color:var(--purple)}.orange{background:#fff1df;color:var(--orange)}.greenbg{background:#e9f9f0;color:var(--green)}.green{color:var(--green)}.orange-t{color:var(--orange)}
.layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.75fr);gap:18px}.card{padding:20px}.right{display:grid;gap:16px;align-content:start}.cardhead{display:flex;justify-content:space-between;align-items:center}.cardhead h2,.card h2{margin:0}.tabs{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.tabs button,.outline,.morebtn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:9px 14px}.tabs .active{background:var(--soft);color:var(--purple);border-color:transparent}
.lead{display:grid;grid-template-columns:48px 1.2fr 36px 1.25fr .7fr 24px;gap:13px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--purple);font-weight:800}.lead small{display:block;color:var(--muted);margin-top:6px}.chan{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px}.Telegram{background:#149ce5}.WhatsApp{background:#12b856}.VK{background:#2787f5}.Instagram{background:linear-gradient(135deg,#f7c834,#ef2c7a,#6328d8)}.Сайт{background:#73809b}.late{color:#ff3b3b}.today{color:var(--orange)}.contacted{color:var(--green)}.more{border:0;background:transparent;color:var(--muted)}.morebtn{display:block;margin:12px auto 0;min-width:220px}
.pro{border-color:#cbc4ff}.protop{display:flex;align-items:center;gap:9px}.protop span{background:var(--purple);color:#fff;padding:5px 8px;border-radius:8px;font-size:10px}.protop b{color:var(--purple);font-size:13px}.protop em{margin-left:auto;color:#ffad00;font-size:22px}.pro h3{font-size:19px}.pro p,.muted{color:var(--muted);line-height:1.5}.pro ul{list-style:none;padding:0;display:grid;gap:9px}.pro li:before{content:'✓';color:var(--purple);font-weight:800;margin-right:10px}.pro li{font-size:12px}.pro button{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:12px;border-radius:11px;font-weight:700}
.messengers{display:flex;justify-content:space-around;margin:18px 0}.messengers button{width:38px;height:38px;border:0;border-radius:50%;color:#fff;font-weight:800}.outline{display:block;margin:auto}.link{border:0;background:transparent;color:var(--purple)}.ideaPrev{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}.ideaPrev span:first-child{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff1df}.ideaPrev small{color:var(--muted)}.tag{background:var(--soft);color:var(--purple)!important;padding:4px 7px;border-radius:8px}
.modal{position:fixed;inset:0;background:rgba(7,10,18,.58);display:none;place-items:center;padding:20px}.modal.open{display:grid}.modalbox{position:relative;width:min(520px,100%);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:25px}.modalbox.wide{width:min(850px,100%)}.close{position:absolute;right:16px;top:16px;border:0;background:transparent;color:var(--text);font-size:24px}.modal form{display:grid;gap:12px}.modal textarea{min-height:110px}.ideaGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.ideaCard{border:1px solid var(--line);border-radius:14px;padding:14px}.ideaCard p{color:var(--muted);font-size:12px}.toast{position:fixed;right:22px;bottom:22px;background:#171c28;color:#fff;padding:13px 17px;border-radius:12px;opacity:0;transform:translateY(10px);transition:.25s}.toast.show{opacity:1;transform:none}
@media(max-width:1050px){.sidebar{width:220px}main{margin-left:220px}.layout{grid-template-columns:1fr}.right{grid-template-columns:1fr 1fr}.pro{grid-column:1/-1}}@media(max-width:800px){.sidebar{position:static;width:auto}.side-bottom{display:none}nav{display:flex;overflow:auto}nav button{min-width:max-content}main{margin:0;padding:18px}header{flex-direction:column}.head-actions{width:100%;flex-wrap:wrap}.head-actions input{flex:1}.metrics{grid-template-columns:1fr}.right{grid-template-columns:1fr}.pro{grid-column:auto}.lead{grid-template-columns:48px 1fr auto}.lead .status,.lead .value{grid-column:2}.lead .more{grid-column:3;grid-row:2}}@media(max-width:520px){h1{font-size:27px}.head-actions .primary{width:100%}.ideaGrid{grid-template-columns:1fr}}
/* Separate pages */
.page{display:none}.page.active-page{display:block}
.settings-page{min-height:calc(100vh - 56px)}
.settings-header{margin-bottom:22px}
.settings-shell{display:grid;grid-template-columns:240px 1fr;min-height:430px;padding:0;overflow:hidden}
.settings-side{border-right:1px solid var(--line);padding:22px}
.settings-side button{width:100%;border:0;background:var(--soft);color:var(--purple);padding:13px 14px;border-radius:12px;text-align:left;font-weight:700}
.settings-content{padding:30px;display:grid;gap:28px;align-content:start}
.setting-group{border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--panel)}
.setting-group h3{margin:0 0 7px}.setting-group p{margin:0 0 18px;color:var(--muted);font-size:13px}
.theme-control{height:58px;border:1px solid var(--line);border-radius:13px;background:var(--soft);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;gap:22px}
.theme-control>span:first-child{text-align:right}.theme-control>span:last-child{text-align:left}
.switch{position:relative;width:58px;height:32px;border:0;border-radius:30px;background:#d8dbe5;padding:3px;transition:.25s}
.switch i{display:block;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.22);transition:.25s}
html[data-theme=dark] .switch{background:var(--purple)}
html[data-theme=dark] .switch i{transform:translateX(26px)}
#languageSelect{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:13px;outline:0}
.calendar-card{display:block}.mini-calendar{padding-top:12px}.month{text-align:center;font-weight:700;margin-bottom:12px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}.week{color:var(--muted);font-size:10px;margin-bottom:8px}.days span{padding:7px 2px;border-radius:8px;font-size:11px}.days .muted-day{color:#b7bdca}.days .selected{background:var(--purple);color:white}
.messengers .tg{background:#149ce5}.messengers .wa{background:#12b856}.messengers .vk{background:#2787f5}.messengers .ig{background:linear-gradient(135deg,#f7c834,#ef2c7a,#6328d8)}
@media(max-width:800px){.settings-shell{grid-template-columns:1fr}.settings-side{border-right:0;border-bottom:1px solid var(--line)}.theme-control{grid-template-columns:1fr auto 1fr;padding:0 10px;gap:10px}}