:root{--bg:#061325;--panel:rgba(11,31,55,.86);--line:rgba(137,181,220,.14);--text:#edf7ff;--muted:#87a3bb;--cyan:#35d7ff;--blue:#4f7cff;--green:#3fe2ad;--violet:#a478ff;--amber:#ffc25b;--rose:#ff719b}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Prompt,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0,#12375b 0,transparent 32rem),radial-gradient(circle at 95% 45%,#242359 0,transparent 38rem),var(--bg);overflow-x:hidden}.glow{position:fixed;width:30rem;height:30rem;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none}.g1{background:var(--cyan);top:-16rem;left:-8rem}.g2{background:var(--violet);right:-14rem;top:34%}.shell{position:relative;max-width:1480px;padding:28px 34px 46px}.panel{background:linear-gradient(145deg,rgba(16,43,72,.9),rgba(7,24,44,.86));border:1px solid var(--line);box-shadow:0 24px 65px rgba(0,0,0,.25);border-radius:24px;backdrop-filter:blur(20px)}.hero{display:flex;justify-content:space-between;align-items:center;padding:27px 31px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:12%;top:-360px;width:460px;height:460px;border:1px solid rgba(53,215,255,.12);border-radius:50%;box-shadow:0 0 0 48px rgba(53,215,255,.025),0 0 0 96px rgba(53,215,255,.015)}.brand{display:flex;align-items:center;gap:21px}.logo{width:76px;height:76px;background:#fff;padding:9px;border-radius:22px;box-shadow:0 0 35px rgba(53,215,255,.17)}.logo img{width:100%;height:100%;object-fit:contain}.overline,.section-title span,.card-head>div>span{font-size:.68rem;letter-spacing:.18em;color:var(--cyan);font-weight:600}.hero h1{font-size:clamp(2rem,3vw,3.2rem);line-height:1;margin:7px 0 9px}.hero h1 span{display:block;color:transparent;background:linear-gradient(90deg,var(--cyan),#a6edff);background-clip:text}.hero p{margin:0;color:var(--muted)}.filters{width:260px;z-index:1}.filters label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:7px}.form-select{color:#eff9ff;background-color:rgba(4,17,32,.72);border-color:var(--line);border-radius:12px;padding:.75rem 2.4rem .75rem 1rem}.form-select:focus{color:#fff;background:#0a2039;border-color:var(--cyan);box-shadow:0 0 0 .2rem rgba(53,215,255,.1)}.online{font:500 .65rem 'IBM Plex Mono';color:var(--muted);margin-top:10px}.online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 11px var(--green);animation:pulse 1.6s infinite}.headline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.headline{padding:23px 25px;position:relative;overflow:hidden}.headline span,.headline small{display:block;color:var(--muted);font-size:.75rem}.headline strong{display:inline-block;font:600 clamp(1.7rem,2.8vw,2.65rem) 'IBM Plex Mono';margin:9px 6px 4px 0}.headline .signal{position:absolute;width:110px;height:110px;border-radius:50%;right:-42px;bottom:-53px;background:var(--cyan);opacity:.09;box-shadow:0 0 30px var(--cyan)}.headline.money .signal{background:var(--green);box-shadow:0 0 30px var(--green)}.section-title{display:flex;align-items:end;justify-content:space-between;margin:29px 4px 13px}.section-title h2,.card-head h2{font-size:1.05rem;margin:4px 0 0}.badge-soft,.chip{font-size:.63rem;letter-spacing:.1em;color:var(--cyan);border:1px solid rgba(53,215,255,.25);padding:6px 10px;border-radius:99px}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.kpi{padding:19px 17px;position:relative;overflow:hidden;transition:.3s}.kpi:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent),transparent 65%)}.kpi .code{color:var(--accent);font-size:.62rem;letter-spacing:.13em}.kpi strong{display:block;font:600 1.55rem 'IBM Plex Mono';margin:15px 0 7px}.kpi p{color:var(--muted);font-size:.73rem;line-height:1.4;margin:0}.kpi:after{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:var(--accent);opacity:.07;right:-28px;bottom:-35px}.charts{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-top:18px}.cardx{padding:23px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.chip.violet{color:var(--violet);border-color:rgba(164,120,255,.3)}.chip.green{color:var(--green);border-color:rgba(63,226,173,.3)}.chart{height:300px}.breakdown{display:flex;flex-direction:column;gap:14px}.break-row .info{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.74rem}.break-row .info span{color:var(--muted)}.break-row .info strong{color:var(--color);font-family:'IBM Plex Mono'}.track{height:6px;background:rgba(255,255,255,.06);border-radius:20px;overflow:hidden}.fill{height:100%;width:0;border-radius:20px;background:var(--color);box-shadow:0 0 12px var(--color);transition:width 1s cubic-bezier(.22,1,.36,1)}.table-card{margin-top:18px}.table{color:#c9dae8;margin:0}.table>:not(caption)>*>*{padding:.9rem .7rem;border-color:var(--line);white-space:nowrap}.table thead{color:var(--muted);font-size:.69rem}.table tbody{font-size:.76rem}.table tbody td:not(:first-child){font-family:'IBM Plex Mono'}.period-pill{color:var(--cyan);background:rgba(53,215,255,.09);padding:5px 9px;border-radius:8px}.print-btn{color:#dcecff;background:rgba(255,255,255,.04);border:1px solid var(--line);padding:8px 12px;border-radius:10px;font-size:.72rem}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:.69rem;padding:20px 5px 0}.load-bar{position:fixed;top:0;left:0;width:0;height:3px;z-index:1100;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 14px var(--cyan);transition:width .25s}.load-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(3,13,27,.95);backdrop-filter:blur(12px);transition:.45s}.load-overlay.hide{opacity:0;visibility:hidden}.load-overlay small{color:var(--muted)}.radar-loader{width:80px;height:80px;border:1px solid rgba(53,215,255,.22);border-radius:50%;position:relative;margin-bottom:13px;animation:spin 2s linear infinite}.radar-loader:before,.radar-loader:after{content:"";position:absolute;background:rgba(53,215,255,.18)}.radar-loader:before{width:1px;height:100%;left:50%}.radar-loader:after{height:1px;width:100%;top:50%}.radar-loader i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);top:8px;left:36px}.radar-loader i:nth-child(2){top:54px;left:12px;background:var(--violet)}.radar-loader i:nth-child(3){top:54px;left:58px;background:var(--green)}.toastx{position:fixed;right:24px;bottom:24px;z-index:1200;max-width:360px;padding:14px 17px;border:1px solid rgba(255,113,155,.35);border-radius:12px;background:#35182a;color:#ffdbe6;transform:translateY(120px);transition:.3s}.toastx.show{transform:none}.enter{animation:rise .7s both}.headline-grid{animation-delay:.08s}.kpi-grid{animation-delay:.15s}.charts{animation-delay:.22s}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.charts{grid-template-columns:1fr}.chart{height:290px}}@media(max-width:760px){.shell{padding:14px}.hero{flex-direction:column;align-items:flex-start;gap:23px;padding:22px}.filters{width:100%}.headline-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.logo{width:60px;height:60px;border-radius:17px}.chart{height:260px}.cardx{padding:18px}footer{flex-direction:column;gap:5px}}@media(max-width:450px){.brand{align-items:flex-start;gap:13px}.logo{width:50px;height:50px;padding:6px;border-radius:14px}.hero h1{font-size:1.65rem}.kpi-grid{gap:10px}.kpi{padding:16px 13px}.kpi strong{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media print{body{background:#fff;color:#111}.glow,.filters,.load-overlay,.load-bar,.print-btn{display:none!important}.shell{padding:0;max-width:none}.panel{color:#111;background:#fff;border:1px solid #ddd;box-shadow:none;break-inside:avoid}.charts{grid-template-columns:1.65fr 1fr}.kpi-grid{grid-template-columns:repeat(6,1fr)}.headline span,.headline small,.kpi p,.table,footer{color:#555}}
