@import url('data:text/css,');
:root{--bg:#06100d;--panel:#0b1713;--panel-2:#0e1d18;--line:#1b3028;--text:#edf8f3;--muted:#829b90;--green:#16d18b;--green-2:#79f7bd;--blue:#4c8dff;--cyan:#20c7d9;--amber:#f3b84b;--red:#f16464;--shadow:0 24px 70px rgba(0,0,0,.32);--radius:20px}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 72% -20%,rgba(22,209,139,.11),transparent 32%),var(--bg);font-size:14px}button,input,textarea,select{font:inherit}.is-hidden{display:none!important}.ambient{position:fixed;border-radius:50%;filter:blur(110px);opacity:.12;pointer-events:none}.ambient-one{width:420px;height:420px;background:#00d084;right:-180px;top:20%}.ambient-two{width:300px;height:300px;background:#2979ff;left:20%;bottom:-160px}
.login-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 10%,rgba(31,199,139,.15),transparent 35%),#06100d}.login-card{width:min(420px,100%);padding:42px;border:1px solid #1d3c30;background:linear-gradient(145deg,rgba(14,31,24,.95),rgba(6,16,13,.98));border-radius:28px;box-shadow:0 40px 100px rgba(0,0,0,.48)}.login-card h1{font-size:44px;line-height:1;margin:13px 0 10px;letter-spacing:-2px}.login-card h1 span,.brand strong span{color:var(--green)}.login-card p{color:var(--muted);margin:0 0 30px}.login-card label,.deal-modal label{display:grid;gap:8px;color:#a9beb5;font-weight:650;font-size:12px}.login-card label+label{margin-top:15px}.login-card input,.deal-modal input,.deal-modal textarea,.deal-modal select,.filterbar input,.filterbar select,.pipeline-select select{width:100%;border:1px solid #213a31;color:var(--text);background:#091510;border-radius:11px;padding:12px 13px;outline:0;transition:.2s}.login-card input:focus,.deal-modal input:focus,.deal-modal textarea:focus,.deal-modal select:focus,.filterbar input:focus,.filterbar select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,209,139,.1)}.login-error{min-height:20px;color:#ff8585;margin-top:14px;font-size:12px;text-align:center}
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:26px 18px;display:flex;flex-direction:column;background:rgba(7,18,14,.92);border-right:1px solid var(--line);backdrop-filter:blur(18px);z-index:100}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;padding:0 8px 31px}.brand strong{display:block;font-size:21px;letter-spacing:-.7px}.brand small{display:block;color:#637c70;font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-top:3px}.brand-mark{width:34px;height:34px;border:1px solid #276449;border-radius:10px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:8px;background:rgba(22,209,139,.06);box-shadow:inset 0 0 18px rgba(22,209,139,.06)}.brand-mark span{display:block;width:4px;border-radius:3px 3px 1px 1px;background:linear-gradient(var(--green-2),var(--green))}.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:22px}.brand-mark-large{width:58px;height:58px;padding:12px;gap:5px}.brand-mark-large span{width:6px}.brand-mark-large span:nth-child(1){height:13px}.brand-mark-large span:nth-child(2){height:24px}.brand-mark-large span:nth-child(3){height:34px}.main-nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#789085;width:100%;min-height:46px;display:flex;align-items:center;gap:12px;padding:0 13px;border-radius:12px;cursor:pointer;text-align:left;font-weight:650;transition:.2s}.nav-item i{font-style:normal;font-size:21px;width:22px;text-align:center}.nav-item b{margin-left:auto;font-size:10px;color:#9cb1a8;background:#12271f;border-radius:20px;padding:3px 7px}.nav-item:hover{background:#0d2119;color:#d7e8e0}.nav-item.is-active{background:linear-gradient(90deg,rgba(22,209,139,.16),rgba(22,209,139,.04));color:var(--green-2);box-shadow:inset 3px 0 var(--green)}.sidebar-spacer{flex:1}.system-card{margin:16px 4px;padding:13px;display:flex;gap:10px;align-items:center;background:#0a1b14;border:1px solid #173226;border-radius:12px}.system-card strong,.system-card small{display:block}.system-card strong{font-size:11px}.system-card small{font-size:9px;color:#688075;margin-top:2px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(22,209,139,.1),0 0 12px var(--green)}.logout-button{margin-top:2px}
.main-area{grid-column:2;min-width:0}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid rgba(27,48,40,.75);background:rgba(6,16,13,.66);backdrop-filter:blur(18px);position:sticky;top:0;z-index:80}.topbar-title{display:flex;align-items:center;gap:12px}.topbar-title span{font-size:9px;letter-spacing:.16em;color:#567064}.topbar-title h2{font-size:21px;line-height:1.15;margin:3px 0 0;letter-spacing:-.5px}.topbar-actions{display:flex;align-items:center;gap:10px}.pipeline-select{display:grid;gap:2px;color:#5e776b;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.pipeline-select select{padding:7px 34px 7px 10px;border-radius:9px;min-width:150px;font-size:11px}.icon-button,.mobile-menu,.modal-close{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--line);color:#9eb3aa;background:#0b1914;cursor:pointer;font-size:19px}.mobile-menu{display:none}.btn{border:1px solid transparent;border-radius:11px;padding:10px 16px;font-weight:750;font-size:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#032b1b;background:linear-gradient(135deg,var(--green-2),var(--green));box-shadow:0 8px 24px rgba(22,209,139,.15)}.btn-secondary{color:#c6d8d0;border-color:#294138;background:#0c1c16}.btn-danger{color:#ffb2b2;border-color:rgba(241,100,100,.28);background:rgba(241,100,100,.1)}.btn-wide{width:100%;margin-top:24px;padding:13px}
.content{padding:28px 34px 70px;max-width:1700px;margin:0 auto}.view{display:none}.view.is-active{display:block;animation:viewIn .26s ease}@keyframes viewIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.eyebrow{font-size:9px;letter-spacing:.18em;color:#607a6e;font-weight:800}.hero-strip{min-height:166px;border:1px solid #173a2b;border-radius:var(--radius);padding:28px 34px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;background:linear-gradient(110deg,rgba(13,38,27,.96),rgba(5,17,13,.86)),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(82,255,176,.03) 40px)}.hero-strip:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(22,209,139,.04));pointer-events:none}.live-pill{font-size:9px;color:var(--green-2);letter-spacing:.15em;font-weight:800}.live-pill i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 9px var(--green);margin-right:6px}.hero-strip h3{font-size:28px;line-height:1.18;letter-spacing:-1px;margin:13px 0 0;position:relative;z-index:2}.hero-strip h3 em{font-style:normal;color:var(--green-2)}.hero-radar{position:relative;width:150px;height:150px;margin-right:8%;opacity:.75}.radar-ring{position:absolute;border:1px solid rgba(74,226,157,.22);border-radius:50%;inset:0}.radar-ring.r2{inset:28px}.radar-ring.r3{inset:58px}.radar-ring:before,.radar-ring:after{content:"";position:absolute;background:rgba(74,226,157,.12)}.radar-ring:before{height:1px;left:0;right:0;top:50%}.radar-ring:after{width:1px;top:0;bottom:0;left:50%}.radar-core{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green-2);left:calc(50% - 4px);top:calc(50% - 4px);box-shadow:0 0 18px var(--green)}.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(22,209,139,.28),transparent 22%);animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:15px 0}.metric-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#0d1d17,#091510);border:1px solid var(--line);border-radius:16px;padding:18px 19px}.metric-card:before{content:"";position:absolute;left:0;top:17px;bottom:17px;width:3px;border-radius:0 4px 4px 0;background:var(--accent)}.metric-head{display:flex;align-items:center;justify-content:space-between;color:#728b80;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:750}.metric-head i{font-style:normal;color:var(--accent);width:25px;height:25px;border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,transparent);display:grid;place-items:center;font-size:12px}.metric-card>strong{font-size:25px;display:block;margin:13px 0 7px;letter-spacing:-.8px}.metric-card small{color:#61786e;font-size:10px}.metric-card small b{color:#a3b9af}.accent-blue{--accent:var(--blue)}.accent-cyan{--accent:var(--cyan)}.accent-green{--accent:var(--green)}.accent-amber{--accent:var(--amber)}
.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:15px;margin-top:15px}.bottom-grid{grid-template-columns:1.7fr 1fr}.panel{background:linear-gradient(145deg,rgba(13,29,23,.96),rgba(8,20,15,.94));border:1px solid var(--line);border-radius:var(--radius);padding:20px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.panel-head h3{font-size:15px;margin:5px 0 0}.legend{display:flex;gap:14px;color:#667d72;font-size:9px}.legend span{display:flex;gap:5px;align-items:center}.legend i{width:7px;height:7px;border-radius:2px}.l-revenue{background:var(--blue)}.l-forecast{background:var(--green)}.quarter-chart{height:220px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:end;padding:15px 16px 3px;border-left:1px solid #1b3028;border-bottom:1px solid #1b3028;background:repeating-linear-gradient(to top,transparent,transparent 43px,rgba(93,126,112,.08) 44px)}.quarter-group{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar-pair{height:175px;width:70%;display:flex;gap:5px;align-items:flex-end;justify-content:center}.bar{width:44%;min-height:2px;border-radius:5px 5px 2px 2px;position:relative;transition:.5s cubic-bezier(.2,.8,.2,1)}.bar.revenue{background:linear-gradient(var(--blue),#275bb9)}.bar.forecast{background:linear-gradient(var(--green-2),var(--green))}.bar:hover:after{content:attr(data-value);position:absolute;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%);background:#152b22;border:1px solid #2f5143;color:#dff8ed;padding:5px 7px;border-radius:7px;font-size:8px;white-space:nowrap;z-index:2}.quarter-group>span{font-size:9px;color:#71897e}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:26px;min-height:220px}.donut{width:155px;height:155px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) 0 50%,var(--green) 50% 100%);position:relative}.donut:before{content:"";position:absolute;inset:27px;background:#0b1914;border-radius:50%;box-shadow:inset 0 0 0 1px #1a3027}.donut>div{position:relative;text-align:center}.donut strong,.donut span{display:block}.donut strong{font-size:29px}.donut span{color:#657e73;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.status-legend{display:grid;gap:14px}.status-row{display:grid;grid-template-columns:9px 1fr auto;gap:8px;align-items:center;min-width:125px}.status-row i{width:8px;height:8px;border-radius:50%;background:var(--color)}.status-row span{color:#789085;font-size:10px}.status-row strong{font-size:12px}.attention-list{display:grid}.attention-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 2px;border-top:1px solid #182d25;cursor:pointer}.attention-item:first-child{border-top:0}.client-avatar{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:#10291f;border:1px solid #1c4635;color:var(--green-2);font-size:10px;font-weight:850}.attention-main{display:flex;gap:11px;align-items:center;min-width:0}.attention-main strong,.attention-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attention-main strong{font-size:11px}.attention-main small{color:#637b70;font-size:9px;margin-top:3px;max-width:390px}.attention-value{text-align:right}.attention-value strong,.attention-value small{display:block}.attention-value strong{font-size:11px}.attention-value small{color:#60796d;font-size:8px;margin-top:3px}.probability-ring{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--p)*1%),#1b2c25 0);position:relative}.probability-ring:before{content:"";position:absolute;inset:4px;background:#0d1b16;border-radius:50%}.probability-ring b{position:relative;font-size:7px}.text-button{border:0;background:transparent;color:var(--green);font-size:9px;cursor:pointer}.finance-stat{padding:15px 0;border-top:1px solid #182d25}.finance-stat:first-of-type{border-top:0}.finance-stat span,.finance-stat strong{display:block}.finance-stat span{color:#738b80;font-size:10px}.finance-stat strong{font-size:23px;margin:7px 0 10px}.finance-stat.danger strong{color:#ff8b8b}.progress{height:5px;border-radius:10px;background:#193028;overflow:hidden}.progress i{height:100%;display:block;background:linear-gradient(90deg,var(--green),var(--green-2));border-radius:10px}
.view-heading{display:flex;justify-content:space-between;align-items:end;margin:8px 0 24px}.view-heading h3{font-size:28px;margin:7px 0 4px;letter-spacing:-1px}.view-heading p{color:#6d867a;margin:0;font-size:11px}.filterbar{display:flex;gap:10px;align-items:center;padding:12px;background:#0a1813;border:1px solid var(--line);border-radius:15px 15px 0 0}.search-box{position:relative;flex:1}.search-box span{position:absolute;left:13px;top:10px;color:#587064;font-size:18px}.search-box input{padding-left:38px}.filterbar select{width:auto;min-width:150px}.filter-count{color:#6c8378;font-size:10px;padding:0 8px}.table-shell{border:1px solid var(--line);border-top:0;border-radius:0 0 15px 15px;overflow:auto;background:#081510}table{width:100%;border-collapse:collapse;min-width:960px}th{text-align:left;color:#5e776b;font-size:8px;text-transform:uppercase;letter-spacing:.1em;padding:13px 14px;background:#0c1b16;border-bottom:1px solid var(--line)}td{padding:13px 14px;border-bottom:1px solid #15271f;color:#d1e0da;font-size:11px}tbody tr{transition:.15s;cursor:pointer}tbody tr:hover{background:#0d2119}tbody tr:last-child td{border-bottom:0}.deal-client{display:flex;gap:10px;align-items:center;min-width:260px}.deal-client strong,.deal-client small{display:block}.deal-client small{color:#60796d;margin-top:3px;max-width:330px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:20px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.status-chip:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.status-chip.open{color:#72a6ff;background:rgba(76,141,255,.1)}.status-chip.signed{color:#5eebb0;background:rgba(22,209,139,.1)}.status-chip.lost{color:#ff8c8c;background:rgba(241,100,100,.1)}.money-cell strong,.money-cell small{display:block}.money-cell small{color:#5f776b;font-size:8px;margin-top:3px}.margin-positive{color:#5be8ab}.row-actions{display:flex;justify-content:flex-end}.row-actions button{border:0;color:#718a7e;background:transparent;font-size:19px;cursor:pointer}.empty-state{padding:70px 20px;display:grid;place-items:center;text-align:center;color:#688075}.empty-state i{font-size:35px;font-style:normal}.empty-state strong{color:#b7cac1;margin:10px 0 4px}.empty-state span{font-size:10px}
.kanban{display:grid;grid-template-columns:repeat(3,minmax(290px,1fr));gap:14px;overflow:auto;padding-bottom:10px}.kanban-column{background:#081510;border:1px solid var(--line);border-radius:17px;min-height:580px}.kanban-column-head{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0a1813;border-radius:17px 17px 0 0}.kanban-column-head div{display:flex;align-items:center;gap:8px}.kanban-column-head i{width:7px;height:7px;border-radius:50%;background:var(--color);box-shadow:0 0 10px var(--color)}.kanban-column-head strong{text-transform:uppercase;font-size:9px;letter-spacing:.1em}.kanban-column-head b{font-size:9px;color:#789085;background:#14271f;border-radius:20px;padding:3px 7px}.kanban-total{font-size:10px;color:#8ea49a}.kanban-list{display:grid;gap:9px;padding:10px;min-height:520px}.kanban-list.is-over{background:rgba(22,209,139,.035)}.kanban-card{padding:13px;background:linear-gradient(145deg,#0e2019,#0a1813);border:1px solid #1a3329;border-radius:13px;cursor:grab}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.35}.kanban-card-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.kanban-card h4{font-size:11px;margin:0}.kanban-card .prob{font-size:8px;color:var(--green);background:rgba(22,209,139,.08);padding:4px 6px;border-radius:12px}.kanban-card p{color:#6c8378;font-size:9px;line-height:1.4;min-height:25px;margin:8px 0 12px}.kanban-card-foot{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #183027;padding-top:10px}.kanban-card-foot strong{font-size:12px}.kanban-card-foot span{font-size:8px;color:#677e73}
.modal-backdrop{position:fixed;inset:0;z-index:500;background:rgba(0,7,4,.78);backdrop-filter:blur(8px);display:grid;place-items:center;padding:22px}.deal-modal{width:min(820px,100%);max-height:94vh;overflow:auto;background:#091712;border:1px solid #254236;border-radius:22px;box-shadow:var(--shadow);padding:25px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.modal-head h3{font-size:24px;margin:5px 0 0}.modal-close{font-size:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.span-2{grid-column:span 2}.deal-modal textarea{resize:vertical}.form-section-title{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--green);border-top:1px solid #1b3028;padding-top:18px;margin:20px 0 12px;font-weight:800}.finance-inputs{grid-template-columns:repeat(4,1fr)}.live-calculation{margin-top:13px;padding:12px 15px;border:1px solid #1b4735;background:rgba(22,209,139,.05);border-radius:11px;display:flex;align-items:center;gap:12px}.live-calculation span{color:#789085;font-size:10px}.live-calculation strong{font-size:16px;margin-left:auto}.live-calculation small{color:var(--green);font-size:9px}.check-label{display:flex!important;align-items:center;gap:9px!important;min-height:42px}.check-label input{width:17px!important;accent-color:var(--green)}.modal-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;margin-top:23px;border-top:1px solid #1b3028;padding-top:18px}.toast{position:fixed;right:24px;bottom:24px;z-index:800;padding:12px 17px;color:#dff8ed;background:#10271e;border:1px solid #28523f;border-radius:11px;box-shadow:var(--shadow);font-size:11px;transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s}.toast.is-visible{transform:none;opacity:1}.toast.error{border-color:#6a3232;color:#ffb0b0;background:#281414}.mobile-nav{display:none}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.finance-panel{min-height:auto}.quarter-panel{min-width:0}.hero-radar{margin-right:3%}}
@media(max-width:760px){body{padding-bottom:72px}.app-shell{display:block}.sidebar{transform:translateX(-105%);transition:.25s;box-shadow:var(--shadow)}.sidebar.is-open{transform:none}.main-area{grid-column:auto}.topbar{height:72px;padding:0 16px}.mobile-menu{display:grid;width:36px;height:36px}.topbar-title span{display:none}.topbar-title h2{font-size:17px;margin:0}.pipeline-select{display:none}.topbar-actions .icon-button{display:none}.topbar-actions .btn-primary{padding:9px 12px}.topbar-actions .btn-primary span{display:inline}.content{padding:15px 13px 25px}.hero-strip{min-height:145px;padding:23px}.hero-strip h3{font-size:23px}.hero-radar{width:110px;height:110px;margin-right:-36px;opacity:.45}.radar-ring.r2{inset:21px}.radar-ring.r3{inset:43px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:14px}.metric-card>strong{font-size:19px}.metric-card small{font-size:8px}.dashboard-grid{gap:9px;margin-top:9px}.panel{padding:15px;border-radius:16px}.quarter-chart{height:190px;gap:7px;padding-left:6px;padding-right:6px}.bar-pair{width:85%}.donut-wrap{min-height:190px;gap:18px}.donut{width:135px;height:135px}.attention-item{grid-template-columns:minmax(0,1fr) auto}.probability-ring{display:none}.view-heading{margin:5px 2px 17px}.view-heading h3{font-size:24px}.view-heading .btn{display:none}.filterbar{display:grid;grid-template-columns:1fr 1fr}.search-box{grid-column:span 2}.filterbar select{min-width:0;width:100%}.filter-count{grid-column:span 2}.table-shell{border-radius:0 0 12px 12px}table{min-width:820px}.kanban{grid-template-columns:repeat(3,270px);margin-right:-13px}.deal-modal{padding:19px;border-radius:17px}.form-grid,.finance-inputs{grid-template-columns:1fr 1fr}.modal-actions{grid-template-columns:auto 1fr auto}.modal-actions .btn-danger{grid-column:1}.modal-actions div{display:none}.modal-actions .btn-secondary{grid-column:2}.modal-actions .btn-primary{grid-column:3}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:10px;right:10px;bottom:9px;height:58px;z-index:120;background:rgba(9,23,18,.95);border:1px solid #224034;border-radius:16px;backdrop-filter:blur(16px);box-shadow:0 15px 40px rgba(0,0,0,.4);padding:5px}.mobile-nav button{border:0;background:transparent;color:#658074;border-radius:11px;display:grid;place-items:center;gap:1px;font-size:8px}.mobile-nav button i{font-style:normal;font-size:19px}.mobile-nav button.is-active{color:var(--green-2);background:rgba(22,209,139,.1)}}
@media(max-width:450px){.topbar-actions .btn-primary{font-size:0;width:38px;height:38px;padding:0}.topbar-actions .btn-primary span{font-size:18px}.hero-strip h3{font-size:20px}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:105px}.donut-wrap{flex-direction:column}.form-grid,.finance-inputs{grid-template-columns:1fr}.span-2{grid-column:span 1}.live-calculation{flex-wrap:wrap}.live-calculation strong{margin-left:0}.modal-actions{grid-template-columns:1fr 1fr}.modal-actions .btn-danger{grid-column:1/3}.modal-actions .btn-secondary{grid-column:1}.modal-actions .btn-primary{grid-column:2}}

/* ============================================================
   Pipe-line — MATRIX visual system (v5)
   Зелен неон, умерено стъкло. Скорост > блясък.
   ============================================================ */
:root{
  --bg:#03080a;
  --bg-2:#061014;
  --surface:#0a1a16;
  --surface-2:#0d2119;
  --surface-3:#123024;
  --line:rgba(76,255,170,.10);
  --line-2:rgba(76,255,170,.20);
  --text:#e6fff2;
  --text-2:#9fd6bd;
  --muted:#5f8b76;
  --green:#26ff9c;
  --green-2:#7dffc4;
  --green-dim:#14b56e;
  --cyan:#3ff0d0;
  --blue:#4bb8ff;
  --amber:#f5c168;
  --red:#ff6b7d;
  --radius:16px;
  --radius-lg:20px;
  --shadow-sm:0 2px 10px rgba(0,0,0,.4);
  --shadow:0 14px 40px -14px rgba(0,0,0,.7);
  --shadow-lg:0 30px 80px -22px rgba(0,0,0,.85);
  --glow:0 0 20px -4px rgba(38,255,156,.5);
  --glow-soft:0 0 30px -8px rgba(38,255,156,.35);
  --ring:0 0 0 3px rgba(38,255,156,.18);
}

*{box-sizing:border-box}
html{background:var(--bg)}
body{
  font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:450;letter-spacing:-.005em;color:var(--text);font-size:14px;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  background:
    radial-gradient(circle at 10% -6%,rgba(38,255,156,.09),transparent 34%),
    radial-gradient(circle at 94% 3%,rgba(63,240,208,.06),transparent 30%),
    var(--bg);
  background-attachment:fixed;
}

/* фин "код дъжд" грид фон */
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;
  background:
    linear-gradient(rgba(38,255,156,.028) 1px,transparent 1px) 0 0/100% 34px,
    linear-gradient(90deg,rgba(38,255,156,.028) 1px,transparent 1px) 0 0/34px 100%;
  mask:radial-gradient(circle at 50% 0%,#000,transparent 80%);
}
.app-shell,.login-screen{position:relative;z-index:1}

.ambient{filter:blur(120px);opacity:.10}
.ambient-one{background:var(--green);width:440px;height:440px;right:-180px;top:6%}
.ambient-two{background:var(--cyan);width:340px;height:340px;left:6%;bottom:-150px}

/* ---------- Плаващи слоеве (умерен glass) ---------- */
.sidebar{
  background:linear-gradient(180deg,rgba(10,26,22,.9),rgba(4,10,12,.94));
  border-right:1px solid var(--line);
  backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
  box-shadow:1px 0 0 rgba(38,255,156,.06);
}
.topbar{
  background:rgba(5,12,14,.78);border-bottom:1px solid var(--line);
  backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);
}

/* ---------- Карти: твърд фон, неонов кант ---------- */
.metric-card,.panel,.table-shell,.filterbar,.kanban-column,.hero-strip,.system-card{
  background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);
}

/* Brand */
.brand strong{font-weight:700;letter-spacing:-.5px}
.brand strong span,.login-card h1 span{color:var(--green);text-shadow:0 0 12px rgba(38,255,156,.6)}
.brand small{color:#4d7565;letter-spacing:.14em}
.brand-mark{
  border:1px solid var(--line-2);
  background:linear-gradient(150deg,rgba(38,255,156,.16),rgba(63,240,208,.05));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px -6px rgba(38,255,156,.5);
}
.brand-mark span{background:linear-gradient(var(--green-2),var(--green));box-shadow:0 0 6px rgba(38,255,156,.5)}

/* Навигация */
.nav-item{color:#7ca592;font-weight:550;border-radius:11px}
.nav-item:hover{background:rgba(38,255,156,.06);color:var(--text)}
.nav-item.is-active{
  color:var(--green-2);
  background:linear-gradient(90deg,rgba(38,255,156,.16),rgba(38,255,156,.02));
  box-shadow:inset 2px 0 0 var(--green),inset 0 0 20px -6px rgba(38,255,156,.3);
}
.nav-item.is-active i{filter:drop-shadow(0 0 5px rgba(38,255,156,.6))}
.nav-item b{background:rgba(38,255,156,.1);color:var(--green-2)}
.system-card strong{color:var(--text)}
.pulse-dot{background:var(--green);box-shadow:0 0 0 4px rgba(38,255,156,.14),0 0 12px var(--green)}

/* Topbar */
.topbar-title h2{font-weight:650;letter-spacing:-.4px}
.topbar-title span{color:#4d7565;font-weight:700;letter-spacing:.14em}
.pipeline-select select{background:var(--surface-2);border:1px solid var(--line-2);color:var(--text)}

/* Hero */
.hero-strip{
  background:
    linear-gradient(115deg,var(--surface-2),var(--surface) 60%),
    radial-gradient(circle at 88% 12%,rgba(38,255,156,.09),transparent 42%);
  border:1px solid var(--line-2);overflow:hidden;
  box-shadow:var(--shadow-sm),inset 0 0 40px -20px rgba(38,255,156,.3);
}
.hero-strip:after{display:none}
.live-pill{color:var(--green-2);font-weight:750;letter-spacing:.14em}
.live-pill i{background:var(--green);box-shadow:0 0 10px var(--green)}
.hero-strip h3{font-weight:640;letter-spacing:-.7px}
.hero-strip h3 em{
  font-style:normal;color:var(--green);
  text-shadow:0 0 22px rgba(38,255,156,.55);
}
.radar-ring{border-color:rgba(38,255,156,.24)}
.radar-core{background:var(--green-2);box-shadow:0 0 16px var(--green),0 0 32px var(--green)}
.radar-sweep{background:conic-gradient(from 0deg,rgba(38,255,156,.3),transparent 24%)}

/* Metric cards */
.metric-card{border-radius:16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s}
.metric-card:hover{transform:translateY(-2px);border-color:var(--line-2);box-shadow:var(--shadow),0 0 24px -12px rgba(38,255,156,.4)}
.metric-card:before{width:2px;background:var(--accent);box-shadow:0 0 14px var(--accent)}
.metric-head span{color:#6e967f;font-weight:700}
.metric-head i{background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 16px -6px var(--accent)}
.metric-card>strong{font-weight:680;letter-spacing:-1px}
.metric-card>strong,.finance-stat strong,.attention-value strong,
.kanban-card-foot strong,td.money-cell strong,.donut strong,.live-calculation strong{
  font-family:"IBM Plex Mono",ui-monospace,"SF Mono",monospace;
  font-variant-numeric:tabular-nums;letter-spacing:-.04em;
}
.accent-blue{--accent:var(--cyan)}
.accent-cyan{--accent:var(--cyan)}
.accent-green{--accent:var(--green)}
.accent-amber{--accent:var(--amber)}

/* Panels */
.panel{border-radius:var(--radius-lg)}
.panel-head h3{font-weight:620;letter-spacing:-.3px}
.eyebrow{color:#4d7565;font-weight:800;letter-spacing:.16em}
.quarter-chart{border-color:var(--line);background:repeating-linear-gradient(to top,transparent,transparent 43px,rgba(38,255,156,.05) 44px)}
.bar.revenue{background:linear-gradient(var(--cyan),#1f9d8a);box-shadow:0 0 16px -6px rgba(63,240,208,.6)}
.bar.forecast{background:linear-gradient(var(--green-2),var(--green));box-shadow:0 0 16px -4px rgba(38,255,156,.7)}
.l-revenue{background:var(--cyan)}.l-forecast{background:var(--green)}
.donut:before{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.donut strong{font-weight:660}
.client-avatar{
  background:linear-gradient(150deg,rgba(38,255,156,.16),rgba(63,240,208,.05));
  border:1px solid var(--line-2);color:var(--green-2);font-weight:800;
  box-shadow:0 0 14px -6px rgba(38,255,156,.5);
}
.progress{background:rgba(38,255,156,.1)}
.progress i{background:linear-gradient(90deg,var(--green),var(--green-2));box-shadow:0 0 12px rgba(38,255,156,.6)}
.attention-item,.finance-stat{border-color:var(--line)}
.attention-item{border-radius:10px;transition:background .15s}
.attention-item:hover{background:rgba(38,255,156,.045)}
.probability-ring:before{background:var(--surface)}
.finance-stat strong{font-weight:640}
.finance-stat.danger strong{color:var(--amber)}
.text-button{color:var(--green);font-weight:700}

/* Buttons */
.btn{border-radius:12px;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{
  color:#022012;background:linear-gradient(135deg,var(--green-2),var(--green));
  box-shadow:0 8px 22px -8px rgba(38,255,156,.55),0 0 20px -8px rgba(38,255,156,.6),inset 0 1px 0 rgba(255,255,255,.4);
}
.btn-primary:hover{filter:brightness(1.08)}
.btn-secondary,.icon-button,.mobile-menu,.modal-close{
  background:var(--surface-2);border:1px solid var(--line-2);color:var(--text-2);
}
.btn-secondary:hover,.icon-button:hover{border-color:var(--green);color:var(--text);box-shadow:0 0 16px -8px rgba(38,255,156,.5)}
.btn-danger{color:var(--red);border:1px solid rgba(255,107,125,.3);background:rgba(255,107,125,.09)}
.btn-ai{
  color:#022012;
  background:linear-gradient(135deg,var(--green-2),var(--green) 55%,var(--cyan));
  box-shadow:0 8px 22px -8px rgba(38,255,156,.55),0 0 24px -8px rgba(63,240,208,.5),inset 0 1px 0 rgba(255,255,255,.35);
}
.btn-ai:hover{filter:brightness(1.08)}
.ai-spark{filter:drop-shadow(0 0 5px rgba(38,255,156,.8))}

/* Login */
.login-screen{
  background:
    radial-gradient(circle at 26% 6%,rgba(38,255,156,.13),transparent 30%),
    radial-gradient(circle at 82% 12%,rgba(63,240,208,.1),transparent 30%),
    var(--bg);
}
.login-card{
  background:linear-gradient(160deg,rgba(13,33,25,.9),rgba(4,10,12,.95));
  border:1px solid var(--line-2);
  box-shadow:var(--shadow-lg),0 0 60px -24px rgba(38,255,156,.5),inset 0 1px 0 rgba(255,255,255,.05);
  border-radius:26px;
}
.login-card h1{font-weight:720;letter-spacing:-2px}
.login-card p{color:var(--muted)}
.login-card label,.deal-modal label,.ai-prompt-label{color:var(--text-2);font-weight:600;font-size:12px}

/* Inputs */
.login-card input,.deal-modal input,.deal-modal textarea,.deal-modal select,
.filterbar input,.filterbar select,.pipeline-select select,.ai-modal textarea{
  background:var(--bg-2);border:1px solid var(--line-2);color:var(--text);border-radius:11px;
}
.login-card input:focus,.deal-modal input:focus,.deal-modal textarea:focus,
.deal-modal select:focus,.filterbar input:focus,.filterbar select:focus,.ai-modal textarea:focus{
  border-color:var(--green);box-shadow:var(--ring),0 0 20px -8px rgba(38,255,156,.5);
}

/* Table */
.filterbar{background:var(--surface);border-radius:14px 14px 0 0}
.table-shell{background:var(--bg-2);border-radius:0 0 14px 14px}
th{background:var(--surface-2);color:#5c8571;border-color:var(--line);font-weight:750;letter-spacing:.1em}
td{border-color:var(--line);color:var(--text-2)}
td .deal-client strong{color:var(--text)}
tbody tr:hover{background:rgba(38,255,156,.05)}
.status-chip.open{color:#6fd4ff;background:rgba(75,184,255,.12)}
.status-chip.signed{color:var(--green-2);background:rgba(38,255,156,.14)}
.status-chip.lost{color:#ff8f9c;background:rgba(255,107,125,.12)}
.margin-positive{color:var(--green-2)}
.search-box span{color:var(--green-dim)}

/* Kanban */
.kanban-column{background:var(--bg-2);border-radius:16px}
.kanban-column-head{background:var(--surface);border-color:var(--line);border-radius:16px 16px 0 0}
.kanban-column-head strong{font-weight:750;letter-spacing:.1em}
.kanban-column-head i{box-shadow:0 0 10px var(--color)}
.kanban-card{
  background:var(--surface-2);border:1px solid var(--line-2);border-radius:13px;
  box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,border-color .15s;
}
.kanban-card:hover{transform:translateY(-2px);border-color:var(--green);box-shadow:var(--shadow),0 0 20px -10px rgba(38,255,156,.5)}
.kanban-card h4{font-weight:640}
.kanban-card .prob{color:var(--green);background:rgba(38,255,156,.12)}
.kanban-card-foot{border-color:var(--line)}
.kanban-list.is-over{background:rgba(38,255,156,.06)}

/* Deal modal */
.modal-backdrop{background:rgba(2,6,7,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.deal-modal{
  background:linear-gradient(160deg,rgba(13,33,25,.92),rgba(5,12,14,.95));
  border:1px solid var(--line-2);
  box-shadow:var(--shadow-lg),0 0 50px -22px rgba(38,255,156,.4),inset 0 1px 0 rgba(255,255,255,.05);
  border-radius:22px;
}
.modal-head h3{font-weight:650;letter-spacing:-.4px}
.form-section-title{color:var(--green);border-color:var(--line);font-weight:800;letter-spacing:.12em}
.live-calculation{
  background:linear-gradient(90deg,rgba(38,255,156,.09),rgba(63,240,208,.04));
  border:1px solid var(--line-2);box-shadow:inset 0 0 20px -10px rgba(38,255,156,.4);
}
.live-calculation strong{font-weight:660}
.live-calculation small{color:var(--green)}
.check-label input{accent-color:var(--green)}

/* AI modal */
.ai-modal{
  width:min(560px,100%);max-height:92vh;overflow-y:auto;padding:0;
  border:1px solid var(--line-2);
  background:linear-gradient(165deg,rgba(13,33,25,.94),rgba(4,10,12,.96));
  box-shadow:var(--shadow-lg),0 0 60px -20px rgba(38,255,156,.5),inset 0 1px 0 rgba(255,255,255,.06);
  border-radius:24px;
}
.ai-modal .modal-head{padding:24px 24px 0;margin-bottom:0}
.ai-hero{
  text-align:center;padding:8px 26px 22px;border-bottom:1px solid var(--line);
  background:radial-gradient(circle at 50% 0%,rgba(38,255,156,.16),transparent 62%);
}
.ai-orb{
  width:60px;height:60px;margin:6px auto 14px;border-radius:50%;position:relative;
  display:grid;place-items:center;
  background:radial-gradient(circle at 34% 28%,#fff,rgba(63,240,208,.9) 16%,rgba(38,255,156,.65) 42%,transparent 70%);
  filter:drop-shadow(0 0 20px rgba(38,255,156,.55));
  animation:orbFloat 3s ease-in-out infinite;
}
.ai-orb:before,.ai-orb:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(38,255,156,.4);inset:-4px;animation:spin 7s linear infinite}
.ai-orb:after{inset:6px;border-color:rgba(255,255,255,.22);animation-direction:reverse;animation-duration:4.5s}
.ai-orb span{position:relative;color:#fff;font-size:20px;filter:drop-shadow(0 0 5px #fff)}
@keyframes orbFloat{50%{transform:translateY(-4px) scale(1.03)}}
.ai-hero h3{font-size:22px;font-weight:650;letter-spacing:-.5px;margin:0 0 6px}
.ai-hero p{color:var(--muted);font-size:12.5px;line-height:1.5;margin:0 auto;max-width:400px}
.ai-body{padding:20px 24px 24px}
.ai-prompt-label{display:block;color:var(--text-2);font-weight:650;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px}
.ai-modal textarea{
  width:100%;border-radius:14px;padding:14px 15px;resize:vertical;outline:0;line-height:1.55;
  background:var(--bg-2);border:1px solid var(--line-2);color:var(--text);font-size:13.5px;min-height:120px;
}
.ai-modal textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(38,255,156,.16)}
.ai-modal textarea::placeholder{color:#4d7565;opacity:1}
.ai-examples{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.ai-examples>span{color:var(--muted);font-size:10.5px;font-weight:600}
.ai-examples button{
  border:1px solid var(--line-2);color:var(--green-2);background:rgba(38,255,156,.08);
  border-radius:20px;padding:7px 12px;font-size:11px;font-weight:600;cursor:pointer;transition:.15s;
}
.ai-examples button:hover{background:rgba(38,255,156,.16);border-color:var(--green)}
.ai-note{
  display:flex;align-items:center;gap:10px;margin-top:16px;padding:11px 13px;border-radius:12px;
  background:rgba(63,240,208,.06);border:1px solid rgba(63,240,208,.16);color:#8fc7b5;font-size:11px;line-height:1.4;
}
.ai-note i{flex:0 0 auto;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(63,240,208,.16);color:var(--cyan);font-style:italic;font-weight:800;font-size:11px}
.ai-actions{display:flex;gap:10px;margin-top:20px}
.ai-actions .btn{flex:1;padding:13px}
.ai-actions .btn-ai{flex:1.4}
.ai-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}
.btn:disabled{opacity:.6;cursor:wait;transform:none}

/* Toast */
.toast{background:var(--surface-2);border:1px solid var(--line-2);box-shadow:var(--shadow),0 0 20px -10px rgba(38,255,156,.4);color:var(--text)}
.toast.error{border-color:rgba(255,107,125,.4);color:#ffb0b8;background:#20090d}

/* Mobile nav */
.mobile-nav{
  background:rgba(6,16,14,.9);border:1px solid var(--line-2);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.mobile-nav button{color:#5c8571}
.mobile-nav button.is-active{color:var(--green-2);background:rgba(38,255,156,.12)}
.mobile-nav button.is-active i{filter:drop-shadow(0 0 5px rgba(38,255,156,.6))}

/* Scrollbars */
.deal-modal,.ai-modal{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(38,255,156,.4) transparent}
.deal-modal::-webkit-scrollbar,.ai-modal::-webkit-scrollbar{width:7px}
.deal-modal::-webkit-scrollbar-thumb,.ai-modal::-webkit-scrollbar-thumb{background:linear-gradient(var(--cyan),var(--green));border-radius:20px}

/* Мобилни оптимизации */
@media(max-width:760px){
  body:before{display:none}
  .ambient-two{display:none}
  .ambient-one{opacity:.08}
  .sidebar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .topbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .metric-card:hover,.kanban-card:hover,.attention-item:hover{transform:none}
  .topbar-actions .btn-ai{font-size:0;width:38px;height:38px;padding:0}
  .topbar-actions .btn-ai span{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .radar-sweep,.ai-orb{animation:none}
}

/* ═══ ВАРИАНТ B · GLASS CARDS — прозрачни карти с неонов ръб ═══ */
:root{--radius:20px;--radius-lg:24px}
.metric-card,.panel,.kanban-column,.hero-strip,.system-card,.filterbar,.table-shell{
  background:linear-gradient(155deg,rgba(20,52,40,.5),rgba(6,18,14,.42))!important;
  backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);
  border:1px solid rgba(76,255,170,.16)!important;
  border-radius:20px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -20px 40px -30px rgba(38,255,156,.4),
    0 16px 40px -18px rgba(0,0,0,.7);
}
/* горен неонов ръб */
.metric-card:after,.panel:after{
  content:"";position:absolute;left:16px;right:16px;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--accent,var(--green)),transparent);opacity:.55;
}
.metric-card,.panel{position:relative;overflow:hidden}
.metric-card:before{width:0}
.metric-head i{
  background:rgba(38,255,156,.12);border:1px solid rgba(76,255,170,.22);
  box-shadow:0 0 18px -6px var(--accent),inset 0 1px 0 rgba(255,255,255,.14);
}
.kanban-card{
  background:linear-gradient(155deg,rgba(24,60,46,.55),rgba(8,22,17,.45))!important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(76,255,170,.18)!important;border-radius:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 26px -14px rgba(0,0,0,.7);
}
.client-avatar{border-radius:12px;background:rgba(38,255,156,.14);border:1px solid rgba(76,255,170,.26)}
.btn{border-radius:14px}
@media(max-width:760px){
  .metric-card,.panel,.kanban-column,.hero-strip,.kanban-card,.filterbar,.table-shell{
    backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  }
}

/* ═══ Сортируеми колони ═══ */
th.sortable{cursor:pointer;user-select:none;position:relative;padding-right:22px;transition:color .15s}
th.sortable:hover{color:var(--green-2)}
th.sortable:after{
  content:"⇅";position:absolute;right:8px;top:50%;transform:translateY(-50%);
  font-size:10px;opacity:.35;transition:.15s;
}
th.sortable:hover:after{opacity:.7}
th.sortable.sort-asc:after{content:"↑";opacity:1;color:var(--green);text-shadow:0 0 8px rgba(38,255,156,.7)}
th.sortable.sort-desc:after{content:"↓";opacity:1;color:var(--green);text-shadow:0 0 8px rgba(38,255,156,.7)}
th.sortable.sort-asc,th.sortable.sort-desc{color:var(--green-2)}

/* ═══ IBM Plex типография ═══ */
body,button,input,select,textarea{font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
/* моно за всички числови/технически места */
.metric-card>strong,.finance-stat strong,.attention-value strong,.kanban-card-foot strong,
td.money-cell strong,.donut strong,.live-calculation strong,.kanban-total,
.metric-card small b,.status-row strong,.probability-ring b,.kanban-card .prob,
th,.eyebrow,.metric-head span,.kanban-column-head strong,.brand small,.topbar-title span,
.filter-count,.live-pill{
  font-family:"IBM Plex Mono",ui-monospace,"SF Mono",monospace;
  font-variant-numeric:tabular-nums;
}
th,.eyebrow,.metric-head span,.kanban-column-head strong,.brand small,.topbar-title span,.live-pill{
  letter-spacing:.06em;font-weight:600;
}
.brand strong{font-family:"IBM Plex Sans",sans-serif;font-weight:700;letter-spacing:-.4px}
h1,h2,h3,h4,.hero-strip h3,.panel-head h3,.view-heading h3,.ai-hero h3,.modal-head h3,.login-card h1{
  font-family:"IBM Plex Sans",sans-serif;font-weight:600;
}
.login-card h1{font-weight:700;letter-spacing:-1.4px}
.hero-strip h3{font-weight:600;letter-spacing:-.5px}
.metric-card>strong{font-weight:600;letter-spacing:-.5px}
td{font-size:12.5px}
td .deal-client strong{font-weight:600}
.btn{font-weight:600;letter-spacing:-.1px}

/* ═══ Експорт бутони ═══ */
.export-group{display:flex;gap:8px;align-items:center}
.export-group .btn{padding:10px 16px}
@media(max-width:760px){
  .view-heading .export-group{display:flex}
  .export-group .btn{padding:9px 13px;font-size:12px}
}


/* ===== LIGHT THEME OVERRIDE (grants-style) ===== */
:root{
  --bg:#f6f7f9; --bg-2:#eef0f3;
  --panel:#ffffff; --panel-2:#fbfcfd;
  --surface:#ffffff; --surface-2:#f4f6f8; --surface-3:#eef1f4;
  --line:rgba(15,20,28,.09); --line-2:rgba(15,20,28,.14);
  --text:#20242b; --text-2:#565d68;
  --muted:#7a8290;
  --green:#0e9f6e; --green-2:#12b981; --green-dim:#0c8a5c;
  --cyan:#0891b2; --blue:#2563eb; --amber:#b45309; --red:#dc2626;
  --shadow-sm:0 2px 10px rgba(15,20,28,.06);
  --shadow:0 14px 40px -14px rgba(15,20,28,.16);
  --shadow-lg:0 30px 80px -22px rgba(15,20,28,.22);
  --glow:0 2px 8px rgba(14,159,110,.15);
  --glow-soft:0 3px 12px rgba(14,159,110,.1);
  --ring:0 0 0 3px rgba(14,159,110,.15);
}
html,body{background:var(--bg) !important;color:var(--text) !important}
body{
  background:
    radial-gradient(circle at 10% -6%,rgba(14,159,110,.05),transparent 34%),
    radial-gradient(circle at 94% 3%,rgba(8,145,178,.04),transparent 30%),
    var(--bg) !important;
}
body:before{opacity:.35 !important;background:
  linear-gradient(rgba(15,20,28,.03) 1px,transparent 1px) 0 0/100% 34px,
  linear-gradient(90deg,rgba(15,20,28,.03) 1px,transparent 1px) 0 0/34px 100% !important}
.ambient{opacity:.05 !important}

/* Премахваме неоновите свечения (нечетими на светло) */
*{text-shadow:none !important}
.brand-mark span,.radar-core,.live-pill i,.pulse-dot,.progress i,
.metric-card:before,.metric-head i,.bar,.client-avatar,.btn-primary{
  box-shadow:none !important;
}

/* Login */
.login-screen{background:radial-gradient(circle at 50% 10%,rgba(14,159,110,.08),transparent 35%),var(--bg) !important}
.login-card{
  background:linear-gradient(145deg,#ffffff,#fbfcfd) !important;
  border:1px solid var(--line-2) !important;
  box-shadow:0 24px 70px -20px rgba(15,20,28,.18) !important;
}
.login-card p,.brand small{color:var(--muted) !important}
.login-card label,.deal-modal label{color:var(--text-2) !important}
.login-card input,.deal-modal input,.deal-modal textarea,.deal-modal select,
.filterbar input,.filterbar select,.pipeline-select select{
  background:rgba(15,20,28,.035) !important;border:1px solid var(--line) !important;color:var(--text) !important;
}

/* Sidebar / topbar */
.sidebar{
  background:linear-gradient(180deg,#ffffff,#f7f8fa) !important;
  border-right:1px solid var(--line) !important;box-shadow:1px 0 0 rgba(15,20,28,.04) !important;
}
.topbar{background:rgba(246,247,249,.88) !important;border-bottom:1px solid var(--line) !important}
.nav-item{color:var(--muted) !important}
.nav-item:hover{background:rgba(14,159,110,.07) !important;color:var(--text) !important}
.nav-item.is-active{
  color:var(--green) !important;
  background:linear-gradient(90deg,rgba(14,159,110,.12),rgba(14,159,110,.02)) !important;
  box-shadow:inset 2px 0 0 var(--green) !important;
}
.nav-item b{background:rgba(14,159,110,.1) !important;color:var(--green) !important}
.system-card{background:#ffffff !important;border:1px solid var(--line) !important}
.system-card strong{color:var(--text) !important}
.system-card small{color:var(--muted) !important}
.pulse-dot{background:var(--green) !important;box-shadow:0 0 0 4px rgba(14,159,110,.12) !important}
.brand strong,.topbar-title h2{color:var(--text) !important}
.brand-mark{
  background:linear-gradient(150deg,rgba(14,159,110,.12),rgba(8,145,178,.04)) !important;
  border:1px solid var(--line-2) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6) !important;
}

/* Hero */
.hero-strip{
  background:linear-gradient(115deg,#ffffff,#f7f8fa 60%) !important;
  border:1px solid var(--line-2) !important;
  box-shadow:var(--shadow-sm) !important;
}
.hero-strip h3,.hero-strip h3 em{color:var(--text) !important}
.hero-strip h3 em{color:var(--green) !important}
.live-pill{color:var(--green) !important}
.radar-ring{border-color:rgba(14,159,110,.28) !important}
.radar-ring:before,.radar-ring:after{background:rgba(14,159,110,.18) !important}
.radar-core{background:var(--green) !important;box-shadow:0 0 10px rgba(14,159,110,.5) !important}
.radar-sweep{background:conic-gradient(from 0deg,rgba(14,159,110,.22),transparent 24%) !important}
.eyebrow{color:var(--muted) !important}

/* Metric cards */
.metric-card{
  background:linear-gradient(145deg,#ffffff,#fbfcfd) !important;
  border:1px solid var(--line) !important;box-shadow:var(--shadow-sm) !important;
}
.metric-card:hover{box-shadow:var(--shadow) !important;border-color:var(--line-2) !important}
.metric-card:before{background:var(--accent) !important;box-shadow:none !important}
.metric-head,.metric-head span{color:var(--muted) !important}
.metric-card>strong{color:var(--text) !important}
.metric-card small{color:var(--muted) !important}
.metric-card small b{color:var(--text-2) !important}

/* Panels / charts */
.panel{
  background:linear-gradient(145deg,#ffffff,#fbfcfd) !important;
  border:1px solid var(--line) !important;box-shadow:var(--shadow-sm) !important;
}
.panel-head h3{color:var(--text) !important}
.legend,.status-row span,.quarter-group>span{color:var(--muted) !important}
.quarter-chart{
  border-color:var(--line) !important;
  background:repeating-linear-gradient(to top,transparent,transparent 43px,rgba(15,20,28,.05) 44px) !important;
}
.bar.revenue{background:linear-gradient(var(--cyan),#0369a1) !important}
.bar.forecast{background:linear-gradient(var(--green-2),var(--green)) !important}
.bar:hover:after{background:#ffffff !important;border:1px solid var(--line-2) !important;color:var(--text) !important}
.donut:before{background:#ffffff !important;box-shadow:inset 0 0 0 1px var(--line) !important}
.donut strong{color:var(--text) !important}
.donut span{color:var(--muted) !important}
.client-avatar{
  background:linear-gradient(150deg,rgba(14,159,110,.12),rgba(8,145,178,.04)) !important;
  border:1px solid var(--line-2) !important;color:var(--green) !important;box-shadow:none !important;
}
.attention-main strong,.attention-value strong,.finance-stat strong{color:var(--text) !important}
.attention-main small,.attention-value small,.finance-stat span{color:var(--muted) !important}
.attention-item{border-color:var(--line) !important}
.attention-item:hover{background:rgba(14,159,110,.05) !important}
.progress{background:rgba(15,20,28,.08) !important}
.progress i{background:linear-gradient(90deg,var(--green),var(--green-2)) !important;box-shadow:none !important}
.probability-ring{background:conic-gradient(var(--green) calc(var(--p)*1%),rgba(15,20,28,.1) 0) !important}
.probability-ring:before{background:#ffffff !important}
.finance-stat.danger strong{color:var(--red) !important}
.text-button{color:var(--green) !important}

/* Buttons */
.btn-primary{
  color:#fff !important;background:linear-gradient(135deg,var(--green-2),var(--green-dim)) !important;
  box-shadow:0 4px 16px -4px rgba(14,159,110,.4) !important;
}
.btn-secondary,.icon-button,.mobile-menu,.modal-close{
  background:linear-gradient(160deg,#ffffff,#eef0f3) !important;
  border:1px solid var(--line-2) !important;color:var(--text-2) !important;
}
.btn-secondary:hover,.icon-button:hover{border-color:rgba(14,159,110,.4) !important;color:var(--green) !important;box-shadow:none !important}
.btn-danger{color:var(--red) !important;border:1px solid rgba(220,38,38,.3) !important;background:rgba(220,38,38,.08) !important}
.btn-ai{color:#fff !important;background:linear-gradient(135deg,var(--green-2),var(--cyan)) !important;box-shadow:0 4px 16px -4px rgba(14,159,110,.4) !important}

/* Table */
.filterbar{background:#ffffff !important;border:1px solid var(--line) !important}
.filter-count,.search-box span{color:var(--muted) !important}
.table-shell{background:#ffffff !important;border:1px solid var(--line) !important;border-top:0 !important}
th{background:#f4f6f8 !important;color:var(--muted) !important;border-bottom:1px solid var(--line) !important}
td{color:var(--text) !important;border-bottom:1px solid rgba(15,20,28,.07) !important}
tbody tr:hover{background:rgba(14,159,110,.04) !important}
.deal-client small,.money-cell small{color:var(--muted) !important}
.status-chip.open{color:#1d4ed8 !important;background:rgba(37,99,235,.1) !important}
.status-chip.signed{color:var(--green) !important;background:rgba(14,159,110,.1) !important}
.status-chip.lost{color:var(--red) !important;background:rgba(220,38,38,.1) !important}
.margin-positive{color:var(--green) !important}
.row-actions button{color:var(--muted) !important}
.empty-state{color:var(--muted) !important}
.empty-state strong{color:var(--text) !important}

/* Kanban */
.kanban-column{background:#f7f8fa !important;border:1px solid var(--line) !important}
.kanban-column-head{background:#ffffff !important;border-bottom:1px solid var(--line) !important}
.kanban-column-head strong{color:var(--text) !important}
.kanban-column-head b{background:rgba(15,20,28,.06) !important;color:var(--muted) !important}
.kanban-total{color:var(--text-2) !important}
.kanban-card{
  background:linear-gradient(145deg,#ffffff,#fbfcfd) !important;
  border:1px solid var(--line) !important;
}
.kanban-card h4{color:var(--text) !important}
.kanban-card p{color:var(--muted) !important}
.kanban-card .prob{color:var(--green) !important;background:rgba(14,159,110,.08) !important}
.kanban-card-foot{border-top:1px solid var(--line) !important}
.kanban-card-foot strong{color:var(--text) !important}
.kanban-card-foot span{color:var(--muted) !important}
.kanban-list.is-over{background:rgba(14,159,110,.04) !important}

/* Modal */
.modal-backdrop{background:rgba(10,12,16,.4) !important}
.deal-modal{
  background:linear-gradient(178deg,#ffffff,#f7f8fa) !important;
  border:1px solid var(--line-2) !important;box-shadow:var(--shadow-lg) !important;
}
.modal-head h3{color:var(--text) !important}
.form-section-title{color:var(--green) !important;border-top:1px solid var(--line) !important}
.live-calculation{background:rgba(14,159,110,.05) !important;border:1px solid rgba(14,159,110,.22) !important}
.live-calculation span{color:var(--muted) !important}
.live-calculation strong{color:var(--text) !important}
.live-calculation small{color:var(--green) !important}
.modal-actions{border-top:1px solid var(--line) !important}
.check-label{color:var(--text) !important}

/* Toast */
.toast{
  background:linear-gradient(160deg,#ffffff,#f2f4f7) !important;color:var(--text) !important;
  border:1px solid var(--line-2) !important;box-shadow:var(--shadow) !important;
}
.toast.error{border-color:rgba(220,38,38,.4) !important;color:var(--red) !important;background:#fff5f5 !important}

/* Mobile nav */
.mobile-nav{background:rgba(255,255,255,.95) !important;border:1px solid var(--line-2) !important;box-shadow:0 15px 40px rgba(15,20,28,.15) !important}
.mobile-nav button{color:var(--muted) !important}
.mobile-nav button.is-active{color:var(--green) !important;background:rgba(14,159,110,.1) !important}