.pnl-master{padding:18px 20px}.pnl-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.pnl-title h2{font-size:20px;margin:0;color:#123561}.pnl-title p{font-size:12px;color:#61758f;margin:3px 0 0}.pnl-summary{padding:9px 12px;margin-bottom:12px;background:#edf7ff;border:1px solid #c8def3;border-radius:7px;color:#174575;font-size:13px;font-weight:700}.pnl-default-date{display:flex;align-items:center;gap:10px;margin:0 0 10px;color:#274667;font-size:12px;font-weight:700}.pnl-default-date .pnl-input{width:160px}.pnl-toolbar{display:flex;gap:10px;margin-bottom:12px}.pnl-input{box-sizing:border-box;height:35px;min-width:0;padding:0 11px;border:1px solid #c6d5e8;border-radius:7px;background:#fff;color:#163253;font-size:13px}.pnl-toolbar .pnl-input:first-child{width:min(320px,60%)}.pnl-toolbar select{width:150px}.pnl-btn{min-height:33px;padding:5px 12px;border:1px solid #aac8ed;border-radius:7px;background:#fff;color:#0e4a98;font-size:12px;font-weight:700;cursor:pointer;margin-right:4px;white-space:nowrap}.pnl-btn.primary{background:#1264ca;color:#fff;border-color:#1264ca}.pnl-btn.muted{color:#63748b;background:#f5f8fc}.pnl-btn:hover{filter:brightness(.95)}.pnl-table-wrap{overflow-x:auto;border:1px solid #cbdcf0;border-radius:8px}.pnl-table{border-collapse:collapse;width:100%;font-size:12px;color:#173252}.pnl-table th{background:#1f609e;color:#fff;text-align:left;font-size:12px;font-weight:700;padding:8px 10px;white-space:nowrap}.pnl-table td{padding:5px 10px;height:36px;border-top:1px solid #d9e5f2;white-space:nowrap}.pnl-table tr:nth-child(even){background:#f8fbff}.pnl-table .pnl-unconfigured{background:#fff9ee}.pnl-status{font-size:11px;font-weight:700;color:#657993}.pnl-status.active{color:#13865a}.pnl-status.mendatang{color:#8a5a00}.pnl-status.riwayat{color:#64748b}.pnl-status.nonaktif{color:#b42318}.pnl-empty{text-align:center;color:#697f98;padding:20px!important}.pnl-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pnl-field{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#274667}.pnl-field .pnl-input{width:100%}.pnl-field input:read-only{background:#eef4fa}.pnl-hint{grid-column:1/-1;margin:0;color:#5f7793;font-size:12px}.pnl-error{color:#ad3030;padding:14px}@media(max-width:700px){.pnl-title{align-items:flex-start}.pnl-form{grid-template-columns:1fr}.pnl-toolbar{flex-wrap:wrap}.pnl-toolbar .pnl-input:first-child{width:100%}.pnl-default-date{align-items:flex-start;flex-direction:column;gap:5px}}