.pelumas-container{background:#f4f6f9;min-height:100vh;padding:20px}.pelumas-container h2{margin-bottom:20px}.pelumas-actions{gap:15px;margin-bottom:25px;display:flex}.action-button{border-radius:10px;padding:14px 28px;font-size:16px;font-weight:700}.section-header{align-items:center;gap:12px;margin-top:30px;margin-bottom:10px;display:flex}.section-header select{border:1px solid #ccc;border-radius:6px;padding:6px 12px;font-weight:700}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:25px;overflow:auto hidden}.table-wrapper table{border-collapse:collapse;table-layout:auto;width:100%}.table-wrapper th,.table-wrapper td{vertical-align:top;word-break:break-word;padding:8px;font-size:13px}.table-wrapper th{text-align:center;background:#f2f2f2}.table-wrapper tbody tr:nth-child(2n){background:#fafafa}.table-wrapper tbody tr:hover{background:#eef6ff}.table-riwayat table{width:100%;min-width:1200px}@media (min-width:1024px){.table-riwayat th:first-child{width:120px}.table-riwayat th:nth-child(2){width:90px}.table-riwayat th:nth-child(3){width:240px}.table-riwayat th:nth-child(4){width:140px}.table-riwayat th:nth-child(5){width:160px}.table-riwayat th:nth-child(6){width:260px}}select{border:1px solid #ccc;border-radius:6px;padding:6px 10px}button{cursor:pointer;border:none;border-radius:6px;padding:8px 14px}button:hover{opacity:.85}@media (max-width:768px){html,body{max-width:100%;overflow-x:hidden}.pelumas-container{padding:12px}.pelumas-container h2{font-size:18px}h3{font-size:15px}.pelumas-actions{flex-direction:column;gap:10px}.action-button{width:100%;padding:12px;font-size:14px}.section-header{flex-direction:column;align-items:flex-start;gap:6px}.table-wrapper table{width:max-content;min-width:100%}.table-wrapper th,.table-wrapper td{white-space:nowrap;padding:6px;font-size:12px}.table-riwayat table{min-width:100%}.modal-box{width:90%;max-width:360px}}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:10px;flex-direction:column;gap:12px;width:340px;padding:20px;display:flex}.modal-box h3{margin:0 0 10px}.modal-box input,.modal-box select{border:1px solid #ccc;border-radius:6px;padding:8px}.modal-box button{font-weight:700}.form-group{flex-direction:column;margin-bottom:25px;display:flex}.form-group label{margin-bottom:6px;font-weight:600}.form-input{width:38%;padding:8px 10px;font-size:14px}.form-actions{flex-direction:column;gap:25px;width:40%;display:flex}.btn-primary,.btn-secondary{cursor:pointer;width:100%;padding:15px;font-size:14px}@media (max-width:768px){.form-actions{width:100%}.form-input{width:95%}}.pm-container{background:#f4f6f9;min-height:100vh;padding:20px}.pm-container h2{margin-bottom:20px}.pm-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:700px}.pm-table th,.pm-table td{vertical-align:top;word-wrap:break-word;border:1px solid #555;padding:6px 8px;font-size:13px}.pm-table th{text-align:center;background:#f2f2f2}.pm-col-no{text-align:center;width:50px}.pm-col-wo{width:140px}.pm-col-pm{width:260px}.pm-col-unit{text-align:center;width:80px}.pm-col-seksi{width:120px}.pm-col-type{width:140px}.pm-col-desc{width:auto}.preservasi-container{background:#f4f6f9;min-height:100vh;padding:20px}.preservasi-container h2{text-align:center;margin-bottom:20px}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.preservasi-table{border-collapse:collapse;table-layout:fixed;background-color:#fff;width:100%;min-width:600px;margin-bottom:20px}.preservasi-table th,.preservasi-table td{vertical-align:top;word-wrap:break-word;overflow-wrap:break-word;border:1px solid #333;padding:6px 8px;font-size:14px}.preservasi-table th{text-align:center;background-color:#f0f0f0;font-weight:700}.preservasi-table th:first-child,.preservasi-table td:first-child{text-align:center;width:50px}.preservasi-table th:nth-child(2),.preservasi-table td:nth-child(2){width:160px}.preservasi-table th:nth-child(3),.preservasi-table td:nth-child(3){text-align:center;width:90px}.preservasi-table th:nth-child(4),.preservasi-table td:nth-child(4){width:auto}.preservasi-empty{text-align:center;color:#555;font-style:italic}.preservasi-upload{text-align:center;margin-top:40px}.preservasi-upload h3{margin-bottom:10px}