.sr-skip{position:absolute;left:-9999px;top:0;z-index:200;background:#fff;padding:12px}.sr-skip:focus{left:0}.sr-workspace{padding-top:19px}.sr-chevron{color:#9bb2b7;margin:0 6px}.sr-operator{font-size:12px;font-weight:750;color:#42656a}.sr-hero{min-height:164px;background-position:center 47%}.sr-hero h1{font-size:clamp(26px,2.7vw,38px)}.sr-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.sr-hero-pills span{background:#ffffff19;border:1px solid #ffffff24;padding:5px 10px;font-size:10px;border-radius:99px;color:#fff;font-weight:700}.sr-meta-dot{font-size:11px;font-weight:750;color:#238068}.sr-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.sr-tools-actions{display:flex;gap:8px;flex-wrap:wrap}.sr-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:14px 0}.sr-stat{background:#fff;border:1px solid #e6eded;border-radius:14px;padding:15px;display:flex;align-items:center;gap:11px;min-width:0;box-shadow:var(--shadow)}.sr-stat-icon{display:grid;place-items:center;flex-shrink:0;width:45px;height:45px;border-radius:12px;background:#e5f8ee;color:#008568;font-size:21px}.sr-stat:nth-child(5n+2) .sr-stat-icon{background:#e6f2ff;color:#2272e7}.sr-stat:nth-child(5n+3) .sr-stat-icon{background:#fff3e2;color:#e99a27}.sr-stat:nth-child(5n+4) .sr-stat-icon{background:#f0e9ff;color:#925ed7}.sr-stat:nth-child(5n+5) .sr-stat-icon{background:#ffeaf0;color:#e44d6c}.sr-stat small{display:block;font-size:10px;font-weight:800;color:#6e8491}.sr-stat strong{font-size:clamp(17px,1.7vw,24px);font-weight:900;color:#0b4a42;display:block;line-height:1.35;white-space:nowrap}.sr-stat em{display:block;font-size:10px;color:#8799a1;font-style:normal}.sr-tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid #dde9e9;scrollbar-width:thin;margin:16px 0;padding-bottom:6px}.sr-tab{background:transparent;border:1px solid transparent;color:#466a70;padding:11px 14px;border-radius:9px;font-weight:800;font-size:11px;white-space:nowrap}.sr-tab.active{background:linear-gradient(110deg,#007e69,#0aa889);color:#fff}.sr-tab:hover:not(.active){background:#e9f5f1}.sr-section{animation:srAppear .18s ease}@keyframes srAppear{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}.sr-overview-grid{display:grid;grid-template-columns:1.06fr .98fr 1.02fr;gap:13px;margin-bottom:13px}.sr-overview-grid.sr-second{grid-template-columns:1.12fr .92fr 1fr}.sr-overview-grid.sr-bottom-row{grid-template-columns:1.2fr 1fr;margin-top:13px}.sr-panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.sr-panel-title h2{font-size:15px;color:#125047}.sr-panel-title p{font-size:11px;margin:4px 0 0;color:#788b93;line-height:1.5}.sr-link{border:0;background:#e8f8f1;color:#047a62;border-radius:8px;padding:7px 10px;white-space:nowrap;font-size:10px;font-weight:800}.sr-pill{display:inline-block;font-size:10px;padding:4px 8px;border-radius:99px;font-weight:850;background:#e7f7ef;color:#007f62;white-space:nowrap}.sr-pill.amber{background:#fff0da;color:#a77210}.sr-pill.red{background:#ffeaf0;color:#c74661}.sr-pill.blue{background:#e7efff;color:#3270c4}.sr-pill.gray{background:#eaf0f4;color:#617586}.sr-pill.purple{background:#f0e9ff;color:#7f52cb}.sr-cat-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin:12px 0}.sr-cat-row .sr-track{grid-column:1/-1}.sr-cat-row b,.sr-cat-row span{font-size:11px}.sr-cat-row span{color:#72888f}.sr-track{background:#e8f0f1;border-radius:99px;height:8px;overflow:hidden}.sr-track>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#19bb94,#087d68)}.sr-track.amber>span{background:linear-gradient(90deg,#ffc451,#f3a324)}.sr-track.blue>span{background:linear-gradient(90deg,#70b7fa,#1b7cec)}.sr-ring-wrap{display:flex;align-items:center;gap:18px;margin:12px 0 18px}.sr-ring{width:130px;height:130px;border-radius:50%;flex-shrink:0;background:conic-gradient(#25ad85 0 var(--angle),#e6edf0 var(--angle));display:grid;place-items:center}.sr-ring-center{width:86px;height:86px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center}.sr-ring-center strong{font-size:24px;color:#064f43}.sr-ring-center small{font-size:9px;display:block;color:#899da4}.sr-condition-legend{display:grid;gap:9px;font-size:11px}.sr-condition-legend .sr-dot{width:9px;height:9px;display:inline-block;border-radius:50%;margin-right:7px}.sr-compact{display:grid;gap:8px}.sr-compact-item{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;padding:11px;border:1px solid #e9f0ef;border-radius:10px}.sr-compact-item b{font-size:11px;color:#164b49}.sr-compact-item p{font-size:10px;margin:3px 0 0;color:#84959d}.sr-mini-note{font-size:10px;color:#82949b;margin-top:10px}.sr-project-card{padding:14px;border:1px solid #e5eeed;border-radius:12px;background:#fff}.sr-project-card h3{font-size:13px;color:#0f4e47;margin:0}.sr-project-card p{font-size:11px;margin:6px 0;color:#778a91}.sr-project-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:750;margin-top:10px}.sr-project-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sr-facility-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sr-facility-card{border:1px solid #e6efef;background:linear-gradient(140deg,#fcfefd,#f5faf8);border-radius:13px;padding:16px;display:grid;gap:9px}.sr-facility-icon{width:43px;height:43px;display:grid;place-items:center;font-size:20px;background:#e5f7ee;border-radius:11px;color:#087f67}.sr-facility-card h3{margin:0;font-size:14px;color:#105346}.sr-facility-card p{margin:0;font-size:11px;color:#7e929d}.sr-facility-footer{border-top:1px solid #e9efed;padding-top:11px;display:flex;justify-content:space-between;color:#516d74;font-size:10px}.sr-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:13px 0 17px}.sr-filters input,.sr-filters select{border:1px solid #dbe9e8;border-radius:9px;background:#fff;padding:9px 11px;min-height:40px;color:#28545a;font-size:11px}.sr-filters input{flex:1;min-width:220px}.sr-filters select{min-width:140px}.sr-table{min-width:900px}.sr-table th{font-size:10px}.sr-table td{font-size:11px}.sr-table td strong{color:#134c48}.sr-table td small{font-size:10px}.sr-table-actions{display:flex;align-items:center;gap:5px}.sr-mini-btn{padding:6px 9px;font-size:10px;font-weight:800;border-radius:7px;border:1px solid #c9e7dc;background:#f2fbf7;color:#087c66;white-space:nowrap}.sr-mini-btn:hover{background:#e6f6ee}.sr-mini-btn.danger{color:#c75260;border-color:#f2d7d9;background:#fff7f7}.sr-table-footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#8b9ca4;padding-top:12px}.sr-empty{border:1px dashed #d4e2e0;background:#f9fcfb;padding:22px 12px;text-align:center;color:#789097;font-size:11px;border-radius:10px}.sr-hint{border:1px solid #d6ece3;background:#f2faf5;padding:12px;font-size:11px;line-height:1.6;color:#4d7467;border-radius:10px;margin-top:12px}.sr-util-grid{grid-template-columns:1.3fr .9fr}.sr-utils{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:17px}.sr-util-card{border:1px solid #e6efef;background:#f7fbfb;border-radius:12px;padding:14px}.sr-util-card small{display:block;color:#85979e;font-weight:750}.sr-util-card strong{font-size:18px;color:#125b51}.sr-util-card em{display:block;color:#88a0a6;font-size:10px;font-style:normal}.sr-activity-item{border-bottom:1px solid #eaf0ef;padding:11px 0;display:flex;gap:10px}.sr-activity-item:last-child{border:0}.sr-activity-icon{background:#eaf7f2;border-radius:9px;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;color:#008870;font-weight:900}.sr-activity-item b{font-size:11px;color:#0a6554}.sr-activity-item p{font-size:11px;color:#68818a;margin:3px 0}.sr-activity-item small{font-size:10px;color:#a0b0b7}.sr-dialog{border:0;padding:0;border-radius:17px;width:min(675px,calc(100vw - 24px));max-height:88vh;overflow:auto;box-shadow:0 25px 90px #003b385d}.sr-dialog::backdrop{background:#002c2ccc;backdrop-filter:blur(3px)}.sr-dialog header,.sr-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 22px;background:white}.sr-dialog header{border-bottom:1px solid #ebf1f0}.sr-dialog footer{border-top:1px solid #ebf1f0;justify-content:flex-end}.sr-dialog header h2{font-size:20px;color:#0c5247;margin:4px 0 0}.sr-upper{font-weight:900;letter-spacing:1.6px;color:#00a482;font-size:10px;margin:0}.sr-close{background:#f3f7f5;border:0;border-radius:8px;color:#476d6c;padding:7px 11px}.sr-dialog-content{padding:21px 22px}.sr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sr-form-grid label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#56717d}.sr-form-grid input,.sr-form-grid select,.sr-form-grid textarea{width:100%;min-width:0;min-height:40px;border-radius:9px;border:1px solid #d5e5e4;padding:10px 11px;background:#fff;color:#18454a;font-size:12px}.sr-form-grid textarea{resize:vertical;min-height:80px}.sr-form-grid .wide{grid-column:1/-1}.sr-form-warning{background:#fff9ef;border:1px solid #f6e5be;color:#946d28;padding:12px;border-radius:9px;font-size:11px;line-height:1.7;margin-top:14px}.sr-toast{position:fixed;bottom:22px;right:22px;z-index:120;padding:12px 16px;border-radius:10px;box-shadow:0 12px 34px #064f4a55;background:#05584c;color:#fff;font-size:12px;font-weight:750;max-width:min(390px,90vw)}.sr-toast.error{background:#af344b}.sr-due{color:#b46b09;font-weight:800}.sr-wider{font-weight:800;color:#12624f}.sr-workspace button:disabled{opacity:.48;cursor:not-allowed}.sr-section .panel+.panel{margin-top:12px}
@media(max-width:1400px){.sr-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.sr-overview-grid,.sr-overview-grid.sr-second{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-overview-grid>.panel:last-child{grid-column:1/-1}}
@media(max-width:980px){.sr-operator{display:none}.sr-overview-grid,.sr-overview-grid.sr-second,.sr-overview-grid.sr-bottom-row,.sr-overview-grid.sr-util-grid{grid-template-columns:1fr}.sr-overview-grid>.panel:last-child{grid-column:auto}.sr-facility-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sr-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sr-stat{padding:10px;min-height:90px;gap:8px}.sr-stat-icon{width:35px;height:35px;font-size:17px}.sr-stat strong{font-size:18px}.sr-stats .sr-stat:last-child{grid-column:1/-1}.sr-workspace{padding-top:10px}.sr-tools{align-items:stretch}.sr-tools-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}.sr-tools-actions .btn:first-child{grid-column:1/-1}.sr-tools-actions .btn{font-size:11px}.sr-hero{min-height:199px}.sr-hero-pills span{font-size:9px}.sr-facility-cards,.sr-project-cards,.sr-utils{grid-template-columns:1fr}.sr-filters input{min-width:0;width:100%}.sr-filters select{flex:1;min-width:130px}.sr-form-grid{grid-template-columns:1fr}.sr-dialog header,.sr-dialog footer,.sr-dialog-content{padding:15px}.sr-tab{padding:10px 12px;font-size:11px}.sr-table-footer{display:grid}}
@media print{.sidebar,.topbar,.sr-tabs,.sr-tools,.notice,.sr-dialog,.sr-toast,.sr-mini-btn,.sr-link{display:none!important}.shell{display:block}.sr-workspace{padding:0}.sr-section[hidden]{display:none!important}.sr-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.panel,.sr-stat{box-shadow:none;break-inside:avoid}}

/* Keep Granada architecture visible in the brand hero while maintaining readable text. */
.sr-hero{background:linear-gradient(90deg,rgba(3,56,53,.98),rgba(4,61,57,.94) 43%,rgba(4,61,57,.3)),url('assets/kampus-ilustrasi.jpg') center 48%/cover}

.sr-overview-grid.sr-vendor-grid{grid-template-columns:.95fr 1.2fr}
@media(max-width:980px){.sr-overview-grid.sr-vendor-grid{grid-template-columns:1fr}}