/* SLPT-R26R3A2-FORM-CHECKER-STABILITY-RECENT-LAYOUT-HOTFIX-20260820 */
/* SLPT-R26R3-PERFORMANCE-CENTRE-BUSINESS-ANALYTICS-20260820 */
.r26r3-loading{margin:24px;padding:34px;border:1px solid rgba(15,23,42,.10);border-radius:24px;background:#fff;color:#475569;text-align:center;font-weight:700}
.r26r3-performance,.r26r3-analytics{--r26-bg:#0b111c;--r26-panel:#121b2a;--r26-panel2:#162135;--r26-line:rgba(148,163,184,.16);--r26-text:#f7f9fc;--r26-muted:#9eabc0;--r26-red:#b23a49;--r26-green:#4fd5a2;--r26-blue:#68a3ff;--r26-purple:#a98af8;--r26-amber:#f5b85c;background:radial-gradient(circle at 95% 0%,rgba(46,211,168,.08),transparent 28%),radial-gradient(circle at 0% 10%,rgba(124,92,246,.10),transparent 26%),var(--r26-bg);border-radius:28px;padding:22px;color:var(--r26-text);box-shadow:0 22px 55px rgba(15,23,42,.16);min-height:calc(100vh - 150px)}
.r26r3-performance *,.r26r3-analytics *{box-sizing:border-box}.r26r3-performance h1,.r26r3-performance h2,.r26r3-performance h3,.r26r3-analytics h1,.r26r3-analytics h2,.r26r3-analytics h3{color:var(--r26-text);margin:0}.r26r3-performance p,.r26r3-analytics p{margin:0}
.r26r3-pc-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:16px 18px 22px;border-bottom:1px solid var(--r26-line)}.r26r3-ba-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;padding:16px 18px 22px;border-bottom:1px solid var(--r26-line)}.r26r3-pc-head p,.r26r3-ba-head p{font-size:11px;font-weight:900;letter-spacing:.16em;color:#78e1bf}.r26r3-pc-head h1,.r26r3-ba-head h1{font-size:clamp(28px,3vw,42px);letter-spacing:-.035em;margin:4px 0}.r26r3-pc-head>div>span,.r26r3-ba-head>div>span{color:var(--r26-muted);font-size:14px}
.r26r3-pc-status{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(79,213,162,.25);background:rgba(79,213,162,.08);border-radius:999px;padding:9px 12px;color:#b9f3dd;font-weight:750;font-size:12px}.r26r3-pc-status i{width:8px;height:8px;border-radius:50%;background:var(--r26-green);box-shadow:0 0 0 5px rgba(79,213,162,.10)}
.r26r3-pc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.r26r3-pc-stats>div{border:1px solid var(--r26-line);background:rgba(255,255,255,.035);padding:14px 16px;border-radius:16px}.r26r3-pc-stats span{display:block;color:var(--r26-muted);font-size:11px}.r26r3-pc-stats b{display:block;margin-top:5px;font-size:20px;color:var(--r26-text)}
.r26r3-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.r26r3-tool{min-height:220px;display:flex;flex-direction:column;gap:13px;padding:17px;border:1px solid var(--r26-line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.r26r3-tool:hover:not(.disabled){transform:translateY(-3px);border-color:rgba(104,163,255,.36);box-shadow:0 16px 28px rgba(0,0,0,.18)}.r26r3-tool.disabled{opacity:.72}.r26r3-tool-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(104,163,255,.10);color:var(--r26-blue)}.r26r3-tool:nth-child(2) .r26r3-tool-icon{background:rgba(169,138,248,.11);color:var(--r26-purple)}.r26r3-tool:nth-child(3) .r26r3-tool-icon{background:rgba(79,213,162,.10);color:var(--r26-green)}.r26r3-tool:nth-child(4) .r26r3-tool-icon{background:rgba(245,184,92,.10);color:var(--r26-amber)}.r26r3-tool:nth-child(5) .r26r3-tool-icon{background:rgba(178,58,73,.12);color:#ef7a89}.r26r3-tool-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.r26r3-tool-copy{flex:1}.r26r3-tool-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.r26r3-tool-head h3{font-size:16px}.r26r3-tool-head span{font-size:9px;padding:4px 7px;border-radius:999px;border:1px solid var(--r26-line);color:var(--r26-muted);white-space:nowrap}.r26r3-tool-copy p{color:var(--r26-muted);font-size:12px;line-height:1.5;margin-top:9px}.r26r3-tool-open{border:1px solid rgba(104,163,255,.32);background:rgba(104,163,255,.09);color:#dbe8ff;padding:9px 11px;border-radius:11px;font-weight:800;cursor:pointer}.r26r3-tool-open:disabled{cursor:default;border-color:var(--r26-line);color:#8290a7;background:rgba(255,255,255,.025)}
.r26r3-pc-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:12px}.r26r3-panel{border:1px solid var(--r26-line);border-radius:20px;background:rgba(255,255,255,.035);padding:16px;min-width:0}.r26r3-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.r26r3-panel-head small{display:block;color:#7e8ba1;font-size:9px;font-weight:900;letter-spacing:.13em}.r26r3-panel-head h2{font-size:17px;margin-top:3px}.r26r3-panel-head>span{font-size:10px;color:#c4cee0;border:1px solid var(--r26-line);padding:5px 8px;border-radius:999px}.r26r3-link{border:0;background:transparent;color:#8eb7ff;font-size:11px;cursor:pointer}.r26r3-recent>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(148,163,184,.10)}.r26r3-recent>div:first-child{border-top:0}.r26r3-recent-icon{width:34px;height:34px;border-radius:10px;background:rgba(104,163,255,.08);display:grid;place-items:center;color:#7aaeff}.r26r3-recent-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.r26r3-recent b{font-size:12px}.r26r3-recent small{display:block;color:var(--r26-muted);margin-top:2px;font-size:10px}.r26r3-recent em{font-style:normal;color:#b7c4d8;font-size:10px;text-transform:capitalize}.r26r3-recent>.r26r3-empty{display:flex;grid-template-columns:none;align-items:center;justify-content:center;width:100%;min-height:120px;padding:24px;line-height:1.55;white-space:normal;text-align:center;color:#8f9db2}.r26r3-principles ul{list-style:none;margin:0;padding:0}.r26r3-principles li{padding:10px 0;border-top:1px solid rgba(148,163,184,.10)}.r26r3-principles li:first-child{border-top:0}.r26r3-principles b{font-size:12px}.r26r3-principles span{display:block;color:var(--r26-muted);font-size:11px;margin-top:3px;line-height:1.45}
.r26r3-ba-controls{align-self:start;display:grid;grid-template-columns:96px 136px 126px 104px;align-items:end;gap:8px;justify-content:end}.r26r3-ba-controls label{display:grid;grid-template-rows:13px 38px;gap:4px;min-width:0;color:var(--r26-muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.r26r3-ba-controls label>span{display:flex;align-items:center;min-height:13px;line-height:1}.r26r3-ba-controls select,.r26r3-ba-controls input,.r26r3-ba-controls button,.r26r3-currency{box-sizing:border-box;width:100%;height:38px;border:1px solid var(--r26-line);background:#111a29;color:#e8eef8;border-radius:10px;padding:0 10px}.r26r3-ba-controls button{cursor:pointer;font-weight:800;border-color:rgba(178,58,73,.4);background:rgba(178,58,73,.14)}.r26r3-currency{display:flex;align-items:center;min-width:0}.r26r3-currency b{font-size:12px;line-height:1.15;white-space:nowrap}.r26r3-period{display:flex;align-items:center;gap:12px;padding:11px 15px;margin:14px 0;border:1px solid var(--r26-line);border-radius:14px;background:rgba(255,255,255,.025);font-size:11px}.r26r3-period span{color:var(--r26-muted)}.r26r3-period em{margin-left:auto;font-style:normal;color:#8fb9ff}
.r26r3-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.r26r3-kpi{border:1px solid var(--r26-line);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.026));padding:14px;min-width:0}.r26r3-kpi>span{display:block;color:var(--r26-muted);font-size:10px}.r26r3-kpi strong{display:block;font-size:20px;color:var(--r26-text);margin:6px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r26r3-kpi em{display:block;font-style:normal;color:#7f8da4;font-size:9px;min-height:22px}.r26r3-delta{display:block;margin-top:7px;font-size:9px!important;font-weight:800}.r26r3-delta.up{color:#58dba8}.r26r3-delta.down{color:#f0808c}.r26r3-delta.neutral{color:#9eabc0}
.r26r3-ba-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.r26r3-ba-main .r26r3-wide{grid-column:span 2}.r26r3-chart svg{width:100%;height:auto;max-height:240px}.r26r3-chart polyline{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}.r26r3-chart polyline.income{stroke:#52d6a4}.r26r3-chart polyline.expense{stroke:#db7180}.r26r3-chart-labels{display:flex;justify-content:space-between;color:#748197;font-size:8px;gap:3px;overflow:hidden}.r26r3-legend{display:flex;gap:15px;margin-top:9px;color:#a7b2c4;font-size:9px}.r26r3-legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.r26r3-legend .income:before{background:#52d6a4}.r26r3-legend .expense:before{background:#db7180}
.r26r3-break-row{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;padding:9px 0 12px;border-top:1px solid rgba(148,163,184,.10)}.r26r3-break-row:first-child{border-top:0}.r26r3-break-row span b{display:block;font-size:11px}.r26r3-break-row span small{font-size:9px;color:#7f8da4}.r26r3-break-row strong{font-size:11px}.r26r3-break-row i{position:absolute;left:0;bottom:4px;width:100%;height:3px;background:rgba(255,255,255,.055);border-radius:99px;overflow:hidden}.r26r3-break-row i:after{content:'';display:block;width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,#5f8ff1,#58d7aa)}.r26r3-note{margin-top:12px!important;padding:10px;border-radius:11px;background:rgba(104,163,255,.06);border:1px solid rgba(104,163,255,.13);font-size:9px;line-height:1.5;color:#9eadc3}.r26r3-note b{color:#d9e5f8}
.r26r3-inline-metrics,.r26r3-op-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.r26r3-inline-metrics>span,.r26r3-op-grid>span{padding:10px;border:1px solid rgba(148,163,184,.10);border-radius:12px;background:rgba(255,255,255,.025)}.r26r3-inline-metrics small,.r26r3-op-grid small{display:block;font-size:8px;color:#7f8da4}.r26r3-inline-metrics b,.r26r3-op-grid b{display:block;margin-top:4px;font-size:13px}.r26r3-op-grid>span.warn b{color:#f3a36f}.r26r3-top-clients{margin-top:10px}.r26r3-top-clients>div:not(.r26r3-empty){display:grid;grid-template-columns:24px 1fr auto;gap:7px;padding:7px 0;border-top:1px solid rgba(148,163,184,.09);font-size:10px}.r26r3-top-clients i{font-style:normal;color:#718098}.r26r3-top-clients b{color:#dce7f8}.r26r3-forecast{display:grid;place-items:start;gap:4px}.r26r3-forecast strong{font-size:28px;color:#57d9a7}.r26r3-forecast span{font-size:10px;color:#b8c4d6}.r26r3-forecast p{margin-top:8px!important;font-size:9px;color:#7f8da4;line-height:1.5}.r26r3-empty{padding:24px;color:#8f9db2;text-align:center}.r26r3-empty b,.r26r3-empty span{display:block}.r26r3-empty span{font-size:11px;margin-top:5px}
@media (max-width:1180px){.r26r3-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.r26r3-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.r26r3-ba-main{grid-template-columns:repeat(2,minmax(0,1fr))}.r26r3-ba-head{grid-template-columns:1fr}.r26r3-ba-controls{justify-content:start;grid-template-columns:96px 136px 126px 104px}}
@media (max-width:760px){.r26r3-performance,.r26r3-analytics{border-radius:0;margin:-8px;padding:13px;min-height:100vh}.r26r3-pc-head,.r26r3-ba-head{display:grid;padding:11px 4px 17px}.r26r3-pc-status{justify-self:start}.r26r3-pc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.r26r3-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.r26r3-tool{min-height:190px;padding:13px}.r26r3-pc-grid,.r26r3-ba-main{grid-template-columns:1fr}.r26r3-ba-main .r26r3-wide{grid-column:auto}.r26r3-ba-controls{justify-content:start;grid-template-columns:repeat(2,minmax(0,160px))}.r26r3-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.r26r3-period{display:grid;gap:4px}.r26r3-period em{margin-left:0}.r26r3-inline-metrics,.r26r3-op-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:430px){.r26r3-tools{grid-template-columns:1fr}.r26r3-tool{min-height:0}.r26r3-kpis{grid-template-columns:1fr 1fr}.r26r3-kpi strong{font-size:17px}.r26r3-ba-controls{grid-template-columns:1fr}.r26r3-ba-controls label,.r26r3-ba-controls select,.r26r3-ba-controls input,.r26r3-ba-controls button,.r26r3-currency{width:100%}}
@media (hover:hover) and (pointer:fine){.r26r3-panel,.r26r3-kpi{transition:transform .17s ease,border-color .17s ease}.r26r3-panel:hover,.r26r3-kpi:hover{transform:translateY(-2px);border-color:rgba(104,163,255,.24)}}
@media (prefers-reduced-motion:reduce){.r26r3-tool,.r26r3-panel,.r26r3-kpi{transition:none!important;transform:none!important}}