:root{color-scheme:dark;--bg:#0c0c11;--panel:#14141d;--panel2:#1b1b28;--border:#2a2935;--text:#f5f1ff;--muted:#9693a8;--purple:#ac8aff;--highlight:#7340f5;--green:#62dbb2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2,h3,p{margin:0}h1{font-size:31px;letter-spacing:-1.2px;font-weight:680}h2{font-size:19px;letter-spacing:-.4px}h3{font-size:15px}p{line-height:1.6}.muted{color:var(--muted)}.hidden{display:none!important}.brand{font-weight:800;letter-spacing:1px;font-size:18px}.brand span{color:var(--purple);font-size:12px;margin-left:4px}.overline{color:var(--muted);letter-spacing:2px;font-size:10px;font-weight:700;margin-bottom:10px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 80% 10%,#2e214a 0,transparent 48%),radial-gradient(ellipse at 0 95%,#18182f 0,transparent 50%),#0c0c11;padding:22px}.login-card{width:min(100%,440px);padding:45px 40px;background:#15141fe8;border:1px solid #3d344f;border-radius:24px;box-shadow:0 24px 100px #0007}.login-card .brand{margin-bottom:50px}.login-card p{margin:15px 0 24px}.login label,.dialog label{display:block;color:#b6b1c6;font-size:12px;margin-bottom:15px}.login input,.dialog input,.dialog select,.dialog textarea{display:block;width:100%;border:1px solid #343142;background:#111119;color:var(--text);border-radius:10px;padding:12px;margin-top:8px;font:inherit;outline:none}.login input:focus,.dialog input:focus,.dialog textarea:focus{border-color:var(--purple)}button{font:inherit;cursor:pointer;border:0;color:var(--text)}.primary{background:linear-gradient(105deg,#7948e7,#a67bfc);font-weight:650;padding:13px 16px;border-radius:11px;width:100%;display:flex;justify-content:space-between;align-items:center}.primary:hover{filter:brightness(1.12)}.error{color:#ffa2b0;padding-top:8px;min-height:24px}.app{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--border);background:#101017;position:sticky;top:0;height:100vh;padding:27px 16px;display:flex;flex-direction:column}.sidebar .brand{padding:0 13px}.sublogo{margin:7px 13px 36px;color:#746e86;font-size:10px;letter-spacing:1px}.dot{color:var(--green);font-size:8px}.nav-btn{background:transparent;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 13px;border-radius:10px;width:100%;color:#a7a4b7;margin:4px 0}.nav-btn:hover{background:#221e31;color:white}.nav-btn.active{background:#2b2240;color:#dfccff}.nav-symbol{width:22px;font-size:19px;text-align:center}.sidebar-foot{margin-top:auto;padding:10px}.nav-chip{font-size:11px;color:#8d87a0;margin-bottom:14px}.ghost{background:transparent;color:#b6a8d9;padding:8px 3px}.main{min-width:0;padding:29px clamp(20px,4vw,60px) 65px}.top{display:flex;align-items:center;justify-content:space-between;padding-bottom:32px;gap:15px}.head-right{display:flex;align-items:center;gap:14px}.env{border:1px solid #374b42;background:#16251f;color:#6de7b4;padding:7px 10px;border-radius:30px;font-size:10px;letter-spacing:1px}.identity{color:#aaa4bc;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.stat{background:linear-gradient(145deg,#1a1925,#15151d);border:1px solid var(--border);padding:22px;border-radius:16px}.stat-label{font-size:12px;color:#aaa5b8}.stat-value{font-size:28px;font-weight:720;letter-spacing:-1px;margin-top:14px}.stat-note{font-size:11px;color:#6b687b;margin-top:6px}.section{background:#14141d;border:1px solid var(--border);padding:20px;border-radius:17px;margin-bottom:20px}.section-head,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.toolbar{margin:0 0 18px}.action{background:#29213b;color:#ddcbff;border:1px solid #49366a;padding:10px 15px;border-radius:9px}.action:hover{background:#3c3055}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;text-align:left;min-width:590px}.table th{font-size:10px;text-transform:uppercase;color:#837d97;letter-spacing:1px;font-weight:700;padding:11px;border-bottom:1px solid var(--border)}.table td{padding:14px 11px;border-bottom:1px solid #22222e;color:#cbc7d7}.table tbody tr:hover{background:#1c1b26}.table td strong{color:#fff}.pill{display:inline-flex;padding:4px 9px;border-radius:30px;background:#302a41;color:#c9acf9;font-size:11px}.pill.green{background:#17372c;color:#8ff1c6}.placeholder{padding:56px 12px;text-align:center;color:#777086}.placeholder b{color:#bbb3ce;display:block;margin-bottom:8px;font-size:16px}.kanban{display:grid;grid-template-columns:repeat(7,minmax(185px,1fr));gap:12px;overflow:auto;padding-bottom:15px}.stage{background:#121219;border:1px solid #2b2937;padding:11px;min-height:300px;border-radius:12px}.stage-title{display:flex;justify-content:space-between;color:#adabc1;font-size:11px;font-weight:700;margin-bottom:14px}.deal-card{background:#22202f;border:1px solid #373246;border-radius:10px;padding:13px;margin-bottom:10px}.deal-card h3{font-size:13px;margin-bottom:6px}.deal-card .muted{font-size:11px}.deal-card .amount{margin-top:14px;font-size:15px}.deal-card select{margin-top:9px;background:#171620;color:#d3c6ea;border:1px solid #3d3650;border-radius:6px;width:100%;padding:5px}.modal{position:fixed;inset:0;z-index:15;background:#07060cbb;display:grid;place-items:center;padding:20px}.dialog{width:min(100%,450px);max-height:90vh;overflow:auto;background:#1a1923;border:1px solid #433753;border-radius:18px;padding:25px}.dialog-top{display:flex;justify-content:space-between;margin-bottom:25px}.dialog textarea{min-height:95px}.toast{position:fixed;bottom:30px;right:30px;background:#302544;border:1px solid #6b4e8d;padding:12px 18px;border-radius:10px;z-index:30}.mobile-nav{display:none}.info{border-left:2px solid var(--purple);padding:10px 15px;background:#211c2c;color:#b7adcb;margin-bottom:20px;font-size:12px}.tagline{color:#888198;font-size:13px;margin-bottom:18px}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.sidebar{width:205px}.app{grid-template-columns:205px 1fr}}@media(max-width:690px){.app{display:block}.sidebar{display:none}.main{padding:22px 14px 95px}.top{align-items:flex-start}.top h1{font-size:26px}.head-right{flex-direction:column;align-items:flex-end;gap:5px}.stats{gap:10px}.stat{padding:15px}.stat-value{font-size:25px}.kanban{grid-template-columns:repeat(7,215px)}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#13121c;justify-content:space-around;border-top:1px solid #323041;padding:9px 5px env(safe-area-inset-bottom);z-index:5}.mobile-nav button{background:none;color:#9d96b1;font-size:11px;display:grid;justify-items:center;gap:3px;padding:5px}.mobile-nav button.active{color:#d6b4ff}.mobile-nav .nav-symbol{font-size:20px}.login-card{padding:30px 24px}.login-card .brand{margin-bottom:30px}}
@media(max-width:690px){.mobile-nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.mobile-nav button{min-width:76px;flex:0 0 76px}.mobile-nav::-webkit-scrollbar{display:none}}

body{background:#0e1016;font-size:13px}
.app{grid-template-columns:210px minmax(0,1fr)}
.sidebar{background:#11131a;padding:20px 12px}
.sidebar .brand{font-size:16px;padding:0 9px}
.sublogo{margin:7px 9px 24px}
.nav-btn{padding:8px 10px;min-height:39px;font-size:12px;margin:1px 0}
.nav-symbol{width:19px;font-size:16px}
.group-label{color:#716f86;font-size:10px;text-transform:uppercase;letter-spacing:1.3px;padding:8px 10px}
.nav-divider{height:1px;margin:12px 8px;background:var(--border)}
.nav-arrow{margin-left:auto;color:#8d849f}
.extra-group{padding-left:10px}
.extra-group .nav-btn{font-size:11px;min-height:33px;padding:6px 8px}
.main{padding:24px clamp(18px,3vw,44px) 60px}
.top{padding-bottom:25px}
.top h1{font-size:28px}
.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:19px}
.stat{padding:17px;border-radius:12px;box-shadow:none}
.stat-value{font-size:27px;margin-top:9px}
.section{border-radius:12px;padding:17px}
.home-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.simple-item{display:flex;align-items:center;text-align:left;gap:9px;width:100%;background:transparent;border:0;border-bottom:1px solid #292937;padding:11px 5px}
.simple-item:hover{background:#22212c}
.simple-item>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.simple-item small{font-size:10px;color:#8c869b;margin-left:auto;display:block}
.simple-item b{color:#c9b3ff;white-space:nowrap}
.small-dot{width:6px;height:6px;border-radius:100%;background:#b090fa;flex:none}
.quick-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:14px}
.quick-actions p{margin-right:auto;color:#898498;font-size:12px}
.action{padding:9px 13px;background:#322647}
.simple-note{color:#777185;font-size:11px}
.mobile-more-panel{display:none}
@media(max-width:900px){.app{grid-template-columns:190px minmax(0,1fr)}.home-panels{grid-template-columns:1fr}}
@media(max-width:690px){
 .app{display:block}.sidebar{display:none}.main{padding:18px 14px 95px}
 .top h1{font-size:24px}.identity{display:none}
 .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.stat{padding:12px 9px}.stat-value{font-size:21px}.stat-label{font-size:10px}
 .quick-actions p{display:none}.home-panels{grid-template-columns:1fr}
 .mobile-nav{overflow:visible;justify-content:space-around}
 .mobile-nav>button{flex:1 1 0;min-width:0}
 .mobile-more-panel{display:grid;position:absolute;left:8px;right:8px;bottom:calc(100% + 8px);background:#24222e;border:1px solid #443a56;border-radius:14px;padding:10px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:60vh;overflow:auto;box-shadow:0 -15px 40px #000a}
 .mobile-more-panel.hidden{display:none}
 .mobile-more-panel .nav-btn{font-size:11px;background:#191821;margin:3px;border-radius:8px}
}


.subtle-btn{border:1px solid #343344;color:#bfb4d9;background:#201e2a;border-radius:7px;padding:6px 9px;font-size:11px;margin:2px;white-space:nowrap}
.subtle-btn:hover{background:#322943;color:#fff}
.history-button{display:block;width:100%;margin-top:7px;text-align:center}
.timeline{max-height:42vh;overflow:auto;display:grid;gap:6px;margin-bottom:17px}
.timeline-row{padding:12px;background:#15151d;border:1px solid #282734;border-radius:9px}
.timeline-row small{color:#a28ecb;font-size:10px}.timeline-row p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px;color:#ddd7ec}

/* BLAZHENOV CRM Business · visual language derived from the private CRM reboot palette. */
:root{--bg:#090d0b;--panel:#141a17;--panel2:#1d2520;--border:#323e36;--text:#f3f7f1;--muted:#9da9a0;--purple:#c7f56a;--highlight:#c7f56a;--green:#c7f56a}
body{background:var(--bg);color:var(--text)}
.app{background:radial-gradient(ellipse 62% 24% at 87% -8%,#263c28 0,transparent 80%),var(--bg)}
.sidebar{background:#111a13;border-right-color:var(--border)}
.main{background:transparent}
.section,.stat{background:linear-gradient(145deg,#19251b,#121a15);border-color:var(--border)}
.stage{background:#111a13;border-color:#2b3b2d}
.deal-card{background:#1b2b20;border-color:#3a503b}
.login{background:radial-gradient(ellipse at 80% 10%,#25391e 0,transparent 50%),var(--bg)}
.login-card{background:#141e17;border-color:#3c5339}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:30px;width:30px;border-radius:8px}
.primary{background:linear-gradient(105deg,var(--purple),color-mix(in srgb,var(--purple) 70%,#ffffff));color:#131b13}
.primary:hover{filter:brightness(1.07)}
.action{background:#202c20;border-color:color-mix(in srgb,var(--purple) 40%,#233122);color:var(--purple)}
.nav-btn.active{background:color-mix(in srgb,var(--purple) 14%,#121b15);color:var(--purple)}
.nav-btn:hover{background:#233323;color:#f5fff0}
.env{background:#1c301e;color:var(--purple);border-color:#3b5635}
:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
@keyframes business-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.section,.stat{animation:business-appear .3s cubic-bezier(.22,1,.36,1) both}
@media(prefers-reduced-motion:reduce){.section,.stat{animation:none}*{scroll-behavior:auto!important}}

/* Business deal workflow */
.clickable-deal{cursor:pointer;text-decoration-thickness:1px;text-underline-offset:4px}
.clickable-deal:hover{text-decoration:underline;color:var(--purple)}
.clickable-deal:focus-visible{outline:2px solid var(--purple)}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.section label{display:block;font-size:12px;color:var(--muted);margin:0 0 13px}
.section label input,.section label textarea,.section label select,#deal-comment-text{display:block;width:100%;font:inherit;font-size:14px;color:var(--text);background:#101810;border:1px solid var(--border);border-radius:10px;padding:11px 12px;margin-top:7px}
.section label textarea{min-height:120px;resize:vertical}
#deal-comment-text{min-height:90px;resize:vertical;margin-bottom:12px}
.deal-comment{background:#19251b;border:1px solid var(--border);padding:13px 15px;border-radius:10px;margin-bottom:12px}
.deal-comment p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:690px){.detail-grid{grid-template-columns:1fr}}

.deal-card[draggable="true"]{cursor:grab}.deal-card[draggable="true"]:active{cursor:grabbing}
.stage:has(.deal-card[draggable="true"]:active){border-color:var(--purple)}
.deal-card .clickable-deal{cursor:pointer}
@media(pointer:coarse){.deal-card[draggable="true"]{cursor:default}}

.preview-shell a{text-decoration:none;color:inherit}
.preview-shell .sidebar nav{display:grid;gap:3px}
.preview-shell .nav-btn{display:flex;align-items:center;gap:9px}
.preview-shell .sidebar-foot .action{display:inline-block}
.preview-main{padding-bottom:35px}
.preview-main .top{scroll-margin-top:25px}
.preview-warning{border:1px solid #38513b;background:#18231a;color:#bccdb9;border-radius:12px;padding:13px 16px;font-size:13px;margin:12px 0 22px}
.preview-stats{margin:20px 0}
.preview-section{scroll-margin-top:20px;margin-top:22px}
.preview-section .section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.preview-section .section-head h2{margin:8px 0 8px}
.preview-kanban{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:12px;margin-top:20px}
.preview-stage{background:#121a14;border:1px solid #304334;border-radius:13px;padding:12px}
.preview-stage .stage-title{font-size:13px;font-weight:700;margin-bottom:14px;display:flex;justify-content:space-between}
.preview-deal{border:1px solid #354637;background:#1d2820;border-radius:11px;padding:13px;margin-top:10px;display:grid;gap:8px}
.preview-deal b{font-size:13px}.preview-deal p{font-size:12px;color:#c5d1c4}.preview-deal small{color:#8da18d}
.preview-deal strong{color:#c7f56a;font-size:14px}
.preview-preset-buttons{display:flex;gap:9px;flex-wrap:wrap;margin:19px 0}
.preview-preset-buttons .action.active{background:#c7f56a;color:#111a12}
.preview-preset-output{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:23px;background:#131d15;border:1px solid #334737;border-radius:13px}
.preview-preset-output h3{font-size:20px;margin:10px 0}.preview-preset-output p{font-size:14px;color:#b3c2b5}
.preview-stage-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.preview-stage-chips span{background:#223726;border:1px solid #3a593d;border-radius:25px;padding:7px 10px;font-size:12px;color:#d3e5cd}
.preview-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.preview-feature{border:1px solid #334737;background:#151e17;padding:17px;border-radius:11px}
.preview-feature b{font-size:14px;color:#f0f8ee}.preview-feature p{font-size:12px;line-height:1.6;margin-top:8px;color:#a4b4a6}
.preview-footer{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:22px 0 32px;color:#9fb09f;font-size:12px}
.preview-footer img{width:22px;height:22px}.preview-footer a{color:#c7f56a!important;text-decoration:underline}
.preview-mobile-entry{display:none}
@media(max-width:1100px){.preview-feature-grid{grid-template-columns:repeat(2,1fr)}.preview-kanban{grid-template-columns:repeat(2,1fr)}}
@media(max-width:740px){.preview-main{padding:20px 16px}.preview-kanban,.preview-preset-output,.preview-feature-grid{grid-template-columns:1fr}.preview-mobile-entry{position:sticky;bottom:0;background:#0b120cbf;backdrop-filter:blur(15px);padding:11px;display:block;text-align:center;border-top:1px solid #263b2b}.preview-mobile-entry a{display:block;background:#c7f56a;color:#101b0f;border-radius:10px;padding:12px;font-weight:bold}}

.brand-logo-edit{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}
.brand-logo-edit img{width:64px;height:64px;object-fit:contain;background:#101810;border:1px solid #3a513c;padding:5px;border-radius:13px}
.brand-logo-edit input{font-size:12px;max-width:270px}