:root{
  --bg:#061014;
  --panel:#0b171b;
  --panel-2:#102328;
  --line:#25434a;
  --muted:#8da5ab;
  --text:#eaffff;
  --accent:#64e4dc;
  --accent-2:#4aa8e8;
  --amber:#ffb66e;
  --green:#5de0a3;
}

body{
  min-height:100vh;
  background:
    radial-gradient(circle at 82% 8%,rgba(36,155,166,.24),transparent 28%),
    radial-gradient(circle at 42% 78%,rgba(42,118,180,.12),transparent 34%),
    linear-gradient(145deg,#040b0e,#071216 55%,#051014);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 75%)}

aside{
  inset:18px auto 18px 18px;
  width:226px;
  height:auto;
  padding:27px 19px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  background:rgba(4,12,15,.88);
  box-shadow:0 22px 80px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.04);
  backdrop-filter:blur(22px);
}
.brand{font-size:23px;letter-spacing:-1px}.brand i{font-style:normal;color:var(--accent);filter:drop-shadow(0 0 10px rgba(100,228,220,.55))}.brand span{color:#668087;margin-bottom:26px}.workspace{font-size:11px;color:#b8d1d5;border-color:#1c343a}.dot{background:var(--accent);box-shadow:0 0 0 5px rgba(100,228,220,.08),0 0 16px var(--accent)}
nav{gap:5px}nav button{position:relative;border-radius:12px;transition:color .25s,transform .25s,background .25s}nav button:hover{transform:translateX(3px);color:#fff}nav button.active{color:#fff;background:linear-gradient(90deg,rgba(70,202,204,.32),rgba(41,101,137,.17));box-shadow:inset 0 0 0 1px rgba(180,255,252,.11),0 8px 28px rgba(18,96,109,.18)}nav button.active::before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:2px;border-radius:2px;background:#8bfff6;box-shadow:0 0 12px #64e4dc}
.aside-bottom{font-size:13px;position:relative;padding-left:16px}.aside-orb{position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}

main{margin-left:260px;padding:34px 38px 55px;max-width:1800px}header{margin-bottom:23px}h1{font-size:36px;font-weight:500;letter-spacing:-1.7px;background:linear-gradient(92deg,#fff 0,#fff 47%,#72d9e9 78%);background-clip:text;color:transparent}.subtitle{color:#78949a}.eyebrow{color:#6ccfd5;letter-spacing:2.4px}.header-actions{display:flex;align-items:center;gap:10px}.live-pill{display:inline-flex;gap:8px;align-items:center;border:1px solid #234048;background:#0b181c;border-radius:999px;padding:9px 13px;font-size:10px;letter-spacing:1.2px;color:#92aeb4}.live-pill i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 2s infinite}
button{border-color:#27464d;background:#102126;border-radius:11px;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s}button:hover{border-color:#4fbac2;transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,0,0,.22)}.primary{position:relative;overflow:hidden;background:linear-gradient(110deg,#64e4dc,#4aa8e8 55%,#84f0e8);color:#062024;border-color:transparent;box-shadow:0 8px 26px rgba(65,190,201,.2)}.primary::after{content:"";position:absolute;inset:-2px;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.45),transparent 60%);transform:translateX(-120%);animation:shimmer 4s ease-in-out infinite}
#connection{border-color:#27464d;background:rgba(7,20,24,.74);border-radius:13px;backdrop-filter:blur(12px)}#connection.warn{border-color:#2f6871;color:#a7dfe2;background:linear-gradient(90deg,rgba(30,89,98,.34),rgba(7,20,24,.74))}
#filters{padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:rgba(7,20,24,.58);backdrop-filter:blur(12px)}input,select,.edit-grid textarea{background:#0d1c21;border-color:#2a4a52;border-radius:10px}input:focus,select:focus,button:focus-visible{outline-color:#64e4dc}

.dashboard-tabs{display:flex;gap:6px;margin:0 0 13px}.dashboard-tabs span{padding:8px 15px;border-radius:999px;background:#0b181c;border:1px solid #213a41;color:#759097;font-size:11px}.dashboard-tabs .active{color:#fff;background:linear-gradient(110deg,#16444a,#246b8d);border-color:#3a91a2;box-shadow:0 0 25px rgba(83,217,221,.13)}
.metrics{gap:12px}.metric{position:relative;overflow:hidden;padding:19px;background:linear-gradient(145deg,rgba(14,31,36,.96),rgba(7,17,20,.98));border-color:#28474f;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.035);animation:liftIn .55s both}.metric:nth-child(2){animation-delay:.06s}.metric:nth-child(3){animation-delay:.12s}.metric:nth-child(4){animation-delay:.18s}.metric::after{content:"";position:absolute;right:-35px;top:-40px;width:100px;height:100px;border-radius:50%;background:rgba(80,198,207,.08);filter:blur(14px)}.metric strong{font-size:27px;font-weight:540;letter-spacing:-1.4px}.metric.highlight{background:radial-gradient(circle at 85% 8%,rgba(91,224,218,.24),transparent 45%),linear-gradient(145deg,#10292e,#0b1b20);border-color:#36747c}.metric.highlight strong{color:#fff;text-shadow:0 0 24px rgba(100,228,220,.3)}

.overview-board{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(340px,1.18fr);gap:14px;margin-top:14px}.panel,.finding{background:linear-gradient(145deg,rgba(12,27,32,.97),rgba(5,14,17,.98));border-color:#26444b;border-radius:16px;box-shadow:0 18px 55px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.03)}.panel{animation:liftIn .6s .08s both}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.panel-title p{margin:2px 0}.soft-badge{font-size:10px;color:#a8d6da;border:1px solid #2d5961;border-radius:999px;padding:6px 10px;background:#10262b;white-space:nowrap}.insight-card{min-height:220px;position:relative;overflow:hidden;padding-right:135px;background:radial-gradient(circle at 95% 90%,rgba(74,179,201,.28),transparent 38%),linear-gradient(145deg,#0e2429,#071519)}.insight-card::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,#55ccd1,transparent)}.insight-card .tag{font-size:9px;letter-spacing:1.3px;color:#80e4df}.insight-card h2{font-size:24px;margin:14px 0 8px;font-weight:520}.progress-orbit{position:absolute;right:25px;bottom:27px;width:91px;height:91px;display:grid;place-items:center}.progress-orbit i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#64e4dc var(--progress),#1c3439 0);mask:radial-gradient(farthest-side,transparent 67%,#000 68%)}.progress-orbit::after{content:"";position:absolute;inset:17px;border-radius:50%;background:rgba(255,255,255,.025);box-shadow:inset 0 0 20px rgba(100,228,220,.08)}.progress-orbit strong{z-index:1;font-size:19px;font-weight:520}.funnel-card{display:flex;flex-direction:column}.conversion-row{display:flex;align-items:baseline;gap:12px;margin:22px 0 8px}.conversion-row strong{font-size:39px;font-weight:480;letter-spacing:-2px}.conversion-row span{color:var(--muted);font-size:11px}.micro-track{height:7px;border-radius:9px;background:#183038;overflow:hidden}.micro-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#348fb3,#64e4dc);box-shadow:0 0 18px rgba(100,228,220,.42);animation:growWidth .9s ease both}.source-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:20px}.source-chips span{font-size:10px;color:#90aeb3;border:1px solid #203c43;background:#071317;padding:6px 9px;border-radius:999px}.source-chips b{color:#d3f5f4;margin-left:4px}

.performance-panel{margin-top:14px;padding:20px 22px 22px}.compact-button{font-size:11px;padding:8px 12px}.donut-layout{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(300px,1.35fr);align-items:center;gap:32px;min-height:280px}.donut-wrap{position:relative;width:min(260px,100%);aspect-ratio:1;margin:auto}.donut-wrap svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 14px 36px rgba(0,0,0,.25))}.donut-track,.donut-segment{fill:none;stroke-width:13}.donut-track{stroke:#172d33}.donut-segment{stroke:var(--color);stroke-linecap:butt;stroke-dasharray:var(--segment) calc(100 - var(--segment));stroke-dashoffset:var(--offset);transform:rotate(-90deg);transform-origin:center;animation:donutIn 1s cubic-bezier(.2,.8,.2,1) both}.donut-segment.paid{filter:drop-shadow(0 0 5px rgba(100,228,220,.38))}.donut-segment.overdue{stroke-linecap:round}.donut-center{position:absolute;inset:27%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 45% 35%,#15353b,#08171b 70%);border:1px solid #27474f;box-shadow:inset 0 0 30px rgba(100,228,220,.06)}.donut-center span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px}.donut-center strong{font-size:18px;margin-top:5px;letter-spacing:-.8px}.donut-legend{display:grid;gap:10px}.donut-legend>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #203b42;border-radius:12px;background:#08171b}.donut-legend i{width:9px;height:9px;border-radius:50%;box-shadow:0 0 12px currentColor}.donut-legend span{font-size:12px}.donut-legend small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.donut-legend strong{font-size:14px;font-weight:560}.money-summary .donut-layout{max-width:880px;margin:auto}.money-filter{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;padding:14px;margin:10px 0;border:1px solid #24434a;border-radius:15px;background:rgba(8,23,27,.75)}.filter-chips{display:flex;gap:7px;flex-wrap:wrap}.filter-chips button{display:flex;align-items:center;gap:7px;border-radius:999px;padding:8px 12px}.filter-chips button strong{font-size:10px;min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:#1b363d}.filter-chips button.active{color:#062024;background:linear-gradient(110deg,var(--accent),#6fcbea);border-color:transparent}.filter-chips button.active strong{color:#eaffff;background:#0b3c45}.money-date-range{display:flex;align-items:flex-end;gap:8px}.money-date-range label{font-size:10px;color:var(--muted)}.money-date-range input{display:block;margin-top:5px;min-width:135px}

.section-head{margin-top:32px}.finding{transition:transform .3s,border-color .3s,box-shadow .3s;animation:liftIn .6s both}.finding:hover{transform:translateY(-4px);border-color:#36717a;box-shadow:0 24px 55px rgba(0,0,0,.24),0 0 32px rgba(87,201,207,.07)}.finding .tag{color:#73d9da}.finding button{border-color:#2c535b}.bar rect:not(.track){fill:url(#barGradient);fill:var(--accent);filter:drop-shadow(0 0 4px rgba(100,228,220,.25))}.badge{color:#9fe8e4;background:#17343a}.table-wrap{border-color:#28474e;background:#061216}th{background:#0c2025;color:#78959b}tbody tr:hover{background:#0f272c}.notice{border-color:#438c95;background:#10282e;color:#b8e3e4}dialog{background:#071519;border-color:#2f5b64;box-shadow:0 35px 120px rgba(0,0,0,.66)}dialog::backdrop{background:rgba(1,6,8,.8);backdrop-filter:blur(9px)}

.plan-panel{margin-top:14px;padding:22px;background:radial-gradient(circle at 88% 12%,rgba(74,168,232,.14),transparent 32%),linear-gradient(145deg,rgba(13,35,40,.98),rgba(6,17,21,.99))}.plan-panel .tag{font-size:9px;letter-spacing:1.4px;color:#75e2dc}.plan-panel h2{margin:6px 0 2px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.goal-card{padding:14px;border:1px solid #214047;border-radius:13px;background:rgba(5,17,20,.7)}.goal-card>div:first-child{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.goal-card span{font-size:11px;color:#9bb4b9}.goal-card strong{font-size:17px;font-weight:550;text-align:right}.goal-card strong small{font-size:9px;font-weight:400;color:#789097}.goal-card>small{display:block;margin-top:6px;color:#718d93;font-size:9px}.goal-track{height:5px;margin-top:12px;border-radius:999px;background:#173139;overflow:hidden}.goal-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4aa8e8,#64e4dc);box-shadow:0 0 12px rgba(100,228,220,.4);animation:growWidth .9s ease both}.statistics-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.statistics-head h2{font-size:29px;margin:4px 0}.statistics-head>label{min-width:220px;font-size:10px;color:var(--muted)}.statistics-head select{display:block;width:100%;margin-top:6px}.stat-metrics{margin-bottom:14px}.spend-form{display:flex;align-items:flex-end;gap:10px;margin:14px 0 18px;padding:14px;border:1px solid #24434a;border-radius:15px;background:rgba(8,23,27,.75)}.spend-form label{min-width:260px;color:var(--muted);font-size:10px}.spend-form input{display:block;width:100%;margin-top:5px}.spend-form .form-error{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-section{padding:18px}.stat-section h3{margin:0 0 10px;font-size:15px;color:#dffafa}.stat-section>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid rgba(70,113,121,.25)}.stat-section>div:last-child{border-bottom:0}.stat-section span{font-size:11px;color:#8ea8ad}.stat-section strong{font-size:12px;font-weight:550;color:#eaffff;text-align:right}.stat-plan{margin-top:14px}.payment-status{min-width:126px;padding:7px 9px;color:#bdf7ef;background:#0d282c;border-color:#32646a}.payment-status.bad{color:#ffd5a9;border-color:#7a5336;background:#2b1f18}.payment-status:disabled{opacity:.6}.form-actions .muted{align-self:center}.edit-grid input[type=number]{width:100%}
.projection-card{border-style:dashed;border-color:#37616b}.projection-card .goal-track i{background:linear-gradient(90deg,#4a81e8,#7e8cff)}
.plan-overview{margin:0 0 15px}.plan-actions{display:flex;align-items:flex-end;gap:10px}.plan-actions label{min-width:190px}.plan-actions select{width:100%;margin-top:5px}.plan-performance{display:grid;grid-template-columns:160px 1fr;gap:22px;align-items:center}.plan-completion{position:relative;width:138px;height:138px;margin:18px auto 0;display:grid;place-items:center;align-content:center}.plan-completion i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#64e4dc var(--plan),#173139 0);mask:radial-gradient(farthest-side,transparent 69%,#000 70%)}.plan-completion::after{content:"";position:absolute;inset:17px;border:1px solid #21454c;border-radius:50%;background:rgba(7,22,26,.75)}.plan-completion strong,.plan-completion span{position:relative;z-index:1}.plan-completion strong{font-size:27px;font-weight:550}.plan-completion span{font-size:9px;color:#7f9fa4}.plan-performance .plan-grid{margin-top:18px}
.money-month{display:flex;align-items:flex-end;gap:14px;margin:14px 0;padding:14px;border:1px solid #28515a;border-radius:15px;background:linear-gradient(110deg,rgba(19,54,61,.72),rgba(7,22,26,.82))}.money-month label{min-width:220px;font-size:10px;color:var(--muted)}.money-month select{display:block;width:100%;margin-top:5px}.money-month span{padding-bottom:8px;color:#8ba7ac;font-size:10px}.stage-select{min-width:180px;max-width:230px;padding:7px 30px 7px 9px;font-size:11px;font-weight:600}.stage-select.tone-success{color:#b9ffdb;border-color:#2b7555;background-color:#123425}.stage-select.tone-danger{color:#ffd0c7;border-color:#814b43;background-color:#351d1b}.stage-select.tone-ready{color:#c9efff;border-color:#39749a;background-color:#132c3b}.stage-select.tone-warm{color:#ffe0ad;border-color:#80603a;background-color:#342817}.stage-select.tone-neutral{color:#c4d1d4;border-color:#425a60;background-color:#172429}.quality-badge{display:inline-block;margin-top:6px;padding:4px 7px;border-radius:999px;font-size:9px}.quality-good{color:#adf8d4;background:#123b2c}.quality-bad{color:#ffc7be;background:#40231f}.quality-unknown{color:#b8c8ca;background:#26363a}.next-action{max-width:240px;padding:7px 9px;text-align:left;font-size:11px;color:#aef2ec;border-color:#32656b;background:#10292e}.next-action:hover{color:#fff}

.period-presets{display:flex;gap:6px;align-items:center}.period-presets button{padding:8px 10px;font-size:10px;white-space:nowrap}.duplicate-warning{min-height:0;color:#ffd79e;border:1px solid transparent;border-radius:10px}.duplicate-warning:not(:empty){padding:10px 12px;border-color:#735a38;background:#2b2117}.plan-preview{padding:12px;border:1px solid #2b555d;border-radius:12px;background:#0b2126;color:#a9c8cc}.plan-delta{margin:15px 0 0;padding-top:14px;border-top:1px solid #24434a;color:#91aaaf}.calculator-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:15px}.calculator-head h2{margin:5px 0}.calc-switch{display:flex;padding:4px;border:1px solid #284b53;border-radius:13px;background:#08171b}.calc-switch button{border:0;background:transparent}.calc-switch .active{background:linear-gradient(110deg,#16444a,#246b8d)}.calc-layout{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(430px,1.28fr);gap:14px}.calc-controls,.calc-result,.calc-empty{padding:22px}.calc-controls>label{display:block;margin-bottom:16px;color:#9bb5ba;font-size:11px}.calc-controls input,.calc-controls select{display:block;width:100%;margin-top:7px}.calc-controls input[type=range]{padding:0;accent-color:var(--accent)}.calc-conversions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.calc-conversions label{font-size:10px;color:#8fa9ae}.calc-conversions input{margin-top:5px;width:100%}.calc-result h2{font-size:28px;margin:13px 0 22px}.funnel-visual{display:grid;gap:5px;justify-items:center}.funnel-visual div{width:var(--funnel-width);min-width:170px;display:flex;align-items:center;justify-content:space-between;padding:12px 17px;border:1px solid #2d5962;border-radius:11px;background:linear-gradient(100deg,rgba(74,168,232,.19),rgba(100,228,220,.1));animation:funnelIn .55s both}.funnel-visual div:nth-child(2){animation-delay:.06s}.funnel-visual div:nth-child(3){animation-delay:.12s}.funnel-visual div:nth-child(4){animation-delay:.18s}.funnel-visual strong{font-size:24px}.funnel-visual span{font-size:11px;color:#9db7bc}.tempo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.tempo>div{padding:14px;border:1px solid #24464e;border-radius:13px;background:#08191d}.tempo span,.tempo small{display:block;color:#89a4a9;font-size:10px}.tempo strong{display:block;margin:6px 0;font-size:18px}.calc-empty{text-align:center;max-width:760px;margin:40px auto}.calc-empty p{max-width:560px;margin:12px auto 20px}.referral-field[hidden]{display:none}
.quality-select{min-width:128px;padding:7px 9px;border-radius:10px;font-size:11px;font-weight:700}.quality-select.quality-good{color:#adf8d4;border-color:#2c7258;background:#123b2c}.quality-select.quality-bad{color:#ffc7be;border-color:#82493f;background:#40231f}.quality-select.quality-unknown{color:#c4d1d4;border-color:#425a60;background:#172429}.payment-local{display:inline-flex;padding:5px 9px;border:1px solid #2c7258;border-radius:999px;color:#adf8d4;background:#123b2c;font-size:11px;font-weight:700}.deal-payments{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin:16px 0;padding:16px;border:1px solid rgba(74,214,201,.28);border-radius:16px;background:linear-gradient(135deg,rgba(31,122,126,.18),rgba(21,47,54,.62))}.deal-payments h3{margin:6px 0 4px;font-size:20px}.deal-payments p{margin:0;color:var(--muted)}.deal-payment-list{grid-column:1/-1;display:grid;gap:8px;padding-top:4px}.deal-payment-list p{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:rgba(6,18,22,.52)}.deal-payment-list strong{color:#b9fff6}.deal-payment-list span{text-align:right}@media(max-width:430px){.deal-payments{grid-template-columns:1fr}.deal-payments button{width:100%}.deal-payment-list{grid-column:1}.deal-payment-list p{align-items:flex-start;flex-direction:column}.deal-payment-list span{text-align:left}}
.payment-local.pending{color:#ffe0ad;border-color:#80603a;background:#342817}.payment-local.partial{color:#c6f4ff;border-color:#398ba4;background:#12323e}.deal-money-summary,.payment-balance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.deal-money-summary span,.payment-balance span{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid rgba(86,174,181,.22);border-radius:11px;color:#87a7ab;background:rgba(4,18,21,.5);font-size:10px}.deal-money-summary strong,.payment-balance strong{color:#e7ffff;font-size:14px}.payment-balance{grid-column:1/-1;margin:0 0 14px}.payment-balance span{font-size:11px}.payment-balance strong{font-size:17px}@media(max-width:600px){.deal-money-summary,.payment-balance{grid-template-columns:1fr}.section-head #newFinancePayment{width:100%}}
.danger-button{color:#ffc6cb;border-color:rgba(241,107,116,.42);background:rgba(241,107,116,.1)}.danger-button:hover{color:#fff;border-color:rgba(241,107,116,.7);background:rgba(241,107,116,.22)}
.edit-grid label[hidden]{display:none}
.salary-head{align-items:flex-end}.salary-head h2{margin:5px 0}.salary-actions{display:flex;align-items:flex-end;gap:10px}.salary-actions label{min-width:190px;color:var(--muted);font-size:10px}.salary-actions select{display:block;width:100%;margin-top:5px}.salary-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.salary-summary article{padding:17px;border:1px solid #24464e;border-radius:14px;background:linear-gradient(135deg,rgba(18,55,61,.82),rgba(7,22,26,.94))}.salary-summary span{display:block;color:#8ea8ad;font-size:10px}.salary-summary strong{display:block;margin-top:6px;color:#dffffb;font-size:22px}.salary-project-custom[hidden],.salary-employee-custom[hidden]{display:none}@media(max-width:700px){.salary-head,.salary-actions{align-items:stretch;flex-direction:column}.salary-actions label,.salary-actions button{width:100%}.salary-summary{grid-template-columns:1fr}}
@keyframes funnelIn{from{opacity:0;transform:scaleX(.75)}to{opacity:1;transform:none}}
@keyframes liftIn{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}
@keyframes drawLine{to{stroke-dashoffset:0}}
@keyframes dotIn{from{opacity:0;transform:scale(.4);transform-origin:center}to{opacity:1;transform:scale(1)}}
@keyframes growWidth{from{width:0}}
.donut-visual{position:absolute;inset:0;border-radius:50%;mask:radial-gradient(farthest-side,transparent 69%,#000 70%);filter:drop-shadow(0 0 12px rgba(100,228,220,.18));animation:donutVisualIn .9s cubic-bezier(.2,.8,.2,1) both}
.donut-wedge{transform-origin:center;animation:donutVisualIn .9s cubic-bezier(.2,.8,.2,1) both}.donut-wedge.paid{fill:#64e4dc;filter:drop-shadow(0 0 3px rgba(100,228,220,.4))}.donut-wedge.scheduled{fill:#4aa8e8}.donut-wedge.overdue{fill:#ffb66e}
@keyframes donutVisualIn{from{opacity:0;transform:rotate(-35deg) scale(.9)}to{opacity:1;transform:none}}
@keyframes donutIn{from{opacity:0;transform:rotate(-90deg) scale(.92)}to{opacity:1;transform:rotate(-90deg) scale(1)}}
@keyframes shimmer{0%,60%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
@keyframes pulse{50%{opacity:.55;box-shadow:0 0 20px var(--green)}}

@media(max-width:1150px){aside{width:204px}main{margin-left:228px;padding-inline:24px}.overview-board{grid-template-columns:1fr}.insight-card{min-height:190px}.plan-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){
  body{background:radial-gradient(circle at 50% 0,rgba(36,142,153,.24),transparent 30%),#061014}
  aside{position:static;width:auto;margin:10px;padding:16px 14px;border-radius:18px}.brand span{margin-bottom:8px}.workspace,.aside-bottom{display:none}nav{padding-bottom:3px}nav button.active::before{inset:auto 30% -2px;height:2px;width:auto}
  main{margin:0;padding:20px 14px 36px}header{gap:14px}.header-actions{width:100%;justify-content:space-between}h1{font-size:31px}.live-pill{padding:8px 10px}
  #filters{padding:12px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:15px}.metric strong{font-size:22px}.metric small{font-size:10px}.overview-board{grid-template-columns:1fr}.insight-card{padding-right:122px}.insight-card h2{font-size:20px}.progress-orbit{width:76px;height:76px}.performance-panel{padding:16px 12px 18px;overflow:hidden}.donut-layout{grid-template-columns:1fr;gap:16px;min-height:auto;padding-top:12px}.donut-wrap{width:210px}.donut-legend{width:100%}.money-filter{align-items:stretch;flex-direction:column}.money-date-range{flex-wrap:wrap}.money-date-range label{flex:1}.money-date-range input{min-width:0;width:100%}.cards{grid-template-columns:1fr}.panel-title{align-items:center}.soft-badge{white-space:normal;text-align:center}.plan-grid,.stats-grid{grid-template-columns:1fr}.plan-overview .panel-title,.plan-actions{align-items:stretch;flex-direction:column}.plan-actions label{min-width:0;width:100%}.plan-performance{grid-template-columns:1fr}.plan-completion{margin-top:14px}.statistics-head{align-items:stretch;flex-direction:column}.statistics-head>label{min-width:0;width:100%}.spend-form{align-items:stretch;flex-direction:column}.spend-form label{min-width:0;width:100%}.money-month{align-items:stretch;flex-direction:column}.money-month label{min-width:0;width:100%}.money-month span{padding:0}
}
@media(max-width:430px){.metrics{grid-template-columns:1fr}.metric strong{font-size:26px}.dashboard-tabs{overflow:auto}.dashboard-tabs span{white-space:nowrap}.insight-card{padding-right:104px}.progress-orbit{right:16px}.source-chips{padding-top:15px}}
@media(max-width:700px){.period-presets{width:100%;overflow:auto}.calculator-head{align-items:stretch;flex-direction:column}.calc-layout{grid-template-columns:1fr}.calc-conversions,.tempo{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* Premium graphite skin — visual-only override. The existing layout and components stay intact. */
:root{
  color-scheme:dark;
  --bg:#101113;
  --panel:#1b1c1f;
  --panel-2:#242528;
  --elevated:#242528;
  --hover:#2a2b2f;
  --line:rgba(255,255,255,.07);
  --line-strong:rgba(255,255,255,.12);
  --muted:#9b9ca3;
  --muted-2:#696b73;
  --text:#f5f5f6;
  --accent:#ff5b24;
  --accent-2:#ff814f;
  --amber:#f4ae5f;
  --green:#38c793;
  --danger:#f16b74;
  --violet:#b57aff;
  --surface-gradient:linear-gradient(155deg,rgba(34,35,39,.98),rgba(22,23,26,.99));
  --surface-gradient-soft:linear-gradient(155deg,rgba(31,32,35,.92),rgba(20,21,24,.97));
  --shadow-card:0 18px 52px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.045);
  --shadow-elevated:0 28px 90px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.055);
  --radius-card:16px;
  --ease-premium:cubic-bezier(.22,.8,.2,1);
}

html{background:#0b0c0e;scrollbar-color:#414247 #151619;scrollbar-width:thin}
body{
  background:
    radial-gradient(ellipse 60% 34% at 74% -6%,rgba(255,91,36,.1),transparent 72%),
    radial-gradient(ellipse 38% 24% at 35% 105%,rgba(181,122,255,.035),transparent 76%),
    linear-gradient(150deg,#0d0e10,#111214 52%,#0e0f11);
  color:var(--text);
  font-family:Inter,Geist,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-variant-numeric:tabular-nums;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body::before{
  opacity:.32;
  background-image:linear-gradient(rgba(255,255,255,.009) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.008) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,#000,transparent 68%);
}
body::after{content:"";position:fixed;z-index:-1;top:-180px;left:38%;width:620px;height:340px;pointer-events:none;background:radial-gradient(ellipse,rgba(255,91,36,.075),transparent 68%);filter:blur(20px)}

*{scrollbar-color:#414247 #151619;scrollbar-width:thin}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:#151619}
*::-webkit-scrollbar-thumb{background:#3b3c41;border:2px solid #151619;border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:#505157}
::selection{background:rgba(255,91,36,.3);color:#fff}

aside{
  border-color:rgba(255,255,255,.075);
  background:linear-gradient(180deg,rgba(15,16,18,.98),rgba(10,11,13,.985));
  box-shadow:0 28px 90px rgba(0,0,0,.52),inset 1px 0 rgba(255,255,255,.025),inset 0 1px rgba(255,255,255,.055);
  backdrop-filter:blur(18px) saturate(110%);
}
.brand{font-weight:680;letter-spacing:-1.15px}.brand i{color:var(--accent);filter:drop-shadow(0 0 12px rgba(255,91,36,.52))}.brand span{color:#686a71}.workspace{color:#b0b1b6;border-color:rgba(255,255,255,.075)}
.dot,.aside-orb{background:var(--accent);box-shadow:0 0 0 5px rgba(255,91,36,.08),0 0 16px rgba(255,91,36,.62)}
nav button{color:#898b91;border:1px solid transparent;transition:color .18s ease,transform .2s var(--ease-premium),background .18s ease,border-color .18s ease,box-shadow .18s ease}
nav button:hover{color:#e9e9eb;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.045);transform:translateX(2px);box-shadow:none}
nav button.active{color:#fff;background:linear-gradient(90deg,rgba(255,91,36,.13),rgba(255,255,255,.038));border-color:rgba(255,255,255,.07);box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.18)}
nav button.active::before{background:var(--accent);box-shadow:0 0 14px rgba(255,91,36,.7)}
.aside-bottom{color:#73757c}.aside-orb{box-shadow:0 0 13px rgba(255,91,36,.64)}

h1{font-weight:560;letter-spacing:-1.55px;background:linear-gradient(94deg,#fff 0,#f3f3f4 62%,#b9babf 100%);background-clip:text;-webkit-background-clip:text}
h2,h3{font-weight:560}.subtitle{color:#7e8087}.eyebrow{color:#a5a6ac;letter-spacing:2.2px}
.live-pill{border-color:rgba(255,255,255,.075);background:linear-gradient(180deg,#1c1d20,#17181b);color:#9fa1a7;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.live-pill i{background:var(--green);box-shadow:0 0 12px rgba(56,199,147,.72)}

button{
  border-color:rgba(255,255,255,.09);
  background:linear-gradient(180deg,#28292d,#202125);
  color:#ececef;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 1px 2px rgba(0,0,0,.25);
  transition:transform .18s var(--ease-premium),border-color .18s ease,box-shadow .2s ease,background .18s ease,color .18s ease;
}
button:hover{border-color:rgba(255,255,255,.17);background:linear-gradient(180deg,#303135,#26272b);transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.055)}
button:active{transform:translateY(0) scale(.985);box-shadow:inset 0 1px 3px rgba(0,0,0,.36)}
button:disabled{opacity:.42;filter:saturate(.45);transform:none;box-shadow:none;cursor:not-allowed}
.primary{background:linear-gradient(135deg,#ff6a32,#ff4d16 62%,#e63a08);color:#fff;border-color:rgba(255,134,91,.58);box-shadow:0 9px 28px rgba(255,76,17,.2),inset 0 1px rgba(255,255,255,.24);text-shadow:0 1px 1px rgba(90,18,0,.35)}
.primary:hover{background:linear-gradient(135deg,#ff7745,#ff5b24 62%,#ee420d);border-color:rgba(255,161,126,.7);box-shadow:0 13px 34px rgba(255,76,17,.28),inset 0 1px rgba(255,255,255,.28)}
.primary::after{background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.26),transparent 60%);animation-duration:5.6s}

#connection,#filters{border-color:rgba(255,255,255,.065);background:rgba(21,22,25,.82);box-shadow:inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(12px)}
#connection.warn{border-color:rgba(244,174,95,.26);color:#d8c0a1;background:linear-gradient(90deg,rgba(244,174,95,.08),rgba(21,22,25,.86))}
#connection.error{border-color:rgba(241,107,116,.36);color:#ffc0c4;background:rgba(69,27,31,.55)}
input,select,.edit-grid textarea{
  color:#f2f2f3;
  background:linear-gradient(180deg,#191a1d,#151619);
  border-color:rgba(255,255,255,.105);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.32),0 1px rgba(255,255,255,.015);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
input:hover,select:hover,.edit-grid textarea:hover{border-color:rgba(255,255,255,.17)}
input:focus,select:focus,.edit-grid textarea:focus,button:focus-visible{outline:2px solid rgba(255,91,36,.7);outline-offset:2px;border-color:rgba(255,91,36,.5);box-shadow:0 0 0 4px rgba(255,91,36,.08)}
input[type="checkbox"],input[type="radio"],input[type="range"]{accent-color:var(--accent)}
input[type="date"]{color-scheme:dark}

.dashboard-tabs span{color:#85878e;background:#17181b;border-color:rgba(255,255,255,.065);box-shadow:inset 0 1px rgba(255,255,255,.02)}
.dashboard-tabs .active{color:#fff;background:linear-gradient(180deg,#313236,#25262a);border-color:rgba(255,255,255,.13);box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.06)}

.metric,.panel,.finding,.stat-section,.calc-controls,.calc-result,.calc-empty{
  border-color:rgba(255,255,255,.07);
  background:var(--surface-gradient);
  box-shadow:var(--shadow-card);
}
.metric,.panel,.finding{position:relative;isolation:isolate;overflow:hidden}
.metric::before,.panel::before,.finding::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:54%;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.028),transparent)}
.metric::after{background:rgba(255,91,36,.055);filter:blur(18px)}
.metric strong,.salary-summary strong,.deal-money-summary strong,.payment-balance strong{font-variant-numeric:tabular-nums;letter-spacing:-.65px}
.metric.highlight{background:radial-gradient(circle at 86% 5%,rgba(255,91,36,.15),transparent 45%),linear-gradient(155deg,#25211f,#1b1b1e);border-color:rgba(255,91,36,.23)}
.metric.highlight strong{color:#fff;text-shadow:0 0 25px rgba(255,91,36,.18)}
.metric,.panel,.finding{transition:transform .22s var(--ease-premium),border-color .22s ease,box-shadow .22s ease,background .22s ease}
.metric:hover,.panel:hover,.finding:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.12);box-shadow:0 24px 64px rgba(0,0,0,.36),0 0 0 1px rgba(255,91,36,.025),inset 0 1px rgba(255,255,255,.055)}

.soft-badge,.source-chips span{color:#b3b4b9;border-color:rgba(255,255,255,.08);background:#202125}
.insight-card{background:radial-gradient(circle at 95% 90%,rgba(255,91,36,.13),transparent 40%),linear-gradient(155deg,#252321,#191a1d)}
.insight-card::after{background:linear-gradient(90deg,transparent,rgba(255,91,36,.7),transparent)}
.insight-card .tag,.finding .tag,.plan-panel .tag{color:#ff8a61}
.progress-orbit i,.plan-completion i{background:conic-gradient(var(--accent) var(--progress,var(--plan)),#303136 0)}
.progress-orbit::after,.plan-completion::after{background:#1b1c1f;border-color:rgba(255,255,255,.07);box-shadow:inset 0 0 22px rgba(255,91,36,.035)}
.micro-track,.goal-track{background:#303136}
.micro-track i,.goal-track i{background:linear-gradient(90deg,#cf3e0c,var(--accent),#ff8a61);box-shadow:0 0 14px rgba(255,91,36,.28)}
.source-chips b{color:#f4f4f5}

.donut-track{stroke:#303136}.donut-segment.paid{filter:drop-shadow(0 0 5px rgba(255,91,36,.3))}.donut-center{background:radial-gradient(circle at 45% 35%,#292a2e,#17181b 70%);border-color:rgba(255,255,255,.09);box-shadow:inset 0 0 28px rgba(0,0,0,.35)}
.donut-legend>div{border-color:rgba(255,255,255,.065);background:linear-gradient(180deg,#1c1d20,#18191c);transition:border-color .18s ease,background .18s ease,transform .18s var(--ease-premium)}
.donut-legend>div:hover{border-color:rgba(255,255,255,.12);background:#222327;transform:translateX(2px)}
.money-filter,.spend-form,.money-month{border-color:rgba(255,255,255,.07);background:linear-gradient(155deg,rgba(31,32,35,.9),rgba(21,22,25,.94));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.filter-chips button strong{background:#333439}.filter-chips button.active{color:#fff;background:linear-gradient(135deg,#ff6a32,#ee420d);border-color:rgba(255,139,98,.54)}.filter-chips button.active strong{color:#fff;background:rgba(62,14,0,.42)}

.bar rect:not(.track){fill:var(--accent);filter:drop-shadow(0 0 4px rgba(255,91,36,.28))}.bar .track{fill:#313237}
.table-wrap{border-color:rgba(255,255,255,.07);background:#17181b;box-shadow:0 18px 48px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)}
th{color:#85878e;background:#202125;border-color:rgba(255,255,255,.065)}
td{border-color:rgba(255,255,255,.055)}
tbody tr{transition:background .16s ease,box-shadow .16s ease}
tbody tr:hover{background:#242529;box-shadow:inset 3px 0 var(--accent)}
td a,.inline-link,.link-button{color:#ff8a61}.link-button:hover{color:#ffad8f}
.badge{color:#ffc1aa;background:rgba(255,91,36,.12);border:1px solid rgba(255,91,36,.15);border-radius:999px}
.notice{border-color:rgba(244,174,95,.35);background:rgba(84,55,22,.32);color:#e4c79f}

.plan-panel{background:radial-gradient(circle at 88% 12%,rgba(255,91,36,.09),transparent 34%),var(--surface-gradient)}
.goal-card,.salary-summary article,.tempo>div,.deal-money-summary span,.payment-balance span,.deal-payment-list p{
  border-color:rgba(255,255,255,.065);
  background:linear-gradient(155deg,#202125,#191a1d);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.goal-card span,.salary-summary span,.stat-section span,.deal-money-summary span,.payment-balance span{color:#94969c}
.stat-section h3,.stat-section strong,.salary-summary strong,.deal-money-summary strong,.payment-balance strong{color:#f5f5f6}
.stat-section>div{border-color:rgba(255,255,255,.055)}
.payment-status{color:#b6f2dc;background:rgba(56,199,147,.1);border-color:rgba(56,199,147,.32)}
.payment-status.bad{color:#ffd1b5;background:rgba(244,174,95,.1);border-color:rgba(244,174,95,.32)}

.stage-select.tone-success,.quality-select.quality-good,.quality-good,.payment-local{color:#a8f0d3;border-color:rgba(56,199,147,.35);background:rgba(56,199,147,.11)}
.stage-select.tone-danger,.quality-select.quality-bad,.quality-bad{color:#ffc0c5;border-color:rgba(241,107,116,.38);background:rgba(241,107,116,.12)}
.stage-select.tone-ready{color:#ffc6b1;border-color:rgba(255,91,36,.36);background:rgba(255,91,36,.12)}
.stage-select.tone-warm,.payment-local.pending{color:#f8d3a6;border-color:rgba(244,174,95,.34);background:rgba(244,174,95,.11)}.payment-local.partial{color:#b7ebff;border-color:rgba(74,168,232,.38);background:rgba(74,168,232,.13)}
.stage-select.tone-neutral,.quality-select.quality-unknown,.quality-unknown{color:#c3c4c8;border-color:rgba(255,255,255,.13);background:#27282c}
.deal-stage-filter{display:flex!important;align-items:center;gap:10px;padding:4px 5px 4px 12px;border:1px solid rgba(79,222,218,.2);border-radius:12px;background:linear-gradient(120deg,rgba(24,50,55,.72),rgba(15,20,24,.88))}.deal-stage-filter span{white-space:nowrap;color:#8ea5aa;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.deal-stage-filter select{min-width:250px;border-radius:9px;font-weight:650}.deal-stage-filter select.tone-success{color:#a8f0d3;border-color:rgba(56,199,147,.35);background-color:rgba(27,67,51,.96)}.deal-stage-filter select.tone-danger{color:#ffc0c5;border-color:rgba(241,107,116,.38);background-color:rgba(70,34,38,.96)}.deal-stage-filter select.tone-ready{color:#bceeff;border-color:rgba(74,168,232,.38);background-color:rgba(28,55,70,.96)}.deal-stage-filter select.tone-warm{color:#f8d3a6;border-color:rgba(244,174,95,.34);background-color:rgba(65,49,30,.96)}.deal-stage-filter select.tone-neutral{color:#d7e1e3;border-color:rgba(255,255,255,.13);background-color:#20272b}.deal-stage-filter option{color:#eef6f7;background:#161c20}
.next-action{color:#ffb49a;border-color:rgba(255,91,36,.27);background:rgba(255,91,36,.08)}.next-action:hover{color:#fff;border-color:rgba(255,91,36,.48);background:rgba(255,91,36,.14)}
.deal-payments{border-color:rgba(255,91,36,.18);background:radial-gradient(circle at 90% 0,rgba(255,91,36,.1),transparent 38%),linear-gradient(150deg,#232124,#191a1d)}
.deal-payment-list strong{color:#ffae92}

.calc-switch{border-color:rgba(255,255,255,.08);background:#16171a}.calc-switch .active{background:linear-gradient(180deg,#37383d,#292a2e);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.calc-controls input[type=range]{accent-color:var(--accent)}
.funnel-visual div{border-color:rgba(255,91,36,.19);background:linear-gradient(100deg,rgba(255,91,36,.13),rgba(255,255,255,.025))}

dialog{background:linear-gradient(155deg,#242528,#17181b);border-color:rgba(255,255,255,.11);box-shadow:var(--shadow-elevated),inset 0 1px rgba(255,255,255,.055)}
dialog[open]{animation:modalIn .24s var(--ease-premium) both}
dialog::backdrop{background:rgba(4,4,5,.78);backdrop-filter:blur(8px) saturate(85%);animation:backdropIn .22s ease both}
.timeline article,.quality-list p{border-color:rgba(255,255,255,.07);background:linear-gradient(155deg,#202125,#191a1d);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.empty{color:#777980;border:1px dashed rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.015)}
footer{color:#5d5f66}

#view:not(.loading)>*{animation:pageIn .24s var(--ease-premium) both}
#view:not(.loading)>*:nth-child(2){animation-delay:.025s}
#view:not(.loading)>*:nth-child(3){animation-delay:.05s}
#view.loading{filter:saturate(.55);transition:opacity .2s ease,filter .2s ease}

.donut-wedge.paid{fill:var(--accent);filter:drop-shadow(0 0 4px rgba(255,91,36,.36))}.donut-wedge.scheduled{fill:var(--violet)}.donut-wedge.overdue{fill:var(--amber)}
@keyframes pageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes modalIn{from{opacity:0;transform:translateY(8px) scale(.988)}to{opacity:1;transform:none}}
@keyframes backdropIn{from{opacity:0}to{opacity:1}}

@media(max-width:700px){
  body{background:radial-gradient(ellipse 78% 24% at 50% -3%,rgba(255,91,36,.09),transparent 72%),#101113}
  aside{background:linear-gradient(180deg,#111214,#0d0e10);box-shadow:0 14px 45px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.045)}
  nav button:hover{transform:none}
  .metric:hover,.panel:hover,.finding:hover{transform:none}
}

@media(prefers-reduced-motion:reduce){
  .primary::after,.live-pill i{animation:none!important}
  .metric:hover,.panel:hover,.finding:hover,nav button:hover,button:hover,.donut-legend>div:hover{transform:none!important}
}

/* MyBreeze signature accent: premium aqua with a restrained blue edge. */
:root{
  --accent:#52ded8;
  --accent-2:#4aa8e8;
  --brand-aqua:#52ded8;
  --brand-blue:#4aa8e8;
  --brand-aqua-soft:#9bf2ed;
}
body{background:radial-gradient(ellipse 60% 34% at 74% -6%,rgba(82,222,216,.1),transparent 72%),radial-gradient(ellipse 38% 24% at 35% 105%,rgba(74,168,232,.045),transparent 76%),linear-gradient(150deg,#0d0e10,#111214 52%,#0e0f11)}
body::after{background:radial-gradient(ellipse,rgba(82,222,216,.075),transparent 68%)}
::selection{background:rgba(82,222,216,.28);color:#fff}
.brand i{color:var(--brand-aqua);filter:drop-shadow(0 0 12px rgba(82,222,216,.5))}
.dot,.aside-orb{background:var(--brand-aqua);box-shadow:0 0 0 5px rgba(82,222,216,.08),0 0 16px rgba(82,222,216,.58)}
nav button.active{background:linear-gradient(90deg,rgba(82,222,216,.13),rgba(74,168,232,.045))}
nav button.active::before{background:var(--brand-aqua);box-shadow:0 0 14px rgba(82,222,216,.68)}
.aside-orb{box-shadow:0 0 13px rgba(82,222,216,.62)}
.primary{background:linear-gradient(135deg,#6ce7e1,#4bcfcf 56%,#4aa8e8);color:#07191c;border-color:rgba(155,242,237,.58);box-shadow:0 9px 28px rgba(52,188,196,.2),inset 0 1px rgba(255,255,255,.32);text-shadow:none}
.primary:hover{background:linear-gradient(135deg,#82eee9,#59d9d5 56%,#59b6ef);color:#041316;border-color:rgba(186,250,246,.72);box-shadow:0 13px 34px rgba(52,188,196,.27),inset 0 1px rgba(255,255,255,.36)}
input:focus,select:focus,.edit-grid textarea:focus,button:focus-visible{outline-color:rgba(82,222,216,.72);border-color:rgba(82,222,216,.52);box-shadow:0 0 0 4px rgba(82,222,216,.08)}
.metric::after{background:rgba(82,222,216,.055)}
.metric.highlight{background:radial-gradient(circle at 86% 5%,rgba(82,222,216,.15),transparent 45%),linear-gradient(155deg,#202526,#1b1b1e);border-color:rgba(82,222,216,.23)}
.metric.highlight strong{color:#fff;text-shadow:0 0 25px rgba(82,222,216,.18)}
.metric:hover,.panel:hover,.finding:hover{box-shadow:0 24px 64px rgba(0,0,0,.36),0 0 0 1px rgba(82,222,216,.025),inset 0 1px rgba(255,255,255,.055)}
.insight-card{background:radial-gradient(circle at 95% 90%,rgba(82,222,216,.13),transparent 40%),linear-gradient(155deg,#212526,#191a1d)}
.insight-card::after{background:linear-gradient(90deg,transparent,rgba(82,222,216,.7),transparent)}
.insight-card .tag,.finding .tag,.plan-panel .tag{color:#86ebe6}
.micro-track i,.goal-track i{background:linear-gradient(90deg,#318fb7,var(--brand-blue),var(--brand-aqua));box-shadow:0 0 14px rgba(82,222,216,.28)}
.donut-segment.paid{filter:drop-shadow(0 0 5px rgba(82,222,216,.3))}
.filter-chips button.active{color:#07191c;background:linear-gradient(135deg,var(--brand-aqua),var(--brand-blue));border-color:rgba(155,242,237,.5)}
.filter-chips button.active strong{color:#eaffff;background:rgba(5,53,61,.5)}
.bar rect:not(.track){fill:var(--brand-aqua);filter:drop-shadow(0 0 4px rgba(82,222,216,.28))}
tbody tr:hover{box-shadow:inset 3px 0 var(--brand-aqua)}
td a,.inline-link,.link-button{color:#75e6e1}.link-button:hover{color:#a8f5f1}
.badge{color:#b5f7f2;background:rgba(82,222,216,.11);border-color:rgba(82,222,216,.16)}
.plan-panel{background:radial-gradient(circle at 88% 12%,rgba(74,168,232,.09),transparent 34%),var(--surface-gradient)}
.stage-select.tone-ready{color:#bceeff;border-color:rgba(74,168,232,.38);background:rgba(74,168,232,.12)}

/* Native form popups need explicit colors on Windows/Chromium. Without these
   rules the closed control is dark, while its opened option list can fall back
   to a white system surface with inherited light text. Keep every CRM select
   readable, including filters, stages, finance, projects and salaries. */
select{
  color-scheme:dark;
  background-color:#15191c;
}
select option,
select optgroup{
  color:#eef8f8;
  background-color:#15191c;
}
select option:checked{
  color:#fff;
  background-color:#24545a;
}
select option:disabled{
  color:#758388;
}
input::placeholder,
textarea::placeholder{
  color:#78858a;
  opacity:1;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus{
  -webkit-text-fill-color:#eef8f8;
  caret-color:#eef8f8;
  box-shadow:0 0 0 1000px #15191c inset;
}
.next-action{color:#a9f3ee;border-color:rgba(82,222,216,.27);background:rgba(82,222,216,.08)}.next-action:hover{color:#fff;border-color:rgba(82,222,216,.48);background:rgba(82,222,216,.14)}
.deal-payments{border-color:rgba(82,222,216,.18);background:radial-gradient(circle at 90% 0,rgba(74,168,232,.1),transparent 38%),linear-gradient(150deg,#202426,#191a1d)}
.deal-payment-list strong{color:#a9f3ee}
.funnel-visual div{border-color:rgba(82,222,216,.19);background:linear-gradient(100deg,rgba(74,168,232,.13),rgba(82,222,216,.035))}
.donut-wedge.paid{fill:var(--brand-aqua);filter:drop-shadow(0 0 4px rgba(82,222,216,.36))}.donut-wedge.scheduled{fill:var(--brand-blue)}
@media(max-width:700px){body{background:radial-gradient(ellipse 78% 24% at 50% -3%,rgba(82,222,216,.09),transparent 72%),#101113}}

/* Premium depth pass — restrained light, glass and hierarchy inspired by the reference dashboard. */
main{position:relative}
main::before{content:"";position:fixed;z-index:-1;top:4%;right:2%;width:min(48vw,760px);height:420px;pointer-events:none;background:radial-gradient(ellipse,rgba(74,168,232,.07),transparent 66%);filter:blur(34px)}
header{position:relative}
header::after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:1px;background:linear-gradient(90deg,rgba(82,222,216,.28),rgba(74,168,232,.09) 46%,transparent 82%)}
aside::before{content:"";position:absolute;inset:0 0 auto;height:180px;pointer-events:none;background:radial-gradient(ellipse at 20% 0,rgba(82,222,216,.07),transparent 70%)}
.brand{position:relative}.brand::after{content:"";display:block;width:58px;height:2px;margin-top:15px;border-radius:999px;background:linear-gradient(90deg,var(--brand-aqua),var(--brand-blue),transparent);box-shadow:0 0 18px rgba(82,222,216,.38)}
.metric,.panel,.finding{backdrop-filter:blur(18px) saturate(112%)}
.metric::before,.panel::before,.finding::before{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012) 28%,transparent 68%)}
.finding::after{content:"";position:absolute;inset:0 18px auto;height:1px;background:linear-gradient(90deg,transparent,rgba(82,222,216,.52),rgba(74,168,232,.22),transparent);opacity:.62}
.plan-panel{border-color:rgba(82,222,216,.13);box-shadow:0 28px 80px rgba(0,0,0,.34),0 0 48px rgba(48,154,189,.035),inset 0 1px rgba(255,255,255,.055)}
.plan-panel::after{content:"";position:absolute;right:-120px;top:-160px;width:360px;height:360px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(82,222,216,.085),rgba(74,168,232,.025) 45%,transparent 68%);filter:blur(4px)}
.goal-card{position:relative;overflow:hidden;transition:transform .2s var(--ease-premium),border-color .2s ease,background .2s ease}
.goal-card:hover{transform:translateY(-2px);border-color:rgba(82,222,216,.18);background:linear-gradient(155deg,#23272a,#191b1e)}
.goal-card::after{content:"";position:absolute;right:-22px;bottom:-32px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(74,168,232,.07),transparent 68%)}
.metric.highlight{box-shadow:0 24px 64px rgba(0,0,0,.34),0 0 40px rgba(82,222,216,.055),inset 0 1px rgba(255,255,255,.065)}
.donut-wrap{position:relative;filter:drop-shadow(0 18px 34px rgba(0,0,0,.28))}
.donut-wrap::before{content:"";position:absolute;inset:12%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(82,222,216,.13),rgba(74,168,232,.045) 42%,transparent 68%);filter:blur(22px)}
.donut-center{box-shadow:inset 0 0 28px rgba(0,0,0,.4),0 0 0 1px rgba(82,222,216,.04),0 12px 32px rgba(0,0,0,.24)}
.table-wrap{background:linear-gradient(180deg,rgba(24,25,29,.98),rgba(18,19,22,.99))}
tbody tr:hover{background:linear-gradient(90deg,rgba(82,222,216,.055),rgba(74,168,232,.025),rgba(255,255,255,.018));box-shadow:inset 3px 0 var(--brand-aqua)}
dialog{background:radial-gradient(circle at 92% 0,rgba(74,168,232,.08),transparent 30%),linear-gradient(155deg,#24272b,#17191c);border-color:rgba(82,222,216,.12)}
@keyframes premiumPulse{0%,100%{box-shadow:0 0 0 5px rgba(82,222,216,.06),0 0 13px rgba(82,222,216,.5)}50%{box-shadow:0 0 0 7px rgba(82,222,216,.025),0 0 22px rgba(82,222,216,.75)}}
.dot{animation:premiumPulse 3.4s ease-in-out infinite}
@media(max-width:700px){main::before,header::after{display:none}.brand::after{margin-top:8px}.metric,.panel,.finding{backdrop-filter:none}.goal-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.dot{animation:none!important}}
.backup-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid rgba(82,222,216,.14);border-radius:12px;background:rgba(255,255,255,.025);color:var(--muted);font-size:12px;font-weight:700;text-decoration:none;transition:.2s ease}.backup-link:hover{border-color:rgba(82,222,216,.35);color:var(--brand-aqua);background:rgba(82,222,216,.055)}
@media(max-width:700px){.backup-link{min-height:34px;padding:0 10px;font-size:10px}}

/* Plan command center — scoped redesign from the approved dashboard reference. */
.plan-command{position:relative;overflow:hidden;margin:0 0 16px;padding:24px;border:1px solid rgba(118,195,230,.19);border-radius:20px;background:radial-gradient(ellipse 48% 42% at 82% 0,rgba(55,208,224,.13),transparent 72%),radial-gradient(ellipse 38% 36% at 75% 88%,rgba(101,68,255,.085),transparent 76%),linear-gradient(145deg,#111a22,#0b1219 58%,#0e1720);box-shadow:0 28px 88px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.055);animation:liftIn .55s both}.plan-command::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(126,210,232,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(126,210,232,.06) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 75%)}.plan-command>*{position:relative;z-index:1}.plan-command-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}.plan-command-head .tag{display:block;margin-bottom:6px;color:#66ebe7;font-size:9px;font-weight:800;letter-spacing:1.7px}.plan-command-head h2{margin:0;color:#f5fbff;font-size:32px;font-weight:650;letter-spacing:-1.4px}.plan-command-head p{margin:5px 0 0;color:#8295a5;font-size:11px}.plan-actions{display:flex;align-items:flex-end;gap:10px}.plan-actions label{min-width:190px}.plan-actions label>span{display:block;margin-bottom:5px;color:#7d8f9e;font-size:9px}.plan-actions select{height:42px;margin:0;border-color:rgba(120,191,223,.2);background:#101923}.plan-edit-button{height:42px;padding:0 17px;border-color:rgba(83,230,230,.35);background:linear-gradient(115deg,rgba(70,74,218,.4),rgba(35,164,195,.24));box-shadow:0 0 24px rgba(68,217,227,.11),inset 0 1px rgba(255,255,255,.08);color:#efffff;font-weight:750}.plan-edit-button:hover{border-color:#67e7e5;box-shadow:0 0 28px rgba(68,217,227,.23)}
.plan-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid rgba(145,208,235,.22);border-radius:12px;background:linear-gradient(145deg,rgba(74,105,133,.34),rgba(20,33,45,.7));box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.2)}.plan-icon svg{width:21px;height:21px;fill:none;stroke:#d5f4ff;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.plan-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-kpi{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:13px;min-height:112px;padding:16px;border:1px solid rgba(121,186,216,.18);border-radius:16px;background:linear-gradient(155deg,rgba(25,38,49,.94),rgba(13,23,32,.96));box-shadow:inset 0 1px rgba(255,255,255,.045),0 14px 30px rgba(0,0,0,.18)}.plan-kpi-copy{min-width:0}.plan-kpi-copy>span{display:block;color:#91a4b5;font-size:11px}.plan-kpi-copy>strong{display:block;margin-top:3px;color:#f6fbff;font-size:24px;font-weight:650;letter-spacing:-.8px}.plan-kpi-copy strong small{color:#8091a2;font-size:10px;font-weight:600;letter-spacing:0}.plan-kpi>b{padding:6px 9px;border:1px solid rgba(69,231,222,.24);border-radius:999px;background:rgba(25,186,178,.12);color:#83f3e9;font-size:10px;white-space:nowrap}.plan-kpi-track{grid-column:1/-1;height:7px;margin-top:11px;border:1px solid rgba(122,173,205,.08);border-radius:999px;background:#172433;overflow:hidden}.plan-kpi-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#36cae4,#5cf1df);box-shadow:0 0 15px rgba(60,224,225,.55);animation:growWidth .8s var(--ease-premium) both}
.plan-core{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(440px,1.18fr);gap:12px;margin-top:12px}.plan-gauge-card,.plan-potential-card,.plan-product-card,.plan-remaining{border:1px solid rgba(126,190,220,.18);border-radius:16px;background:linear-gradient(150deg,rgba(22,35,46,.97),rgba(10,19,27,.98));box-shadow:inset 0 1px rgba(255,255,255,.045),0 14px 34px rgba(0,0,0,.2)}.plan-gauge-card,.plan-potential-card{min-height:302px;padding:18px}.plan-gauge-card header,.plan-potential-card header,.plan-product-card header{display:flex;align-items:center;gap:12px}.plan-gauge-card h3,.plan-potential-card h3{margin:0;font-size:16px}.plan-gauge-card header button,.plan-product-card header button{margin-left:auto;padding:4px 7px;border:0;background:transparent;color:#8295a7;letter-spacing:2px;box-shadow:none}.plan-gauge{position:relative;width:min(390px,100%);height:190px;margin:8px auto -6px}.plan-gauge svg{display:block;width:100%;height:100%;overflow:visible}.plan-gauge path{fill:none;stroke-width:20}.plan-gauge-track{stroke:#283847;filter:drop-shadow(0 0 8px rgba(106,163,203,.15))}.plan-gauge-value{stroke:#4cebe3;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(61,235,227,.75));animation:planGaugeIn .9s var(--ease-premium) both}.plan-gauge>div{position:absolute;left:50%;bottom:23px;display:flex;align-items:center;flex-direction:column;transform:translateX(-50%)}.plan-gauge>div strong{font-size:43px;font-weight:680;letter-spacing:-2px}.plan-gauge>div span{color:#8799a9;font-size:10px}.plan-gauge>small{position:absolute;bottom:8px;color:#6f8495;font-size:9px}.gauge-zero{left:3%}.gauge-full{right:2%}.plan-gauge-card>p{text-align:center;margin:0}.plan-gauge-card>p strong{font-size:22px}.plan-gauge-card>p span{color:#758a9e;font-size:12px}.plan-potential-card header>b{margin-left:auto;padding:8px 12px;border:1px solid rgba(128,87,255,.38);border-radius:10px;background:linear-gradient(110deg,rgba(83,47,196,.45),rgba(125,47,217,.42));box-shadow:0 0 24px rgba(114,65,246,.22);color:#e4d7ff;font-size:10px}.potential-bars{display:grid;gap:22px;margin-top:38px}.potential-bars>div{display:grid;grid-template-columns:75px 1fr 104px;align-items:center;gap:12px}.potential-bars span{color:#9aacbb;font-size:11px}.potential-bars i{height:16px;padding:2px;border:1px solid rgba(120,170,205,.13);border-radius:999px;background:#1b2939;overflow:hidden}.potential-bars em{display:block;height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,#27cbdc,#5cece1);box-shadow:0 0 14px rgba(65,223,223,.55);animation:growWidth .9s var(--ease-premium) both}.potential-bars em.goal{background:linear-gradient(90deg,#9db9d6,#e3f0ff);box-shadow:0 0 12px rgba(194,224,255,.26)}.potential-bars em.potential{background:linear-gradient(90deg,#5549e8,#c768ff);box-shadow:0 0 16px rgba(145,74,255,.55)}.potential-bars strong{text-align:right;font-size:13px}.potential-scale{display:flex;justify-content:space-between;margin:11px 111px 0 87px;color:#53697d;font-size:8px}.potential-scale span{white-space:nowrap}
.plan-products{display:grid;grid-template-columns:1fr 1fr .85fr;gap:12px;margin-top:12px}.plan-product-card,.plan-remaining{min-height:130px;padding:16px}.plan-product-card header>div:nth-child(2){min-width:0}.plan-product-card header span,.plan-remaining>span{display:block;color:#91a4b4;font-size:11px}.plan-product-card header strong{display:block;margin-top:2px;font-size:24px}.plan-product-card header strong small{color:#8193a4;font-size:13px}.plan-product-card>p{margin:8px 0;color:#7f93a4;font-size:10px}.plan-product-dots{display:flex;align-items:center;gap:10px}.plan-product-dots i{width:27px;height:27px;border:1px solid #52687d;border-radius:50%;background:#111d29;box-shadow:inset 0 0 10px rgba(89,167,208,.08)}.plan-product-dots i.done{border-color:#55e8df;background:#32cfc8;box-shadow:0 0 13px rgba(75,229,220,.45)}.plan-product-dots small{color:#7e93a5}.plan-remaining{position:relative;overflow:hidden;background:radial-gradient(circle at 94% 0,rgba(98,61,255,.23),transparent 44%),linear-gradient(150deg,#182132,#111725)}.plan-remaining .plan-icon{margin-bottom:8px}.plan-remaining strong{display:block;margin-top:5px;font-size:27px;letter-spacing:-1px}.plan-remaining p{margin:5px 0 0;color:#73889d;font-size:10px}.plan-footnote{margin-top:13px;color:#718595;font-size:10px}.plan-command footer{padding:0;border:0}.plan-command button:focus-visible,.plan-command select:focus{outline:2px solid #58e9e3;outline-offset:2px}
@keyframes planGaugeIn{from{stroke-dasharray:0 100;opacity:.3}to{opacity:1}}
@media(max-width:1180px){.plan-core{grid-template-columns:1fr}.plan-products{grid-template-columns:1fr 1fr}.plan-remaining{grid-column:1/-1}.potential-scale{margin-right:106px}}
@media(max-width:780px){.plan-command{padding:17px}.plan-command-head{align-items:stretch;flex-direction:column}.plan-command-head h2{font-size:27px}.plan-actions{align-items:stretch;flex-direction:column}.plan-actions label,.plan-edit-button{width:100%;min-width:0}.plan-kpis,.plan-products{grid-template-columns:1fr}.plan-remaining{grid-column:auto}.plan-core{grid-template-columns:1fr}.plan-potential-card{min-height:auto}.potential-bars>div{grid-template-columns:64px minmax(80px,1fr);gap:8px}.potential-bars strong{grid-column:2;text-align:left}.potential-scale{display:none}.plan-gauge{height:165px}.plan-gauge>div{bottom:22px}.plan-gauge>div strong{font-size:36px}}
@media(max-width:430px){.plan-command{margin-inline:-2px;padding:14px;border-radius:16px}.plan-kpi{grid-template-columns:auto 1fr}.plan-kpi>b{grid-column:2;justify-self:start}.plan-kpi-copy>strong{font-size:21px}.plan-potential-card header{align-items:flex-start;flex-wrap:wrap}.plan-potential-card header>b{margin-left:54px}.plan-product-dots{gap:7px}.plan-product-dots i{width:24px;height:24px}}
.plan-more{margin-left:auto;padding:4px 7px;color:#8295a7;letter-spacing:2px}

/* Reference-matched overview: near-black surfaces, restrained cyan and violet only for potential. */
body.overview-active{
  background:
    radial-gradient(ellipse 46% 24% at 88% -5%,rgba(42,142,165,.105),transparent 72%),
    radial-gradient(ellipse 34% 20% at 64% 104%,rgba(72,58,150,.045),transparent 76%),
    linear-gradient(145deg,#03070a,#060b0f 52%,#04080b);
}
body.overview-active::before{opacity:.19}
body.overview-active main::before{opacity:.42;background:radial-gradient(ellipse,rgba(44,151,175,.055),transparent 68%)}
body.overview-active aside{background:linear-gradient(180deg,rgba(3,8,11,.97),rgba(4,9,12,.96));border-color:rgba(104,144,162,.14);box-shadow:0 24px 78px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.025)}
body.overview-active header::after{background:linear-gradient(90deg,rgba(70,180,193,.2),rgba(80,120,150,.06) 48%,transparent 84%)}
body.overview-active #connection,
body.overview-active #filters{border-color:rgba(111,153,171,.13);background:linear-gradient(145deg,rgba(9,16,21,.92),rgba(5,11,15,.96));box-shadow:inset 0 1px rgba(255,255,255,.025)}
body.overview-active #filters button{background:#101820;border-color:rgba(120,158,176,.14)}
body.overview-active #filters button:hover{border-color:rgba(75,205,207,.34);box-shadow:none}
body.overview-active #filters input,
body.overview-active #filters select{background:#091119;border-color:rgba(120,158,176,.17)}
body.overview-active .scope{color:#647580}

body.overview-active .plan-command{border-color:rgba(111,158,181,.17);background:radial-gradient(ellipse 46% 38% at 94% -8%,rgba(39,135,160,.095),transparent 72%),linear-gradient(145deg,#09121a,#060d13 58%,#081018);box-shadow:0 24px 72px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.035)}
body.overview-active .plan-command::before{opacity:.055;background-size:42px 42px}
body.overview-active .plan-command-head .tag{color:#5ed5d4;text-shadow:none}
body.overview-active .plan-command-head h2{color:#eef4f8;font-weight:590}
body.overview-active .plan-command-head p{color:#71818e}
body.overview-active .plan-actions select{background:#081018;border-color:rgba(113,159,181,.2)}
body.overview-active .plan-edit-button{border-color:rgba(77,198,204,.28);background:linear-gradient(120deg,rgba(57,61,151,.31),rgba(29,117,139,.19));box-shadow:inset 0 1px rgba(255,255,255,.055),0 0 18px rgba(63,177,187,.07)}
body.overview-active .plan-edit-button:hover{border-color:rgba(91,219,217,.5);box-shadow:0 8px 22px rgba(0,0,0,.28),0 0 18px rgba(63,177,187,.1)}
body.overview-active .plan-icon{border-color:rgba(130,177,199,.18);background:linear-gradient(145deg,rgba(38,59,75,.64),rgba(11,20,28,.92));box-shadow:inset 0 1px rgba(255,255,255,.05),0 7px 16px rgba(0,0,0,.18)}
body.overview-active .plan-icon svg{stroke:#bdd5e1}
body.overview-active .plan-kpi,
body.overview-active .plan-gauge-card,
body.overview-active .plan-potential-card,
body.overview-active .plan-product-card,
body.overview-active .plan-remaining{border-color:rgba(114,158,180,.17);background:linear-gradient(150deg,rgba(13,24,33,.96),rgba(7,14,20,.985));box-shadow:inset 0 1px rgba(255,255,255,.032),0 12px 28px rgba(0,0,0,.22)}
body.overview-active .plan-kpi>b{border-color:rgba(56,188,187,.2);background:rgba(23,129,132,.1);color:#6edbd6}
body.overview-active .plan-kpi-track{background:#111d28;border-color:rgba(116,160,184,.07)}
body.overview-active .plan-kpi-track i{background:linear-gradient(90deg,#2597ad,#43d1ce);box-shadow:0 0 8px rgba(62,204,202,.27)}
body.overview-active .plan-gauge-track{stroke:#1b2a37;filter:none}
body.overview-active .plan-gauge-value{stroke:#42d2ce;filter:drop-shadow(0 0 4px rgba(57,201,199,.42))}
body.overview-active .plan-gauge>div strong{color:#f2f6f8;text-shadow:0 0 16px rgba(74,202,205,.08)}
body.overview-active .plan-potential-card{position:relative;overflow:hidden;background:radial-gradient(ellipse 38% 32% at 100% 0,rgba(73,54,174,.075),transparent 72%),linear-gradient(150deg,rgba(13,24,33,.97),rgba(7,14,20,.99))}
body.overview-active .plan-potential-card header>b{border-color:rgba(112,82,220,.3);background:linear-gradient(110deg,rgba(65,45,153,.38),rgba(91,42,164,.3));box-shadow:0 0 14px rgba(94,61,197,.12);color:#cbbcff}
body.overview-active .potential-bars{position:relative;margin-top:30px;padding:21px 0 14px;background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),rgba(118,150,177,.075) calc(25% - 1px),rgba(118,150,177,.075) 25%);border-block:1px solid rgba(111,145,167,.06)}
body.overview-active .potential-bars>div{position:relative;z-index:1}
body.overview-active .potential-bars i{height:15px;background:rgba(20,32,44,.92);border-color:rgba(113,151,178,.1)}
body.overview-active .potential-bars em{background:linear-gradient(90deg,#289fb4,#48d8d1);box-shadow:0 0 7px rgba(57,205,204,.28)}
body.overview-active .potential-bars em.goal{background:linear-gradient(90deg,#6c839b,#d5e0eb);box-shadow:0 0 6px rgba(190,211,230,.14)}
body.overview-active .potential-bars em.potential{background:linear-gradient(90deg,#5145bd,#a758df);box-shadow:0 0 8px rgba(128,76,211,.25)}
body.overview-active .potential-scale{color:#50606d}
body.overview-active .plan-product-dots i{border-color:#3c5365;background:#0b151e;box-shadow:none}
body.overview-active .plan-product-dots i.done{border-color:#46cbc7;background:#2aa8aa;box-shadow:0 0 8px rgba(63,196,194,.24)}
body.overview-active .plan-remaining{background:radial-gradient(circle at 98% 0,rgba(83,59,181,.14),transparent 48%),linear-gradient(150deg,#101825,#0a1019)}

body.overview-active .dashboard-tabs span{border-color:rgba(109,148,165,.12);background:#081015;color:#697985}
body.overview-active .dashboard-tabs .active{border-color:rgba(135,168,183,.2);background:linear-gradient(180deg,#172129,#101820);box-shadow:0 8px 22px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035)}
body.overview-active #view>.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.overview-active #view>.metrics .metric,
body.overview-active .overview-board .panel,
body.overview-active .performance-panel,
body.overview-active .finding,
body.overview-active #view>.grid>.panel{border-color:rgba(105,145,162,.14);background:linear-gradient(150deg,rgba(11,19,25,.97),rgba(6,12,16,.99));box-shadow:inset 0 1px rgba(255,255,255,.026),0 12px 30px rgba(0,0,0,.2)}
body.overview-active #view>.metrics .metric{min-height:126px;padding:17px}
body.overview-active #view>.metrics .metric::after{opacity:.28;background:rgba(53,139,158,.055)}
body.overview-active #view>.metrics .metric.highlight{border-color:rgba(67,180,184,.22);background:linear-gradient(150deg,rgba(12,24,29,.98),rgba(6,13,17,.99))}
body.overview-active #view>.metrics .metric.highlight::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(transparent,#3fc3c1,transparent);opacity:.78}
body.overview-active #view>.metrics .metric strong{font-size:24px;color:#edf3f6;text-shadow:none}
body.overview-active #view>.metrics .metric-label{color:#7c8c97}
body.overview-active #view>.metrics .metric small{color:#64747e}
body.overview-active .insight-card{background:radial-gradient(circle at 96% 90%,rgba(45,151,159,.085),transparent 42%),linear-gradient(150deg,#0d171c,#070e12)}
body.overview-active .insight-card::after{background:linear-gradient(90deg,transparent,rgba(54,174,177,.28),transparent)}
body.overview-active .insight-card .tag,
body.overview-active .finding .tag{color:#5acbc8}
body.overview-active .progress-orbit i{background:conic-gradient(#42c9c5 var(--progress),#17242b 0);filter:drop-shadow(0 0 4px rgba(65,198,195,.2))}
body.overview-active .progress-orbit::after{background:#0a1216;box-shadow:inset 0 0 16px rgba(42,140,147,.045)}
body.overview-active .micro-track{background:#111e25}
body.overview-active .micro-track i{background:linear-gradient(90deg,#277b9d,#42c9c5);box-shadow:0 0 7px rgba(65,198,195,.22)}
body.overview-active .soft-badge,
body.overview-active .source-chips span{border-color:rgba(105,147,164,.13);background:#081116;color:#71838d}
body.overview-active .source-chips b{color:#b6d1d5}
body.overview-active .performance-panel{background:radial-gradient(ellipse 34% 38% at 15% 50%,rgba(47,138,148,.045),transparent 74%),linear-gradient(150deg,#0b141a,#060c10)}
body.overview-active .donut-center{border-color:rgba(98,145,162,.15);background:radial-gradient(circle at 46% 34%,#122129,#081015 72%);box-shadow:inset 0 0 22px rgba(0,0,0,.36)}
body.overview-active .donut-legend>div{border-color:rgba(105,145,162,.12);background:#081015;box-shadow:none}
body.overview-active .section-head h2{color:#eef3f6;font-weight:560}
body.overview-active .section-head p{color:#65757f}
body.overview-active .finding{min-height:176px}
body.overview-active .finding:hover,
body.overview-active #view>.grid>.panel:hover,
body.overview-active .overview-board .panel:hover{transform:translateY(-2px);border-color:rgba(73,175,181,.23);box-shadow:0 18px 36px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.03)}
body.overview-active .finding button{background:#0c151b;border-color:rgba(93,144,161,.14)}
body.overview-active .bar .track{fill:#14212a}
body.overview-active .bar rect:not(.track){fill:#3cb8b5;filter:none}
body.overview-active .table-wrap{border-color:rgba(107,145,163,.13);background:#070d11}
body.overview-active th{background:#0c1419;color:#6c7c86}
body.overview-active tbody tr:hover{background:rgba(50,134,140,.045);box-shadow:inset 2px 0 #3aa9aa}
body.overview-active .notice{border-color:rgba(153,121,75,.3);background:rgba(64,46,25,.19);color:#a99a82}

body.overview-active #view:not(.loading)>*{animation:overviewReveal .58s cubic-bezier(.2,.75,.2,1) both}
body.overview-active #view:not(.loading)>.dashboard-tabs{animation-delay:.06s}
body.overview-active #view:not(.loading)>.metrics{animation-delay:.1s}
body.overview-active #view:not(.loading)>.overview-board{animation-delay:.15s}
body.overview-active #view:not(.loading)>.performance-panel{animation-delay:.2s}
body.overview-active #view:not(.loading)>.section-head{animation-delay:.24s}
body.overview-active #view:not(.loading)>.cards{animation-delay:.28s}
body.overview-active #view:not(.loading)>.grid{animation-delay:.34s}
body.overview-active .plan-kpi,
body.overview-active .plan-core>article,
body.overview-active .plan-products>article,
body.overview-active #view>.metrics .metric,
body.overview-active .overview-board>.panel,
body.overview-active .cards>.finding,
body.overview-active #view>.grid>.panel{animation:overviewCardIn .62s cubic-bezier(.18,.78,.2,1) both}
body.overview-active .plan-kpi:nth-child(2),body.overview-active #view>.metrics .metric:nth-child(2),body.overview-active .cards>.finding:nth-child(2){animation-delay:.07s}
body.overview-active .plan-kpi:nth-child(3),body.overview-active #view>.metrics .metric:nth-child(3),body.overview-active .cards>.finding:nth-child(3){animation-delay:.12s}
body.overview-active #view>.metrics .metric:nth-child(4),body.overview-active .cards>.finding:nth-child(4){animation-delay:.17s}
body.overview-active #view>.metrics .metric:nth-child(5){animation-delay:.22s}
body.overview-active .plan-core>article:nth-child(2),body.overview-active .overview-board>.panel:nth-child(2),body.overview-active #view>.grid>.panel:nth-child(2){animation-delay:.09s}
body.overview-active .plan-products>article:nth-child(2){animation-delay:.08s}
body.overview-active .plan-products>article:nth-child(3){animation-delay:.15s}
body.overview-active .potential-bars em,
body.overview-active .plan-kpi-track i,
body.overview-active .micro-track i{transform-origin:left;animation:overviewBarIn .95s cubic-bezier(.16,.8,.2,1) both}
body.overview-active .progress-orbit{animation:overviewOrbitIn .72s .18s cubic-bezier(.2,.78,.2,1) both}
body.overview-active .donut-wrap{animation:overviewOrbitIn .72s .22s cubic-bezier(.2,.78,.2,1) both}
@keyframes overviewReveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes overviewCardIn{from{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:none}}
@keyframes overviewBarIn{from{transform:scaleX(0);opacity:.25}to{transform:scaleX(1);opacity:1}}
@keyframes overviewOrbitIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}

@media(max-width:1450px){body.overview-active #view>.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){body.overview-active #view>.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.overview-active #view>.metrics{grid-template-columns:1fr}body.overview-active #view>.metrics .metric{min-height:112px}body.overview-active .potential-bars{background-size:50% 100%}}
@media(prefers-reduced-motion:reduce){body.overview-active #view *,body.overview-active #view>*{animation:none!important;transition:none!important}}

/* Navigation cleanup and overview de-duplication. */
.brand span{max-width:175px;line-height:1.45}
.brand{position:relative;isolation:isolate;overflow:hidden;padding:10px 8px 4px;margin:-10px -8px 0;border-radius:18px}
.brand::before{content:"";position:absolute;z-index:-1;inset:-24px -48px 0;background:radial-gradient(ellipse 52% 34% at 15% 72%,transparent 54%,rgba(82,222,216,.2) 57%,rgba(74,168,232,.055) 61%,transparent 65%),radial-gradient(ellipse 58% 32% at 72% 84%,transparent 55%,rgba(74,168,232,.16) 58%,rgba(82,222,216,.045) 62%,transparent 66%),linear-gradient(105deg,transparent 18%,rgba(82,222,216,.055) 49%,transparent 76%);filter:blur(.2px);opacity:.72;transform:translate3d(-3%,0,0);animation:brandTide 8s ease-in-out infinite alternate}
.brand::after{content:"";position:absolute;z-index:-1;left:-32%;right:-32%;bottom:10px;height:34px;background:radial-gradient(ellipse at 50% 100%,rgba(82,222,216,.11),transparent 64%);filter:blur(7px);animation:brandCurrent 10s linear infinite}
@keyframes brandTide{0%{transform:translate3d(-4%,2px,0) scale(1)}50%{transform:translate3d(2%,-2px,0) scale(1.035)}100%{transform:translate3d(6%,1px,0) scale(1.01)}}
@keyframes brandCurrent{0%{transform:translate3d(-12%,0,0) scaleX(.9);opacity:.3}50%{opacity:.75}100%{transform:translate3d(12%,0,0) scaleX(1.08);opacity:.38}}
nav .nav-divider{display:block;height:1px;margin:12px 8px 5px;background:linear-gradient(90deg,rgba(82,222,216,.22),rgba(255,255,255,.05),transparent)}
nav .nav-caption{padding:3px 13px 1px;color:#5f7078;font-size:8px;font-weight:750;letter-spacing:1.7px}
.aside-bottom small{margin-top:0;color:#555f65}
body.overview-active{
  background:radial-gradient(ellipse 60% 34% at 74% -6%,rgba(82,222,216,.1),transparent 72%),radial-gradient(ellipse 38% 24% at 35% 105%,rgba(74,168,232,.045),transparent 76%),linear-gradient(150deg,#0d0e10,#111214 52%,#0e0f11);
}
body.overview-active::before{opacity:.32}
body.overview-active main::before{opacity:1;background:radial-gradient(ellipse,rgba(74,168,232,.07),transparent 66%)}
body.overview-active aside{border-color:rgba(255,255,255,.075);background:linear-gradient(180deg,rgba(15,16,18,.98),rgba(10,11,13,.985));box-shadow:0 28px 90px rgba(0,0,0,.52),inset 1px 0 rgba(255,255,255,.025),inset 0 1px rgba(255,255,255,.055)}
body.overview-active .funnel-card{display:none}
body.overview-active .overview-board{grid-template-columns:1fr}
body.overview-active .insight-card{min-height:190px}
.source-table-note{margin:12px 2px 0;font-size:11px;line-height:1.55}
[hidden]{display:none!important}
.header-actions{flex-wrap:wrap;justify-content:flex-end}
.user-pill{display:inline-flex;align-items:center;min-height:42px;padding:0 13px;border:1px solid rgba(82,222,216,.12);border-radius:999px;background:rgba(82,222,216,.045);color:#9bc8cb;font-size:11px;font-weight:700}
#access{width:min(760px,95vw)}
.access-owner,.access-user{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(10,12,14,.42)}
.access-owner span,.access-user span{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.access-create{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0;padding:18px;border:1px solid rgba(82,222,216,.12);border-radius:14px;background:rgba(82,222,216,.025)}
.access-create h3,.access-create .form-error{grid-column:1/-1}.access-create button{align-self:end;min-height:42px}.access-create input{width:100%;min-width:0}
.access-list{display:grid;gap:10px}.access-list h3{margin-top:3px}.access-user.disabled{opacity:.58}.access-user-actions{display:flex;gap:8px;flex-wrap:wrap}.access-user-actions button{padding:8px 11px;font-size:11px}.access-note{margin-top:15px;font-size:11px}.login-hint{margin:0;font-size:11px}
.card-delete-actions{display:flex;align-items:center;gap:12px;margin:14px 0 18px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}.card-delete-actions .muted{font-size:11px}
.deal-filter-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:18px 0 8px;padding:12px;border:1px solid rgba(82,222,216,.11);border-radius:15px;background:rgba(9,18,22,.58)}.deal-filter-row>label:not(.deal-stage-filter){min-width:175px}.deal-filter-row select{width:100%}.view-switch{display:flex;padding:3px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#11171b}.view-switch button{padding:7px 12px;border:0;background:transparent}.view-switch button.active{color:#071114;background:linear-gradient(110deg,#54d8d3,#4aa8e8)}
.kanban{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 18px;scroll-snap-type:x proximity}.kanban-column{flex:0 0 285px;min-height:390px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(12,17,20,.72);scroll-snap-align:start;transition:.2s ease}.kanban-column.drop-ready{border-color:#52ded8;box-shadow:0 0 0 2px rgba(82,222,216,.12),0 16px 35px rgba(0,0,0,.24)}.kanban-column>header{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.07)}.kanban-column>header strong,.kanban-column>header span{display:block}.kanban-column>header strong{color:#e6f1f3;font-size:12px}.kanban-column>header span{margin-top:3px;color:#758a91;font-size:10px}.kanban-list{display:grid;gap:9px;padding:10px}.kanban-card{padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:linear-gradient(145deg,#171d21,#101518);box-shadow:0 8px 20px rgba(0,0,0,.18)}.kanban-card:active{cursor:grabbing}.kanban-open{display:grid;width:100%;padding:0;border:0;background:none;text-align:left}.kanban-open strong{color:#f1f6f7}.kanban-open span{margin:3px 0;color:#84969b;font-size:10px}.kanban-open b{margin-bottom:8px;color:#64d9d5;font-size:12px}.kanban-card .stage-select{width:100%;min-width:0;max-width:none}.kanban-card small{display:block;margin-top:8px;color:#83969b}.kanban-card .overdue-text{color:#f0a6a6}.kanban-empty{padding:28px 10px;text-align:center;color:#596a70;font-size:11px}.kanban-hint{margin-top:2px}
.queue-quick{display:flex;gap:6px}.queue-quick button{padding:7px 9px;font-size:10px;white-space:nowrap}.queue-conversation{display:block;margin-top:5px;color:#70848a}.project-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-card-head>strong{color:#65ddd8}.project-progress{height:7px;overflow:hidden;border-radius:999px;background:#172329}.project-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3ea7c7,#51dbd5);box-shadow:0 0 10px rgba(81,219,213,.3)}.project-money{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:100%}.project-money span{padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:9px;color:#758a90;font-size:9px}.project-money strong{display:block;margin-top:3px;color:#e9f2f3;font-size:11px}.project-salaries{width:100%;padding:12px;border:1px solid rgba(82,222,216,.11);border-radius:12px;background:rgba(5,14,17,.46)}.project-salaries-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-salaries-head>div{display:grid;gap:3px}.project-salaries-head span{color:#70868c;font-size:9px}.project-salaries-head button{padding:7px 10px;color:#8ee9e4;border-color:rgba(82,222,216,.18);background:rgba(82,222,216,.06);font-size:10px}.project-salary-list{display:grid;gap:6px;margin-top:9px}.project-salary-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 9px;text-align:left;background:#10191d}.project-salary-list button span{color:#8fa1a6;font-size:10px}.project-salary-list button strong{color:#e7f1f2;font-size:10px}.project-salaries>.muted{margin:9px 0 0;font-size:9px;line-height:1.5}.salary-summary{grid-template-columns:repeat(4,1fr)}.salary-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px}.salary-status.paid{color:#a8f0d3;background:rgba(56,199,147,.12)}.salary-status.pending{color:#f8d3a6;background:rgba(244,174,95,.12)}.recent-changes{margin:13px 0}.recent-changes .panel-title>strong{font-size:28px;color:#62dbd6}.recent-changes>div:last-child{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.recent-changes p{display:grid;gap:4px;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(5,10,13,.45)}.recent-changes p b{font-size:10px}.recent-changes p span{overflow:hidden;color:#778b91;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.project-countdown{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 13px;border:1px solid rgba(82,222,216,.16);border-radius:12px;background:linear-gradient(110deg,rgba(82,222,216,.08),rgba(74,168,232,.035));color:#91a4aa}.project-countdown span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.project-countdown strong{color:#75e5df;font-size:18px}.project-countdown.today{border-color:rgba(248,190,91,.25);background:rgba(248,190,91,.07)}.project-countdown.today strong{color:#ffd28a}.project-countdown.overdue{border-color:rgba(239,107,115,.28);background:rgba(239,107,115,.075)}.project-countdown.overdue strong{color:#ff9da4}.project-countdown.done{border-color:rgba(68,204,148,.2);background:rgba(68,204,148,.07)}.project-countdown.done strong{color:#9ce8c8}.expense-register{grid-column:1/-1;margin-top:8px;padding-top:17px;border-top:1px solid rgba(255,255,255,.08)}.expense-register-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.expense-register-head h3{margin:0}.expense-register-head strong{color:#70ddd8}.expense-register article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0;border-top:1px solid rgba(255,255,255,.06)}.expense-register article>div{display:grid;gap:4px}.expense-register article span{color:#71858b;font-size:10px}.expense-register .danger-button{flex:0 0 auto;padding:7px 10px;font-size:10px}
.contact-stack{display:grid;gap:3px;margin-bottom:5px}.contact-handle{display:block;color:#9cb0b5;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.copy-telegram{display:flex;align-items:center;justify-content:space-between;gap:9px;width:max-content;max-width:100%;margin:7px 0 4px;padding:7px 10px;border-color:rgba(82,222,216,.2);border-radius:9px;background:rgba(82,222,216,.065);text-align:left}.copy-telegram strong{color:#73e4df;font-size:13px;overflow-wrap:anywhere}.copy-telegram span{color:#769197;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.copy-telegram:hover,.copy-telegram.copied{border-color:rgba(82,222,216,.48);background:rgba(82,222,216,.13)}.copy-telegram.copied span{color:#8af0c5}.telegram-missing{display:block;margin:5px 0;color:#71858b;font-size:10px}.social-link{display:block;margin-top:4px}.kanban-contacts{margin:0 0 9px;padding:8px;border:1px solid rgba(82,222,216,.09);border-radius:9px;background:rgba(5,13,16,.36)}.kanban-contacts .contact-stack{margin-bottom:2px}.kanban-contacts .inline-link,.kanban-contacts .contact-handle{font-size:9px}.kanban-card>.copy-telegram{width:100%;margin:0 0 8px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions button{padding:7px 9px;font-size:10px}.row-actions .danger-button{color:#ffb1b5;border-color:rgba(239,107,115,.28);background:rgba(239,107,115,.07)}
.project-milestones{display:grid;gap:6px;width:100%;padding:12px;border:1px solid rgba(74,168,232,.12);border-radius:12px;background:rgba(5,13,18,.44)}.project-milestones-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}.project-milestones-head span{color:#71868d;font-size:10px}.project-milestone{display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;text-align:left;border-color:rgba(255,255,255,.07);background:#10191e}.project-milestone i{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;border:1px solid rgba(82,222,216,.24);border-radius:6px;color:#081315;background:transparent;font-size:11px;font-style:normal}.project-milestone span{color:#a5b3b7;font-size:10px}.project-milestone.done{border-color:rgba(70,203,199,.16);background:rgba(70,203,199,.065)}.project-milestone.done i{border-color:#56d8d3;background:#56d8d3}.project-milestone.done span{color:#71aaa9;text-decoration:line-through}.project-stage-hint{margin:-3px 0 4px;font-size:10px;line-height:1.5}
.project-progress-card{display:grid;gap:9px;width:100%;padding:11px 13px;border:1px solid rgba(82,222,216,.16);border-radius:12px;background:linear-gradient(110deg,rgba(82,222,216,.075),rgba(74,168,232,.035))}.project-progress-card>div:first-child{display:flex;align-items:center;justify-content:space-between}.project-progress-card span{color:#91a4aa;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.project-progress-card strong{color:#75e5df;font-size:18px}.project-actions{width:100%}.project-stage-dialog{display:grid;gap:9px}.project-stage-dialog .project-progress-card{margin-bottom:8px}.file-upload{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;padding:16px;border:1px solid rgba(82,222,216,.13);border-radius:13px;background:rgba(82,222,216,.03)}.file-upload small,.file-upload .form-error{grid-column:1/-1}.file-list{display:grid;gap:8px;margin-top:16px}.file-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#10191e}.file-list article>div{display:flex;align-items:center;gap:10px}.file-list article>div:first-child{display:grid;gap:3px}.file-list span{color:#788b91;font-size:10px}.file-list button{padding:6px 9px}.register-title{margin:28px 0 10px}.salary-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}
@media(max-width:1350px) and (min-width:701px){header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-start}}
@media(max-width:700px){.user-pill{min-height:34px}.access-create{grid-template-columns:1fr}.access-create h3,.access-create .form-error{grid-column:auto}.access-owner,.access-user{align-items:flex-start;flex-direction:column}.access-user-actions{width:100%}.access-user-actions button{flex:1}.deal-filter-row{align-items:stretch;flex-direction:column}.deal-filter-row>label:not(.deal-stage-filter){width:100%;min-width:0}.deal-stage-filter{width:100%;align-items:stretch;flex-direction:column;gap:5px;padding:10px}.deal-stage-filter select{width:100%;min-width:0}.kanban-column{flex-basis:82vw}.project-money{grid-template-columns:1fr 1fr}.project-salaries-head{align-items:flex-start;flex-direction:column}.project-salaries-head button{width:100%}.salary-summary{grid-template-columns:1fr 1fr}.queue-quick{flex-direction:column}.file-upload{grid-template-columns:1fr}.file-upload button{width:100%}.file-list article{align-items:flex-start;flex-direction:column}.copy-telegram{min-height:42px}.copy-telegram strong{font-size:15px}}
@media(max-width:700px){nav .nav-divider{flex:0 0 1px;width:22px;height:28px;margin:0 5px;background:linear-gradient(180deg,transparent,rgba(82,222,216,.24),transparent)}nav .nav-caption{display:none}}
@media(prefers-reduced-motion:reduce){.brand::before,.brand::after{animation:none}}