@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";.logo-pair-with-sikap{position:relative;width:104px;min-width:104px;padding-bottom:11px;display:flex;align-items:center;justify-content:center;gap:8px}.logo-pair-with-sikap .logo-frame{flex:none}.logo-pair-sikap{position:absolute;left:0;right:0;bottom:0;text-align:center;font-family:Space Grotesk,sans-serif;font-size:7px;font-weight:800;letter-spacing:.28em;text-indent:.28em;color:#b8e9de;line-height:1;text-shadow:0 0 8px rgba(157,223,208,.45),0 0 18px rgba(157,223,208,.18);animation:sikapGlow 2.2s ease-in-out infinite}@keyframes sikapGlow{0%,to{opacity:.72;text-shadow:0 0 7px rgba(157,223,208,.35),0 0 16px rgba(157,223,208,.12)}50%{opacity:1;text-shadow:0 0 10px rgba(157,223,208,.7),0 0 24px rgba(157,223,208,.28)}}:root{--bg:#071417;--bg2:#0a1b20;--panel:#0d2025;--panel2:#10272c;--line:rgba(166,218,209,.12);--line2:rgba(166,218,209,.2);--text:#eef8f5;--muted:#8ba3a0;--soft:#b7c9c5;--mint:#9ddfd0;--gold:#edd47c;--blue:#94c7ff;--violet:#b9b1ff;--rose:#ffb6bd;--shadow:0 22px 70px rgba(0,0,0,.28);--radius:24px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 10% 0%,#163337 0,transparent 28%),radial-gradient(circle at 90% 20%,#1e274c 0,transparent 28%),linear-gradient(180deg,#081519,#071417 55%,#061115);color:var(--text)}button,select{font:inherit}.app{min-height:100vh;overflow:hidden}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:#071215bd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:40}.brand-wrap{display:flex;align-items:center;gap:14px}.logo-pair{display:flex;align-items:center;gap:8px}.logo-frame{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid rgba(174,221,211,.16);display:grid;place-items:center;box-shadow:0 10px 30px #00000038;overflow:hidden;position:relative}.logo-frame img{max-width:40px;max-height:40px;object-fit:contain}.logo-ins img{max-width:44px;max-height:44px}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-kicker{font-size:9px;letter-spacing:.16em;color:#7f9d99}.brand-copy b{font-family:Space Grotesk,sans-serif;font-size:15px;letter-spacing:.04em}.brand-copy span{font-size:10px;color:#8ba29f}.top-actions{display:flex;align-items:center;gap:12px}.realtime{font-size:9px;font-weight:700;letter-spacing:.14em;color:#9bc9bd;display:flex;align-items:center;gap:8px}.realtime small{letter-spacing:.04em;font-size:9px;color:#718582;font-weight:500}.live-dot{width:7px;height:7px;border-radius:50%;background:#9de0bf;box-shadow:0 0 0 5px #9de0bf14,0 0 18px #9de0bfa6;animation:blink 1.6s ease-in-out infinite}.year-select{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:13px;background:#ffffff06;color:#7f9794;font-size:9px;letter-spacing:.14em}.year-select select{border:0;outline:0;background:transparent;color:#edf8f5;font-weight:700;cursor:pointer}.shell{display:grid;grid-template-columns:236px 1fr;min-height:calc(100vh - 84px)}.side{border-right:1px solid var(--line);padding:24px 14px 22px;background:linear-gradient(180deg,#071114c7,#08141894);position:sticky;top:84px;height:calc(100vh - 84px);display:flex;flex-direction:column}.side-heading{padding:4px 10px 16px}.side-heading span{display:block;color:#6f8d8a;font-size:9px;letter-spacing:.16em}.side-heading b{display:block;margin-top:5px;font-family:Space Grotesk,sans-serif;font-size:15px}.nav{border:1px solid transparent;background:transparent;color:#829996;width:100%;display:grid;grid-template-columns:30px 1fr 18px;align-items:center;text-align:left;gap:8px;padding:12px 10px;border-radius:14px;margin:2px 0;cursor:pointer;transition:.25s ease}.nav span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#ffffff06;color:#87aaa3;font-size:13px}.nav i{font-style:normal;opacity:.25;transition:.2s}.nav:hover{background:#ffffff06;color:#d7e8e5}.nav:hover i{opacity:.7}.nav.active{background:linear-gradient(90deg,#9ddfd01f,#9ddfd008);border-color:#9ddfd01c;color:#ecf8f5}.nav.active span{background:linear-gradient(145deg,#9fe1d133,#9fe1d10d);color:#b9efe3;box-shadow:0 0 24px #9ddfd014}.nav.active i{opacity:1;color:#a8dcd0}.side-card{margin:22px 6px 0;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,#213a3e73,#0b191d73);position:relative;overflow:hidden}.side-card:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:linear-gradient(90deg,transparent,rgba(163,229,215,.06),transparent);transform:rotate(18deg);animation:sweep 5s linear infinite}.side-card>*{position:relative;z-index:1}.side-card small{display:block;color:#77908d;font-size:8px;letter-spacing:.16em}.side-card b{display:block;font-size:13px;margin-top:6px}.side-card>span{font-size:10px;color:#9bb1ae;display:block;margin-top:3px}.orbit-mini{width:44px;height:44px;border:1px solid rgba(159,223,209,.25);border-radius:50%;margin-bottom:13px;position:relative;box-shadow:inset 0 0 22px #9fdfd10d}.orbit-mini:before,.orbit-mini:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(159,223,209,.18);border-radius:50%}.orbit-mini:after{top:-6px;right:-6px;bottom:-6px;left:-6px;border-style:dashed;animation:spin 7s linear infinite}.orbit-dot{position:absolute;width:8px;height:8px;background:#b5e6da;border-radius:50%;left:18px;top:18px;box-shadow:0 0 16px #b5e6dab3;animation:pulse 1.8s ease-in-out infinite}.side-foot{margin-top:auto;padding:10px 8px 0;color:#607875;font-size:9px;line-height:1.6}.main{position:relative;padding:34px 32px 18px;overflow:hidden}.ambient{position:absolute;border-radius:999px;filter:blur(70px);opacity:.22;pointer-events:none}.a1{width:330px;height:330px;left:-130px;top:180px;background:#2d856e}.a2{width:380px;height:380px;right:-140px;top:80px;background:#4752a1}.grid-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;pointer-events:none;background-image:linear-gradient(rgba(159,223,209,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(159,223,209,.055) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 75%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 75%)}.hero{max-width:1380px;margin:0 auto 22px;display:grid;grid-template-columns:1fr 220px;align-items:center;gap:26px;min-height:202px;position:relative}.eyebrow{font-size:9px;letter-spacing:.18em;color:#789794}.hero h1{font-family:Space Grotesk,sans-serif;font-size:48px;line-height:1.02;margin:8px 0 10px;letter-spacing:-.03em}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#f0f8f6,#9fdccf 68%,#e9d889);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:820px;margin:0;color:#8ca3a0;line-height:1.65;font-size:13px}.hero-line{display:flex;gap:5px;margin-top:18px}.hero-line span{width:32px;height:3px;border-radius:99px;background:#173038;overflow:hidden;position:relative}.hero-line span:nth-child(1){width:68px;background:linear-gradient(90deg,#8bd9c7,#e6d47f)}.hero-line span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:slide 2.8s linear infinite}.hero-line span:nth-child(2):after{animation-delay:.2s}.hero-line span:nth-child(3):after{animation-delay:.4s}.hero-line span:nth-child(4):after{animation-delay:.6s}.hero-line span:nth-child(5):after{animation-delay:.8s}.hero-orb{width:188px;height:188px;position:relative;justify-self:end;display:grid;place-items:center;animation:float 5s ease-in-out infinite}.orb-ring{position:absolute;border:1px solid rgba(159,224,210,.18);border-radius:50%}.r1{top:9px;right:9px;bottom:9px;left:9px;box-shadow:0 0 60px #88d5c514}.r2{top:25px;right:25px;bottom:25px;left:25px;border-style:dashed;animation:spin 15s linear infinite}.r3{top:48px;right:48px;bottom:48px;left:48px;border-color:#e8d27d2e;animation:spin 11s linear infinite reverse}.orb-core{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#274047,#0c1e22 70%);border:1px solid rgba(173,224,215,.18);box-shadow:0 0 40px #a2ded11a,inset 0 0 28px #e7d27e0f;overflow:hidden}.orb-core img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 5px 15px rgba(0,0,0,.22))}.orb-core-with-label{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;pointer-events:none}.orb-label-sikap{font-family:Space Grotesk,sans-serif;font-size:8px;font-weight:900;letter-spacing:.34em;text-indent:.34em;line-height:1;color:#b9efe3;text-shadow:0 0 7px rgba(157,223,208,.45),0 0 18px rgba(157,223,208,.18);animation:sikapGlow 2.2s ease-in-out infinite}.hero-orb .orb-core-with-label .orb-core{position:relative;z-index:2}.orbit-point{position:absolute;width:8px;height:8px;border-radius:50%;background:#a6ddd2;box-shadow:0 0 18px #a6ddd2cc;animation:point 3.2s ease-in-out infinite}.d1{top:6px;left:91px}.d2{right:12px;top:95px;background:#e1ce73;animation-delay:-1s}.d3{left:23px;bottom:30px;background:#8fb6fa;animation-delay:-2s}.panel{background:linear-gradient(145deg,#102429e6,#081519db);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);position:relative;overflow:hidden}.panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 28%,transparent 72%,rgba(255,255,255,.01));-webkit-mask-image:linear-gradient(#000,transparent 65%);mask-image:linear-gradient(#000,transparent 65%)}.kpis{max-width:1380px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;position:relative}.kpi{color:var(--text);text-align:left;padding:17px 17px 16px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(150deg,#12272cf0,#09161aeb);min-height:175px;cursor:pointer;transition:.28s transform,.28s box-shadow,.28s border-color;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;inset:auto -30% -55% -30%;height:75%;background:radial-gradient(circle,rgba(164,226,214,.12),transparent 60%);opacity:.6}.kpi:hover{transform:translateY(-4px);border-color:#b3e2d840;box-shadow:0 28px 70px #00000057}.kpi-head{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.kpi-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:11px;font-weight:800;border:1px solid rgba(255,255,255,.07);background:#ffffff08}.kpi-link{font-size:8px;letter-spacing:.12em;color:#718985}.kpi-link b{color:#a6dbcf}.kpi label{display:block;position:relative;z-index:1;color:#91a6a3;font-size:10px;margin-top:14px}.kpi strong{display:block;position:relative;z-index:1;font-family:Space Grotesk,sans-serif;font-size:25px;line-height:1.08;margin-top:8px;overflow-wrap:anywhere;letter-spacing:-.02em}.kpi p{position:relative;z-index:1;color:#7f9794;font-size:9px;line-height:1.5;margin:9px 0 0;min-height:27px}.mini-progress{height:5px;background:#172c31;border-radius:999px;position:relative;z-index:1;overflow:hidden;margin-top:12px}.mini-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#9ce0d1,#e3d27d)}.tone-gold .kpi-icon{color:#ead486;background:#e4cb7714}.tone-teal .kpi-icon,.tone-mint .kpi-icon{color:#a7e2d4;background:#9ddfd014}.tone-blue .kpi-icon{color:#a7cdfc;background:#94c7ff14}.tone-violet .kpi-icon{color:#c5bffc;background:#b9b1ff14}.tone-rose .kpi-icon{color:#ffbfc4;background:#ffb6bd14}.dashboard-grid{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:1.28fr 1fr 1fr;gap:14px}.panel-large{min-height:360px}.gauge-panel{padding:22px;display:grid;grid-template-columns:220px 1fr;grid-template-rows:auto 1fr;gap:8px 22px}.gauge-panel .panel-title{grid-column:1 / -1}.panel-title{position:relative;z-index:2}.panel-title span{display:block;color:#77918e;font-size:9px;letter-spacing:.18em}.panel-title b{display:block;font-family:Space Grotesk,sans-serif;font-size:19px;margin-top:5px}.panel-title small{position:absolute;right:0;top:0;color:#91aaa5;font-size:9px}.gauge-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge{width:192px;height:192px;border-radius:50%;background:conic-gradient(from -38deg,#a8e2d3 var(--p),#203239 0);display:grid;place-items:center;position:relative;box-shadow:0 0 90px #79cfbd1f;animation:glow 4.5s ease-in-out infinite}.gauge:after{content:"";position:absolute;top:17px;right:17px;bottom:17px;left:17px;border-radius:50%;background:#0a171b;border:1px solid rgba(161,222,210,.12)}.gauge div{position:relative;z-index:1;text-align:center}.gauge strong{display:block;font-family:Space Grotesk,sans-serif;font-size:33px}.gauge small{font-size:8px;letter-spacing:.18em;color:#7d9390}.gauge-caption{font-size:9px;color:#6f8582;margin-top:10px}.stats-grid{align-self:center;display:grid;grid-template-columns:1fr 1fr;gap:13px}.stats-grid>div{padding:13px;border-radius:15px;background:#ffffff06;border:1px solid rgba(167,218,209,.08)}.stats small,.output small{display:block;color:#728986;font-size:8px;letter-spacing:.16em}.stats b{display:block;font-family:Space Grotesk,sans-serif;font-size:14px;margin-top:5px;overflow-wrap:anywhere}.performance-panel,.pkpt-panel{padding:22px;min-height:360px}.profile-bars{height:248px;margin-top:18px;display:flex;align-items:flex-end;gap:8px;padding:0 2px}.profile-bar{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.profile-bar span{width:100%;max-width:27px;border-radius:13px 13px 6px 6px;background:linear-gradient(180deg,#a9e0d3,#4c6b70);box-shadow:0 0 24px #7fcebe17;animation:grow .9s cubic-bezier(.2,.7,.25,1)}.profile-bar b{font-size:7px;color:#718884;font-weight:600}.profile-bar small{font-size:7px;color:#98aaa7}.stack{height:16px;border-radius:999px;background:#1a2a30;overflow:hidden;display:flex;margin:28px 0 22px}.stack i{display:block;height:100%}.stack i:nth-child(1){background:linear-gradient(90deg,#86d7ab,#a0dfb9)}.stack i:nth-child(2){background:#dfcb76}.stack i:nth-child(3){background:#66757e}.legend{display:flex;flex-direction:column;gap:11px}.legend span{display:flex;align-items:center;gap:9px;color:#9aacaa;font-size:10px}.legend i{width:8px;height:8px;border-radius:50%}.legend .done{background:#94ddb3}.legend .running{background:#dec97a}.legend .pending{background:#75818a}.legend b{margin-left:auto;color:#eff8f5}.output{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.output div{padding:12px;border-radius:14px;background:#ffffff06;border:1px solid rgba(168,219,210,.07)}.output b{display:block;font-family:Space Grotesk,sans-serif;font-size:22px;margin-top:5px}.coverage{max-width:1380px;margin:14px auto 0;padding:22px}.coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px}.coverage-item{padding:12px 13px;border:1px solid rgba(167,218,209,.07);border-radius:14px;background:#ffffff05}.coverage-item>div:first-child{display:flex;justify-content:space-between;gap:12px}.coverage-item b{font-size:10px;color:#d7e7e3}.coverage-item span{font-size:9px;color:#a3cfca}.track{height:6px;background:#1b2b30;border-radius:99px;overflow:hidden;margin-top:9px}.track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#99dbcf,#e6d27b)}.summary-strip{max-width:1380px;margin:14px auto 0;display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:10px;padding:14px;border-radius:22px;background:linear-gradient(120deg,#1d3135bd,#0c1b1fd1);border:1px solid var(--line)}.summary-label{padding:9px 10px}.summary-label span{display:block;color:#76908c;font-size:8px;letter-spacing:.17em}.summary-label b{display:block;margin-top:4px;font-family:Space Grotesk,sans-serif;font-size:13px}.summary-item{padding:10px 12px;border-left:1px solid rgba(164,218,208,.08)}.summary-item strong{font-family:Space Grotesk,sans-serif;font-size:25px;display:block}.summary-item span{display:block;color:#819592;font-size:9px;margin-top:4px}.section-title{max-width:1380px;margin:6px auto 18px}.section-title h2{font-family:Space Grotesk,sans-serif;font-size:43px;line-height:1.05;margin:5px 0 9px}.section-title p{color:#899f9b;line-height:1.6;max-width:820px;font-size:12px}.metric-list{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-list button{padding:18px;border-radius:18px;background:#0d1d22c7;border:1px solid var(--line);color:var(--text);display:grid;grid-template-columns:1fr auto auto;align-items:center;text-align:left;cursor:pointer;transition:.25s}.metric-list button:hover{transform:translateY(-2px);border-color:var(--line2)}.metric-list span{color:#98aba8;font-size:11px}.metric-list strong{font-family:Space Grotesk,sans-serif;font-size:21px;margin:0 20px;overflow-wrap:anywhere}.metric-list em{font-style:normal;color:#a7ddd1}.formula{max-width:1380px;margin:13px auto 0;padding:22px;display:flex;flex-direction:column;gap:11px}.formula span{color:#77918e;font-size:9px;letter-spacing:.18em}.formula b{font-size:12px}.performance-grid{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.perf{padding:18px}.perf>div:first-child{display:flex;justify-content:space-between;gap:14px}.perf b{font-size:12px}.perf strong{font-family:Space Grotesk,sans-serif;font-size:17px}.pen-grid{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px}.big-num,.status{padding:20px}.big-num strong{font-family:Space Grotesk,sans-serif;font-size:51px;display:block}.big-num span,.status span,.status small{color:#8da19e;font-size:10px}.status strong{display:block;font-family:Space Grotesk,sans-serif;font-size:30px;margin:9px 0 4px}.output-grid{max-width:1380px;margin:13px auto 0;padding:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.output-grid div{padding:16px;border:1px solid var(--line);border-radius:16px}.output-grid small{color:#78918e;font-size:8px;letter-spacing:.15em}.output-grid strong{display:block;font-family:Space Grotesk,sans-serif;font-size:28px;margin-top:6px}.loading{max-width:1380px;margin:70px auto;padding:26px;display:flex;align-items:center;gap:14px}.loader{width:24px;height:24px;border:3px solid #294046;border-top-color:#a9e0d1;border-radius:50%;animation:spin 1s linear infinite}.error{max-width:760px;margin:60px auto;padding:28px;display:flex;flex-direction:column;gap:10px}.error b{font-size:20px}.error span{color:#8fa7a3;font-size:12px}.error button{align-self:flex-start;border:0;background:#b8dfd2;padding:10px 14px;border-radius:12px;cursor:pointer}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#02080cb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;place-items:center;z-index:100;padding:24px;animation:fade .2s ease}.modal{position:relative;max-width:780px;width:100%;padding:30px;border-radius:28px;background:linear-gradient(145deg,#13262b,#0a171b);border:1px solid rgba(176,222,214,.16);box-shadow:0 40px 100px #00000073;animation:up .28s ease}.close{position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:12px;border:1px solid var(--line);background:transparent;color:#a4b4b3;font-size:20px;cursor:pointer}.modal h2{font-family:Space Grotesk,sans-serif;font-size:31px;margin:0 0 7px}.modal-number{font-family:Space Grotesk,sans-serif;font-size:46px;font-weight:700;color:#edf8f5;margin:17px 0}.modal p{color:#9fb2b0;line-height:1.6;font-size:12px}.modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.modal-grid>div{padding:14px;border-radius:14px;border:1px solid var(--line);background:#ffffff06}.modal-grid small,.formula-box small{display:block;color:#738986;font-size:8px;letter-spacing:.15em}.modal-grid b{display:block;margin-top:7px;overflow-wrap:anywhere;font-size:12px}.formula-box{margin-top:14px;padding:14px;border-radius:16px;background:#9dd8cc0d;border:1px solid rgba(157,216,204,.11)}.formula-box b{display:block;margin-top:6px;font-size:12px}.formula-box span{display:block;color:#7f9695;font-size:10px;margin-top:5px}footer{max-width:1380px;margin:18px auto 0;color:#5f7773;font-size:9px;text-align:center;padding-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes grow{0%{transform:scaleY(.1);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes up{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes blink{0%,to{opacity:.35}50%{opacity:1}}@keyframes slide{0%{transform:translate(-120%)}to{transform:translate(160%)}}@keyframes point{0%,to{transform:scale(1)}50%{transform:scale(1.45)}}@keyframes glow{0%,to{box-shadow:0 0 60px #79cfbd14}50%{box-shadow:0 0 90px #79cfbd29}}@keyframes sweep{0%{transform:translate(-60%) rotate(18deg)}to{transform:translate(80%) rotate(18deg)}}@media (max-width:1250px){.kpis{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.gauge-panel,.pkpt-panel{grid-column:span 2}.summary-strip{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr}}@media (max-width:900px){.topbar{padding:0 18px}.shell{grid-template-columns:1fr}.side{position:static;height:auto;display:flex;flex-direction:row;align-items:center;gap:6px;overflow:auto;padding:9px 12px;border-right:0;border-bottom:1px solid var(--line)}.side-heading,.side-card,.side-foot{display:none}.nav{min-width:max-content;width:auto;margin:0;padding:9px 12px;grid-template-columns:28px 1fr 0}.nav i{display:none}.main{padding:24px 16px}.hero{grid-template-columns:1fr;min-height:0}.hero-orb{justify-self:center}.dashboard-grid{grid-template-columns:1fr}.gauge-panel,.pkpt-panel{grid-column:auto}.summary-strip{grid-template-columns:1fr 1fr}.summary-label{grid-column:span 2}.coverage-grid,.performance-grid,.metric-list{grid-template-columns:1fr}.pen-grid{grid-template-columns:1fr 1fr}.output-grid{grid-template-columns:1fr}.top-actions .realtime,.brand-copy span{display:none}.hero h1{font-size:39px}}@media (max-width:560px){.topbar{height:auto;padding:12px 14px;gap:10px}.logo-pair-with-sikap{width:89px;min-width:89px;gap:5px;padding-bottom:10px}.logo-pair-sikap{font-size:6px;letter-spacing:.24em;text-indent:.24em}.logo-frame{width:42px;height:42px}.logo-frame img{max-width:34px;max-height:34px}.brand-copy b{font-size:11px}.brand-kicker{font-size:8px}.kpis{grid-template-columns:1fr}.hero h1{font-size:32px}.hero p{font-size:11px}.gauge-panel{grid-template-columns:1fr}.stats-grid,.summary-strip{grid-template-columns:1fr 1fr}.summary-label{grid-column:span 2}.summary-item strong{font-size:22px}.pen-grid,.modal-grid{grid-template-columns:1fr}.section-title h2{font-size:33px}}html{scroll-behavior:smooth}body{overflow-x:hidden;-webkit-tap-highlight-color:transparent}.main{min-width:0}.kpi,.panel-button,.nav,.metric-list button{touch-action:manipulation}.realtime.status-stale{color:#e7ce81}.realtime.status-offline{color:#efb1b7}.realtime.status-connecting{color:#9cb0ad}.realtime.status-stale .live-dot,.realtime.status-offline .live-dot{animation:none;opacity:.6}@media (max-width:900px){.topbar{position:sticky;top:0;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.brand-wrap,.brand-copy{min-width:0}.brand-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.top-actions{margin-left:auto}.shell{min-height:0}.side{top:84px;z-index:30;overscroll-behavior-x:contain;scrollbar-width:none}.side::-webkit-scrollbar{display:none}.nav{min-height:44px}.main{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.hero{gap:14px}.hero-copy{min-width:0}.hero p{max-width:60ch}.coverage-item b{overflow-wrap:anywhere}.panel,.kpi{min-width:0}.kpi strong,.money-display b,.metric-value{overflow-wrap:anywhere;word-break:break-word}}@media (max-width:560px){.topbar{height:auto;min-height:70px}.logo-pair{gap:5px}.logo-frame{border-radius:12px}.logo-frame.logo-ins{display:none}.brand-copy b{max-width:185px}.brand-kicker{font-size:7px}.top-actions .realtime{display:none}.year-select{padding:9px 8px}.year-select select{max-width:54px}.main{padding:18px 12px 24px}.hero h1{font-size:30px;line-height:1.06}.hero p{font-size:11px;line-height:1.55}.hero-orb{width:min(260px,78vw);height:min(260px,78vw)}.kpis{gap:9px}.kpi{padding:17px;border-radius:19px}.kpi strong{font-size:28px}.kpi small{font-size:9px;line-height:1.4}.dashboard-grid{gap:9px}.panel,.coverage{border-radius:19px}.gauge-panel,.performance-panel,.pkpt-panel{padding:17px}.panel-title b{font-size:18px}.panel-title small{font-size:8px}.gauge-wrap{gap:10px}.stats-grid{gap:8px}.stats-grid>div{padding:10px}.stats b{font-size:12px}.profile-bars{height:190px;gap:5px}.profile-bar span{max-width:22px}.profile-bar b,.profile-bar small{font-size:6px}.coverage{padding:17px}.coverage-grid{gap:8px}.coverage-item{padding:10px}.summary-strip{padding:10px;border-radius:18px;gap:6px}.summary-item{padding:8px 9px}.summary-item strong{font-size:20px}.section-title h2{font-size:31px}.metric-list{gap:8px}.metric-list button{padding:15px;grid-template-columns:minmax(0,1fr) auto auto}.metric-list strong{font-size:17px;margin:0 10px}.pen-grid{gap:8px}.big-num,.status{padding:16px}.big-num strong{font-size:42px}.output-grid{padding:13px;gap:8px}.modal-back{padding:10px}.modal{padding:22px;border-radius:21px;max-height:92vh;overflow:auto}.modal h2{font-size:27px}.modal-number{font-size:38px}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,rgba(61,142,125,.18),transparent 28%),radial-gradient(circle at 80% 25%,rgba(69,78,163,.2),transparent 30%),linear-gradient(180deg,#061114,#07171b 52%,#061013);overflow:hidden}.loading-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;background-image:linear-gradient(rgba(159,223,209,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(159,223,209,.045) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 86%);mask-image:linear-gradient(to bottom,#000,transparent 86%)}.loading-shell{width:min(430px,92vw);text-align:center;position:relative;z-index:1;padding:34px 28px 28px;border:1px solid rgba(166,218,209,.14);border-radius:28px;background:linear-gradient(145deg,#11272bc7,#071418b8);box-shadow:0 32px 100px #0000006b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:loadingEnter .7s ease both}.loading-orbit{width:156px;height:156px;margin:0 auto 22px;position:relative;display:grid;place-items:center}.loading-ring{position:absolute;border-radius:50%;border:1px solid rgba(159,224,210,.18)}.loading-ring.ring-a{top:5px;right:5px;bottom:5px;left:5px;box-shadow:0 0 55px #90daca1a;animation:spin 9s linear infinite}.loading-ring.ring-b{top:22px;right:22px;bottom:22px;left:22px;border-style:dashed;border-color:#9fe0d247;animation:spin 13s linear infinite reverse}.loading-ring.ring-c{top:43px;right:43px;bottom:43px;left:43px;border-color:#e9d47c42;animation:spin 7s linear infinite}.loading-logo-wrap{width:86px;height:86px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#29454b,#0b1d21 72%);border:1px solid rgba(174,224,215,.18);box-shadow:0 0 42px #99e0d31f,inset 0 0 30px #e9d47c0f;animation:loadingBreath 2.6s ease-in-out infinite}.loading-logo-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:radial-gradient(circle,rgba(157,223,208,.12),transparent 65%);animation:pulse 2.6s ease-in-out infinite}.loading-logo{position:relative;width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(0,0,0,.28))}.loading-brand{font-size:9px;letter-spacing:.22em;color:#86a39f;font-weight:700}.loading-shell h2{font-family:Space Grotesk,sans-serif;font-size:28px;line-height:1.08;margin:8px 0;letter-spacing:-.02em}.loading-shell p{margin:0;color:#839b97;font-size:11px;min-height:18px}.loading-progress{margin-top:26px;text-align:left}.loading-progress-head{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.14em;color:#718b87}.loading-progress-head strong{font-family:Space Grotesk,sans-serif;font-size:13px;color:#b9e8dd;letter-spacing:0}.loading-track{height:8px;margin-top:9px;border-radius:999px;background:#173036;border:1px solid rgba(166,218,209,.1);overflow:hidden;box-shadow:inset 0 2px 5px #0000002e}.loading-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8fd9ca,#e5d27a);box-shadow:0 0 24px #8fd9ca38;transition:width .35s ease}.loading-meta{display:flex;justify-content:space-between;gap:14px;margin-top:12px;font-size:8px;color:#627a76}.loading-meta span{display:flex;align-items:center;gap:6px}.loading-meta i{width:6px;height:6px;border-radius:50%;background:#9fe0cf;box-shadow:0 0 12px #9fe0cfa6;animation:blink 1.2s ease-in-out infinite}@keyframes loadingEnter{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes loadingBreath{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (max-width:560px){.loading-shell{padding:28px 20px 22px;border-radius:23px}.loading-orbit{width:138px;height:138px}.loading-logo-wrap{width:78px;height:78px}.loading-logo{width:53px;height:53px}.loading-shell h2{font-size:24px}.loading-progress{margin-top:22px}}.brand-sikap-animated,.hero-title-animated,.loading-brand-animated,.loading-title-animated,.orb-label-sikap-animated{background-image:linear-gradient(110deg,#f0f8f6b8,#f0f8f6b8 34%,#fff 46%,#e9d47cfa 54%,#9fdfd0d1 66%,#f0f8f6b8);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:textShimmer 4.8s ease-in-out infinite,textBreath 3.2s ease-in-out infinite}.hero-title-animated span,.hero-title-animated em{background:inherit;background-size:inherit;-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sikap-animated{display:inline-block}.hero-title-animated{position:relative;text-shadow:0 0 20px rgba(157,223,208,.06)}.hero-title-animated:after,.loading-title-animated:after{content:"";position:absolute;top:0;bottom:0;width:34%;left:-40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skew(-18deg);filter:blur(5px);pointer-events:none;animation:textSweep 5.6s ease-in-out infinite}.loading-brand-animated,.loading-title-animated{display:block;position:relative}.loading-title-animated:after{animation-delay:.45s}.orb-label-sikap-animated{display:block;letter-spacing:.3em;text-indent:.3em;filter:drop-shadow(0 0 7px rgba(157,223,208,.35));animation:textShimmer 3.9s ease-in-out infinite,labelPulse 2.4s ease-in-out infinite}@keyframes textShimmer{0%,to{background-position:180% 50%}50%{background-position:-20% 50%}}@keyframes textSweep{0%,66%{left:-40%;opacity:0}74%{opacity:1}to{left:125%;opacity:0}}@keyframes textBreath{0%,to{filter:brightness(.96);transform:translateY(0)}50%{filter:brightness(1.08);transform:translateY(-1px)}}@keyframes labelPulse{0%,to{opacity:.72;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-1px) scale(1.03)}}@media (prefers-reduced-motion:reduce){.brand-sikap-animated,.hero-title-animated,.loading-brand-animated,.loading-title-animated,.orb-label-sikap-animated,.hero-title-animated:after,.loading-title-animated:after{animation:none!important}}