@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);body,html{height:100%;overflow:hidden}body{font-family:Poppins,sans-serif}.login-container{display:flex;height:100vh;overflow:hidden;width:100vw}.login-form{align-items:center;background-color:#fff;display:flex;flex:1 1;justify-content:center;min-height:100vh;padding:40px}.form-content{max-width:480px;width:100%}.company-logo-section{display:flex;justify-content:center;margin-bottom:24px}.company-logo{height:auto;max-height:130px;max-width:280px;object-fit:contain;width:auto}.form-title{font-size:20px;font-weight:700;line-height:1.4;margin-bottom:4px}.form-subtitle,.form-title{color:#1a1a1a;font-family:Poppins,sans-serif;text-align:center}.form-subtitle{font-size:15px;font-weight:600;margin-bottom:28px}.error-box{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;margin-bottom:14px;padding:10px 14px}.input-group{margin-bottom:20px}.input-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.custom-dropdown{position:relative}.dropdown-trigger{align-items:center;background:#f8f8f8;border:1.5px solid #e0e0e0;border-radius:10px;color:#333;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;justify-content:space-between;padding:13px 16px;-webkit-user-select:none;user-select:none}.dropdown-trigger.open{background:#fff;border-color:#333}.chevron{flex-shrink:0;transition:transform .2s ease}.chevron.rotated{transform:rotate(180deg)}.dropdown-list{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 4px 20px #0000001a;left:0;list-style:none;overflow:hidden;padding:0;position:absolute;top:calc(100% + 6px);width:55%;z-index:9999}.dropdown-option{background:#fff;color:#333;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;padding:10px 16px}.dropdown-option:hover{background:#f7f7f7}.input-wrapper input{background-color:#f8f8f8;border:1.5px solid #e0e0e0;border-radius:10px;color:#333;font-family:Poppins,sans-serif;font-size:14px;outline:none;padding:13px 58px 13px 16px;transition:border-color .2s,background .2s;width:100%}.input-wrapper input:focus{background-color:#fff;border-color:#333}.input-wrapper input::placeholder{color:#aaa}.input-icon{align-items:center;background-color:#f4b942;border-radius:0 10px 10px 0;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:48px}.forgot-password{margin-bottom:24px;text-align:right}.forgot-password span{color:#1a1a1a;cursor:pointer;font-size:13px;font-weight:500}.forgot-password span:hover{text-decoration:underline}.login-button{background-color:#f4b942;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;margin-bottom:16px;padding:14px;transition:background-color .2s,transform .1s;width:100%}.login-button:hover{background-color:#e6a533}.login-button:active{transform:scale(.98)}.back-link{text-align:center}.back-link a{color:#888;font-size:13px;text-decoration:none}.back-link a:hover{color:#f4b942}.right-section{flex:1 1;min-height:100vh;position:relative}@media (max-width:768px){body,html{overflow:auto}.login-container{flex-direction:column;height:auto;min-height:100vh}.login-form{height:auto;min-height:70vh;padding:30px 20px}.form-content{max-width:100%}.right-section{height:30vh;min-height:30vh;order:-1}}@media (max-width:480px){.login-form{padding:20px 15px}.form-title{font-size:17px}.company-logo{max-width:160px}}.card-stat{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026,0 8px 24px #0000001f;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.card-stat:hover{box-shadow:0 8px 16px #0000002e,0 12px 32px #00000026;transform:translateY(-2px)}.card-stat-content{align-items:flex-start;display:flex;justify-content:space-between}.card-stat-info{display:flex;flex-direction:column}.card-stat-title{color:#6b7280;font-size:14px;font-weight:400;margin:0 0 4px}.card-stat-value{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 8px}.card-stat-trend{align-items:center;display:flex;gap:4px}.trend-icon{height:16px;width:16px}.trend-percentage{font-size:14px;font-weight:500}.trend-period{color:#6b7280;font-size:14px}.trend-up{color:#10b981}.trend-down{color:#ef4444}.card-stat-icon-bg{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.card-stat-icon{height:24px;width:24px}.card-stat-icon-bg.orange{background-color:#fed7aa}.card-stat-icon-bg.orange .card-stat-icon{color:#f97316}.card-stat-icon-bg.blue{background-color:#dbeafe}.card-stat-icon-bg.blue .card-stat-icon{color:#3b82f6}.card-stat-icon-bg.green{background-color:#dcfce7}.card-stat-icon-bg.green .card-stat-icon{color:#22c55e}.card-stat-icon-bg.red{background-color:#fee2e2}.card-stat-icon-bg.red .card-stat-icon{color:#ef4444}.dashboard-container{background-color:#f9fafb;display:flex;font-family:Poppins,sans-serif;min-height:100vh}.main-content{flex:1 1;height:100vh;overflow-y:auto;padding:24px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.warning-card{background:#fff!important}.warning-content{align-items:flex-start;display:flex;justify-content:space-between}.warning-header{align-items:center;display:flex;gap:4px;margin-bottom:4px}.warning-icon{color:#ef4444;height:16px;width:16px}.warning-title{color:#ef4444}.warning-subtitle,.warning-title{font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.warning-subtitle{color:#1f2937;margin-bottom:4px}.warning-desc{color:#6b7280;margin:0 0 12px}.warning-btn,.warning-desc{font-family:Poppins,sans-serif;font-size:13px}.warning-btn{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:6px 16px;transition:background-color .2s ease}.warning-btn:hover{background-color:#dc2626}.warning-icon-bg{align-items:center;background-color:#fee2e2;border-radius:8px;display:flex;height:48px;justify-content:center;width:48px}.warning-icon-main{color:#ef4444;height:28px;width:28px}.chart-section-full{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:32px}.chart-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.chart-info{display:flex;flex-direction:column}.chart-title{font-size:20px;margin:0 0 12px}.chart-amount,.chart-title{color:#1f2937;font-family:Poppins,sans-serif;font-weight:700}.chart-amount{font-size:28px;margin:0 0 6px}.chart-period{color:#9ca3af;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;margin:0}.year-select-wrapper{display:inline-block;position:relative}.year-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;outline:none;padding:10px 40px 10px 16px;transition:border-color .2s ease}.year-select:focus{border-color:#3b82f6;outline:none}.select-chevron{color:#6b7280;height:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px}.chart-container-fixed{background-image:repeating-linear-gradient(0deg,#0000,#0000 63px,#f3f4f6 0,#f3f4f6 64px);height:320px;margin-bottom:20px;position:relative}.chart-bars{align-items:flex-end;display:flex;gap:16px;height:100%;justify-content:space-between;padding:0 8px;position:relative}.chart-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px}.bars-container{align-items:flex-end;display:flex;gap:6px;height:100%;justify-content:center;width:100%}.bar-last-month{background-color:#ef4444}.bar-last-month,.bar-last-week{border-radius:4px 4px 0 0;min-height:10px;transition:opacity .2s ease;width:24px}.bar-last-week{background-color:#d1d5db}.chart-bar-group:hover .bar-last-month,.chart-bar-group:hover .bar-last-week{opacity:.85}.bar-label{color:#9ca3af;font-family:Poppins,sans-serif;font-size:13px;font-weight:500}.chart-legend{gap:40px;justify-content:center;margin-top:12px}.chart-legend,.legend-item{align-items:center;display:flex}.legend-item{gap:10px}.legend-color-red{background-color:#ef4444}.legend-color-gray,.legend-color-red{border-radius:50%;height:14px;width:14px}.legend-color-gray{background-color:#d1d5db}.legend-text{color:#6b7280;font-family:Poppins,sans-serif;font-size:14px;font-weight:400}.bottom-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.activity-section-bottom{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;height:-webkit-fit-content;height:fit-content;padding:24px}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.activity-title{color:#1f2937;font-size:18px;font-weight:700;margin:0}.activity-title,.view-all-btn{font-family:Poppins,sans-serif}.view-all-btn{background:#fff;border:1px solid #ef4444;border-radius:20px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.view-all-btn:hover{background-color:#ef4444;color:#fff}.activity-list{display:flex;flex-direction:column;gap:20px}.activity-item{border-bottom:1px solid #f3f4f6;padding-bottom:20px}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.activity-user{color:#1f2937;font-size:15px;font-weight:700}.activity-date,.activity-user{font-family:Poppins,sans-serif;margin:0}.activity-date{color:#9ca3af;font-size:13px}.activity-desc{color:#6b7280;font-family:Poppins,sans-serif;font-size:14px;line-height:1.5;margin:0}.calendar-section-bottom{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;height:-webkit-fit-content;height:fit-content;padding:24px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.calendar-title{color:#1f2937;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;margin:0}.calendar-chevron{color:#6b7280;cursor:pointer;height:20px;transition:color .2s ease;width:20px}.calendar-chevron:hover{color:#374151}.calendar-month{border-bottom:1px solid #f3f4f6;justify-content:center;margin-bottom:28px;padding-bottom:16px}.calendar-month,.month-nav{align-items:center;display:flex}.month-nav{gap:24px}.month-arrow{color:#9ca3af;cursor:pointer;height:20px;transition:color .2s ease;width:20px}.month-arrow:hover{color:#374151}.month-title{color:#1f2937;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;margin:0;min-width:140px;text-align:center}.calendar-grid{grid-gap:8px 4px;display:grid;gap:8px 4px;grid-template-columns:repeat(7,1fr);text-align:center}.calendar-day-header{color:#6b7280;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;letter-spacing:.3px;padding:8px 4px;text-transform:uppercase}.calendar-day{align-items:center;border-radius:50%;color:#1f2937;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:15px;font-weight:400;justify-content:center;min-height:40px;padding:10px 4px;transition:all .2s ease}.calendar-day:hover:not(.empty){background-color:#f9fafb}.calendar-day.empty{cursor:default;visibility:hidden}.active-day{background-color:#fbbf24!important;border-radius:50%!important;color:#000!important;font-weight:600!important}.active-day:hover{background-color:#f59e0b!important}.outlined-day{background-color:initial!important;border:2px solid #fbbf24!important;border-radius:50%!important;color:#1f2937!important;font-weight:500!important}.outlined-day:hover{background-color:#fffbeb!important;border-color:#f59e0b!important}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid{gap:16px;grid-template-columns:1fr}.chart-section-full{padding:24px}.activity-section-bottom,.calendar-section-bottom{padding:20px}.chart-container-fixed{height:280px}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.main-content{padding:16px}.bottom-grid{gap:12px}.chart-section-full{margin-bottom:16px;padding:20px}.activity-section-bottom,.calendar-section-bottom{padding:16px}.chart-container-fixed{height:240px}.chart-header{align-items:flex-start;flex-direction:column;gap:12px}}.table-container{border-radius:0;overflow-x:auto;width:100%}.barang-table{border-collapse:collapse;font-family:Poppins,sans-serif;table-layout:fixed;width:100%}.barang-table colgroup col:first-child{width:60px}.barang-table colgroup col:nth-child(2){width:110px}.barang-table colgroup col:nth-child(3){width:auto}.barang-table colgroup col:nth-child(4){width:130px}.barang-table colgroup col:nth-child(5){width:100px}.barang-table colgroup col:nth-child(6){width:130px}.barang-table colgroup col:nth-child(7){width:140px}.barang-table thead{background:#fff;border-bottom:1px solid #e5e7eb}.barang-table thead th{border-bottom:1px solid #e5e7eb;color:#374151;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;overflow:hidden;padding:14px 16px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.barang-table thead th:first-child,.barang-table thead th:nth-child(2),.barang-table thead th:nth-child(5),.barang-table thead th:nth-child(6),.barang-table thead th:nth-child(7){text-align:center}.barang-table tbody tr{border-bottom:1px solid #e5e7eb;height:76px;vertical-align:middle}.barang-table tbody tr:hover{background-color:#f9fafb}.barang-table tbody td{color:#374151;font-family:Poppins,sans-serif;font-size:14px;overflow:hidden;padding:12px 16px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.barang-table tbody td:first-child,.barang-table tbody td:nth-child(2),.barang-table tbody td:nth-child(5),.barang-table tbody td:nth-child(6),.barang-table tbody td:nth-child(7){text-align:center}.btn-delete,.btn-edit,.btn-view{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;margin:0 3px;padding:0;transition:all .2s ease;width:36px}.pagination{font-family:Poppins,sans-serif;padding:14px 16px}.pagination-left,.pagination-right{gap:8px}.pagination-items{color:#374151;font-weight:600}.pagination-page{color:#374151;font-weight:700}.pagination-nav-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;height:26px;justify-content:center;margin-left:4px;padding:0;transition:all .2s ease;width:26px}.pagination-nav-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.pagination-nav-btn:disabled{cursor:not-allowed;opacity:.4}@media (max-width:1024px){.barang-table tbody td,.barang-table thead th{padding:10px 12px}.btn-delete,.btn-edit,.btn-view{height:32px;margin:0 2px;width:32px}}@media (max-width:768px){.pagination{align-items:flex-start;flex-direction:column;gap:10px}.barang-table{font-size:12px}.barang-table tbody td{padding:8px 10px}}.detail-overlay{animation:detailFadeIn .25s ease;background:#00000073}@keyframes detailFadeIn{0%{opacity:0}to{opacity:1}}.detail-container{animation:detailSlideUp .25s ease;background:#fff;border-radius:20px;box-shadow:0 24px 64px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:720px;overflow-y:auto;width:90%}@keyframes detailSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detail-container::-webkit-scrollbar{width:5px}.detail-container::-webkit-scrollbar-track{background:#0000}.detail-container::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.detail-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px 20px}.detail-title{color:#111827;font-size:18px;margin:0}.detail-close{background:none;border-radius:8px;color:#9ca3af;font-size:18px;height:32px;transition:all .2s;width:32px}.detail-close:hover{color:#374151}.detail-divider{background:#f0f0f0;flex-shrink:0;height:1px;margin:0}.detail-content{align-items:flex-start;display:flex;gap:28px;padding:24px 28px 28px}.detail-fields{display:flex;flex:1 1;flex-direction:column;gap:14px}.detail-row{align-items:baseline;gap:12px}.detail-label{color:#9ca3af;flex-shrink:0;font-size:13px;font-weight:500;min-width:130px}.detail-value{color:#111827;font-weight:500}.detail-image-wrapper{align-items:flex-start;display:flex;flex-shrink:0;justify-content:center;margin-top:4px;width:180px}.detail-history{flex-shrink:0;padding:20px 28px 28px}.detail-history-title{color:#111827;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;margin:0 0 16px}.detail-history-empty{align-items:center;background:#fafafa;border:1.5px dashed #e5e7eb;border-radius:12px;color:#9ca3af;display:flex;flex-direction:column;font-family:Poppins,sans-serif;font-size:13px;gap:10px;justify-content:center;padding:32px 0}.detail-history-table-wrap{border:1px solid #f0f0f0;border-radius:12px;overflow-x:auto}.detail-history-table{border-collapse:collapse;font-family:Poppins,sans-serif;font-size:13px;width:100%}.detail-history-table thead{background:#f9fafb;border-bottom:1.5px solid #e5e7eb}.detail-history-table thead th{color:#6b7280;font-size:12px;font-weight:600;padding:12px 14px;text-align:left;white-space:nowrap}.detail-history-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s}.detail-history-table tbody tr:last-child{border-bottom:none}.detail-history-table tbody tr:hover{background:#fafafa}.detail-history-table tbody td{color:#374151;font-size:13px;padding:12px 14px;vertical-align:middle}@media (max-width:600px){.detail-content{flex-direction:column-reverse;gap:20px;padding:20px}.detail-header{padding:20px 20px 16px}.detail-history{padding:16px 20px 24px}.detail-image-wrapper{width:100%}.detail-label{min-width:110px}.detail-title{font-size:16px}}.success-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.success-container{animation:slideUp .4s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:48px 40px;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-icon{background:#22c55e;color:#fff;font-size:48px;font-weight:800;height:80px;margin:0 auto 24px;width:80px}.success-title{font-size:24px;font-weight:800;margin:0 0 12px}.success-text,.success-title{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.success-text{font-size:15px;line-height:1.6;margin:0 0 28px}.success-btn{background:#1e40af;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;font-weight:700;padding:12px 48px;transition:all .3s ease}.success-btn:hover{background:#1e3a8a;box-shadow:0 4px 12px #1e40af4d;transform:translateY(-2px)}.success-btn:active{transform:translateY(0)}@media (max-width:480px){.success-container{margin:0 16px;padding:40px 24px}.success-icon{font-size:40px;height:70px;margin-bottom:20px;width:70px}.success-title{font-size:20px}.success-text{font-size:14px;margin-bottom:24px}.success-btn{font-size:14px;padding:10px 40px}}.barang-wrapper{background:#fff;padding:32px 40px;width:100%}.barang-content{width:100%}.actions-bar{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:28px}.content-title{color:#1f2937;flex-shrink:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:20px;font-weight:700;margin:0}.actions-right{gap:12px!important;width:auto!important}.actions-right,.search-box{align-items:center!important;display:flex!important;flex-shrink:0!important}.search-box{background:#0000!important;border:none!important;margin:0!important;max-width:200px!important;min-width:200px!important;padding:0!important;position:relative!important;width:200px!important}.search-icon{height:22px!important;right:16px!important;top:50%!important;transform:translateY(-50%)!important;width:22px!important;z-index:1!important}.search-input{background-color:#fff!important;border:2px solid #fbbf24!important;border-radius:50px!important;box-sizing:border-box!important;color:#333!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;font-size:15px!important;font-weight:400!important;outline:none!important;padding:12px 50px 12px 20px!important;width:100%!important}.search-input::placeholder{color:#fbbf24!important;font-weight:400!important}.search-input:focus{border-color:#f59e0b!important;outline:none!important}.add-btn{align-items:center!important;background-color:#fbbf24!important;border:none!important;border-radius:50px!important;box-shadow:0 3px 10px #fbbf244d!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;font-size:15px!important;font-weight:700!important;gap:8px!important;justify-content:center!important;padding:12px 24px!important;transition:all .3s ease!important;white-space:nowrap!important}.add-btn,.add-icon{flex-shrink:0!important}.add-icon{height:20px!important;width:20px!important}.add-btn:hover{background-color:#f59e0b!important;box-shadow:0 5px 14px #fbbf2466!important;transform:translateY(-2px)!important}.add-btn:active{box-shadow:0 2px 8px #fbbf244d!important;transform:translateY(0)!important}@media (max-width:1200px){.barang-wrapper{padding:24px 28px}.actions-bar{flex-wrap:wrap;gap:16px}.actions-right,.content-title{width:100%}.search-box{max-width:200px!important;min-width:200px!important;width:200px!important}}@media (max-width:768px){.barang-wrapper{padding:20px}.actions-bar{align-items:stretch;flex-direction:column}.actions-right{flex-direction:column;width:100%}.search-box{max-width:100%!important;width:100%!important}.add-btn{width:100%}}@media (max-width:480px){.barang-wrapper{padding:16px}.content-title{font-size:18px}.add-btn{font-size:13px!important;padding:10px 18px!important}}.pr-wrapper{background:#fff;font-family:Poppins,sans-serif;padding:32px 40px;width:100%}.pr-card,.pr-container{width:100%}.pr-card{background:#fff}.pr-section-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.pr-section-header h2{color:#1f2937;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;margin:0}.pr-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.search-box{width:200px}.search-icon{align-items:center;display:flex;left:14px}.search-input{background-color:#fff;border-radius:50px;font-weight:500;padding:10px 14px 10px 40px;transition:all .3s ease}.search-input::placeholder{opacity:.7}.search-input:focus{background-color:#fffbeb}.btn-add{align-items:center;background-color:#fbbf24;border:none;border-radius:50px;box-shadow:0 2px 8px #fbbf2440;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;gap:8px;padding:10px 24px;transition:all .3s ease;white-space:nowrap}.btn-add:hover{background-color:#f59e0b;box-shadow:0 4px 12px #fbbf2459;transform:translateY(-1px)}.pr-filter-bar{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;display:flex;gap:0;margin-bottom:20px;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.pr-filter-bar-icon{align-items:center;color:#9ca3af;display:flex;padding:6px 10px 6px 4px}.pr-filter-divider{background:#e5e7eb;flex-shrink:0;height:20px;margin:0 2px;width:1px}.pr-filter-dropdown-wrap{position:relative}.pr-filter-btn{align-items:center;background:none;border:none;border-radius:7px;color:#374151;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:7px 12px;transition:background .15s;white-space:nowrap}.pr-filter-btn:hover{background:#f9fafb}.pr-filter-btn:disabled{cursor:not-allowed;opacity:.6}.pr-filter-btn--active{color:#f59e0b;font-weight:700}.pr-filter-panel{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001a;left:0;min-width:160px;overflow:hidden;position:absolute;top:calc(100% + 6px);z-index:999}.pr-filter-option{color:#374151;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;padding:10px 16px;transition:background .12s}.pr-filter-option:hover{background:#f9fafb}.pr-filter-option--active{background:#fffbeb;color:#f59e0b;font-weight:600}.table-wrapper{background:#fff;margin-bottom:0;overflow:hidden}.pr-table{border-collapse:collapse;font-family:Poppins,sans-serif;width:100%}.pr-table thead{background:#fff;border-bottom:1px solid #e5e7eb}.pr-table thead th{border-bottom:1px solid #e5e7eb;color:#374151;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:14px 16px;text-align:left}.pr-table tbody tr{border-bottom:1px solid #e5e7eb;height:60px;transition:background-color .2s ease}.pr-table tbody tr:last-child{border-bottom:none}.pr-table tbody tr:hover{background-color:#f9fafb}.pr-table tbody td{color:#374151;font-family:Poppins,sans-serif;font-size:14px;padding:12px 16px;vertical-align:middle}.referensi{font-weight:600}.pr-table tbody td .status,span.status{border-radius:8px;display:inline-block;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;line-height:1.5;min-width:95px;padding:5px 16px;text-align:center}.pr-table tbody td .status.diajukan,span.status.diajukan{background-color:#f4f4f4!important;color:#505050!important}.pr-table tbody td .status.disetujui,span.status.disetujui{background-color:#d7facf!important;color:#43b254!important}.pr-table tbody td .status.ditolak,span.status.ditolak{background-color:#fddfd0!important;color:#e6625c!important}.pr-table tbody td .status.selesai,span.status.selesai{background-color:#c9eefb!important;color:#2e82c5!important}.aksi{display:flex;gap:6px}.aksi,.aksi button{align-items:center;justify-content:center}.aksi button{border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;padding:0;transition:all .2s ease;width:36px}.btn-edit{background-color:#f5c842}.btn-edit:hover{background-color:#e6b800;box-shadow:0 4px 10px #f5c84266;transform:translateY(-2px)}.btn-view:hover{box-shadow:0 4px 10px #6b728059;transform:translateY(-2px)}.btn-delete{background-color:#ef4444;color:#fff}.btn-delete:hover{background-color:#dc2626;box-shadow:0 4px 10px #ef444466;transform:translateY(-2px)}.pr-pagination{align-items:center;background:#fff;border-top:1px solid #e5e7eb;color:#9ca3af;display:flex;font-family:Poppins,sans-serif;font-size:12px;gap:16px;justify-content:space-between;padding:16px}.pagination-left,.pagination-right{align-items:center;display:flex;gap:6px}.items-count{font-weight:500}.items-count,.items-range,.items-text{color:#9ca3af}.items-range{margin-left:6px}.page-display{color:#9ca3af;font-weight:600}.page-text{color:#9ca3af;font-weight:400}.page-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.page-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.page-btn:disabled{cursor:not-allowed;opacity:.4}.pr-delete-overlay{align-items:flex-start;background:#0006;display:flex;inset:0;justify-content:center;padding-top:120px;position:fixed;z-index:99999}.pr-delete-modal{background:#fff;border-radius:16px;box-shadow:0 16px 48px #0000002e;font-family:Poppins,sans-serif;max-width:380px;padding:32px 28px 24px;position:relative;text-align:center;width:100%}.pr-delete-modal h3{color:#111827;font-size:15px;font-weight:700;margin:0 0 10px}.pr-delete-modal p{color:#6b7280;font-size:13px;line-height:1.6;margin:0 0 20px}.pr-delete-actions{display:flex;gap:10px;justify-content:center}.pr-btn-confirm-delete{background:linear-gradient(180deg,#ef4444,#c0392b);border:none;border-radius:10px;box-shadow:0 4px 12px #ef444459;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;padding:12px 36px;transition:all .2s}.pr-btn-confirm-delete:hover{background:linear-gradient(180deg,#dc2626,#a93226);transform:translateY(-1px)}.pr-btn-cancel{background:#fff;border:1.5px solid #c7c9e8;border-radius:10px;color:#000;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;padding:12px 36px;transition:all .2s}.pr-btn-cancel:hover{background:#f5f5ff;border-color:#a0a3d0;transform:translateY(-1px)}@media (max-width:1200px){.pr-wrapper{padding:24px 28px}.search-box{flex:1 1;min-width:200px}}@media (max-width:768px){.pr-wrapper{padding:20px}.pr-actions,.pr-section-header{align-items:stretch;flex-direction:column}.btn-add,.search-box{width:100%}.pr-filter-bar{flex-wrap:wrap}.pr-table{font-size:12px}.pr-table tbody td,.pr-table thead th{padding:8px 12px}.aksi button{height:32px;width:32px}.pr-pagination{align-items:flex-start;flex-direction:column;gap:12px}.pr-delete-overlay{padding-top:80px}}.pr-cal-panel{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 32px #0000001f;left:0;overflow:hidden;padding:12px;position:absolute;top:calc(100% + 6px);width:280px;z-index:999}.pr-cal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding:0 4px}.pr-cal-month-label{color:#1f2937;font-family:Poppins,sans-serif;font-size:14px;font-weight:700}.pr-cal-nav{align-items:center;background:none;border:1.5px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:background .15s;width:28px}.pr-cal-nav:hover{background:#f3f4f6}.pr-cal-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.pr-cal-day-label{color:#9ca3af;font-size:11px;font-weight:600;padding:4px 0}.pr-cal-cell,.pr-cal-day-label{font-family:Poppins,sans-serif;text-align:center}.pr-cal-cell{border-radius:6px;color:#374151;cursor:pointer;font-size:12px;padding:6px 2px;transition:background .12s}.pr-cal-cell:hover{background:#f3f4f6}.pr-cal-other{color:#d1d5db;cursor:default}.pr-cal-other:hover{background:none}.pr-cal-selected{background:#fbbf24!important;color:#fff!important;font-weight:700}.pr-cal-apply{background:#fbbf24;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;padding:9px;transition:background .15s}.pr-cal-apply:hover{background:#f59e0b}.pr-cal-reset{background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:9px 14px;transition:background .15s}.pr-cal-reset:hover{background:#e5e7eb}.pr-filter-option--badge{padding:8px 12px}.pr-filter-option--badge:hover{background:#f9fafb}.pr-filter-option--pdf{align-items:center;display:flex;gap:10px;padding:10px 14px}.pr-pdf-icon{background:#ef4444;border-radius:4px;color:#fff;flex-shrink:0;font-family:Poppins,sans-serif;font-size:9px;font-weight:800;letter-spacing:.5px;padding:3px 5px}.pr-modal-overlay{align-items:center;animation:prFadeIn .3s ease;background:#00000073;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes prFadeIn{0%{opacity:0}to{opacity:1}}.pr-modal-container{align-items:center;animation:prSlideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:580px;overflow-y:auto;position:relative;width:100%}@keyframes prSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pr-modal-container::-webkit-scrollbar{width:6px}.pr-modal-container::-webkit-scrollbar-track{background:#0000}.pr-modal-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.pr-modal-header{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:28px 32px 18px;width:100%}.pr-modal-icon{height:72px;margin-bottom:10px;width:72px}.pr-modal-title{color:#1f2937;font-family:Poppins,sans-serif;font-size:22px;font-weight:700;margin:0;text-align:center}.pr-modal-divider{background:#e5e7eb;height:1px;width:100%}.pr-modal-form{box-sizing:border-box;gap:20px;padding:24px 32px 32px;width:100%}.pr-form-group,.pr-modal-form{display:flex;flex-direction:column}.pr-form-group{gap:6px}.pr-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.pr-form-label{color:#374151;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.pr-required{color:#ef4444;font-weight:700;margin-left:1px}.pr-form-input{-moz-appearance:textfield;background:#fff;border:1px solid #e2e6ee;border-radius:10px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;color:#374151;font-family:Poppins,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pr-form-input::-webkit-inner-spin-button,.pr-form-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pr-form-input::placeholder{color:#0000}.pr-form-input:focus{border-color:#a0aec0;box-shadow:0 0 0 3px #e2e6ee99}.pr-form-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5}.pr-total-input{background:#f9fafb!important;color:#6b7280!important;cursor:default}.pr-select-wrapper{position:relative;width:100%}.pr-form-select{appearance:none;-webkit-appearance:none;background:#fff;border:1px solid #e2e6ee;border-radius:10px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;color:#374151;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;outline:none;padding:10px 36px 10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pr-form-select:focus{border-color:#a0aec0;box-shadow:0 0 0 3px #e2e6ee99}.pr-form-select option[value=""][disabled]{color:#0000}.pr-select-arrow{align-items:center;color:#6b7280;display:flex;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.pr-barang-section{display:flex;flex-direction:column;gap:10px}.pr-barang-header,.pr-barang-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1.2fr .8fr 1fr}.pr-input-wrapper{align-items:center;display:flex;position:relative}.pr-input-with-icon{padding-right:38px!important}.pr-btn-hapus-baris{align-items:center;background:#fff;border:1.5px solid #9ca3af;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:22px}.pr-btn-hapus-baris:hover{background:#f3f4f6;border-color:#6b7280;color:#1f2937}.pr-btn-tambah-barang{align-items:center;align-self:flex-start;background:#fbbf24;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;gap:8px;margin-top:2px;padding:10px 20px;transition:all .2s ease}.pr-btn-tambah-barang:hover{background:#f59e0b;box-shadow:0 4px 12px #fbbf2459;transform:translateY(-1px)}.pr-btn-tambah-barang:active{transform:translateY(0)}.pr-form-buttons{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:4px}.pr-btn-simpan{background:#bbf7d0;border:none;border-radius:16px;color:#16a34a;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;letter-spacing:.3px;padding:13px 24px;transition:all .25s ease;width:100%}.pr-btn-simpan:hover{background:#86efac;box-shadow:0 4px 12px #86efac66;transform:translateY(-1px)}.pr-btn-simpan:active{transform:translateY(0)}.pr-btn-kembali{background:none;border:none;color:#9ca3af;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;padding:4px 8px;transition:color .2s ease}.pr-btn-kembali:hover{color:#6b7280}@media (max-width:640px){.pr-modal-container{max-width:none;width:92%}.pr-modal-form{gap:16px;padding:20px}.pr-form-row{gap:16px;grid-template-columns:1fr}.pr-barang-header,.pr-barang-row{gap:10px;grid-template-columns:1fr}.pr-modal-title{font-size:19px}}.detail-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.detail-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;font-family:Poppins,sans-serif;max-height:90vh;max-width:620px;overflow-y:auto;padding:36px 40px;position:relative;width:100%}.detail-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#374151;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:24px;top:20px;transition:background .2s ease;width:36px}.detail-close:hover{background:#f3f4f6}.detail-title{color:#1f2937;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;margin:0 0 20px}.detail-divider{border:none;border-top:1px solid #e5e7eb;margin-bottom:24px}.detail-info{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.detail-row{align-items:center;display:flex;gap:16px}.detail-label{color:#1f2937;font-weight:600;min-width:150px}.detail-label,.detail-value{font-family:Poppins,sans-serif;font-size:14px}.detail-value{color:#374151}.detail-status{border-radius:6px;display:inline-block;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:4px 14px}.disetujui{background-color:#86efac;color:#16a34a}.ditolak{background-color:#fca5a5;color:#dc2626}.detail-subtitle{color:#1f2937;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;margin:0 0 16px}.detail-table{border-collapse:collapse;font-family:Poppins,sans-serif;margin-bottom:20px;width:100%}.detail-table thead tr{border-bottom:1px solid #e5e7eb}.detail-table thead th{color:#374151;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:10px 12px;text-align:left}.detail-table tbody tr{border-bottom:1px solid #e5e7eb}.detail-table tbody tr:last-child{border-bottom:none}.detail-table tbody td{color:#374151;font-family:Poppins,sans-serif;font-size:14px;padding:14px 12px;vertical-align:middle}.detail-total{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:4px;padding-top:16px}.detail-total-label{color:#1f2937;font-size:14px}.detail-total-label,.detail-total-value{font-family:Poppins,sans-serif;font-weight:600}.detail-total-value{color:#374151;font-size:15px}@media (max-width:640px){.detail-modal{padding:24px 20px}.detail-label{min-width:120px}.detail-title{font-size:17px}}.detail-owner-section{display:flex;flex-direction:column;gap:16px;margin-top:20px}.detail-btn-simpan{background:#bbf7d0;border:none;border-radius:12px;color:#16a34a;cursor:pointer;font-family:Segoe UI,sans-serif;font-size:15px;font-weight:700;padding:13px;transition:background .2s;width:100%}.detail-btn-simpan:hover{background:#86efac}.po-wrapper{background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:32px 40px;width:100%}.po-content{width:100%}.po-data-section{background:#fff}.section-title{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 24px}.po-controls{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:28px}.filters-left,.po-controls{align-items:center;display:flex}.filters-left{flex:1 1;min-width:0}.filter-bar{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;height:42px;overflow:visible}.filter-bar,.filter-bar-icon{align-items:center;display:flex}.filter-bar-icon{color:#6b7280;flex-shrink:0;justify-content:center;padding:0 12px}.filter-bar-label{color:#374151;flex-shrink:0;font-size:13px;font-weight:500;padding-right:12px;white-space:nowrap}.filter-bar-divider{background:#e5e7eb;flex-shrink:0;height:42px;width:1.5px}.filter-bar-group{align-items:center;border-radius:0;cursor:pointer;display:flex;flex-shrink:0;gap:6px;height:100%;padding:0 14px;transition:background .15s;-webkit-user-select:none;user-select:none}.filter-bar-group:hover{background:#f9fafb}.filter-bar-group-label{color:#374151;font-size:13px;font-weight:500;white-space:nowrap}.cal-dropdown{background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000024;padding:20px;position:fixed;width:320px;z-index:9999}.cal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.cal-month-label{color:#1f2937;font-size:16px;font-weight:700}.cal-nav{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;transition:background .15s;width:30px}.cal-nav:hover{background:#f3f4f6}.cal-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:16px}.cal-day-label{color:#9ca3af;font-size:12px;font-weight:600;padding:6px 0;text-align:center}.cal-cell{align-items:center;aspect-ratio:1;border-radius:50%;color:#374151;cursor:pointer;display:flex;font-size:13px;justify-content:center;padding:8px 4px;text-align:center;transition:background .15s}.cal-cell:hover:not(.cal-other){background:#fef3c7}.cal-other{color:#d1d5db;cursor:default}.cal-selected{background:#fbbf24!important;color:#fff!important;font-weight:700}.cal-apply{background:#fbbf24;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px;transition:background .2s;width:100%}.cal-apply:hover{background:#f59e0b}.status-dropdown{background:#fff;border-radius:14px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;gap:6px;min-width:160px;padding:10px;position:fixed;z-index:9999}.status-dropdown-item{border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;text-align:center;transition:opacity .15s,transform .15s}.status-dropdown-item:hover{opacity:.85;transform:scale(.98)}.status-dropdown-active{outline:2px solid #fbbf24}.filters-right{flex-shrink:0;gap:10px}.filters-right,.search-box{align-items:center;display:flex}.search-box{position:relative;width:180px}.search-input{border-radius:999px;box-sizing:border-box;color:#374151;font-size:13px;padding:10px 40px 10px 16px}.search-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #fbbf241a}.search-icon{color:#fbbf24;height:16px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px}.btn-terima-barang{align-items:center;background:#fbbf24;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background .2s,transform .15s;white-space:nowrap}.btn-terima-barang:hover{background:#f59e0b;transform:translateY(-1px)}.table-container{background:#fff;margin-bottom:16px;overflow:hidden}.po-table{border-collapse:collapse;width:100%}.po-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.po-table thead th{border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;padding:14px 16px;text-align:left}.po-table tbody tr{border-bottom:1px solid #e5e7eb;height:60px;transition:background-color .2s ease}.po-table tbody tr:hover{background-color:#f9fafb}.po-table tbody td{color:#374151;font-size:14px;padding:12px 16px;vertical-align:middle}.referensi{color:#1f2937;font-weight:700}.status-badge{border-radius:8px;display:inline-block;font-size:13px;font-weight:600;min-width:90px;padding:6px 16px;text-align:center}.action-cell{align-items:center;display:flex;gap:8px}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.btn-edit{background-color:#fbbf24;color:#fff}.btn-edit:hover{background-color:#f59e0b;transform:translateY(-1px)}.btn-view{background-color:#9ca3af;color:#fff}.btn-view:hover{background-color:#6b7280;transform:translateY(-1px)}.btn-whatsapp{background-color:#22c55e;color:#fff}.btn-whatsapp:hover{background-color:#16a34a;transform:translateY(-1px)}.empty-message{color:#9ca3af;font-size:15px;padding:48px 16px!important;text-align:center}.pagination{background:#fff;border-top:1px solid #e5e7eb;color:#6b7280;font-size:13px;justify-content:space-between;padding:16px}.pagination,.pagination-info{align-items:center;display:flex}.pagination-info{gap:8px}.items-per-page{color:#374151;font-weight:600}.pagination-text{color:#9ca3af}.pagination-range{color:#6b7280;font-weight:500}.pagination-controls{align-items:center;display:flex;gap:8px}.page-info{color:#6b7280;font-size:13px}.pagination-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.pagination-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.po-status-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9998}.po-status-modal{align-items:center;background:#fff;border-radius:20px;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow-y:auto;padding:32px;width:100%}.po-modal-icon{height:58px;margin-bottom:12px;width:64px}.po-modal-title{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 16px}.po-modal-divider{background:#e5e7eb;height:1px;margin-bottom:20px;width:100%}.po-status-form{gap:16px;width:100%}.po-form-group,.po-status-form{display:flex;flex-direction:column}.po-form-group{gap:6px}.po-form-label{color:#374151;font-size:13px;font-weight:600}.po-required{color:#ef4444;margin-left:2px}.po-form-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#374151;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.po-form-input:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a}.po-input-readonly{background:#f3f4f6!important;border-color:#e5e7eb!important;box-shadow:none!important;color:#6b7280!important;cursor:default!important}.po-form-buttons{display:flex;flex-direction:column;gap:10px;margin-top:8px}.po-btn-simpan{background:#bbf7d0;border:none;border-radius:12px;color:#16a34a;cursor:pointer;font-size:15px;font-weight:700;padding:14px;transition:background .2s;width:100%}.po-btn-simpan:hover{background:#86efac}.po-btn-kembali{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:14px;font-weight:500;padding:10px;transition:color .2s;width:100%}.po-btn-kembali:hover{color:#6b7280}@media (max-width:1024px){.po-controls{flex-wrap:wrap}}@media (max-width:768px){.po-wrapper{padding:20px}.filters-right{flex-direction:column;width:100%}.search-box{width:100%}.btn-terima-barang{justify-content:center;width:100%}.po-status-modal{margin:16px;max-height:95vh;padding:24px}}.filter-bar-group-label{color:#374151!important;font-weight:500!important}.tb-overlay{align-items:center;animation:tbFadeIn .25s ease;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes tbFadeIn{0%{opacity:0}to{opacity:1}}.tb-container{align-items:center;animation:tbSlideUp .28s ease;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column;max-height:92vh;max-width:460px;overflow-y:auto;padding:40px 32px 36px;position:relative;width:92%}@keyframes tbSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tb-container::-webkit-scrollbar{width:5px}.tb-container::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.tb-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:20px;top:18px;transition:all .2s;width:32px}.tb-close:hover{background:#f3f4f6;color:#111}.tb-icon{height:68px;margin-bottom:10px;width:68px}.tb-title{color:#111827;font-family:Poppins,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0 0 18px;text-align:center}.tb-divider{background:#f0f0f0;height:1px;margin:0 -32px 24px;width:calc(100% + 64px)}.tb-form{gap:16px;width:100%}.tb-form,.tb-group{display:flex;flex-direction:column}.tb-group{gap:8px}.tb-label{color:#111827;font-family:Poppins,sans-serif;font-size:14px;font-weight:700}.tb-req{color:#dc2626}.tb-input{background:#fff;border:1px solid #e2e6ee;border-radius:10px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;color:#1f2937;font-family:Poppins,sans-serif;font-size:14px;outline:none;padding:13px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.tb-input::placeholder{color:#0000}.tb-input:focus{border-color:#a0aec0;box-shadow:0 0 0 3px #e2e6ee99}.tb-readonly{background:#f9fafb!important;color:#6b7280!important;cursor:default}.tb-readonly:focus{border-color:#e2e6ee!important;box-shadow:none!important}.tb-barang-row{display:flex;gap:10px;margin-bottom:8px}.tb-barang-row .tb-input{flex:1 1}.tb-qty-box{align-items:center;background:#f9fafb;border:1px solid #e2e6ee;border-radius:10px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;min-height:46px;padding:0 12px;width:80px}.tb-qty-text{color:#6b7280;font-family:Poppins,sans-serif;font-size:14px}.tb-two-col{display:flex;gap:14px}.tb-two-col .tb-group{flex:1 1}.tb-icon-wrap{position:relative}.tb-icon-wrap .tb-input{padding-right:42px}.tb-field-icon{pointer-events:none;position:absolute;right:13px;top:50%;transform:translateY(-50%)}.tb-status-badge{border-radius:8px;display:inline-block;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;padding:6px 18px}.tb-relative{position:relative}.tb-status-trigger{align-items:center;cursor:pointer;display:flex;justify-content:space-between;min-height:46px;-webkit-user-select:none;user-select:none}.tb-dropdown{background:#fff;border-radius:10px;box-shadow:0 8px 28px #00000021;display:flex;flex-direction:column;gap:4px;left:0;max-height:260px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:9999}.tb-dropdown-item{border-radius:8px;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;padding:12px 16px;text-align:center;transition:background-color .15s,color .15s}.tb-buttons{display:flex;flex-direction:column;gap:10px;margin-top:8px}.tb-btn-simpan{background:#bbf7d0;border:none;border-radius:10px;color:#16a34a;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;padding:15px;transition:all .2s;width:100%}.tb-btn-simpan:hover{background:#86efac;box-shadow:0 4px 14px #22c55e40;transform:translateY(-1px)}.tb-btn-kembali{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;padding:10px;text-align:center;transition:color .2s;width:100%}.tb-btn-kembali:hover{color:#4b5563}@media (max-width:480px){.tb-container{padding:32px 20px 28px;width:96%}.tb-divider{margin:0 -20px 20px;width:calc(100% + 40px)}.tb-two-col{flex-direction:column;gap:16px}}.dpo-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.dpo-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;font-family:Segoe UI,sans-serif;max-height:90vh;max-width:520px;overflow-y:auto;padding:32px 36px 36px;position:relative;width:90%}.dpo-modal::-webkit-scrollbar{width:4px}.dpo-modal::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.dpo-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:18px;top:16px;transition:background .2s;width:32px}.dpo-close:hover{background:#f3f4f6;color:#111}.dpo-title{color:#111827;font-size:18px;font-weight:800;margin:0 0 20px}.dpo-divider{background:#f0f0f0;height:1px;margin:0 -36px 20px;width:calc(100% + 72px)}.dpo-info-row{align-items:center;display:flex;gap:12px;margin-bottom:14px}.dpo-info-label{color:#111827;flex-shrink:0;font-size:14px;font-weight:600;width:140px}.dpo-info-value{color:#374151;font-size:14px}.dpo-badge{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;padding:4px 14px}.dpo-section-title{color:#111827;font-size:14px;font-weight:700;margin:4px 0 12px}.dpo-table{border-collapse:collapse;margin-bottom:8px;width:100%}.dpo-table th{border-bottom:1.5px solid #e5e7eb;color:#374151;font-size:13px;font-weight:700;padding:8px 10px;text-align:left}.dpo-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:12px 10px;vertical-align:top}.dpo-table tr:last-child td{border-bottom:none}.dpo-total-wrap{margin:8px 0 20px;padding:12px 10px}.dpo-total-label{color:#6b7280;font-size:13px;font-weight:600;margin-bottom:4px}.dpo-total-value{color:#111827;font-size:15px;font-weight:700}.dpo-section-divider{background:#f0f0f0;height:1px;margin:4px -36px 20px;width:calc(100% + 72px)}.transaksi-wrapper{background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:32px 40px;width:100%}.transaksi-card{width:100%}.transaksi-title{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 24px}.transaksi-controls{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.transaksi-filters-right{align-items:center;display:flex;gap:10px;justify-content:flex-end}.transaksi-search-box{align-items:center;display:flex;position:relative;width:200px}.transaksi-search-icon{color:#fbbf24;height:16px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.transaksi-search-input{background:#fff;border:2px solid #fbbf24;border-radius:999px;box-sizing:border-box;color:#374151;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;height:42px;outline:none;padding:0 14px 0 40px;transition:all .2s ease;width:100%}.transaksi-search-input::placeholder{color:#fbbf24}.transaksi-search-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #fbbf241a}.transaksi-add-btn{align-items:center;background:#fbbf24;border:none;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:600;gap:8px;height:42px;padding:0 20px;transition:background .2s,transform .15s;white-space:nowrap}.transaksi-add-btn:hover{background:#f59e0b;transform:translateY(-1px)}.transaksi-filter-bar{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;display:flex;height:42px;overflow:visible;width:-webkit-fit-content;width:fit-content}.transaksi-filter-bar-icon{align-items:center;color:#6b7280;display:flex;flex-shrink:0;justify-content:center;padding:0 12px}.transaksi-filter-divider{background:#e5e7eb;flex-shrink:0;height:42px;width:1.5px}.transaksi-filter-group{align-items:center;cursor:pointer;display:flex;flex-shrink:0;gap:6px;height:100%;padding:0 14px;transition:background .15s;-webkit-user-select:none;user-select:none}.transaksi-filter-group:hover{background:#f9fafb}.transaksi-filter-group-label{color:#374151;font-size:13px;font-weight:500;white-space:nowrap}.tr-filter-dropdown{background:#fff;border-radius:14px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;gap:6px;min-width:160px;padding:10px;position:fixed;z-index:9999}.tr-filter-option{background:#f9fafb;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background .15s}.tr-filter-option:hover{background:#f3f4f6}.tr-filter-option-active{background:#fef3c7!important;color:#d97706;font-weight:600}.tr-cal-dropdown{background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000024;padding:20px;position:fixed;width:300px;z-index:9999}.tr-cal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.tr-cal-month-label{color:#1f2937;font-size:15px;font-weight:700}.tr-cal-nav{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.tr-cal-nav:hover{background:#f3f4f6}.tr-cal-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:14px}.tr-cal-day-label{color:#9ca3af;font-size:11px;font-weight:600;padding:5px 0;text-align:center}.tr-cal-cell{align-items:center;aspect-ratio:1;border-radius:50%;color:#374151;cursor:pointer;display:flex;font-size:13px;justify-content:center;padding:7px 4px;text-align:center;transition:background .15s}.tr-cal-cell:hover:not(.tr-cal-other){background:#fef3c7}.tr-cal-other{color:#d1d5db;cursor:default}.tr-cal-selected{background:#fbbf24!important;color:#fff!important;font-weight:700}.tr-cal-apply{background:#fbbf24;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:11px;transition:background .2s;width:100%}.tr-cal-apply:hover{background:#f59e0b}.transaksi-table-container{margin-bottom:16px;overflow-x:auto}.transaksi-table{border-collapse:collapse;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%}.transaksi-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.transaksi-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;padding:14px 16px;text-align:left}.transaksi-table tbody tr{border-bottom:1px solid #e5e7eb;height:60px;transition:background-color .2s ease}.transaksi-table tbody tr:hover{background-color:#f9fafb}.transaksi-table td{color:#374151;font-size:14px;padding:12px 16px;vertical-align:middle}.transaksi-aksi{align-items:center;display:flex;gap:8px}.transaksi-btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.transaksi-btn-edit{background-color:#fbbf24;color:#fff}.transaksi-btn-edit:hover{background-color:#f59e0b;transform:translateY(-1px)}.transaksi-btn-view{background-color:#9ca3af;color:#fff}.transaksi-btn-view:hover{background-color:#6b7280;transform:translateY(-1px)}.transaksi-btn-delete{background-color:#ef4444;color:#fff}.transaksi-btn-delete:hover{background-color:#dc2626;transform:translateY(-1px)}.transaksi-pagination{align-items:center;border-top:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:13px;justify-content:space-between;padding:16px}.transaksi-pagination-left{align-items:center;display:flex;gap:8px}.transaksi-items-count{color:#374151;font-weight:600}.transaksi-pagination-right{align-items:center;display:flex;gap:8px}.transaksi-page-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.transaksi-page-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.transaksi-page-btn:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.transaksi-wrapper{padding:20px}.transaksi-filters-right{align-items:stretch;flex-direction:column}.transaksi-search-box{width:100%}.transaksi-add-btn{justify-content:center;width:100%}.transaksi-filter-bar{overflow-x:auto;width:100%}}.tt-modal-overlay{align-items:center;animation:ttFadeIn .3s ease;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes ttFadeIn{0%{opacity:0}to{opacity:1}}.tt-modal-container{align-items:center;animation:ttSlideUp .3s ease;background:#fff;border-radius:24px;box-shadow:0 24px 64px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow-y:auto;padding:36px 40px 32px;position:relative;width:90%}@keyframes ttSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.tt-modal-container::-webkit-scrollbar{width:6px}.tt-modal-container::-webkit-scrollbar-track{background:#0000}.tt-modal-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.tt-modal-icon{height:72px;margin-bottom:12px;width:72px}.tt-modal-title{color:#1a1a2e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:22px;font-weight:800;margin:0 0 20px;text-align:center}.tt-modal-divider{background:#e5e7eb;height:1px;margin:0 -40px 24px;width:calc(100% + 80px)}.tt-modal-form{gap:18px;width:100%}.tt-form-group,.tt-modal-form{display:flex;flex-direction:column}.tt-form-group{gap:7px}.tt-form-row{display:flex;gap:16px}.tt-form-row .tt-form-group{flex:1 1}.tt-form-label{color:#1f2937;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:700}.tt-required{color:#dc2626;font-weight:700}.tt-label-hint{color:#9ca3af;font-size:12px;font-weight:400;margin-left:6px}.tt-form-input,.tt-form-select{appearance:none;-webkit-appearance:none;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;color:#374151;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;outline:none;padding:13px 16px;transition:none;width:100%}.tt-form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.tt-form-input::placeholder{color:#b0b7c3}.tt-form-input:focus,.tt-form-select:focus{border-color:#e5e7eb;box-shadow:none;outline:none}.tt-form-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5}.tt-form-input--readonly{background:#f9fafb;color:#6b7280;cursor:default}.tt-btn-tambah-barang{align-items:center;align-self:flex-start;background:#f59e0b;border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:700;gap:8px;padding:10px 20px;transition:background .2s ease,transform .2s ease}.tt-btn-tambah-barang:hover{background:#d97706;transform:translateY(-1px)}.tt-dropdown-wrapper{position:relative;width:100%}.tt-dropdown-trigger{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;color:#374151;cursor:pointer;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;justify-content:space-between;outline:none;padding:13px 16px;text-align:left;transition:none;width:100%}.tt-dropdown-trigger--open,.tt-dropdown-trigger:focus{border-color:#e5e7eb;box-shadow:none;outline:none}.tt-dropdown-trigger:hover{background:#fff}.tt-dropdown-chevron{color:#9ca3af;flex-shrink:0;transition:transform .2s ease}.tt-dropdown-chevron--up{transform:rotate(180deg)}.tt-dropdown-panel{animation:ttDropdownIn .18s ease;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000021;display:flex;flex-direction:column;gap:2px;left:0;overflow:hidden;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}@keyframes ttDropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tt-dropdown-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-align:left;transition:background .15s ease;width:100%}.tt-dropdown-item--active,.tt-dropdown-item:hover{background:#f3f4f6;color:#111827}.tt-dropdown-item--active{font-weight:700}.tt-dropdown-check{color:#374151;font-size:13px;font-weight:800}.tt-upload-area{align-items:center;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:110px;padding:28px 20px;transition:border-color .2s ease,background .2s ease}.tt-upload-area:hover{background:#ebebeb;border-color:#9ca3af}.tt-upload-text{color:#9ca3af;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:500;margin:0;text-align:center}.tt-upload-preview{border-radius:8px;margin-top:4px;max-height:160px;object-fit:cover;width:100%}.tt-upload-filename{color:#16a34a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;font-weight:600}.tt-form-buttons{display:flex;flex-direction:column;gap:10px;margin-top:6px}.tt-btn-simpan{background:#bbf7d0;border:none;border-radius:12px;color:#16a34a;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;font-weight:700;padding:14px;transition:all .25s ease;width:100%}.tt-btn-simpan:hover{background:#86efac;box-shadow:0 6px 16px #22c55e40;transform:translateY(-1px)}.tt-btn-kembali{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:600;padding:10px;text-align:center;transition:color .2s ease;width:100%}.tt-btn-kembali:hover{color:#6b7280}@media (max-width:480px){.tt-modal-container{padding:28px 20px 24px;width:95%}.tt-modal-divider{margin:0 -20px 24px;width:calc(100% + 40px)}.tt-form-row{flex-direction:column;gap:18px}.tt-modal-title{font-size:19px}}.dt-overlay{align-items:center;animation:dtFadeIn .2s ease;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes dtFadeIn{0%{opacity:0}to{opacity:1}}.dt-modal{animation:dtSlideUp .25s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000002e;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px 36px;width:100%}@keyframes dtSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.dt-modal::-webkit-scrollbar{width:6px}.dt-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.dt-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.dt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.dt-title{color:#1a1a2e;font-size:20px;font-weight:700;margin:0}.dt-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:background .2s,color .2s;width:32px}.dt-close-btn:hover{background:#f3f4f6;color:#1a1a2e}.dt-divider{border:none;border-top:1.5px solid #f0f0f0;margin:0 0 24px}.dt-info-section{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.dt-info-row{align-items:center;display:flex;gap:16px}.dt-label{color:#6b7280;min-width:160px;width:160px}.dt-label,.dt-value{font-size:14px;font-weight:500}.dt-value{color:#1a1a2e}.dt-barang-section{background:#fff;border-radius:12px;padding:20px 0}.dt-subtitle{color:#1a1a2e;font-size:15px;font-weight:700;margin:0 0 16px}.dt-table{border-collapse:collapse;font-size:14px;width:100%}.dt-table thead tr{border-bottom:1.5px solid #e5e7eb}.dt-table th{color:#6b7280;font-size:13px;font-weight:600;padding:10px 8px;text-align:left}.dt-table td{border-bottom:1px solid #f0f0f0;color:#1a1a2e;padding:14px 8px;vertical-align:top}.dt-table tbody tr:last-child td{border-bottom:none}.dt-empty{color:#aaa;padding:20px 0!important;text-align:center}.dt-subtotal-row{align-items:center;border-top:1.5px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:16px;padding-top:14px}.dt-subtotal-label{color:#1a1a2e;font-size:15px;font-weight:700}.dt-subtotal-value{color:#1a1a2e;font-size:16px;font-weight:700}.mln-topbar{align-items:center;background:#fff;border-bottom:1px solid #f3f4f6;display:flex;justify-content:flex-end;padding:16px 32px}.mln-profile-wrapper{position:relative}.mln-profile-section{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:6px 10px;transition:background .2s}.mln-profile-section:hover{background:#f3f4f6}.mln-avatar{align-items:center;background:#f59e0b;border-radius:50%;color:#fff;display:flex;font-size:15px;font-weight:700;height:36px;justify-content:center;width:36px}.mln-name{color:#111827;font-size:14px;font-weight:600}.mln-chevron{color:#6b7280;transition:transform .2s}.mln-chevron-open{transform:rotate(180deg)}.mln-dropdown{animation:mlnFadeIn .2s ease;background:#fff;border-radius:14px;box-shadow:0 8px 24px #0000001f;font-family:Poppins,sans-serif;max-width:220px;padding:8px;position:fixed;width:220px;z-index:9999}@keyframes mlnFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mln-dropdown-item{align-items:center;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:11px 14px;transition:background .15s}.mln-dropdown-item:hover{background:#f9fafb}.mln-dropdown-divider{background:#f3f4f6;height:1px;margin:6px 0}.mln-logout{color:#ef4444}.mln-logout:hover{background:#fef2f2!important}*{box-sizing:border-box;margin:0;padding:0}.resetpass-page{align-items:center;background-color:#f5e97a;display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;padding:24px}.resetpass-card{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;max-width:480px;padding:48px 52px;width:100%}.resetpass-header{margin-bottom:28px;text-align:center}.resetpass-title{align-items:center;display:flex;font-size:22px;font-weight:700;gap:8px;justify-content:center;margin-bottom:10px}.resetpass-subtitle,.resetpass-title{color:#1f2937;font-family:Poppins,sans-serif}.resetpass-subtitle{font-size:14px;font-weight:400;line-height:1.5}.resetpass-form{gap:20px;margin-bottom:28px}.form-group,.resetpass-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-label{color:#374151;font-family:Poppins,sans-serif;font-size:13px;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.form-input{background-color:#f3f4f6;border:none;border-radius:8px;color:#374151;font-family:Poppins,sans-serif;font-size:14px;outline:none;padding:12px 52px 12px 16px;transition:background-color .2s ease,box-shadow .2s ease;width:100%}.form-input::placeholder{color:#9ca3af;font-family:Poppins,sans-serif}.form-input:focus{background-color:#f9fafb;box-shadow:0 0 0 2px #fbbf2466}.form-input.input-error{box-shadow:0 0 0 2px #ef444466}.toggle-password{align-items:center;background-color:#f5c518;border:none;border-radius:0 8px 8px 0;bottom:0;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;position:absolute;right:0;top:0;transition:background-color .2s ease;width:48px}.toggle-password:hover{background-color:#eab308}.toggle-password svg{stroke:#fff;color:#fff;height:18px;width:18px}.error-message{color:#ef4444;font-size:12px;margin-top:2px}.btn-simpan,.error-message{font-family:Poppins,sans-serif}.btn-simpan{background-color:#f5c518;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.3px;margin-bottom:16px;padding:14px;transition:background-color .2s ease,transform .1s ease;width:100%}.btn-simpan:hover{background-color:#eab308}.btn-simpan:active{transform:scale(.98)}.btn-simpan:disabled{background-color:#fde68a;cursor:not-allowed}.btn-kembali{background:none;border:none;color:#374151;cursor:pointer;display:block;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;text-align:center;text-decoration:none;transition:color .2s ease;width:100%}.btn-kembali:hover{color:#1f2937;text-decoration:underline}.resetpass-success{padding:16px 0;text-align:center}.success-icon{align-items:center;background-color:#d1fae5;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.success-icon svg{stroke:#10b981;color:#10b981;height:32px;width:32px}.success-title{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:8px}.success-text,.success-title{font-family:Poppins,sans-serif}.success-text{color:#6b7280;font-size:14px;margin-bottom:24px}.ka-page{background-color:initial;font-family:Segoe UI,sans-serif;min-height:100vh;padding:24px 32px}.ka-card{border-radius:20px;box-shadow:0 2px 12px #00000014;display:flex;overflow:hidden}.ka-avatar-panel{align-items:center;background:#f3f4f6;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;justify-content:flex-start;min-width:240px;padding:48px 24px 32px;width:240px}.ka-avatar-wrapper{margin-bottom:16px;position:relative}.ka-avatar-circle{border:3px solid #e5e7eb;border-radius:50%;height:120px;overflow:hidden;width:120px}.ka-avatar-img{height:100%;object-fit:cover;width:100%}.ka-avatar-camera{align-items:center;background:#f59e0b;border-radius:50%;bottom:4px;box-shadow:0 2px 6px #0000002e;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:4px;transition:background .2s;width:32px}.ka-avatar-camera:hover{background:#d97706}.ka-avatar-name{color:#111827;font-size:17px;font-weight:700;margin:0 0 4px;text-align:center}.ka-avatar-role{color:#6b7280;font-size:13px;margin:0;text-align:center}.ka-form-panel{background:#fff;flex:1 1;gap:32px;padding:36px 40px}.ka-form-panel,.ka-section{display:flex;flex-direction:column}.ka-section{gap:16px}.ka-section-title{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.ka-section-bar{background:#f59e0b;border-radius:3px;display:inline-block;flex-shrink:0;height:20px;width:4px}.ka-grid-2{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:1fr 1fr}.ka-field{display:flex;flex-direction:column;gap:6px}.ka-label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.ka-input,.ka-textarea{background:#f3f4f6;border:1.5px solid #0000;border-radius:12px;color:#111827;font-family:inherit;font-size:14px;outline:none;padding:13px 18px;resize:none;transition:border .2s,background .2s}.ka-input:focus,.ka-textarea:focus{background:#fff;border-color:#f59e0b}.ka-input[readonly]{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.ka-textarea{line-height:1.6;min-height:90px}.ka-koordinat-box{align-items:center;background:#f3f4f6;border-radius:12px;display:flex;justify-content:space-between;padding:14px 18px}.ka-koordinat-left{align-items:center;display:flex;gap:12px}.ka-koordinat-label{color:#9ca3af;display:block;font-size:10px;font-weight:600;letter-spacing:.07em;margin-bottom:3px;text-transform:uppercase}.ka-koordinat-value{color:#374151;display:block;font-size:13px;font-weight:500}.ka-btn-peta{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:border-color .2s,color .2s;white-space:nowrap}.ka-btn-peta:hover{border-color:#f59e0b;color:#d97706}.ka-actions{align-items:center;display:flex;gap:16px;justify-content:flex-end;margin-top:auto;padding-top:8px}.ka-btn-batal{background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:color .2s,background .2s}.ka-btn-batal:hover{background:#f3f4f6;color:#374151}.ka-btn-simpan{background:#f59e0b;border:none;border-radius:999px;box-shadow:0 2px 10px #f59e0b59;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:13px 32px;transition:background .2s,transform .15s}.ka-btn-simpan:hover{background:#d97706;transform:translateY(-1px)}.ka-btn-simpan:active{transform:translateY(0)}@media (max-width:900px){.ka-card{flex-direction:column}.ka-avatar-panel{border-bottom:1px solid #e5e7eb;border-right:none;min-width:0;min-width:auto;padding:32px 24px;width:100%}.ka-grid-2{grid-template-columns:1fr}}@media (max-width:600px){.ka-page{padding:16px}.ka-form-panel{padding:24px 20px}}.gp-page{align-items:center;background:#0000;display:flex;flex-direction:column;font-family:Poppins,sans-serif;gap:20px;min-height:100vh;padding:32px}.gp-header{max-width:480px;text-align:center;width:100%}.gp-title{color:#111827;font-size:26px;font-weight:800;margin:0 0 10px}.gp-subtitle{color:#9ca3af;font-size:14px;line-height:1.7;margin:0}.gp-card{background:#fff;border-radius:24px;box-shadow:0 2px 16px #00000012;gap:18px;max-width:480px;padding:32px 40px 28px;width:100%}.gp-card,.gp-field{display:flex;flex-direction:column}.gp-field{gap:8px}.gp-label{color:#374151;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.gp-input-wrapper{align-items:center;display:flex;position:relative}.gp-input{background:#f3f4f6;border:1.5px solid #0000;border-radius:14px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:15px;outline:none;padding:15px 50px 15px 20px;transition:border .2s,background .2s;width:100%}.gp-input:focus{background:#fff;border-color:#ffc107}.gp-input::placeholder{color:#c4c9d4;font-size:14px}.gp-toggle{background:none;padding:0;position:absolute;right:16px}.gp-btn-submit,.gp-toggle{align-items:center;border:none;cursor:pointer;display:flex}.gp-btn-submit{background:#ffc107;border-radius:999px;box-shadow:0 4px 14px #f59e0b66;color:#fff;font-size:15px;font-weight:700;gap:10px;justify-content:center;margin-top:4px;padding:16px 28px;transition:background .2s,transform .15s;width:100%}.gp-btn-submit:hover{background:#ffc107;transform:translateY(-1px)}.gp-btn-submit:active{transform:translateY(0)}.gp-arrow{font-size:18px}.gp-forgot{color:#111827;cursor:pointer;font-size:14px;font-weight:700;margin:0;text-align:center}.gp-forgot:hover{color:#ffc107}.gp-tips{background:#e5e7eb;border-radius:16px;box-shadow:0 1px 6px #0000000d;display:flex;max-width:480px;overflow:hidden;width:100%}.gp-tips-bar{background:FFC107;flex-shrink:0;width:6px}.gp-tips-content{align-items:flex-start;display:flex;gap:14px;padding:20px 20px 20px 18px}.gp-tips-title{color:#111827;font-size:14px;font-weight:700;margin:0 0 6px}.gp-tips-desc{color:#6b7280;font-size:13px;line-height:1.6;margin:0}@media (max-width:600px){.gp-page{padding:16px}.gp-card{padding:24px 20px}}.ra-page{background:#0000;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,sans-serif;gap:20px;padding:8px 32px 32px}.ra-search-wrapper{align-items:center;background:#f3f4f6;border:1.5px solid #0000;border-radius:999px;display:flex;gap:10px;max-width:420px;padding:12px 20px;transition:border .2s}.ra-search-wrapper:focus-within{background:#fff;border-color:#f59e0b}.ra-search-icon{flex-shrink:0}.ra-search-input{background:#0000;border:none;color:#374151;font-family:inherit;font-size:14px;outline:none;width:100%}.ra-search-input::placeholder{color:#9ca3af}.ra-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 1px 8px #0000000f;overflow:hidden}.ra-table{border-collapse:collapse;width:100%}.ra-thead-row{background:#f3f4f6}.ra-th{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.07em;padding:14px 20px;text-align:left}.ra-row{border-bottom:1px solid #f3f4f6;transition:background .15s}.ra-row:last-child{border-bottom:none}.ra-row:hover{background:#fffbeb}.ra-td{color:#374151;font-size:14px;padding:18px 20px;vertical-align:middle}.ra-td-user{gap:12px}.ra-avatar,.ra-td-user{align-items:center;display:flex}.ra-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.ra-username{color:#111827;font-size:14px;font-weight:500}.ra-footer{align-items:center;background:#f3f4f6;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px}.ra-info{color:#6b7280;font-size:13px}.ra-pagination{gap:6px}.ra-page-btn,.ra-pagination{align-items:center;display:flex}.ra-page-btn{background:#0000;border:none;border-radius:50%;color:#374151;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;height:36px;justify-content:center;transition:background .2s,color .2s;width:36px}.ra-page-btn:hover:not(:disabled){background:#f3f4f6}.ra-page-btn:disabled{cursor:not-allowed;opacity:.35}.ra-page-active{background:#ffc107!important;color:#fff!important}.ra-page-arrow{color:#6b7280;font-size:18px}@media (max-width:768px){.ra-page{padding:8px 16px 24px}.ra-td,.ra-th{font-size:12px;padding:12px}.ra-search-wrapper{max-width:100%}}.sup-wrapper{background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:32px 40px;width:100%}.sup-content{width:100%}.sup-title{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 24px}.sup-controls{flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-bottom:28px}.sup-controls,.sup-search-box{align-items:center;display:flex}.sup-search-box{position:relative;width:180px}.sup-search-input{background:#fff;border:2px solid #fbbf24;border-radius:999px;box-sizing:border-box;color:#374151;font-size:13px;height:42px;outline:none;padding:0 40px 0 16px;transition:all .2s ease;width:100%}.sup-search-input::placeholder{color:#fbbf24}.sup-search-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #fbbf241a}.sup-search-icon{color:#fbbf24;height:16px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px}.sup-btn-filter{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;height:42px;padding:0 16px;transition:all .2s;white-space:nowrap}.sup-btn-filter:hover{background:#f9fafb;border-color:#d1d5db}.sup-btn-tambah{align-items:center;background:#fbbf24;border:none;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;height:42px;padding:0 20px;transition:background .2s,transform .15s;white-space:nowrap}.sup-btn-tambah:hover{background:#f59e0b;transform:translateY(-1px)}.sup-table-container{background:#fff;margin-bottom:16px;overflow:hidden}.sup-table{border-collapse:collapse;width:100%}.sup-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.sup-table thead th{border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;padding:14px 16px;text-align:left}.sup-table tbody tr{border-bottom:1px solid #e5e7eb;height:60px;transition:background-color .2s ease}.sup-table tbody tr:hover{background-color:#f9fafb}.sup-table tbody td{color:#374151;font-size:14px;padding:12px 16px;vertical-align:middle}.sup-nama{color:#1f2937;font-weight:500}.sup-action-cell{align-items:center;display:flex;gap:8px}.sup-btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;height:34px;justify-content:center;padding:0;transition:all .2s ease;width:34px}.sup-btn-edit{background-color:#fbbf24;color:#fff}.sup-btn-edit:hover{background-color:#f59e0b;transform:translateY(-1px)}.sup-btn-view{background-color:#9ca3af;color:#fff}.sup-btn-view:hover{background-color:#6b7280;transform:translateY(-1px)}.sup-btn-hapus{background-color:#ef4444;color:#fff}.sup-btn-hapus:hover{background-color:#dc2626;transform:translateY(-1px)}.sup-empty{color:#9ca3af;font-size:15px;padding:48px 16px!important;text-align:center}.sup-pagination{align-items:center;background:#fff;border-top:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:13px;justify-content:space-between;padding:16px}.sup-pagination-info{align-items:center;display:flex;gap:8px}.sup-per-page{color:#374151;font-weight:600}.sup-pag-text{color:#9ca3af}.sup-pag-range{color:#6b7280;font-weight:500}.sup-pagination-controls{align-items:center;display:flex;gap:8px}.sup-page-info{color:#6b7280;font-size:13px}.sup-pag-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.sup-pag-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.sup-pag-btn:disabled{cursor:not-allowed;opacity:.4}.sup-overlay{align-items:center;animation:supFadeIn .25s ease;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes supFadeIn{0%{opacity:0}to{opacity:1}}.sup-modal{align-items:center;animation:supSlideUp .25s ease;background:#fff;border-radius:24px;box-shadow:0 24px 64px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:460px;overflow-y:auto;padding:36px 32px 32px;position:relative;width:90%}@keyframes supSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sup-modal::-webkit-scrollbar{width:6px}.sup-modal::-webkit-scrollbar-track{background:#0000}.sup-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sup-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;position:absolute;right:22px;top:18px;transition:all .2s;width:32px}.sup-modal-close:hover{background:#f3f4f6;color:#1f2937}.sup-modal-icon{height:64px;margin-bottom:10px;width:64px}.sup-modal-title{color:#1a1a2e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:21px;font-weight:800;margin:0 0 18px;text-align:center}.sup-modal-divider{background:#e5e7eb;height:1px;margin:0 -32px 22px;width:calc(100% + 64px)}.sup-modal-form{gap:16px;width:100%}.sup-form-group,.sup-modal-form{display:flex;flex-direction:column}.sup-form-group{gap:7px}.sup-form-label{color:#1f2937;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:700}.sup-required{color:#dc2626;font-weight:700}.sup-form-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px #0000000a;box-sizing:border-box;color:#374151;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.sup-form-input:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241f}.sup-readonly{background:#f9fafb!important;border-color:#e5e7eb!important;box-shadow:none!important;color:#6b7280!important;cursor:default!important}.sup-form-buttons{display:flex;flex-direction:column;gap:10px;margin-top:4px}.sup-btn-simpan{background:#bbf7d0;border:none;border-radius:12px;color:#16a34a;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;font-weight:700;padding:14px;transition:all .2s;width:100%}.sup-btn-simpan:hover{background:#86efac;transform:translateY(-1px)}.sup-btn-kembali{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:600;padding:10px;text-align:center;transition:color .2s;width:100%}.sup-btn-kembali:hover{color:#6b7280}.sup-modal-hapus{text-align:center}.sup-hapus-icon{font-size:48px;margin-bottom:8px}.sup-hapus-text{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 20px;text-align:center}.sup-hapus-buttons{display:flex;flex-direction:column;gap:10px;width:100%}.sup-btn-hapus-confirm{background:#fee2e2;border:none;border-radius:12px;color:#dc2626;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;font-weight:700;padding:14px;transition:all .2s;width:100%}.sup-btn-hapus-confirm:hover{background:#fecaca;transform:translateY(-1px)}.sup-modal-detail{align-items:flex-start!important;max-width:640px!important;min-height:320px;padding:40px!important}.sup-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.sup-detail-title{color:#1a1a2e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:28px;font-weight:800;margin:0}.sup-detail-close{align-items:center;background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background .2s}.sup-detail-close:hover{background:#f3f4f6}.sup-detail-body{display:flex;flex-direction:column;gap:28px;padding-top:16px;width:100%}.sup-detail-row{align-items:center;display:flex;gap:24px}.sup-detail-label{color:#1f2937;flex-shrink:0;font-weight:700;width:200px}.sup-detail-label,.sup-detail-value{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px}.sup-detail-value{color:#374151}@media (max-width:768px){.sup-wrapper{padding:20px}.sup-controls{justify-content:flex-start}.sup-search-box{width:100%}.sup-btn-tambah{justify-content:center;width:100%}.sup-modal{padding:28px 20px 24px}.sup-modal-divider{margin:0 -20px 20px;width:calc(100% + 40px)}}.so-wrapper{background:#fff;font-family:Poppins,sans-serif;padding:32px 40px;width:100%}.so-container{width:100%}.so-section-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:28px}.so-title{color:#1f2937;flex-shrink:0;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;margin:0}.so-actions{flex-wrap:wrap;gap:12px;justify-content:flex-end}.so-actions,.so-search-box{align-items:center;display:flex}.so-search-box{position:relative;width:200px}.so-search-icon{align-items:center;color:#fbbf24;display:flex;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.so-search-input{background-color:#fff;border:2px solid #fbbf24;border-radius:50px;box-sizing:border-box;color:#374151;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;outline:none;padding:10px 14px 10px 40px;transition:all .3s ease;width:100%}.so-search-input::placeholder{color:#fbbf24;opacity:.7}.so-search-input:focus{background-color:#fffbeb;border-color:#f59e0b;box-shadow:0 0 0 3px #fbbf241a}.so-btn-filter{align-items:center;background-color:#fff;border:2px solid #fbbf24;border-radius:50px;color:#fbbf24;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;gap:8px;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.so-btn-filter:hover{background-color:#fffbeb;border-color:#f59e0b;color:#f59e0b}.so-btn-add{align-items:center;background-color:#fbbf24;border:none;border-radius:50px;box-shadow:0 2px 8px #fbbf2440;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;gap:8px;padding:10px 24px;transition:all .3s ease;white-space:nowrap}.so-btn-add:hover{background-color:#f59e0b;box-shadow:0 4px 12px #fbbf2459;transform:translateY(-1px)}.so-btn-add:active{transform:translateY(0)}.so-table-wrapper{background:#fff;overflow-x:auto}.so-table{border-collapse:collapse;font-family:Poppins,sans-serif;width:100%}.so-table thead{background:#fff;border-bottom:1px solid #e5e7eb}.so-table thead th{border-bottom:1px solid #e5e7eb;color:#374151;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:14px 16px;text-align:left;white-space:nowrap}.so-table tbody tr{border-bottom:1px solid #e5e7eb;height:60px;transition:background-color .2s ease}.so-table tbody tr:last-child{border-bottom:none}.so-table tbody tr:hover{background-color:#f9fafb}.so-table tbody td{color:#374151;font-family:Poppins,sans-serif;font-size:14px;padding:12px 16px;vertical-align:middle}.so-id{color:#1f2937;font-weight:600}.so-empty{color:#9ca3af;font-size:14px;padding:48px 16px!important;text-align:center}.so-aksi{display:flex;gap:6px}.so-aksi,.so-aksi button{align-items:center;justify-content:center}.so-aksi button{border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;padding:0;transition:all .2s ease;width:36px}.so-btn-edit{background-color:#f5c842;color:#fff}.so-btn-edit:hover{background-color:#e6b800;box-shadow:0 4px 10px #f5c84266;transform:translateY(-2px)}.so-btn-view{background-color:#9ca3af;color:#fff}.so-btn-view:hover{background-color:#6b7280;box-shadow:0 4px 10px #6b728059;transform:translateY(-2px)}.so-btn-delete{background-color:#ef4444;color:#fff}.so-btn-delete:hover{background-color:#dc2626;box-shadow:0 4px 10px #ef444466;transform:translateY(-2px)}.so-pagination{align-items:center;background:#fff;border-top:1px solid #e5e7eb;color:#9ca3af;display:flex;font-family:Poppins,sans-serif;font-size:12px;gap:16px;justify-content:space-between;padding:16px}.so-pagination-left,.so-pagination-right{align-items:center;display:flex;gap:6px}.so-page-count{color:#9ca3af;font-weight:500}.so-page-text{color:#9ca3af}.so-page-range{color:#9ca3af;margin-left:6px}.so-page-num{color:#9ca3af;font-weight:600}.so-page-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.so-page-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.so-page-btn:disabled{cursor:not-allowed;opacity:.4}.so-delete-overlay{align-items:center;animation:soFadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#11182780;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}@keyframes soFadeIn{0%{opacity:0}to{opacity:1}}.so-delete-modal{animation:soSlideUp .25s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000002e;font-family:Poppins,sans-serif;max-width:90vw;padding:40px 40px 32px;text-align:center;width:460px}@keyframes soSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.so-delete-icon{align-items:center;background:#fee2e2;border-radius:50%;color:#ef4444;display:flex;height:72px;justify-content:center;margin:0 auto 24px;width:72px}.so-delete-modal h3{color:#111827;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;margin:0 0 12px}.so-delete-modal p{color:#6b7280;font-family:Poppins,sans-serif;font-size:14px;line-height:1.7;margin:0 0 32px}.so-delete-actions{display:flex;gap:12px;justify-content:center}.so-btn-cancel{background:#fff;border:2px solid #e5e7eb;border-radius:50px;color:#6b7280;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;padding:13px 20px;transition:all .2s ease}.so-btn-cancel:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.so-btn-confirm{background:#ef4444;border:none;border-radius:50px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;padding:13px 20px;transition:all .2s ease}.so-btn-confirm:hover{background:#dc2626;box-shadow:0 4px 14px #ef444466;transform:translateY(-1px)}@media (max-width:1200px){.so-wrapper{padding:24px 28px}}@media (max-width:768px){.so-wrapper{padding:20px}.so-actions,.so-section-header{align-items:stretch;flex-direction:column}.so-search-box{width:100%}.so-btn-add,.so-btn-filter{justify-content:center;width:100%}.so-table{font-size:12px}.so-table tbody td,.so-table thead th{padding:8px 12px}.so-aksi button{height:32px;width:32px}.so-aksi{gap:4px}.so-pagination{align-items:flex-start;flex-direction:column;gap:12px}.so-delete-modal{padding:28px 24px 24px}}@media (max-width:480px){.so-wrapper{padding:16px}.so-title{font-size:17px}.so-delete-actions{flex-direction:column}}.to-overlay{align-items:center;animation:toFadeIn .3s ease;background:#00000073;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes toFadeIn{0%{opacity:0}to{opacity:1}}.to-modal{align-items:center;animation:toSlideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:620px;overflow-y:auto;position:relative;width:100%}@keyframes toSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.to-modal::-webkit-scrollbar{width:6px}.to-modal::-webkit-scrollbar-track{background:#0000}.to-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.to-header{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:28px 32px 18px;width:100%}.to-icon{height:72px;margin-bottom:10px;width:72px}.to-title{color:#1f2937;font-family:Poppins,sans-serif;font-size:22px;font-weight:700;margin:0;text-align:center}.to-divider{background:#e5e7eb;height:1px;width:100%}.to-form{box-sizing:border-box;gap:20px;padding:24px 32px 32px;width:100%}.to-form,.to-form-group{display:flex;flex-direction:column}.to-form-group{gap:6px}.to-label{color:#374151;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.to-req{color:#ef4444;font-weight:700;margin-left:1px}.to-input{-moz-appearance:textfield;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#374151;font-family:Poppins,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.to-input::-webkit-inner-spin-button,.to-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.to-input::placeholder{color:#d1d5db}.to-input:focus{border-color:#c8a044;box-shadow:0 0 0 3px #c8a0441f}.to-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5}.to-input-readonly{background:#f9fafb!important;color:#9ca3af!important;cursor:default}.to-selisih-minus{background:#fff5f5!important;color:#ef4444!important}.to-selisih-plus{background:#f0fdf4!important;color:#16a34a!important}.to-select-wrapper{position:relative;width:100%}.to-select{appearance:none;-webkit-appearance:none;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#374151;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;outline:none;padding:10px 32px 10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.to-select:focus{border-color:#c8a044;box-shadow:0 0 0 3px #c8a0441f}.to-select-arrow{align-items:center;color:#6b7280;display:flex;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.to-barang-section{display:flex;flex-direction:column;gap:10px}.to-barang-header,.to-barang-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1.4fr .8fr .8fr 1fr}.to-selisih-wrapper{align-items:center;display:flex;position:relative}.to-selisih-wrapper .to-input{padding-right:36px}.to-btn-hapus{align-items:center;background:#fff;border:1.5px solid #9ca3af;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:20px}.to-btn-hapus:hover:not(:disabled){background:#f3f4f6;border-color:#374151;color:#1f2937}.to-btn-hapus:disabled{cursor:not-allowed;opacity:.25}.to-btn-tambah{align-items:center;align-self:flex-start;background:#fbbf24;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;gap:8px;margin-top:2px;padding:10px 20px;transition:all .2s ease}.to-btn-tambah:hover{background:#f59e0b;box-shadow:0 4px 12px #fbbf2459;transform:translateY(-1px)}.to-btn-tambah:active{transform:translateY(0)}.to-form-buttons{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:4px}.to-btn-simpan{background:#bbf7d0;border:none;border-radius:10px;color:#16a34a;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;letter-spacing:.3px;padding:13px 24px;transition:all .25s ease;width:100%}.to-btn-simpan:hover{background:#86efac;box-shadow:0 4px 12px #86efac66;transform:translateY(-1px)}.to-btn-simpan:active{transform:translateY(0)}.to-btn-kembali{background:none;border:none;color:#9ca3af;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;padding:4px 8px;transition:color .2s ease}.to-btn-kembali:hover{color:#6b7280}@media (max-width:640px){.to-modal{max-width:none;width:92%}.to-form{gap:16px;padding:20px}.to-barang-header,.to-barang-row{gap:8px;grid-template-columns:1fr 1fr}.to-title{font-size:19px}}.do-overlay{align-items:center;animation:doFadeIn .3s ease;background:#00000073;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes doFadeIn{0%{opacity:0}to{opacity:1}}.do-modal{animation:doSlideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;box-sizing:border-box;max-height:90vh;max-width:720px;overflow-y:auto;padding:32px 36px 36px;position:relative;width:100%}@keyframes doSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.do-modal::-webkit-scrollbar{width:6px}.do-modal::-webkit-scrollbar-track{background:#0000}.do-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.do-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:20px;top:20px;transition:color .2s,background .2s}.do-close:hover{background:#f3f4f6;color:#1f2937}.do-title{color:#1f2937;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;margin:0 0 20px}.do-divider{background:#e5e7eb;height:1px;margin-bottom:24px;width:100%}.do-info{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.do-info-row{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:160px 1fr}.do-info-label{font-weight:600}.do-info-label,.do-info-value{color:#374151;font-family:Poppins,sans-serif;font-size:14px}.do-info-value{font-weight:400}.do-subtitle{color:#1f2937;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;margin:0 0 16px}.do-table-wrapper{overflow-x:auto}.do-table{border-collapse:collapse;font-family:Poppins,sans-serif;width:100%}.do-table thead tr{border-bottom:1px solid #e5e7eb}.do-table thead th{color:#374151;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.do-table tbody tr{border-bottom:1px solid #e5e7eb}.do-table tbody tr:last-child{border-bottom:none}.do-table tbody td{color:#374151;font-family:Poppins,sans-serif;font-size:14px;padding:16px;vertical-align:middle}.do-nama-barang{color:#1f2937;font-weight:500}.do-badge{align-items:center;border-radius:20px;display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;gap:4px;padding:4px 12px;white-space:nowrap}.do-badge-minus{background-color:#fee2e2;color:#ef4444}.do-badge-plus{background-color:#cffafe;color:#0891b2}.do-badge-zero{background-color:#f3f4f6;color:#9ca3af}@media (max-width:640px){.do-modal{padding:24px 20px 28px;width:92%}.do-info-row{grid-template-columns:130px 1fr}.do-title{font-size:17px}.do-table tbody td,.do-table thead th{font-size:12px;padding:10px 12px}}.lt-wrapper{background:#f8f9fa;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,sans-serif;gap:24px;min-height:100vh;padding:32px 40px;width:100%}.lt-periode-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:28px 32px 24px}.lt-periode-title{color:#1f2937;font-size:16px;font-weight:700;margin:0 0 20px}.lt-periode-row{display:flex;gap:24px;margin-bottom:20px}.lt-periode-group{display:flex;flex:1 1;flex-direction:column;gap:8px}.lt-periode-label{color:#374151;font-size:13px;font-weight:600}.lt-date-input-wrap{align-items:center;display:flex;position:relative}.lt-date-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#374151;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;outline:none;padding:12px 44px 12px 16px;transition:border-color .2s;width:100%}.lt-date-input:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a}.lt-date-icon{color:#6b7280;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.lt-terapkan-row{display:flex;justify-content:flex-end}.lt-btn-terapkan{background:#fbbf24;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;padding:11px 36px;transition:background .2s,transform .15s,opacity .2s}.lt-btn-terapkan:hover:not(:disabled){background:#f59e0b;transform:translateY(-1px)}.lt-btn-terapkan:disabled{cursor:not-allowed;opacity:.6}.lt-error-box{background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;color:#dc2626;font-size:13px;font-weight:500;margin-top:14px;padding:12px 16px}.lt-loading-wrap{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:12px;padding:24px 32px}.lt-spinner{animation:lt-spin .7s linear infinite;border:2.5px solid #e5e7eb;border-radius:50%;border-top-color:#fbbf24;flex-shrink:0;height:22px;width:22px}@keyframes lt-spin{to{transform:rotate(1turn)}}.lt-summary-row{display:flex;gap:20px}.lt-summary-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;flex:1 1;gap:12px;justify-content:space-between;padding:24px 28px 22px}.lt-summary-left{display:flex;flex-direction:column;gap:8px}.lt-summary-label{color:#6b7280;font-size:13px;font-weight:500}.lt-summary-value{color:#1f2937;font-size:26px;font-weight:800;line-height:1.2}.lt-summary-value.lt-minus{color:#ef4444}.lt-harian-row{display:flex;gap:20px}.lt-harian-card{border-radius:16px;flex:1 1;padding:24px}.lt-harian-masuk{background:#fffbeb;border:1.5px solid #fde68a}.lt-harian-keluar{background:#fff1f2;border:1.5px solid #fecdd3}.lt-harian-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.lt-harian-title-row{align-items:center;display:flex;gap:8px}.lt-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.lt-dot-masuk{background:#f59e0b}.lt-dot-keluar{background:#ef4444}.lt-harian-title{color:#1f2937;font-size:16px;font-weight:700}.lt-lihat-semua{color:#f59e0b;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.lt-lihat-semua:hover{color:#d97706}.lt-tabel{border-collapse:collapse;font-size:13px;width:100%}.lt-tabel thead tr{border-bottom:2px solid #1f2937}.lt-tabel thead th{color:#374151;font-size:13px;font-weight:600;padding:8px 12px;text-align:left}.lt-tabel tbody tr{border-bottom:1px solid #0000000f;transition:background .12s}.lt-harian-masuk .lt-tabel tbody tr:hover{background:#fbbf2414}.lt-harian-keluar .lt-tabel tbody tr:hover{background:#ef44440f}.lt-tabel tbody td{color:#374151;font-size:13px;padding:12px}.lt-tabel-empty{color:#9ca3af;font-size:14px;padding:40px 16px;text-align:center}.lt-btn-kembali{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background .15s,border-color .15s;width:-webkit-fit-content;width:fit-content}.lt-btn-kembali:hover{background:#f9fafb;border-color:#d1d5db}@media (max-width:1024px){.lt-harian-row,.lt-summary-row{flex-wrap:wrap}.lt-harian-card,.lt-summary-card{min-width:calc(50% - 10px)}}@media (max-width:768px){.lt-wrapper{padding:20px}.lt-harian-row,.lt-periode-row,.lt-summary-row{flex-direction:column}.lt-summary-value{font-size:22px}.lt-modal-content{max-height:90vh}}.sidebar{background:#fff;box-shadow:2px 0 8px #0000000f;display:flex;flex-direction:column;height:100vh;position:relative;width:256px}.sidebar-logo{border-bottom:1px solid #e5e7eb;gap:12px;padding:24px}.logo-icon,.sidebar-logo{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#fcd34d,#f97316);border-radius:6px;box-shadow:0 2px 8px #f973164d;color:#fff;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.logo-text{color:#1f2937;font-size:16px;font-weight:700;letter-spacing:.5px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 12px}.nav-item{align-items:center;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;margin-bottom:4px;padding:12px 16px;transition:all .2s ease}.nav-item:hover{background-color:#f9fafb;color:#374151}.nav-item-active{color:#1f2937!important;font-weight:600}.nav-item-active,.nav-item-active:hover{background-color:#fde047!important}.nav-item-disabled{cursor:pointer;opacity:.45}.nav-item-disabled:hover{background-color:#f3f4f6;color:#9ca3af}.nav-icon{flex-shrink:0;height:20px;margin-right:12px;width:20px}.nav-label{font-size:14px;white-space:nowrap}.sidebar-logout{align-items:center;border-top:1px solid #f3f4f6;color:#ef4444;cursor:pointer;display:flex;gap:12px;padding:24px;transition:opacity .2s ease}.sidebar-logout:hover{opacity:.8}.logout-icon{align-items:center;background-color:#ef4444;border-radius:50%;box-shadow:0 2px 8px #ef44444d;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.logout-icon-svg{color:#fff;height:20px;width:20px}.logout-text{font-size:14px;font-weight:500}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.sidebar{bottom:0;box-shadow:0 -2px 8px #0000001a;height:auto;left:0;position:fixed;width:100%;z-index:1000}.sidebar-logo{display:none}.sidebar-nav{display:flex;flex-direction:row;overflow-x:auto;padding:8px}.nav-item{flex-direction:column;min-width:70px;padding:8px 12px;text-align:center}.nav-icon{margin-bottom:4px;margin-right:0}.nav-label{font-size:11px}.sidebar-logout{display:none}}.topbar{align-items:center;display:flex;font-family:Poppins,sans-serif;justify-content:space-between;margin-bottom:32px;min-height:100px;padding:16px 32px}.topbar-left{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-end}.greeting-title{color:#1f2937;font-family:Poppins,sans-serif;font-size:28px;font-weight:700;margin:0 0 8px}.greeting-subtitle{color:#6b7280;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:1.4;margin:0}.brand-name{color:#dc2626;font-weight:600}.topbar-right{align-items:center;display:flex;gap:16px}.search-container{align-items:center;display:flex;position:relative;width:280px}.search-input{background:#fff;border:2px solid #fbbf24;border-radius:9999px;color:#fbbf24;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;outline:none;padding:10px 45px 10px 16px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2426}.search-input::placeholder{color:#fbbf24;font-family:Poppins,sans-serif;font-weight:400}.search-icon{color:#fbbf24!important;flex-shrink:0!important;height:20px!important;left:auto!important;pointer-events:none!important;position:absolute!important;right:14px!important;width:20px!important}.profile-wrapper{position:relative}.profile-section{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:4px 8px;transition:background-color .2s ease}.profile-section:hover{background-color:#f9fafb}.profile-avatar{align-items:center;background-color:#fbbf24;border-radius:50%;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.profile-avatar,.profile-name{color:#1f2937;font-family:Poppins,sans-serif}.profile-name{font-size:14px;font-weight:500}.profile-chevron{color:#6b7280;height:16px;transition:transform .3s ease;width:16px}.profile-chevron.chevron-open{transform:rotate(180deg)}.dropdown-menu{animation:dropdownFadeIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f;font-family:Poppins,sans-serif;max-width:220px;padding:8px;position:fixed;width:220px;z-index:9999}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f9fafb}.dropdown-item.logout:hover{background-color:#fef2f2}.dropdown-icon{height:20px;width:20px}.dropdown-divider{background-color:#e5e7eb;height:1px;margin:8px 0}.main-layout-container{background-color:#f9fafb;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100vh}.layout-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.layout-body{flex:1 1;overflow-y:auto;padding:32px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.d8dab604.css.map*/