:root{--ocean:#08759b;--ocean2:#1098c3;--deep:#073b53;--deep2:#062d40;--aqua:#16b8ac;--sky:#dff5fb;--ink:#123240;--muted:#6b8190;--line:#ddeaf0;--bg:#f2f8fb;--white:#fff;--green:#1f9d72;--amber:#d9981e;--orange:#e36f2d;--red:#d84e4e;--shadow:0 14px 38px rgba(19,73,96,.10);--radius:20px;font-family:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}.app-body{min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:linear-gradient(180deg,#06364b 0%,#064e68 52%,#076e8d 100%);color:#fff;padding:24px 16px 18px;z-index:50;box-shadow:8px 0 30px rgba(5,45,63,.12);display:flex;flex-direction:column}.sidebar:before{content:"";position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;border-radius:50%;background:rgba(40,197,203,.13);filter:blur(5px)}.sidebar-brand{height:64px;background:#fff;border-radius:16px;padding:10px 12px;display:flex;align-items:center;gap:12px;position:relative;z-index:1}.sidebar-kementan{width:42px;height:42px;object-fit:contain}.sidebar-brmp{width:142px;max-height:46px;object-fit:contain}.sidebar-caption{padding:18px 10px 12px;display:flex;flex-direction:column;gap:3px}.sidebar-caption span{font-size:9px;letter-spacing:1.7px;color:#9fd8e6}.sidebar-caption b{font-size:14px}.nav{display:flex;flex-direction:column;gap:5px;position:relative;z-index:1}.nav-label{font-size:9px;letter-spacing:1.8px;color:#79b8c8;padding:15px 11px 5px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;color:#d7edf3;text-decoration:none;border-radius:12px;font-size:13px;font-weight:600;transition:.2s}.nav-item:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateX(2px)}.nav-item.active{background:linear-gradient(90deg,rgba(35,189,197,.27),rgba(255,255,255,.10));color:#fff;box-shadow:inset 3px 0 #55d7d1}.nav-icon{width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:13px}.sidebar-help{margin-top:auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:12px;display:flex;gap:10px;position:relative;z-index:1}.sidebar-help div{display:flex;flex-direction:column}.sidebar-help b{font-size:11px}.sidebar-help small{font-size:9px;color:#acd2dc;line-height:1.4;margin-top:3px}.help-dot{width:8px;height:8px;background:#65e6ce;border-radius:50%;box-shadow:0 0 0 5px rgba(101,230,206,.12);margin:4px}.workspace{margin-left:258px;min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:86px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30}.topbar-title h1{font-size:21px;margin:2px 0 0;color:#123b4c}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.65px;color:var(--ocean);text-transform:uppercase}.eyebrow.light{color:#bcecf2}.eyebrow.danger{color:var(--red)}.topbar-actions{display:flex;align-items:center;gap:10px}.year-pill{background:#eef7fa;border:1px solid #dbeef3;border-radius:11px;padding:9px 12px;font-size:11px;color:#507480}.year-pill b{color:var(--deep)}.icon-btn{border:1px solid var(--line);background:#fff;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;cursor:pointer;position:relative;color:#4c6a78}.notif-dot{position:absolute;width:6px;height:6px;background:var(--red);border-radius:50%;top:8px;right:8px}.profile{display:flex;align-items:center;gap:9px;padding-left:6px}.profile>div:nth-child(2){display:flex;flex-direction:column}.profile b{font-size:11px}.profile small{font-size:9px;color:var(--muted)}.avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--ocean),var(--aqua));display:grid;place-items:center;color:#fff;font-weight:800}.logout{text-decoration:none;color:#7892a0;font-size:16px}.content{padding:24px 28px 36px;max-width:1600px;width:100%;margin:0 auto}.hero-card,.monev-intro,.management-hero,.report-hero,.instrument-hero{background:radial-gradient(circle at 84% 20%,rgba(51,217,211,.26),transparent 22%),linear-gradient(125deg,#074863 0%,#08799c 48%,#0e9fba 100%);border-radius:24px;padding:30px 34px;color:white;display:flex;justify-content:space-between;align-items:center;box-shadow:0 18px 45px rgba(4,95,128,.20);position:relative;overflow:hidden}.hero-card:after,.monev-intro:after,.management-hero:after,.report-hero:after,.instrument-hero:after{content:"";position:absolute;right:-70px;bottom:-100px;width:260px;height:260px;border-radius:45%;border:1px solid rgba(255,255,255,.15);transform:rotate(35deg)}.hero-card h2,.monev-intro h2,.management-hero h2,.report-hero h2,.instrument-hero h2{font-size:28px;margin:7px 0 8px;max-width:720px}.hero-card p,.monev-intro p,.management-hero p,.report-hero p,.instrument-hero p{color:#d3eef3;max-width:760px;font-size:13px;line-height:1.65;margin:0}.hero-actions{display:flex;gap:8px;margin-top:18px}.btn{border:0;border-radius:11px;padding:10px 15px;font-size:11px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:.2s}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn.primary{background:linear-gradient(135deg,var(--ocean),#10a7b9);color:#fff;box-shadow:0 8px 20px rgba(6,117,155,.18)}.btn.secondary{background:#e8f5f8;color:#087394;border:1px solid #cfe9ef}.btn.white{background:#fff;color:#087394}.btn.glass{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.20)}.btn.ghost{background:#f5f8fa;color:#607a87}.btn.full{width:100%;padding:13px}.hero-score{width:135px;height:135px;display:grid;place-items:center;align-content:center;position:relative;z-index:1}.hero-score span{font-size:9px;color:#c9edf3;text-transform:uppercase;letter-spacing:1.2px}.hero-score strong{font-size:37px;line-height:1}.hero-score small{color:#b7dfe8}.score-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#6ee7d4 calc(var(--score)*1%),rgba(255,255,255,.15) 0);-webkit-mask:radial-gradient(circle 52px,transparent 98%,#000 100%);mask:radial-gradient(circle 52px,transparent 98%,#000 100%)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.metric-card,.panel,.toolbar-card,.report-card,.template-card,.mg-card{background:#fff;border:1px solid #e2edf2;border-radius:18px;box-shadow:0 7px 22px rgba(14,68,90,.055)}.metric-card{padding:18px 19px}.metric-head{display:flex;justify-content:space-between;align-items:center}.metric-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:900}.metric-icon.cyan{background:#e0fbf7;color:#119c92}.metric-icon.blue{background:#e4f4fa;color:#1181aa}.metric-icon.amber{background:#fff4db;color:#bd7f0e}.metric-icon.red{background:#ffeded;color:#c34343}.trend{font-size:9px;font-weight:800;padding:5px 7px;border-radius:999px}.trend.up{background:#e9f8f1;color:#168159}.trend.neutral{background:#fff6df;color:#a97213}.trend.down{background:#ffeded;color:#bb3f3f}.metric-card strong{display:block;font-size:25px;margin-top:13px}.metric-card>span{display:block;font-size:11px;font-weight:750;margin-top:3px}.metric-card>small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.two-col.wide-left{grid-template-columns:1.55fr .75fr}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.panel-head h3{font-size:15px;margin:4px 0 0}.chip{border:1px solid var(--line);background:#f6fafc;color:#587584;border-radius:999px;padding:6px 10px;font-size:9px;cursor:pointer}.chip.active{background:#e4f6f8;color:#087793;border-color:#bfe6eb}.chart{width:100%;height:auto;max-height:280px}.donut-row{display:flex;align-items:center;gap:20px;justify-content:center;padding:10px 0}.donut{width:138px;height:138px;border-radius:50%;background:conic-gradient(var(--green) 0 calc(var(--a)*1%),var(--amber) calc(var(--a)*1%) calc((var(--a) + var(--b))*1%),var(--orange) calc((var(--a) + var(--b))*1%) calc((var(--a) + var(--b) + var(--c))*1%),var(--red) 0);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:22px;background:#fff;border-radius:50%}.donut div{z-index:1;text-align:center}.donut strong{display:block;font-size:25px}.donut span{font-size:9px;color:var(--muted)}.legend{display:flex;flex-direction:column;gap:10px;font-size:10px}.legend span{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.green{background:var(--green)}.dot.amber{background:var(--amber)}.dot.orange{background:var(--orange)}.dot.red{background:var(--red)}.dot.slate{background:#78919d}.attention-list{display:flex;flex-direction:column;gap:6px}.attention-item{display:grid;grid-template-columns:5px 1fr auto;gap:12px;align-items:center;text-decoration:none;color:inherit;padding:11px;border-radius:13px;border:1px solid transparent}.attention-item:hover{background:#f7fbfc;border-color:#e2eff3}.severity{width:5px;height:44px;border-radius:99px}.severity.green{background:var(--green)}.severity.amber{background:var(--amber)}.severity.orange{background:var(--orange)}.severity.red{background:var(--red)}.attention-item b{font-size:10px}.attention-item p{font-size:11px;margin:3px 0;color:#375463}.attention-item small{font-size:9px;color:var(--muted)}.badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:5px 8px;border-radius:999px;font-size:8.5px;font-weight:850}.badge.green{background:#e8f7f0;color:#167550}.badge.amber{background:#fff4da;color:#a96f09}.badge.orange{background:#ffeddf;color:#bd5a1e}.badge.red{background:#ffebeb;color:#b73d3d}.badge.slate{background:#edf3f5;color:#6c838e}.text-link{font-size:10px;color:#087a9a;text-decoration:none;font-weight:750}.compare-bars{display:flex;flex-direction:column;gap:15px}.compare-row{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center}.compare-row>div:first-child{display:flex;flex-direction:column}.compare-row b{font-size:9px}.compare-row span{font-size:8px;color:var(--muted)}.bar-pair{display:flex;flex-direction:column;gap:5px}.bar-pair>span{height:13px;background:#e8f2f5;border-radius:999px;position:relative;overflow:hidden}.bar-pair>span:before{content:"";display:block;width:var(--w);height:100%;background:linear-gradient(90deg,#0a7699,#23afbc);border-radius:inherit}.bar-pair>span.finance:before{background:linear-gradient(90deg,#78c4d0,#61b9a8)}.bar-pair i{position:absolute;right:5px;top:1px;font-size:7px;color:#45636f;font-style:normal}.footer{display:flex;justify-content:space-between;color:#78909b;font-size:9px;padding:16px 28px 24px;margin-top:auto}.footer b{color:#238b86}.toolbar-card{padding:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.search-box{display:flex;align-items:center;gap:8px;background:#f5f9fb;border:1px solid #e0edf1;border-radius:10px;padding:0 12px;min-width:360px;color:#7894a0}.search-box input{border:0;background:transparent;outline:0;padding:10px 0;width:100%;font-size:10px}.toolbar-actions{display:flex;gap:8px}.toolbar-actions select,.form-grid select,.form-grid input{border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:#fff;color:#365664;font-size:10px}.page-summary,.kanban-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.page-summary>div,.kanban-summary>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 15px}.page-summary strong,.kanban-summary strong{font-size:20px}.page-summary span,.kanban-summary span{display:block;font-size:9px;color:var(--muted);margin-top:2px}.table-panel{padding:0;overflow:hidden}.table-panel .panel-head{padding:18px 20px;margin:0}.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:9.5px}.data-table th{text-align:left;background:#f6fafc;color:#6a8491;font-size:8px;text-transform:uppercase;letter-spacing:.75px;padding:10px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.data-table td{padding:12px;border-bottom:1px solid #eaf1f4;vertical-align:middle}.data-table tr:hover td{background:#fbfdfe}.data-table b{font-size:9.5px}.data-table small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.activity-cell{display:flex;gap:9px;align-items:center;min-width:230px}.type-mark{width:8px;height:34px;border-radius:5px;background:linear-gradient(var(--ocean2),var(--aqua));display:inline-block;flex:0 0 auto}.soft-tag{background:#edf6f8;color:#477080;border-radius:7px;padding:5px 7px;font-size:8px}.td-primary{display:block}.mini-progress{height:5px;background:#e6eff2;border-radius:99px;overflow:hidden;min-width:80px}.mini-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--ocean2),var(--aqua));border-radius:inherit}.mini-progress.big{height:7px}.score-badge{display:grid;place-items:center;width:34px;height:28px;border-radius:9px;background:#e8f5f8;color:#067899;font-weight:850}.kebab{border:0;background:transparent;color:#89a0a9;cursor:pointer}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(4,27,38,.62);backdrop-filter:blur(5px)}.modal-card{position:relative;background:#fff;border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.25);width:min(720px,95vw);max-height:90vh;overflow:auto;padding:22px}.modal-card.narrow{width:min(560px,95vw)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.modal-head h3{margin:4px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:9px;font-weight:750;color:#54707d}.form-grid textarea{border:1px solid var(--line);border-radius:10px;padding:10px;min-height:80px;resize:vertical}.span-2{grid-column:1/-1}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.monev-intro,.management-hero,.report-hero,.instrument-hero{padding:24px 28px}.monev-intro h2,.management-hero h2,.report-hero h2,.instrument-hero h2{font-size:23px}.stepper-panel{display:flex;align-items:center;justify-content:center;margin-top:16px}.step{display:flex;align-items:center;gap:6px;color:#8ba0aa}.step b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eef4f6;font-size:9px}.step span{font-size:8.5px;font-weight:700}.step.active{color:#087c99}.step.active b{background:#e0f6f5;color:#078d89}.stepper-panel>i{height:1px;background:#dce9ee;width:35px;margin:0 6px}.monev-form-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.preview-block{padding:12px;background:#f4fafb;border-radius:12px}.preview-block span{display:block;font-size:8px;color:var(--muted)}.preview-block strong{font-size:20px}.preview-block.negative{background:#fff1ec}.preview-block.negative strong{color:var(--orange)}.question-card{border:1px solid var(--line);border-radius:15px;padding:15px}.question-card>div:first-child{display:flex;gap:10px;align-items:center}.question-no{width:32px;height:32px;border-radius:9px;background:#eaf7fa;display:grid;place-items:center;color:#067a9a;font-size:8px;font-weight:850}.question-card b{font-size:11px}.question-card small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.radio-row{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.radio-row label{border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:9px}.radio-row label.warn{background:#fff0eb;border-color:#f4c9b9;color:#b4552d}.conditional-box{border-left:3px solid var(--orange);background:#fffaf6;border-radius:0 12px 12px 0;padding:12px}.upload-box{margin-top:10px;border:1px dashed #aac9d3;border-radius:10px;padding:14px;text-align:center;color:#4f7d8c;font-size:9px;display:block}.panel-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.muted{color:var(--muted);font-size:9px}.checklist{display:flex;flex-direction:column;gap:13px}.checklist span{display:flex;gap:8px;color:#97aab2;font-size:10px}.checklist span.done{color:var(--green)}.checklist span.current{color:var(--ocean)}.info-box{background:#eaf8fa;border-radius:12px;padding:12px;margin-top:18px}.info-box b{font-size:9px}.info-box p{font-size:9px;color:#5e7b86;line-height:1.5;margin:4px 0 0}.info-box.warning{background:#fff7e6}.activity-picker{display:flex;flex-direction:column;gap:7px}.activity-picker button{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:11px;text-align:left;background:#f9fcfd;border:1px solid var(--line);border-radius:12px;padding:11px;cursor:pointer}.activity-picker b{font-size:10px}.activity-picker small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.severity-strip{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-bottom:14px}.severity-strip>div{padding:12px 15px;border-right:1px solid var(--line);display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px}.severity-strip>div:last-child{border-right:0}.severity-strip span{font-size:9px}.severity-strip strong{font-size:15px}.severity-pill{padding:5px 7px;border-radius:8px;font-size:8px;font-weight:800}.severity-pill.orange{background:#ffecdf;color:#b85a21}.severity-pill.amber{background:#fff4db;color:#9d6e16}.severity-pill.red{background:#ffebeb;color:#b73d3d}.severity-pill.green{background:#e9f8f1;color:#187753}.kanban-summary{grid-template-columns:repeat(5,1fr)}.action-list{display:flex;flex-direction:column}.action-row{display:grid;grid-template-columns:25px 1fr 115px auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf2f4}.action-check{width:22px;height:22px;border-radius:7px;border:2px solid #cddce2;display:grid;place-items:center;font-size:9px}.action-check.done{background:#e7f7f0;border-color:#52b491;color:#13805b}.action-main b{font-size:10px}.action-main>span{display:block;font-size:8px;color:var(--muted);margin:3px 0 7px}.action-meta{display:flex;flex-direction:column}.action-meta small{font-size:8px;color:var(--muted)}.action-meta b{font-size:9px;margin:2px 0}.aging-bars{display:flex;flex-direction:column;gap:15px}.aging-bars>div{display:grid;grid-template-columns:70px 1fr 22px;gap:8px;align-items:center}.aging-bars span{font-size:9px}.aging-bars i{height:8px;background:#edf2f4;border-radius:99px;position:relative}.aging-bars i:before{content:"";display:block;width:var(--w);height:100%;background:linear-gradient(90deg,#4eb2c4,#5ac7b3);border-radius:inherit}.aging-bars i.hot:before{background:linear-gradient(90deg,#e6964b,#da5752)}.aging-bars b{font-size:10px;text-align:right}.semester-switch{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:4px;display:flex;z-index:1}.semester-switch button{border:0;background:transparent;color:#c7eaf1;padding:8px 11px;border-radius:8px;font-size:9px}.semester-switch button.active{background:#fff;color:#08799a}.management-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.mg-card{padding:20px;position:relative}.mg-icon{position:absolute;right:16px;top:16px;width:34px;height:34px;background:#e8f6f8;color:#1689a1;border-radius:11px;display:grid;place-items:center}.mg-card h3{font-size:13px;margin:4px 0 13px}.mg-card>strong{font-size:26px}.mg-stats{display:flex;justify-content:space-between;margin:14px 0 10px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mg-stats span{font-size:8px;color:var(--muted);display:flex;flex-direction:column}.mg-stats b{font-size:12px;color:var(--ink)}.mg-card>small{font-size:8px;color:var(--muted);display:block;margin-top:8px}.privacy-note{background:#f1f7f9;border-radius:9px;padding:9px;font-size:8px;color:#587582}.ok-text{color:var(--green)}.danger-text{color:var(--red)}.management-status-table>div{display:grid;grid-template-columns:210px 90px 1fr;gap:15px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.management-status-table span{font-weight:750;font-size:10px}.management-status-table p{font-size:9px;color:var(--muted);margin:0}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.report-card{padding:18px}.report-card>span{width:35px;height:35px;border-radius:10px;background:#e7f5f8;display:grid;place-items:center;color:#0a809f}.report-card h3{font-size:12px;margin:12px 0 5px}.report-card p{font-size:9px;color:var(--muted);line-height:1.55;min-height:54px}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:16px 0}.template-card{padding:16px;display:grid;grid-template-columns:45px 1fr auto;gap:12px;align-items:center}.template-card.featured{border-color:#9bdbe3;background:linear-gradient(120deg,#fff,#f2fbfc)}.template-icon{width:45px;height:45px;border-radius:12px;background:linear-gradient(135deg,#0b789a,#18b7ad);display:grid;place-items:center;color:#fff;font-size:9px;font-weight:850}.template-card h3{font-size:11px;margin:4px 0 3px}.template-card p{font-size:8.5px;color:var(--muted);margin:0}.builder-list{display:flex;flex-direction:column;gap:8px}.builder-item{display:grid;grid-template-columns:20px 24px 1fr auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:10px}.drag{color:#9fb0b8}.builder-item>b{width:24px;height:24px;border-radius:7px;background:#eaf7f8;display:grid;place-items:center;font-size:8px;color:#0a7894}.builder-item strong{font-size:9.5px}.builder-item small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.type-cloud{display:flex;flex-wrap:wrap;gap:7px}.type-cloud span{padding:7px 9px;border-radius:8px;background:#f0f6f8;color:#547582;font-size:8px;border:1px solid #e0ecef}.alert{padding:10px 12px;border-radius:10px;margin-bottom:13px;font-size:10px}.alert.success{background:#e9f8f1;color:#197653}.alert.error{background:#ffeded;color:#a93b3b}.alert.info{background:#e9f5f9;color:#176d8a}.login-body{background:#eef5f7;min-height:100vh}.login-shell{display:grid;grid-template-columns:1.18fr .82fr;min-height:100vh}.login-brand-panel{background:radial-gradient(circle at 18% 20%,rgba(54,226,201,.19),transparent 22%),radial-gradient(circle at 85% 74%,rgba(56,168,203,.24),transparent 24%),linear-gradient(145deg,#052e40 0%,#06516d 54%,#087a99 100%);padding:34px 48px;position:relative;color:#fff;overflow:hidden;display:flex;flex-direction:column}.brand-lockup{background:#fff;border-radius:16px;padding:10px 14px;display:flex;align-items:center;gap:13px;width:max-content;box-shadow:0 9px 28px rgba(0,0,0,.12);position:relative;z-index:2}.logo-kementan{width:48px;height:48px;object-fit:contain}.logo-brmp{width:178px;height:52px;object-fit:contain}.brand-divider{width:1px;height:38px;background:#dae6e9}.login-hero-copy{margin:auto 0;max-width:680px;position:relative;z-index:2}.login-hero-copy h1{font-size:44px;line-height:1.08;margin:10px 0 16px;letter-spacing:-1.5px}.login-hero-copy p{font-size:14px;line-height:1.75;color:#c4e3e9;max-width:620px}.login-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.login-feature-grid div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:13px;display:flex;flex-direction:column}.login-feature-grid b{font-size:9px;color:#6fe0d4}.login-feature-grid span{font-size:10px;margin-top:6px;color:#e1f3f6}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent)}.login-form-panel{display:grid;place-items:center;padding:30px;background:#f8fbfc}.login-card{width:min(390px,92vw);background:#fff;border:1px solid #dfecef;border-radius:22px;padding:28px 30px;box-shadow:0 24px 70px rgba(17,65,83,.10)}.login-card h2{font-size:24px;margin:5px 0 4px}.login-card>p{font-size:10px}.login-card>label{display:block;font-size:9px;font-weight:750;margin:15px 0 6px}.input-wrap{display:flex;align-items:center;border:1px solid #dce9ed;border-radius:11px;padding:0 10px;background:#fbfdfe}.input-wrap span{color:#7c949e}.input-wrap input{border:0;outline:0;flex:1;padding:11px 8px;background:transparent;font-size:10px}.ghost-mini{border:0;background:transparent;color:#087a99;font-size:8px;cursor:pointer}.login-options{display:flex;align-items:center;justify-content:space-between;margin:13px 0}.check{font-size:8.5px;color:#59737e}.demo-note{background:#eaf8f8;border:1px solid #cceced;color:#33727d;border-radius:10px;padding:9px 11px;font-size:8.5px;line-height:1.5;margin:13px 0}.login-foot{text-align:center;color:#90a2aa;margin:16px 0 0!important;font-size:8px!important}.mobile-brand{display:none}.mobile-menu{display:none}
@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:repeat(2,1fr)}.management-grid{grid-template-columns:1fr}.sidebar{width:220px}.workspace{margin-left:220px}.sidebar-brmp{width:116px}.two-col.wide-left{grid-template-columns:1fr}.login-hero-copy h1{font-size:36px}}
@media(max-width:820px){.sidebar{transform:translateX(-105%);transition:.25s;width:250px}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 14px;height:76px}.topbar-actions .year-pill,.profile>div:nth-child(2),.logout{display:none}.content{padding:16px}.topbar-title h1{font-size:17px}.hero-card,.monev-intro,.management-hero,.report-hero,.instrument-hero{padding:22px;align-items:flex-start}.hero-score{display:none}.metrics-grid,.two-col,.two-col.wide-left,.template-grid{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr 1fr}.toolbar-card{flex-direction:column;align-items:stretch;gap:10px}.search-box{min-width:0}.toolbar-actions{justify-content:space-between}.page-summary,.kanban-summary{grid-template-columns:repeat(2,1fr)}.severity-strip{grid-template-columns:1fr 1fr}.severity-strip>div{border-bottom:1px solid var(--line)}.stepper-panel{overflow:auto;justify-content:flex-start}.step span{display:none}.management-status-table>div{grid-template-columns:1fr auto}.management-status-table p{grid-column:1/-1}.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh}.mobile-brand{display:flex;gap:12px;align-items:center;margin-bottom:20px}.mobile-brand img:first-child{width:40px;height:40px;object-fit:contain}.mobile-brand img:last-child{width:145px;height:45px;object-fit:contain}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}
@media(max-width:520px){.metrics-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:14px}.metric-card strong{font-size:22px}.hero-card h2,.monev-intro h2,.management-hero h2,.report-hero h2,.instrument-hero h2{font-size:21px}.hero-card p{font-size:11px}.report-grid{grid-template-columns:1fr}.toolbar-actions{flex-direction:column}.severity-strip{grid-template-columns:1fr}.management-hero,.report-hero,.instrument-hero,.monev-intro{flex-direction:column;gap:15px}.monev-form-preview{grid-template-columns:1fr}.action-row{grid-template-columns:25px 1fr auto}.action-meta{display:none}.footer{flex-direction:column;gap:4px}.login-card{padding:24px 20px}}
@media print{.sidebar,.topbar,.footer,.btn,.toolbar-card{display:none!important}.workspace{margin:0}.content{padding:0}.panel,.metric-card,.hero-card{box-shadow:none;break-inside:avoid}.app-body{background:#fff}}

/* Login security & password recovery */
.captcha-row{display:grid;grid-template-columns:118px 1fr;gap:9px;align-items:stretch}.captcha-question{border:1px solid #cce5eb;background:linear-gradient(135deg,#eaf8fb,#f5fcfd);border-radius:11px;display:grid;place-items:center;font-size:14px;font-weight:850;letter-spacing:.8px;color:#075b76;min-height:39px}.captcha-answer{min-width:0}.forgot-link,.back-login{color:#087a99;text-decoration:none;font-size:8.5px;font-weight:750}.forgot-link:hover,.back-login:hover{text-decoration:underline}.simple-auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 15% 10%,rgba(26,179,169,.12),transparent 24%),linear-gradient(145deg,#edf7f9,#f8fbfc)}.simple-auth-shell .login-card{width:min(430px,94vw)}.auth-brand{display:flex!important}.auth-submit{margin-top:18px}.back-login{display:block;text-align:center;margin-top:15px}.auth-brand img:first-child{width:42px;height:42px;object-fit:contain}.auth-brand img:last-child{width:155px;height:46px;object-fit:contain}@media(max-width:520px){.captcha-row{grid-template-columns:105px 1fr}}