.login-assesor-container{background:linear-gradient(135deg,#e8f0f7 0%,#d4e2ed 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-header .login-icon{margin-bottom:.5rem;font-size:4rem}.login-header .login-icon.error{font-size:4rem}.login-header h1{color:#2c5f8a;margin:.5rem 0 .25rem;font-size:1.8rem;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}.login-error p{color:#dc3545;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin-bottom:1.5rem;padding:.75rem;font-size:1rem}.btn-manual-login{color:#fff;cursor:pointer;background:#2c5f8a;border:none;border-radius:10px;width:100%;margin-bottom:.75rem;padding:.75rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-block}.btn-back{color:#333;cursor:pointer;background:#e9ecef;border:none;border-radius:10px;width:100%;padding:.75rem;font-size:1rem;font-weight:500;transition:all .3s;display:inline-block}.login-success p{color:#28a745;font-size:1.1rem;font-weight:500}@media (width<=480px){.login-card{padding:1.5rem}.login-header h1{font-size:1.4rem}.login-header .login-icon{font-size:3rem}}.login-user-container{background:linear-gradient(135deg,#e8f0f7 0%,#d4e2ed 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:450px;padding:2.5rem;box-shadow:0 20px 60px #0000001a}.login-header{margin-bottom:2rem}.login-header h1{color:#1e4663;margin-bottom:.25rem;font-size:1.8rem;font-weight:700}.login-loading{padding:2rem 0}.login-loading p{color:#6c757d;font-size:.9rem}.login-error{padding:1rem 0}.login-error p{color:#e74c3c;background:#fef5f5;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.95rem}.btn-manual-login{color:#fff;cursor:pointer;background:#1e4663;border:none;border-radius:10px;width:100%;margin-bottom:.75rem;padding:.75rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-manual-login:hover{background:#0f2c42;transform:translateY(-1px)}.btn-back{color:#495057;cursor:pointer;background:#e9ecef;border:none;border-radius:10px;width:100%;padding:.75rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-back:hover{background:#dee2e6}.login-success{padding:2rem 0}.login-success p{color:#27ae60;background:#d4edda;border-radius:8px;padding:1rem;font-size:.95rem}@media (width<=480px){.login-card{padding:1.5rem}.login-header h1{font-size:1.4rem}.login-icon{font-size:3rem}}.sidebar{color:#fff;z-index:1000;background:linear-gradient(#1e4663 0%,#0f2c42 100%);flex-direction:column;width:280px;min-width:280px;height:100vh;transition:all .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#2c5f8a}.sidebar::-webkit-scrollbar-thumb{background:#f0c674;border-radius:4px}.sidebar-header{text-align:center;background:#fff;border-bottom:3px solid #f0c674;margin-bottom:1rem;padding:1.5rem}.user-info-sidebar{border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;margin-bottom:1rem;padding:0 1rem 1rem;display:flex}.sidebar-nav{flex:1;padding:0 .75rem}.nav-item{cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.7rem 1rem;transition:all .2s;display:flex}.nav-item:hover{background:#ffffff1a}.nav-item.active{color:#1e4663;background:#f0c674}.nav-item.active .nav-icon{color:#1e4663}.nav-group{margin-bottom:.25rem}.nav-group-header{cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;padding:.7rem 1rem;transition:all .2s;display:flex}.nav-group-header:hover{background:#ffffff1a}.nav-group-header.open{background:#ffffff0d}.nav-group-items{border-left:2px solid #fff3;margin-top:.25rem;margin-bottom:.25rem;margin-left:2rem}.nav-subitem{cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.8rem;transition:all .2s;display:flex}.nav-subitem:hover{background:#ffffff14}.nav-subitem.active{color:#f0c674;background:#f0c67433}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:1rem}.logout-btn{cursor:pointer;color:#faa;border-radius:10px;align-items:center;gap:.75rem;padding:.7rem 1rem;transition:all .2s;display:flex}.logout-btn:hover{color:#f66;background:#f003}@media (width<=768px){.sidebar{width:70px;min-width:70px}.logo-text,.logo-subtitle,.user-details,.nav-text,.nav-subitem span:not(.nav-sub-icon),.version{display:none}.sidebar-header{padding:1rem}.user-info-sidebar{justify-content:center;padding:0 .5rem 1rem}.nav-item,.nav-group-header,.logout-btn{justify-content:center}.nav-icon{margin-right:0}.nav-group-items{border-left:none;margin-left:0}.nav-subitem{justify-content:center;padding:.5rem}}.admin-layout{width:100%;min-height:100vh;display:flex}.admin-content{background:#f5f7fa;flex:1;width:calc(100% - 280px);min-height:100vh;margin-left:280px;padding:1.5rem;overflow-x:auto}.admin-content>div{width:100%;max-width:100%}@media (width<=768px){.admin-content{width:calc(100% - 70px);margin-left:70px;padding:1rem}}.sidebar-assesor{color:#fff;z-index:1000;background:linear-gradient(#1e4663 0%,#0f2c42 100%);flex-direction:column;width:280px;min-width:280px;height:100vh;transition:all .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-assesor::-webkit-scrollbar{width:4px}.sidebar-assesor::-webkit-scrollbar-track{background:#2c5f8a}.sidebar-assesor::-webkit-scrollbar-thumb{background:#f0c674;border-radius:4px}.sidebar-header-assesor{text-align:center;background:#fff;border-bottom:3px solid #f0c674;margin-bottom:1rem;padding:1.5rem}.user-info-sidebar-assesor{border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;margin-bottom:1rem;padding:0 1rem 1rem;display:flex}.sidebar-nav-assesor{flex:1;padding:0 .75rem}.nav-item-assesor{cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.7rem 1rem;transition:all .2s;display:flex}.nav-item-assesor:hover{background:#ffffff1a}.nav-item-assesor.active{color:#1e4663;background:#f0c674}.nav-item-assesor.active .nav-icon{color:#1e4663}.nav-group-assesor{margin-bottom:.25rem}.nav-group-header-assesor{cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;padding:.7rem 1rem;transition:all .2s;display:flex}.nav-group-header-assesor:hover{background:#ffffff1a}.nav-group-header-assesor.open{background:#ffffff0d}.nav-group-items-assesor{border-left:2px solid #fff3;margin-top:.25rem;margin-bottom:.25rem;margin-left:2rem}.nav-subitem-assesor{cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.8rem;transition:all .2s;display:flex}.nav-subitem-assesor:hover{background:#ffffff14}.nav-subitem-assesor.active{color:#f0c674;background:#f0c67433}.sidebar-footer-assesor{border-top:1px solid #ffffff1a;margin-top:auto;padding:1rem}.logout-btn-assesor{cursor:pointer;color:#faa;border-radius:10px;align-items:center;gap:.75rem;padding:.7rem 1rem;transition:all .2s;display:flex}.logout-btn-assesor:hover{color:#f66;background:#f003}@media (width<=768px){.sidebar-assesor{width:70px;min-width:70px}.logo-text,.logo-subtitle,.user-details,.nav-text,.nav-subitem-assesor span:not(.nav-sub-icon),.version{display:none}.sidebar-header-assesor{padding:1rem}.user-info-sidebar-assesor{justify-content:center;padding:0 .5rem 1rem}.nav-item-assesor,.nav-group-header-assesor,.logout-btn-assesor{justify-content:center}.nav-icon{margin-right:0}.nav-group-items-assesor{border-left:none;margin-left:0}.nav-subitem-assesor{justify-content:center;padding:.5rem}}.asesor-layout{width:100%;min-height:100vh;display:flex}.asesor-content{background:#f5f7fa;flex:1;width:calc(100% - 280px);min-height:100vh;margin-left:280px;padding:1.5rem;overflow-x:auto}.asesor-content>div{width:100%;max-width:100%}@media (width<=768px){.asesor-content{width:calc(100% - 70px);margin-left:70px;padding:1rem}}.sidebar-user{color:#fff;z-index:1000;background:linear-gradient(#2c3e50 0%,#1a252f 100%);flex-direction:column;width:280px;min-width:280px;height:100vh;transition:all .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-user::-webkit-scrollbar{width:4px}.sidebar-user::-webkit-scrollbar-track{background:#34495e}.sidebar-user::-webkit-scrollbar-thumb{background:#f0c674;border-radius:4px}.sidebar-header-user{text-align:center;background:#fff;border-bottom:3px solid #f0c674;margin-bottom:1rem;padding:1.5rem}.logo{justify-content:center;align-items:center;gap:.5rem;font-weight:700;display:flex}.logo-icon{font-size:1.8rem}.logo-text{letter-spacing:1px;color:#1e4663;font-size:1rem}.logo-img{object-fit:contain;width:100%;max-width:130px;height:auto}.logo-subtitle{color:#5a7a94;opacity:1;margin-top:.4rem;font-size:.65rem;font-weight:600}.user-info-sidebar-user{border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;margin-bottom:1rem;padding:0 1rem 1rem;display:flex}.user-avatar{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.5rem;display:flex}.user-details{flex:1}.user-name{font-size:.9rem;font-weight:600}.user-role{opacity:.7;font-size:.7rem}.sidebar-nav-user{flex:1;padding:0 .75rem}.nav-item-user{cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.7rem 1rem;transition:all .2s;display:flex}.nav-item-user:hover{background:#ffffff1a}.nav-item-user.active{color:#1e4663;background:#f0c674}.nav-item-user.active .nav-icon{color:#1e4663}.nav-icon{width:24px;font-size:1.2rem}.nav-text{font-size:.85rem;font-weight:500}.nav-group-user{margin-bottom:.25rem}.nav-group-header-user{cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;padding:.7rem 1rem;transition:all .2s;display:flex}.nav-group-header-user:hover{background:#ffffff1a}.nav-group-header-user.open{background:#ffffff0d}.nav-arrow{margin-left:auto;font-size:.7rem;transition:transform .2s}.nav-group-items-user{border-left:2px solid #fff3;margin-top:.25rem;margin-bottom:.25rem;margin-left:2rem}.nav-subitem-user{cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.8rem;transition:all .2s;display:flex}.nav-subitem-user:hover{background:#ffffff14}.nav-subitem-user.active{color:#f0c674;background:#f0c67433}.nav-sub-icon{width:24px;font-size:.9rem}.sidebar-footer-user{border-top:1px solid #ffffff1a;margin-top:auto;padding:1rem}.logout-btn-user{cursor:pointer;color:#faa;border-radius:10px;align-items:center;gap:.75rem;padding:.7rem 1rem;transition:all .2s;display:flex}.logout-btn-user:hover{color:#f66;background:#f003}.version{text-align:center;opacity:.5;margin-top:.75rem;font-size:.6rem}@media (width<=768px){.sidebar-user{width:70px;min-width:70px}.logo-text,.logo-subtitle,.user-details,.nav-text,.nav-subitem-user span:not(.nav-sub-icon),.version{display:none}.sidebar-header-user{padding:1rem}.user-info-sidebar-user{justify-content:center;padding:0 .5rem 1rem}.nav-item-user,.nav-group-header-user,.logout-btn-user{justify-content:center}.nav-icon{margin-right:0}.nav-group-items-user{border-left:none;margin-left:0}.nav-subitem-user{justify-content:center;padding:.5rem}}.user-layout{width:100%;min-height:100vh;display:flex}.user-content{background:#f5f7fa;flex:1;width:calc(100% - 280px);min-height:100vh;margin-left:280px;padding:1.5rem;overflow-x:auto}.user-content>div{width:100%;max-width:100%}@media (width<=768px){.user-content{width:calc(100% - 70px);margin-left:70px;padding:1rem}}.dashboard-container{width:100%;padding:0}.dashboard-header{background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex;box-shadow:0 2px 8px #0000000d}.dashboard-header h2{color:#1e4663;margin-bottom:.25rem;font-size:1.3rem}.dashboard-header p{color:#555;font-size:.9rem}.tahun-aktif-badge{margin-top:.5rem}.tahun-aktif-badge .badge{color:#1e4663;background:#f0c674;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.logout-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:.8rem;transition:all .2s}.stat-card{text-align:center;background:#fff;border-radius:16px;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000d}.stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.stat-card h3{color:#1e4663;margin-bottom:.5rem;font-size:2rem}.stat-card p{color:#6c757d;font-size:.85rem}.menu-item{text-align:center;cursor:pointer;background:#fff;border-radius:12px;padding:1.5rem;transition:all .2s;box-shadow:0 2px 8px #0000000d}.menu-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.menu-item span{display:block}.menu-item span:last-child{color:#1e4663;margin-top:.5rem;font-size:.85rem;font-weight:500}.dashboard-footer{text-align:center;color:#adb5bd;padding:1rem;font-size:.7rem}@media (width<=768px){.stats-grid{grid-template-columns:1fr;gap:1rem}.dashboard-header{text-align:center;flex-direction:column}.stat-card{padding:1rem}.stat-card h3{font-size:1.5rem}.menu-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.dashboard-container{padding:1.5rem}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header h2{font-size:1.4rem}.user-info{width:100%}.btn-logout{text-align:center;flex:1}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{padding:1rem}.stat-icon{width:45px;height:45px;font-size:1.8rem}.stat-content h3{font-size:1.5rem}.menu-grid{grid-template-columns:1fr 1fr;gap:.75rem}.menu-item{padding:.75rem 1rem}.menu-icon{font-size:1.2rem}.menu-name{font-size:.85rem}}@media (width<=480px){.dashboard-container{border-radius:16px;padding:1rem}.dashboard-header h2{font-size:1.2rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.menu-grid{grid-template-columns:1fr;gap:.5rem}.menu-item{padding:.6rem .75rem}.user-badge{padding:.3rem .75rem;font-size:.75rem}.btn-logout{padding:.4rem .8rem;font-size:.8rem}}.debug-info-box{text-align:left;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:1rem 0;padding:.5rem .75rem}.debug-info-box summary{cursor:pointer;color:#2c5f8a;font-size:.85rem;font-weight:600}.debug-info-box pre{color:#333;white-space:pre-wrap;word-break:break-all;background:#f1f3f5;border-radius:4px;max-height:200px;padding:.5rem;font-size:.7rem;overflow:auto}.error-hint{color:#856404;text-align:left;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-top:1rem;padding:.75rem;font-size:.8rem}.error-hint code{background:#fff;border-radius:4px;padding:.1rem .3rem;font-size:.75rem}.dashboard-container{background:#fff;border-radius:24px;width:100%;max-width:1200px;margin:0 auto;padding:2rem;box-shadow:0 15px 40px #0000001a}.dashboard-header h2{color:#2c5f8a;margin:0 0 .25rem;font-size:1.8rem}.dashboard-header p{color:#555;margin:.25rem 0}.dashboard-header p strong{color:#2c5f8a}.dashboard-header small{color:#999;font-size:.8rem}.user-info{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.user-badge{color:#2c5f8a;background:#e8f4fd;border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:600}.btn-logout{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:10px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-logout:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.stat-card{color:#fff;background:linear-gradient(135deg,#2c5f8a,#1e4566);border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;transition:transform .3s;display:flex}.stat-card:hover{transform:translateY(-5px)}.stat-icon{background:#ffffff26;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.stat-content h3{margin:0;font-size:2rem;font-weight:700}.stat-content p{opacity:.8;margin:0;font-size:.85rem}.menu-title{color:#2c5f8a;margin-bottom:1rem;font-size:1.2rem}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.menu-item{cursor:pointer;background:#f8f9fa;border:1px solid #0000;border-radius:12px;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;transition:all .3s;display:flex}.menu-item:hover{background:#e9ecef;border-color:#2c5f8a;transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.menu-icon{font-size:1.5rem}.menu-name{color:#333;flex:1;font-weight:500}.menu-arrow{color:#999;font-size:1.2rem;transition:transform .3s}.menu-item:hover .menu-arrow{color:#2c5f8a;transform:translate(5px)}.loading-state{color:#666;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.dashboard-footer{text-align:center;color:#999;border-top:1px solid #eee;padding-top:1.5rem;font-size:.75rem}@media (width<=768px){.dashboard-container{padding:1.5rem}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header h2{font-size:1.4rem}.user-info{width:100%}.btn-logout{text-align:center;flex:1}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{padding:1rem}.stat-icon{width:45px;height:45px;font-size:1.8rem}.stat-content h3{font-size:1.5rem}.menu-grid{grid-template-columns:1fr 1fr;gap:.75rem}.menu-item{padding:.75rem 1rem}.menu-icon{font-size:1.2rem}.menu-name{font-size:.85rem}}@media (width<=480px){.dashboard-container{border-radius:16px;padding:1rem}.dashboard-header h2{font-size:1.2rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.menu-grid{grid-template-columns:1fr;gap:.5rem}.menu-item{padding:.6rem .75rem}.user-badge{padding:.3rem .75rem;font-size:.75rem}.btn-logout{padding:.4rem .8rem;font-size:.8rem}}.master-sasaran-container{background:#fff;border-radius:20px;width:100%;max-width:1400px;padding:2rem;box-shadow:0 10px 40px #0000001a}.ms-header h2{color:#2c5f8a;margin-bottom:.25rem}.btn-tambah{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:10px;padding:.7rem 1.5rem;font-weight:700}.show-entries{align-items:center;gap:.5rem;display:flex}.search-box input{border:1px solid #ddd;border-radius:8px;width:250px;padding:.5rem 2rem .5rem 1rem}.search-box span{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ms-table{border-collapse:collapse;width:100%}.ms-table th{background:#f8f9fa;font-weight:600}.sasaran-cell{min-width:300px;max-width:500px}.btn-edit,.btn-delete{cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.2rem}.pagination-info{color:#666;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:.4rem 1rem}.pagination button:disabled{opacity:.5}.filter-lini{background:#f8f9fa;border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.filter-lini label{color:#1e4663;font-size:.85rem;font-weight:600}.filter-lini select{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:8px;min-width:200px;padding:.5rem 1rem}.filter-lini select:focus{border-color:#1e4663;outline:none}.error-message{color:#721c24;background:#f8d7da;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.error-message button{color:#fff;cursor:pointer;background:#721c24;border:none;border-radius:6px;padding:.3rem 1rem}.master-sasaran-container{background:#fff;border-radius:16px;width:100%;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.ms-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.ms-header h2{color:#1e4663;margin-bottom:.25rem;font-size:1.3rem}.ms-header p{color:#6c757d;font-size:.85rem}.btn-tambah{color:#fff;cursor:pointer;white-space:nowrap;background:#27ae60;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:500;transition:all .2s}.btn-tambah:hover{background:#219a52;transform:translateY(-1px)}.ms-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.table-wrapper{width:100%;margin-bottom:1.5rem;overflow-x:auto}.ms-table{border-collapse:collapse;width:100%;font-size:.85rem}.ms-table th,.ms-table td{text-align:left;border-bottom:1px solid #e9ecef;padding:.9rem}.ms-table th{color:#495057;background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600}.ms-table tbody tr:hover{background:#f8f9fa}.lini-badge.fungsional{color:#ef6c00;background:#fff3e0}.lini-badge.umum{color:#2e7d32;background:#e8f5e9}.pagination-info{color:#6c757d;border-top:1px solid #e9ecef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;font-size:.85rem;display:flex}.ms-footer{text-align:center;color:#adb5bd;border-top:1px solid #e9ecef;margin-top:1.5rem;padding-top:1rem;font-size:.7rem}@media (width<=768px){.master-sasaran-container{padding:1rem}.ms-header{text-align:center;flex-direction:column}.ms-controls{flex-direction:column;align-items:stretch}.search-box input{width:100%}.pagination-info{text-align:center;flex-direction:column}.ms-table th,.ms-table td{padding:.6rem;font-size:.75rem}}.struktural-pembagian-container{background:#f5f7fa;width:100%;min-height:100vh;padding:0}.breadcrumb-sp{color:#6c757d;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 0;font-size:.85rem;display:flex}.breadcrumb-sp .separator{color:#adb5bd}.breadcrumb-sp .active{color:#1e4663;font-weight:600}.header-sp{margin-bottom:1.5rem}.header-sp h1{color:#1e4663;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.header-sp p{color:#6c757d;font-size:.9rem}.filter-sp{background:#fff;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex;box-shadow:0 2px 8px #0000000d}.filter-group select,.filter-group input{background:#fff;border:1.5px solid #dee2e6;border-radius:8px;width:100%;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.total-data-sp{color:#6c757d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 0;font-size:.8rem;display:flex}.unit-filter-label{color:#1e4663;background:#e8f4fd;border-radius:12px;padding:.2rem .8rem;font-weight:500}.loading-sp{text-align:center;color:#6c757d;background:#fff;border-radius:12px;padding:3rem;font-size:.9rem;box-shadow:0 2px 8px #0000000d}.table-wrapper-sp{background:#fff;border-radius:12px;margin-bottom:1rem;overflow-x:auto;box-shadow:0 2px 8px #0000000d}.sp-table{border-collapse:collapse;width:100%;min-width:1100px;font-size:.8rem}.sp-table th,.sp-table td{text-align:left;vertical-align:middle;border:1px solid #e9ecef;padding:.6rem .5rem}.sp-table th{color:#495057;text-align:center;z-index:2;background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600;position:sticky;top:0}.col-total{text-align:center;background-color:#f0f7fc;width:90px;font-weight:600}.sasaran-row-sp{cursor:pointer;background:#fafbfc;transition:background .2s}.sasaran-row-sp:hover{background:#f0f4f8}.sasaran-cell-sp{padding:.6rem .5rem!important}.sasaran-title-sp{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.indikator-row-sp{background:#fff}.indikator-row-sp:hover{background:#fef9e6}.indikator-cell-sp{color:#1e4663;font-weight:500}.target-cell-sp{text-align:center;font-weight:500}.target-cell-sp .target-value{color:#1e4663;font-weight:600;display:block}.target-cell-sp .target-satuan{color:#6c757d;font-size:.65rem;display:block}.target-max{color:#6c757d;margin-top:.1rem;font-size:.6rem;font-weight:400;display:block}.semester-cell-sp{text-align:center;position:relative}.semester-input:hover{border-color:#1e4663}.semester-input::placeholder{color:#adb5bd;font-size:.65rem}.semester-input.semester1{border-color:#3498db}.semester-input.semester1:focus{border-color:#2980b9;box-shadow:0 0 0 3px #3498db33}.semester-input.semester2{border-color:#e67e22}.semester-input.semester2:focus{border-color:#d35400;box-shadow:0 0 0 3px #e67e2233}.semester-input.error{background-color:#fef5f5;border-color:#e74c3c!important}.semester-input.error:focus{box-shadow:0 0 0 3px #e74c3c33}.error-message{color:#e74c3c;word-wrap:break-word;text-align:center;background:#fff;border-radius:4px;max-width:110px;margin-top:.15rem;padding:.1rem .3rem;font-size:.55rem;display:block;position:absolute;bottom:-1.2rem;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0000001a}.total-cell-sp{text-align:center;background-color:#f0f7fc;font-weight:700}.total-percent{color:#6c757d;margin-top:.1rem;font-size:.6rem;font-weight:400;display:block}.status-cell-sp{text-align:center;min-width:100px}.status-badge.status-warning{color:#856404;background:#fff3cd}.aksi-cell-sp{text-align:center;vertical-align:middle;min-width:50px}.btn-save-target{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:6px;padding:.35rem .65rem;font-size:1rem;transition:all .2s}.btn-save-target:hover:not(:disabled){background:#219a52;transform:scale(1.1);box-shadow:0 2px 8px #27ae604d}.btn-save-target:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.no-data-sp{text-align:center;color:#adb5bd;padding:2rem;font-size:.9rem}.sp-footer{text-align:center;color:#adb5bd;margin-top:.5rem;padding:1.5rem;font-size:.75rem}.table-wrapper-sp::-webkit-scrollbar{height:8px}.table-wrapper-sp::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-wrapper-sp::-webkit-scrollbar-thumb{background:#c1c7cd;border-radius:4px}.table-wrapper-sp::-webkit-scrollbar-thumb:hover{background:#a0a7ae}@media (width<=1024px){.sp-table{min-width:950px;font-size:.7rem}.col-sasaran{min-width:180px}.col-indikator{min-width:160px}.semester-input{max-width:80px;font-size:.7rem}.col-semester1,.col-semester2{width:100px}.col-status{min-width:80px}.status-badge{padding:.15rem .4rem;font-size:.6rem}}@media (width<=768px){.header-sp h1{font-size:1.2rem}.filter-sp{flex-direction:column;align-items:stretch;padding:.75rem 1rem}.filter-group{min-width:100%}.sp-table{min-width:850px;font-size:.65rem}.sp-table th,.sp-table td{padding:.4rem .3rem}.col-sasaran,.col-indikator{min-width:140px}.semester-input{max-width:65px;padding:.3rem;font-size:.6rem}.col-semester1,.col-semester2{width:80px}.col-total{width:70px}.col-status{min-width:70px}.total-value{font-size:.7rem}.btn-save-target{padding:.2rem .4rem;font-size:.8rem}.total-data-sp{text-align:center;flex-direction:column;align-items:center}.status-badge{padding:.1rem .3rem;font-size:.55rem}.error-message{max-width:80px;font-size:.5rem;bottom:-1rem}}@media (width<=480px){.header-sp h1{font-size:1rem}.sp-table{min-width:750px;font-size:.55rem}.sp-table th,.sp-table td{padding:.25rem .2rem}.col-sasaran,.col-indikator{min-width:110px}.semester-input{max-width:50px;padding:.2rem;font-size:.5rem}.col-semester1,.col-semester2{width:65px}.col-total{width:60px}.col-status{min-width:60px}.total-value{font-size:.6rem}.btn-save-target{padding:.15rem .3rem;font-size:.7rem}.status-badge{padding:.05rem .2rem;font-size:.5rem}.error-message{max-width:60px;font-size:.45rem;bottom:-.8rem}.target-max,.total-percent{font-size:.5rem}.filter-sp{padding:.5rem .75rem}.filter-group label{font-size:.6rem}.filter-group select,.filter-group input{padding:.3rem .5rem;font-size:.7rem}}@media print{.filter-sp,.btn-save-target,.semester-input{display:none!important}.struktural-pembagian-container{background:#fff;padding:0}.table-wrapper-sp{box-shadow:none;border:1px solid #dee2e6;border-radius:0}.sp-table{min-width:auto;font-size:.7rem}.sp-table th,.sp-table td{border:1px solid #333}.sp-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#e9ecef!important}.sasaran-row-sp{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f0f0f0!important}.status-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}.total-value.has-value{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#d4edda!important}}.periode-aktif-container{width:100%;padding:0}.periode-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.periode-header h2{color:#1e4663;margin-bottom:.25rem;font-size:1.3rem;font-weight:600}.periode-header p{color:#6c757d;font-size:.85rem}.btn-tambah-periode{color:#fff;cursor:pointer;background:#1e4663;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.85rem;transition:all .2s}.btn-tambah-periode:hover{background:#0f2c42}.periode-form-container{background:#fff;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.periode-form-container h3{color:#1e4663;border-bottom:2px solid #eef2f6;margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem}.periode-form{flex-direction:column;gap:1rem;display:flex}.form-group select{border:1px solid #dee2e6;border-radius:8px;padding:.6rem .75rem;font-size:.9rem}.checkbox-group{flex-direction:column;justify-content:center;display:flex}.checkbox-group label{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px}.form-hint{color:#6c757d;margin-left:1.8rem;font-size:.7rem}.btn-batal{cursor:pointer;background:#e9ecef;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.85rem}.periode-table-container{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.table-header h3{color:#1e4663;margin-bottom:1rem;font-size:1rem}.periode-table{border-collapse:collapse;width:100%;font-size:.85rem}.periode-table th,.periode-table td{text-align:left;border-bottom:1px solid #e9ecef;padding:.9rem}.periode-table th{color:#495057;background:#f8f9fa;font-weight:600}.periode-table tbody tr:hover{background:#f8f9fa}.periode-table .row-active{background:#e8f5e9}.tahun-cell{color:#1e4663;font-weight:600}.badge-active{color:#155724;background:#d4edda;border-radius:20px;padding:.25rem .75rem;font-size:.7rem;font-weight:600;display:inline-block}.badge-inactive{color:#6c757d;background:#e9ecef;border-radius:20px;padding:.25rem .75rem;font-size:.7rem;font-weight:600;display:inline-block}.aksi-cell{white-space:nowrap;gap:.25rem;display:flex}.btn-set-active,.btn-edit,.btn-delete{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:1rem;transition:all .2s}.btn-set-active:hover{background:#fff3cd;transform:scale(1.05)}.periode-info{border-top:1px solid #eef2f6;margin-top:1rem;padding-top:1rem}.info-box{color:#1e4663;background:#e3f2fd;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem;font-size:.8rem;display:flex}.loading{text-align:center;color:#6c757d;padding:2rem}.error-message{text-align:center;color:#e74c3c;background:#fef5f5;border-radius:8px;padding:1rem}.periode-footer{text-align:center;color:#adb5bd;margin-top:1rem;padding:1rem;font-size:.7rem}@media (width<=768px){.periode-header{text-align:center;flex-direction:column}.form-row{grid-template-columns:1fr;gap:1rem}.periode-table th,.periode-table td{padding:.5rem;font-size:.75rem}.aksi-cell{flex-wrap:wrap}.btn-tambah-periode{width:100%}}.master-sasaran-dt-container{background:#fff;border-radius:16px;width:100%;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.ms-dt-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.ms-dt-header h2{color:#1e4663;margin-bottom:.25rem;font-size:1.2rem}.ms-dt-header p{color:#6c757d;font-size:.85rem}.btn-tambah-dt{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:500;transition:all .2s}.btn-tambah-dt:hover{background:#219a52;transform:translateY(-1px)}.filter-lini-dt{background:#f8f9fa;border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.filter-lini-dt label{color:#1e4663;font-size:.85rem;font-weight:600}.filter-lini-dt select{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:8px;min-width:200px;padding:.5rem 1rem}.filter-lini-dt select:focus{border-color:#1e4663;outline:none}.ms-dt-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.show-entries{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.show-entries select{border:1px solid #ddd;border-radius:6px;padding:.4rem}.table-wrapper{margin-bottom:1.5rem;overflow-x:auto}.ms-dt-table{border-collapse:collapse;width:100%;font-size:.85rem}.ms-dt-table th,.ms-dt-table td{text-align:left;border-bottom:1px solid #e9ecef;padding:.9rem}.ms-dt-table th{color:#495057;background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600}.ms-dt-table tbody tr:hover{background:#f8f9fa}.sasaran-cell{word-wrap:break-word;max-width:500px}.lini-badge-dt{border-radius:20px;padding:.25rem .75rem;font-size:.7rem;font-weight:600;display:inline-block}.lini-badge-dt.dt{color:#2e7d32;background:#e8f5e9}.lini-badge-dt.struktural{color:#1565c0;background:#e3f2fd}.lini-badge-dt.fungsional{color:#ef6c00;background:#fff3e0}.btn-edit-dt,.btn-delete-dt{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:1.1rem;transition:all .2s}.btn-edit-dt:hover{background:#e3f2fd;transform:scale(1.05)}.btn-delete-dt:hover{background:#ffebee;transform:scale(1.05)}.pagination button{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:.4rem .9rem;transition:all .2s}.error-message-dt{color:#721c24;background:#f8d7da;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.error-message-dt button{color:#fff;cursor:pointer;background:#721c24;border:none;border-radius:6px;padding:.3rem 1rem}.loading,.no-data{text-align:center;color:#999;padding:2rem}.ms-dt-footer{text-align:center;color:#adb5bd;border-top:1px solid #eef2f6;margin-top:1.5rem;padding-top:1rem;font-size:.7rem}@media (width<=768px){.master-sasaran-dt-container{padding:1rem}.ms-dt-header{text-align:center;flex-direction:column}.filter-lini-dt,.ms-dt-controls{flex-direction:column;align-items:stretch}.search-box input{width:100%}.pagination-info{text-align:center;flex-direction:column}.ms-dt-table th,.ms-dt-table td{padding:.6rem;font-size:.75rem}}.tambah-sasaran-dt-container{background:#fff;border-radius:16px;width:100%;max-width:800px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.ts-dt-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.btn-back-dt{color:#1e4663;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1rem;font-size:1rem}.btn-back-dt:hover{background:#e8f4fd}.ts-dt-header h2{color:#1e4663;margin:0;font-size:1.2rem}.ts-dt-form{flex-direction:column;gap:1.5rem;display:flex}.required{color:#e74c3c}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:8px;padding:.75rem;font-family:inherit;font-size:.9rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1e4663;outline:none}.form-group textarea{resize:vertical}.form-error{color:#e74c3c;text-align:center;background:#fee;border-radius:8px;padding:.75rem}.btn-cancel{cursor:pointer;background:#e9ecef;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.85rem}.btn-save{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:8px;padding:.6rem 1.5rem;font-size:.85rem}.btn-save:hover{background:#219a52}@media (width<=600px){.form-row{grid-template-columns:1fr}.ts-dt-header{text-align:center;flex-direction:column}}.struktural-dt-container{background:#fff;border-radius:16px;width:100%;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.struktural-dt-header{border-bottom:2px solid #eef2f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.header-title h2{color:#1e4663;margin-bottom:.25rem;font-size:1.3rem}.header-title p{color:#6c757d;font-size:.8rem}.header-buttons{gap:.75rem;display:flex}.btn-cetak-dt,.btn-export-dt{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.btn-cetak-dt{color:#fff;background:#3498db}.btn-cetak-dt:hover{background:#2980b9}.btn-export-dt{color:#fff;background:#27ae60}.btn-export-dt:hover{background:#219a52}.filter-bar-dt{background:#f8f9fa;border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.filter-group{align-items:center;gap:.5rem;display:flex}.filter-group label{color:#333;font-size:.85rem;font-weight:500}.filter-group select{background:#fff;border:1px solid #ddd;border-radius:6px;padding:.5rem}.search-group{flex:1;min-width:250px;position:relative}.search-group input{border:1px solid #ddd;border-radius:6px;width:100%;padding:.5rem 2rem .5rem .75rem;font-size:.85rem}.clear-btn{cursor:pointer;color:#999;background:0 0;border:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.reset-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.8rem}.result-info{color:#6c757d;border-bottom:1px solid #eef2f6;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:.8rem;display:flex}.search-badge,.unit-badge{background:#e9ecef;border-radius:20px;padding:.2rem .6rem}.struktural-dt-table{border-collapse:collapse;width:100%;font-size:.75rem}.struktural-dt-table th,.struktural-dt-table td{text-align:left;vertical-align:middle;border:1px solid #e0e0e0;padding:.65rem}.struktural-dt-table th{color:#1e4663;white-space:nowrap;text-align:center;background:#f5f7fa;font-weight:600}.sub-header th{background:#eef2f6;font-size:.7rem;font-weight:500}.col-unit{width:180px}.col-sasaran,.col-tugas{width:280px}.col-volume{text-align:center;width:80px}.col-triwulan-group{text-align:center;background:#e8f5e9}.col-target,.col-realisasi{text-align:center;width:85px}.col-satuan{text-align:center;width:70px}.sasaran-row{cursor:pointer;background:#fafbfc;transition:background .2s}.sasaran-row:hover{background:#f0f4f8}.sasaran-title{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.expand-icon{color:#1e4663;width:20px;font-size:.7rem}.tugas-count{color:#6c757d;font-size:.65rem;font-weight:400}.tugas-row{background:#fff}.tugas-row:hover{background:#fef9e6}.volume-badge{color:#fff;background:#1e4663;border-radius:12px;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.target-badge{color:#1e4663;background:#f0f4f8;border-radius:12px;padding:.2rem .5rem;font-weight:500;display:inline-block}.realisasi-badge{color:#155724;background:#d4edda;border-radius:12px;padding:.2rem .5rem;font-weight:500;display:inline-block}.realisasi-wrapper{flex-direction:column;align-items:center;gap:.2rem;display:flex}.persentase{border-radius:10px;padding:.1rem .3rem;font-size:.6rem;font-weight:600}.persentase.success{color:#155724;background:#d4edda}.persentase.warning{color:#856404;background:#fff3cd}.persentase.danger{color:#721c24;background:#f8d7da}.satuan-badge{color:#495057;background:#e9ecef;border-radius:12px;padding:.2rem .5rem;display:inline-block}.status{border-radius:20px;padding:.2rem .6rem;font-size:.65rem;font-weight:600;display:inline-block}.status.success{color:#155724;background:#d4edda}.status.pending{color:#856404;background:#fff3cd}.edit-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-size:1rem;transition:all .2s}.edit-btn:hover{background:#e8f4fd;transform:scale(1.1)}.no-data,.loading{text-align:center;color:#999;padding:2rem}.struktural-dt-footer{text-align:center;color:#adb5bd;border-top:1px solid #eef2f6;margin-top:1.5rem;padding-top:1rem;font-size:.7rem}@media print{.header-buttons,.filter-bar-dt,.reset-btn,.edit-btn,.result-info{display:none}.struktural-dt-container{box-shadow:none;padding:0}}@media (width<=768px){.struktural-dt-container{padding:1rem}.filter-bar-dt{flex-direction:column;align-items:stretch}.filter-group{justify-content:space-between}.struktural-dt-header{text-align:center;flex-direction:column}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:28px;width:95%;max-width:1200px;max-height:94vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 30px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header h2{color:#1e4663;letter-spacing:.5px;margin:0;font-size:1.8rem;font-weight:700}.modal-close{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;padding:.5rem;font-size:2.2rem;line-height:1;transition:all .2s;display:flex}.modal-close:hover{color:#e74c3c;background:#fef5f5;transform:rotate(90deg)}.form-section{margin-bottom:1.8rem}.form-label{color:#1e4663;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.7rem;font-size:1rem;font-weight:700;display:block}.form-input,.form-textarea,.form-select{color:#333;background:#fff;border:1.5px solid #dee2e6;border-radius:12px;width:100%;padding:.9rem 1.2rem;font-family:inherit;font-size:1rem;transition:all .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:#1e4663;outline:none;box-shadow:0 0 0 4px #1e46631a}.form-input::placeholder,.form-textarea::placeholder{color:#adb5bd}.form-select option{padding:.5rem}.searchable-select-iku{width:100%;position:relative}.searchable-select-iku-control{cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #dee2e6;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:.9rem 1.2rem;font-size:1rem;transition:all .2s;display:flex}.searchable-select-iku-control:hover{border-color:#1e4663}.searchable-select-iku-control .placeholder-text{color:#adb5bd}.searchable-select-iku-control .value-text{color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.searchable-select-iku-arrow{color:#6c757d;flex-shrink:0;margin-left:.75rem;font-size:.8rem}.searchable-select-iku-dropdown{z-index:60;background:#fff;border:1.5px solid #dee2e6;border-radius:14px;flex-direction:column;max-height:340px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 12px 32px #00000026}.searchable-select-iku-input{border:none;border-bottom:1.5px solid #eef2f6;outline:none;padding:.85rem 1.1rem;font-family:inherit;font-size:.95rem}.searchable-select-iku-input:focus{background:#f8f9fa}.searchable-select-iku-options{overflow-y:auto}.searchable-select-iku-option{cursor:pointer;color:#333;border-bottom:1px solid #f5f5f5;padding:.75rem 1.1rem;font-size:.9rem}.searchable-select-iku-option:last-child{border-bottom:none}.searchable-select-iku-option:hover{background:#f0f4f8}.searchable-select-iku-option.active{color:#1e4663;background:#e8f0f7;font-weight:700}.searchable-select-iku-empty{color:#999;padding:.75rem 1.1rem;font-size:.9rem}.form-row-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.8rem;display:grid}.form-row-grid .form-section{margin-bottom:0}.form-row-grid-3{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:1.8rem;display:grid}.form-row-grid-3 .form-section{margin-bottom:0}.cascading-container{background:#f8f9fa;border:1px solid #eef2f6;border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.cascading-options{gap:1rem;display:flex}.cascading-btn{cursor:pointer;color:#333;background:#fff;border:2px solid #dee2e6;border-radius:8px;padding:.6rem 2rem;font-size:.85rem;font-weight:500;transition:all .2s}.cascading-btn:hover{background:#f0f7fc;border-color:#1e4663}.cascading-btn.active{color:#fff;background:#1e4663;border-color:#1e4663}.cascading-btn.active:hover{background:#0f2c42}.iku-utama-container{flex-direction:column;gap:.75rem;display:flex}.iku-utama-info{background:#f0f7fc;border-left:3px solid #1e4663;border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.info-row{align-items:center;gap:.5rem;padding:.15rem 0;display:flex}.info-row .info-label{color:#1e4663;min-width:100px;font-size:.75rem;font-weight:600}.info-row .info-value{color:#333;font-size:.85rem;font-weight:500}.error-message-struktur{color:#e74c3c;background:#fef5f5;border:1px solid #fde2e2;border-radius:8px;padding:.5rem .75rem;font-size:.85rem}.realisasi-container{background:#fff;border:1px solid #dee2e6;border-radius:12px;overflow:hidden}.realisasi-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;grid-template-columns:1fr 1fr;display:grid}.realisasi-header-cell{color:#1e4663;text-align:center;background:#e8f4fd;border-right:1px solid #dee2e6;padding:.75rem;font-size:.8rem;font-weight:600}.realisasi-header-cell:last-child{border-right:none}.realisasi-row{grid-template-columns:1fr 1fr;display:grid}.realisasi-cell{border-bottom:1px solid #dee2e6;border-right:1px solid #dee2e6;min-height:50px;padding:.5rem}.realisasi-row:last-child .realisasi-cell{border-bottom:none}.realisasi-cell:last-child{border-right:none}.realisasi-cell input,.realisasi-cell select{box-sizing:border-box;background:#fff;border:1px solid #dee2e6;border-radius:8px;width:100%;padding:.6rem .75rem;font-size:.85rem;transition:all .2s}.realisasi-cell input:focus,.realisasi-cell select:focus{border-color:#1e4663;outline:none;box-shadow:0 0 0 3px #1e46631a}.realisasi-items-cell{background:#fafbfc;flex-direction:column;padding:.6rem;display:flex}.realisasi-search-input{margin-bottom:.5rem}.realisasi-items-list{flex-direction:column;gap:.25rem;max-height:220px;display:flex;overflow-y:auto}.multi-select-hint{color:#6c757d;text-align:center;background:#f8f9fa;border-bottom:1px solid #eef2f6;border-radius:4px;margin-bottom:.4rem;padding:.2rem .5rem;font-size:.65rem;font-weight:500}.realisasi-item{color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;word-break:break-word;background:#fff;border:1px solid #f0f0f0;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.78rem;line-height:1.3;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000008}.realisasi-item-check{color:#f0c674;flex-shrink:0;font-weight:700}.realisasi-item:hover{background:#e8f4fd;border-color:#cce4f7}.realisasi-item.selected{color:#fff;background:#1e4663;border-color:#1e4663}.realisasi-item.selected:hover{background:#0f2c42}.result-container{background:#fafbfc;flex-direction:column;height:100%;min-height:180px;display:flex}.result-header{z-index:1;background:#f8f9fa;border-bottom:1px solid #dee2e6;justify-content:space-between;align-items:center;padding:.4rem .5rem;display:flex;position:sticky;top:0}.result-header span{color:#1e4663;font-size:.75rem;font-weight:600}.btn-clear-all{color:#e74c3c;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .5rem;font-size:.65rem;transition:all .2s}.btn-clear-all:hover{background:#fde2e2}.result-items{flex:1;max-height:200px;padding:.25rem;overflow-y:auto}.empty-result{color:#adb5bd;text-align:center;padding:1rem .5rem;font-size:.8rem}.result-item{background:#e8f4fd;border-left:2px solid #1e4663;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:.25rem;padding:.3rem .5rem;transition:all .2s;display:flex}.result-item:hover{background:#d6e9f8}.result-item-text{color:#333;word-break:break-word;flex:1;margin-right:.5rem;font-size:.75rem}.btn-remove-item{color:#e74c3c;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:.1rem .3rem;font-size:.7rem;transition:all .2s}.btn-remove-item:hover{background:#fde2e2;transform:scale(1.2)}.select-hint{color:#6c757d;text-align:center;margin-top:.25rem;font-size:.6rem;display:block}.realisasi-items-list::-webkit-scrollbar{width:4px}.result-items::-webkit-scrollbar{width:4px}.realisasi-items-list::-webkit-scrollbar-track{background:#eef2f6;border-radius:2px}.result-items::-webkit-scrollbar-track{background:#eef2f6;border-radius:2px}.realisasi-items-list::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:2px}.result-items::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:2px}.realisasi-items-list::-webkit-scrollbar-thumb:hover{background:#1e4663}.result-items::-webkit-scrollbar-thumb:hover{background:#1e4663}.modal-footer{background:#f8f9fa;border-top:1px solid #eef2f6;border-radius:0 0 28px 28px;justify-content:flex-end;gap:1.5rem;padding:1.8rem 2.5rem;display:flex;position:sticky;bottom:0}.btn-cancel{cursor:pointer;color:#495057;background:#e9ecef;border:none;border-radius:12px;padding:.9rem 2.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-cancel:hover{background:#dee2e6;transform:translateY(-2px)}.btn-save{color:#fff;cursor:pointer;background:#1e4663;border:none;border-radius:12px;padding:.9rem 3rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (width<=1024px){.modal-container{max-width:95%}.modal-body{padding:2rem}}@media (width<=768px){.modal-container{border-radius:20px;width:95%;max-height:95vh}.modal-header{border-radius:20px 20px 0 0;flex-wrap:wrap;padding:1.2rem}.modal-header h2{font-size:1.2rem}.modal-body{padding:1.2rem}.modal-footer{border-radius:0 0 20px 20px;flex-direction:column;padding:1rem}.form-label{font-size:.75rem}.form-input,.form-textarea,.form-select{padding:.6rem;font-size:.85rem}.form-row-grid{grid-template-columns:1fr;gap:1rem}.form-row-grid-3{grid-template-columns:1fr 1fr;gap:1rem}.cascading-options{flex-direction:column}.cascading-btn{text-align:center;width:100%}.info-row{flex-direction:column;align-items:flex-start;gap:.2rem}.info-row .info-label{min-width:auto}.realisasi-header{font-size:.7rem}.realisasi-header-cell{padding:.5rem}.realisasi-cell{min-height:40px;padding:.25rem}.realisasi-items-list{max-height:150px}.realisasi-item{padding:.25rem .5rem;font-size:.7rem}.result-items{max-height:120px}.result-item{padding:.2rem .4rem;font-size:.7rem}.result-container{min-height:140px}.btn-cancel,.btn-save{text-align:center;width:100%;padding:.7rem 1.5rem;font-size:.85rem}.modal-close{width:40px;height:40px;font-size:1.6rem}}@media (width<=480px){.modal-container{border-radius:16px;width:98%}.modal-body,.modal-header{padding:.8rem}.modal-header h2{font-size:1rem}.form-row-grid-3{grid-template-columns:1fr;gap:.75rem}.realisasi-cell input,.realisasi-cell select{padding:.4rem;font-size:.75rem}.realisasi-item{padding:.2rem .4rem;font-size:.65rem}}@media print{.modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;position:static}.modal-container{box-shadow:none;border:1px solid #dee2e6;border-radius:0;max-height:none}.modal-header{background:#fff;border-radius:0}.modal-close,.btn-cancel,.btn-save{display:none}}.result-item{background:#e8f4fd;border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem;margin-bottom:.2rem;padding:.2rem .4rem;font-size:.8rem;display:flex}.result-item-text{color:#2c5f8a;word-break:break-all;flex:1;padding-right:.5rem}.result-item-id{color:#888;white-space:nowrap;background:#f1f3f5;border-radius:10px;padding:.05rem .4rem;font-size:.65rem;font-weight:500}.btn-remove-item{color:#dc3545;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 .2rem;font-size:.7rem}.btn-remove-item:hover{transform:scale(1.2)}.form-hint{color:#6c757d;background:#f8f9fa;border-left:3px solid #1e4663;border-radius:6px;margin:.4rem 0 .75rem;padding:.5rem .75rem;font-size:.78rem;line-height:1.4}.cascading-indicator{color:#1e4663;margin-left:.5rem;font-size:.75rem;font-weight:500}.btn-kelola-item{color:#1e4663;cursor:pointer;white-space:nowrap;background:#eaf4fb;border:1px solid #cce4f7;border-radius:6px;flex-shrink:0;padding:.15rem .5rem;font-size:.68rem;font-weight:600;transition:all .2s}.btn-kelola-item:hover{color:#fff;background:#1e4663}.btn-parent-link{color:#856404;cursor:pointer;background:#fff3cd;border:1px solid #ffe69c;border-radius:8px;margin-top:.5rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s}.btn-parent-link:hover{background:#ffe69c}.iku-dt-container{width:100%;padding:0}.breadcrumb-iku-dt{color:#6c757d;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.breadcrumb-iku-dt .active{color:#1e4663;font-weight:500}.header-iku-dt{margin-bottom:1.5rem}.header-iku-dt h1{color:#1e4663;margin-bottom:.25rem;font-size:1.3rem;font-weight:600}.header-iku-dt p{color:#6c757d;font-size:.85rem}.tambah-section-dt{text-align:right;margin-bottom:1rem}.btn-tambah-iku-dt{color:#fff;cursor:pointer;background:#1e4663;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.85rem;transition:all .2s}.btn-tambah-iku-dt:hover{background:#0f2c42;transform:translateY(-1px)}.data-iku-dt-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.section-header-dt h2{color:#1e4663;margin-bottom:1rem;font-size:1.1rem}.perjanjian-section-dt{margin-bottom:1.5rem}.perjanjian-section-dt h3{color:#1e4663;margin-bottom:.75rem;font-size:.9rem}.legend-iku-dt{border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6;flex-wrap:wrap;gap:2rem;margin-bottom:1rem;padding:.5rem 0;display:flex}.legend-item-dt{align-items:center;gap:.5rem;display:flex}.legend-color-dt{border-radius:4px;width:20px;height:20px}.legend-color-dt.primary-dt{background:#e3f2fd;border:1px solid #1e4663}.legend-color-dt.success-dt{background:#d4edda;border:1px solid #27ae60}.legend-item-dt span{color:#495057;font-size:.75rem}.filter-iku-dt{background:#f8f9fa;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.filter-group-dt{flex-direction:column;gap:.5rem;display:flex}.filter-group-dt label{color:#495057;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.filter-group-dt select{background:#fff;border:1px solid #dee2e6;border-radius:6px;min-width:150px;padding:.5rem}.btn-tampilkan-dt{color:#fff;cursor:pointer;background:#1e4663;border:none;border-radius:6px;padding:.5rem 1.2rem;font-size:.8rem;transition:all .2s}.btn-tampilkan-dt:hover{background:#0f2c42}.table-wrapper-iku-dt{overflow-x:auto}.iku-dt-table{border-collapse:collapse;width:100%;font-size:.8rem}.iku-dt-table th,.iku-dt-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e9ecef;border-right:1px solid #e9ecef;padding:.9rem}.iku-dt-table th{color:#495057;text-align:center;background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600}.iku-dt-table th:last-child,.iku-dt-table td:last-child{border-right:none}.header-main-dt th{background:#e8f4fd;padding:.9rem}.header-sub-dt th{background:#f0f7fc;padding:.6rem;font-size:.75rem}.col-sasaran-dt{background-color:#e3f2fd;min-width:280px}.col-indikator-dt{min-width:320px}.col-cascading-dt{text-align:center;width:100px}.col-target-group-dt{text-align:center;background-color:#e8f4fd}.col-target-nilai-dt,.col-target-satuan-dt{text-align:center;width:80px}.col-sumber-dt{min-width:200px}.col-aksi-dt{text-align:center;width:80px}.sasaran-cell-dt{vertical-align:top;background-color:#e3f2fd;font-weight:500}.row-direct-dt{background-color:#f0fdf4}.row-utama-dt{background-color:#eff6ff}.cascading-cell-dt{text-align:center;border-radius:20px;padding:.2rem .8rem;font-weight:500;display:inline-block}.cascading-cell-dt.direct-dt{color:#27ae60;background-color:#d4edda}.cascading-cell-dt.utama-dt{color:#1e4663;background-color:#e3f2fd}.target-cell-dt{text-align:center;color:#1e4663;font-weight:600}.satuan-cell-dt{text-align:center;color:#6c757d}.sumber-cell-dt{color:#6c757d;font-size:.75rem}.aksi-cell-dt{text-align:center;white-space:nowrap}.btn-edit-iku-dt,.btn-delete-iku-dt{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:1rem;transition:all .2s}.btn-edit-iku-dt:hover{background:#e3f2fd;transform:scale(1.05)}.btn-delete-iku-dt:hover{background:#ffebee;transform:scale(1.05)}.no-data-dt{text-align:center;color:#adb5bd;padding:2rem}.iku-dt-footer{text-align:center;color:#adb5bd;margin-top:1rem;padding:1rem;font-size:.7rem}@media (width<=768px){.filter-iku-dt{flex-direction:column;align-items:stretch}.legend-iku-dt{flex-direction:column;gap:.5rem}.iku-dt-table th,.iku-dt-table td{padding:.5rem;font-size:.7rem}.col-sasaran-dt,.col-indikator-dt{min-width:200px}.cascading-cell-dt{padding:.15rem .5rem;font-size:.7rem}.btn-tambah-iku-dt{width:100%}}.edit-target-container{background:#f5f7fa;width:100%;min-height:100vh;padding:0}.edit-target-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.edit-target-header h1{color:#1e4663;font-size:1.5rem;font-weight:700}.edit-target-header .subtitle{color:#6c757d;margin-top:.25rem;font-size:.85rem}.header-info{align-items:center;gap:.75rem;display:flex}.status-badge{border-radius:20px;padding:.3rem .8rem;font-size:.8rem;font-weight:600}.status-badge.direct{color:#155724;background:#d4edda}.year-badge{color:#fff;background:#1e4663;border-radius:20px;padding:.3rem .8rem;font-size:.8rem;font-weight:500}.edit-target-form{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000000d}.form-section{border-bottom:1px solid #eef2f6;margin-bottom:2rem;padding-bottom:2rem}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-row{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.form-input,.form-select{background:#fff;border:1.5px solid #dee2e6;border-radius:10px;width:100%;padding:.7rem 1rem;font-size:.95rem;transition:all .2s}.form-input:focus,.form-select:focus{border-color:#1e4663;outline:none;box-shadow:0 0 0 3px #1e46631a}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:2.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header label{color:#1e4663;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.btn-add{color:#fff;cursor:pointer;background:#1e4663;border:none;border-radius:8px;padding:.4rem 1.2rem;font-size:.8rem;font-weight:500;transition:all .2s}.btn-add:hover{background:#0f2c42;transform:translateY(-1px)}.struktur-list{border:1px solid #eef2f6;border-radius:12px;overflow:hidden}.struktur-item{background:#fff;border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.struktur-item:last-child{border-bottom:none}.struktur-input{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;flex:1;padding:.4rem .6rem;font-size:.85rem}.struktur-input:focus{background:#fff;border-color:#1e4663;outline:none}.struktur-actions{align-items:center;gap:.5rem;display:flex}.struktur-value-input{text-align:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;width:60px;padding:.4rem;font-size:.85rem}.struktur-value-input:focus{background:#fff;border-color:#1e4663;outline:none}.btn-remove-struktur{cursor:pointer;color:#e74c3c;background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-size:.9rem;transition:all .2s}.btn-remove-struktur:hover{background:#fde2e2}.sumber-data-info{background:#f0f7fc;border-left:3px solid #1e4663;border-radius:10px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;display:flex}.sumber-data-info .info-label{color:#1e4663;font-size:.75rem;font-weight:600}.sumber-data-info .info-value{color:#333;font-size:.85rem;font-weight:500}.btn-save{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:10px;width:100%;padding:.8rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-save:hover:not(:disabled){background:#219a52;transform:translateY(-1px);box-shadow:0 4px 12px #27ae604d}.btn-save:disabled{opacity:.6;cursor:not-allowed}.edit-target-loading{text-align:center;color:#6c757d;padding:3rem;font-size:1rem}.edit-target-footer{text-align:center;color:#adb5bd;margin-top:1.5rem;padding:1.5rem;font-size:.75rem}@media (width<=768px){.edit-target-header{text-align:center;flex-direction:column}.edit-target-form{padding:1rem}.form-row{grid-template-columns:1fr;gap:1rem}.struktur-item{flex-direction:column;gap:.5rem}.struktur-actions{justify-content:flex-end;width:100%}.sumber-data-info{text-align:center;flex-direction:column}}.setting-asesor-container{background:#f5f7fa;width:100%;min-height:100vh;padding:0}.setting-header{margin-bottom:1.5rem}.setting-header h1{color:#1e4663;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.setting-header p{color:#6c757d;font-size:.9rem}.tab-navigation{background:#fff;border-radius:12px;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;display:flex;box-shadow:0 2px 8px #0000000d}.tab-btn{color:#495057;cursor:pointer;background:#f8f9fa;border:none;border-radius:8px;flex:1;padding:.75rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.tab-btn:hover{background:#e9ecef}.tab-btn.active{color:#fff;background:#1e4663}.form-jadwal-section{background:#fff;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.section-title h3{color:#1e4663;font-size:1rem;font-weight:600}.btn-toggle-form{color:#fff;cursor:pointer;background:#1e4663;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.8rem;transition:all .2s}.btn-toggle-form:hover{background:#0f2c42}.jadwal-form,.akun-form,.alokasi-form{border-top:1px solid #eef2f6;margin-top:1.25rem;padding-top:1.25rem}.manager-form{border-top:2px solid #dee2e6;margin-top:1.5rem;padding-top:1.5rem}.jadwal-table,.akun-table{border-collapse:collapse;width:100%;font-size:.85rem}.jadwal-table th,.jadwal-table td,.akun-table th,.akun-table td{text-align:left;border-bottom:1px solid #e9ecef;padding:.8rem}.jadwal-table th,.akun-table th{color:#495057;background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600}.jadwal-table tbody tr:hover,.akun-table tbody tr:hover{background:#f8f9fa}.jadwal-cell{min-width:200px}.keterangan-cell{min-width:250px}.nama-cell{color:#1e4663;font-weight:500}.lini-badge{border-radius:20px;padding:.25rem .75rem;font-size:.7rem;font-weight:600;display:inline-block}.lini-badge.dt{color:#2e7d32;background:#e8f5e9}.lini-badge.struktural{color:#1565c0;background:#e3f2fd}.role-badge{border-radius:20px;padding:.25rem .75rem;font-size:.7rem;font-weight:600;display:inline-block}.role-badge.asesor{color:#1565c0;background:#e3f2fd}.role-badge.reviewer{color:#c62828;background:#fce4ec}.status-badge.inactive{color:#721c24;background:#f8d7da}.status-badge.status-kepala{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.kepala-nama-info{color:#555;margin-top:4px;font-size:12px;font-style:italic}.status-badge.status-tatausaha{color:#e65100;background:#fff3e0;border:1px solid #ffcc80}.status-badge.status-staff{color:#0d47a1;background:#e3f2fd;border:1px solid #90caf9}.btn-edit,.btn-delete{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:1.1rem;transition:all .2s}.btn-edit:hover{background:#e3f2fd;transform:scale(1.05)}.table-header-akun{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.table-header-akun h4{color:#1e4663;font-size:.95rem;font-weight:600}.data-table-section{margin-top:1rem}.data-info{color:#6c757d;border-top:1px solid #eef2f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;font-size:.8rem;display:flex}.form-alokasi-section{background:#fff;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.manager-section{border-top:2px solid #dee2e6;margin-top:2rem;padding-top:1rem}.manager-section .section-title h4{color:#1e4663;font-size:1rem;font-weight:600}.sub-section{border-bottom:1px solid #eef2f6;margin-bottom:1.5rem;padding-bottom:1rem}.sub-section:last-child{border-bottom:none;margin-bottom:0}.sub-section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.sub-section-title h4{color:#2c5f8a;font-size:.9rem;font-weight:600}.btn-toggle-subform{color:#495057;cursor:pointer;background:#e9ecef;border:none;border-radius:6px;padding:.3rem .8rem;font-size:.7rem;transition:all .2s}.btn-toggle-subform:hover{background:#dee2e6}.form-hint{color:#f39c12;margin-top:.25rem;font-size:.7rem;display:block}.setting-asesor-loading{text-align:center;color:#6c757d;padding:3rem;font-size:.9rem}.setting-footer{text-align:center;color:#adb5bd;margin-top:1rem;padding:1rem;font-size:.75rem}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#c1c7cd;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#a0a7ae}@media (width<=1024px){.jadwal-table,.akun-table{font-size:.8rem}.jadwal-cell,.keterangan-cell{min-width:150px}}@media (width<=768px){.setting-header h1{font-size:1.2rem}.tab-navigation{flex-direction:column}.tab-btn{text-align:center;padding:.6rem}.form-row{grid-template-columns:1fr}.section-title{flex-direction:column;align-items:flex-start}.btn-toggle-form,.btn-toggle-subform{text-align:center;width:100%}.table-controls{flex-direction:column;align-items:stretch}.show-entries{justify-content:center}.jadwal-table th,.jadwal-table td,.akun-table th,.akun-table td{padding:.6rem;font-size:.75rem}.jadwal-cell,.keterangan-cell{min-width:120px}.pagination-info{text-align:center;flex-direction:column}.table-header-akun{flex-direction:column;align-items:stretch}.data-info{text-align:center;flex-direction:column}.form-actions{flex-direction:column}.btn-batal,.btn-simpan{text-align:center;width:100%}.sub-section-title{flex-direction:column;align-items:flex-start}.form-group input,.form-group select{padding:.5rem;font-size:.8rem}.role-badge,.status-badge,.lini-badge{padding:.15rem .4rem;font-size:.6rem}}@media (width<=480px){.setting-header h1{font-size:1rem}.setting-header p{font-size:.8rem}.setting-asesor-container{padding:0 .5rem}.form-jadwal-section,.form-akun-section,.form-alokasi-section{padding:1rem}.jadwal-table th,.jadwal-table td,.akun-table th,.akun-table td{padding:.4rem;font-size:.65rem}.jadwal-cell,.keterangan-cell{min-width:100px}.btn-edit,.btn-delete{padding:.15rem .3rem;font-size:.9rem}.pagination button{padding:.3rem .6rem;font-size:.65rem}.no-data{padding:1.5rem;font-size:.8rem}.setting-footer{font-size:.6rem}}@media print{.btn-toggle-form,.btn-toggle-subform,.btn-edit,.btn-delete,.btn-batal,.btn-simpan,.tab-btn{display:none!important}.setting-asesor-container{background:#fff;padding:0}.form-jadwal-section,.form-akun-section,.form-alokasi-section{box-shadow:none;border:1px solid #dee2e6;border-radius:0}.jadwal-table th,.jadwal-table td,.akun-table th,.akun-table td{border:1px solid #333}.jadwal-table th,.akun-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#e9ecef!important}.status-badge,.role-badge,.lini-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}.tab-navigation{box-shadow:none;background:0 0;padding:0}.tab-btn.active{color:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#1e4663}}.lock-pelaporan-container{background:#f5f7fa;width:100%;min-height:100vh;padding:0}.lock-breadcrumb{color:#6c757d;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.lock-breadcrumb .separator{color:#adb5bd}.lock-breadcrumb .active{color:#1e4663;font-weight:600}.lock-header{margin-bottom:1.5rem}.lock-header h1{color:#1e4663;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.lock-header p{color:#6c757d;font-size:.9rem}.lock-cards{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.lock-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.lock-card-header{color:#fff;padding:1rem 1.5rem}.lock-card-header h2{margin:0;font-size:1.1rem;font-weight:600}.lini-header-struktural{background:linear-gradient(135deg,#1565c0,#0d47a1)}.lini-header-dt{background:linear-gradient(135deg,#2e7d32,#1b5e20)}.lock-card-body{padding:1.5rem}.setting-group{background:#f8f9fa;border-radius:10px;margin-bottom:1rem;padding:1rem;transition:all .2s}.setting-group:hover{background:#f0f4f8}.setting-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.setting-header h4{color:#1e4663;margin:0;font-size:.9rem;font-weight:600}.btn-lock{cursor:pointer;border:none;border-radius:20px;min-width:100px;padding:.4rem 1rem;font-size:.75rem;font-weight:600;transition:all .2s}.btn-lock.unlocked{color:#155724;background:#d4edda}.btn-lock.unlocked:hover{background:#c3e6cb;transform:scale(1.02)}.btn-lock.locked{color:#721c24;background:#f8d7da}.btn-lock.locked:hover{background:#f5c6cb;transform:scale(1.02)}.status-badge-wrapper{border-top:1px solid #eef2f6;justify-content:flex-end;margin-top:.5rem;padding-top:.5rem;display:flex}.status-badge.active{color:#155724;background:#d4edda}.status-badge.locked{color:#721c24;background:#f8d7da}.role-display{background:#e9ecef;border-radius:6px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.3rem .6rem;display:flex}.role-label{color:#6c757d;font-size:.7rem;font-weight:600}.role-value{color:#1e4663;font-size:.8rem;font-weight:500}.lock-card-footer{text-align:right;border-top:1px solid #eef2f6;margin-top:1rem;padding-top:1rem}.btn-save-lock{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:8px;padding:.6rem 1.5rem;font-size:.85rem;font-weight:500;transition:all .2s}.btn-save-lock:hover:not(:disabled){background:#219a52;transform:translateY(-1px);box-shadow:0 4px 12px #27ae604d}.btn-save-lock:disabled{opacity:.6;cursor:not-allowed}.lock-loading{text-align:center;color:#6c757d;padding:3rem;font-size:.9rem}.lock-footer{text-align:center;color:#adb5bd;margin-top:1.5rem;padding:1.5rem;font-size:.75rem}@media (width<=1024px){.lock-cards{grid-template-columns:1fr}}@media (width<=768px){.lock-header h1{font-size:1.2rem}.setting-header{flex-direction:column;align-items:flex-start}.btn-lock{text-align:center;width:100%;min-width:unset}.btn-save-lock{width:100%}.lock-card-body{padding:1rem}.setting-group{padding:.75rem}}@media (width<=480px){.lock-card-header h2{font-size:.9rem}.lock-card-body{padding:.75rem}.setting-header h4{font-size:.8rem}.status-badge{padding:.15rem .5rem;font-size:.6rem}.btn-lock{padding:.3rem .6rem;font-size:.65rem}}.berkas-iku-container{background:#f5f7fa;width:100%;min-height:100vh;padding:0}.breadcrumb-berkas{color:#6c757d;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.breadcrumb-berkas .separator{color:#adb5bd}.breadcrumb-berkas .active{color:#1e4663;font-weight:600}.berkas-header{margin-bottom:1.5rem}.berkas-header h1{color:#1e4663;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.berkas-header p{color:#6c757d;font-size:.9rem}.form-group input,.form-group select{background:#fff;border:1.5px solid #dee2e6;border-radius:8px;width:100%;padding:.6rem .75rem;font-size:.85rem;transition:all .2s}.file-input-wrapper{background:#fafbfc;border:1.5px dashed #dee2e6;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;display:flex;position:relative}.file-input-wrapper input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.file-input-wrapper .file-name{color:#6c757d;text-align:center;padding:.5rem;font-size:.85rem}.file-input-wrapper .file-info{color:#adb5bd;text-align:center;font-size:.7rem}.file-input-wrapper:hover{background:#f0f7fc;border-color:#1e4663}.btn-batal{color:#495057;cursor:pointer;background:#e9ecef;border:none;border-radius:8px;padding:.6rem 1.5rem;font-size:.8rem;transition:all .2s}.btn-batal:hover{background:#dee2e6}.btn-simpan{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:8px;padding:.6rem 1.5rem;font-size:.8rem;transition:all .2s}.btn-simpan:hover:not(:disabled){background:#219a52}.btn-simpan:disabled{opacity:.6;cursor:not-allowed}.total-files{color:#6c757d;background:#f8f9fa;border-radius:20px;padding:.3rem .8rem;font-size:.8rem}.berkas-table{border-collapse:collapse;width:100%;font-size:.85rem}.berkas-table th,.berkas-table td{text-align:left;border-bottom:1px solid #e9ecef;padding:.8rem}.berkas-table th{color:#495057;background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600}.berkas-table tbody tr:hover{background:#f8f9fa}.btn-download,.btn-delete{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:1.1rem;transition:all .2s}.pagination{align-items:center;gap:.5rem;display:flex}.pagination button:hover:not(:disabled){color:#fff;background:#1e4663;border-color:#1e4663}.page-info{padding:.4rem .8rem}.berkas-iku-loading{text-align:center;color:#6c757d;padding:3rem;font-size:.9rem}.berkas-footer{text-align:center;color:#adb5bd;margin-top:1rem;padding:1rem;font-size:.75rem}@media (width<=768px){.form-row{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.table-controls{flex-direction:column;align-items:stretch}.pagination-info{text-align:center;flex-direction:column}.berkas-table th,.berkas-table td{padding:.5rem;font-size:.75rem}.dokumen-cell{max-width:200px}.btn-tambah{text-align:center;width:100%}.form-actions{flex-direction:column}.btn-batal,.btn-simpan{text-align:center;width:100%}}@media (width<=480px){.berkas-header h1{font-size:1.1rem}.berkas-table th,.berkas-table td{padding:.3rem;font-size:.65rem}.dokumen-cell{max-width:120px}.btn-download,.btn-delete{padding:.15rem .3rem;font-size:.9rem}}.pdf-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.pdf-modal-container{background:#fff;border-radius:16px;flex-direction:column;width:95%;max-width:1000px;height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.pdf-modal-close{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:1.5rem;line-height:1;transition:all .2s}.btn-download-pdf{color:#fff;cursor:pointer;background:#1e4663;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-download-pdf:hover{background:#0f2c42;transform:translateY(-1px)}.btn-close-pdf{color:#495057;cursor:pointer;background:#e9ecef;border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:500;transition:all .2s}@media (width<=768px){.pdf-modal-container{border-radius:12px;width:98%;height:95vh}.pdf-modal-header{padding:.75rem 1rem}.pdf-modal-header h3{font-size:.95rem}.pdf-modal-footer{flex-direction:column;padding:.75rem 1rem}.btn-download-pdf,.btn-close-pdf{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.pdf-modal-container{border-radius:0;width:100%;height:100vh}.pdf-modal-body{padding:.25rem}}.berkas-perkin-container{background:#f5f7fa;width:100%;padding:0}.breadcrumb{color:#6c757d;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.perkin-header{margin-bottom:1.5rem}.perkin-header h1{color:#1e4663;margin-bottom:.25rem;font-size:1.3rem;font-weight:600}.perkin-header p{color:#6c757d;font-size:.85rem}.perkin-info{margin-bottom:1.5rem}.info-card{color:#fff;background:linear-gradient(135deg,#1e4663,#2c5f8a);border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.info-icon{font-size:2rem}.info-content h3{margin-bottom:.25rem;font-size:.9rem;font-weight:600}.info-content p{opacity:.9;font-size:.75rem}.upload-section{background:#fff;border-radius:16px;margin-bottom:1.5rem;padding:1.25rem;box-shadow:0 2px 8px #0000000d}.section-header h3{color:#1e4663;font-size:1rem;font-weight:600}.btn-tambah{color:#fff;cursor:pointer;background:#1e4663;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.8rem;transition:all .2s}.btn-tambah:hover{background:#0f2c42}.upload-form{border-top:1px solid #eef2f6;margin-top:1rem;padding-top:1rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.form-group label{color:#495057;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.form-group input,.form-group select{border:1px solid #dee2e6;border-radius:8px;padding:.6rem .75rem;font-size:.85rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#1e4663;outline:none;box-shadow:0 0 0 3px #1e46631a}.file-input-wrapper{background:#fff;border:1px solid #dee2e6;border-radius:8px;align-items:center;display:flex;position:relative}.file-input-wrapper input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.file-input-wrapper .file-name{color:#6c757d;flex:1;padding:.6rem .75rem;font-size:.85rem}.btn-batal{color:#495057;cursor:pointer;background:#e9ecef;border:none;border-radius:8px;padding:.6rem 1.5rem;font-size:.8rem}.btn-simpan{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:8px;padding:.6rem 1.5rem;font-size:.8rem}.btn-simpan:hover{background:#219a52}.daftar-section{background:#fff;border-radius:16px;margin-bottom:1.5rem;padding:1.25rem;box-shadow:0 2px 8px #0000000d}.table-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.show-entries{color:#6c757d;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.show-entries select{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:.3rem .5rem}.search-box{position:relative}.search-box input{border:1px solid #dee2e6;border-radius:8px;width:260px;padding:.5rem 2rem .5rem 1rem;font-size:.85rem}.search-box input:focus{border-color:#1e4663;outline:none}.search-box span{color:#999;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.table-wrapper{overflow-x:auto}.perkin-table{border-collapse:collapse;width:100%;font-size:.85rem}.perkin-table th,.perkin-table td{text-align:left;border-bottom:1px solid #e9ecef;padding:.9rem}.perkin-table th{color:#495057;background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600}.perkin-table tbody tr:hover{background:#f8f9fa}.dokumen-cell{word-wrap:break-word;max-width:350px}.lini-cell{min-width:250px}.no-cell{text-align:center;width:50px}.tahun-cell{text-align:center;width:80px}.aksi-cell{white-space:nowrap;text-align:center}.btn-download,.btn-edit,.btn-delete{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:1rem;transition:all .2s}.btn-download:hover,.btn-edit:hover{background:#e3f2fd;transform:scale(1.05)}.btn-delete:hover{background:#ffebee;transform:scale(1.05)}.pagination-info{color:#6c757d;border-top:1px solid #e9ecef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding-top:1rem;font-size:.8rem;display:flex}.pagination{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:.4rem .8rem;font-size:.75rem;transition:all .2s}.pagination button:hover:not(:disabled):not(.active){background:#e9ecef}.pagination button.active{color:#fff;background:#1e4663;border-color:#1e4663}.pagination button:disabled{opacity:.5;cursor:not-allowed}.perkin-footer{text-align:center;color:#adb5bd;padding:1rem;font-size:.7rem}@media (width<=768px){.form-row{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.table-controls{flex-direction:column;align-items:stretch}.search-box input{width:100%}.pagination-info{text-align:center;flex-direction:column}.pagination{justify-content:center}.perkin-table th,.perkin-table td{padding:.6rem;font-size:.75rem}.dokumen-cell{max-width:150px}.lini-cell{min-width:180px}.info-card{text-align:center;flex-direction:column}}.file-badge{border-radius:4px;padding:.2rem .6rem;font-size:.65rem;font-weight:600;display:inline-block}.file-badge.pdf{color:#c62828;background:#fde2e2}.file-size{color:#6c757d;margin-top:.15rem;font-size:.6rem;display:block}.file-link{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:flex-start;width:100%;padding:0;transition:all .2s;display:flex}.file-link:hover .file-badge{background:#ffcdd2;transform:scale(1.02)}.file-link:hover .file-size{color:#1e4663}.pdf-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.pdf-modal-container{background:#fff;border-radius:16px;flex-direction:column;width:95%;max-width:1000px;height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.pdf-modal-header{background:#f8f9fa;border-bottom:1px solid #eef2f6;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.pdf-modal-header h3{color:#1e4663;margin:0;font-size:1.1rem;font-weight:600}.pdf-modal-close{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:1.5rem;line-height:1}.pdf-modal-close:hover{color:#e74c3c;background:#fef5f5}.pdf-modal-body{background:#f5f7fa;flex:1;padding:.5rem;overflow:hidden}.pdf-modal-body iframe{background:#fff;border:none;border-radius:8px;width:100%;height:100%}.pdf-modal-footer{background:#f8f9fa;border-top:1px solid #eef2f6;flex-shrink:0;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;display:flex}.btn-download-pdf{color:#fff;cursor:pointer;background:#1e4663;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-download-pdf:hover{background:#0f2c42}.btn-close-pdf{color:#495057;cursor:pointer;background:#e9ecef;border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:500}.btn-close-pdf:hover{background:#dee2e6}.verifikasi-str-container{background:#f5f7fa;min-height:100vh;padding:1.5rem 2rem}.breadcrumb-verifikasi{color:#666;margin-bottom:1rem;font-size:.85rem}.breadcrumb-verifikasi .separator{color:#ccc;margin:0 .5rem}.breadcrumb-verifikasi .active{color:#2c5f8a;font-weight:600}.header-verifikasi{margin-bottom:1.5rem}.header-verifikasi h1{color:#2c5f8a;margin:0 0 .25rem;font-size:1.8rem}.header-verifikasi p{color:#666;font-size:.95rem}.data-verifikasi-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000f}.section-header h2{color:#2c5f8a;margin:0;font-size:1.2rem}.btn-reset-filter{color:#333;cursor:pointer;background:#e9ecef;border:none;border-radius:6px;padding:.3rem 1rem;font-size:.8rem;transition:all .2s}.perjanjian-section h3{color:#333;margin:0 0 .75rem;font-size:.95rem}.legend-verifikasi{flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;display:flex}.legend-item{color:#555;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.legend-color{border-radius:4px;width:16px;height:16px}.filter-verifikasi{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.btn-tampilkan{color:#fff;cursor:pointer;background:#2c5f8a;border:none;border-radius:6px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-tampilkan:hover{background:#1e4566;transform:translateY(-2px)}.loading-data{color:#666;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.spinner{border:4px solid #e9ecef;border-top-color:#2c5f8a;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:.8s linear infinite spin}.empty-data{text-align:center;color:#666;padding:3rem}.empty-data p{color:#999;font-size:1.1rem}.table-wrapper-verifikasi{overflow-x:auto}.verifikasi-table-admin{border-collapse:collapse;width:100%;min-width:900px;font-size:.85rem}.verifikasi-table-admin thead{background:#f8f9fa}.verifikasi-table-admin th{text-align:left;color:#555;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid #e9ecef;padding:.6rem .8rem;font-size:.7rem;font-weight:600}.verifikasi-table-admin td{vertical-align:middle;border-bottom:1px solid #e9ecef;padding:.6rem .8rem}.verifikasi-table-admin tbody tr:hover{background:#f8f9fa}.row-direct{background:#f0fff4}.row-direct:hover{background:#e6f7ed!important}.row-utama{background:#f8fbff}.row-utama:hover{background:#f0f5fa!important}.sasaran-cell{color:#2c5f8a;min-width:180px;max-width:280px;font-weight:500}.indikator-cell{word-break:break-word;min-width:150px;max-width:250px}.cascading-cell{border-radius:12px;padding:.2rem .75rem;font-size:.7rem;font-weight:600;display:inline-block}.cascading-cell.direct{color:#155724;background:#d4edda}.cascading-cell.utama{color:#004085;background:#cce5ff}.target-cell,.nilai-cell,.satuan-cell{text-align:center;font-size:.8rem}.penilaian-cell{min-width:180px}.penilaian-detail{flex-direction:column;gap:.2rem;font-size:.75rem;display:flex}.penilaian-skor{align-items:center;gap:.25rem;display:flex}.penilaian-skor .label{color:#555;font-weight:600}.penilaian-skor .skor-value{color:#2c5f8a;font-size:.9rem;font-weight:700}.penilaian-komentar{align-items:flex-start;gap:.25rem;font-size:.7rem;display:flex}.penilaian-komentar .label{color:#555;font-weight:600}.status-warning{color:#856404;background:#fff3cd}.status-success{color:#155724;background:#d4edda}.status-danger{color:#721c24;background:#f8d7da}.text-muted{color:#999;font-style:italic}.aksi-cell{white-space:nowrap}.btn-beri-penilaian{color:#333;cursor:pointer;background:#ffc107;border:none;border-radius:4px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.7rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-beri-penilaian:hover{background:#e0a800;transform:scale(1.05)}.btn-lihat-penilaian{color:#fff;cursor:pointer;background:#17a2b8;border:none;border-radius:4px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.7rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-lihat-penilaian:hover{background:#138496;transform:scale(1.05)}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{z-index:10;background:#fff;border-bottom:2px solid #e9ecef;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex;position:sticky;top:0}.modal-header h3{color:#2c5f8a;margin:0;font-size:1.1rem;font-weight:700}.modal-footer{z-index:10;background:#fff;border-top:1px solid #e9ecef;border-radius:0 0 16px 16px;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex;position:sticky;bottom:0}.laporan-info{background:#f8f9fa;border-left:4px solid #2c5f8a;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.info-row{gap:.5rem;padding:.25rem 0;font-size:.85rem;display:flex}.info-row .label{color:#555;min-width:100px;font-weight:600}.info-row .value{color:#333;word-break:break-word}.verifikasi-form{flex-direction:column;gap:1.25rem;display:flex}.form-group label{color:#333;font-size:.85rem;font-weight:600}.form-select,.form-input,.form-textarea{background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:.6rem .75rem;font-family:inherit;font-size:.9rem;transition:all .2s}.form-select:focus,.form-input:focus,.form-textarea:focus{border-color:#2c5f8a;outline:none;box-shadow:0 0 0 3px #2c5f8a26}.verifikasi-footer{text-align:center;color:#999;margin-top:1.5rem;padding:1rem 0;font-size:.75rem}@media (width<=768px){.verifikasi-str-container{padding:.75rem 1rem}.filter-verifikasi{flex-direction:column}.filter-group{min-width:100%}.btn-tampilkan{text-align:center;width:100%}.verifikasi-table-admin{min-width:700px}.modal-content{max-width:95%}.modal-footer{flex-direction:column}.btn-cancel,.btn-submit{text-align:center;width:100%}.header-verifikasi h1{font-size:1.4rem}}@media (width<=480px){.verifikasi-str-container{padding:.5rem}.verifikasi-table-admin{min-width:600px}.section-header{flex-direction:column;align-items:flex-start}.info-row{flex-direction:column;gap:.1rem}.info-row .label{min-width:auto}}.kontrak-kinerja-bar{color:#2c5f8a;letter-spacing:.3px;background:#eaf4fb;border-radius:8px;margin-bottom:1.25rem;padding:.75rem 1.25rem;font-size:.85rem;font-weight:700}.summary-grid{grid-template-columns:1.4fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width<=900px){.summary-grid{grid-template-columns:1fr}}.summary-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000f}.info-card h3{color:#2c5f8a;letter-spacing:.3px;margin:0 0 1rem;font-size:.9rem}.info-card-body p{color:#444;margin:.4rem 0;font-size:.9rem}.donut-card{text-align:center;flex-direction:column;align-items:center;display:flex}.donut-chart-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.donut-center-label{color:#2c5f8a;font-size:1rem;font-weight:700;position:absolute}.donut-legend{flex-wrap:wrap;justify-content:center;gap:1.25rem;margin:1rem 0;display:flex}.donut-legend .legend-item{color:#555;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.legend-dot{border-radius:50%;width:12px;height:12px}.donut-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:.5rem;display:flex}.btn-action{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-pdf,.btn-excel{background:#3b82f6}.btn-pdf:hover,.btn-excel:hover{background:#2563eb}.btn-lampiran{background:#3b82f6}.btn-lampiran:hover{background:#2563eb}.donut-note{color:#888;margin:0;font-size:.75rem}.filter-bar-section{background:#fff;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 2px 8px #0000000f}.searchable-select{width:100%;position:relative}.searchable-select-control{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.9rem;display:flex}.searchable-select-control .placeholder-text{color:#999}.searchable-select-arrow{color:#888;font-size:.75rem}.searchable-select-dropdown{z-index:50;background:#fff;border:1px solid #ddd;border-radius:8px;flex-direction:column;max-height:280px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 8px 24px #0000001f}.searchable-select-input{border:none;border-bottom:1px solid #eee;outline:none;padding:.6rem .75rem;font-size:.85rem}.searchable-select-options{overflow-y:auto}.searchable-select-option{cursor:pointer;color:#333;padding:.6rem .75rem;font-size:.85rem}.searchable-select-option:hover{background:#f0f4f8}.searchable-select-option.active{color:#2c5f8a;background:#e8f4fd;font-weight:600}.searchable-select-empty{color:#999;padding:.6rem .75rem;font-size:.85rem}.laporan-title{color:#333;margin:0 0 1rem;font-size:1.05rem}.btn-realisasi-ok{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.btn-realisasi-ok:hover{background:#218838}.col-aksi,.aksi-cell{text-align:center}.btn-aksi-verifikasi{color:#fff;cursor:pointer;white-space:nowrap;background:#4a5568;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.btn-aksi-verifikasi:hover{background:#2d3748}.form-group label{color:#333;margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;padding:.5rem .65rem;font-family:inherit;font-size:.9rem}.komentar-asesor-row{flex-direction:column;gap:.35rem;margin-top:.75rem;display:flex}.komentar-asesor-row label{color:#333;font-size:.8rem;font-weight:600}.textarea-komentar-asesor{resize:vertical;border:1px solid #d1d5db;border-radius:6px;padding:.5rem .65rem;font-family:inherit;font-size:.85rem}.aksi-terima-tolak-row{gap:.5rem;margin-top:.75rem;display:flex}.btn-terima-detail,.btn-tolak-detail{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.btn-terima-detail{color:#fff;background:#2fbfa0}.btn-terima-detail:hover{background:#27a68a}.btn-tolak-detail{color:#fff;background:#e74c3c}.btn-tolak-detail:hover{background:#c0392b}.aksi-dokumen-cell{flex-wrap:wrap;gap:.35rem;display:flex}.btn-terima-dokumen,.btn-tolak-dokumen{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.3rem .6rem;font-size:.72rem;font-weight:600}.btn-terima-dokumen{color:#fff;background:#2fbfa0}.btn-terima-dokumen:hover{background:#27a68a}.btn-tolak-dokumen{color:#fff;background:#e74c3c}.btn-tolak-dokumen:hover{background:#c0392b}.realisasi-kosong{color:#3b82f6;font-size:.8rem}.skor-final-wrapper{flex-direction:column;align-items:center;line-height:1.1;display:flex}.skor-final-value{color:#2c5f8a;font-size:1.15rem;font-weight:700}.skor-final-label{color:#888;text-transform:uppercase;font-size:.65rem}.asesor-cell{cursor:pointer;text-align:center}.atasan-cell{text-align:center}.btn-beri-penilaian-inline{color:#fff;cursor:pointer;background:#f0ad4e;border:none;border-radius:6px;padding:.35rem .6rem;font-size:.75rem}.btn-beri-penilaian-inline:hover{background:#ec971f}.laporan-doc-list{margin:.5rem 0 0;padding:0;list-style:none}.laporan-doc-list li{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:.6rem .75rem;font-size:.85rem;display:flex}.laporan-doc-list li a{color:#2c5f8a;font-weight:600;text-decoration:none}@media print{.breadcrumb-verifikasi,.kontrak-kinerja-bar,.summary-grid,.filter-bar-section,.verifikasi-footer,.btn-beri-penilaian-inline,.btn-realisasi-ok{display:none!important}}.detail-laporan-card{background:#fff;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 8px #0000000f}.detail-laporan-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.btn-kembali{color:#fff;cursor:pointer;background:#2fbfa0;border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;transition:background .2s;display:flex}.btn-kembali:hover{background:#26a68a}.btn-kembali-arrow{font-size:1rem}.detail-laporan-title{color:#2c3e50;letter-spacing:.3px;margin:0;font-size:1rem;font-weight:700}.detail-nama-indikator{color:#333;margin:0 0 1rem;font-size:.95rem}.detail-summary-table,.detail-dokumen-table{border-collapse:collapse;width:100%;margin-bottom:1.25rem;font-size:.85rem}.detail-summary-table th,.detail-summary-table td,.detail-dokumen-table th,.detail-dokumen-table td{text-align:left;border:1px solid #eee;padding:.65rem .75rem}.detail-summary-table th{color:#444;background:#f7f9fb;font-weight:700}.detail-dokumen-table th{color:#2c5f3f;background:#e3f2e8;font-weight:700}.turunan-section-title{color:#1e4663;margin:0 0 .75rem;font-size:.95rem}.bukti-upload-cell{min-width:180px}.bukti-upload-list{flex-direction:column;gap:.35rem;display:flex}.bukti-upload-link{color:#2c6fbb;word-break:break-word;font-size:.8rem;text-decoration:none}.bukti-upload-link:hover{text-decoration:underline}.bukti-upload-owner{color:#6c757d;font-size:.72rem;font-style:italic}.turunan-list-wrapper{margin-bottom:1.25rem}.turunan-card{background:#fbfcfe;border:1px solid #e6ecf1;border-radius:10px;margin-bottom:1.25rem;padding:1rem}.turunan-card-header{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.75rem;display:flex}.turunan-card-index{color:#6c757d;font-size:.85rem;font-weight:700}.turunan-card-nama{color:#1e4663;font-size:.95rem;font-weight:700}.turunan-card-indikator{color:#495057;font-size:.85rem}.turunan-card-jabatan{color:#6c757d;font-size:.82rem;font-style:italic}.turunan-card-path{background:#f1f6fb;border:1px solid #dce7f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.4rem;margin:-.35rem 0 .9rem;padding:.5rem .7rem;display:flex}.turunan-card-path-label{color:#1e4663;margin-right:.15rem;font-size:.78rem;font-weight:700}.turunan-card-path-chip{background:#fff;border:1px solid #cdd9e4;border-radius:6px;flex-direction:column;padding:.25rem .55rem;line-height:1.15;display:inline-flex}.turunan-card-path-chip-leaf{background:#eaf7ee;border-color:#b7e2c3}.chip-nama{color:#1e4663;font-size:.8rem;font-weight:600}.chip-jabatan{color:#6c757d;font-size:.7rem}.turunan-card-path-arrow{color:#8ba3b8;font-size:.85rem}.text-center{text-align:center!important}.status-pill{color:#fff;border-radius:6px;padding:.25rem .7rem;font-size:.72rem;font-weight:700;display:inline-block}.pill-green{background:#28a745}.pill-red{background:#dc3545}.pill-gray{background:#adb5bd}.dokumen-link{color:#2c5f8a;font-weight:600;text-decoration:none}.dokumen-link:hover{text-decoration:underline}.btn-nilai-dokumen{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.btn-nilai-dokumen:hover{background:#2563eb}.panel-penilaian{background:#e8f4fb;border-radius:10px;grid-template-columns:1.2fr 1.6fr .6fr;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;display:grid}@media (width<=850px){.panel-penilaian{grid-template-columns:1fr}}.panel-penilaian-info p{color:#333;margin:.2rem 0;font-size:.85rem}.panel-dokumen-aktif{color:#2c5f8a;font-weight:600;margin-top:.5rem!important}.radio-tipe-group{gap:1.5rem;margin-bottom:.75rem;font-size:.85rem;display:flex}.radio-tipe-group label{cursor:pointer;align-items:center;gap:.35rem;display:flex}.input-simpan-row{gap:.6rem;display:flex}.input-skor-detail{border:1px solid #ccc;border-radius:6px;flex:1;padding:.55rem .75rem;font-size:.9rem}.btn-simpan-nilai{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:6px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600}.btn-simpan-nilai:hover{background:#2563eb}.btn-simpan-nilai:disabled{opacity:.6;cursor:not-allowed}.panel-penilaian-skor{color:#2c3e50;text-align:center;font-size:2rem;font-weight:700}.alokasi-badge{color:#856404;text-transform:none;letter-spacing:normal;cursor:help;background:#fff3cd;border:1px solid #ffe69c;border-radius:20px;margin-left:.6rem;padding:.1rem .6rem;font-size:.65rem;font-weight:600;display:inline-block}.persetujuan-page{padding:4px}.persetujuan-header h1{color:#1a3a5c;margin:0 0 4px;font-size:22px}.persetujuan-header p{color:#667;margin:0 0 18px;font-size:13.5px}.persetujuan-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 10px #0000000f}.persetujuan-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.persetujuan-filters{gap:10px;display:flex}.persetujuan-filters select{background:#fff;border:1px solid #d7dde3;border-radius:8px;padding:8px 10px;font-size:13.5px}.persetujuan-search input{border:1px solid #d7dde3;border-radius:8px;min-width:260px;padding:8px 12px;font-size:13.5px}.persetujuan-loading{text-align:center;color:#888;padding:40px}.persetujuan-table-wrapper{overflow-x:auto}.persetujuan-table{border-collapse:collapse;width:100%;font-size:13.5px}.persetujuan-table thead th{text-align:left;color:#40506b;white-space:nowrap;background:#f5f7fa;border-bottom:2px solid #e5e9ee;padding:10px 12px}.persetujuan-table tbody td{color:#333;border-bottom:1px solid #eef1f4;padding:10px 12px}.persetujuan-nama{font-weight:600}.persetujuan-semester-badge{color:#1a56cc;white-space:nowrap;background:#e8f0fe;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.persetujuan-empty{text-align:center;color:#999;padding:30px}.persetujuan-footer{color:#666;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:13px;display:flex}.persetujuan-pagination{align-items:center;gap:10px;display:flex}.persetujuan-pagination button{cursor:pointer;background:#fff;border:1px solid #d7dde3;border-radius:6px;padding:6px 14px;font-size:13px}.persetujuan-pagination button:disabled{opacity:.5;cursor:not-allowed}.persetujuan-page-current{font-weight:600}.form-section{flex-direction:column;gap:.5rem;display:flex}.upload-berkas-container{flex-direction:column;gap:.75rem;display:flex}.btn-tambah-upload{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:6px;align-items:center;gap:.5rem;width:fit-content;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-tambah-upload:hover{background:#218838;transform:translateY(-2px)}.file-input-display{background:#fafbfc;border:1px solid #ddd;border-radius:8px;align-items:center;gap:1rem;padding:.5rem .75rem;display:flex}.riwayat-section{border-top:2px solid #e9ecef;margin-top:1.5rem;padding-top:1.5rem}.status-perbaiki{color:#856404;background:#fff3cd}.loading-riwayat,.empty-riwayat{text-align:center;color:#999;padding:1.5rem;font-style:italic}.btn-submit{color:#fff;cursor:pointer;background:#2c5f8a;border:none;border-radius:8px;padding:.6rem 2rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-submit:hover:not(:disabled){background:#1e4566;transform:translateY(-2px);box-shadow:0 4px 12px #2c5f8a4d}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.modal-container{max-width:95%;margin:.5rem}.form-row-grid-2{grid-template-columns:1fr}.modal-header h2{font-size:1rem}.riwayat-table{font-size:.75rem}.riwayat-table th,.riwayat-table td{padding:.3rem .4rem}.btn-action{padding:.15rem .4rem;font-size:.65rem}.uraian-item{flex-direction:column;gap:.1rem}.uraian-item .label{min-width:auto}}@media (width<=480px){.modal-container{border-radius:8px;max-height:98vh;margin:.25rem}.modal-body,.modal-header{padding:.75rem 1rem}.modal-footer{flex-direction:column}.btn-cancel,.btn-submit{text-align:center;width:100%}.upload-berkas-container{gap:.5rem}.btn-tambah-upload{justify-content:center;width:100%}.file-input-display{flex-direction:column;align-items:flex-start;gap:.25rem}}.modal-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;animation:.3s slideUp;display:flex;box-shadow:0 20px 60px #0000004d}.modal-container.modal-large{max-width:1100px}.modal-header{border-bottom:2px solid #e9ecef;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-header h2{color:#2c5f8a;margin:0;font-size:1.2rem;font-weight:700}.modal-close{color:#999;cursor:pointer;background:0 0;border:none;padding:0 .5rem;font-size:1.8rem;line-height:1;transition:all .2s}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.uraian-info{background:#f8f9fa;border-left:4px solid #2c5f8a;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.uraian-info h4{color:#2c5f8a;margin:0 0 .5rem;font-size:.9rem}.uraian-item{gap:.5rem;padding:.2rem 0;display:flex}.uraian-item .label{color:#555;min-width:120px;font-weight:600}.uraian-item .value{color:#333;font-weight:500}.upload-section{border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.upload-section-header{cursor:pointer;background:#f8f9fa;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:background .2s;display:flex}.upload-section-header:hover{background:#e9ecef}.upload-section-title{color:#2c5f8a;font-size:.95rem;font-weight:600}.upload-section-badge{color:#999;background:#e9ecef;border-radius:12px;padding:.2rem .75rem;font-size:.75rem}.upload-section-body{background:#fff;border-top:1px solid #e9ecef;padding:1.25rem}.laporan-form{flex-direction:column;gap:.75rem;display:flex}.form-row-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{flex-direction:column;gap:.25rem;display:flex}.form-label{color:#333;font-size:.8rem;font-weight:600}.form-input,.form-textarea{border:1px solid #ddd;border-radius:6px;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.9rem;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:#2c5f8a;outline:none;box-shadow:0 0 0 3px #2c5f8a26}.form-textarea{resize:vertical;min-height:50px}.form-hint{color:#999;font-size:.7rem}.file-input-hidden{display:none}.file-input-display{cursor:pointer;background:#fafbfc;border:1px solid #ddd;border-radius:6px;align-items:center;gap:1rem;padding:.4rem .75rem;transition:border-color .2s;display:flex}.file-input-display:hover{border-color:#2c5f8a}.file-placeholder{color:#333}.file-hint{color:#999;font-size:.8rem}.form-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.btn-cancel-small{color:#333;cursor:pointer;background:#e9ecef;border:none;border-radius:6px;padding:.4rem 1rem;font-size:.85rem;transition:all .2s}.btn-cancel-small:hover{background:#dde0e3}.btn-submit-small{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:6px;padding:.4rem 1.5rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-submit-small:hover:not(:disabled){background:#218838}.btn-submit-small:disabled{opacity:.6;cursor:not-allowed}.upload-message{border-radius:6px;padding:.5rem .75rem;font-size:.85rem}.riwayat-section{margin-top:.5rem}.riwayat-section h4{color:#2c5f8a;margin:0 0 .25rem;font-size:1rem}.riwayat-section h5{color:#555;margin:0 0 .75rem;font-size:.85rem;font-weight:600}.riwayat-table{border-collapse:collapse;width:100%;font-size:.85rem}.riwayat-table thead{background:#f8f9fa}.riwayat-table th{text-align:left;color:#555;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e9ecef;padding:.4rem .6rem;font-size:.7rem;font-weight:600}.riwayat-table td{vertical-align:middle;border-bottom:1px solid #e9ecef;padding:.4rem .6rem}.riwayat-table tr:hover{background:#f8f9fa}.status-menunggu{color:#004085;background:#cce5ff}.status-disetujui{color:#155724;background:#d4edda}.status-ditolak{color:#721c24;background:#f8d7da}.btn-download{color:#fff;background:#17a2b8;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;text-decoration:none;transition:all .2s;display:inline-block}.btn-download:hover{background:#138496}.loading-riwayat,.empty-riwayat{text-align:center;color:#999;padding:1.5rem}.empty-riwayat .empty-hint{color:#bbb;margin-top:.25rem;font-size:.85rem}.riwayat-hint{color:#999;margin-top:.75rem;font-size:.7rem;font-style:italic;display:block}.modal-footer{background:#fafbfc;border-top:1px solid #e9ecef;border-radius:0 0 16px 16px;flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}@media (width<=768px){.modal-container{max-width:95%;margin:.5rem}.form-row-grid-2{grid-template-columns:1fr}.modal-header h2{font-size:1rem}.riwayat-table{font-size:.75rem}.riwayat-table th,.riwayat-table td{padding:.25rem .4rem}.btn-action{padding:.1rem .3rem;font-size:.6rem}.uraian-item{flex-direction:column;gap:.1rem}.uraian-item .label{min-width:auto}.upload-section-header{text-align:center;flex-direction:column;gap:.25rem}}@media (width<=480px){.modal-container{border-radius:8px;max-height:98vh;margin:.25rem}.modal-body,.modal-header{padding:.75rem 1rem}.modal-footer{flex-direction:column}.btn-cancel{text-align:center;width:100%}.form-actions{flex-direction:column}.btn-cancel-small,.btn-submit-small{text-align:center;width:100%}.riwayat-table{font-size:.65rem}.riwayat-table th,.riwayat-table td{padding:.2rem .3rem}}.dokumen-locked-banner{color:#922b21;background:#fdecea;border:1px solid #f5b7b1;border-radius:8px;margin-bottom:12px;padding:12px 16px;font-size:13.5px;line-height:1.5}.btn-hapus-laporan{color:#c0392b;cursor:pointer;white-space:nowrap;background:#fdecea;border:1px solid #f1a9a0;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s}.btn-hapus-laporan:hover:not(:disabled){background:#f9d2ce}.btn-hapus-laporan:disabled{opacity:.6;cursor:not-allowed}.modal-persetujuan-overlay{z-index:2000;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-persetujuan-box{background:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:620px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000040}.modal-persetujuan-header{text-align:center;border-bottom:1px solid #eee;padding:20px 24px 14px}.modal-persetujuan-header h2{letter-spacing:.5px;color:#1a3a5c;margin:0;font-size:20px}.modal-persetujuan-subtitle{color:#777;margin-top:4px;font-size:13px;font-weight:600;display:block}.modal-persetujuan-body{color:#333;padding:18px 24px;font-size:14px;line-height:1.6;overflow-y:auto}.modal-persetujuan-identitas{border-collapse:collapse;margin:10px 0 16px}.modal-persetujuan-identitas td{vertical-align:top;padding:2px 6px 2px 0}.modal-persetujuan-identitas td:first-child{color:#555;width:90px;font-weight:600}.modal-persetujuan-body ol{margin:10px 0;padding-left:20px}.modal-persetujuan-body ol li{margin-bottom:8px}.modal-persetujuan-tanggal{color:#555;margin-top:16px;font-style:italic}.modal-persetujuan-checkbox{cursor:pointer;background:#f7f9fb;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:8px;margin-top:18px;padding:12px;font-size:13.5px;display:flex}.modal-persetujuan-checkbox input{flex-shrink:0;width:16px;height:16px;margin-top:2px}.modal-persetujuan-error{color:#c0392b;margin-top:10px;font-size:13px}.modal-persetujuan-footer{border-top:1px solid #eee;justify-content:flex-end;padding:14px 24px 20px;display:flex}.btn-setuju{color:#fff;cursor:pointer;background:#1a7a4c;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .15s}.btn-setuju:hover:not(:disabled){background:#146138}.btn-setuju:disabled{cursor:not-allowed;background:#b7c4bd}.pelaporan-iku-container{background:#f5f7fa;min-height:100vh;padding:1.5rem 2rem}.pelaporan-header{margin-bottom:1.5rem}.breadcrumb{color:#666;margin-bottom:.5rem;font-size:.85rem}.breadcrumb .separator{color:#ccc;margin:0 .5rem}.breadcrumb .active{color:#2c5f8a;font-weight:600}.pelaporan-header h1{color:#2c5f8a;margin:.5rem 0 .25rem;font-size:2rem;font-weight:700}.subtitle{color:#666;font-size:.95rem}.user-info-card{background:#fff;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem 1.5rem;box-shadow:0 2px 8px #0000000f}.user-info-header h2{color:#2c5f8a;margin:0 0 .5rem;font-size:1.2rem}.user-meta{flex-wrap:wrap;gap:1.5rem;display:flex}.meta-item{color:#555;font-size:.9rem}.meta-item:first-child{color:#333;font-weight:600}.filters-container{background:#fff;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 2px 8px #0000000f}.filter-group select,.filter-group input{background:#fff;border:1px solid #ddd;border-radius:8px;min-width:150px;padding:.5rem .75rem;font-size:.9rem;transition:all .2s}.search-group{flex:1;min-width:250px}.search-input-wrapper{flex:1;position:relative}.search-input-wrapper input{width:100%;padding-right:2.5rem}.search-icon{color:#999;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.dashboard-title{margin-bottom:1rem}.dashboard-title h3{color:#2c5f8a;font-size:1.1rem;font-weight:600}.table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.table-responsive{overflow-x:auto}.pelaporan-table{border-collapse:collapse;width:100%;min-width:900px}.pelaporan-table thead{background:#f8f9fa}.pelaporan-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#555;white-space:nowrap;border-bottom:2px solid #e9ecef;padding:.75rem 1rem;font-size:.75rem;font-weight:700}.pelaporan-table td{vertical-align:middle;border-bottom:1px solid #e9ecef;padding:.75rem 1rem;font-size:.85rem}.pelaporan-table tbody tr:hover{background:#f8f9fa}.cascading-direct{color:#155724;background:#d4edda}.cascading-non{color:#856404;background:#fff3cd}.status-on-track{color:#155724;background:#d4edda}.status-achieved{color:#004085;background:#cce5ff}.status-not-started{color:#383d41;background:#e2e3e5}.self-assessment{color:#28a745;font-size:.8rem;font-weight:500}.btn-upload-iku{color:#333;cursor:pointer;background:#ffc107;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-upload-iku:hover{background:#e0a800;transform:translateY(-2px);box-shadow:0 4px 12px #ffc1074d}.btn-lihat-realisasi{color:#fff;cursor:pointer;background:#17a2b8;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-lihat-realisasi:hover{background:#138496;transform:translateY(-2px);box-shadow:0 4px 12px #17a2b84d}.btn-lihat-laporan{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-lihat-laporan:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;animation:.3s slideUp;overflow-y:auto}.modal-content.modal-large{max-width:900px}.modal-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h3{color:#2c5f8a;margin:0;font-size:1.1rem}.modal-close{color:#999;cursor:pointer;background:0 0;border:none;padding:0 .5rem;font-size:1.5rem;transition:all .2s}.modal-close:hover{color:#333;transform:rotate(90deg)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid #e9ecef;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.upload-info{background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.upload-info p{margin:.25rem 0;font-size:.9rem}.upload-info strong{color:#333}.upload-area{margin-bottom:1rem}.upload-label{cursor:pointer;display:block}.upload-input{display:none}.upload-dropzone{text-align:center;background:#fafbfc;border:2px dashed #ddd;border-radius:12px;padding:2rem;transition:all .3s}.upload-dropzone:hover{background:#f0f4f8;border-color:#2c5f8a}.upload-icon{margin-bottom:.5rem;font-size:3rem;display:block}.upload-dropzone p{color:#333;margin:.5rem 0;font-weight:500}.upload-dropzone small{color:#999;font-size:.8rem}.upload-message{border-radius:8px;margin-top:1rem;padding:.75rem 1rem;font-size:.9rem}.upload-message.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.upload-message.error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.btn-cancel{color:#333;cursor:pointer;background:#e9ecef;border:none;border-radius:8px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s}.btn-cancel:hover{background:#dde0e3}.btn-upload{color:#333;cursor:pointer;background:#ffc107;border:none;border-radius:8px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-upload:hover:not(:disabled){background:#e0a800;transform:translateY(-2px)}.btn-upload:disabled{opacity:.5;cursor:not-allowed}.realisasi-title{margin-bottom:1.5rem}.realisasi-title h4{color:#2c5f8a;margin-bottom:.25rem;font-size:.9rem}.uraian-iku{color:#333;background:#f8f9fa;border-left:4px solid #2c5f8a;border-radius:8px;padding:.5rem .75rem;font-size:1.1rem;font-weight:600}.realisasi-table-wrapper{margin-bottom:1.5rem;overflow-x:auto}.sub-table-title{color:#2c5f8a;margin-bottom:.75rem;font-size:.9rem}.realisasi-detail-table{border-collapse:collapse;width:100%;font-size:.85rem}.realisasi-detail-table thead{background:#f8f9fa}.realisasi-detail-table th{text-align:left;color:#555;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e9ecef;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.realisasi-detail-table td{vertical-align:middle;border-bottom:1px solid #e9ecef;padding:.5rem .75rem}.realisasi-detail-table tr:hover{background:#f8f9fa}.btn-action{color:#dc3545;cursor:pointer;background:0 0;border:1px solid #dc3545;border-radius:4px;margin-right:.25rem;padding:.2rem .75rem;font-size:.7rem;transition:all .2s}.btn-action:hover{color:#fff;background:#dc3545}.btn-action.btn-setujui{color:#28a745;border-color:#28a745}.btn-action.btn-setujui:hover{color:#fff;background:#28a745}.time-small{color:#999;margin-left:.25rem;font-size:.7rem}.realisasi-summary{background:#f8f9fa;border-radius:8px;margin-top:1rem;padding:1rem}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.summary-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;flex-direction:column;padding:.5rem;display:flex}.summary-item .label{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.summary-item .value{color:#333;font-size:.95rem;font-weight:600}.realisasi-data{margin-bottom:1.5rem}.realisasi-data h4{color:#2c5f8a;margin-bottom:1rem}.realisasi-grid{background:#f8f9fa;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1rem;display:grid}.realisasi-item{flex-direction:column;display:flex}.realisasi-item .label{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.realisasi-item .value{color:#333;font-size:1.1rem;font-weight:600}.loading-state{text-align:center;color:#666;padding:3rem}.spinner{border:4px solid #e9ecef;border-top-color:#2c5f8a;border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:.8s linear infinite spin}.empty-state{text-align:center;color:#666;padding:3rem}.empty-state p{color:#999;font-size:1.1rem}.empty-hint{margin-top:.25rem;color:#bbb!important;font-size:.9rem!important}.pelaporan-footer{text-align:center;color:#999;margin-top:1.5rem;padding:1rem 0;font-size:.75rem}@media (width<=768px){.pelaporan-iku-container{padding:.75rem 1rem}.filters-container{flex-direction:column;align-items:stretch;padding:1rem}.filter-group,.filter-group select,.filter-group input{width:100%}.user-meta{flex-direction:column;gap:.25rem}.pelaporan-table{min-width:600px}.pelaporan-table td{padding:.5rem;font-size:.8rem}.pelaporan-table th{padding:.5rem;font-size:.7rem}.modal-content{max-width:95%;margin:.5rem}.modal-content.modal-large{max-width:95%}.realisasi-detail-table{font-size:.75rem}.realisasi-detail-table th,.realisasi-detail-table td{padding:.3rem .5rem}.summary-grid{grid-template-columns:1fr 1fr}.btn-action{padding:.15rem .5rem;font-size:.65rem}}@media (width<=480px){.pelaporan-header h1{font-size:1.5rem}.pelaporan-iku-container{padding:.5rem}.summary-grid{grid-template-columns:1fr}.realisasi-detail-table{font-size:.7rem}.realisasi-detail-table th,.realisasi-detail-table td{padding:.2rem .3rem}.realisasi-grid{grid-template-columns:1fr}.upload-dropzone{padding:1rem}}.sumber-data-ids-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem}.ids-row{align-items:center;gap:.75rem;padding:.15rem 0;font-size:.85rem;display:flex}.ids-label{color:#555;min-width:140px;font-weight:600}.ids-value{color:#2c5f8a;background:#fff;border:1px solid #e9ecef;border-radius:4px;padding:.1rem .5rem;font-weight:500}.cascade-tree-wrapper{margin-top:1.25rem}.cascade-tree-wrapper h4{color:#1e4663;margin-bottom:.75rem;font-size:.95rem}.cascade-node{border-left:2px solid #d8e3ec;margin-bottom:.6rem;padding-left:.85rem}.cascade-node.cascade-depth-0{border-left:none;padding-left:0}.cascade-node-row{cursor:pointer;background:#f7f9fb;border:1px solid #e6ecf1;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.55rem .85rem;transition:background .2s;display:flex}.cascade-node-row:hover{background:#eef4f9}.cascade-node-toggle{color:#6c757d;flex-shrink:0;font-size:.7rem}.cascade-node-name{color:#1e4663;font-size:.88rem;font-weight:700}.cascade-node-unit{color:#6c757d;font-size:.75rem}.cascade-node-badge{color:#3949ab;background:#e2e3ff;border-radius:20px;margin-left:auto;padding:.15rem .55rem;font-size:.65rem;font-weight:700}.cascade-node-badge.direct{color:#155724;background:#d4edda}.cascade-node-body{color:#495057;flex-direction:column;gap:.15rem;padding:.4rem .85rem .1rem;font-size:.78rem;display:flex}.cascade-node-children{margin-top:.5rem;margin-left:.5rem}.cascade-node-loading,.cascade-node-empty{color:#adb5bd;padding:.4rem .85rem;font-size:.75rem;font-style:italic}.cascade-node-dokumen{padding:.3rem .85rem .4rem}.cascade-dokumen-loading,.cascade-dokumen-kosong{color:#adb5bd;font-size:.72rem;font-style:italic}.cascade-dokumen-list{flex-direction:column;gap:.25rem;display:flex}.cascade-dokumen-item{color:#2b7a3f;background:#eafaf0;border:1px solid #c3ecd2;border-radius:6px;align-items:center;gap:.3rem;width:fit-content;padding:.25rem .55rem;font-size:.75rem;text-decoration:none;display:inline-flex}.cascade-dokumen-item:hover{background:#d7f5e2}.cascade-dokumen-status{color:#6c757d;font-weight:400}.cascade-dokumen-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn-terima-laporan{color:#fff;cursor:pointer;white-space:nowrap;background:#2f9e44;border:none;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.btn-terima-laporan:hover{background:#2b8a3e}.btn-terima-laporan:disabled{cursor:not-allowed;background:#adb5bd}.text-muted{color:#adb5bd}.realisasi-tidak-dilaporkan{white-space:nowrap;font-size:.78rem;font-style:italic}.cascade-dokumen-row{background:#f8f9fa;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding:8px 12px;display:flex}.cascade-dokumen-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-terima-laporan{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:4px;padding:4px 12px;font-size:12px;transition:all .3s}.btn-terima-laporan:hover:not(:disabled){background:#45a049;transform:scale(1.05)}.btn-terima-laporan:disabled{opacity:.6;cursor:not-allowed}.btn-tolak-laporan{color:#fff;cursor:pointer;background:#f44336;border:none;border-radius:4px;padding:4px 12px;font-size:12px;transition:all .3s}.btn-tolak-laporan:hover:not(:disabled){background:#d32f2f;transform:scale(1.05)}.btn-tolak-laporan:disabled{opacity:.6;cursor:not-allowed}.btn-batalkan-tolak{color:#fff;cursor:pointer;background:#ff9800;border:none;border-radius:4px;padding:4px 12px;font-size:12px;transition:all .3s}.btn-batalkan-tolak:hover:not(:disabled){background:#f57c00;transform:scale(1.05)}.btn-batalkan-tolak:disabled{opacity:.6;cursor:not-allowed}.status-approved{color:#4caf50;background:#e8f5e9;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700}.status-rejected{color:#f44336;background:#ffebee;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700}@media (width<=768px){.cascade-dokumen-row{flex-direction:column;align-items:stretch}.cascade-dokumen-actions{justify-content:flex-start}.btn-terima-laporan,.btn-tolak-laporan,.btn-batalkan-tolak{padding:6px 12px;font-size:11px}}.panduan-perkin-panel{background:#fff;border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.panduan-perkin-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.panduan-perkin-header h3{color:#1a3a5c;margin:0;font-size:15px}.panduan-perkin-toggle{color:#1a56cc;font-size:12.5px;font-weight:600}.panduan-perkin-loading{color:#888;padding:0 18px 16px;font-size:13px}.panduan-perkin-body{grid-template-columns:1fr 1fr;gap:18px;padding:0 18px 18px;display:grid}@media (width<=640px){.panduan-perkin-body{grid-template-columns:1fr}}.panduan-perkin-group h4{color:#40506b;margin:0 0 8px;font-size:13.5px}.panduan-perkin-empty{color:#999;margin:0;font-size:12.5px;font-style:italic}.panduan-perkin-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.panduan-perkin-list li{background:#f5f7fa;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.panduan-perkin-list a{color:#1a56cc;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;text-decoration:none;overflow:hidden}.panduan-perkin-list a:hover{text-decoration:underline}.panduan-perkin-tahun{color:#888;white-space:nowrap;font-size:11.5px}.hp-container{background:0 0}.hp-title{color:#2c5f8a;letter-spacing:.3px;text-transform:uppercase;margin:0 0 1.25rem;font-size:1rem;font-weight:700}.hp-top-grid{grid-template-columns:1.3fr 1fr;gap:1.5rem;margin-bottom:1.75rem;display:grid}@media (width<=900px){.hp-top-grid{grid-template-columns:1fr}}.hp-info-card{background:#fff;border:1px solid #e6ecf1;border-radius:10px;padding:1.25rem 1.5rem}.hp-info-card h4{color:#333;letter-spacing:.3px;margin:0 0 .6rem;font-size:.85rem}.hp-info-card p{color:#666;margin:0;font-size:.85rem;line-height:1.5}.hp-filter-donut-card{background:#fff;border:1px solid #e6ecf1;border-radius:10px;flex-direction:column;align-items:center;padding:1.25rem 1.5rem;display:flex}.hp-filter-row{gap:.6rem;width:100%;margin-bottom:1rem;display:flex}.hp-filter-row select{border:1px solid #ddd;border-radius:6px;flex:1;padding:.5rem .6rem;font-size:.85rem}.hp-btn-tampilkan{color:#fff;cursor:pointer;white-space:nowrap;background:#384357;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600}.hp-btn-tampilkan:hover{background:#2a3242}.hp-donut-wrapper{justify-content:center;align-items:center;margin:.5rem 0;display:flex;position:relative}.hp-donut-label{color:#2c5f8a;font-size:1rem;font-weight:700;position:absolute}.hp-donut-legend{color:#555;gap:1.25rem;margin-top:.5rem;font-size:.78rem;display:flex}.hp-dot{border-radius:50%;width:10px;height:10px;margin-right:.35rem;display:inline-block}.hp-dot-gray{background:#e5eaf0}.hp-dot-green{background:#2fbfa0}.hp-subtitle{color:#333;margin:0 0 1rem;font-size:.95rem}.hp-loading,.hp-empty{text-align:center;color:#888;background:#fff;border-radius:10px;padding:2rem}.hp-table-wrapper{background:#fff;border:1px solid #e6ecf1;border-radius:10px;overflow:hidden}.hp-table{border-collapse:collapse;width:100%;font-size:.85rem}.hp-table thead th{color:#333;text-align:center;background:#eef2f6;border-bottom:1px solid #dde5ec;padding:.7rem 1rem;font-weight:700}.hp-table thead th:first-child{text-align:left}.hp-table tbody td{vertical-align:middle;text-align:center;border-bottom:1px solid #eef1f4;padding:.75rem 1rem}.hp-table tbody td:first-child{text-align:left}.hp-row-final{background:#eaf7ef}.hp-row-belum{background:#fbeaec}.hp-text-belum{color:#b02a37;font-weight:700}.hp-skor-cell{cursor:pointer;min-width:90px;position:relative}.hp-komentar-icon{opacity:.6;font-size:.7rem;position:absolute;top:.2rem;left:50%;transform:translate(-50%)}.hp-skor-final{flex-direction:column;align-items:center;margin-top:.9rem;display:flex}.hp-skor-value{color:#2c3e50;font-size:1.3rem;font-weight:700}.hp-skor-label{color:#888;text-transform:uppercase;font-size:.65rem}.hp-skor-kosong{color:#b02a37;margin-top:.9rem;font-weight:700;display:block}.hp-badge{border-radius:20px;padding:.2rem .7rem;font-size:.72rem;font-weight:700;display:inline-block}.hp-badge-direct{color:#155724;background:#d4edda}.hp-badge-nondirect{color:#3949ab;background:#e2e3ff}.hp-sub-label{color:#2c5f8a;margin-top:.25rem;font-size:.7rem}.hp-row-summary td{color:#1e4663;text-align:right;background:#d9edf7;padding:.75rem 1rem;font-weight:700}.hp-row-komentar-wrapper td{background:#fafbfc;padding:0}.hp-komentar-thread{text-align:left;padding:1rem 1.5rem}.hp-text-muted{color:#adb5bd;margin:0 0 .5rem;font-size:.82rem}.hp-bubble{border-radius:8px;max-width:70%;margin-bottom:.6rem;padding:.6rem .9rem;font-size:.82rem}.hp-bubble-asesor{background:#eef2f6;margin-right:auto}.hp-bubble-pegawai{background:#dcf3ea;margin-left:auto}.hp-bubble-header{color:#555;justify-content:space-between;gap:.75rem;margin-bottom:.2rem;font-size:.72rem;display:flex}.hp-bubble-waktu{color:#999;white-space:nowrap}.hp-bubble p{color:#333;margin:0}.hp-bubble-prefix{color:#555;font-weight:600}.hp-reply-row{gap:.5rem;max-width:500px;margin-top:.5rem;display:flex}.hp-reply-row input{border:1px solid #ddd;border-radius:6px;flex:1;padding:.5rem .75rem;font-size:.82rem}.hp-reply-row button{color:#fff;cursor:pointer;white-space:nowrap;background:#2fbfa0;border:none;border-radius:6px;padding:.5rem 1.1rem;font-size:.82rem;font-weight:600}.hp-reply-row button:disabled{opacity:.6;cursor:not-allowed}.iku-struktural-container{background:#f5f7fa;width:100%;min-height:100vh;padding:0}.breadcrumb-iku{color:#6c757d;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 0;font-size:.85rem;display:flex}.breadcrumb-iku .separator{color:#adb5bd}.breadcrumb-iku .active{color:#1e4663;font-weight:600}.header-iku{margin-bottom:1.5rem}.header-iku h1{color:#1e4663;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.header-iku p{color:#6c757d;font-size:.9rem}.tambah-section{text-align:right;margin-bottom:1.5rem}.btn-tambah-iku{color:#fff;cursor:pointer;background:#1e4663;border:none;border-radius:10px;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-tambah-iku:hover:not(:disabled){background:#0f2c42;transform:translateY(-2px);box-shadow:0 4px 12px #1e46634d}.btn-tambah-iku:disabled{opacity:.6;cursor:not-allowed}.data-iku-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.section-header h2{color:#1e4663;font-size:1.1rem;font-weight:600}.total-data{color:#6c757d;background:#f8f9fa;border-radius:20px;padding:.3rem .8rem;font-size:.8rem;font-weight:500}.btn-reset-filter{color:#495057;cursor:pointer;background:#e9ecef;border:none;border-radius:20px;padding:.3rem 1rem;font-size:.75rem;font-weight:500;transition:all .2s}.btn-reset-filter:hover{background:#dee2e6}.perjanjian-section{margin-bottom:1.5rem}.perjanjian-section h3{color:#1e4663;margin-bottom:.75rem;font-size:1rem;font-weight:600}.legend-iku{border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6;flex-wrap:wrap;gap:2rem;margin-bottom:1rem;padding:.5rem 0;display:flex}.legend-item{align-items:center;gap:.5rem;display:flex}.legend-color{border-radius:4px;flex-shrink:0;width:20px;height:20px}.legend-color.primary{background:#e3f2fd;border:1px solid #1e4663}.legend-color.success{background:#d4edda;border:1px solid #27ae60}.legend-item span{color:#495057;font-size:.75rem}.filter-iku{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:1rem;padding:1.25rem;display:flex}.filter-group{flex-direction:column;flex:1;gap:.5rem;min-width:150px;display:flex}.filter-group-wide{flex:2;min-width:260px}.filter-group label{color:#495057;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:.7rem;font-weight:600}.filter-group select{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:8px;min-width:100%;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.filter-group select option{white-space:normal;word-wrap:break-word;padding:.3rem .5rem}.searchable-select-unit{width:100%;position:relative}.searchable-select-unit-control{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:8px;justify-content:space-between;align-items:center;min-height:20px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.searchable-select-unit-control:hover{border-color:#1e4663}.searchable-select-unit-control .placeholder-text{color:#6c757d}.searchable-select-unit-control .value-text{color:#212529;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.searchable-select-unit-arrow{color:#6c757d;flex-shrink:0;margin-left:.5rem;font-size:.75rem}.searchable-select-unit-dropdown{z-index:50;background:#fff;border:1px solid #dee2e6;border-radius:10px;flex-direction:column;max-height:320px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 8px 24px #0000001f}.searchable-select-unit-input{border:none;border-bottom:1px solid #eee;border-radius:10px 10px 0 0;outline:none;padding:.65rem .85rem;font-size:.85rem}.searchable-select-unit-options{overflow-y:auto}.searchable-select-unit-option{cursor:pointer;color:#333;border-bottom:1px solid #f5f5f5;padding:.6rem .85rem;font-size:.85rem}.searchable-select-unit-option:last-child{border-bottom:none}.searchable-select-unit-option:hover{background:#f0f4f8}.searchable-select-unit-option.active{color:#1e4663;background:#e8f0f7;font-weight:600}.searchable-select-unit-empty{color:#999;padding:.65rem .85rem;font-size:.85rem}.btn-tampilkan{color:#fff;cursor:pointer;background:#1e4663;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:120px;height:42px;padding:.5rem 1.5rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.btn-tampilkan:hover{background:#0f2c42;transform:translateY(-1px);box-shadow:0 4px 12px #1e46634d}.btn-tampilkan:active{transform:translateY(0)}.loading-data{text-align:center;color:#6c757d;padding:2rem;font-size:.9rem}.table-wrapper-iku{border:1px solid #e9ecef;border-radius:12px;margin-top:1rem;overflow-x:auto}.iku-table-admin{border-collapse:collapse;width:100%;min-width:1200px;font-size:.8rem}.iku-table-admin th,.iku-table-admin td{text-align:left;vertical-align:middle;border:1px solid #e9ecef;padding:.6rem .5rem}.iku-table-admin th{color:#495057;text-align:center;background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600}.header-main th{text-align:center;background:#e8f4fd;border-bottom:2px solid #c5d9e8;padding:.6rem}.header-sub th{text-align:center;background:#f0f7fc;border-bottom:1px solid #dee2e6;padding:.4rem;font-size:.7rem}.col-sasaran{background-color:#e3f2fd;min-width:200px;max-width:250px}.col-indikator{min-width:200px;max-width:250px}.col-realisasi,.col-sumber{min-width:180px;max-width:250px}.col-aksi{text-align:center;width:70px}.sasaran-cell{vertical-align:middle;color:#1e4663;background-color:#e3f2fd;font-weight:600}.row-direct{background-color:#f0fdf4}.row-direct:hover{background-color:#dcfce7}.row-utama{background-color:#eff6ff}.row-utama:hover{background-color:#dbeafe}.cascading-cell-wrapper{text-align:center}.cascading-cell{text-align:center;border-radius:20px;padding:.2rem .8rem;font-size:.75rem;font-weight:500;display:inline-block}.cascading-cell.direct{color:#27ae60;background-color:#d4edda}.cascading-cell.utama{color:#1e4663;background-color:#e3f2fd}.realisasi-cell,.sumber-cell{color:#495057;word-wrap:break-word;max-width:200px;font-size:.7rem;line-height:1.4}.aksi-cell{text-align:center;white-space:nowrap}.btn-edit-iku,.btn-delete-iku{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-size:1rem;transition:all .2s}.btn-edit-iku:hover{background:#e3f2fd;transform:scale(1.1)}.btn-delete-iku:hover{background:#ffebee;transform:scale(1.1)}.no-data{text-align:center;color:#adb5bd;padding:2rem}.iku-footer{text-align:center;color:#adb5bd;margin-top:1.5rem;padding:1.5rem;font-size:.75rem}@media (width<=1024px){.iku-table-admin{min-width:1000px;font-size:.7rem}.col-sasaran,.col-indikator,.col-realisasi,.col-sumber{min-width:150px;max-width:200px}.col-target-tahun,.col-target-nilai,.col-target-satuan{width:60px}.filter-iku{gap:.75rem}.filter-group{min-width:120px}.btn-tampilkan{min-width:100px}}@media (width<=768px){.data-iku-section{padding:1rem}.filter-iku{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.filter-group select{width:100%}.btn-tampilkan{width:100%;min-height:44px}.legend-iku{flex-direction:column;gap:.5rem}.btn-tambah-iku{width:100%}.section-header{text-align:center;flex-direction:column}.section-header h2{font-size:1rem}.header-iku h1{font-size:1.3rem}.header-iku p{font-size:.8rem}.iku-table-admin{min-width:850px;font-size:.65rem}.iku-table-admin th,.iku-table-admin td{padding:.4rem .3rem}.col-sasaran,.col-indikator{min-width:130px;max-width:160px}.col-realisasi,.col-sumber{min-width:120px;max-width:160px}.col-target-tahun,.col-target-nilai,.col-target-satuan{width:50px}.col-cascading{width:80px}.col-aksi{width:60px}.cascading-cell{padding:.15rem .5rem;font-size:.65rem}.realisasi-cell,.sumber-cell{font-size:.6rem}}@media (width<=480px){.header-iku h1{font-size:1.1rem}.data-iku-section{padding:.75rem}.iku-table-admin{min-width:700px;font-size:.55rem}.iku-table-admin th,.iku-table-admin td{padding:.25rem .2rem}.col-sasaran,.col-indikator{min-width:100px;max-width:130px}.col-realisasi,.col-sumber{min-width:90px;max-width:130px}.col-target-tahun,.col-target-nilai,.col-target-satuan{width:40px}.btn-tambah-iku{padding:.5rem 1rem;font-size:.8rem}.filter-group label{font-size:.6rem}.filter-group select{padding:.4rem .6rem;font-size:.75rem}.btn-tampilkan{height:38px;font-size:.75rem}}.table-wrapper-iku::-webkit-scrollbar{height:8px}.table-wrapper-iku::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-wrapper-iku::-webkit-scrollbar-thumb{background:#c1c7cd;border-radius:4px}.table-wrapper-iku::-webkit-scrollbar-thumb:hover{background:#a0a7ae}@media print{.tambah-section,.filter-iku,.btn-reset-filter,.btn-edit-iku,.btn-delete-iku{display:none}.data-iku-section{box-shadow:none;border:1px solid #dee2e6;border-radius:0}.iku-table-admin{font-size:.7rem}.iku-table-admin th,.iku-table-admin td{border:1px solid #333}.header-iku h1,.iku-footer{color:#000}}.rencana-evaluasi-container{background:#f5f7fa;width:100%;min-height:100vh;padding:0}.breadcrumb-re{color:#6c757d;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.breadcrumb-re .separator{color:#adb5bd}.breadcrumb-re .active{color:#1e4663;font-weight:600}.header-re{margin-bottom:1.5rem}.header-re h1{color:#1e4663;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.header-re p{color:#6c757d;font-size:.9rem}.user-info-re{background:#fff;border-radius:16px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex;box-shadow:0 2px 8px #0000000d}.user-avatar-re{font-size:2.5rem}.user-details-re{flex:1}.user-name-re{color:#1e4663;font-size:1.1rem;font-weight:600}.user-meta-re{color:#6c757d;flex-wrap:wrap;gap:.5rem;font-size:.8rem;display:flex}.user-meta-re .separator{color:#adb5bd}.total-iku-re{align-items:center;display:flex}.filter-re{background:#fff;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex;box-shadow:0 2px 8px #0000000d}.filter-group select,.filter-group input{background:#fff;border:1.5px solid #dee2e6;border-radius:8px;width:200px;padding:.5rem .75rem;font-size:.85rem}.filter-group select:focus,.filter-group input:focus{border-color:#1e4663;outline:none;box-shadow:0 0 0 3px #1e46631a}.btn-refresh{color:#495057;cursor:pointer;background:#e9ecef;border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:.8rem;font-weight:500;transition:all .2s}.btn-refresh:hover{background:#dee2e6}.total-data-re{color:#6c757d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8rem;display:flex}.table-wrapper-re{background:#fff;border-radius:16px;margin-bottom:1.5rem;overflow-x:auto;box-shadow:0 2px 8px #0000000d}.re-table{border-collapse:collapse;width:100%;min-width:1200px;font-size:.8rem}.re-table th,.re-table td{text-align:left;vertical-align:middle;border:1px solid #e9ecef;padding:.6rem .5rem}.re-table th{color:#495057;text-align:center;background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600}.header-main-re th{text-align:center;background:#e8f4fd;padding:.6rem}.header-sub-re th{text-align:center;background:#f0f7fc;padding:.4rem;font-size:.7rem}.col-target-group{text-align:center}.col-target-tahun,.col-target-nilai,.col-target-satuan{text-align:center;width:70px}.col-realisasi,.col-sumber{min-width:180px}.sasaran-row-re{background:#fafbfc;transition:background .2s}.sasaran-row-re:hover{background:#f0f4f8}.sasaran-cell-re{padding:.6rem .5rem!important}.sasaran-title-re{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.indikator-row-re{background:#fff}.indikator-row-re:hover{background:#fef9e6}.indikator-cell-re{color:#1e4663;font-weight:500}.cascading-cell-re{text-align:center}.target-tahun-cell{text-align:center;color:#1e4663;font-weight:500}.target-nilai-cell{text-align:center;color:#27ae60;font-weight:600}.target-satuan-cell{text-align:center;color:#6c757d}.realisasi-cell-re,.sumber-cell-re{color:#495057;word-wrap:break-word;max-width:200px;font-size:.7rem;line-height:1.4}.status-cell-re{text-align:center}.empty-state-re{text-align:center;background:#fff;border-radius:16px;padding:3rem 1rem;box-shadow:0 2px 8px #0000000d}.empty-state-re h3{color:#1e4663;margin-bottom:.5rem;font-size:1.1rem}.empty-state-re p{color:#6c757d;font-size:.9rem}.rencana-evaluasi-loading{background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex;box-shadow:0 2px 8px #0000000d}.rencana-evaluasi-loading .spinner{border:4px solid #eef2f6;border-top-color:#1e4663;border-radius:50%;width:45px;height:45px;margin-bottom:1rem;animation:1s linear infinite spin}.rencana-evaluasi-loading p{color:#6c757d;font-size:.9rem}.re-footer{text-align:center;color:#adb5bd;padding:1rem;font-size:.75rem}@media (width<=1024px){.re-table{min-width:1000px;font-size:.7rem}.col-sasaran{min-width:200px}.col-realisasi,.col-sumber{min-width:150px}}@media (width<=768px){.user-info-re{text-align:center;flex-direction:column;padding:1rem}.user-meta-re{justify-content:center}.filter-re{flex-direction:column;align-items:stretch}.filter-group select,.filter-group input,.btn-refresh{width:100%}.total-data-re{text-align:center;flex-direction:column}.re-table{min-width:850px;font-size:.65rem}.re-table th,.re-table td{padding:.4rem .3rem}.col-sasaran{min-width:150px}.col-realisasi,.col-sumber{min-width:120px}.col-target-tahun,.col-target-nilai,.col-target-satuan{width:50px}}@media (width<=480px){.header-re h1{font-size:1.1rem}.user-avatar-re{font-size:2rem}.user-name-re{font-size:.95rem}.user-meta-re{font-size:.7rem}.re-table{min-width:700px;font-size:.55rem}.col-sasaran{min-width:120px}.col-realisasi,.col-sumber{min-width:100px}.col-target-tahun,.col-target-nilai,.col-target-satuan{width:40px}}.app{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.role-selector{width:100%;max-width:1200px}.role-header{text-align:center;margin-bottom:3rem}.role-header h1{color:#2c5f8a;margin-bottom:.5rem;font-size:2.5rem}.role-header p{color:#666;font-size:1rem}.role-header hr{border:2px solid #2c5f8a;border-radius:10px;width:80px;margin:1rem auto}.role-cards{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.role-card{text-align:center;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:20px;width:260px;padding:2rem;transition:all .3s;box-shadow:0 5px 20px #0000001a}.role-card:hover{border-color:#2c5f8a;transform:translateY(-8px);box-shadow:0 15px 35px #00000026}.role-icon{margin-bottom:1rem;font-size:3.5rem}.role-card h3{color:#2c5f8a;margin-bottom:.5rem;font-size:1.3rem}.role-desc{color:#888;font-size:.85rem}.login-container{background:#fff;border-radius:24px;width:100%;max-width:450px;padding:2.5rem;box-shadow:0 15px 40px #0000001a}.login-header{text-align:center;margin-bottom:2rem}.login-icon{margin-bottom:.5rem;font-size:3rem}.login-header h2{color:#2c5f8a;margin-bottom:.25rem}.login-header p{color:#666;font-size:.85rem}.badge{border-radius:20px;margin-top:.5rem;padding:.25rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.badge-admin{color:#fff;background:#e74c3c}.badge-assesor{color:#fff;background:#f39c12}.badge-user{color:#fff;background:#27ae60}.form-group{margin-bottom:1.25rem}.form-group label{color:#333;margin-bottom:.5rem;font-weight:500;display:block}.form-group input{border:1px solid #ddd;border-radius:12px;width:100%;padding:.8rem 1rem;font-size:1rem;transition:all .3s}.form-group input:focus{border-color:#2c5f8a;outline:none;box-shadow:0 0 0 3px #2c5f8a1a}.login-btn{color:#fff;cursor:pointer;background:#2c5f8a;border:none;border-radius:12px;width:100%;padding:.8rem;font-size:1rem;font-weight:700;transition:background .3s}.login-btn:hover{background:#1e4566}.links{text-align:center;margin-top:1.5rem}.links a{color:#2c5f8a;font-size:.85rem;text-decoration:none}.links a:hover{text-decoration:underline}.error-msg{color:#e74c3c;text-align:center;margin-top:.75rem;font-size:.8rem}.role-footer{text-align:center;color:#aaa;margin-top:1.5rem;font-size:.7rem}.dashboard-container{background:#fff;border-radius:24px;width:100%;max-width:1200px;padding:2rem;box-shadow:0 15px 40px #0000001a}.dashboard-header{border-bottom:2px solid #eee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.dashboard-header h2{color:#2c5f8a}.user-info{align-items:center;gap:1rem;display:flex}.logout-btn{background:#e74c3c;width:auto;padding:.5rem 1.2rem}.logout-btn:hover{background:#c0392b}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{color:#fff;text-align:center;background:linear-gradient(135deg,#2c5f8a,#1e4566);border-radius:16px;padding:1.5rem}.stat-card h3{margin-bottom:.5rem;font-size:2rem}.stat-card p{opacity:.9}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.menu-item{text-align:center;cursor:pointer;background:#f8f9fa;border-radius:12px;padding:1rem;transition:all .3s}.menu-item:hover{background:#e9ecef;transform:translateY(-3px)}.app{min-height:100vh}body{background:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.app{width:100%;min-height:100vh}.container-fluid{width:100%;max-width:100%;margin:0;padding:0}.pembagian-user-container{background:#f5f7fa;width:100%;min-height:100vh;padding:0}.breadcrumb-pu{color:#6c757d;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.breadcrumb-pu .separator{color:#adb5bd}.breadcrumb-pu .active{color:#1e4663;font-weight:600}.header-pu{margin-bottom:1.5rem}.header-pu h1{color:#1e4663;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.header-pu p{color:#6c757d;font-size:.9rem}.user-info-pu{background:#fff;border-radius:16px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex;box-shadow:0 2px 8px #0000000d}.user-avatar-pu{font-size:2.5rem}.user-details-pu{flex:1}.user-name-pu{color:#1e4663;font-size:1.1rem;font-weight:600}.user-meta-pu{color:#6c757d;flex-wrap:wrap;gap:.5rem;font-size:.8rem;display:flex}.user-meta-pu .separator{color:#adb5bd}.total-iku-pu{align-items:center;display:flex}.total-badge{color:#fff;background:#1e4663;border-radius:20px;padding:.3rem 1rem;font-size:.8rem;font-weight:600}.filter-pu{background:#fff;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex;box-shadow:0 2px 8px #0000000d}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-group label{color:#495057;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.filter-group select{background:#fff;border:1.5px solid #dee2e6;border-radius:8px;width:180px;padding:.5rem .75rem;font-size:.85rem}.filter-group select:focus{border-color:#1e4663;outline:none;box-shadow:0 0 0 3px #1e46631a}.tahun-aktif-label{color:#1e4663;text-align:center;background:#e8f4fd;border-radius:8px;min-width:100px;padding:.5rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.total-data-pu{color:#6c757d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8rem;display:flex}.year-label{color:#1e4663;background:#e8f4fd;border-radius:12px;padding:.2rem .8rem;font-weight:500}.semester-label{color:#1e4663;background:#f0c674;border-radius:12px;padding:.2rem .8rem;font-weight:500}.table-wrapper-pu{background:#fff;border-radius:16px;margin-bottom:1.5rem;overflow-x:auto;box-shadow:0 2px 8px #0000000d}.pu-table{border-collapse:collapse;width:100%;min-width:1100px;font-size:.8rem}.pu-table th,.pu-table td{text-align:left;vertical-align:middle;border:1px solid #e9ecef;padding:.6rem .5rem}.pu-table th{color:#495057;text-align:center;background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600}.header-main-pu th{text-align:center;background:#e8f4fd;padding:.6rem}.header-sub-pu th{text-align:center;background:#f0f7fc;padding:.4rem;font-size:.7rem}.col-no{text-align:center;width:45px}.col-sasaran{background-color:#e3f2fd;min-width:250px}.col-indikator{min-width:220px}.col-cascading{text-align:center;width:100px}.col-target{text-align:center;min-width:100px}.col-semester-group{text-align:center}.col-semester1,.col-semester2{text-align:center;width:110px}.col-total{text-align:center;background-color:#f0f7fc;width:90px}.col-status{text-align:center;width:110px}.sasaran-row-pu{background:#fafbfc;transition:background .2s}.sasaran-row-pu:hover{background:#f0f4f8}.sasaran-cell-pu{padding:.6rem .5rem!important}.sasaran-title-pu{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.expand-icon{color:#1e4663;width:20px;font-size:.7rem;font-weight:700}.tugas-count{color:#6c757d;background:#f0f0f0;border-radius:12px;padding:.1rem .6rem;font-size:.65rem;font-weight:400}.indikator-row-pu{background:#fff}.indikator-row-pu:hover{background:#fef9e6}.no-cell{text-align:center;vertical-align:middle;font-weight:500}.sub-no{text-align:center;vertical-align:middle;color:#6c757d;font-size:.75rem}.sasaran-sub{vertical-align:top;background-color:#e3f2fd;font-weight:500}.indikator-cell-pu{color:#1e4663;font-weight:500}.cascading-cell-pu{text-align:center}.cascading-badge{border-radius:20px;padding:.2rem .8rem;font-size:.7rem;font-weight:600;display:inline-block}.cascading-badge.direct{color:#27ae60;background-color:#d4edda}.cascading-badge.utama{color:#1e4663;background-color:#e3f2fd}.target-cell-pu{text-align:center}.target-value{color:#1e4663;font-weight:600;display:block}.target-satuan{color:#6c757d;font-size:.65rem;display:block}.semester-cell-pu{text-align:center}.semester-input{text-align:center;background:#fff;border:1.5px solid #dee2e6;border-radius:6px;width:100%;max-width:90px;padding:.35rem .4rem;font-size:.75rem;transition:all .2s}.semester-input:focus{border-color:#1e4663;outline:none;box-shadow:0 0 0 3px #1e46631a}.semester-input.sem1{border-color:#3498db}.semester-input.sem2{border-color:#e67e22}.semester-input:disabled{cursor:not-allowed;background:#e9ecef}.total-cell-pu{text-align:center;background-color:#f0f7fc;font-weight:700}.total-value{color:#1e4663;border-radius:8px;padding:.15rem .3rem;font-size:.85rem;display:block}.total-value.has-value{color:#27ae60;background:#d4edda}.total-percent{color:#6c757d;font-size:.55rem;font-weight:400;display:block}.status-cell-pu{text-align:center}.status-badge{border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.status-badge.status-success{color:#155724;background:#d4edda}.status-badge.status-proses{color:#1565c0;background:#e3f2fd}.status-badge.status-pending{color:#6c757d;background:#e9ecef}.empty-state-pu{text-align:center;background:#fff;border-radius:16px;padding:3rem 1rem;box-shadow:0 2px 8px #0000000d}.empty-icon{margin-bottom:1rem;font-size:4rem}.empty-state-pu h3{color:#1e4663;margin-bottom:.5rem;font-size:1.1rem}.empty-state-pu p{color:#6c757d;font-size:.9rem}.pembagian-user-loading{background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex;box-shadow:0 2px 8px #0000000d}.pembagian-user-loading .spinner{border:4px solid #eef2f6;border-top-color:#1e4663;border-radius:50%;width:45px;height:45px;margin-bottom:1rem;animation:1s linear infinite spin}.pembagian-user-loading p{color:#6c757d;font-size:.9rem}.pu-footer{text-align:center;color:#adb5bd;padding:1rem;font-size:.75rem}@media (width<=1024px){.pu-table{min-width:1000px;font-size:.7rem}.col-sasaran{min-width:200px}.semester-input{max-width:70px;font-size:.65rem}}@media (width<=768px){.user-info-pu{text-align:center;flex-direction:column;padding:1rem}.user-meta-pu{justify-content:center}.filter-pu{flex-direction:column;align-items:stretch}.filter-group select{width:100%}.total-data-pu{text-align:center;flex-direction:column}.pu-table{min-width:900px;font-size:.65rem}.pu-table th,.pu-table td{padding:.4rem .3rem}.col-sasaran{min-width:150px}.col-semester1,.col-semester2{width:80px}.semester-input{max-width:60px;padding:.25rem;font-size:.6rem}}@media (width<=480px){.header-pu h1{font-size:1.1rem}.user-avatar-pu{font-size:2rem}.user-name-pu{font-size:.95rem}.pu-table{min-width:750px;font-size:.55rem}.col-sasaran{min-width:120px}.col-semester1,.col-semester2{width:65px}.semester-input{max-width:50px;padding:.2rem;font-size:.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#e8f0f7 0%,#d4e2ed 100%);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}