@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css";.navbar-dashboard{background:#4a90e2;color:#000;display:flex;justify-content:space-between;align-items:center;padding:12px 30px;box-shadow:0 4px 8px #0000001a;position:relative;z-index:1000}.logo{height:40px;width:auto}.navbar-center span{color:#fff;text-decoration:none;font-weight:500;padding-bottom:3px;transition:all .3s ease;cursor:pointer}.dashboard_logo{width:28px;height:28px}.chart-card{background:#fff;border-radius:16px;padding:20px;min-height:300px;box-shadow:0 3px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden}.chart-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#95a5a6;font-size:16px;flex:1;width:100%}.chart-header{display:flex;flex-direction:column;align-items:center;margin-bottom:15px;width:100%}.chart-month-labels{display:flex;justify-content:space-between;width:100%;font-size:10px;color:#2c3e50;margin-bottom:10px;overflow-x:auto}.chart-month-labels span{flex:1;text-align:center;min-width:30px}.chart-year-select{padding:4px 8px;border-radius:6px;border:1px solid #d1d5db;font-size:12px;margin-top:5px}.maintenance-chart-wrapper{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;width:100%}.maintenance-pie-chart{max-width:100%;height:auto}.maintenance-legend{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#111827}.maintenance-total{font-weight:600;margin-bottom:4px}.legend-row{display:flex;align-items:center;gap:8px}.legend-color{width:14px;height:14px;border-radius:50%;display:inline-block}.risk-list-Penanganan-Risiko{display:flex;flex-direction:column;gap:12px;margin-top:15px;width:100%}.strategy-text{color:#666;font-size:12px}.status-btn{border:none;border-radius:20px;padding:6px 10px;font-weight:600;font-size:12px;text-align:center;min-width:90px}.calendar-icon{width:14px;height:14px;vertical-align:middle;margin-right:6px}.risk-priority-bar-chart{width:100%;height:auto;min-height:200px;display:block}@media(max-width:768px){.navbar-dashboard{padding:15px 20px}.hamburger{display:flex}.hamburger .bar.open:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.hamburger .bar.open:nth-child(2){opacity:0}.hamburger .bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.navbar-center{position:absolute;top:60px;left:0;right:0;background-color:#4a90e2;flex-direction:column;align-items:center;padding:20px 0;gap:20px;transform:translateY(-150%);transition:transform .3s ease-in-out;box-shadow:0 5px 10px #0000001a;z-index:999}.navbar-center.active{transform:translateY(0)}.navbar-center span{width:100%;text-align:center;padding:10px 0;font-size:16px;display:block}.navbar-center span:hover,.navbar-center span.active{background-color:#ffffff1a;border-bottom:none;border-left:4px solid #f7c500}.content{padding:20px 15px}.title{font-size:24px;text-align:center}.card-row{flex-direction:column;gap:15px}.main-card{width:100%;box-sizing:border-box}.chart-grid{grid-template-columns:1fr;gap:20px}.chart-card{min-height:auto;padding:15px}.maintenance-chart-wrapper{flex-direction:column;gap:15px}.risk-item{flex-direction:column;align-items:flex-start;gap:10px}.risk-item .status-btn{align-self:flex-end}.chart-month-labels{font-size:9px}}.dashboard-verifikator-logo{width:28px;height:28px}.icon,.profile{background:#fff;color:#000;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.content{padding:30px 60px;background-color:#9fcbff;min-height:calc(100vh - 70px)}.title{color:#2c3e50;font-size:28px;margin-bottom:20px}.subtitle{color:#34495e;font-size:20px;margin-top:40px}.card-row{display:flex;gap:30px;margin-bottom:20px}.main-card{background:#243c7a;color:#fff;flex:1;border-radius:16px;padding:30px 20px;text-align:center;transition:transform .3s ease;box-shadow:0 4px 6px #0000001a}.main-card:hover{transform:translateY(-5px)}.main-card h2{font-size:22px;margin-bottom:15px;margin-top:0}.button-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.yellow-btn{background:#f7c500;color:#000;border:none;padding:8px 18px;border-radius:20px;font-weight:600;cursor:pointer;transition:background .3s ease}.yellow-btn:hover{background:#ffd740}.actions-row{display:flex;justify-content:space-between;gap:15px;margin-top:10px;flex-wrap:wrap}.action-btn{background:#fff;color:#000;font-weight:600;padding:10px 22px;border-radius:30px;border:none;box-shadow:0 2px 5px #0000001a;cursor:pointer;transition:all .3s ease;flex:1;min-width:150px}.action-btn:hover{background:#f1c40f;color:#fff;transform:scale(1.05)}.chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:25px}.chart-card{background:#fff;border-radius:16px;padding:20px;min-height:250px;box-shadow:0 3px 8px #0000001a;display:flex;flex-direction:column}.chart-card h3{margin-top:0;color:#2c3e50}.chart-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#95a5a6;font-size:16px;animation:fadeIn .6s ease;flex:1}.chart-placeholder p{margin-top:8px}.risk-list1{display:flex;flex-direction:column;gap:12px;margin-top:15px;width:100%}.risk-item{background:#f4f6f8;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px;transition:all .3s ease;font-size:14px}.risk-item:hover{background:#e8f0ff}.status-btn{border:none;border-radius:20px;padding:6px 14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:80px;text-align:center}.status-btn.done{background:#f7c500;color:#000}.status-btn.process{background:#fbc02d;color:#000}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.navbar{padding:15px 20px}.hamburger{display:flex}.hamburger .bar.open:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.hamburger .bar.open:nth-child(2){opacity:0}.hamburger .bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.navbar-center{position:absolute;top:60px;left:0;right:0;background-color:#4a90e2;flex-direction:column;align-items:center;padding:20px 0;gap:20px;transform:translateY(-150%);transition:transform .3s ease-in-out;box-shadow:0 5px 10px #0000001a;z-index:999}.navbar-center.active{transform:translateY(0)}.navbar-center span{width:100%;text-align:center;padding:10px 0;font-size:16px;margin:0;display:block}.navbar-center span:hover,.navbar-center span.active{background-color:#ffffff1a;border-bottom:none;border-left:4px solid #f7c500}.content{padding:20px 15px}.title{font-size:24px;text-align:center}.card-row{flex-direction:column;gap:15px}.main-card{width:100%;box-sizing:border-box}.actions-row{flex-direction:column;gap:12px}.action-btn{width:100%}.chart-grid{grid-template-columns:1fr;gap:20px}.chart-card{min-height:auto;padding:15px}}.logoaaaas{width:28px;height:28px}body{background:#b7d3f7;margin:0;font-family:Inter,sans-serif}.card{background:#fff;padding:18px;border-radius:10px;box-shadow:0 2px 4px #0000001a}.top-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:15px}.total-aset-container{display:flex;justify-content:space-between;gap:10px}.total-aset-section h4,.risiko-teridentifikasi-section h4{margin:0 0 6px;font-size:15px;font-weight:600}.value{font-size:34px;font-weight:800}.risk-list div{font-size:14px}.risiko{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#000;font-weight:700;border-radius:10px}.risiko span{font-size:15px}.risiko h1{margin:5px 0 0;font-size:40px}.merah{background:red}.kuning{background:#fd0}.biru{background:#007bff}.mid-grid{display:grid;grid-template-columns:2fr 1.3fr 1.7fr;gap:15px;margin-top:20px}.chart-title h3,.mitigasi-title h3,.heatmap-title h3{margin:0 0 10px;font-size:16px}.chart,.mitigasi{height:auto;background:#fff}.heatmap{height:auto;overflow:hidden}.mitigasi-content{display:flex;align-items:center;justify-content:center;width:100%}.risk-heatmap-container{display:grid;grid-template-columns:60px repeat(5,1fr);grid-template-rows:30px repeat(5,1fr);gap:2px;width:100%;height:100%;padding-top:5px;font-size:11px}.heatmap-corner{display:flex;align-items:flex-end;justify-content:center;background:#f0f0f0;font-weight:700;position:relative}.axis-label-y{transform:rotate(-90deg);white-space:nowrap;font-size:10px;color:#333;margin-bottom:25px}.heatmap-header-x{background:#e5e7eb;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;padding:2px;font-size:10px;border:1px solid #d1d5db;color:#333}.heatmap-header-y{background:#e5e7eb;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;padding:2px;border:1px solid #d1d5db;color:#333;line-height:1.1}.heatmap-cell{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border:1px solid rgba(255,255,255,.3);transition:transform .1s}.heatmap-cell:hover{transform:scale(1.05);border:1px solid #fff;z-index:2}.cell-red{background-color:#b91c1c;color:#fff}.cell-orange{background-color:#f97316;color:#fff}.cell-yellow{background-color:#facc15;color:#333}.cell-green{background-color:#65a30d;color:#fff}.bottom-grid{display:grid;grid-template-columns:1.6fr 1.4fr 1.2fr 1.2fr;gap:15px;margin-top:20px}.row{display:flex;justify-content:space-between;padding:10px;background:#eef6ff;border-radius:6px;margin-bottom:10px;font-size:14px}.row button{border:none;padding:6px 14px;border-radius:6px;font-size:13px;cursor:pointer;color:#fff;font-weight:600}.ditangani{background:#fb0}.proses{background:#00a1ff}.verifikasi-content div{margin-bottom:10px;font-size:14px}.notif-row{display:flex;align-items:center;justify-content:space-between;background:#eef6ff;padding:10px;border-radius:6px;margin-bottom:8px}.badge{background:red;color:#fff;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:700}.lihat{background:#0066cf;color:#fff;border:none;padding:5px 12px;border-radius:6px;font-weight:600;cursor:pointer}.hapus-row{display:flex;justify-content:space-between;background:#eef6ff;padding:10px;border-radius:6px;margin-bottom:8px}.detail{background:#4a8fff;color:#fff;padding:5px 12px;border-radius:6px;cursor:pointer;font-weight:600}.verifikasi-content,.notifver-content{padding:15px;overflow-y:auto;max-height:300px}.verifikasi-content::-webkit-scrollbar,.notifver-content::-webkit-scrollbar{width:6px}.verifikasi-content::-webkit-scrollbar-track,.notifver-content::-webkit-scrollbar-track{background:#f1f1f1}.verifikasi-content::-webkit-scrollbar-thumb,.notifver-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.dinas-status-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee;transition:background-color .2s ease}.dinas-status-row:last-child{border-bottom:none}.dinas-info{display:flex;flex-direction:column;gap:2px}.dinas-name{font-weight:600;color:#333;font-size:.95rem}.dinas-meta{font-size:.8rem;color:#888}.percentage-badge{font-weight:700;font-size:.9rem;padding:4px 10px;border-radius:20px;background-color:#e0f2fe;color:#0284c7;min-width:50px;text-align:center}.percentage-badge.complete{background-color:#dcfce7;color:#16a34a}.notif-row{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;margin-bottom:10px;background:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 2px 4px #00000005;transition:all .2s ease}.notif-row:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#2563eb}.notif-name{font-weight:500;color:#444;flex-grow:1}.notif-badge-container{display:flex;align-items:center;gap:10px}.badge-count{background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.btn-lihat{background-color:#2563eb;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.btn-lihat:hover{background-color:#1d4ed8}.empty-state{padding:30px;text-align:center;color:#999;font-style:italic;font-size:.9rem}.jadwal-content,.hapus-content{padding:15px;overflow-y:auto;max-height:300px}.jadwal-content::-webkit-scrollbar,.hapus-content::-webkit-scrollbar{width:6px}.jadwal-content::-webkit-scrollbar-track,.hapus-content::-webkit-scrollbar-track{background:#f1f1f1}.jadwal-content::-webkit-scrollbar-thumb,.hapus-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.assets-line-chart{width:100%;height:100%;display:block}.assets-line-path{animation:dashboard-line-draw .8s ease-out forwards}.assets-line-area{opacity:0;animation:dashboard-area-fade .8s ease-out forwards;animation-delay:.15s}.assets-line-point{opacity:0;animation:dashboard-point-fade .4s ease-out forwards;animation-delay:.4s}@keyframes dashboard-line-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes dashboard-area-fade{0%{opacity:0}to{opacity:1}}@keyframes dashboard-point-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.maintenance-row{display:flex;justify-content:space-between;align-items:center;padding:12px 10px;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.maintenance-row:hover{background-color:#fafafa}.m-asset-info{display:flex;flex-direction:column}.m-asset-name{font-weight:600;font-size:.9rem;color:#333}.m-asset-id{font-size:.75rem;color:#888}.status-badge{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:12px;text-transform:capitalize;letter-spacing:.5px}.status-badge.approved{background-color:#dcfce7;color:#166534}.status-badge.pending{background-color:#fef9c3;color:#854d0e}.status-badge.rejected{background-color:#fee2e2;color:#991b1b}.deletion-row{display:flex;justify-content:space-between;align-items:center;padding:12px 10px;border-bottom:1px solid #f0f0f0;margin-bottom:5px}.deletion-info{display:flex;align-items:center;gap:12px}.trash-icon-bg{width:32px;height:32px;background-color:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ef4444;font-size:14px}.d-asset-name{font-weight:600;color:#374151;font-size:.9rem}.btn-detail-outline{background:transparent;border:1px solid #d1d5db;color:#4b5563;padding:5px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.btn-detail-outline:hover{border-color:#6b7280;background-color:#f3f4f6;color:#1f2937}.card.risiko{color:#fff;border-radius:12px;padding:16px}.card.risiko.merah{background:linear-gradient(135deg,#ef4444,#b91c1c)}.card.risiko.kuning{background:linear-gradient(135deg,#facc15,#eab308);color:#1f2937}.card.risiko.biru{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}@media(max-width:1024px){.top-grid,.mid-grid,.bottom-grid{grid-template-columns:1fr}.heatmap{overflow-x:auto}}body{margin:0;font-family:Poppins,sans-serif;background-color:#9fcbff;overflow-x:hidden}.navbar-center{display:flex}.icon{background:#fff;color:#000;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.content{padding:30px 40px;min-height:calc(100vh - 70px)}.title{color:#2c3e50;font-size:28px;margin-bottom:25px;margin-top:0;font-weight:600}.dashboard-grid-top{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px}.dashboard-grid-bottom{display:grid;grid-template-columns:1.2fr 1.5fr;gap:20px}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column}.card-title{font-size:18px;font-weight:600;color:#000;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px;display:flex;align-items:center}.status-list{display:flex;flex-direction:column;gap:12px}.status-item{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;padding-bottom:5px;border-bottom:1px solid #f0f0f0}.status-item:last-child{border-bottom:none}.pie-chart-container{display:flex;align-items:center;justify-content:space-around;height:100%}.css-pie-chart{width:100px;height:100px;border-radius:50%}.chart-legend{display:flex;flex-direction:column;gap:8px;font-size:12px}.legend-item{display:flex;align-items:center;gap:8px}.dot{width:10px;height:10px;border-radius:50%}.total-asset-number{font-size:32px;font-weight:800;margin-bottom:20px;color:#000}.asset-icons-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.asset-icon-item{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr;background-color:#f8f9fa;padding:12px;border-radius:8px;font-weight:600;text-align:center;margin-bottom:10px;font-size:14px;color:#555;margin-right:5px}.table-body{max-height:315px;overflow-y:auto;overflow-x:hidden}.table-body::-webkit-scrollbar{width:6px}.table-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.table-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.table-body::-webkit-scrollbar-thumb:hover{background:#bbb}.dinas-row{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;padding:12px 0;text-align:center;border-bottom:1px solid #eee}.dinas-btn{background-color:#0d47a1;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-weight:500;text-align:left;cursor:pointer;transition:background .3s;font-size:13px;width:90%}.dinas-btn:hover{background-color:#1565c0}.dinas-val{font-weight:500;color:#333}.chart-visual-placeholder{width:100%;height:300px;background-color:#fff;display:flex;flex-direction:row;position:relative;padding:10px 10px 10px 0;box-sizing:border-box;border-radius:8px;border:1px solid #f0f2f5}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-right:15px;padding-left:10px;font-size:11px;text-align:right;width:70px;font-weight:600}.badge-high{color:#dc3545}.badge-medium{color:#ffc107}.badge-low{color:#28a745}.chart-lines{flex-grow:1;height:100%;border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;position:relative;background-color:#fafbfc}.chart-svg{position:absolute;bottom:0;left:0;width:100%;height:100%}.chart-point{transition:r .3s ease,stroke-width .3s ease;cursor:pointer}.chart-point:hover{r:6;stroke-width:2;stroke:#333}@media(max-width:768px){.navbar{padding:15px 20px}.hamburger{display:flex}.hamburger .bar.open:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.hamburger .bar.open:nth-child(2){opacity:0}.hamburger .bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.navbar-center{position:absolute;top:60px;left:0;right:0;background-color:#4a90e2;flex-direction:column;align-items:center;padding:20px 0;gap:20px;transform:translateY(-150%);transition:transform .3s ease-in-out;box-shadow:0 5px 10px #0000001a;z-index:999}.navbar-center.active{transform:translateY(0)}.navbar-center span{width:100%;text-align:center;padding:10px 0;font-size:16px;margin:0;display:block}.navbar-center span:hover,.navbar-center span.active{background-color:#ffffff1a;border-bottom:none;border-left:4px solid #f7c500}.content{padding:20px 15px}.title{font-size:24px;text-align:center}.dashboard-grid-top,.dashboard-grid-bottom{grid-template-columns:1fr;gap:20px}.pie-chart-container{flex-direction:row;justify-content:space-evenly}.table-header,.dinas-row{font-size:12px;grid-template-columns:2fr 1fr 1fr;padding-left:5px;padding-right:5px}.dinas-btn{font-size:12px;padding:6px 8px}.chart-visual-placeholder{height:250px}.chart-y-axis{font-size:10px;width:50px;padding-right:5px}}.next-btn{width:120px;height:40px;border:none;border-radius:6px;margin-top:20px;font-weight:700;color:#fff;cursor:pointer;transition:background-color .3s ease;display:flex;justify-content:center;align-items:center;text-align:center}.button-group{display:flex;justify-content:center;gap:12px}.navbar-center .nav-link{color:#fff;text-decoration:none;font-weight:500;padding-bottom:3px;transition:all .3s ease;cursor:pointer}.navbar-center .nav-link:hover{border-bottom:2px solid #f7c500}.icon{background:#fff;color:#000;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.notifikasi-verifikator-aset-page{display:flex;flex-direction:column;min-height:100vh}.breadcrumb{background-color:#fff;margin:30px 100px;padding:15px 20px;border-radius:4px;font-size:14px;box-shadow:0 1px 3px #0000001a}.breadcrumb-link{color:#4a90e2;text-decoration:underline;cursor:pointer;font-weight:500}.content-box{background:#fff;margin:0 100px 30px;padding:32px 24px;border-radius:12px;box-shadow:0 2px 16px #00000014;min-height:200px;display:flex;flex-direction:column;align-items:center;gap:15px}.notif-card{background:#f8fbff;border-radius:12px;padding:20px 24px;border:1px solid #e0e7ef;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:8px;transition:all .2s ease;width:100%;max-width:800px;height:auto;cursor:pointer;box-sizing:border-box}.notif-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px);background-color:#fff;border-color:#4a90e2}.notif-header-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;flex-wrap:wrap;gap:5px}.notif-header-left{display:flex;align-items:center}.notif-title,.notif-id{font-size:15px;font-weight:600;color:#333}.notif-id{margin-left:5px;color:#666}.notif-time{font-size:12px;color:#777;white-space:nowrap}.notif-text{font-size:14px;color:#444;line-height:1.6;margin-top:2px}@media(max-width:768px){.navbar{padding:15px 20px}.hamburger{display:flex}.hamburger .bar.open:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.hamburger .bar.open:nth-child(2){opacity:0}.hamburger .bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.navbar-center{position:absolute;top:60px;left:0;right:0;background-color:#4a90e2;flex-direction:column;align-items:center;padding:20px 0;gap:20px;transform:translateY(-150%);transition:transform .3s ease-in-out;box-shadow:0 5px 10px #0000001a;z-index:999}.navbar-center.active{transform:translateY(0)}.navbar-center .nav-link{width:100%;text-align:center;padding:10px 0;font-size:16px;margin:0;display:block}.navbar-center .nav-link:hover{background-color:#ffffff1a;border-bottom:none;border-left:4px solid #f7c500}.breadcrumb{margin:20px 15px;font-size:12px}.content-box{margin:0 15px 30px;padding:20px 15px}.notif-card{padding:15px}.notif-header-row{margin-bottom:8px}.notif-title,.notif-id{font-size:14px}}.lokasi-dropdown,.penanggung-jawab-dropdown{max-height:150px;overflow-y:auto}.form-grid label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:6px;text-align:left}.form-actions{grid-column:span 2;display:flex;justify-content:center;gap:60px;margin-top:40px}.notif-container{background-color:#dfe9f5;min-height:100vh;padding:20px 40px;font-family:Poppins,sans-serif}.page-wrapper{padding-bottom:50px}.navbar{background-color:#0052d4;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;margin-top:0}.navbar-center span{color:#fff;cursor:pointer;padding:0 10px;transition:.2s}.navbar-center span:hover,.navbar-center span.active,.navbar-center span.active:hover{border-bottom:2px solid #f7c500}.icon{background-color:#fff;border-radius:50%;padding:6px;cursor:pointer}.breadcrumb{margin-top:15px;margin-bottom:20px;font-size:14px}.breadcrumb span{color:#0052d4;cursor:pointer}.form-card{background-color:#fff;border-radius:12px;padding:40px 60px;max-width:700px;margin:0 auto;text-align:center;box-shadow:0 2px 6px #00000014}.form-icon{width:40px}.form-header{margin-bottom:20px}.content-box{background-color:#fff;border-radius:12px;padding:40px 60px;max-width:700px;margin:0 auto;text-align:center;box-shadow:0 2px 6px #00000014}.content-title{font-weight:600;font-size:18px;margin-bottom:30px;color:#111}.dropdown-containerqq{margin-bottom:30px;margin-left:-460px;text-align:left;animation:fadeInUp .5s ease-out}.dropdown-containerqq label{font-weight:500;color:#111;margin-bottom:8px;display:block;animation:fadeIn .3s ease-out .2s both}.dropdown-containerqq select{padding:12px 16px;border-radius:8px;border:1px solid #d1d5db;background-color:#fff;box-shadow:0 1px 3px #0000001a;font-size:16px;color:#374151;cursor:pointer;transition:all .3s ease-in-out;width:200px;animation:slideInLeft .5s ease-out .4s both}.dropdown-containerqq select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;transform:scale(1.02)}.aset-list-notifikasi-user-dinas{display:flex;flex-direction:column;gap:15px;max-height:310px;overflow-y:auto}.aset-item-notifikasi-user-dinas{width:600px;height:auto;display:flex;justify-content:space-between;align-items:center;background-color:#e9f1fb;padding:12px 20px;border-radius:8px}.aset-name{font-weight:500;color:#222}.verification-button{border:none;padding:10px 25px;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:.2s ease-in-out;width:120px}.verification-button:hover{opacity:.85}.verification-button.under-review{background-color:#9c9c9c}.verification-button.accepted{background-color:#0845c9}.verification-button.rejected{background-color:#ff0004}.notif-card{background-color:#fff;border-radius:12px;padding:40px 60px;max-width:700px;margin:0 auto;text-align:center;box-shadow:0 2px 6px #00000014}.notif-title{font-weight:600;font-size:18px;margin-bottom:30px;color:#111}.notif-list{display:flex;flex-direction:column;gap:15px}.notif-item{display:flex;justify-content:space-between;align-items:center;background-color:#e9f1fb;padding:12px 20px;border-radius:8px}.notif-name{font-weight:500;color:#222}.notif-btn{border:none;padding:10px 25px;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:.2s ease-in-out}.notif-btn.verify{background-color:#0052d4}.notif-btn.reject{background-color:#e10000}.notif-btn.neutral{background-color:#9e9e9e;cursor:not-allowed}.notif-btn:hover:not(.neutral){opacity:.85}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}body{margin:0;font-family:Poppins,sans-serif;background-color:#8ec5fc}.navbar{background:#4a90e2;color:#000;display:flex;justify-content:space-between;align-items:center;padding:12px 30px;box-shadow:0 4px 8px #0000001a}.navbar-center a{color:#fff;text-decoration:none;margin:0 15px;font-weight:500;padding-bottom:3px;transition:all .3s ease}.navbar-center a.active,.navbar-center a:hover{border-bottom:2px solid #f7c500}.icon,.profile{background:#fff;color:#000;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.dashboard-risk-page{display:flex;flex-direction:column;min-height:100vh}.content-box{background-color:#fff;width:80%;margin:0 auto;padding:40px;border-radius:10px;text-align:center}.content-title{font-size:16px;font-weight:600;margin-bottom:30px}.risk-list{display:flex;flex-direction:column;gap:20px;align-items:center}.risk-itempp{width:100%;background-color:#e8f1fc;border-radius:8px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.risk-name{font-weight:600;color:#1b1b1b}.risk-button{background-color:#004ad9;color:#fff;border:none;border-radius:8px;padding:10px 25px;font-weight:600;cursor:pointer}.risk-button:hover{background-color:#003cb5}.nav span{color:#fff;font-weight:600;text-decoration:none;font-size:.9rem;position:relative}s.nav span{color:#fff;font-weight:600;text-decoration:none;font-size:.9rem;position:relative}.dropdown-content{opacity:0;visibility:hidden;position:absolute;top:120%;left:0;background-color:#fff;border-radius:6px;min-width:100%;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;z-index:10;max-height:200px;overflow-y:scroll}.title-container{display:flex;justify-content:center;margin-top:40px}.titleo{width:70%;font-size:30px;font-weight:700;color:#333;margin-left:-180px}.table-container{display:flex;justify-content:center;margin-top:20px;margin-bottom:60px}.table-card{width:80%;background:#fff;border-radius:8px;padding:32px 0;box-shadow:0 2px 6px #0000001a}.table-header-actions{display:flex;justify-content:flex-end;padding:0 40px 20px}.btn-laporan{background:#1b7f2c;color:#fff;padding:10px 18px;border-radius:6px;border:none;font-size:15px;cursor:pointer;display:flex;gap:6px;align-items:center}.table{width:100%;border-collapse:collapse}.table thead{background:#dde7f3}.table th{padding:14px 40px;text-align:left;font-weight:600;color:#555}.table td{padding:20px 40px;font-size:15px;color:#333}.asset{font-family:monospace;font-weight:600}.row-alt{background:#e6eef8}.breadcrumb{background-color:#fff;margin:30px 100px;padding:15px 20px;border-radius:4px;font-size:14px}.breadcrumb-link{color:#007bff;cursor:pointer;text-decoration:none}.title-container{display:flex;justify-content:center;margin-top:auto}.title{width:83%;font-size:30px;font-weight:700;color:#333}.filter-row{display:flex;justify-content:center;gap:20px;margin:20px 0}.filter-select{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;width:27%}.btn-search{background:#007bff;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer}.riwayat-table-container{display:flex;justify-content:center;margin-top:20px;margin-bottom:60px;width:100%}.riwayat-table{width:83%;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;border-collapse:collapse}.riwayat-table thead{background:#dde7f3}.riwayat-table th{padding:14px 20px;text-align:left;font-weight:600;color:#555}.riwayat-table td{padding:20px;font-size:15px;color:#333}.riwayat-table tbody tr{transition:background-color .2s ease,transform .1s ease}.riwayat-table tbody tr.row-clickable{cursor:pointer}.riwayat-table tbody tr.row-clickable:hover{background-color:#cad7ff;transform:translateY(-1px)}.riwayat-table tbody tr.row-selected{background-color:#f9f9f9}.badge-red{background:#dc3545;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px}.badge-green{background:#28a745;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px}.detail-box{width:80%;margin:40px auto 60px;background:#fff;padding:26px 30px;border-radius:8px}.detail-title{font-size:24px;margin-bottom:20px}.detail-content p{margin:10px 0;font-size:16px}.navbar-riwayat-pemeliharaan{background:#4a90e2;color:#000;display:flex;justify-content:space-between;align-items:center;padding:12px 30px;box-shadow:0 4px 8px #0000001a}.aset-item-page-asset-reject{width:210px;height:auto;padding:10px;border-radius:8px;cursor:pointer;font-size:12px;transition:.2s ease}.aset-item-page-maintenance-reject{width:210px;height:auto;padding:10px;border-radius:8px;cursor:pointer;font-size:12px;transition:.2s ease}.nav span{margin:0 15px;color:#000;font-weight:500;cursor:pointer}.sidebar-btn{background-color:#e8f0fb;border:none;border-radius:6px;padding:15px;cursor:pointer;text-align:center;font-weight:500;transition:.2s ease}.dropdown-container{margin-bottom:22px;text-align:left;animation:fadeInUp .5s ease-out;font-size:12px}.dropdown-container label{font-weight:500;color:#111;margin-bottom:6px;display:block;animation:fadeIn .3s ease-out .2s both}.dropdown-container select{padding:9px 12px;border-radius:6px;border:1px solid #d1d5db;background-color:#fff;font-size:12px;color:#374151;cursor:pointer;width:150px;transition:.3s ease}.aset-list-asset-accept{display:flex;flex-direction:column;gap:10px;overflow-x:hidden;align-items:center;height:auto}.aset-item-page-asset-accept{width:210px;height:20px;padding:10px;border-radius:8px;cursor:pointer;font-size:12px;transition:.2s ease}.aset-item:hover{transform:scale(1.02);opacity:.8}.asset-card{width:95%;background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 6px #0000001a;animation:fadeIn .6s ease-out}.asset-header{display:flex;justify-content:space-between;align-items:center;background:#a9c9f8;padding:8px 15px;border-radius:6px;margin-bottom:15px}.asset-header h3{margin:0;font-size:16px;font-weight:600}.asset-date{font-size:12px;color:#555}.asset-body{padding:10px 20px;background:#e8f4ff;border-radius:6px;min-height:200px}.asset-body p{font-size:13px;margin:6px 0}.asset-id{background:#a9c9f8;padding:6px 10px;width:-moz-fit-content;width:fit-content;border-radius:6px;font-weight:700;margin-top:15px;font-size:14px}.risk-btn{margin-top:20px;padding:10px 18px;background-color:#0845c9;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:.3s ease}.risk-btn:hover{background-color:#0638a5;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.aset-list-risk-accept{display:flex;flex-direction:column;gap:10px;overflow-x:hidden;align-items:center;max-height:400px;overflow-y:auto}.aset-item-page-risk-accept{width:90%;padding:10px 15px;background-color:#f8d7da;border-radius:6px;cursor:pointer;width:210px;height:auto}.aset-item-page-risk-reject{width:210px;height:auto;padding:10px;border-radius:8px;cursor:pointer;font-size:12px;transition:.2s ease}.aset-list-risk-treatment-accept{display:flex;flex-direction:column;gap:10px;overflow-x:hidden;align-items:center;height:auto}.aset-item-page-risk-treatment-accept{width:90%;padding:10px 15px;background-color:#f8d7da;border-radius:6px;cursor:pointer;width:210px;height:auto}.nav span{margin:0 15px;text-decoration:none;color:#000;font-weight:500}.nav span.active{border-bottom:2px solid #f6c80b}.aset-list{display:flex;flex-direction:column;gap:10px;overflow-x:hidden;align-items:center}.aset-item-page-risktreatment-reject{width:210px;height:auto;padding:10px;border-radius:8px;cursor:pointer;font-size:12px;transition:.2s ease}.aset-item-page-reject:hover{transform:scale(1.02);opacity:.9}.status-rejected{color:red;font-size:20px}.aset-btn{background-color:#eb1215;color:#fff;border:none;padding:10px 50px;border-radius:6px;font-size:15px;margin-top:20px;cursor:pointer}.aset-btn:hover{background-color:#ba1114}.aset-btn:disabled{background-color:#838383;cursor:not-allowed}.asset-form input[type=file]{padding:10px}body,html{margin:0;padding:0;font-family:Poppins,sans-serif;background-color:#e7f0fb}.page-wrapper{min-height:100vh}.header{background-color:#8cb8f9;display:flex;justify-content:space-between;align-items:center;padding:12px 32px}.header-left{display:flex;align-items:center;gap:8px}.logo{height:24px}.brand-name{color:#fff;font-weight:700;font-size:1rem}.nav{display:flex;gap:32px}.nav span{color:#fff;font-weight:600;text-decoration:none;font-size:.9rem;position:relative;cursor:pointer}.nav span.active{border-bottom:2px solid #f9c200;padding-bottom:4px}.header-right{display:flex;align-items:center;gap:20px}.icon,.profile{background-color:#fff;border-radius:50%;padding:6px;position:relative;cursor:pointer}.notif-icon .dot{position:absolute;top:0;right:0;background-color:red;color:#fff;border-radius:50%;width:8px;height:8px}.breadcrumb{background-color:#fff;margin:20px 32px;padding:12px 24px;border-radius:6px;font-size:.9rem;color:#555;box-shadow:0 1px 2px #0000000d}.breadcrumb span{cursor:pointer;color:#0052d4;text-decoration:none}.breadcrumb span:hover{text-decoration:underline}.form-card{background-color:#fff;max-width:900px;margin:0 auto;padding:40px;border-radius:16px;box-shadow:0 4px 12px #0000000d}.form-header{text-align:center;margin-bottom:30px}.form-header .form-icon{height:32px;margin-bottom:8px}.form-header h1{font-size:20px;font-weight:600;color:#222}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px}.form-grid .col-span{grid-column:span 2}.form-grid label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:6px}.form-grid input,.form-grid select{width:100%;background-color:#eaf1fc;border:none;padding:10px 12px;border-radius:6px;font-size:14px;color:#333}.form-grid select{color:#555}.form-actions{display:flex;justify-content:center;gap:60px;margin-top:40px}.form-actions button{font-weight:600;font-size:14px;padding:10px 32px;border-radius:6px;cursor:pointer;transition:.2s ease}.btn-cancel{border:2px solid #e53935;color:#e53935;background-color:transparent}.btn-cancel:hover{background-color:#fdecec}.btn-confirm{background-color:#2e7d32;color:#fff;box-shadow:0 3px 6px #2e7d324d;border:none}.btn-confirm:hover{background-color:#256d2a}.back-btn{position:absolute;top:70px;left:80px;background:none;border:none;cursor:pointer;padding:0}.back-btn img{width:16px;height:29px}.subkategori-dropdown{max-height:150px;overflow-y:auto}input[disabled]{background-color:#fff!important;color:#000!important;opacity:1!important}.text-dropdown-container{position:relative;display:flex;align-items:center;width:100%;height:52px;background-color:#fff;border-radius:6px;border:none;box-sizing:border-box;transition:background-color .3s ease}.text-dropdown-container:hover{background-color:#f0f4ff}.dropdown-input{flex:1;height:100%;border:none;border-radius:6px;padding:0 18px;font-size:15px;background-color:transparent;outline:none;box-sizing:border-box}.dropdown-arrow{position:absolute;right:18px;cursor:pointer;transition:transform .3s ease;font-size:15px;color:#333}.dropdown-content div{display:block;padding:12px 18px;text-decoration:none;color:#333;border-bottom:1px solid #eee;transition:background-color .3s ease;cursor:pointer}.dropdown-content div:last-child{border-bottom:none}.dropdown-content div:hover{background-color:#f0f4ff}.lokasi-dropdown{max-height:150px;overflow-y:auto}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:500px;width:90%;text-align:center;font-family:Poppins,sans-serif}.modal-content h3{margin-bottom:20px;font-size:18px;color:#333;font-weight:600}.modal-content textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:Poppins,sans-serif;resize:vertical;outline:none;transition:border-color .3s ease}.modal-content textarea:focus{border-color:#0845c9}.modal-buttons{display:flex;justify-content:space-between;margin-top:20px;gap:10px}.cancel-btn,.submit-btn{flex:1;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.cancel-btn{background-color:#a0a0a0;color:#fff}.cancel-btn:hover{background-color:#888}.submit-btn{background-color:#0845c9;color:#fff}.submit-btn:hover{background-color:#0638a8}.next-btn{width:120px;height:40px;border:none;border-radius:6px;font-weight:700;color:#fff;cursor:pointer;transition:background-color .3s ease}.asset-container{background-color:#e8f0fb;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-top:60px;padding-bottom:60px;font-family:Poppins,sans-serif;position:relative}.asset-form{display:flex;flex-direction:column;width:1205px;gap:18px;position:relative}.next-btn{width:120px;height:40px;border:none;border-radius:6px;align-self:flex-end;margin-top:20px;font-weight:700;color:#fff;cursor:pointer;transition:background-color .3s ease}.next-btn.disabled{background-color:#a0a0a0;cursor:not-allowed}.next-btn.active{background-color:#0c4ad2}.container{display:flex;flex-direction:column;gap:8px;max-width:400px}.container label{font-weight:600;color:#333;font-size:14px}.container input[type=file]{border:1px solid #ccc;border-radius:6px;padding:6px;background-color:#fff;font-size:14px;cursor:pointer;transition:border-color .2s ease;text-align:center}.container input[type=file]:hover{border-color:#0c4ad2}.button-group{display:flex;justify-content:space-between;width:100%;margin-top:20px}.risiko-detail{flex:1;background:#fff;padding:25px;border-radius:8px;display:flex;flex-direction:column;align-items:center}.risiko-card{width:95%;background-color:#d9ecff;border-radius:5px;padding:15px}.risiko-header{display:flex;justify-content:space-between;align-items:center;background:#a9c9f8;padding:8px 15px;border-radius:4px 4px 0 0}.risiko-header h3{margin:0;color:#000;font-size:15px}.risiko-date{font-size:12px}.risiko-body{padding:10px 20px;background:#e8f4ff;min-height:200px}.risiko-id{margin-top:15px;font-weight:700;font-size:15px}.notifikasi-verifikator-maintenance-page{min-height:100vh;background-color:#dfe9f5;font-family:Poppins,sans-serif;display:flex;flex-direction:column}.notifikasi-verifikator-maintenance-page .breadcrumb{background-color:#fff;margin:30px 100px;padding:15px 20px;border-radius:4px;font-size:14px}.notifikasi-verifikator-maintenance-page .breadcrumb-link{color:#0052d4;cursor:pointer;text-decoration:none;font-weight:500}.notifikasi-verifikator-maintenance-page .breadcrumb-link:hover{text-decoration:underline}.maintenance-content-row{display:flex;align-items:flex-start;gap:24px;margin:0 100px 40px}.riwayat-button{width:160px;height:48px;background-color:#0052d4;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #00000026;flex-shrink:0}.riwayat-button:hover{background-color:#0040a8}.notifikasi-verifikator-maintenance-page .content-box{flex:1;background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 16px #00000014;min-height:200px;box-sizing:border-box}.notifikasi-verifikator-maintenance-page .notif-card{background-color:#f8fbff;border-radius:12px;padding:20px 24px;border:1px solid #e0e7ef;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:10px;transition:box-shadow .2s;width:100%;box-sizing:border-box;margin-bottom:15px}.notifikasi-verifikator-maintenance-page .notif-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.notifikasi-verifikator-maintenance-page .notif-header-row{display:flex;align-items:center;width:100%;margin-bottom:4px;flex-wrap:wrap;gap:5px}.notifikasi-verifikator-maintenance-page .notif-header-left{display:flex;align-items:center;gap:4px}.notifikasi-verifikator-maintenance-page .notif-title,.notifikasi-verifikator-maintenance-page .notif-id{font-size:15px;font-weight:600;color:#333}.notifikasi-verifikator-maintenance-page .notif-time{margin-left:auto;font-size:12px;color:#777}.notifikasi-verifikator-maintenance-page .notif-text{font-size:14px;color:#444;line-height:1.6}@media(max-width:768px){.navbar{padding:15px 20px}.hamburger{display:flex}.hamburger .bar.open:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.hamburger .bar.open:nth-child(2){opacity:0}.hamburger .bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.navbar-center{position:absolute;top:60px;left:0;right:0;background-color:#4a90e2;flex-direction:column;align-items:center;padding:20px 0;gap:15px;transform:translateY(-150%);transition:transform .3s ease-in-out;box-shadow:0 5px 10px #0000001a;z-index:999}.navbar-center.active{transform:translateY(0)}.navbar-center span{width:100%;text-align:center;padding:12px 0;font-size:16px;margin:0;border-radius:0;display:block}.navbar-center span:hover,.navbar-center span.active{background-color:#ffffff1a;border-left:4px solid #fff}.notifikasi-verifikator-maintenance-page .breadcrumb{margin:20px;padding:15px;font-size:13px}.maintenance-content-row{flex-direction:column;margin:0 20px 30px;gap:15px}.riwayat-button{width:100%}.notifikasi-verifikator-maintenance-page .content-box{width:100%;padding:15px}.notifikasi-verifikator-maintenance-page .notif-card{padding:15px}.notifikasi-verifikator-maintenance-page .notif-time{margin-left:0;width:100%;margin-top:5px}}.dropdown{position:relative;display:inline-block;width:100%}.dropdown-btn{width:100%;height:52px;background-color:#fff;color:#333;padding:0 18px;border-radius:6px;cursor:pointer;border:none;display:flex;align-items:center;justify-content:space-between;font-size:15px;box-sizing:border-box;transition:background-color .3s ease}.dropdown-btn:hover{background-color:#f0f4ff}.dropdown-btn span{transition:transform .3s ease}.dropdown-content{opacity:0;visibility:hidden;position:absolute;top:120%;left:0;background-color:#fff;border-radius:6px;min-width:100%;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;z-index:10}.dropdown-content a{display:block;padding:12px 18px;text-decoration:none;color:#333;border-bottom:1px solid #eee;transition:background-color .3s ease}.dropdown-content a:last-child{border-bottom:none}.dropdown-content a:hover{background-color:#f0f4ff}.dropdown-content.show{opacity:1;visibility:visible;top:110%}.dropdown.show .dropdown-btn span{transform:rotate(180deg)}body{margin:0;font-family:Segoe UI,sans-serif;background-color:#e8f0fb}.header{display:flex;align-items:center;justify-content:space-between;background-color:#a9c9f8;padding:10px 30px;height:60px}.logo{font-weight:700;color:#004aad;font-size:18px}.nav a{margin:0 15px;text-decoration:none;color:#000;font-weight:500}.nav a.active{border-bottom:2px solid #f6c80b}.icons span{font-size:20px;margin-left:15px}.breadcrumb{background:#fff;margin:20px 80px;padding:15px;border-radius:4px;font-size:14px}.main-content{display:flex;margin:20px 80px;gap:30px}.sidebar{width:260px;background:#fff;padding:25px 10px;border-radius:8px;display:flex;flex-direction:column}.sidebar-scroll{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto}.sidebar-btn{background-color:#e8f0fb;border:none;border-radius:6px;padding:15px;cursor:pointer;text-align:center;font-weight:500}.sidebar-btn:hover{background-color:#cfe0ff}.asset-detail{flex:1;background:#fff;padding:25px;border-radius:8px;display:flex;flex-direction:column;align-items:center}.asset-card{width:95%;background-color:#d9ecff;border-radius:5px;padding:15px}.asset-header{display:flex;justify-content:space-between;align-items:center;background:#a9c9f8;padding:8px 15px;border-radius:4px 4px 0 0}.asset-header h3{margin:0;color:#000;font-size:15px}.asset-date{font-size:12px}.asset-body{padding:10px 20px;background:#e8f4ff;min-height:200px}.asset-id{margin-top:15px;font-weight:700;font-size:15px}.risk-btn{background-color:#3b7c2a;color:#fff;border:none;padding:10px 50px;border-radius:6px;font-size:15px;margin-top:20px;cursor:pointer}.risk-btn:hover{background-color:#2f6421}.verifikasi-riwayat-maintenance-page{min-height:100vh;background-color:#dfe9f5;font-family:Poppins,sans-serif;display:flex;flex-direction:column}.navbar{background:#4a90e2;color:#000;display:flex;justify-content:space-between;align-items:center;padding:12px 30px;box-shadow:0 4px 8px #0000001a;position:relative;z-index:1000}.logo{width:28px;height:28px}.brand{font-weight:600;font-size:18px}.navbar-center span{color:#fff;text-decoration:none;font-weight:500;padding:8px 16px;border-radius:4px;transition:all .3s ease;cursor:pointer}.navbar-center span.active,.navbar-center span:hover{background-color:#fff3}.verifikasi-riwayat-maintenance-page .breadcrumb{background-color:#fff;margin:30px 100px;padding:15px 20px;border-radius:4px;font-size:14px}.verifikasi-riwayat-maintenance-page .breadcrumb-link{color:#0052d4;cursor:pointer;text-decoration:none}.verifikasi-riwayat-maintenance-page .breadcrumb-link:hover{text-decoration:underline}.vrm-title-container{display:flex;justify-content:center;margin-top:10px}.vrm-title{width:90%;max-width:1200px;font-size:30px;font-weight:700;color:#333}.vrm-filter-row{width:90%;max-width:1200px;margin:20px auto}.vrm-status-select{width:20%;padding:10px;border-radius:4px;border:1px solid #cccccc;font-size:14px;background-color:#fff}.vrm-table-container{width:90%;max-width:1200px;margin:10px auto 40px}.table-scroll-wrapper{overflow-x:auto;border-radius:8px;box-shadow:0 2px 6px #0000001a}.vrm-table{width:100%;background-color:#fff;border-collapse:collapse;min-width:800px}.vrm-table thead{background-color:#d0d0d0}.vrm-table th{padding:14px 20px;text-align:left;font-weight:600;color:#555;white-space:nowrap}.vrm-table td{padding:16px 20px;font-size:15px;color:#333}.vrm-row-clickable{cursor:pointer;transition:background-color .2s ease,transform .1s ease}.vrm-row-clickable:hover{background-color:#eaeaea}.vrm-row-selected{background-color:#f0f8ff!important;border-left:4px solid #0052d4}.vrm-asset-cell{white-space:nowrap}.vrm-detail-box{width:90%;max-width:1200px;margin:0 auto 40px;background-color:#fff;padding:26px 30px;border-radius:8px;box-shadow:0 2px 6px #00000014;box-sizing:border-box}.vrm-detail-title{font-size:24px;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.vrm-detail-content .detail-row{margin:8px 0;font-size:16px;display:flex;flex-direction:column}.vrm-detail-content .detail-row strong{margin-bottom:4px;color:#555}.vrm-button-row{display:flex;justify-content:center;gap:20px;margin-bottom:40px;flex-wrap:wrap;padding:0 20px}.vrm-btn{min-width:180px;padding:12px 24px;border-radius:4px;border:none;font-size:14px;font-weight:600;cursor:pointer;color:#fff;transition:all .2s}.vrm-btn-active{background-color:#29ae08}.vrm-btn-active:hover{background-color:#239107}.vrm-btn-inactive{background-color:#b3b3b3}.vrm-btn-inactive:hover{background-color:#999}.vrm-btn-disabled,.vrm-btn:disabled{opacity:.5;cursor:default}.vrm-modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.vrm-modal-content{background-color:#fff;padding:24px 32px;border-radius:8px;box-shadow:0 4px 12px #0003;text-align:center;min-width:320px;max-width:90%}.vrm-modal-title{margin:0 0 16px;font-size:18px;font-weight:600;color:#333}.vrm-modal-ok-btn{margin-top:8px}@media(max-width:768px){.navbar{padding:15px 20px}.hamburger{display:flex}.hamburger .bar.open:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.hamburger .bar.open:nth-child(2){opacity:0}.hamburger .bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.navbar-center{position:absolute;top:60px;left:0;right:0;background-color:#4a90e2;flex-direction:column;align-items:center;padding:20px 0;gap:15px;transform:translateY(-150%);transition:transform .3s ease-in-out;box-shadow:0 5px 10px #0000001a;z-index:999}.navbar-center.active{transform:translateY(0)}.navbar-center span{width:100%;text-align:center;padding:12px 0;font-size:16px;margin:0;border-radius:0;display:block}.navbar-center span:hover,.navbar-center span.active{background-color:#ffffff1a;border-left:4px solid #fff}.verifikasi-riwayat-maintenance-page .breadcrumb{margin:20px;padding:10px 15px;font-size:12px}.vrm-title{font-size:24px;text-align:center}.vrm-filter-row{margin:10px auto}.vrm-status-select{width:100%}.vrm-detail-box{padding:20px}.vrm-detail-title{font-size:20px}.vrm-detail-content .detail-row{font-size:14px}.vrm-btn{width:100%}}.notifikasi-verifikator-penghapusan-page{min-height:100vh;background-color:#dfe9f5;font-family:Poppins,sans-serif;display:flex;flex-direction:column}.navbar{background-color:#0052d4;padding:12px 30px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1000;box-shadow:0 4px 8px #0000001a}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger .bar{width:25px;height:3px;background-color:#fff;transition:all .3s ease}.breadcrumb{padding:30px 40px;font-size:14px;color:#333}.breadcrumb-link{color:#0052d4;cursor:pointer;text-decoration:none;font-weight:500}.content-box{max-width:900px;width:90%;margin:0 auto 30px;padding:20px;box-sizing:border-box}.notif-card{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:15px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .2s ease}.notif-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.notif-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:5px}.notif-header-left{display:flex;align-items:center;gap:8px}.notif-title{font-weight:600;font-size:16px;color:#333}.notif-id{font-size:14px;color:#666}.notif-time{font-size:12px;color:#999}.notif-text{color:#555;font-size:14px;line-height:1.5}.loading-text,.error-text,.empty-text{text-align:center;padding:40px;color:#666;font-size:14px}@media(max-width:768px){.navbar{padding:15px 20px}.hamburger{display:flex}.hamburger .bar.open:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.hamburger .bar.open:nth-child(2){opacity:0}.hamburger .bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.navbar-center{position:absolute;top:60px;left:0;right:0;background-color:#0052d4;flex-direction:column;align-items:center;padding:20px 0;gap:15px;transform:translateY(-150%);transition:transform .3s ease-in-out;box-shadow:0 5px 10px #0000001a;z-index:999}.navbar-center.active{transform:translateY(0)}.navbar-center span{width:100%;text-align:center;padding:12px 0;font-size:16px;margin:0;border-radius:0;display:block}.navbar-center span:hover,.navbar-center span.active{background-color:#ffffff1a;border-left:4px solid #fff}.breadcrumb{padding:20px;font-size:13px}.content-box{width:95%;padding:10px}.notif-card{padding:15px}.notif-title{font-size:15px}.notif-text{font-size:13px}}.asset-container{background-color:#e8f0fb;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-top:60px;font-family:Poppins,sans-serif;position:relative}.progress-wrapper{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:60px;width:100%;max-width:900px}.step-wrapper{display:flex;flex-direction:column;align-items:center;z-index:2}.icon-box{width:61px;height:53px;border-radius:12px;display:flex;align-items:center;justify-content:center;z-index:2}.active-bg{background-color:#0845c9}.inactive-bg{background-color:#aac1d742}.progress-wrapper .connector{flex-grow:1;height:4px;margin-top:-35px;z-index:1;min-width:150px}.active-connector{background-color:#253d90}.inactive-connector{background-color:#aac1d742}.asset-form{display:flex;flex-direction:column;width:1205px;gap:18px}.asset-form label{font-size:13px;color:#333}.asset-form input{width:100%;height:52px;border:none;border-radius:6px;padding:0 10px;background-color:#fff;font-size:15px;box-sizing:border-box}.file-input-container{width:100%;height:52px;background-color:#fff;border-radius:6px;display:flex;align-items:center;padding:0 10px;box-sizing:border-box}.fake-input-view{display:flex;align-items:center;width:100%;gap:12px}.fake-choose-btn{background-color:#efefef;border:1px solid #767676;border-radius:2px;padding:4px 10px;font-size:13.33px;color:#000;font-family:Arial,sans-serif;cursor:default;outline:none}.file-link-text{color:#0c4ad2;text-decoration:none;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%;display:flex;align-items:center}.file-link-text:hover{text-decoration:underline}.real-file-input{width:100%;height:100%;padding:12px 0;background:transparent;cursor:pointer}.asset-aktif-page{min-height:100vh;background-color:#dfe9f5;font-family:Poppins,sans-serif}.navbar{background-color:#0052d4;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.logo{width:32px;height:32px}.brand{font-weight:600;font-size:18px;color:#fff}.navbar-center{display:flex;gap:20px}.navbar-center span{color:#fff;cursor:pointer;padding:8px 16px;transition:.2s;border-radius:4px}.navbar-center span:hover{background-color:#ffffff1a}.navbar-center span.active{background-color:#fff3;font-weight:600}.navbar-right{display:flex;align-items:center;gap:15px}.breadcrumb{padding:20px 40px;font-size:14px;color:#333}.breadcrumb-link{color:#0052d4;cursor:pointer;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.content-box{max-width:900px;margin:0 auto;padding:20px}.asset-card{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:15px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .2s ease}.asset-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.asset-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.asset-header-left{display:flex;align-items:center;gap:8px;flex:1}.asset-title{font-weight:600;font-size:16px;color:#333}.asset-id{font-size:14px;color:#666}.asset-kondisi{font-size:12px;padding:4px 12px;background-color:#e8f5e9;color:#2e7d32;border-radius:12px;text-transform:capitalize}.asset-text{color:#555;font-size:14px;line-height:1.5}.loading-text,.empty-text{text-align:center;padding:40px;color:#666;font-size:14px}.service-card{position:relative;width:92%;margin:40px auto;background:#a9cbfa;border-radius:15px;padding:50px 60px;color:#000;overflow:hidden}.service-card-header{display:flex;align-items:center;gap:12px;margin-bottom:40px}.service-card-logo{width:48px;height:auto}.service-title{font-size:28px;font-weight:700;margin:0}.section-title{font-size:42px;font-weight:700;margin:0 0 20px}.section-description{font-size:18px;font-weight:500;margin-bottom:40px}.generate-link-btn{background:#fff;color:#7aa7e9;padding:14px 38px;border-radius:20px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:.2s ease;position:relative;z-index:2}.generate-link-btn:hover{background:#f3f3f3}.shape-orange{position:absolute;bottom:-40px;left:-30px;width:160px;height:160px;background:#ffb53f;border-radius:50%}.shape-pink{position:absolute;top:-40px;right:-60px;width:200px;height:200px;background:#f9a7a7;clip-path:polygon(0 0,100% 40%,40% 100%);border-radius:20px}.navbar-service-desk{background:#4a90e2;color:#000;display:flex;justify-content:space-between;align-items:center;padding:12px 30px;box-shadow:0 4px 8px #0000001a}.faq-wrapper{width:70%;margin:40px auto;background:#fff;padding:50px;border-radius:15px}.faq-title{text-align:center;font-size:24px;font-weight:700;margin-bottom:35px}.faq-item{margin-bottom:18px}.faq-question{background:#dfeafb;padding:16px 22px;border-radius:10px;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq-answer{background:#e7f0ff;padding:18px 22px;border-radius:10px;margin-top:4px;font-size:15px;line-height:1.5}.arrow{font-size:18px}.breadcrumb{background:#fff;width:90%;margin:30px auto 20px;padding:18px 22px;font-size:16px;border-radius:6px}.navbar-faq{background:#4a90e2;color:#000;display:flex;justify-content:space-between;align-items:center;padding:12px 30px;box-shadow:0 4px 8px #0000001a}.navbar-left{display:flex;align-items:center;gap:10px}.navbar-center span{color:#fff;text-decoration:none;margin:0 15px;font-weight:500;padding-bottom:3px;transition:all .3s ease;cursor:pointer}.navbar-center span.active,.navbar-center span:hover{border-bottom:2px solid #f7c500}.navbar-right{display:flex;gap:10px;align-items:center}.qrpopup-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#f3f4f6;box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.qrbtn-open{background:#4f46e5;color:#fff;padding:10px 18px;border-radius:12px;border:none;cursor:pointer;box-shadow:0 6px 18px #4f46e51f;font-weight:600}.qrbtn-open:hover{transform:translateY(-2px)}.qrpopup-overlay{position:fixed;inset:0;background:#0000006b;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .18s ease-out}.qrpopup-card{width:96%;max-width:960px;background:#fff;border-radius:18px;padding:18px;box-shadow:0 20px 40px #0206172e;transform-origin:center;animation:popIn .28s cubic-bezier(.2,.9,.3,1);display:flex;flex-direction:column}.qrpopup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.qrpopup-title{margin:0;font-size:18px;font-weight:700;color:#0f172a}.qrpopup-close{background:transparent;border:none;font-size:18px;cursor:pointer;color:#ef4444}.qrpopup-close:hover{transform:scale(1.05)}.qrpopup-body{display:grid;grid-template-columns:1fr 340px;gap:18px}@media(max-width:880px){.qrpopup-body{grid-template-columns:1fr}}.qrpopup-form{display:flex;flex-direction:column;gap:12px}.field-label{font-size:13px;color:#475569;margin-bottom:6px}.field-input{padding:10px 12px;border-radius:10px;border:1px solid #e6eef6;box-shadow:0 1px #10182805;outline:none;font-size:14px}.field-input:focus{border-color:#6366f1;box-shadow:0 4px 18px #6366f114}.field-select{padding:8px 10px;border-radius:8px;border:1px solid #e6eef6;font-size:14px;background:#fff}.field-select.small{padding:6px 8px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.muted{color:#64748b;font-size:13px;margin-top:6px}.actions-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.btn{border:none;border-radius:10px;padding:9px 12px;cursor:pointer;font-weight:600}.btn.primary{background:#0ea5e9;color:#fff}.btn.success{background:#10b981;color:#fff}.btn.ghost{background:#f1f5f9;color:#0f172a}.btn.download-fast{width:100%;margin-top:10px;background:#4f46e5;color:#fff}.qrpopup-preview{display:flex;flex-direction:column;align-items:center;padding:14px;border-radius:10px;background:#fbfdff;border:1px solid #e6eef6}.preview-label{color:#475569;font-size:13px;margin-bottom:8px}.preview-box{background:#fff;padding:12px;border-radius:8px;min-width:220px;display:flex;align-items:center;justify-content:center;min-height:220px;border:1px dashed #e6eef6;margin-bottom:10px}.preview-box img{display:block;max-width:100%;height:auto}.noqr{color:#94a3b8;font-size:14px}.meta{width:100%;margin-top:6px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.meta-value{font-weight:700;color:#0f172a;font-size:13px}@keyframes popIn{0%{transform:scale(.94) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.laporan-page .navbar-laporan{background:#4185da;display:flex;align-items:center;justify-content:space-between;padding:12px 32px;color:#fff;box-shadow:0 4px 8px #0f357333}.laporan-header p{margin:6px 0 0;color:#475569}.laporan-page{min-height:100vh;background:#bcd8ff;font-family:Poppins,sans-serif;padding-bottom:40px}.laporan-page .navbar{background:#4185da;display:flex;align-items:center;justify-content:space-between;padding:12px 32px;color:#fff;box-shadow:0 4px 8px #0f357333}.laporan-page .navbar-center span{cursor:pointer;padding:0 12px}.laporan-page .navbar-center span.active,.laporan-page .navbar-center span:hover{border-bottom:2px solid #f7c500}.laporan-page .breadcrumb{margin:18px 32px;color:#475569}.laporan-page .breadcrumb-link{cursor:pointer;color:#1d4ed8}.laporan-card{background:#fff;margin:0 32px;padding:24px;border-radius:14px;box-shadow:0 18px 30px #0f172a14}.laporan-header h2{margin:0;color:#0f172a}.laporan-header p{margin:6px 0 15px;color:#475569}.laporan-filters{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0;align-items:center}.laporan-filters select,.laporan-filters input{border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px;min-width:160px}.laporan-filters .separator{text-align:center;color:#475569;padding:0 6px}.laporan-table{border-radius:14px;border:1px solid #e2e8f0;overflow:hidden;background:#fff}.laporan-table table{width:100%;border-collapse:collapse}.laporan-table th,.laporan-table td{text-align:left;padding:14px 18px;border-bottom:1px solid #edf2f7}.laporan-table th:last-child,.laporan-table td:last-child{text-align:center}.laporan-table th{background:#f8fafc;color:#0f172a;font-weight:600}.laporan-table tr:last-child td{border-bottom:none}.laporan-placeholder{padding:24px;text-align:center;color:#6b7280}.status-tag{text-transform:capitalize;color:#1d4ed8;font-weight:600}.download-btn{border:none;border-radius:999px;padding:8px 16px;background:#22c55e;color:#fff;font-weight:600;cursor:pointer}.download-btn:disabled{background:#94a3b8;cursor:not-allowed}