:root{--bg:#f4f8f6;--surface:#fff;--ink:#10251e;--muted:#6b7d76;--line:#dce9e3;--green:#0d8f52;--green2:#25ba70;--blue:#1676d2;--navy:#0b2a4a;--lime:#a8e64b;--danger:#d9485f;--amber:#df9a13;--shadow:0 18px 50px rgba(12,50,35,.10);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,#092c1d,#06341f 55%,#06273d);color:#eaf8f1;padding:22px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center}.brand strong{display:block;font-size:19px;letter-spacing:.08em}.brand small{display:block;color:#b9dbcf;font-size:11px}.brand-sub{color:#82bba5;font-size:11px;margin:8px 10px 20px;letter-spacing:.03em}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--lime),#0f9d55);color:#082918;position:relative;display:grid;place-items:center;font-size:23px;font-weight:900;box-shadow:0 8px 20px rgba(167,230,75,.25)}.brand-mark i{position:absolute;font-style:normal;font-size:18px;right:4px;top:-4px;color:#166c3e;transform:rotate(-25deg)}.brand-mark.big{width:56px;height:56px;font-size:31px}.nav{display:grid;gap:6px}.nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:13px;color:#bcd6cc;transition:.18s}.nav a:hover{background:rgba(255,255,255,.07);color:white}.nav a.active{background:linear-gradient(90deg,rgba(37,186,112,.22),rgba(22,118,210,.12));border:1px solid rgba(112,225,171,.12);color:white}.nav a:first-letter{font-size:18px}.sidebar-bottom{margin-top:auto;display:grid;gap:9px}.showcase-link{padding:12px 13px;border-radius:13px;background:rgba(168,230,75,.09);border:1px solid rgba(168,230,75,.15);color:#d8f4b5}.user-mini{display:flex;gap:10px;align-items:center;padding:10px 8px}.user-mini b,.user-mini small{display:block}.user-mini small{color:#93b9aa;font-size:11px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#36cf84,#1676d2);font-weight:800}.logout{color:#a1bbb2;padding:4px 8px;font-size:12px}.main{margin-left:260px;width:calc(100% - 260px);min-width:0;padding:0 28px 40px}.topbar{height:96px;display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow{font-size:10px;font-weight:800;color:var(--green);letter-spacing:.18em}.topbar h1{margin:3px 0 0;font-size:27px;letter-spacing:-.03em}.top-actions{display:flex;align-items:center;gap:9px;color:#50635d;font-size:11px;font-weight:800;letter-spacing:.07em}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--green2);box-shadow:0 0 0 6px rgba(37,186,112,.10);animation:pulse 1.8s infinite}.period-pill{padding:8px 11px;background:#fff;border:1px solid var(--line);border-radius:99px;letter-spacing:0;color:#36544a}.flash{padding:11px 14px;border-radius:12px;margin:0 0 14px;font-size:13px}.flash-success{background:#e9f8ef;color:#17683d}.flash-error{background:#fff0f1;color:#a72d3d}.flash-warning{background:#fff6e4;color:#9a6700}.hero{background:radial-gradient(circle at 80% 20%,rgba(37,186,112,.18),transparent 30%),linear-gradient(135deg,#082d1d,#0d5b38 55%,#0d4164);border-radius:26px;padding:27px;color:white;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -80px -130px auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(168,230,75,.55),transparent 52%);opacity:.7}.hero-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:24px;position:relative;z-index:1}.hero-kicker{color:#bfe6d4;font-size:10px;font-weight:800;letter-spacing:.18em}.hero h2{font-size:35px;line-height:1.08;margin:10px 0 10px;letter-spacing:-.04em;max-width:760px}.hero h2 em{font-style:normal;color:#b9f07b}.hero p{color:#c9e0d6;max-width:760px;margin:0 0 20px}.hero-meta{display:flex;flex-wrap:wrap;gap:9px}.chip{padding:8px 11px;border-radius:99px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);font-size:11px;color:#e3f3ec}.hero-orbit{min-height:180px;display:grid;place-items:center;position:relative}.orbit-ring{width:210px;height:210px;border-radius:50%;border:1px solid rgba(181,239,200,.18);position:absolute;animation:spin 22s linear infinite}.orbit-ring:before,.orbit-ring:after{content:"";position:absolute;border-radius:50%;background:var(--lime);box-shadow:0 0 25px rgba(168,230,75,.45)}.orbit-ring:before{width:10px;height:10px;top:8px;left:44px}.orbit-ring:after{width:7px;height:7px;bottom:25px;right:20px}.orbit-core{width:110px;height:110px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,#21b568,#0d4f7a);border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 40px rgba(0,0,0,.18);font-weight:900;letter-spacing:.06em}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:16px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 7px 25px rgba(12,50,35,.06);min-height:128px}.kpi .label{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.kpi .value{font-size:29px;font-weight:900;margin:7px 0 2px;letter-spacing:-.04em}.kpi .sub{font-size:11px;color:#769087}.kpi.accent{background:linear-gradient(180deg,#f0faee,#fff);border-color:#cbe9d6}.kpi.blue{background:linear-gradient(180deg,#eff7ff,#fff);border-color:#cfe3f7}.kpi.amber{background:linear-gradient(180deg,#fff8e8,#fff)}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin:26px 0 12px}.section-head h3{margin:0;font-size:18px}.section-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 8px 25px rgba(12,50,35,.045)}.card-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}.card-title strong{font-size:14px}.card-title span{font-size:11px;color:var(--muted)}.dim-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dim{padding:12px;border:1px solid #e1ece6;border-radius:15px;background:linear-gradient(180deg,#fff,#f9fcfa)}.dim-top{display:flex;align-items:center;gap:10px}.dim-icon{width:34px;height:34px;border-radius:11px;background:#e9f8ef;color:#147845;display:grid;place-items:center;font-weight:900}.dim-name{font-weight:800;font-size:12px}.dim-score{margin-left:auto;font-weight:900}.bar{height:7px;border-radius:99px;background:#e9efec;overflow:hidden;margin-top:9px}.bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#14a45f,#9bdc45)}.muted{color:var(--muted)}.impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.impact{padding:14px;border:1px solid var(--line);border-radius:15px}.impact .value{font-size:23px;font-weight:900}.impact .delta{font-size:11px;color:#237852}.impact small{display:block;color:var(--muted);margin-top:3px}.phase{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.phase-item{padding:12px;border-radius:15px;background:#f8fbfa;border:1px solid var(--line);position:relative}.phase-item .pnum{font-size:10px;font-weight:900;color:var(--green)}.phase-item b{display:block;margin:5px 0 6px;font-size:12px}.phase-item p{margin:0;color:var(--muted);font-size:10px}.phase-progress{height:5px;background:#e7efeb;border-radius:99px;overflow:hidden;margin-top:10px}.phase-progress i{display:block;height:100%;background:linear-gradient(90deg,#0f9454,#99db41)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}.table{width:100%;border-collapse:collapse;min-width:700px}.table th,.table td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);font-size:12px}.table th{background:#f6faf8;color:#557067;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.table tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:800}.badge-success{background:#e8f8ef;color:#167644}.badge-warning{background:#fff5df;color:#9a6700}.badge-danger{background:#fff0f2;color:#aa3044}.badge-info{background:#eaf4ff;color:#1e67a8}.badge-neutral{background:#eff4f1;color:#536d63}.score-excellent{color:#14804b}.score-good{color:#246ca8}.score-watch{color:#a06b08}.score-alert{color:#b13a4d}.list{display:grid;gap:8px}.list-item{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid var(--line);border-radius:14px;background:#fff}.list-dot{width:8px;height:8px;border-radius:50%;background:var(--green);margin-top:6px}.list-item b{font-size:12px}.list-item small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:end;margin-bottom:14px}.field{display:grid;gap:5px;min-width:180px}.field label,.login-form label{font-size:11px;font-weight:800;color:#4d655d}.field input,.field select,.field textarea,.login-form input{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:#fff;outline:0}.field input:focus,.field select:focus,.field textarea:focus,.login-form input:focus{border-color:#7dcba2;box-shadow:0 0 0 4px rgba(37,186,112,.09)}.field textarea{min-height:90px;resize:vertical}.btn{border:0;border-radius:12px;padding:10px 13px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.btn-primary{background:linear-gradient(135deg,#118c50,#1676d2);color:#fff;box-shadow:0 9px 22px rgba(22,118,210,.16)}.btn-green{background:#e9f8ef;color:#147445}.btn-amber{background:#fff5df;color:#956100}.btn-danger{background:#fff0f2;color:#ae3146}.btn-ghost{background:#fff;border:1px solid var(--line);color:#466058}.btn-block{width:100%;justify-content:center}.form-section{padding:17px;border:1px solid var(--line);border-radius:18px;margin-bottom:12px}.form-section h3{margin:0 0 4px;font-size:14px}.form-section p{margin:0 0 14px;color:var(--muted);font-size:11px}.indicator-row{display:grid;grid-template-columns:1.2fr 150px .9fr;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #edf2ef}.indicator-row:first-of-type{border-top:0}.indicator-name b{font-size:12px}.indicator-name small{display:block;color:var(--muted);font-size:10px}.evidence-box{font-size:10px;color:var(--muted)}.progress-ring{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#1aa45e calc(var(--p)*1%),#e9efec 0);position:relative}.progress-ring:before{content:"";position:absolute;inset:9px;background:#fff;border-radius:50%}.progress-ring span{position:relative;font-size:17px;font-weight:900}.hero-score{display:flex;align-items:center;justify-content:center;gap:18px}.hero-score .meta{font-size:11px;color:#cbe2d6}.svg-chart{width:100%;height:auto}.empty{padding:28px;text-align:center;color:var(--muted);border:1px dashed #bfd1c8;border-radius:16px}.small{font-size:11px}.print-only{display:none}.showcase-body{background:#041b24;color:#eef9f4;padding:0}.showcase-body .main{margin-left:0;width:100%;padding:0 18px 26px}.showcase-screen{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:12px}.showcase-head{display:flex;justify-content:space-between;align-items:center;padding:12px 4px}.showcase-brand{display:flex;gap:10px;align-items:center}.showcase-brand strong{font-size:19px;letter-spacing:.08em}.showcase-brand small{display:block;color:#8fb5aa;font-size:10px}.showcase-title{text-align:center}.showcase-title b{font-size:10px;letter-spacing:.17em;color:#90d9bb}.showcase-title h2{margin:2px 0;font-size:24px}.showcase-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;min-height:0}.showcase-panel{background:linear-gradient(180deg,#0a2d36,#08252c);border:1px solid rgba(173,236,202,.10);border-radius:19px;padding:16px;min-height:0;overflow:hidden}.showcase-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.showcase-stat{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.showcase-stat small{color:#8fb8ad;font-size:10px}.showcase-stat b{display:block;font-size:24px}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(37,186,112,.18),transparent 25%),radial-gradient(circle at 80% 80%,rgba(22,118,210,.18),transparent 25%),linear-gradient(135deg,#061c16,#08283a);padding:28px;overflow:hidden}.login-card{width:min(470px,100%);background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.45);border-radius:28px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.22);position:relative;z-index:2}.login-brand{display:flex;align-items:center;gap:11px}.login-brand strong{font-size:20px;letter-spacing:.08em}.login-brand small{display:block;color:#6a8379;font-size:11px}.login-kicker{font-size:10px;color:var(--green);font-weight:900;letter-spacing:.16em;margin-top:24px}.login-card h1{font-size:38px;line-height:1;margin:8px 0 12px;letter-spacing:-.05em}.login-card h1 em{font-style:normal;color:#12945a}.login-copy{color:var(--muted);font-size:12px}.login-form{display:grid;gap:12px;margin-top:20px}.login-form label{display:grid;gap:5px}.login-demo{margin-top:18px;padding:12px;border:1px dashed #bfd3c9;background:#f7fbf8;border-radius:14px;display:grid;gap:3px;font-size:11px}.login-demo span{color:#557067}.login-footer{text-align:center;color:#92a49d;font-size:9px;margin-top:18px}.login-orbit{position:fixed;width:480px;height:480px;border:1px solid rgba(168,230,75,.12);border-radius:50%;left:-180px;bottom:-220px;animation:spin 35s linear infinite}.login-orbit:before,.login-orbit:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#9be04a;box-shadow:0 0 25px #9be04a}.login-orbit:before{left:60px;top:50px}.login-orbit:after{right:20px;bottom:100px;background:#2abf84}
@keyframes pulse{0%,100%{transform:scale(.9);opacity:.7}50%{transform:scale(1.1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1150px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2,.hero-grid,.showcase-grid{grid-template-columns:1fr}.impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-bottom{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.sidebar{width:76px;padding:16px 10px}.brand-sub,.brand>div,.nav a span,.sidebar-bottom .showcase-link,.user-mini div:not(.avatar),.logout{display:none}.brand{justify-content:center}.main{margin-left:76px;width:calc(100% - 76px);padding:0 14px 28px}.topbar{height:auto;padding:18px 0}.top-actions{font-size:0}.top-actions .period-pill{font-size:10px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dim-grid{grid-template-columns:1fr}.indicator-row{grid-template-columns:1fr}.hero h2{font-size:29px}.showcase-head{display:block}.showcase-title{margin-top:8px}}
@media print{.sidebar,.topbar,.no-print{display:none!important}.main{margin:0;width:100%;padding:0}.print-only{display:block}.card,.hero{box-shadow:none;border:1px solid #ccc}}

.official-marks{display:flex;align-items:center;gap:8px;margin-left:auto}.official-marks img{height:30px;width:auto;object-fit:contain}.official-marks img.kemenag{height:36px}.login-official{display:flex;align-items:center;gap:12px;margin-bottom:18px}.login-official img{height:32px;width:auto}.login-official img.kemenag{height:42px}