@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#18232b;background:#f2f6f5}*{box-sizing:border-box}body{margin:0;min-width:320px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.muted{color:#6c7a80}.eyebrow{margin:0 0 5px;font-size:11px;letter-spacing:.16em;font-weight:800;color:#188579}.error{color:#a93f3f;background:#fff1f1;border:1px solid #ffd6d6;padding:11px 14px;border-radius:9px;font-size:14px}.notice{color:#1f6b52;background:#eaf7f0;border:1px solid #c9e8d7;padding:11px 14px;border-radius:9px;font-size:14px}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-size:13px}.auth-links a{color:#177e73;font-weight:700}.auth-links a:hover{text-decoration:underline}.auth-panel .link-button{width:auto;margin:0;padding:0;border:0;background:none;color:#177e73;font-size:13px;font-weight:700}.auth-panel .link-button:hover{background:none;text-decoration:underline}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 10% 15%,rgba(35,157,143,.17),transparent 28%),radial-gradient(circle at 90% 90%,rgba(230,158,74,.13),transparent 28%),#eaf2f0}.auth-panel{width:min(440px,100%);padding:44px;background:#fff;border:1px solid rgba(25,80,73,.12);border-radius:22px;box-shadow:0 24px 70px #21494421}.auth-panel:before{content:"S";display:grid;place-items:center;width:52px;height:52px;margin-bottom:28px;border-radius:15px;background:linear-gradient(135deg,#177e73,#31a998);color:#fff;font:800 25px Manrope}.auth-panel h1{font-size:30px;margin-bottom:8px}.auth-panel label{display:block;margin-top:20px;font-size:13px;font-weight:700;color:#35454b}.auth-panel input,.panel input{width:100%;margin-top:7px;padding:12px 14px;border:1px solid #d4dfdc;border-radius:9px;background:#fbfdfc;outline:none}.auth-panel input:focus,.panel input:focus{border-color:#1b9284;box-shadow:0 0 0 3px #1b92841a}.auth-panel button,.panel button{border:0;border-radius:9px;background:#187f74;color:#fff;padding:11px 17px;font-weight:700}.auth-panel button{width:100%;margin-top:26px;padding:13px}.auth-panel button:hover,.panel button:hover{background:#116b62}.auth-panel button:disabled{opacity:.6}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;padding:25px 18px;display:flex;flex-direction:column;background:#123b38;color:#dcecea;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 25px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#2ca797;color:#fff;font:800 21px Manrope}.brand strong{display:block;color:#fff;font:800 18px Manrope}.brand small{display:block;margin-top:2px;font-size:10px;color:#8fbab4}.side-nav{display:grid;gap:5px;margin-top:26px}.side-nav a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:9px;color:#a9c8c4;font-size:14px;font-weight:600}.side-nav a span{width:22px;text-align:center;font-size:18px}.side-nav a:hover{background:#ffffff0f;color:#fff}.side-nav a.active{background:#2b9d8f;color:#fff}.sidebar-user{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;margin-top:auto;padding:17px 8px 0;border-top:1px solid rgba(255,255,255,.1)}.avatar,.large-avatar{display:grid;place-items:center;border-radius:50%;background:#e3a452;color:#fff;font-weight:800}.avatar{width:39px;height:39px}.sidebar-user strong,.sidebar-user small{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user strong{font-size:12px;color:#fff}.sidebar-user small{margin-top:2px;font-size:10px;color:#8fbab4}.sidebar-user button{border:0;background:transparent;color:#9fc4bf;font-size:19px}.app-main{width:calc(100% - 270px);margin-left:270px}.app-header{height:92px;padding:0 34px;display:flex;align-items:center;gap:16px;background:#fff;border-bottom:1px solid #dde7e4}.app-header h1{font-size:23px;margin:0}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.role-pill,.year-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:99px;background:#e5f4f1;color:#16766c;font-size:11px;font-weight:800}.menu-toggle{display:none;border:0;background:transparent;font-size:22px}.content{padding:30px 34px 50px;max-width:1440px;margin:auto}.sidebar-backdrop{display:none}.hero-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px 34px;border-radius:17px;background:linear-gradient(112deg,#176f66,#22998b);color:#fff}.hero-panel h2{font-size:28px;margin:5px 0}.hero-panel p{margin:0;color:#cce5e1}.hero-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#aee0d8}.hero-badge{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#ffffff1a}.hero-badge.offline{background:#70262647}.hero-badge>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#fff;color:#168477}.hero-badge.offline>span{color:#a53a3a}.hero-badge strong,.hero-badge small{display:block}.hero-badge small{margin-top:3px;color:#bfe1dc}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stat-grid article{display:flex;align-items:center;gap:14px;padding:19px;background:#fff;border:1px solid #e0e8e6;border-radius:13px}.stat-grid small,.stat-grid strong{display:block}.stat-grid small{color:#718087}.stat-grid strong{margin-top:3px;font:700 16px Manrope}.stat-icon,.quick-icon,.item-icon{display:grid;place-items:center;border-radius:10px}.stat-icon{width:42px;height:42px;font-size:20px}.teal{background:#e1f4f0;color:#188b7e}.orange{background:#fff0df;color:#d6832d}.blue{background:#e7f1fb;color:#377eb9}.violet{background:#eeeafb;color:#795fc0}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.panel{padding:25px;background:#fff;border:1px solid #dfe8e5;border-radius:14px;box-shadow:0 4px 16px #28484309}.panel h3{margin-bottom:5px}.panel-heading,.page-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.quick-links a{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:12px;padding:17px;border:1px solid #e3eae8;border-radius:11px}.quick-links a:hover{border-color:#8bc8bf}.quick-icon{width:43px;height:43px;background:#e5f4f1;color:#188579}.quick-links strong,.quick-links small{display:block}.quick-links small{margin-top:3px;color:#758187}.quick-links b{color:#188579}.account-panel{text-align:center}.large-avatar{width:62px;height:62px;margin:22px auto 13px;font-size:25px}.account-panel h3{margin-bottom:4px}.account-panel p{font-size:13px;color:#7b878c}.page-toolbar{padding-bottom:18px;border-bottom:1px solid #e8eeec}.search-input{max-width:290px}.inline-form,.filters,.location-form{display:flex;gap:10px;align-items:flex-end;margin-top:18px}.inline-form input{flex:1}.inline-form button,.location-form button{height:43px}.filters{margin:0}.filters input{min-width:180px;margin:0}.filters input:last-child{max-width:125px;min-width:100px}.location-form{display:grid;grid-template-columns:2fr 1fr 1.5fr 100px auto;padding:17px;background:#f5f9f8;border-radius:11px}.location-form input{margin:0}.data-list{list-style:none;padding:0;margin:20px 0 0}.data-list li{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:12px;padding:13px 5px;border-bottom:1px solid #e8eeec}.item-icon{width:32px;height:32px;background:#e8f5f2;color:#168276}.panel button.danger{background:#fff0f0;color:#a53a3a}.panel button.danger:hover{background:#a53a3a;color:#fff}.compact{margin:0;padding:7px 11px}.table-wrap{overflow-x:auto;margin-top:20px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid #e7edeb;white-space:nowrap}th{background:#f7faf9;color:#647278;font-size:11px;text-transform:uppercase;letter-spacing:.06em}td{font-size:14px}.empty-state{text-align:center;color:#859196;padding:35px 10px}.header-button{border:0;border-radius:8px;background:#187f74;color:#fff;padding:9px 13px;font-size:12px;font-weight:700}.form-panel{margin-bottom:20px}.employee-form{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.employee-form label{font-size:12px;font-weight:700;color:#536168}.employee-form input,.employee-form select{display:block;width:100%;height:42px;margin-top:7px;padding:9px 11px;border:1px solid #d4dfdc;border-radius:8px;background:#fff}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}.panel button.secondary{background:#e9efed;color:#4f5e63}.person-cell{display:flex;align-items:center;gap:10px}.person-cell>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dff1ed;color:#16776d;font-weight:800}.person-cell strong,.person-cell small{display:block}.person-cell small{margin-top:2px;color:#7b878d}.status-chip{padding:5px 8px;border-radius:6px;background:#edf5f3;color:#39756e;font-size:11px;font-weight:700}.recipient-combobox{position:relative}.recipient-suggestions{position:absolute;z-index:10;top:100%;right:0;left:0;max-height:260px;overflow-y:auto;border:1px solid #c8d8d4;border-top:0;border-radius:0 0 8px 8px;background:#fff;box-shadow:0 10px 24px #1f423c24}.panel .recipient-suggestions button{display:block;width:100%;padding:10px 12px;border:0;border-radius:0;background:#fff;color:#35454b;text-align:left}.panel .recipient-suggestions button:hover,.panel .recipient-suggestions button:focus{background:#edf7f5;color:#176f66}.recipient-suggestions strong,.recipient-suggestions small{display:block}.recipient-suggestions small{margin-top:2px;color:#718087;font-size:11px;font-weight:500}.recipient-combobox:has(.recipient-suggestions)>input{border-radius:8px 8px 0 0}.searchable-select{position:relative;width:100%;margin-top:7px}.employee-form .searchable-select input,.program-form .searchable-select input{margin-top:0}.filters .searchable-select{min-width:190px;margin-top:0}.filters .searchable-select input{width:100%}.searchable-select-options{position:absolute;z-index:30;top:100%;right:0;left:0;max-height:260px;overflow-y:auto;border:1px solid #c8d8d4;border-top:0;border-radius:0 0 8px 8px;background:#fff;box-shadow:0 10px 24px #1f423c24}.panel .searchable-select-options button{display:block;width:100%;padding:10px 12px;border:0;border-radius:0;background:#fff;color:#35454b;text-align:left}.panel .searchable-select-options button:hover,.panel .searchable-select-options button:focus,.panel .searchable-select-options button.active{background:#edf7f5;color:#176f66}.searchable-select-options strong,.searchable-select-options small{display:block}.searchable-select-options small{margin-top:2px;color:#718087;font-size:11px;font-weight:500}.searchable-select:has(.searchable-select-options)>input{border-radius:8px 8px 0 0}.searchable-select-empty{margin:0;padding:11px 12px;color:#718087;font-size:12px;font-weight:500}@media(max-width:760px){.filters .searchable-select{width:100%}}.row-actions{display:flex;gap:6px}.panel button.edit{background:#edf4fb;color:#3678af}.panel button.edit:hover{background:#3678af;color:#fff}.program-form{display:grid;grid-template-columns:1fr 2fr 150px 1.5fr 1.5fr;gap:15px;margin-top:20px}.program-form label{font-size:12px;font-weight:700;color:#536168}.program-form input,.program-form select{display:block;width:100%;height:42px;margin-top:7px;padding:9px 11px;border:1px solid #d4dfdc;border-radius:8px;background:#fff}.program-cell strong,.program-cell small{display:block}.program-cell strong{color:#177a70}.program-cell small{max-width:390px;margin-top:4px;white-space:normal;color:#5f6d72}@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.location-form,.employee-form,.program-form{grid-template-columns:1fr 1fr}.location-form button{grid-column:span 2}.page-toolbar{align-items:flex-start;flex-direction:column}.filters{width:100%}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:.25s}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;border:0;background:#081c1a7a;z-index:15}.app-main{width:100%;margin:0}.app-header{height:78px;padding:0 18px}.menu-toggle{display:block}.header-actions .role-pill{display:none}.content{padding:20px 16px 35px}.hero-panel{align-items:flex-start;flex-direction:column;padding:25px}.stat-grid,.dashboard-grid,.quick-links,.employee-form,.program-form,.location-form{grid-template-columns:1fr}.location-form button{grid-column:auto}.filters{align-items:stretch;flex-direction:column}.filters input,.filters input:last-child{max-width:none;width:100%}.inline-form{align-items:stretch;flex-direction:column}.page-toolbar .search-input{max-width:none}.auth-panel{padding:32px 25px}.account-panel{display:none}}.filters select{min-width:190px;padding:12px 14px;border:1px solid #d4dfdc;border-radius:9px;background:#fbfdfc}@media(max-width:760px){.filters select{width:100%}}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px}.pagination span{font-size:13px;color:#647278}.pagination button{padding:8px 12px;background:#e9efed;color:#35454b}.pagination button:hover:not(:disabled){background:#dbe7e3}.pagination button:disabled{cursor:not-allowed;opacity:.45}@media(max-width:760px){.pagination{justify-content:space-between}.pagination span{font-size:12px}}.table-skeleton{display:grid;gap:1px;margin-top:20px;background:#e7edeb}.skeleton-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 12px;background:#fff}.skeleton-block{height:14px;border-radius:5px;background:linear-gradient(90deg,#edf3f1 25%,#f8fbfa,#edf3f1 75%);background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}.skeleton-block:first-child{width:80%}@keyframes skeleton-shimmer{to{background-position:-200% 0}}@media(max-width:760px){.skeleton-row{grid-template-columns:repeat(2,1fr)}}.stat-skeleton{display:block;width:92px;height:18px;margin-top:5px;border-radius:5px;background:linear-gradient(90deg,#edf3f1 25%,#f8fbfa,#edf3f1 75%);background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}.stat-skeleton.wide{width:130px}.dashboard-status{margin:0 0 14px;padding:8px 11px;border-left:3px solid #d39a45;background:#fff9ee;color:#76592b;font-size:12px}.app-main .content>.panel{overflow:hidden}.app-main .content>.panel .page-toolbar{align-items:flex-start;padding:2px 0 20px}.app-main .content>.panel .page-toolbar h3{font-size:18px;margin-bottom:6px}.app-main .content>.panel .page-toolbar .muted{font-size:13px;margin-bottom:0}.app-main .content>.panel .table-wrap{margin:18px -25px -25px}.app-main .content>.panel table th:first-child,.app-main .content>.panel table td:first-child{padding-left:25px}.app-main .content>.panel table th:last-child,.app-main .content>.panel table td:last-child{padding-right:25px}.app-main .content>.panel table tbody tr{transition:background .15s ease}.app-main .content>.panel table tbody tr:hover{background:#f8fbfa}.app-main .content>.panel table td{vertical-align:middle}.app-main .content>.panel .row-actions{flex-wrap:wrap;min-width:170px}.app-main .content>.panel .row-actions button{font-size:11px;white-space:nowrap}.app-main .content>.form-panel{border-color:#b9dcd5;box-shadow:0 8px 24px #19645814}.app-main .content>.form-panel h3{font-size:20px;margin-bottom:0}.app-main .content>.form-panel .eyebrow{margin-bottom:7px}.span-2{grid-column:span 2}.status-disetujui{background:#e2f5e9;color:#267443}.status-ditolak{background:#fff0f0;color:#a53a3a}.status-verifikasi{background:#fff3df;color:#a56b20}@media(max-width:760px){.span-2{grid-column:auto}.app-main .content>.panel .table-wrap{margin-left:-16px;margin-right:-16px}.app-main .content>.panel table th:first-child,.app-main .content>.panel table td:first-child{padding-left:16px}.app-main .content>.panel table th:last-child,.app-main .content>.panel table td:last-child{padding-right:16px}.app-main .content>.panel .row-actions{min-width:130px}.app-main .content>.panel .page-toolbar .filters{gap:8px}}.followers-field,.cost-grid,.employee-form .cost-summary{grid-column:1/-1}.followers-field{border:1px solid #dfe8e5;border-radius:10px;padding:14px}.followers-field legend{font-size:12px;font-weight:800}.followers-field>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:150px;overflow:auto}.followers-field label{display:flex;align-items:center;gap:7px;font-size:12px}.followers-field input{width:auto;height:auto;margin:0}.cost-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.cost-grid label{font-size:12px;font-weight:700;color:#536168}@media(max-width:1050px){.cost-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.followers-field>div,.cost-grid{grid-template-columns:1fr}}.detail-hero{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;padding:26px 30px;border-radius:14px;background:#fff;border:1px solid #dfe8e5}.detail-hero h2{margin:0 0 7px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.detail-section{margin-bottom:20px}.detail-list{margin:18px 0 0}.detail-list>div{display:grid;grid-template-columns:150px 1fr;padding:13px 0;border-bottom:1px solid #e7edeb}.detail-list dt{color:#718087;font-size:12px}.detail-list dd{margin:0;font-weight:700}.detail-list small,.people-list small{display:block;margin-top:3px;color:#7b878d;font-weight:400}.people-list{list-style:none;padding:0;margin:15px 0}.people-list li{padding:11px 0;border-bottom:1px solid #e7edeb}.budget-path{color:#718087;font-size:12px}.budget-summary{display:flex;justify-content:space-between;margin-top:18px;padding-top:15px;border-top:1px solid #e7edeb}.cost-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.cost-summary>div{padding:14px;border-radius:10px;background:#f5f9f8}.cost-summary span,.cost-summary strong{display:block}.cost-summary span{font-size:12px;color:#718087}.cost-summary .grand-total{background:#176f66;color:#fff}.cost-summary .grand-total span{color:#cce5e1}@media(max-width:760px){.detail-grid,.cost-summary{grid-template-columns:1fr}.detail-hero{flex-direction:column}.detail-list>div{grid-template-columns:1fr}}.app-main .content>.panel .table-wrap:has(+.pagination){margin-bottom:0}.app-main .content>.panel .table-wrap:has(+.pagination) tbody tr:last-child td{border-bottom:0}.app-main .content>.panel .pagination{margin:0 -25px -25px;padding:15px 25px;border-top:1px solid #e8eeec;background:#fbfdfc}@media(max-width:760px){.app-main .content>.panel .pagination{margin-left:-16px;margin-right:-16px;padding:13px 16px}}.app-main .content>.panel .table-wrap{scrollbar-width:thin;scrollbar-color:#c3d4cf transparent}.app-main .content>.panel .table-wrap::-webkit-scrollbar{height:10px}.app-main .content>.panel .table-wrap::-webkit-scrollbar-track{background:transparent}.app-main .content>.panel .table-wrap::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:#c3d4cf;background-clip:content-box}.app-main .content>.panel .table-wrap::-webkit-scrollbar-thumb:hover{background:#a5bcb6;background-clip:content-box}.audit-create{background:#e2f5e9;color:#267443}.audit-update{background:#e7f1fb;color:#377eb9}.audit-delete{background:#fff0f0;color:#a53a3a}.audit-link{color:#177a70;font-weight:700}.audit-link:hover{text-decoration:underline}.audit-detail summary{cursor:pointer;color:#177a70;font-weight:700}.audit-detail ul{margin:8px 0 0;padding-left:18px}.audit-detail li{white-space:normal;font-size:13px;line-height:1.5;max-width:520px}.audit-detail b{color:#35454b}.kwitansi-table .penerima-cell{width:clamp(150px,18vw,240px);min-width:150px;max-width:240px;white-space:normal;overflow-wrap:anywhere;line-height:1.45}.kwitansi-table .uraian-cell{width:clamp(220px,28vw,380px);min-width:220px;max-width:380px;white-space:normal}.kwitansi-table .uraian-cell strong,.kwitansi-table .uraian-cell small{white-space:normal;overflow-wrap:anywhere;line-height:1.45}.kwitansi-table th,.kwitansi-table td{vertical-align:middle}.kwitansi-table th{white-space:nowrap}.kwitansi-table tbody tr:hover{background:#f8fbfa}.kwitansi-table .row-actions{flex-wrap:wrap;min-width:180px}.master-inline-form{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:15px;margin-top:20px}.master-inline-form label,.location-form label{font-size:12px;font-weight:700;color:#536168}.master-inline-form .form-actions{grid-column:auto}.location-form{grid-template-columns:2fr 1fr 1.5fr 100px;gap:15px;padding:0;background:transparent}.location-form input{margin-top:7px}.location-form .form-actions{grid-column:1/-1}.number-cell{width:70px;color:#7b878d}.money-cell{color:#177a70}.app-main .content>.panel table:has(.audit-detail) th:nth-child(5){min-width:230px}.app-main .content>.panel table:has(.audit-detail) td{vertical-align:top}.app-main .content>.panel table:has(.audit-detail) td:nth-child(5){white-space:normal}@media(max-width:1050px){.location-form{grid-template-columns:1fr 1fr}.location-form .form-actions{grid-column:1/-1}}@media(max-width:760px){.master-inline-form,.location-form{grid-template-columns:1fr}.master-inline-form .form-actions,.location-form .form-actions,.location-form button{grid-column:auto}}.filters .searchable-select input{width:100%;max-width:none;padding:12px 14px;border:1px solid #d4dfdc;border-radius:9px;background:#fbfdfc}.pegawai-table th,.pegawai-table td{white-space:normal;overflow-wrap:anywhere;word-break:break-word;vertical-align:top}.pegawai-table th:first-child{min-width:210px}.pegawai-table th:nth-child(2){min-width:180px}.pegawai-table .person-cell{align-items:flex-start}.pegawai-table .person-cell>div{min-width:0}.pegawai-table .person-cell strong,.pegawai-table .person-cell small{overflow-wrap:anywhere;word-break:break-word;line-height:1.4}.pdf-upload{grid-column:1/-1;display:flex;flex-direction:column;gap:14px;padding:18px;background:linear-gradient(180deg,#f5fcfa,#edf8f5);border:1px solid #cfe7e1;border-radius:14px}.pdf-upload-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pdf-upload-heading{min-width:0}.pdf-upload-title{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;color:#11645c;text-transform:uppercase}.pdf-upload-hint{display:block;margin-top:4px;font-size:12px;color:#5d7277;line-height:1.55}.pdf-clear{border:0;background:none;padding:4px 2px;color:#187f74;font-weight:700;font-size:12px;white-space:nowrap;border-radius:6px}.pdf-clear:hover{background:#e2f3ef}.pdf-dropzone{position:relative;display:flex;align-items:center;gap:14px;padding:15px 16px;border:1.5px dashed #9fd0c6;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.pdf-dropzone:hover{border-color:#1b9284;background:#f2fbf9;box-shadow:0 0 0 4px #1b928417}.pdf-dropzone.is-drag{border-color:#1b9284;background:#eefaf7;box-shadow:0 0 0 4px #1b92841f}.pdf-dropzone:has(input:disabled){cursor:default;opacity:.9}.pdf-dropzone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.pdf-dropzone input[type=file]:focus-visible{outline:2px solid #1b9284;outline-offset:2px}.pdf-dropzone.has-error{border-color:#e6a4a4;background:snow}.pdf-dropzone.has-error:hover{border-color:#c05555;box-shadow:0 0 0 4px #c0555514}.pdf-dropzone-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:12px;background:#e4f4f1;color:#14766c}.pdf-dropzone.has-error .pdf-dropzone-icon{background:#fbeaea;color:#b34646}.pdf-dropzone-text{display:flex;flex-direction:column;gap:2px;min-width:0}.pdf-dropzone-text strong{font-size:13px;line-height:1.4;color:#2a3a40;font-weight:700}.pdf-dropzone-text small{font-size:11.5px;line-height:1.45;color:#6d7f84}.pdf-browse{flex:none;margin-left:auto;background:#187f74;color:#fff;font-size:12px;font-weight:700;padding:8px 14px;border-radius:8px}.pdf-dropzone:hover .pdf-browse{background:#116b62}.pdf-upload-error{margin:0;color:#b34646;font-size:12.5px;font-weight:600;line-height:1.5}.pdf-done{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #bfe3d0;background:#f1faf4;border-radius:12px}.pdf-file-badge{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#1f8f7e;color:#fff;font:800 11px Manrope,sans-serif;letter-spacing:.04em}.pdf-file-meta{display:flex;flex-direction:column;min-width:0}.pdf-file-meta strong{font-size:13px;color:#1d2b30;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(44vw,430px)}.pdf-file-meta small{font-size:11.5px;color:#5f8072;margin-top:2px}.pdf-ok-badge{flex:none;margin-left:auto;display:inline-flex;align-items:center;gap:5px;background:#e2f5e9;color:#2c8a4e;font-size:11.5px;font-weight:800;padding:6px 11px;border-radius:99px}.pdf-spinner{width:18px;height:18px;border-radius:50%;border:3px solid #bfe0da;border-top-color:#14766c;animation:pdfspin .8s linear infinite}@keyframes pdfspin{to{transform:rotate(360deg)}}@media(max-width:560px){.pdf-browse{display:none}.pdf-dropzone-icon{width:40px;height:40px}.pdf-ok-badge{display:none}}.employee-form textarea.maksud-field{display:block;width:100%;min-height:120px;margin-top:7px;padding:10px 12px;border:1px solid #d4dfdc;border-radius:9px;background:#fbfdfc;color:#18232b;font:inherit;line-height:1.5;resize:vertical}.employee-form textarea.maksud-field:focus{border-color:#1b9284;box-shadow:0 0 0 3px #1b92841a;outline:none}@media(max-width:760px){.employee-form .maksud-field{min-height:100px}}.app-main .content>.panel table:has(.pelaksana-cell) th:nth-child(2){min-width:184px}.app-main .content>.panel table:has(.pelaksana-cell) th:nth-child(3){min-width:210px}.app-main .content>.panel table:has(.pelaksana-cell) td:nth-child(3) strong{display:inline-flex;align-items:center;gap:7px;color:#176f66;font-size:14px}.app-main .content>.panel table:has(.pelaksana-cell) td:nth-child(3) strong:before{content:"LOC";display:inline-grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e2f4f0;color:#168276;font-size:9px;font-weight:800}.app-main .content>.panel table:has(.pelaksana-cell) td:nth-child(3) small{display:block;margin-top:5px;color:#7b878d;font-size:11px}.app-main .content>.panel table:has(.pelaksana-cell) tbody tr:nth-child(2n){background:#fcfefd}.app-main .content>.panel .pelaksana-cell{width:160px;white-space:normal;overflow-wrap:break-word;line-height:1.4}.app-main .content>.panel .anggaran-cell{font-size:12px;color:#5f6d72}.app-main .content>.panel .anggaran-cell .program-cell strong{font-size:12px;font-weight:700}.app-main .content>.panel .anggaran-cell .program-cell small{max-width:220px;overflow-wrap:break-word;color:#7b878d;font-size:11px;line-height:1.45}.app-main .content>.panel .pelaksana-cell small{display:block;max-width:160px;margin-top:5px;white-space:normal;color:#7b878d;font-size:11px;line-height:1.45}.app-main .content>.panel table:has(.pelaksana-cell) tbody tr:hover{background:#eef8f5!important}.app-main .content>.panel table:has(.pelaksana-cell) .program-cell strong a{display:inline-block;padding:3px 7px;border-radius:5px;background:#f0f8f6}.app-main .content>.panel table:has(.pelaksana-cell) .program-cell strong a:hover{background:#dff1ed}.app-main .content>.panel .status-chip{display:inline-flex;align-items:center;gap:6px}.app-main .content>.panel .status-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.app-main .content>.panel .row-actions{gap:7px}@media(max-width:760px){.app-main .content>.panel table:has(.pelaksana-cell) th:nth-child(3){min-width:180px}}.app-main .content>.panel table:has(.pelaksana-cell) .row-actions{flex-wrap:nowrap;min-width:0}.icon-btn{position:relative;display:inline-grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #e0e8e6;border-radius:8px;background:#fff;color:#5f6d72;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.icon-btn svg{width:16px;height:16px}.icon-btn:hover{background:#eef4f2;color:#176f66;border-color:#cfe5e0}.icon-btn.edit{background:#edf4fb;color:#3678af;border-color:#dbe9f7}.icon-btn.edit:hover{background:#3678af;color:#fff;border-color:#3678af}.icon-btn.secondary{background:#f2f5f4;color:#5f6d72;border-color:#e2e9e7}.icon-btn.secondary:hover{background:#5f6d72;color:#fff;border-color:#5f6d72}.icon-btn.danger{background:#fff0f0;color:#a53a3a;border-color:#f6dddd}.icon-btn.danger:hover{background:#a53a3a;color:#fff;border-color:#a53a3a}.app-main .content>.panel .row-actions .icon-btn:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);right:0;z-index:20;padding:5px 9px;border-radius:6px;background:#22313a;color:#fff;font:600 11px/1.2 Manrope,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;box-shadow:0 4px 10px #14282d2e;transform:translateY(3px)}.app-main .content>.panel .row-actions .icon-btn:hover:after{opacity:1;transform:translateY(0)}.app-main .content>.form-panel .employee-form .member-list,.app-main .content>.form-panel .employee-form .form-total{grid-column:1/-1}.member-list{margin-top:4px;border:1px solid #dfe8e5;border-radius:12px;overflow:hidden;background:#fbfdfc}.member-list>h4{margin:0;padding:13px 16px;font:800 13px Manrope,sans-serif;color:#41535a;border-bottom:1px solid #e4ecea;background:#f3f8f7}.member-list .empty-state{margin:0;padding:26px 16px}.member-table{width:100%;border-collapse:collapse}.member-table th,.member-table td{padding:11px 16px;border-bottom:1px solid #e8eeec;vertical-align:middle;white-space:normal}.member-table th{background:#f7faf9;color:#647278;font:700 11px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.06em;text-align:left}.member-table td:last-child{white-space:nowrap;text-align:right}.member-table .num{text-align:right;font-variant-numeric:tabular-nums}.member-table strong,.member-table small{display:block}.member-table small{margin-top:2px;color:#7b878d;font-size:11px}.member-table .aksi-col{width:86px}.member-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;font-size:13px;color:#41535a;border-top:1px solid #e2eae8;background:#f3f8f7}.member-summary strong,.form-total strong{font:800 15px Manrope,sans-serif;color:#177a70;font-variant-numeric:tabular-nums;white-space:nowrap}.day-stepper{display:inline-flex;align-items:center;gap:4px;justify-content:flex-end}.day-stepper .step-btn{width:22px;height:22px;line-height:1;border:1px solid #cfdcd8;border-radius:6px;background:#fff;color:#177a70;font:800 13px Manrope,sans-serif;cursor:pointer;padding:0}.day-stepper .step-btn:hover:not(:disabled){background:#e5f4f1}.day-stepper .step-btn:disabled{opacity:.4;cursor:not-allowed}.day-stepper .day-value{min-width:26px;text-align:center;font-weight:800;color:#41535a;font-variant-numeric:tabular-nums}.form-total{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border:1px solid #b9dcd5;border-radius:12px;background:#eaf6f3}.form-total span{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#176f66}@media(max-width:760px){.member-table th,.member-table td{padding:9px 10px}}.header-button.back-button{display:inline-flex;align-items:center;gap:6px}