*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f4f8;color:#333;font-family:Segoe UI,sans-serif;font-size:14px}.app-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh;transition:grid-template-columns .3s ease}.app-layout.collapsed{grid-template-columns:64px 1fr}.sidebar{background:#1a3a5c;color:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;transition:width .3s ease;width:240px}.sidebar.collapsed{width:64px}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-group-label,.sidebar.collapsed .nav-text,.sidebar.collapsed .user-info,.sidebar.collapsed .user-logout{display:none}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:20px 8px}.sidebar.collapsed .nav-item{justify-content:center;margin:2px 4px;padding:12px}.sidebar.collapsed .user-avatar{margin:0 auto}.sidebar-logo{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:10px;padding:20px 16px}.logo-icon{font-size:24px}.logo-text{font-size:15px;font-weight:700}.sidebar-logo-img{border-radius:6px;display:block;height:auto;object-fit:contain;width:40px}.sidebar.collapsed .sidebar-logo-img{width:28px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 0}.nav-group{margin-bottom:8px}.nav-group-label{color:#fff6;display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;padding:12px 16px 4px}.nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#ffffffbf;cursor:pointer;display:flex;font-size:14px;gap:10px;margin:2px 8px;padding:10px 16px;text-decoration:none;transition:all .2s;width:calc(100% - 16px)}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#2d6a9f;color:#fff;font-weight:600}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:16px;justify-content:center;text-align:center;width:20px}.nav-icon-img{filter:brightness(0) invert(1);height:18px;object-fit:contain;opacity:.75;width:18px}.nav-item.active .nav-icon-img,.nav-item:hover .nav-icon-img{opacity:1}.sidebar-user{border-top:1px solid #ffffff1a;gap:10px;padding:16px}.sidebar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:#2d6a9f;border-radius:50%;cursor:default;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.user-info{display:flex;flex:1 1;flex-direction:column}.user-name{font-size:13px;font-weight:600}.user-role{color:#ffffff80;font-size:11px}.user-logout{cursor:pointer;font-size:18px;opacity:.5;transition:opacity .2s}.user-logout:hover{opacity:1}.main-wrapper{display:flex;flex-direction:column;min-height:100vh}.topbar{align-items:center;background:#fff;border-bottom:1px solid #e8edf2;display:flex;justify-content:space-between;padding:14px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar-left{display:flex;flex-direction:column}.page-title{color:#1a3a5c;font-size:18px;font-weight:700}.page-sub{color:#888;font-size:12px;margin-top:2px}.topbar-right{align-items:center;display:flex;gap:16px}.btn-toggle{background:none;border:none;border-radius:6px;color:#1a3a5c;cursor:pointer;font-size:20px;margin-right:8px;padding:4px 8px;transition:background .2s}.btn-toggle:hover{background:#f0f4f8}.sidebar-toggle{color:#ffffffbf;font-size:16px;font-weight:700;margin-left:auto;margin-right:0}.sidebar-toggle:hover{background:#ffffff1a;color:#fff}.sidebar.collapsed .sidebar-toggle{margin-left:0}.main-content{display:flex;flex:1 1;flex-direction:column;gap:24px;padding:24px}.stat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.stat-card{border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:8px;padding:20px}.stat-card.biru{background:linear-gradient(135deg,#1a3a5c,#2d6a9f)}.stat-card.hijau{background:linear-gradient(135deg,#1e8449,#27ae60)}.stat-card.orange{background:linear-gradient(135deg,#ca6f1e,#e67e22)}.stat-card.merah{background:linear-gradient(135deg,#c0392b,#e74c3c)}.stat-top{justify-content:space-between}.stat-icon,.stat-top{align-items:center;display:flex}.stat-icon{font-size:20px}.stat-icon-img{filter:brightness(0) invert(1);height:24px;object-fit:contain;width:24px}.stat-trend{font-size:11px;opacity:.85}.stat-angka{font-size:28px;font-weight:700}.stat-label{font-size:12px;opacity:.85}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-header h3{color:#1a3a5c;font-size:14px;font-weight:700}table{border-collapse:collapse;width:100%}thead tr{border-bottom:2px solid #f0f4f8}th{color:#888;font-size:11px;font-weight:700;letter-spacing:.5px;padding:8px 12px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid #f5f7fa;font-size:13px;padding:12px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafcff}.badge{border-radius:99px;display:inline-block;font-size:11px;font-weight:700;padding:3px 10px}.badge.hijau{background:#eafaf1;color:#27ae60}.badge.orange{background:#fef5e7;color:#e67e22}.badge.merah{background:#fdedec;color:#e74c3c}.badge.biru{background:#eaf0fb;color:#2980b9}.badge.ungu{background:#f3e5f5;color:#8e44ad}.badge.abu{background:#f0f4f8;color:#666}.progress-bar{background:#eee;border-radius:99px;height:18px;min-width:80px;overflow:hidden}.progress-fill{align-items:center;background:linear-gradient(90deg,#2d6a9f,#5ba3d9);border-radius:99px;color:#fff;display:flex;font-size:10px;font-weight:700;height:100%;justify-content:center}.progress-fill.delayed{background:linear-gradient(90deg,#ca6f1e,#e67e22)}.progress-fill.critical{background:linear-gradient(90deg,#c0392b,#e74c3c)}.bottom-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 300px}.right-panel{gap:16px}.activity-list,.right-panel{display:flex;flex-direction:column}.activity-list{gap:14px;list-style:none}.activity-item{align-items:flex-start;display:flex;gap:10px}.activity-dot{border-radius:50%;flex-shrink:0;height:10px;margin-top:4px;width:10px}.activity-dot.biru{background:#2d6a9f}.activity-dot.hijau{background:#27ae60}.activity-dot.orange{background:#e67e22}.activity-dot.merah{background:#e74c3c}.activity-item p{font-size:13px;margin-bottom:2px}.activity-item small{color:#aaa;font-size:11px}.todo-list{display:flex;flex-direction:column;gap:10px;list-style:none}.todo-item{align-items:center;display:flex;font-size:13px;gap:10px}.todo-item span:nth-child(2){flex:1 1}.todo-item.done span:nth-child(2){color:#bbb;text-decoration:line-through}.todo-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.link-all{color:#2d6a9f;font-size:12px;text-decoration:none}.link-all:hover{text-decoration:underline}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.modal-box{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:320px;padding:32px;text-align:center;width:90%}.modal-box h3{color:#1a3a5c;font-size:18px;margin-bottom:8px}.modal-box p{color:#666;font-size:13px;margin-bottom:24px}.modal-actions{display:flex;gap:12px;justify-content:center}.btn-cancel{background:#fff;border:1.5px solid #ddd;border-radius:8px}.btn-cancel,.btn-confirm{cursor:pointer;font-size:14px;padding:10px 24px}.btn-confirm{background:#e74c3c;border:none;border-radius:8px;color:#fff;font-weight:600}@media (max-width:640px){.modal-box-erp{border-radius:0!important;height:100vh!important;max-height:100vh!important;max-width:100vw!important;width:100vw!important}}.bapb-table-view{display:block}.bapb-card-view{display:none}@media (max-width:640px){.bapb-table-view{display:none}.bapb-card-view{gap:10px;padding:10px}.bapb-card,.bapb-card-view{display:flex;flex-direction:column}.bapb-card{background:#fff;border:1px solid #ddd;border-radius:8px;gap:6px;padding:10px 12px}.bapb-card-row{display:flex;font-size:12px;gap:8px;justify-content:space-between}.bapb-card-row span:first-child{color:#888;flex-shrink:0;font-weight:600}.bapb-card-row span:last-child{text-align:right}}
/*# sourceMappingURL=main.99bb6dcb.css.map*/