@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-app:#f8fafc;--bg-card:#fff;--border-color:#e2e8f0;--primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--primary-hover:#1d4ed8;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--status-baik-bg:#dcfce7;--status-baik-text:#166534;--status-digunakan-bg:#dbeafe;--status-digunakan-text:#1e40af;--status-servis-bg:#fef9c3;--status-servis-text:#854d0e;--status-rusak-bg:#fee2e2;--status-rusak-text:#991b1b;--border-radius:6px;--transition:.15s ease}html{width:100%;font-size:16px;overflow-x:hidden}*{box-sizing:border-box;font-family:var(--font-main);margin:0;padding:0}html,body{-webkit-text-size-adjust:100%;height:100%;margin:0;padding:0;overflow:hidden}body{color:var(--text-primary);background:linear-gradient(135deg,#f0f4ff 0%,#e8f0fe 50%,#f0f4ff 100%) fixed;width:100%}img,video{object-fit:cover;max-width:100%;height:auto}.app-container{flex-direction:column;width:100%;height:100vh;min-height:100vh;display:flex;overflow:hidden}.main-content{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:100%;min-height:0;padding:.75rem 1.25rem;display:flex;overflow:hidden auto}@media (width<=768px){html,body{overflow:auto}.app-container{height:auto;min-height:100vh;overflow:visible}html{font-size:15px}.main-content{padding:0;overflow:visible}button,input,select,textarea{touch-action:manipulation;min-height:44px}}@media (width>=769px){html{font-size:13px}.main-content{padding:.75rem 1.25rem}}@media (width<=768px){html,body{width:100%!important;overflow-x:hidden!important}*,:before,:after{box-sizing:border-box}img,video,svg{max-width:100%;height:auto}button,[role=button],.btn-primary,.btn-secondary,.filter-btn,.sidebar-menu-btn,.pagination-btn,.pagination-number-btn,.mobile-menu-toggle-btn,.mobile-nav-back-btn,.mobile-sidebar-close-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px}input,select,textarea{touch-action:manipulation;min-height:44px;font-size:16px!important}.desktop-only-navbar{display:none!important}.app-container:has(.table-dashboard-layout-container) .simple-navbar{display:none!important}.simple-navbar{z-index:900;width:100%;position:sticky;top:0}.navbar-container{gap:.5rem;height:56px;padding:0 1rem}.navbar-logo{gap:.4rem}.navbar-logo strong{padding:3px 7px;font-size:.82rem}.navbar-logo span{display:none}.navbar-user{gap:6px}.navbar-profile-trigger{gap:5px;padding:4px 8px 4px 4px}.navbar-avatar{flex-shrink:0;width:34px;height:34px;font-size:.68rem}.navbar-user-info,.navbar-caret{display:none}.navbar-logout-btn{min-height:36px;padding:8px 12px;font-size:.72rem}}@media (width<=480px){.navbar-container{height:52px;padding:0 .75rem}.navbar-logout-btn{padding:7px 10px;font-size:.68rem}}@media (width<=360px){.navbar-logo strong{padding:3px 6px;font-size:.75rem}.navbar-logout-btn{padding:6px 8px;font-size:.65rem}}@media (width<=768px){.table-dashboard-layout-container{background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;gap:0!important;min-height:100dvh!important;padding:0!important;overflow-x:hidden!important}.asset-main-content{box-sizing:border-box;width:100%;max-width:100%;padding:.75rem .85rem;overflow-x:hidden}.view-header{margin-bottom:.75rem!important;padding-bottom:.65rem!important}}@media (width<=480px){.asset-main-content{padding:.65rem .75rem}.view-header{margin-bottom:.65rem!important;padding-bottom:.55rem!important}}@media (width<=375px){.asset-main-content{padding:.75rem .625rem}}@media (width<=320px){.asset-main-content{padding:.625rem .5rem}}@media (width<=768px){.mobile-navbar-header{z-index:950;color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);justify-content:space-between;align-items:center;height:56px;padding:0 1rem;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #0003;display:flex!important}.table-dashboard-layout-container{padding-top:56px!important}.mobile-brand-title{letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.92rem;font-weight:700;overflow:hidden}.mobile-nav-back-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:4px;min-height:36px;padding:8px 14px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.mobile-nav-back-btn:active{background:#ffffff40}.mobile-menu-toggle-btn{color:#1e3a8a;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:20px;flex-shrink:0;min-height:36px;padding:8px 14px;font-size:.8rem;font-weight:700;transition:all .2s;box-shadow:0 2px 6px #00000026}.mobile-menu-toggle-btn:active{transform:scale(.97)}}@media (width<=480px){.mobile-navbar-header{height:52px;padding:0 .75rem}.table-dashboard-layout-container{padding-top:52px!important}.mobile-brand-title{max-width:130px;font-size:.84rem}.mobile-nav-back-btn,.mobile-menu-toggle-btn{min-height:34px;padding:7px 11px;font-size:.74rem}}@media (width<=360px){.mobile-navbar-header{height:50px;padding:0 .625rem}.table-dashboard-layout-container{padding-top:50px!important}.mobile-brand-title{max-width:110px;font-size:.78rem}.mobile-nav-back-btn,.mobile-menu-toggle-btn{padding:6px 10px;font-size:.7rem}}@media (width<=320px){.mobile-navbar-header{padding:0 .5rem}.mobile-brand-title{max-width:90px}}@media (width<=768px){.asset-sidebar{-webkit-overflow-scrolling:touch;width:280px;max-width:85vw;height:100dvh;top:0;left:-300px;z-index:1001!important;box-sizing:border-box!important;background:#fff!important;border-right:none!important;flex-direction:column!important;padding:1rem .875rem!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:fixed!important;overflow:hidden auto!important;box-shadow:4px 0 20px #0000002e!important}.asset-sidebar.mobile-sidebar-open{left:0!important}.back-btn-simple{display:none!important}.mobile-sidebar-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;min-height:36px;padding:8px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex!important}.mobile-sidebar-close-btn:active{background:#e2e8f0}.sidebar-drawer-overlay{-webkit-backdrop-filter:blur(2px);z-index:1000;background:#0000006b;animation:.2s overlayFadeIn;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.sidebar-menu{flex-direction:column!important;gap:4px!important;margin-top:.75rem!important}.sidebar-menu-btn{border-radius:8px;min-height:46px;text-align:left!important;width:100%!important;padding:12px 14px!important;font-size:.9rem!important}.sidebar-menu-btn.active{border-left:3px solid #3b82f6!important}.sidebar-user-info{margin-top:auto}.sidebar-quick-stats{margin-top:.75rem}}@media (width<=480px){.asset-sidebar{width:260px!important;padding:.875rem .75rem!important}.sidebar-menu-btn{padding:11px 12px!important;font-size:.86rem!important}}@media (width<=768px){.view-header{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;margin-bottom:1rem!important}.view-header-title{flex-wrap:wrap;align-items:center;gap:.5rem}.view-header-title h2{line-height:1.3;font-size:1.1rem!important}.view-header-actions{flex-wrap:wrap;gap:.5rem;width:100%}.view-header-actions>*,.view-header-actions button{text-align:center;flex:auto;justify-content:center;min-width:120px}}@media (width<=480px){.view-header-title h2{font-size:1rem!important}}@media (width<=360px){.view-header-title h2{font-size:.95rem!important}}@media (width<=768px){.simple-search{border-radius:8px;min-height:44px;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:10px 14px!important;font-size:15px!important}.search-input-clear-btn,button.search-input-clear-btn,.search-input-wrapper button.search-input-clear-btn{color:#fff!important;appearance:none!important;aspect-ratio:1!important;box-sizing:border-box!important;z-index:10!important;background:#94a3b8!important;border:none!important;border-radius:9999px!important;outline:none!important;flex:0 0 18px!important;justify-content:center!important;align-items:center!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.search-input-clear-btn svg,button.search-input-clear-btn svg,.search-input-wrapper button.search-input-clear-btn svg{stroke:#fff!important;stroke-width:3.2px!important;pointer-events:none!important;width:8px!important;height:8px!important;display:block!important}.filter-bar{width:100%;flex-wrap:wrap!important;gap:.5rem!important;overflow-x:visible!important}.filter-btn{flex-shrink:0;min-height:36px;padding:6px 12px!important;font-size:.8rem!important}.filter-count{text-align:left;order:99;width:100%;font-size:.72rem;margin-left:0!important}.btn-primary,.btn-secondary{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:44px;display:inline-flex;padding:10px 16px!important;font-size:.84rem!important}.btn-primary{box-shadow:0 2px 8px #2563eb40}}@media (width<=480px){.btn-primary,.btn-secondary{padding:10px 14px!important;font-size:.82rem!important}}@media (width<=768px){.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{-webkit-overflow-scrolling:touch;border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:90dvh!important;margin:0!important;padding:1.5rem 1.25rem 2rem!important;overflow-y:auto!important;box-shadow:0 -10px 30px #0000001f!important}.modal-content-wide{border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:90dvh!important}.add-form-modal{border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:90dvh!important;margin:0!important;padding:1.5rem 1.25rem 2rem!important}.modal-detail-custom{border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:92dvh!important;padding:0!important}.modal-content:not(.modal-detail-custom) h3,.modal-header:not(.modal-detail-custom) h3{font-size:1.15rem!important}.modal-detail-custom h3,.modal-detail-custom .modal-detail-title{font-size:.88rem!important;font-weight:700!important;line-height:1.3!important}.modal-actions{flex-direction:column!important;gap:.625rem!important}.modal-actions button{min-height:48px;width:100%!important;font-size:.9rem!important}.form-actions{flex-direction:column!important;gap:.625rem!important}.form-actions button{justify-content:center;min-height:48px;width:100%!important}.form-grid{grid-template-columns:1fr!important;gap:1rem!important}.form-field{width:100%!important}.form-field label{font-size:.84rem!important}.form-field input,.form-field select,.form-field textarea{border-radius:8px;min-height:44px;box-sizing:border-box!important;width:100%!important;padding:10px 14px!important;font-size:15px!important}.form-group-modal{margin-bottom:1rem!important}.simple-input{border-radius:8px;min-height:44px;padding:10px 14px!important;font-size:15px!important}.searchable-select-dropdown{-webkit-overflow-scrolling:touch;max-height:200px!important;overflow-y:auto!important}.desktop-table-only{display:none!important}.simple-table-container:not(.desktop-table-only):not(.penyusutan-desktop-table-wrapper):not(.uk-desktop-table-wrapper){-webkit-overflow-scrolling:touch!important;border-radius:10px!important;width:100%!important;max-width:100%!important;max-height:none!important;display:block!important;overflow-x:auto!important}.nice-table{min-width:600px;font-size:.78rem!important}.nice-table th{white-space:nowrap;padding:8px 6px!important;font-size:.68rem!important}.nice-table td{white-space:nowrap;padding:8px 6px!important;font-size:.78rem!important}.mobile-cards-container{flex-direction:column!important;gap:12px!important;width:100%!important;margin-top:.75rem!important;margin-bottom:1rem!important;display:flex!important}.mobile-asset-card{transition:transform .2s,box-shadow .2s;box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;flex-direction:column!important;gap:10px!important;width:100%!important;padding:16px!important;display:flex!important;box-shadow:0 2px 10px #0000000d!important}.mobile-asset-card:active{transform:scale(.99)}.card-header-main{border-bottom:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;padding-bottom:10px!important;display:flex!important}.card-kode{color:#64748b!important;background:#f1f5f9!important;border-radius:6px!important;padding:4px 8px!important;font-family:ui-monospace,monospace!important;font-size:.72rem!important;font-weight:700!important}.card-nama{line-height:1.3;color:#1e293b!important;margin:4px 0 2px!important;font-size:1rem!important;font-weight:700!important}.card-details-grid{background:#f8fafc!important;border-radius:8px!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:10px!important;display:grid!important}.card-detail-item{flex-direction:column!important;gap:2px!important;display:flex!important}.detail-label{letter-spacing:.02em;text-transform:uppercase!important;color:#94a3b8!important;font-size:.64rem!important;font-weight:700!important}.detail-val{word-break:break-word;color:#334155!important;font-size:.82rem!important;font-weight:500!important}.card-actions-row{flex-wrap:wrap;gap:8px!important;margin-top:4px!important;display:flex!important}.card-btn{justify-content:center;align-items:center;min-height:40px;display:flex;text-align:center!important;border-radius:8px!important;flex:1!important;padding:10px!important;font-size:.8rem!important;font-weight:600!important}}@media (width<=480px){.nice-table{min-width:500px;font-size:.75rem!important}.card-nama{font-size:.95rem!important}.card-details-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important;padding:8px!important}.detail-val{font-size:.78rem!important}}@media (width<=360px){.card-actions-row{flex-direction:column;gap:6px!important}.card-btn{width:100%}.card-details-grid{grid-template-columns:1fr!important;gap:6px!important}}@media (width<=768px){.status-badge{white-space:nowrap;line-height:1.4;display:inline-block;border-radius:9999px!important;padding:3px 8px!important;font-size:.68rem!important}.pagination-container{flex-wrap:wrap!important;justify-content:center!important;gap:.35rem!important;margin-top:1rem!important;padding-top:.875rem!important}.pagination-btn{min-height:40px;border-radius:8px!important;padding:9px 14px!important;font-size:.8rem!important}.pagination-number-btn{border-radius:8px!important;min-width:36px!important;height:36px!important;font-size:.8rem!important}.pagination-info{order:10;text-align:center!important;width:100%!important;margin-top:.25rem!important;font-size:.76rem!important}}@media (width<=480px){.pagination-btn{min-height:38px;padding:8px 12px!important;font-size:.76rem!important}.pagination-number-btn{min-width:34px!important;height:34px!important;font-size:.76rem!important}}@media (width<=360px){.pagination-btn{min-height:36px;padding:7px 10px!important;font-size:.73rem!important}.pagination-number-btn{min-width:32px!important;height:32px!important;font-size:.73rem!important}}@media (width<=768px){.dashboard-content{margin-top:1rem!important}.dashboard-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin-bottom:1rem!important}.stat-card{border-radius:12px!important;padding:1rem 1.1rem!important;box-shadow:0 2px 8px #0000000d!important}.stat-number{font-size:1.4rem!important}.stat-info h3{margin-bottom:4px!important;font-size:.68rem!important}.stat-label{font-size:.68rem!important}.dashboard-section-card{border-radius:12px!important;margin-bottom:1rem!important;padding:1.1rem!important}.dashboard-section-card h3{margin-bottom:.75rem!important;font-size:.95rem!important}.log-table-wrapper{-webkit-overflow-scrolling:touch!important;border-radius:8px!important;overflow-x:auto!important}}@media (width<=480px){.dashboard-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.stat-card{border-left-width:3px!important;border-radius:10px!important;padding:.875rem 1rem!important}.stat-number{font-size:1.25rem!important}.stat-info h3{font-size:.62rem!important}.dashboard-section-card{padding:1rem .875rem!important}}@media (width<=360px){.dashboard-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.stat-card{padding:.75rem .875rem!important}.stat-number{font-size:1.1rem!important}.stat-label{display:none!important}}@media (width<=320px){.stat-number{font-size:1rem!important}.stat-info h3{font-size:.58rem!important}}@media (width<=768px){.chart-wrapper,[class*=chart],canvas{width:100%!important;max-width:100%!important;overflow:hidden!important}.chart-container,.chart-box{min-height:260px!important}.history-tabs-container{scrollbar-width:none;-webkit-overflow-scrolling:touch!important;border-bottom:1px solid #f1f5f9!important;flex-wrap:nowrap!important;gap:0!important;margin-bottom:1rem!important;padding-bottom:0!important;display:flex!important;overflow-x:auto!important}.history-tabs-container::-webkit-scrollbar{display:none}.history-tab-button{flex-shrink:0;align-items:center;min-height:44px;display:inline-flex;white-space:nowrap!important;padding:.75rem .875rem!important;font-size:.8rem!important}.history-content .dashboard-section-card{padding:1rem .875rem!important}}@media (width<=480px){.history-tab-button{padding:.625rem .75rem!important;font-size:.75rem!important}}@media (width<=768px){.camera-view video{border-radius:8px!important;max-height:220px!important}.camera-controls{flex-wrap:wrap!important;justify-content:center!important;gap:.5rem!important}.camera-controls button{flex:auto;min-width:100px;min-height:42px}.media-gallery-grid{gap:.4rem!important}.media-thumb{width:64px!important;height:64px!important}.main-preview-image,.main-preview-video{max-height:240px!important}body{-webkit-text-size-adjust:100%;font-size:14px;line-height:1.6}h1{font-size:1.4rem!important}h2{font-size:1.2rem!important}h3{font-size:1.05rem!important}h4{font-size:.95rem!important}p{font-size:14px;line-height:1.6}.modal-header h3{line-height:1.3;font-size:1.1rem!important}.penyusutan-header-actions{width:100%;flex-direction:column!important;gap:.625rem!important}.penyusutan-header-actions button{justify-content:center;width:100%;min-height:44px}.penyusutan-filter-section{-webkit-overflow-scrolling:touch;overflow-x:auto}.pelaporan-tabs-container{scrollbar-width:none;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;padding-bottom:0!important;overflow-x:auto!important}.pelaporan-tabs-container::-webkit-scrollbar{display:none}.tab-item-btn{white-space:nowrap;flex-shrink:0;align-items:center;min-height:44px;display:inline-flex}.reports-filter-bar,.date-filters-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px!important}.reports-filter-bar .filter-group,.date-filters-bar .filter-group{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;width:100%!important}.filter-select{min-height:44px;width:100%!important;font-size:15px!important}.btn-reset-filter{justify-content:center;min-height:44px;text-align:center!important;width:100%!important}.admin-filters-bar{flex-flow:wrap!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;display:flex!important}.users-header-controls{flex-direction:column!important;gap:.625rem!important;width:100%!important}.users-header-controls button,.users-header-controls input{min-height:44px;width:100%!important}.simple-table-container .nice-table{min-width:650px}.kondisi-modal-content{border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:92dvh!important;margin:0!important;padding:1.5rem 1.25rem 2rem!important;overflow-y:auto!important}.kondisi-form-grid{grid-template-columns:1fr!important;gap:.875rem!important}.empty-state-wrapper,.empty-state-container{text-align:center;padding:2.5rem 1rem!important}.empty-state-title{font-size:1.1rem!important}.empty-state-desc{padding:0 1rem!important;font-size:.9rem!important}.empty-state-action{min-height:44px;padding:10px 20px!important}.login-page-container{overflow-x:hidden!important}.login-form-section{box-sizing:border-box!important;padding:2rem 1.25rem!important}.login-form-card{box-sizing:border-box!important;padding:2rem 1.5rem!important}.login-action-btn{min-height:48px!important;font-size:1rem!important}.form-group input{min-height:48px!important;padding:12px 16px!important;font-size:16px!important}.input-field-wrapper input{box-sizing:border-box!important;min-height:48px!important;padding:12px 46px!important;font-size:16px!important}}@media (width<=480px){.login-form-section{padding:1.5rem 1rem!important}.login-form-card{border-radius:16px!important;padding:1.75rem 1.25rem!important}.form-header h2{font-size:1.35rem!important}}@media (width<=360px){.login-form-section{padding:1.25rem .875rem!important}.login-form-card{border-radius:14px!important;padding:1.5rem 1rem!important}}@media (width<=768px){.modal-detail-custom{border-radius:20px 20px 0 0!important;width:100%!important;max-height:92dvh!important;margin:0!important;padding:0!important;overflow-y:hidden!important}.modal-detail-custom .modal-detail-header{padding:.65rem 1rem!important}.modal-detail-custom h3,.modal-detail-custom .modal-detail-title{font-size:.88rem!important;font-weight:700!important;line-height:1.3!important}.modal-detail-custom .modal-detail-body{padding:.75rem 1rem!important}.detail-info-grid,.asset-detail-grid,.detail-grid-2col{grid-template-columns:1fr!important;gap:.75rem!important}.detail-section-card{border-radius:10px!important;margin-bottom:.75rem!important;padding:1rem!important}.transfer-modal-content{border-radius:20px 20px 0 0!important;width:100%!important;max-height:90dvh!important;padding:1.5rem 1.25rem 2rem!important;overflow-y:auto!important}.mt-section{margin-top:1rem!important}.mb-section{margin-bottom:1rem!important}.gap-section{gap:1rem!important}[style*="margin-top: 1.5rem"],[style*="marginTop: 1.5rem"]{margin-top:1rem!important}.sidebar-user-info{border-radius:8px!important;padding:10px 12px!important;font-size:.82rem!important}.sidebar-user-name{font-size:.85rem!important}.sidebar-quick-stats{border-radius:10px!important;padding:12px 14px!important;font-size:.8rem!important}.quick-stats-row{margin-bottom:6px!important;font-size:.76rem!important}.import-modal-content,.export-modal-content{border-radius:20px 20px 0 0!important;width:100%!important;max-height:90dvh!important;padding:1.5rem 1.25rem 2rem!important;overflow-y:auto!important}.upload-area,.drop-zone{min-height:120px;border-radius:10px!important;padding:1.5rem 1rem!important}.nice-table td button{white-space:nowrap;min-height:32px;padding:4px 8px;font-size:.7rem}.nice-table td div[style*=flex]{flex-wrap:wrap;gap:4px}.confirm-modal,.logout-modal{border-radius:16px!important;width:92%!important;max-width:400px!important;margin:0 auto!important;padding:1.5rem!important}.confirm-modal .modal-overlay,.logout-modal .modal-overlay{align-items:center!important}.custom-dropdown-container{width:100%!important;min-width:0!important}.custom-dropdown-trigger{min-height:44px;width:100%!important;font-size:.88rem!important}.custom-dropdown-menu{-webkit-overflow-scrolling:touch;width:100%!important;max-height:200px!important;overflow-y:auto!important}.table-dashboard-layout-container,.asset-main-content,.mobile-asset-card,.mobile-cards-container,.view-header,.view-header-actions,.view-header-title,.dashboard-content,.dashboard-section-card,.filter-bar{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (width<=768px){.modal-content,.add-form-modal,.modal-content-wide{padding-bottom:max(2rem, env(safe-area-inset-bottom))!important}.simple-navbar,.mobile-navbar-header{padding-top:env(safe-area-inset-top)}}}@media (width<=768px){.users-list-wrapper{animation:.4s ease-out fadeIn;margin-top:.5rem!important;overflow-x:hidden!important}.users-list-wrapper .dashboard-section-card>div:first-child{flex-direction:column!important;align-items:stretch!important;gap:.875rem!important;margin-bottom:1rem!important}.users-list-wrapper .dashboard-section-card>div:first-child>div:last-child{flex-wrap:wrap!important;gap:.625rem!important;width:100%!important}.users-list-wrapper .search-input-wrapper{width:50%!important;min-width:150px!important;max-width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.users-list-wrapper input[type=text][placeholder*=Cari],.users-list-wrapper .users-search-input{box-sizing:border-box!important;border:1px solid #cbd5e1!important;border-radius:6px!important;width:100%!important;min-width:0!important;height:32px!important;min-height:32px!important;padding:4px 10px!important;font-size:.74rem!important}.users-list-wrapper .users-buttons-row button{text-align:center!important;border-radius:6px!important;flex:auto!important;justify-content:center!important;width:auto!important;min-width:90px!important;height:32px!important;min-height:32px!important;padding:4px 8px!important;font-size:.74rem!important}.users-list-wrapper form>div[style*=grid]{grid-template-columns:1fr!important;gap:10px!important}.users-list-wrapper form button[type=submit]{min-height:44px!important}.penyusutan-container,[style*="animation: fadeIn"][style*=marginTop]{box-sizing:border-box!important;width:100%!important;margin-top:.5rem!important;overflow-x:hidden!important}.dashboard-section-card>div[style*="justify-content: space-between"],.dashboard-section-card>div[style*="justifyContent: space-between"]{flex-direction:column!important;align-items:stretch!important;gap:.875rem!important;margin-bottom:1rem!important}.dashboard-section-card>div[style*="justify-content: space-between"]>div[style*=flex],.dashboard-section-card>div[style*="justifyContent: space-between"]>div[style*=display]{flex-direction:column!important;gap:.625rem!important;width:100%!important}.dashboard-section-card>div[style*="justify-content: space-between"] button,.dashboard-section-card>div[style*="justifyContent: space-between"] button{text-align:center!important;border-radius:8px!important;justify-content:center!important;width:100%!important;min-height:44px!important;padding:10px 14px!important;font-size:.8rem!important}.filter-bar{flex-wrap:wrap!important;gap:6px!important;overflow-x:visible!important}.dashboard-section-card [style*="display: flex"][style*="justify-content: space-between"],.dashboard-section-card [style*=display\:flex][style*=justifyContent\:space-between]{flex-wrap:wrap!important;gap:.625rem!important}.dashboard-section-card canvas{width:100%!important;max-width:100%!important;height:auto!important}.history-content{overflow-x:hidden!important}.history-content .simple-table-container{-webkit-overflow-scrolling:touch!important;border-radius:8px!important;max-height:none!important;overflow-x:auto!important}.history-content .nice-table{min-width:580px!important;font-size:.76rem!important}.history-content .view-header,.history-content>div[style*="display: flex"],.history-content>div[style*=display\:flex]{flex-wrap:wrap!important;gap:.625rem!important}.update-kondisi-container,[class*=update-kondisi]{overflow-x:hidden!important}.update-kondisi-container .simple-table-container{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.view-header .view-header-actions{flex-wrap:wrap!important;gap:.5rem!important;width:100%!important}.view-header .view-header-actions>*{white-space:nowrap!important;flex:auto!important;min-width:0!important}.view-header input[type=text],.view-header input[type=search]{order:-1;flex:100%!important;width:100%!important;min-width:0!important;min-height:44px!important;font-size:16px!important}}@media (width<=390px){.card-details-grid{grid-template-columns:1fr 1fr!important;gap:6px!important;padding:8px!important}.card-actions-row{gap:6px!important}.card-btn{min-height:38px!important;padding:8px 6px!important;font-size:.72rem!important}.filter-btn{min-height:34px!important;padding:5px 10px!important;font-size:.76rem!important}.sidebar-menu-btn{min-height:42px!important;padding:10px 12px!important;font-size:.84rem!important}.mobile-brand-title{max-width:120px!important;font-size:.8rem!important}.view-header-title h2{font-size:.92rem!important}.stat-number{font-size:1.15rem!important}.stat-info h3{font-size:.64rem!important}.btn-primary,.btn-secondary{min-height:42px!important;padding:9px 12px!important;font-size:.8rem!important}}@media (width<=430px){.mobile-asset-card{border-radius:12px!important;padding:14px!important}.card-kode{padding:3px 7px!important;font-size:.7rem!important}.pagination-container{gap:.25rem!important}.pagination-btn{padding:8px 11px!important;font-size:.77rem!important}.pagination-number-btn{min-width:32px!important;height:32px!important;font-size:.77rem!important}.pelaporan-content-card{padding:.875rem!important}}@media (width<=768px){.nice-table-wrapper{-webkit-overflow-scrolling:touch!important;border-radius:8px!important;width:100%!important;overflow-x:auto!important}.nice-table-wrapper .nice-table{min-width:560px}.simple-table-container:has(.nice-table){-webkit-overflow-scrolling:touch!important;border-radius:10px!important;max-height:65vh!important;overflow:auto!important}.landing-wrapper{min-height:100dvh;padding:1rem!important;overflow-x:hidden!important}.landing-card{border-radius:16px!important;padding:1.5rem!important}.landing-btn{min-height:48px!important;padding:12px 24px!important;font-size:.95rem!important}.modal-overlay .modal-content-wide,.modal-overlay .add-form-modal{-webkit-overflow-scrolling:touch!important;border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:92dvh!important;margin:0!important;position:fixed!important;inset:auto 0 0!important;overflow-y:auto!important;transform:none!important}.mobile-full-width{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.mobile-stack{flex-direction:column!important;align-items:stretch!important;gap:.625rem!important}.mobile-hide{display:none!important}.mobile-show{display:flex!important}.text-truncate-mobile{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;overflow:hidden!important}.overflow-safe{box-sizing:border-box!important;max-width:100%!important;overflow:hidden!important}body,#root,#root>*{max-width:100vw!important;overflow-x:hidden!important}.asset-main-content>div[style*="justify-content: space-between"][style*=flex-wrap],.asset-main-content>div[style*="justifyContent: space-between"][style*=flexWrap]{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.asset-main-content>div[style*="justify-content: space-between"]>div[style*="display: flex"],.asset-main-content>div[style*="justify-content: space-between"]>div[style*=display\:flex]{flex-wrap:wrap!important;gap:.5rem!important;width:100%!important}.asset-main-content>div[style*="justify-content: space-between"]>div button,.asset-main-content>div[style*="justify-content: space-between"] .btn-primary,.asset-main-content>div[style*="justify-content: space-between"] .btn-secondary{text-align:center!important;flex:auto!important;justify-content:center!important;min-width:100px!important;min-height:44px!important;font-size:.82rem!important}.asset-main-content>div[style*="justify-content: space-between"]>.simple-search,.asset-main-content>div[style*="justify-content: space-between"] input[type=text],.asset-main-content>div[style*="justify-content: space-between"] input[class*=simple-search]{order:10;box-sizing:border-box!important;flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;font-size:16px!important}}@media (width<=480px){.asset-main-content>div[style*="justify-content: space-between"]>div button,.asset-main-content>div[style*="justify-content: space-between"] .btn-primary,.asset-main-content>div[style*="justify-content: space-between"] .btn-secondary{flex:calc(50% - 4px)!important;min-width:0!important}}@media (width<=768px){.asset-main-content>div[style*="background: #f8fafc"][style*=flex-wrap],.asset-main-content>div[style*="background: rgb(248"][style*=flex-wrap]{flex-direction:column!important;gap:.625rem!important;padding:10px 12px!important}.asset-main-content>div[style*="background: #f8fafc"]>div{flex-wrap:wrap;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important}.asset-main-content>div[style*="background: #f8fafc"] select,.asset-main-content>div[style*="background: #f8fafc"] .custom-dropdown-trigger{flex:auto!important;width:auto!important;min-width:0!important;min-height:40px!important;font-size:15px!important}.filter-bar{flex-wrap:wrap!important;gap:6px!important;overflow-x:visible!important}.filter-bar .filter-btn{white-space:nowrap!important;flex:none!important;min-height:34px!important;padding:5px 10px!important;font-size:.78rem!important}}@media (width<=480px){.dashboard-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.dashboard-grid.dashboard-grid-full .stat-card:first-child{grid-column:span 2!important}.stat-card{border-radius:10px!important;padding:.875rem!important}.stat-number{font-size:1.2rem!important}.stat-info h3{margin-bottom:3px!important;font-size:.65rem!important}}@media (width<=360px){.dashboard-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.stat-card{padding:.75rem!important}.stat-number{font-size:1.05rem!important}.stat-label{font-size:.62rem!important}}@media (width<=768px){.view-header{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;width:100%!important;max-width:100%!important;margin-bottom:1rem!important;display:flex!important}.view-header-title{flex-wrap:wrap!important;align-items:center!important;gap:.5rem!important;display:flex!important}.view-header-actions{flex-wrap:wrap!important;gap:.5rem!important;width:100%!important;display:flex!important}.asset-main-content>div:first-child[style*="display: flex"],.asset-main-content>div:first-child[style*=display\:flex]{flex-wrap:wrap!important;gap:.75rem!important}.custom-dropdown-container{position:relative!important}.custom-dropdown-menu{z-index:100!important;width:max-content!important;min-width:0!important;max-width:calc(100vw - 2rem)!important;position:absolute!important}.simple-table-container{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;border-radius:10px!important;width:100%!important;max-width:100%!important;max-height:60vh!important;display:block!important;overflow:auto!important}.nice-table{width:auto!important;min-width:max-content!important}div[style*=repeat\(auto-fit]{grid-template-columns:1fr!important}.users-list-wrapper form input,.users-list-wrapper form select,.users-list-wrapper form textarea{box-sizing:border-box!important;width:100%!important;min-height:38px!important;font-size:14px!important}.asset-top-controls{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;width:100%!important;max-width:100%!important}.asset-btn-group{flex-wrap:wrap!important;gap:.5rem!important;width:100%!important}.asset-btn-group .btn-primary,.asset-btn-group .btn-secondary,.asset-btn-group button{text-align:center!important;border-radius:8px!important;flex:auto!important;justify-content:center!important;min-width:100px!important;min-height:44px!important;font-size:.82rem!important}.asset-search-input{box-sizing:border-box!important;border-radius:8px!important;flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;padding:10px 14px!important;font-size:16px!important}}@media (width<=480px){.asset-btn-group .btn-primary,.asset-btn-group .btn-secondary,.asset-btn-group button{flex:calc(50% - 4px)!important;min-width:0!important}}@media (width<=375px){.asset-btn-group .btn-primary,.asset-btn-group .btn-secondary,.asset-btn-group button{flex:100%!important;width:100%!important}}@media (width<=768px){.penyusutan-view-container{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}.penyusutan-header{flex-direction:column!important;align-items:stretch!important;gap:.875rem!important;margin-bottom:1rem!important}.penyusutan-export-group{flex-direction:column!important;gap:.625rem!important;width:100%!important}.penyusutan-export-group button{border-radius:8px!important;justify-content:center!important;width:100%!important;min-height:44px!important;font-size:.82rem!important}.penyusutan-month-filter{flex-wrap:wrap!important;gap:6px!important;overflow-x:visible!important}.penyusutan-month-filter .filter-btn{flex:none!important;min-height:34px!important}}.users-mobile-cards-wrapper{display:none}@media (width<=768px){.users-list-wrapper .users-stats-grid,.users-stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:4px!important;margin-bottom:.6rem!important;display:grid!important}.users-list-wrapper .users-stats-grid .stat-card,.users-stats-grid .stat-card{text-align:center!important;box-sizing:border-box!important;border-radius:8px!important;flex-direction:column!important;grid-column:span 1!important;justify-content:center!important;align-items:center!important;gap:2px!important;min-width:0!important;padding:6px 3px!important;display:flex!important}.users-list-wrapper .users-stats-grid .stat-card>div:first-child,.users-stats-grid .stat-card>div:first-child{border-radius:6px!important;width:24px!important;height:24px!important;margin-bottom:2px!important}.users-list-wrapper .users-stats-grid .stat-card>div:first-child svg,.users-stats-grid .stat-card>div:first-child svg{width:12px!important;height:12px!important}.users-list-wrapper .users-stats-grid .stat-card span,.users-stats-grid .stat-card span{letter-spacing:.01em!important;white-space:nowrap!important;text-overflow:ellipsis!important;width:100%!important;margin:0!important;font-size:.52rem!important;font-weight:700!important;line-height:1.1!important;overflow:hidden!important}.users-list-wrapper .users-stats-grid .stat-card p,.users-stats-grid .stat-card p{margin:0!important;font-size:.95rem!important;font-weight:800!important;line-height:1!important}.users-list-wrapper .users-stats-grid .stat-card p span,.users-stats-grid .stat-card p span{display:none!important}.users-list-wrapper .users-top-actions-wrapper{flex-direction:column!important;gap:6px!important;width:100%!important;display:flex!important}.users-list-wrapper .users-buttons-row{grid-template-columns:repeat(2,1fr)!important;gap:5px!important;width:100%!important;display:grid!important}.users-list-wrapper .users-buttons-row button{border-radius:6px!important;justify-content:center!important;align-items:center!important;gap:4px!important;width:100%!important;height:32px!important;min-height:32px!important;padding:3px 6px!important;font-size:.72rem!important;display:inline-flex!important}.users-list-wrapper .users-filter-row{flex-direction:column!important;align-items:flex-start!important;gap:5px!important;width:100%!important;display:flex!important}.users-list-wrapper .users-filter-row>div:first-child,.users-list-wrapper .users-filter-row .search-input-wrapper,.users-list-wrapper .search-input-wrapper{width:50%!important;min-width:150px!important;max-width:100%!important;box-shadow:none!important;box-sizing:border-box!important;background:0 0!important;border:none!important;align-self:flex-start!important;margin-left:0!important;margin-right:auto!important;padding:0!important}.users-list-wrapper .users-filter-row input,.users-list-wrapper input.users-search-input,.users-list-wrapper .search-input-wrapper input{box-sizing:border-box!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:6px!important;width:100%!important;height:32px!important;min-height:32px!important;padding:4px 28px 4px 10px!important;font-size:.74rem!important}.users-list-wrapper button.search-input-clear-btn,.users-list-wrapper .search-input-wrapper button.search-input-clear-btn{color:#fff!important;appearance:none!important;aspect-ratio:1!important;box-sizing:border-box!important;z-index:10!important;background:#94a3b8!important;border:none!important;border-radius:50%!important;outline:none!important;flex:0 0 18px!important;justify-content:center!important;align-items:center!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:50%!important;right:8px!important;overflow:hidden!important;transform:translateY(-50%)!important}.users-list-wrapper .users-filters-dropdowns{grid-template-columns:repeat(2,1fr)!important;gap:5px!important;width:100%!important;min-width:0!important;display:grid!important}.users-list-wrapper .users-filters-dropdowns .custom-dropdown-container,.users-list-wrapper .users-filters-dropdowns>div{width:100%!important;min-width:0!important}.users-list-wrapper .users-filters-dropdowns button,.users-list-wrapper .users-filters-dropdowns .custom-dropdown-trigger{text-align:left!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:6px!important;justify-content:space-between!important;align-items:center!important;height:32px!important;min-height:32px!important;padding:0 8px!important;font-size:.72rem!important;font-weight:500!important;display:flex!important}.users-list-wrapper .users-filters-dropdowns .custom-dropdown-trigger span:first-child{text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left!important;flex:auto!important;margin:0!important;padding:0!important;font-size:.72rem!important;overflow:hidden!important}.users-list-wrapper .users-filters-dropdowns .custom-dropdown-trigger span:last-child{color:#64748b!important;flex:none!important;margin-left:4px!important;font-size:.55rem!important}.users-list-wrapper .simple-table-container,.users-list-wrapper table,.users-list-wrapper .nice-table{display:none!important}.users-list-wrapper .users-mobile-cards-wrapper{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}.umc-card{cursor:pointer!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;flex-direction:column!important;gap:6px!important;padding:10px 12px!important;transition:all .15s!important;display:flex!important;box-shadow:0 1px 3px #00000008!important}.umc-card:active{background:#f8fafc!important;transform:scale(.99)!important}.umc-top-bar{border-bottom:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;padding-bottom:5px!important;display:flex!important}.umc-index-group{align-items:center!important;gap:6px!important;display:flex!important}.umc-index{color:#64748b!important;font-size:.72rem!important;font-weight:700!important}.umc-inisial-badge{color:#2563eb!important;background:#eff6ff!important;border:1px solid #dbeafe!important;border-radius:4px!important;padding:1px 6px!important;font-size:.68rem!important;font-weight:750!important}.umc-badge-group{flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;gap:4px!important;display:flex!important}.umc-role-badge{white-space:nowrap!important;border-radius:10px!important;padding:2px 6px!important;font-size:.65rem!important;font-weight:700!important}.umc-status-badge{white-space:nowrap!important;border-radius:12px!important;align-items:center!important;gap:4px!important;padding:2px 6px!important;font-size:.65rem!important;font-weight:700!important;display:inline-flex!important}.umc-body-info{flex-direction:column!important;gap:2px!important;display:flex!important}.umc-user-name{color:#0f172a!important;margin:0!important;font-size:.88rem!important;font-weight:750!important;line-height:1.3!important}.umc-user-sub{color:#64748b!important;flex-wrap:wrap!important;align-items:center!important;gap:4px!important;font-size:.72rem!important;display:flex!important}.umc-nip-code{color:#334155!important;background:#f1f5f9!important;border-radius:3px!important;padding:1px 4px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:.72rem!important}.umc-dot{color:#cbd5e1!important;font-size:.65rem!important}.umc-cabang{color:#475569!important;font-size:.72rem!important}.umc-jabatan-divisi{color:#475569!important;flex-wrap:wrap!important;align-items:center!important;gap:4px!important;margin-top:1px!important;font-size:.73rem!important;display:flex!important}.umc-footer-bar{border-top:1px solid #f8fafc!important;justify-content:space-between!important;align-items:center!important;margin-top:2px!important;padding-top:5px!important;display:flex!important}.umc-item-counts{align-items:center!important;gap:4px!important;font-size:.72rem!important;font-weight:700!important;display:flex!important}.count-aset{color:#2563eb!important}.count-sewa{color:#7c3aed!important}.count-dot{color:#cbd5e1!important}.umc-actions{gap:4px!important;display:flex!important}.umc-btn-edit{color:#2563eb!important;cursor:pointer!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:5px!important;padding:3px 8px!important;font-size:.68rem!important;font-weight:700!important}.umc-btn-delete{color:#dc2626!important;cursor:pointer!important;background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:5px!important;padding:3px 8px!important;font-size:.68rem!important;font-weight:700!important}.umc-card-editing{box-sizing:border-box!important;gap:4px!important;padding:8px 10px!important}.umc-card-editing label{color:#64748b!important;margin-bottom:1px!important;font-size:.62rem!important;font-weight:700!important;line-height:1.1!important}.umc-card-editing input,.umc-card-editing select{box-sizing:border-box!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:4px!important;width:100%!important;height:28px!important;min-height:28px!important;padding:2px 6px!important;font-size:.74rem!important}.umc-card-editing button{cursor:pointer!important;box-sizing:border-box!important;border-radius:4px!important;height:28px!important;min-height:28px!important;padding:2px 8px!important;font-size:.74rem!important;font-weight:750!important}.history-content .dashboard-section-card{border-radius:10px!important;margin-bottom:.875rem!important;padding:.875rem!important}.history-tabs-container{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;gap:.35rem!important;margin-bottom:1rem!important;padding-bottom:2px!important;overflow-x:auto!important}.history-tabs-container::-webkit-scrollbar{display:none!important}.history-tab-button{white-space:nowrap!important;background:#f8fafc!important;border-radius:6px!important;flex-shrink:0!important;min-height:40px!important;padding:.5rem .75rem!important;font-size:.78rem!important}.history-tab-button.active{color:#2563eb!important;background:#eff6ff!important}.update-kondisi-view{box-sizing:border-box!important;width:100%!important;overflow-x:hidden!important}.update-kondisi-view .view-header{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;margin-bottom:1rem!important}.update-kondisi-view .uk-desktop-table-wrapper,.update-kondisi-view .simple-table-container.uk-desktop-table-wrapper,.update-kondisi-view .uk-table-container{display:none!important}.update-kondisi-view .uk-mobile-cards-wrapper{display:flex!important}.pelaporan-wrapper-main{gap:.875rem!important;padding:.875rem .75rem!important;overflow-x:hidden!important}.back-btn-plain{align-self:flex-start!important;min-height:40px!important;padding:8px 14px!important;font-size:.82rem!important}.title-section h2{font-size:1.2rem!important}.title-section .subtitle{font-size:.82rem!important}.pelaporan-tabs-container{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;border-bottom:2px solid #e2e8f0!important;flex-wrap:nowrap!important;gap:0!important;padding-bottom:2px!important;overflow-x:auto!important}.pelaporan-tabs-container::-webkit-scrollbar{display:none!important}.tab-item-btn{white-space:nowrap!important;flex-shrink:0!important;align-items:center!important;min-height:44px!important;padding:10px 14px!important;font-size:.84rem!important;display:inline-flex!important}.pelaporan-content-card{min-height:auto!important;padding:1rem .875rem!important}.form-layout-double{grid-template-columns:1fr!important;gap:1rem!important}.reports-filter-bar,.date-filters-bar{flex-direction:column!important;gap:.625rem!important;padding:10px 12px!important}.reports-filter-bar .filter-group,.date-filters-bar .filter-group{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;width:100%!important}.filter-select{width:100%!important;min-height:44px!important;padding:8px 12px!important;font-size:15px!important}.btn-reset-filter{text-align:center!important;justify-content:center!important;width:100%!important;min-height:44px!important}}@media (width<=480px){.tab-item-btn{padding:8px 12px!important;font-size:.78rem!important}.pelaporan-wrapper-main{padding:.75rem .625rem!important}}@media (width<=768px){.empty-state{text-align:center;padding:2rem 1rem!important}.empty-state h3{font-size:1rem!important}.empty-state p{padding:0 .5rem!important;font-size:.85rem!important}.empty-state button{min-height:44px!important;padding:10px 20px!important}.update-kondisi-header{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;margin-bottom:1rem!important}.update-kondisi-header>div{flex-wrap:wrap!important;gap:.5rem!important;width:100%!important}.update-kondisi-header select{box-sizing:border-box!important;border-radius:8px!important;width:100%!important;min-height:44px!important;padding:10px 12px!important;font-size:15px!important}.update-kondisi-header input[type=text]{box-sizing:border-box!important;border-radius:8px!important;width:100%!important;min-height:44px!important;padding:10px 14px!important;font-size:16px!important}.penyusutan-header,.update-kondisi-header{flex-direction:column!important;align-items:stretch!important;gap:.875rem!important}.penyusutan-export-group button{flex:auto!important;justify-content:center!important;width:100%!important;min-height:44px!important;padding:10px 14px!important;font-size:.82rem!important}.asset-main-content>*{box-sizing:border-box!important;max-width:100%!important}.simple-table-container{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.users-top-actions-wrapper{flex-direction:column!important;gap:.75rem!important;width:100%!important;display:flex!important}.dashboard-content .dashboard-grid .stat-card:first-child,.dashboard-grid:not(.dashboard-grid-3) .stat-card:first-child,.dashboard-grid .stat-card:first-child,.stat-card:first-child{grid-column:span 1!important}.dashboard-content .dashboard-grid,.dashboard-content .dashboard-grid-3,.dashboard-content div[class*=dashboard-grid],.dashboard-grid,.dashboard-grid-3{grid-template-columns:repeat(2,1fr)!important;gap:.625rem!important;display:grid!important}.stat-card{box-sizing:border-box!important;border-radius:10px!important;padding:.875rem!important}.stat-card h3{letter-spacing:.02em!important;white-space:normal!important;font-size:.68rem!important;line-height:1.3!important}.stat-card p{margin:4px 0!important;font-size:1.25rem!important}.stat-card span{font-size:.74rem!important}.dashboard-content .dashboard-grid>.stat-card:nth-child(3),.dashboard-content .dashboard-grid-3>.stat-card:nth-child(3),.dashboard-grid>.stat-card:nth-child(3),.dashboard-grid-3>.stat-card:nth-child(3){grid-column:span 2!important}.dashboard-section-card div[style*=repeat\(auto-fit],.dashboard-section-card div[style*="repeat(auto-fit, minmax"]{grid-template-columns:repeat(2,1fr)!important;gap:.625rem!important;display:grid!important}.dashboard-section-card div[style*=repeat\(auto-fit]>div{border-radius:10px!important;padding:.875rem .75rem!important}.dashboard-section-card div[style*=repeat\(auto-fit] p{margin:4px 0!important;font-size:1.25rem!important}.admin-filters-card{box-sizing:border-box!important;border-radius:10px!important;flex-direction:column!important;gap:10px!important;width:100%!important;margin-bottom:.85rem!important;padding:10px 12px!important;display:flex!important}.admin-status-filter-group{flex-direction:column!important;align-items:stretch!important;gap:6px!important;width:100%!important;display:flex!important}.admin-filter-label{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-size:.72rem!important;font-weight:750!important}.admin-status-chips{grid-template-columns:repeat(2,1fr)!important;gap:6px!important;width:100%!important;display:grid!important}.admin-status-chip{box-sizing:border-box!important;text-align:center!important;border-radius:8px!important;justify-content:center!important;width:100%!important;min-height:38px!important;padding:6px 8px!important;font-size:.74rem!important}.admin-status-chip .chip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-filter-divider{display:none!important}.admin-month-filter-group{border-top:1px dashed #e2e8f0!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;width:100%!important;margin-left:0!important;padding-top:8px!important;display:flex!important}.admin-month-select-wrap{gap:6px!important;width:100%!important;display:flex!important}.admin-filter-select{box-sizing:border-box!important;flex:1!important;width:100%!important;min-height:38px!important;font-size:.8rem!important}.admin-reset-filter-btn{white-space:nowrap!important;justify-content:center!important;align-items:center!important;min-height:38px!important;padding:0 14px!important;font-size:.75rem!important;display:inline-flex!important}.admin-layout-split{grid-template-columns:1fr!important;gap:1rem!important;height:auto!important;min-height:auto!important;max-height:none!important}.admin-queue-list,.admin-review-details-panel{height:auto!important;min-height:auto!important;max-height:none!important;overflow-y:visible!important}.admin-layout-split.has-selected .admin-queue-list,.admin-layout-split:not(.has-selected) .admin-review-details-panel{display:none!important}.admin-back-queue-btn{color:#334155!important;cursor:pointer!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important;border-radius:6px!important;align-self:flex-start!important;align-items:center!important;gap:6px!important;margin-bottom:6px!important;padding:6px 12px!important;font-size:.78rem!important;font-weight:700!important;display:inline-flex!important}.queue-report-card{border-radius:8px!important;padding:10px 12px!important}.queue-report-card .asset-title{white-space:normal!important;word-break:break-word!important;font-size:.82rem!important}.queue-report-card .asset-kode{white-space:normal!important}.queue-report-card .desc-preview{white-space:normal!important;-webkit-line-clamp:2!important;word-break:break-word!important;-webkit-box-orient:vertical!important;display:-webkit-box!important}.review-inner-card{gap:.85rem!important;padding:1rem .875rem!important}.info-grid-two-cols{grid-template-columns:1fr!important;gap:8px!important}.review-media-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;display:grid!important}.review-media-thumb{aspect-ratio:1!important;width:100%!important;height:auto!important}.action-button-row{flex-direction:column!important;gap:6px!important}.admin-confirm-btn{width:100%!important;min-height:42px!important;font-size:.84rem!important}.asset-top-controls{flex-direction:column!important;gap:8px!important;width:100%!important;margin-bottom:.75rem!important;display:flex!important}.asset-btn-group{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;width:100%!important;display:grid!important}.btn-action-add,.btn-action-import,.btn-action-export{white-space:nowrap!important;box-sizing:border-box!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:4px!important;width:100%!important;min-height:36px!important;padding:6px 4px!important;font-size:.72rem!important;font-weight:700!important;display:inline-flex!important}.asset-search-input,.simple-search{box-sizing:border-box!important;border-radius:8px!important;width:100%!important;max-width:100%!important;min-height:38px!important;padding:6px 12px!important;font-size:.82rem!important}.asset-filter-bar{box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;grid-template-columns:repeat(2,1fr)!important;gap:7px 10px!important;width:100%!important;max-width:100%!important;margin-bottom:.55rem!important;padding:8px 10px!important;display:grid!important;overflow:visible!important;box-shadow:0 1px 2px #00000005!important}.asset-filter-bar>div{box-sizing:border-box!important;flex-direction:column!important;grid-column:span 1!important;gap:2px!important;width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important}.asset-filter-bar>div>span:first-child{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.03em!important;white-space:nowrap!important;font-size:.62rem!important;font-weight:700!important;line-height:1.1!important;display:block!important}.asset-filter-bar .custom-dropdown-container{width:100%!important;min-width:0!important;max-width:100%!important;box-shadow:none!important;box-sizing:border-box!important;background:0 0!important;border:none!important;padding:0!important;display:block!important}.asset-filter-bar button[type=button],.asset-filter-bar .custom-dropdown-trigger{box-sizing:border-box!important;cursor:pointer!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:6px!important;justify-content:space-between!important;align-items:center!important;width:100%!important;min-width:0!important;max-width:100%!important;height:30px!important;min-height:30px!important;padding:4px 8px!important;display:flex!important;box-shadow:0 1px 2px #00000005!important}.asset-filter-bar .custom-dropdown-trigger:active,.asset-filter-bar button[type=button]:active{border-color:#3b82f6!important}.asset-filter-bar button[type=button]>span:first-child,.asset-filter-bar .custom-dropdown-trigger>span:first-child{text-overflow:ellipsis!important;white-space:nowrap!important;color:#1e293b!important;text-transform:none!important;letter-spacing:normal!important;text-align:left!important;max-width:calc(100% - 14px)!important;font-size:.74rem!important;font-weight:600!important;line-height:1!important;overflow:hidden!important}.asset-filter-bar .custom-dropdown-trigger>span:last-child{color:#64748b!important;text-transform:none!important;font-size:.52rem!important;line-height:1!important}.asset-filter-bar>.filter-count{text-align:right!important;color:#94a3b8!important;text-transform:none!important;grid-column:span 2!important;margin-top:0!important;font-size:.65rem!important;font-style:italic!important;font-weight:500!important;line-height:1!important}.custom-dropdown-panel{box-sizing:border-box!important;max-width:calc(100vw - 20px)!important}.asset-filter-bar>div:nth-child(2n) .custom-dropdown-panel{left:auto!important;right:0!important}.asset-filter-bar>div:nth-child(odd) .custom-dropdown-panel{left:0!important;right:auto!important}.dashboard-content .dashboard-grid,.dashboard-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:.75rem!important;display:grid!important}.dashboard-content .dashboard-grid .stat-card:first-child,.dashboard-content .dashboard-grid>.stat-card:nth-child(3),.dashboard-grid .stat-card:first-child,.dashboard-grid>.stat-card:nth-child(3),.stat-card:first-child,.stat-card:nth-child(3){grid-column:span 1!important}.stat-card{box-sizing:border-box!important;border-left-width:4px!important;border-radius:10px!important;padding:10px 12px!important;box-shadow:0 2px 6px #0000000a!important}.stat-info h3{letter-spacing:.02em!important;margin-bottom:3px!important;font-size:.65rem!important;font-weight:800!important;line-height:1.2!important}.stat-info p{margin:2px 0!important;font-size:1.15rem!important;font-weight:800!important;line-height:1.2!important}.stat-info p span{font-size:.75rem!important;font-weight:600!important}.stat-info span{font-size:.7rem!important;line-height:1.2!important}.top-pie-grid,.status-pie-container{flex-direction:column!important;gap:10px!important;margin-bottom:.75rem!important;display:flex!important}.dashboard-section-card{border-radius:12px!important;margin-bottom:.75rem!important;padding:10px 12px!important;box-shadow:0 2px 6px #0000000a!important}.dashboard-section-card h3{margin-bottom:2px!important;font-size:.88rem!important;font-weight:800!important}.users-stat-grid,div[style*=gridTemplateColumns][style*=repeat\(4]{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:.75rem!important;display:grid!important}.empty-state-container{border-radius:12px!important;padding:1.25rem 1rem!important}.empty-state-icon{width:56px!important;height:56px!important;margin-bottom:8px!important}.user-assets-modal-overlay{align-items:flex-end!important;padding:0!important}.user-assets-modal-content{border-radius:18px 18px 0 0!important;flex-direction:column!important;width:100%!important;max-width:100%!important;height:92vh!important;max-height:92vh!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important;box-shadow:0 -10px 40px #00000040!important}.user-assets-modal-header{flex-shrink:0!important;gap:8px!important;padding:8px 12px!important}.user-assets-modal-header .user-avatar-circle{border-radius:10px!important;width:36px!important;height:36px!important;font-size:.95rem!important}.user-assets-modal-header h3{font-size:.96rem!important}.user-assets-modal-header .user-meta-sub{gap:6px!important;margin-top:1px!important;font-size:.7rem!important}.user-assets-stats-grid{flex-shrink:0!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:6px 10px!important;display:grid!important}.user-assets-stats-grid>div{border-radius:8px!important;padding:6px 8px!important}.user-assets-stats-grid>div:last-child{grid-column:span 2!important}.user-assets-stats-grid .stat-label{font-size:.65rem!important}.user-assets-stats-grid .stat-value{margin-top:1px!important;font-size:1rem!important}.user-assets-controls-bar{flex-direction:column!important;flex-shrink:0!important;align-items:stretch!important;gap:6px!important;padding:6px 10px!important;display:flex!important}.user-assets-controls-bar .tabs-container{width:100%!important;display:flex!important}.user-assets-controls-bar .tabs-container button{text-align:center!important;flex:1!important;padding:5px 6px!important;font-size:.74rem!important}.user-assets-controls-bar .search-container{width:100%!important;min-width:unset!important}.user-assets-controls-bar .search-container input{padding:6px 10px!important;font-size:.76rem!important}.user-assets-body-scroll{-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;flex:auto!important;height:100%!important;min-height:0!important;padding:8px 10px 24px!important;overflow-y:auto!important}.user-assets-cards-container{flex-direction:column!important;gap:10px!important;display:flex!important}.user-assets-modal-footer{justifyContent:space-between!important;flex-shrink:0!important;align-items:center!important;padding:8px 12px!important;display:flex!important}.uk-desktop-table-wrapper{display:none!important}.uk-mobile-cards-wrapper{flex-direction:column!important;gap:10px!important;margin-bottom:1.25rem!important;display:flex!important}.update-kondisi-view{margin-top:.35rem!important}.update-kondisi-view .uk-card,.update-kondisi-view .dashboard-section-card{border-radius:14px!important;margin-bottom:1rem!important;padding:12px!important}.update-kondisi-view .uk-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:10px!important;display:flex!important}.update-kondisi-view .uk-header-title-box{width:100%!important;min-width:0!important}.update-kondisi-view .uk-title{color:#0f172a!important;font-size:1.05rem!important;font-weight:800!important}.update-kondisi-view .uk-subtitle{color:#64748b!important;margin-top:2px!important;font-size:.72rem!important;line-height:1.3!important}.update-kondisi-view .uk-header-actions{flex-flow:row!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0!important;display:flex!important}.update-kondisi-view .uk-toggle-group{box-sizing:border-box!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:8px!important;flex:auto!important;gap:3px!important;height:36px!important;padding:3px!important;display:flex!important}.update-kondisi-view .uk-toggle-btn{white-space:nowrap!important;border:none!important;border-radius:6px!important;flex:50%!important;justify-content:center!important;align-items:center!important;gap:4px!important;height:28px!important;min-height:28px!important;padding:0 4px!important;font-size:.72rem!important;font-weight:700!important;display:inline-flex!important}.update-kondisi-view .uk-btn-export{white-space:nowrap!important;box-sizing:border-box!important;color:#fff!important;background:#16a34a!important;border:none!important;border-radius:8px!important;flex:none!important;align-items:center!important;gap:5px!important;height:36px!important;min-height:36px!important;padding:0 12px!important;font-size:.74rem!important;font-weight:750!important;display:inline-flex!important;box-shadow:0 2px 6px #16a34a40!important}.update-kondisi-view .uk-stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin-bottom:12px!important;display:grid!important}.update-kondisi-view .uk-stat-card{text-align:center!important;border-radius:8px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:8px 4px!important;display:flex!important}.update-kondisi-view .uk-stat-label{text-align:center!important;justify-content:center!important;align-items:center!important;min-height:22px!important;font-size:.64rem!important;font-weight:700!important;line-height:1.15!important;display:flex!important}.update-kondisi-view .uk-stat-val{justify-content:center!important;align-items:baseline!important;gap:2px!important;margin-top:1px!important;font-size:1.05rem!important;font-weight:850!important;line-height:1.1!important;display:flex!important}.update-kondisi-view .uk-stat-unit{font-size:.6rem!important;font-weight:500!important}.uk-mobile-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;flex-direction:column!important;gap:8px!important;padding:12px 14px!important;transition:transform .15s,box-shadow .15s!important;display:flex!important;box-shadow:0 2px 8px -2px #0000000d!important}.uk-mobile-card:active{transform:scale(.99)!important}.uk-mcard-top{justify-content:space-between!important;align-items:center!important;gap:8px!important;display:flex!important}.uk-mcard-code{color:#2563eb!important;cursor:pointer!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:6px!important;padding:3px 8px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:.78rem!important;font-weight:750!important;text-decoration:underline!important}.uk-mcard-status-pill{white-space:nowrap!important;border-radius:9999px!important;align-items:center!important;gap:5px!important;padding:3px 9px!important;font-size:.7rem!important;font-weight:750!important;display:inline-flex!important}.uk-mcard-status-pill.terupdate{color:#15803d!important;background:#dcfce7!important;border:1px solid #bbf7d0!important}.uk-mcard-status-pill.belum{color:#b91c1c!important;background:#fee2e2!important;border:1px solid #fecaca!important}.uk-mcard-dot{background-color:currentColor!important;border-radius:50%!important;width:6px!important;height:6px!important;display:inline-block!important}.uk-mcard-name{color:#0f172a!important;cursor:pointer!important;word-break:break-word!important;font-size:.92rem!important;font-weight:750!important;line-height:1.35!important}.uk-mcard-badges{flex-wrap:wrap!important;align-items:center!important;gap:5px!important;display:flex!important}.uk-mcard-type-tag{text-transform:uppercase!important;border-radius:6px!important;padding:2px 7px!important;font-size:.65rem!important;font-weight:750!important}.uk-mcard-type-tag.aset{color:#3730a3!important;background:#e0e7ff!important;border:1px solid #c7d2fe!important}.uk-mcard-type-tag.sewa{color:#0369a1!important;background:#e0f2fe!important;border:1px solid #bae6fd!important}.uk-mcard-cat-tag{color:#334155!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:6px!important;padding:2px 7px!important;font-size:.68rem!important;font-weight:600!important}.uk-mcard-cond-tag{border-radius:6px!important;align-items:center!important;gap:4px!important;padding:2px 7px!important;font-size:.68rem!important;font-weight:700!important;display:inline-flex!important}.uk-mcard-cond-tag.cond-baik{color:#15803d!important;background:#dcfce7!important;border:1px solid #bbf7d0!important}.uk-mcard-cond-tag.cond-rusak{color:#b91c1c!important;background:#fee2e2!important;border:1px solid #fecaca!important}.uk-mcard-cond-tag.cond-lain{color:#92400e!important;background:#fef3c7!important;border:1px solid #fde68a!important}.uk-mcard-details{background:#f8fafc!important;border:1px solid #f1f5f9!important;border-radius:8px!important;flex-direction:column!important;gap:4px!important;margin-top:2px!important;padding:8px 10px!important;display:flex!important}.uk-mcard-detail-item{justify-content:space-between!important;align-items:center!important;font-size:.74rem!important;display:flex!important}.uk-mcard-detail-label{color:#64748b!important;font-weight:500!important}.uk-mcard-detail-val{color:#1e293b!important;text-align:right!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:65%!important;font-weight:600!important;overflow:hidden!important}.uk-mcard-footer{gap:8px!important;margin-top:4px!important;display:flex!important}.uk-mcard-btn-detail{color:#2563eb!important;cursor:pointer!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:8px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:34px!important;min-height:34px!important;font-size:.75rem!important;font-weight:750!important;display:inline-flex!important}.uk-mcard-btn-update{color:#166534!important;cursor:pointer!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important;border-radius:8px!important;flex:none!important;justify-content:center!important;align-items:center!important;gap:5px!important;height:34px!important;min-height:34px!important;padding:0 12px!important;font-size:.75rem!important;font-weight:750!important;display:inline-flex!important}.custom-dropdown-panel{border-radius:10px!important;min-width:200px!important;max-width:calc(100vw - 32px)!important;max-height:260px!important}.custom-dropdown-search-box{padding:4px 6px 6px!important}.cd-search-input-field{box-sizing:border-box!important;background:#f8fafc!important;border:1.5px solid #cbd5e1!important;border-radius:8px!important;width:100%!important;height:34px!important;min-height:34px!important;max-height:34px!important;padding:0 28px 0 30px!important;font-size:13px!important;line-height:34px!important}.custom-dropdown-clear-btn,.custom-dropdown-clear-circle,button.custom-dropdown-clear-btn{aspect-ratio:1!important;color:#fff!important;box-sizing:border-box!important;background:#94a3b8!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;margin:0!important;padding:0!important;display:flex!important}.custom-dropdown-option-item{min-height:36px!important;padding:9px 12px!important;font-size:.85rem!important}}.uk-mobile-cards-wrapper{display:none}.uk-desktop-table-wrapper{display:block}.update-kondisi-view .uk-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-bottom:1.25rem;display:flex}.update-kondisi-view .uk-header-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:inline-flex}.update-kondisi-view .uk-toggle-group{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;gap:4px;padding:4px;display:inline-flex}.update-kondisi-view .uk-toggle-btn{cursor:pointer;color:#475569;background-color:#0000;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:750;transition:all .15s;display:inline-flex}.update-kondisi-view .uk-toggle-btn.active{color:#fff;background-color:#2563eb;box-shadow:0 2px 6px #2563eb4d}.update-kondisi-view .uk-btn-export{cursor:pointer;color:#fff;background-color:#16a34a;border:none;border-radius:8px;align-items:center;gap:7px;padding:7px 14px;font-size:.8rem;font-weight:750;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #16a34a4d}.update-kondisi-view .uk-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:1.5rem;display:grid}.update-kondisi-view .uk-stat-card{border-radius:10px;padding:12px 16px}.update-kondisi-view .uk-stat-total{background-color:#f8fafc;border:1px solid #e2e8f0}.update-kondisi-view .uk-stat-total .uk-stat-label{color:#64748b;font-size:.74rem;font-weight:600;display:block}.update-kondisi-view .uk-stat-total .uk-stat-val{color:#0f172a;margin-top:2px;font-size:1.4rem;font-weight:850}.update-kondisi-view .uk-stat-updated{background-color:#f0fdf4;border:1px solid #bbf7d0}.update-kondisi-view .uk-stat-updated .uk-stat-label{color:#166534;font-size:.74rem;font-weight:600;display:block}.update-kondisi-view .uk-stat-updated .uk-stat-val{color:#15803d;margin-top:2px;font-size:1.4rem;font-weight:850}.update-kondisi-view .uk-stat-pending{background-color:#fef2f2;border:1px solid #fecaca}.update-kondisi-view .uk-stat-pending .uk-stat-label{color:#991b1b;font-size:.74rem;font-weight:600;display:block}.update-kondisi-view .uk-stat-pending .uk-stat-val{color:#b91c1c;margin-top:2px;font-size:1.4rem;font-weight:850}.update-kondisi-view .uk-stat-unit{color:inherit;opacity:.8;font-size:.75rem;font-weight:500}.penyusutan-card-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000d}.penyusutan-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-bottom:1.25rem;display:flex}.penyusutan-title-block{flex:auto}.penyusutan-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:750}.penyusutan-subtitle{color:#64748b;margin:2px 0 0;font-size:.8rem}.penyusutan-header-actions{flex-wrap:wrap;gap:8px;display:inline-flex}.penyusutan-btn-export{cursor:pointer;color:#fff;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}.penyusutan-btn-export:disabled{cursor:not-allowed;opacity:.7;box-shadow:none!important;background:#cbd5e1!important}.penyusutan-btn-year{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 2px 5px #2563eb33}.penyusutan-btn-year:not(:disabled):hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px)}.penyusutan-btn-month{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 5px #10b98133}.penyusutan-btn-month:not(:disabled):hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px)}.penyusutan-filter-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}.penyusutan-filter-group{flex-direction:column;gap:6px;display:flex}.penyusutan-tipe-buttons{align-items:center;gap:6px;display:flex}.penyusutan-filter-count{align-self:flex-end;margin-left:auto;padding-bottom:6px}.penyusutan-desktop-table-wrapper{display:block}.penyusutan-mobile-cards-wrapper{display:none}.pmc-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 4px #0000000a}.pmc-card:active{transform:scale(.99)}.pmc-top-bar{justify-content:space-between;align-items:center;gap:8px;display:flex}.pmc-code-wrap{align-items:center;gap:6px;display:inline-flex}.pmc-index{color:#94a3b8;font-size:.7rem;font-weight:700}.pmc-code-link{color:#2563eb;cursor:pointer;letter-spacing:-.01em;background:#eff6ff;border:1px solid #dbeafe;border-radius:5px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;font-weight:750}.pmc-badge-group{align-items:center;gap:5px;display:inline-flex}.pmc-badge-aset{color:#1d4ed8!important;background-color:#dbeafe!important;border:1px solid #bfdbfe!important;font-size:.68rem!important;font-weight:750!important}.pmc-badge-sewa{color:#6b21a8!important;background-color:#f3e8ff!important;border:1px solid #e9d5ff!important;font-size:.68rem!important;font-weight:750!important}.pmc-badge-status{color:#15803d!important;background-color:#dcfce7!important;border:1px solid #bbf7d0!important;font-size:.68rem!important;font-weight:750!important}.pmc-body-info{flex-direction:column;gap:2px;display:flex}.pmc-item-name{color:#0f172a;cursor:pointer;margin:0;font-size:.92rem;font-weight:750;line-height:1.35}.pmc-item-sub{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;font-size:.74rem;display:flex}.pmc-dot{color:#cbd5e1}.pmc-stats-grid{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px 8px;padding:8px 10px;display:grid}.pmc-stat-cell{flex-direction:column;gap:1px;display:flex}.pmc-stat-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.02em;font-size:.65rem;font-weight:700}.pmc-stat-num{color:#1e293b;font-size:.8rem;font-weight:650}.pmc-stat-num.pmc-blue{color:#2563eb}.pmc-stat-num.pmc-red{color:#dc2626}.pmc-highlight-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 12px;display:flex}.pmc-highlight-lbl{color:#166534;font-size:.75rem;font-weight:750}.pmc-highlight-val{color:#15803d;font-size:.92rem;font-weight:850}@media (width<=768px){.penyusutan-card-container{border-radius:10px!important;padding:.85rem!important}.penyusutan-header-row{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;margin-bottom:.85rem!important}.penyusutan-title{font-size:1.05rem!important}.penyusutan-subtitle{font-size:.75rem!important}.penyusutan-header-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}.penyusutan-btn-export{justify-content:center!important;width:100%!important;min-height:38px!important;padding:8px 6px!important;font-size:.75rem!important}.penyusutan-filter-card{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;margin-bottom:.85rem!important;padding:.75rem!important}.penyusutan-filter-group,.penyusutan-filter-group .custom-dropdown-container{width:100%!important}.penyusutan-tipe-buttons{gap:6px!important;width:100%!important;display:flex!important}.penyusutan-tipe-buttons button{text-align:center!important;flex:1 1 0!important;justify-content:center!important;padding:7px 4px!important;font-size:.76rem!important}.penyusutan-filter-count{align-self:flex-end!important;margin-left:0!important;padding-bottom:0!important;font-size:.72rem!important}.penyusutan-desktop-table-wrapper{display:none!important}.penyusutan-mobile-cards-wrapper{flex-direction:column!important;gap:10px!important;width:100%!important;display:flex!important}.pelaporan-filter-container{box-sizing:border-box!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;flex-direction:column!important;gap:6px!important;width:100%!important;margin-bottom:.75rem!important;padding:8px!important;display:flex!important}.pelaporan-filter-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important;width:100%!important;max-width:100%!important;display:grid!important}.pelaporan-filter-grid.pelaporan-filter-single{grid-template-columns:1fr!important}.pelaporan-filter-col,.pelaporan-filter-col .custom-dropdown-container{width:100%!important;min-width:0!important}.pelaporan-filter-col .custom-dropdown-trigger{text-align:left!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:6px!important;justify-content:space-between!important;align-items:center!important;height:32px!important;min-height:32px!important;padding:0 8px!important;font-size:.74rem!important;font-weight:500!important;display:flex!important}.pelaporan-filter-col .custom-dropdown-trigger span:first-child{text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left!important;flex:auto!important;margin:0!important;padding:0!important;font-size:.74rem!important;overflow:hidden!important}.pelaporan-filter-col .custom-dropdown-trigger span:last-child{color:#64748b!important;flex:none!important;margin-left:4px!important;font-size:.55rem!important}.btn-reset-filter-pelaporan{text-align:center!important;box-sizing:border-box!important;border-radius:6px!important;justify-content:center!important;width:100%!important;height:30px!important;min-height:30px!important;padding:0 8px!important;font-size:.72rem!important;font-weight:600!important}}.simple-navbar{z-index:100;background:linear-gradient(90deg,#1b439c 0%,#1e40af 50%,#2158d0 100%);border-bottom:none;width:100%;position:relative;box-shadow:0 2px 12px #1b439c4d}.navbar-container{justify-content:space-between;align-items:center;gap:1rem;max-width:100%;height:64px;margin:0 auto;padding:0 2rem;display:flex}.navbar-logo{-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.navbar-logo.clickable{cursor:pointer;transition:opacity .2s}.navbar-logo.clickable:hover{opacity:.9}.navbar-logo-img{object-fit:contain;filter:brightness(0)invert();width:auto;height:32px}.navbar-divider{background-color:#ffffff59;width:1px;height:22px}.navbar-title{color:#fff;letter-spacing:.2px;white-space:nowrap;font-size:1.05rem;font-weight:700}.navbar-user{align-items:center;gap:12px;display:flex}.navbar-notif-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1.5px solid #fff6;border-radius:50%;outline:none;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.navbar-notif-btn:hover{background:#ffffff40;border-color:#fffc;transform:translateY(-1px)scale(1.05)}.navbar-bell-icon{animation:3s ease-in-out infinite ringBell}@keyframes ringBell{0%,85%,to{transform:rotate(0)}88%{transform:rotate(14deg)}92%{transform:rotate(-12deg)}96%{transform:rotate(10deg)}}.navbar-notif-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #1b439c;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.68rem;font-weight:800;animation:2s infinite pulseBadge;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #ef444480}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.navbar-profile-trigger{cursor:pointer;text-align:left;background:#ffffff14;border:1.5px solid #fff6;border-radius:9999px;outline:none;align-items:center;gap:10px;padding:4px 14px 4px 4px;transition:all .2s;display:flex}.navbar-profile-trigger:hover{background:#fff3;border-color:#ffffffb3;transform:translateY(-1px);box-shadow:0 2px 10px #00000026}.navbar-avatar{aspect-ratio:1;color:#fff;letter-spacing:.5px;box-sizing:border-box;background:linear-gradient(135deg,#818cf8 0%,#e879f9 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;min-height:34px;font-size:.78rem;font-weight:800;display:flex;box-shadow:0 2px 6px #0003}.navbar-user-info{flex-direction:column;line-height:1.25;display:flex}.navbar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.85rem;font-weight:700;overflow:hidden}.navbar-user-role{color:#fffc;font-size:.72rem;font-weight:400}.navbar-chevron{color:#ffffffd9;margin-left:2px;transition:transform .2s}.navbar-profile-trigger:hover .navbar-chevron{color:#fff;transform:translateY(1px)}.navbar-logout-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f05252,#ef4444);border:none;border-radius:9px;align-items:center;gap:8px;padding:8px 18px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #ef444459}.navbar-logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef444473}.navbar-logout-btn:active{transform:translateY(0)}@media (width<=768px){.navbar-container{height:58px;padding:0 1.25rem}.navbar-user-name{max-width:90px}}@media (width<=576px){.navbar-container{gap:.5rem;height:54px;padding:0 .85rem}.navbar-title,.navbar-divider,.navbar-user-info,.navbar-chevron{display:none}.navbar-profile-trigger{aspect-ratio:1;box-sizing:border-box;background:#ffffff1f;border:1.5px solid #ffffff73;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;display:flex}.navbar-avatar{aspect-ratio:1;width:30px;min-width:30px;height:30px;min-height:30px;box-shadow:none;border-radius:50%;margin:0}.navbar-logout-btn{padding:6px 10px;font-size:.78rem}.navbar-logout-btn span{display:none}}.pm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;animation:.2s pmFadeIn;display:flex;position:fixed;inset:0}@keyframes pmFadeIn{0%{opacity:0}to{opacity:1}}.pm-modal{background:#fff;border-radius:16px;width:100%;max-width:440px;margin:1rem;animation:.25s pmSlideUp;overflow:hidden;box-shadow:0 24px 60px #0f172a2e,0 4px 16px #0f172a14}@keyframes pmSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.pm-header{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 60%,#3b82f6 100%);align-items:center;gap:14px;padding:22px 24px 18px;display:flex;position:relative}.pm-avatar{color:#fff;letter-spacing:.5px;background:#fff3;border:2px solid #ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 2px 8px #00000026}.pm-header-info{flex:1}.pm-title{color:#fff;margin:0 0 2px;font-size:1.05rem;font-weight:700}.pm-subtitle{color:#ffffffc7;margin:0;font-size:.78rem}.pm-close-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff2e;border:1px solid #ffffff59;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;padding:5px 14px;font-size:.75rem;font-weight:600;transition:background .2s,transform .15s;display:flex}.pm-close-btn:hover{background:#ffffff47;transform:scale(1.04)}.pm-body{padding:22px 24px 24px}.pm-loading{color:#64748b;flex-direction:column;align-items:center;gap:12px;padding:32px 0;font-size:.88rem;display:flex}.pm-loading-svg{width:90px;height:46px}@keyframes mmiBouncePM{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pm-d-green{animation:1s ease-in-out infinite mmiBouncePM}.pm-d-orange{animation:1s ease-in-out .15s infinite mmiBouncePM}.pm-d-blue{animation:1s ease-in-out .3s infinite mmiBouncePM}.pm-alert{border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.84rem;font-weight:500}.pm-alert-success{color:#15803d;background:#f0fdf4;border:1px solid #86efac}.pm-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5}.pm-view{flex-direction:column;gap:2px;display:flex}.pm-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:3px;margin-bottom:8px;padding:10px 14px;transition:border-color .2s,background .2s;display:flex}.pm-field:hover{background:#f0f9ff;border-color:#93c5fd}.pm-field-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:700}.pm-field-value{color:#1e293b;font-size:.92rem;font-weight:600}.pm-empty{color:#94a3b8;font-style:italic;font-weight:400}.pm-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:6px;padding:11px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.pm-btn-edit{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 60%,#3b82f6 100%);box-shadow:0 2px 8px #2563eb40}.pm-btn-edit:hover{background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 60%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.pm-form{flex-direction:column;gap:14px;display:flex}.pm-form-group{flex-direction:column;gap:5px;display:flex}.pm-form-group label{color:#374151;font-size:.8rem;font-weight:600}.pm-required{color:#ef4444}.pm-form-group input{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 13px;font-size:.88rem;transition:border-color .2s,box-shadow .2s,background .2s}.pm-form-group input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.pm-form-group input:disabled{opacity:.6;cursor:not-allowed}.pm-form-note{color:#94a3b8;background:#f1f5f9;border-radius:7px;padding:8px 12px;font-size:.76rem}.pm-form-actions{gap:10px;margin-top:4px;display:flex}.pm-form-actions .pm-btn{flex:1;margin-top:0}.pm-btn-cancel{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.pm-btn-cancel:hover:not(:disabled){color:#334155;background:#e2e8f0}.pm-btn-save{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 60%,#3b82f6 100%);box-shadow:0 2px 8px #2563eb40}.pm-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 60%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.pm-btn-save:disabled,.pm-btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}.pm-error{text-align:center;color:#b91c1c;padding:24px 0;font-size:.88rem}.pm-spinner{border:3px solid #2563eb2e;border-top-color:#2563eb;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite pmSpin;display:inline-block}.pm-spinner-sm{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:14px;height:14px}@keyframes pmSpin{to{transform:rotate(360deg)}}@media (width<=480px){.pm-overlay{align-items:flex-end;padding:0}.pm-modal{border-radius:20px 20px 0 0;max-width:100%;max-height:92vh;margin:0;overflow-y:auto}.pm-header{padding:18px 18px 14px}.pm-body{padding:16px 18px 24px}}@media (width<=360px){.pm-header{padding:14px 14px 12px}.pm-body{padding:14px 14px 20px}.pm-title{font-size:.95rem}}.clm-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10001;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;animation:.2s clmFadeIn;display:flex;position:fixed;inset:0}@keyframes clmFadeIn{0%{opacity:0}to{opacity:1}}.clm-modal{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:360px;padding:2rem 1.75rem 1.75rem;animation:.25s clmSlideUp;box-shadow:0 30px 60px #0f172a33,0 4px 16px #0f172a1a}@keyframes clmSlideUp{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.clm-icon-wrap{background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.25rem;display:flex;box-shadow:0 4px 14px #ef444440}.clm-icon{color:#dc2626;width:30px;height:30px}.clm-title{color:#0f172a;margin:0 0 .6rem;font-size:1.2rem;font-weight:700}.clm-message{color:#64748b;margin:0 0 1.75rem;font-size:.875rem;line-height:1.6}.clm-actions{gap:10px;display:flex}.clm-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:11px;font-size:.9rem;font-weight:600;transition:all .2s}.clm-btn-cancel{color:#475569;background:#f1f5f9}.clm-btn-cancel:hover{color:#1e293b;background:#e2e8f0}.clm-btn-confirm{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 3px 10px #dc26264d}.clm-btn-confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 5px 14px #dc262666}@media (width<=400px){.clm-modal{border-radius:16px;padding:1.5rem 1.25rem}.clm-actions{flex-direction:column}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--bg-card:#fff;--border-color:#e2e8f0;--border-radius:6px;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8}.table-dashboard-layout-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-direction:row;flex:1;gap:0;width:100%;height:100%;min-height:0;padding:0;display:flex;overflow:hidden}.view-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.view-header-title,.view-header-actions{align-items:center;gap:1rem;display:flex}.asset-sidebar{box-sizing:border-box;background-color:#fafbfc;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:1rem;width:210px;height:100%;padding:1.25rem .85rem;display:flex;overflow-y:auto}@media (width>=769px){.mobile-sidebar-user-box,.mobile-sidebar-user-actions{display:none!important}}.sidebar-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-top:.5rem;margin-bottom:-.25rem;padding-left:6px;font-size:.75rem;font-weight:750}.sidebar-menu{flex-direction:column;gap:.4rem;display:flex}.sidebar-menu-btn{text-align:left;color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:.88rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-menu-btn:hover{color:#0f172a;background-color:#f1f5f9;transform:translate(4px)}.sidebar-menu-btn.active{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:3.5px solid #3b82f6;font-weight:700;box-shadow:0 4px 12px #2563eb0f}.sidebar-submenu{opacity:0;border-left:1.5px solid #cbd5e1;flex-direction:column;gap:.3rem;max-height:0;margin-top:0;margin-bottom:0;margin-left:10px;padding-left:1rem;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-out,margin .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebar-submenu.open{opacity:1;max-height:250px;margin-top:.25rem;margin-bottom:.5rem}.sidebar-submenu .sidebar-menu-btn{color:#64748b;border-radius:6px;padding:8px 12px;font-size:.82rem}.sidebar-submenu .sidebar-menu-btn:hover{color:#1e293b;background-color:#f1f5f9;transform:translate(4px)}.sidebar-submenu .sidebar-menu-btn.active{color:#2563eb;background:#eff6ff;border-left:2px solid #3b82f6;font-weight:700}.sidebar-user-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:10px;padding:12px 14px;font-size:.8rem;box-shadow:0 2px 6px #00000005}.sidebar-user-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.sidebar-user-name{color:#1e40af;margin-top:3px;font-size:.88rem;font-weight:700}.asset-main-content{box-sizing:border-box;flex:1;min-width:0;height:100%;padding:1.25rem 1.75rem;overflow:hidden auto}.back-btn-simple{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.back-btn-simple:before{content:"←";font-size:1.05rem;font-weight:700;transition:transform .2s;display:inline-block}.back-btn-simple:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000008}.back-btn-simple:hover:before{transform:translate(-4px)}.simple-search{border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;min-width:250px;padding:8px 12px;font-size:.85rem;transition:border-color .2s}.simple-search:focus{border-color:var(--primary)}.add-form-modal{width:95%;max-height:90vh;overflow-y:auto;border-radius:16px!important;max-width:820px!important;padding:2rem!important;box-shadow:0 25px 50px -12px #00000040!important}.form-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-bottom:1.75rem;display:grid}.form-field{flex-direction:column;gap:8px;display:flex}.form-field label{color:#475569;letter-spacing:.01em;font-size:.82rem;font-weight:700}.form-field input,.form-field select{color:#1e293b;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 14px;font-size:.85rem;transition:all .2s ease-in-out;box-shadow:0 1px 2px #00000005}.form-field input:hover,.form-field select:hover{border-color:#94a3b8}.form-field input:focus,.form-field select:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626,0 1px 2px #0000000d}.form-field input[readonly],.form-field select[disabled],.form-field input:disabled{color:#64748b!important;cursor:not-allowed!important;box-shadow:none!important;background-color:#f8fafc!important;border-color:#e2e8f0!important}.form-actions{justify-content:flex-end;gap:.75rem;display:flex}.modal-header{border-bottom:1px solid #f1f5f9;margin-bottom:1.75rem;padding-bottom:1rem}.modal-header h3{color:#0f172a;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 6px;font-size:1.35rem;font-weight:800}.modal-subtitle{color:#64748b;margin:0;font-size:.82rem}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 1px 3px #2563eb4d}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.btn-secondary{color:#334155;cursor:pointer;background-color:#e2e8f0;border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background-color:#cbd5e1}.btn-action-add{color:#fff;cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 16px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #2563eb40}.btn-action-add:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1.5px);box-shadow:0 4px 14px #2563eb61}.btn-action-add:active{transform:translateY(0)scale(.98)}.btn-action-add.active-cancel{color:#475569;box-shadow:none;background:#f1f5f9;border:1px solid #cbd5e1}.btn-action-add.active-cancel:hover{color:#1e293b;background:#e2e8f0;transform:translateY(-1px)}.btn-action-import{color:#fff;cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 16px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #6366f140}.btn-action-import:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1.5px);box-shadow:0 4px 14px #6366f161}.btn-action-import:active{transform:translateY(0)scale(.98)}.btn-action-export{color:#fff;cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 16px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #10b98140}.btn-action-export:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1.5px);box-shadow:0 4px 14px #10b98161}.btn-action-export:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-action-export:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#cbd5e1;transform:none}.update-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:4px;padding:4px 8px;font-size:.68rem;font-weight:600;transition:all .2s}.update-btn:hover{background:linear-gradient(135deg,#2563eb,#4f46e5);transform:translateY(-1px)}.asset-filter-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;width:fit-content;max-width:100%;padding:6px 14px;display:inline-flex}.asset-filter-bar>div{flex:none;align-items:center;gap:6px;width:auto;display:inline-flex}.asset-filter-bar>div>span{color:#475569;white-space:nowrap;font-size:.78rem;font-weight:700}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:460px;padding:1.5rem;box-shadow:0 20px 50px #00000026}.modal-content-wide{max-height:90vh;overflow-y:auto;max-width:580px!important}.modal-detail-custom{max-width:720px!important;height:80vh!important}.modal-content h3{color:#1e293b;margin-top:0;margin-bottom:1rem;font-size:1.15rem}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.kondisi-select{appearance:auto;font-size:.9rem}.media-badge{color:#fff;vertical-align:middle;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:12px;margin-left:.5rem;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-block}.recording-indicator{color:#dc2626;align-items:center;gap:6px;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:flex}.rec-dot{background-color:#dc2626;border-radius:50%;width:10px;height:10px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.media-gallery-live{width:100%;margin-top:.75rem}.media-gallery-label{color:#64748b;text-align:left;border-top:1px solid #e2e8f0;margin-bottom:.5rem;padding-top:.5rem;font-size:.78rem}.media-gallery-grid{flex-wrap:wrap;gap:.5rem;display:flex}.media-thumb{background:#000;border:2px solid #e2e8f0;border-radius:6px;flex-shrink:0;width:72px;height:72px;transition:border-color .2s;position:relative;overflow:hidden}.media-thumb.active-thumb{box-shadow:0 0 0 2px #3b82f666;border-color:#3b82f6!important}.thumb-media{object-fit:cover;width:100%;height:100%;display:block}.thumb-type{text-shadow:0 0 3px #000c;font-size:.65rem;position:absolute;bottom:2px;left:4px}.thumb-remove{color:#fff;cursor:pointer;background-color:#dc2626d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:.6rem;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.thumb-remove:hover{background-color:#b91c1c}.media-result{width:100%}.form-group-modal{margin-bottom:1.25rem}.form-group-modal label{color:#475569;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.simple-input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:9px 12px;font-size:.9rem;transition:border-color .2s}.simple-input:focus{border-color:#3b82f6;outline:none}.camera-container{text-align:center;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:8px;padding:1rem}.camera-view video{background:#000;border-radius:6px;width:100%;max-height:250px;margin-bottom:.5rem}.camera-controls{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.btn-danger-pulse{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:600;animation:1.5s infinite pulse}.btn-danger-pulse:hover{background-color:#dc2626}.btn-stop{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:600}.btn-stop:hover{background-color:#b91c1c}@keyframes pulse{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.main-preview-box{box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:center;width:100%;padding:.75rem;display:flex}.main-preview-image,.main-preview-video{object-fit:contain;background-color:#0f172a;border-radius:6px;width:100%;max-height:280px}.main-preview-caption{color:#64748b;justify-content:space-between;align-items:center;width:100%;margin-top:.5rem;font-size:.85rem;font-weight:500;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in-view{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.table-dashboard-layout-container{background-color:#f8fafc;flex-direction:row;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.mobile-navbar-header{display:none}.sidebar-quick-stats{color:#475569;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:12px;margin-top:auto;padding:14px 16px;font-size:.82rem;transition:all .3s;box-shadow:0 4px 20px #00000005}.sidebar-quick-stats:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000000d}.quick-stats-title{color:#0f172a;letter-spacing:.02em;align-items:center;gap:6px;margin-bottom:12px;font-size:.82rem;font-weight:700;display:flex}.quick-stats-title:before{content:"";font-size:.9rem}.quick-stats-row{justify-content:space-between;margin-bottom:8px;font-size:.78rem;display:flex}.quick-stats-row:last-child{margin-bottom:0}.quick-stats-row span{color:#64748b;font-weight:500}.quick-stats-row strong{color:#0f172a;font-weight:700}.sidebar-top-section{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.mobile-sidebar-close-btn{display:none}.mobile-cards-container{flex-direction:column;gap:12px;margin-top:1rem;margin-bottom:1rem;display:none}.mobile-asset-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:14px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0000000a}.mobile-asset-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.card-header-main{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.card-kode{color:#64748b;background:#f1f5f9;border-radius:4px;padding:3px 8px;font-size:.78rem;font-weight:700}.card-nama{color:#1e293b;margin:4px 0 8px;font-size:1rem;font-weight:700}.card-details-grid{background:#f8fafc;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px;display:grid}.card-detail-item{flex-direction:column;gap:2px;display:flex}.detail-label{text-transform:uppercase;color:#94a3b8;font-size:.65rem;font-weight:600}.detail-val{color:#334155;font-size:.8rem;font-weight:500}.card-actions-row{gap:8px;margin-top:8px;display:flex}.card-btn{text-align:center;border-radius:6px;flex:1;padding:8px 10px;font-size:.78rem;font-weight:600}.no-data-card{text-align:center;color:#64748b;background:#fff;border:1.5px dashed #cbd5e1;border-radius:8px;padding:24px;font-size:.88rem}@media (width<=768px){.table-dashboard-layout-container{flex-direction:column;background:0 0!important;border:none!important;border-radius:0!important;gap:0!important;min-height:100vh!important;padding:60px 0 0!important}.mobile-navbar-header{z-index:900;color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);justify-content:space-between;align-items:center;height:60px;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #00000026}.mobile-nav-back-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:4px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.mobile-nav-back-btn:before{content:"←";font-size:.9rem;transition:transform .2s}.mobile-nav-back-btn:hover{background:#ffffff40;border-color:#fff6}.mobile-nav-back-btn:hover:before{transform:translate(-2px)}.mobile-brand-title{letter-spacing:.5px;font-size:.95rem;font-weight:700}.mobile-menu-toggle-btn{color:#1e3a8a;cursor:pointer;background:#fff;border:none;border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:700;box-shadow:0 2px 4px #0000001a}.sidebar-drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#0006;position:fixed;inset:0}.asset-sidebar{z-index:1000;box-sizing:border-box;background:#fff;border-right:none;flex-direction:column;width:260px;height:100vh;padding:1.5rem 1rem;transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:-280px;box-shadow:4px 0 15px #00000026}.asset-sidebar.mobile-sidebar-open{left:0}.back-btn-simple{display:none}.mobile-sidebar-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-block}.sidebar-menu{flex-direction:column;gap:8px;margin-top:1rem}.sidebar-menu-btn{text-align:left;width:100%;padding:10px 14px;font-size:.88rem}.asset-main-content{box-sizing:border-box;width:100%;padding:1rem .75rem}.view-header{flex-direction:column;align-items:flex-start;gap:.75rem}.simple-search{width:100%;min-width:0}.simple-table-container{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto;display:block!important}.mobile-cards-container{flex-direction:column;gap:.75rem;width:100%;display:flex!important}}@media (width<=480px){.modal-content{border-radius:12px;width:96%;padding:1.25rem 1rem}.modal-content-wide{max-width:96%}.form-grid{grid-template-columns:1fr;gap:.9rem}.view-header-title{flex-wrap:wrap;gap:.5rem}.view-header-title h2{font-size:1.05rem}.btn-primary,.btn-secondary{padding:7px 12px;font-size:.8rem}.sidebar-user-info{display:none}.modal-actions{flex-direction:column;gap:.5rem}.modal-actions button{width:100%}.form-actions{flex-direction:column}.form-actions button{width:100%}.camera-view video{max-height:200px}}@media (width<=425px){.table-dashboard-layout-container{padding:56px 0 0!important}.asset-main-content{padding:.85rem .65rem}.view-header-title h2{font-size:.95rem}.btn-primary,.btn-secondary{padding:6px 11px;font-size:.77rem}.mobile-navbar-header{height:56px}}@media (width<=375px){.table-dashboard-layout-container{padding:52px 0 0!important}.asset-main-content{padding:.75rem .55rem}.mobile-navbar-header{height:52px;padding:0 .75rem}.mobile-brand-title{font-size:.85rem}.mobile-nav-back-btn,.mobile-menu-toggle-btn{padding:5px 10px;font-size:.72rem}.view-header-title h2{font-size:.88rem}.btn-primary,.btn-secondary{padding:6px 10px;font-size:.74rem}.sidebar-menu-btn{padding:9px 12px;font-size:.84rem}}@media (width<=320px){.table-dashboard-layout-container{padding:50px 0 0!important}.asset-main-content{padding:.6rem .45rem}.mobile-navbar-header{height:50px;padding:0 .6rem}.mobile-brand-title{font-size:.8rem}.mobile-nav-back-btn,.mobile-menu-toggle-btn{padding:4px 8px;font-size:.68rem}.view-header-title h2{font-size:.82rem}.btn-primary,.btn-secondary{padding:5px 9px;font-size:.7rem}.sidebar-menu-btn{padding:8px 10px;font-size:.8rem}.modal-content{border-radius:10px;padding:1rem .75rem}}.nice-table{border-collapse:collapse;text-align:left;table-layout:auto;width:100%;font-size:.82rem}.nice-table th{z-index:10;color:#1e3a8a;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:linear-gradient(135deg,#eff6ff 0%,#e0e7ff 100%);border-bottom:2px solid #c7d2fe;padding:8px;font-size:.76rem;font-weight:750;position:sticky;top:0}.nice-table td{word-wrap:break-word;word-break:break-word;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px}.nice-table tbody tr{transition:all .2s}.nice-table tbody tr:hover{background-color:#eff6ff!important}.sticky-col{z-index:3;background-color:#fff;left:0;position:sticky!important}thead .sticky-col,.nice-table th.sticky-col,.simple-asset-table th.sticky-col{z-index:15;background:linear-gradient(135deg,#eff6ff 0%,#e0e7ff 100%)!important}.nice-table tbody tr:hover .sticky-col,.simple-asset-table tbody tr:hover .sticky-col{background-color:#eff6ff!important}.sticky-col{box-shadow:2px 0 6px -2px #00000014;border-right:2px solid #e2e8f0!important}.sticky-col-1{z-index:3;background-color:#fff;left:0;border-right:1px solid #f1f5f9!important;width:155px!important;min-width:155px!important;max-width:155px!important;position:sticky!important}thead .sticky-col-1,.nice-table th.sticky-col-1{z-index:15;background:linear-gradient(135deg,#eff6ff 0%,#e0e7ff 100%)!important;border-right:1px solid #c7d2fe!important}.nice-table tbody tr:hover .sticky-col-1{background-color:#eff6ff!important}.sticky-col-2{z-index:3;background-color:#fff;left:155px;box-shadow:3px 0 8px -2px #00000014;border-right:2px solid #cbd5e1!important;width:220px!important;min-width:200px!important;max-width:250px!important;position:sticky!important}thead .sticky-col-2,.nice-table th.sticky-col-2{z-index:15;box-shadow:3px 0 8px -2px #00000014;background:linear-gradient(135deg,#eff6ff 0%,#e0e7ff 100%)!important;border-right:2px solid #cbd5e1!important}.nice-table tbody tr:hover .sticky-col-2{background-color:#eff6ff!important}.tanda-terima-overlay{z-index:2100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172abf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.tanda-terima-container{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:820px;max-height:94vh;animation:.25s cubic-bezier(.16,1,.3,1) modalScaleIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.tanda-terima-header-actions{justifyContent:space-between;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;padding:10px 16px;display:flex}.tanda-terima-scrollable{-webkit-overflow-scrolling:touch;background:#f8fafc;flex:1;padding:16px;overflow-y:auto}.tanda-terima-sheet{color:#0f172a;background:#fff;border:2px solid #0f172a;border-radius:4px;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden;box-shadow:0 4px 12px #0000000d}.tt-sheet-header{border-bottom:2px solid #0f172a;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.tt-logo-wrapper img{object-fit:contain;height:44px;display:block}.tt-title-wrapper{text-align:right}.tt-main-title{letter-spacing:.04em;color:#0f172a;text-transform:uppercase;margin:0;font-size:1.15rem;font-weight:900;line-height:1.2}.tt-doc-number{color:#334155;letter-spacing:.02em;margin-top:3px;font-size:.82rem;font-weight:800}.tt-table{border-collapse:collapse;width:100%}.tt-table tr{border-bottom:1.5px solid #0f172a}.tt-label-col{color:#0f172a;vertical-align:top;background:#fafafa;border-right:1.5px solid #0f172a;width:150px;padding:8px 12px;font-size:.85rem;font-weight:700}.tt-colon-col{text-align:center;vertical-align:top;border-right:1.5px solid #0f172a;width:20px;padding:8px 0;font-size:.85rem;font-weight:700}.tt-value-col{color:#1e293b;vertical-align:top;word-break:break-word;padding:8px 14px;font-size:.85rem;line-height:1.45}.tt-signatures-table{border-collapse:collapse;width:100%}.tt-sig-header-row{background:#f1f5f9;border-bottom:1.5px solid #0f172a}.tt-sig-th{text-align:center;border-right:1.5px solid #0f172a;width:25%;padding:8px;font-size:.8rem;font-weight:800}.tt-sig-th:last-child{border-right:none}.tt-sig-body-row{height:140px}.tt-sig-td{vertical-align:top;text-align:center;border-right:1.5px solid #0f172a;height:100%;padding:8px;position:relative}.tt-sig-td:last-child{border-right:none}.tt-crossed-box{justify-content:center;align-items:center;width:100%;height:100%;min-height:90px;display:flex;position:relative}.tt-crossed-box svg{width:100%;height:100%;position:absolute;inset:0}.tt-sig-img{object-fit:contain;max-width:100%;max-height:75px;margin:4px auto;display:block}.tt-sig-name{color:#0f172a;word-break:break-word;border-top:1px dashed #cbd5e1;margin-top:4px;padding-top:3px;font-size:.75rem;font-weight:700}.tt-sig-date{color:#64748b;margin-top:2px;font-size:.65rem}.tt-canvas-wrapper{touch-action:none;box-sizing:border-box;background:#fff;border:1.5px dashed #3b82f6;border-radius:6px;width:100%;margin-bottom:6px;padding:2px}.tt-canvas{cursor:crosshair;touch-action:none;background:#fdfdfe;width:100%;height:90px;display:block}.tt-signer-select{color:#0f172a;box-sizing:border-box;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:5px 6px;font-size:.72rem;font-weight:600;transition:border-color .15s,box-shadow .15s;overflow:hidden}.tt-signer-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.tt-signer-select optgroup{color:#475569;background:#f8fafc;font-weight:800}.tt-signer-select option{color:#1e293b;background:#fff;padding:4px 6px;font-weight:500}@media screen and (width<=640px){.tanda-terima-overlay{align-items:flex-start;padding:6px}.tanda-terima-container{border-radius:8px;max-height:98vh}.tanda-terima-header-actions{padding:8px 10px}.tanda-terima-scrollable{padding:8px}.tt-sheet-header{gap:8px;padding:10px 12px}.tt-logo-wrapper img{height:32px}.tt-main-title{font-size:.92rem}.tt-doc-number{font-size:.72rem}.tt-label-col{width:90px;padding:6px 8px;font-size:.75rem}.tt-colon-col{width:14px;padding:6px 0;font-size:.75rem}.tt-value-col{padding:6px 8px;font-size:.75rem}.tt-signatures-table,.tt-signatures-table tbody,.tt-signatures-table thead{width:100%;display:block}.tt-signatures-table thead{display:none}.tt-sig-body-row{grid-template-columns:1fr 1fr;height:auto;display:grid}.tt-sig-td{border-bottom:1.5px solid #0f172a;border-right:1.5px solid #0f172a;flex-direction:column;justify-content:flex-start;min-height:140px;padding:8px;display:flex}.tt-sig-td:nth-child(2n){border-right:none}.tt-sig-td:nth-child(3),.tt-sig-td:nth-child(4){border-bottom:none;min-height:90px}.tt-mobile-sig-label{color:#1e293b;text-align:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;margin-bottom:6px;padding:3px 6px;font-size:.72rem;font-weight:800;display:block!important}.tt-canvas{height:85px}.tt-crossed-box{min-height:70px}}.tt-mobile-sig-label{display:none}@media print{body *{visibility:hidden}.tanda-terima-overlay,.tanda-terima-container,.tanda-terima-sheet,.tanda-terima-sheet *{visibility:visible}.tanda-terima-overlay{background:0 0;padding:0;position:absolute;inset:0}.tanda-terima-container{box-shadow:none;border-radius:0;max-width:100%}.tanda-terima-header-actions,.tt-canvas-wrapper,.tt-mobile-sig-label{display:none!important}.tt-signatures-table{display:table!important}.tt-signatures-table thead{display:table-header-group!important}.tt-sig-body-row{display:table-row!important}.tt-sig-td{border-bottom:none!important;border-right:1.5px solid #0f172a!important;width:25%!important;display:table-cell!important}.tt-sig-td:last-child{border-right:none!important}}.dashboard-content{margin-top:1rem;animation:.4s ease-out fadeIn}.dashboard-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:.85rem;margin-bottom:1.15rem;display:grid}.summary-stat-grid{grid-template-columns:repeat(3,1fr);gap:.85rem;display:grid}.dashboard-grid .stat-card,.summary-stat-grid .stat-card{box-sizing:border-box;width:100%;min-width:0}.stat-card{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-left:4px solid #3b82f6;border-radius:12px;align-items:center;gap:12px;padding:.85rem 1.1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000005,0 2px 8px #00000008}.stat-card:nth-child(2){border-left-color:#6366f1}.stat-card:nth-child(3){border-left-color:#10b981}.summary-stat-grid:nth-of-type(2) .stat-card:first-child{border-left-color:#0d9488}.summary-stat-grid:nth-of-type(2) .stat-card:nth-child(2){border-left-color:#0284c7}.summary-stat-grid:nth-of-type(2) .stat-card:nth-child(3){border-left-color:#d97706}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px -3px #00000014}.stat-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s;display:flex}.stat-card:hover .stat-card-icon{transform:scale(1.06)}.stat-card-info{flex-direction:column;flex:1;min-width:0;display:flex}.stat-card-title{color:#64748b;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.7rem;font-weight:700;overflow:hidden}.stat-card-value{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.3rem;font-weight:800;line-height:1.15;overflow:hidden}.stat-card-unit{color:#64748b;font-size:.78rem;font-weight:500}.dashboard-two-col-grid{grid-template-columns:1fr 1fr;gap:1.15rem;display:grid}@media (width<=768px){.dashboard-two-col-grid{grid-template-columns:1fr;gap:.85rem}}.dashboard-tabs-nav{border-bottom:2px solid #e2e8f0;gap:1rem;margin-bottom:.85rem;display:flex}.dashboard-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2.5px solid #0000;outline:none;justify-content:center;align-items:center;margin-bottom:-2px;padding:6px 4px;font-size:.82rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.dashboard-tab-btn:hover{color:#1e293b}.dashboard-tab-btn.active-tab{color:#2563eb;border-bottom-color:#2563eb}.tab-label-desktop{display:inline}.tab-label-mobile{display:none}.dashboard-section-card{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:14px;padding:1rem 1.15rem;box-shadow:0 1px 4px #0000000a}.dashboard-section-card h3{color:var(--text-primary,#1e293b);margin:0 0 .4rem;font-size:.92rem;font-weight:700}.status-desktop-layout{grid-template-columns:200px 1fr;align-items:center;gap:1.25rem;display:grid}.status-donut-card-desktop{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:1.15rem .75rem;display:flex}.status-cards-grid-desktop{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.status-rich-card{cursor:pointer;border:1.5px solid;border-radius:12px;flex-direction:column;padding:.85rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000005}.status-rich-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.status-rich-card-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.status-mobile-layout{display:none}.top-pie-desktop-grid{grid-template-columns:1fr 1fr;gap:1.15rem;display:grid}.top-pie-mobile-view{display:none}.top-pie-card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:.75rem;display:flex}.top-pie-header-info{flex:1;min-width:0}.top-pie-card-title{color:#1e293b;margin:0;font-size:.9rem;font-weight:800;line-height:1.2}.top-pie-card-subtitle{color:#64748b;margin-top:1px;font-size:.7rem;font-weight:500;display:block}.top-pie-unit-badge{white-space:nowrap;border-radius:10px;padding:3px 8px;font-size:.74rem;font-weight:800}.top-pie-toggle-group{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;flex-shrink:0;align-items:center;gap:2px;padding:2px;display:inline-flex}.top-pie-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:4px;height:24px;padding:3px 8px;font-size:.68rem;font-weight:700;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;min-height:unset!important}.top-pie-toggle-btn:hover{color:#1e293b}.top-pie-toggle-btn.active-aset{color:#2563eb;background:#fff;box-shadow:0 1px 4px #2563eb29}.top-pie-toggle-btn.active-sewa{color:#0d9488;background:#fff;box-shadow:0 1px 4px #0d948829}.toggle-count-badge{background:#0000000d;border-radius:6px;padding:1px 4px;font-size:.6rem;font-weight:800;line-height:1.2}.active-aset .toggle-count-badge{color:#2563eb;background:#eff6ff}.active-sewa .toggle-count-badge{color:#0d9488;background:#f0fdfa}.donut-chart-container{flex-shrink:0;justify-content:center;align-items:center;width:105px;height:105px;margin:0;display:flex;position:relative}.donut-ring-outer{border-radius:50%;justify-content:center;align-items:center;width:105px;height:105px;transition:all .3s;display:flex;box-shadow:0 2px 6px #0000000a}.donut-hole-center{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;display:flex;box-shadow:inset 0 1px 3px #0000000d}.donut-center-val{color:#0f172a;font-size:1.15rem;font-weight:900;line-height:1.1}.donut-center-sub{color:#64748b;text-transform:uppercase;margin-top:1px;font-size:.58rem;font-weight:700}.top-pie-body{align-items:center;gap:.85rem;display:flex}.top-pie-legends{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.legend-card-row{cursor:pointer;box-sizing:border-box;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;min-height:30px;padding:5px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.legend-card-row:hover{background:#f1f5f9;border-color:#e2e8f0}.legend-card-left{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.legend-badge-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-card-texts{flex-direction:column;min-width:0;display:flex}.legend-card-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:700;line-height:1.15;overflow:hidden}.legend-card-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.6rem;line-height:1.1;overflow:hidden}.legend-card-right{text-align:right;flex-shrink:0;min-width:42px;padding-left:6px}.legend-card-qty{font-size:.82rem;font-weight:800;line-height:1.1;display:block}.legend-card-pct{color:#94a3b8;margin-top:1px;font-size:.6rem;font-weight:600;display:block}.category-breakdown-item{border-bottom:1px solid #f8fafc;margin-bottom:.65rem;padding-bottom:.45rem}.category-breakdown-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.category-header-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px;display:flex}.category-title-wrap{cursor:pointer;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.category-chevron{color:#64748b;flex-shrink:0;align-items:center;display:flex}.category-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;transition:color .15s;overflow:hidden}.category-name:hover{color:#2563eb}.category-stat-wrap{cursor:pointer;white-space:nowrap;text-align:right;flex-shrink:0;font-size:.74rem}.category-progress-bar-bg{background:#f1f5f9;border-radius:6px;height:4px;overflow:hidden}.category-sub-list{background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;gap:2px;max-height:140px;margin-top:4px;padding:4px 6px 4px .85rem;display:grid;overflow-y:auto}.category-sub-item{color:#475569;cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:2.5px 4px;font-size:.7rem;transition:background .15s,color .15s;display:flex}.category-sub-item:hover{color:#2563eb;background:#eff6ff}.category-sub-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.category-sub-val{color:#334155;flex-shrink:0;padding-left:6px;font-weight:600}.condition-pill-card{transition:transform .2s}.condition-pill-card:hover{transform:scale(1.03)}.log-table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #f1f5f9;border-radius:8px;overflow-x:auto}@media (width<=900px){.top-pie-desktop-grid{display:none!important}.top-pie-mobile-view{display:block!important}.status-desktop-layout{display:none!important}.status-mobile-layout{display:block!important}}@media (width<=680px){.dashboard-tabs-nav{box-sizing:border-box!important;background:#f1f5f9!important;border-bottom:none!important;border-radius:8px!important;grid-template-columns:repeat(3,1fr)!important;gap:2px!important;width:100%!important;margin-bottom:.55rem!important;padding:2px!important;display:grid!important;overflow:hidden!important}.dashboard-tab-btn{text-align:center!important;color:#64748b!important;border-bottom:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;height:26px!important;margin-bottom:0!important;padding:4px 2px!important;font-size:.72rem!important;font-weight:700!important;display:flex!important}.dashboard-tab-btn.active-tab{color:#2563eb!important;background:#fff!important;box-shadow:0 1px 3px #00000014!important}.tab-label-desktop{display:none!important}.tab-label-mobile{display:inline!important}}@media (width<=768px){.dashboard-content{margin-top:.75rem}.summary-stat-grid{grid-template-columns:repeat(3,1fr);gap:.6rem}.stat-card{gap:8px;padding:.7rem .75rem}.stat-card-icon{border-radius:8px;width:32px;height:32px}.stat-card-title{letter-spacing:.02em;font-size:.64rem}.stat-card-value{font-size:1.05rem}.stat-card-unit{font-size:.7rem}.dashboard-section-card{padding:.85rem .95rem}}@media (width<=580px){.dashboard-content{margin-top:.5rem}.summary-stat-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.65rem}.stat-card{border-left-width:3px;border-radius:9px;flex-direction:column;align-items:flex-start;gap:5px;padding:.55rem .45rem}.stat-card-icon{border-radius:6px;width:24px;height:24px}.stat-card-title{letter-spacing:0;margin-bottom:1px;font-size:.55rem}.stat-card-value{letter-spacing:-.01em;font-size:.92rem}.stat-card-unit{font-size:.62rem}.dashboard-section-card{border-radius:12px;padding:.7rem .75rem}.top-pie-card-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;margin-bottom:.55rem!important;display:flex!important}.top-pie-card-title{font-size:.82rem!important}.top-pie-card-subtitle{font-size:.65rem!important}.top-pie-toggle-group{border-radius:12px!important;padding:2px!important}.top-pie-toggle-btn{border-radius:10px!important;gap:3px!important;height:22px!important;padding:2.5px 6px!important;font-size:.62rem!important}.top-pie-toggle-btn svg{width:10px!important;height:10px!important}.toggle-count-badge{padding:1px 3px!important;font-size:.55rem!important}.top-pie-body{flex-direction:row!important;align-items:center!important;gap:.6rem!important}.donut-chart-container{width:90px!important;height:90px!important;margin:0!important}.donut-ring-outer{width:90px!important;height:90px!important}.donut-hole-center{width:60px!important;height:60px!important}.donut-center-val{font-size:1rem!important}.donut-center-sub{font-size:.54rem!important}.top-pie-legends{gap:3px!important}.legend-card-row{border-radius:6px!important;min-height:26px!important;padding:3.5px 6px!important}.legend-card-name{font-size:.66rem!important}.legend-card-desc{font-size:.56rem!important}.legend-card-qty{font-size:.76rem!important}.legend-card-pct{font-size:.56rem!important}}@media (width<=375px){.dashboard-tab-btn{padding:5.5px 1px!important;font-size:.68rem!important}.summary-stat-grid{gap:.3rem}.stat-card{padding:.5rem .35rem}.stat-card-title{font-size:.5rem}.stat-card-value{font-size:.86rem}.stat-card-unit{font-size:.58rem}.dashboard-section-card{padding:.6rem .65rem}.donut-chart-container,.donut-ring-outer{width:82px!important;height:82px!important}.donut-hole-center{width:54px!important;height:54px!important}.donut-center-val{font-size:.92rem!important}}.history-content{width:100%}.dashboard-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.5rem}.history-row-item:hover{background-color:#f8fafc}.history-tabs-container{border-bottom:2px solid #f1f5f9;gap:1.5rem;margin-bottom:1.5rem;display:flex;overflow-x:auto}.history-tab-button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.75rem .5rem;font-size:.9rem;font-weight:700;transition:all .2s;position:relative}.history-tab-button:hover{color:#0f172a}.history-tab-button.active{color:#2563eb}.history-tab-button.active:after{content:"";background-color:#2563eb;border-radius:2px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.history-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.history-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.history-subtitle{color:#64748b;margin:2px 0 0;font-size:.76rem}.history-search-wrap{width:250px;max-width:100%}.history-cards-container{flex-direction:column;gap:.5rem;width:100%;display:flex}.history-compact-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.4rem;padding:.65rem .85rem;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000008}.history-compact-card:hover{background-color:#fafbfc;border-color:#cbd5e1}.history-row-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.history-name-text{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:700;overflow:hidden}.history-date-badge{color:#64748b;white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-size:.7rem;font-weight:600;display:inline-flex}.history-row-mid{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.history-code-pill{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:.74rem;font-weight:700}.history-code-label{color:#64748b;margin-right:2px;font-size:.62rem;font-weight:600}.history-media-pill{color:#059669;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:1px 6px;font-size:.68rem;font-weight:600}.history-row-bottom{border-top:1px dashed #f1f5f9;justify-content:space-between;align-items:center;padding-top:.35rem;display:flex}.history-condition-flow{align-items:center;gap:6px;font-size:.74rem;display:flex}.history-cond-lbl{color:#94a3b8;font-size:.68rem;font-weight:600}.history-cond-old{color:#64748b;font-weight:600}.history-cond-arrow{color:#94a3b8;font-weight:700}.history-cond-new{white-space:nowrap;border-radius:4px;padding:2px 7px;font-size:.68rem;font-weight:700}@media (width<=768px){.dashboard-section-card{border-radius:10px!important;padding:.65rem .6rem!important}.history-search-wrap{width:100%!important}.history-title{font-size:.95rem}.history-subtitle{font-size:.72rem}.history-compact-card{gap:.35rem;padding:.55rem .65rem}.history-name-text{font-size:.82rem}.history-code-pill{font-size:.7rem}.history-tabs-container{-webkit-overflow-scrolling:touch;gap:.4rem;margin-bottom:.75rem;padding-bottom:6px}.history-tab-button{background:#f8fafc;border-radius:6px;padding:.45rem .65rem;font-size:.76rem}.history-tab-button.active{background:#eff6ff}}.pagination-container{border-top:1px solid var(--border-color,#e2e8f0);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.5rem;padding-top:1rem;display:flex}.pagination-controls{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.4rem;max-width:100%;padding:2px 0;display:flex;overflow-x:auto}.pagination-btn{color:#475569;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #cbd5e1;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:7px 12px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0}.pagination-numbers{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.pagination-number-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 6px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.pagination-number-btn:hover:not(.active){color:#0f172a;background-color:#f1f5f9}.pagination-number-btn.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 2px 6px #2563eb4d}.pagination-ellipsis{color:#94a3b8;padding:0 2px;font-size:.85rem}.pagination-info{color:#64748b;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:4px 12px;font-size:.78rem;font-weight:500}@media (width<=600px){.pagination-container{gap:.35rem;margin-top:1rem;padding-top:.75rem}.pagination-controls{gap:.25rem;width:100%}.pagination-btn-text{display:none}.pagination-btn{min-width:30px;padding:6px 9px;font-size:.76rem}.pagination-number-btn{min-width:28px;height:28px;padding:0 4px;font-size:.76rem}.pagination-info{padding:3px 10px;font-size:.75rem}}@media (width<=375px){.pagination-controls{gap:.15rem}.pagination-btn{min-width:26px;padding:5px 7px;font-size:.72rem}.pagination-number-btn{min-width:26px;height:26px;padding:0 2px;font-size:.72rem}}@media (width<=320px){.pagination-controls{gap:.1rem}.pagination-btn{min-width:24px;padding:4px 6px;font-size:.7rem}.pagination-number-btn{min-width:24px;height:24px;font-size:.7rem}}.filter-bar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.filter-btn{color:#475569;cursor:pointer;white-space:nowrap;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .2s}.filter-btn:hover{color:#1e293b;background-color:#e2e8f0}.filter-btn-active{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.filter-btn-active:hover{color:#fff;background-color:#2563eb;border-color:#2563eb}.filter-count{color:#94a3b8;margin-left:auto;font-size:.78rem;font-style:italic}.simple-table-container{-webkit-overflow-scrolling:touch;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-height:72vh;overflow:auto;box-shadow:0 4px 20px -2px #0000000d,0 2px 12px -2px #00000008}.simple-asset-table{border-collapse:collapse;text-align:left;table-layout:auto;width:100%;min-width:1600px;font-size:.8rem}.simple-asset-table th,.simple-asset-table td{word-wrap:break-word;word-break:break-word;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px}.simple-asset-table th{z-index:10;color:#1e3a8a;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:linear-gradient(135deg,#eff6ff 0%,#e0e7ff 100%);border-bottom:2px solid #c7d2fe;font-size:.75rem;font-weight:750;position:sticky;top:0}.simple-asset-table tbody tr{transition:all .25s cubic-bezier(.4,0,.2,1)}.simple-asset-table tbody tr:hover{background-color:#eff6ff!important}.text-center{text-align:center}.no-data{text-align:center;color:var(--text-muted);font-size:.88rem;padding:2.5rem!important}.status-badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;border:1px solid #0000;border-radius:9999px;padding:2px 8px;font-size:.68rem;font-weight:750;display:inline-block}.status-baik{color:#166534;background:#dcfce7;border-color:#bbf7d0}.status-digunakan{color:#1e40af;background:#dbeafe;border-color:#bfdbfe}.status-servis{color:#854d0e;background:#fef9c3;border-color:#fde68a}.status-rusak{color:#991b1b;background:#fee2e2;border-color:#fecaca}.status-aktif{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.status-hampir-habis{color:#c2410c;background:#ffedd5;border-color:#fed7aa}.status-habis-nilai{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.status-aset{color:#3730a3;background:#e0e7ff;border-color:#c7d2fe}.status-sewa{color:#6b21a8;background:#f3e8ff;border-color:#e9d5ff}.status-sewa-diperpanjang{color:#86198f;background:#fae8ff;border-color:#f5d0fe}.col-header{white-space:nowrap;position:relative}.th-header-inner{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.col-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:14px;font-weight:700;line-height:1;transition:all .2s;display:flex}.col-toggle-btn:hover{color:#0f172a;background:#e2e8f0}.th-content,.td-content{text-overflow:ellipsis;white-space:nowrap;transition:opacity .2s,transform .2s,width .3s;display:block;overflow:hidden}.col-minimized{text-align:center;overflow:hidden;width:40px!important;min-width:40px!important;max-width:40px!important;padding:8px 4px!important}.col-minimized.col-header{background-color:#f8fafc}.col-minimized.col-header .th-header-inner{justify-content:center}.col-minimized .td-content,.col-minimized.col-header .th-content{opacity:0;margin:0;padding:0;overflow:hidden;transform:translate(-10px);width:0!important;height:0!important}.mobile-table-wrapper,.mobile-cards-container{display:none}@media (width<=768px){.desktop-table-only{display:none!important}.mobile-cards-container{display:flex!important}.mobile-table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:8px;width:100%;margin-top:.5rem;display:block;overflow-x:auto}.mobile-asset-table{border-collapse:collapse;text-align:left;width:100%;min-width:480px;font-size:.76rem}.mobile-asset-table th{color:#64748b;border-bottom:2px solid var(--border-color);white-space:nowrap;z-index:1;background:#f1f5f9;padding:8px 6px;font-size:.7rem;font-weight:700;position:sticky;top:0}.mobile-asset-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #f1f5f9;padding:8px 6px}.mobile-asset-table tbody tr:hover{background:#f8fafc}.mobile-asset-table .asset-name-cell strong{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.78rem;font-weight:700;display:block;overflow:hidden}.mobile-asset-table .asset-name-cell span{color:#94a3b8;font-size:.66rem;display:block}.mobile-action-btns{flex-wrap:wrap;gap:4px;display:flex}.mobile-action-btns button{cursor:pointer;white-space:nowrap;border:none;border-radius:5px;padding:4px 8px;font-size:.68rem;font-weight:600}.filter-btn{padding:5px 10px;font-size:.74rem}.filter-count{text-align:right;width:100%;margin-left:0;font-size:.72rem}}@media (width<=425px){.mobile-table-wrapper{border-radius:6px}.mobile-asset-table{min-width:420px;font-size:.72rem}.mobile-asset-table th{padding:7px 5px;font-size:.65rem}.mobile-asset-table td{padding:7px 5px}.mobile-asset-table .asset-name-cell strong{max-width:120px;font-size:.74rem}.mobile-action-btns button{padding:3px 6px;font-size:.65rem}.filter-btn{padding:4px 9px;font-size:.7rem}}@media (width<=375px){.mobile-asset-table{min-width:380px;font-size:.68rem}.mobile-asset-table th{padding:6px 4px;font-size:.63rem}.mobile-asset-table td{padding:6px 4px}.mobile-asset-table .asset-name-cell strong{max-width:100px;font-size:.7rem}.mobile-action-btns button{padding:3px 5px;font-size:.62rem}}@media (width<=320px){.mobile-asset-table{min-width:340px;font-size:.64rem}.mobile-asset-table th{padding:5px 3px;font-size:.6rem}.mobile-asset-table td{padding:5px 3px}.mobile-asset-table .asset-name-cell strong{max-width:88px;font-size:.66rem}.mobile-action-btns button{border-radius:4px;padding:3px 4px;font-size:.6rem}.filter-btn{padding:3px 7px;font-size:.67rem}}.user-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:1rem;margin-bottom:1.5rem;display:grid}.user-asset-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px #0000000a}.user-asset-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.user-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.user-card-kode{color:#0284c7;cursor:pointer;background:#e0f2fe;border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:700;transition:background .2s}.user-card-kode:hover{background:#bae6fd}.user-card-nama{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700;line-height:1.35}.user-card-details-grid{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px;display:grid}.user-card-detail-item{flex-direction:column;gap:2px;display:flex}.user-detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:700}.user-detail-val{color:#334155;word-break:break-word;font-size:.84rem;font-weight:600}.user-card-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.user-btn-detail{color:#334155;cursor:pointer;white-space:nowrap;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.user-btn-detail:hover{color:#0f172a;background-color:#e2e8f0}.user-btn-update-kondisi{color:#fff;cursor:pointer;text-align:center;white-space:nowrap;background-color:#0284c7;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:.78rem;font-weight:600;transition:background-color .2s}.user-btn-update-kondisi:hover{background-color:#0369a1}.user-btn-primary{color:#fff;cursor:pointer;text-align:center;background-color:#2563eb;border:none;border-radius:8px;flex:1;padding:8px 14px;font-size:.8rem;font-weight:600;transition:background-color .2s}.user-btn-primary:hover{background-color:#1d4ed8}.user-btn-delete-draft{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:8px;flex:1;padding:8px 14px;font-size:.8rem;font-weight:600;transition:background-color .2s}.user-btn-delete-draft:hover{background-color:#dc2626}@media (width<=640px){.user-cards-grid{grid-template-columns:1fr}}.psw-view-container{box-sizing:border-box;width:100%}.psw-header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1.25rem;display:flex}.psw-search-wrap{flex:1;min-width:260px;max-width:440px}.psw-actions-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.psw-status-pill{white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.psw-status-pill.psw-status-available{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.psw-status-pill.psw-status-empty{color:#94a3b8;background-color:#f8fafc;border:1px solid #e2e8f0}.psw-desktop-table-wrapper{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:12px;width:100%;display:block;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.psw-table{border-collapse:collapse;text-align:left;width:100%;font-size:.86rem}.psw-table thead tr{background-color:#f8fafc;border-bottom:2px solid #e2e8f0}.psw-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;padding:12px 14px;font-size:.78rem;font-weight:700}.psw-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.psw-table tbody tr:hover{background-color:#f8fafc}.psw-table td{vertical-align:middle;color:#1e293b;padding:12px 14px}.psw-table-btn-group{white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:flex}.psw-tbl-btn{cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.psw-tbl-btn:disabled{opacity:.45;cursor:not-allowed}.psw-tbl-btn-preview{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe}.psw-tbl-btn-preview:hover:not(:disabled){background-color:#dbeafe}.psw-tbl-btn-download{color:#0d9488;background-color:#f0fdfa;border:1px solid #99f6e4}.psw-tbl-btn-download:hover:not(:disabled){background-color:#ccfbf1}.psw-tbl-btn-edit{color:#d97706;background-color:#fffbeb;border:1px solid #fde68a}.psw-tbl-btn-edit:hover{background-color:#fef3c7}.psw-mobile-cards-wrapper{display:none}.psw-mobile-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 4px #0000000a}.psw-mobile-card:active{transform:scale(.995)}.psw-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.psw-card-header-left{align-items:center;gap:8px;min-width:0;display:flex}.psw-card-index-badge{color:#64748b;background:#f1f5f9;border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:.7rem;font-weight:800}.psw-card-code{color:#0f172a;letter-spacing:-.01em;word-break:break-word;font-size:.92rem;font-weight:800}.psw-card-details-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:10px 12px;display:grid}.psw-card-detail-item{flex-direction:column;gap:2px;display:flex}.psw-card-detail-item.full-width{border-top:1px dashed #e2e8f0;grid-column:1/-1;padding-top:6px}.psw-card-detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;font-weight:600}.psw-card-detail-value{color:#334155;font-size:.82rem}.psw-card-detail-value.font-bold{color:#1e293b;font-weight:700}.psw-card-qty-badge{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;align-self:flex-start;padding:2px 8px;font-size:.78rem;font-weight:700}.psw-card-date-val{color:#475569;align-items:center;gap:5px;font-size:.78rem;font-weight:600;display:inline-flex}.psw-card-actions-row{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;padding-top:8px;display:flex}.psw-mob-btn{cursor:pointer;white-space:nowrap;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 12px;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.psw-mob-btn-preview{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe}.psw-mob-btn-preview:active{background-color:#dbeafe}.psw-mob-btn-download{color:#0d9488;background-color:#f0fdfa;border:1px solid #99f6e4}.psw-mob-btn-download:active{background-color:#ccfbf1}.psw-mob-btn-edit{color:#d97706;background-color:#fffbeb;border:1px solid #fde68a;flex:none;padding:0 14px}.psw-mob-btn-edit:active{background-color:#fef3c7}.psw-mob-btn-single{flex:1}.psw-mob-no-file-msg{color:#94a3b8;flex:1;align-items:center;gap:5px;font-size:.74rem;font-style:italic;display:inline-flex}.psw-preview-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172abf}.psw-preview-modal-content{background-color:#fff!important;border-radius:16px!important;flex-direction:column!important;width:95%!important;max-width:1000px!important;height:88vh!important;max-height:88vh!important;padding:0!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #00000059!important}.psw-preview-top-bar{background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;display:flex}.psw-preview-top-info{align-items:center;gap:12px;min-width:0;display:flex}.psw-preview-icon-badge{color:#dc2626;background-color:#fee2e2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.psw-preview-title-wrap{min-width:0}.psw-preview-title{color:#0f172a;margin:0;font-size:1rem;font-weight:800;line-height:1.2}.psw-preview-subtitle{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.78rem;font-weight:600;overflow:hidden}.psw-preview-close-btn{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;line-height:1;transition:all .15s;display:flex}.psw-preview-close-btn:hover{color:#0f172a;background-color:#f1f5f9}.psw-preview-action-bar{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 18px;display:flex}.psw-preview-meta-pill{color:#475569;align-items:center;gap:8px;font-size:.78rem;font-weight:600;display:flex}.psw-preview-btn-group{align-items:center;gap:8px;display:flex}.psw-btn-tab{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.psw-btn-tab:hover{background-color:#f1f5f9}.psw-btn-dl{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.psw-btn-dl:hover{background-color:#1d4ed8}.psw-preview-desktop-body{background-color:#525659;flex:1;position:relative;overflow:hidden}.psw-preview-iframe{border:none;width:100%;height:100%}.psw-preview-mobile-body{display:none}.psw-preview-mobile-card{text-align:center;background:#fff;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;display:flex}.psw-preview-mobile-doc-icon{color:#dc2626;background-color:#fee2e2;border-radius:16px;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.psw-preview-mobile-doc-name{color:#0f172a;word-break:break-all;font-size:1rem;font-weight:800}.psw-preview-mobile-doc-desc{color:#64748b;max-width:320px;font-size:.8rem;line-height:1.4}.psw-preview-mobile-actions{flex-direction:column;gap:10px;width:100%;margin-top:10px;display:flex}.psw-mob-open-btn{color:#fff;background-color:#2563eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px #2563eb4d}.psw-mob-dl-btn{color:#166534;cursor:pointer;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.88rem;font-weight:700;display:inline-flex}@media (width<=768px){.psw-header-container{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:.85rem}.psw-search-wrap{width:100%;min-width:0;max-width:100%}.psw-actions-group{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.psw-actions-group button{white-space:nowrap;justify-content:center;height:38px;padding:8px 10px!important;font-size:.76rem!important}.psw-desktop-table-wrapper,div.psw-desktop-table-wrapper,.psw-view-container .psw-desktop-table-wrapper{display:none!important}.psw-mobile-cards-wrapper,div.psw-mobile-cards-wrapper,.psw-view-container .psw-mobile-cards-wrapper{flex-direction:column;gap:10px;width:100%;display:flex!important}.psw-preview-modal-content{width:92%!important;height:auto!important;max-height:85vh!important}.psw-preview-action-bar,.psw-preview-desktop-body{display:none!important}.psw-preview-mobile-body{overflow-y:auto;display:block!important}}@media (width>=769px){.psw-desktop-table-wrapper,div.psw-desktop-table-wrapper,.psw-view-container .psw-desktop-table-wrapper{display:block!important}.psw-mobile-cards-wrapper,div.psw-mobile-cards-wrapper,.psw-view-container .psw-mobile-cards-wrapper{display:none!important}.psw-preview-desktop-body{display:block!important}.psw-preview-mobile-body{display:none!important}}.bast-approval-container{flex-direction:column;gap:1.25rem;width:100%;display:flex}.bast-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.bast-stat-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:1rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000008}.bast-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.bast-stat-card.highlight-pending{background:linear-gradient(135deg,#fffbeb 0%,#fff 100%);border:1.5px solid #f59e0b;box-shadow:0 2px 6px #f59e0b1a}.bast-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.bast-stat-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.bast-stat-label{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;font-weight:700}.bast-stat-val{color:var(--text-primary,#0f172a);align-items:center;gap:8px;font-size:1.45rem;font-weight:800;line-height:1.2;display:flex}.bast-badge-alert{color:#fff;letter-spacing:.02em;background-color:#ef4444;border-radius:20px;padding:2px 8px;font-size:.65rem;font-weight:700;line-height:1.3}.bast-toolbar{justifyContent:space-between;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.bast-tabs{background:var(--bg-hover,#f1f5f9);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;display:flex}.bast-tab-btn{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.bast-tab-btn:hover{color:var(--text-primary,#0f172a)}.bast-tab-btn.active{background:var(--card-bg,#fff);color:#2563eb;font-weight:700;box-shadow:0 1px 3px #00000014}.bast-tab-dot{background-color:#ef4444;border-radius:50%;width:7px;height:7px}.bast-search-input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:38px;padding:8px 12px;font-size:.82rem;transition:all .15s}.bast-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.bast-table-wrapper{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;overflow-x:auto;box-shadow:0 1px 4px #00000008}.bast-table{border-collapse:collapse;text-align:left;width:100%;font-size:.84rem}.bast-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color,#e2e8f0);white-space:nowrap;background-color:#f8fafc;padding:12px 14px;font-size:.72rem;font-weight:700}.bast-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.bast-table tbody tr{cursor:pointer;transition:background-color .15s}.bast-table tbody tr:hover td{background-color:#f8fafc!important}.bast-table tr.row-need-sign td{background-color:#fffdf5}.bast-table tr.row-need-sign:hover td{background-color:#fefce8!important}.bast-tag-code{color:#1e40af;white-space:nowrap;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:6px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;font-weight:700}.step-pill{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.step-done{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.step-waiting{color:#94a3b8;background-color:#f8fafc;border:1px solid #e2e8f0}.bast-status-pill{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:4px 12px;font-size:.74rem;font-weight:700;display:inline-flex}.bast-badge-signed{color:#16a34a;background-color:#f0fdf4;border:1px solid #bbf7d0}.bast-badge-need-sign{color:#b45309;background-color:#fffbeb;border:1.5px solid #fde68a}.bast-badge-waiting{color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.create-bast-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5000;box-sizing:border-box;background:#0f172abf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;top:0;left:0}.create-bast-card{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:620px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.create-bast-header{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.create-bast-header-title{align-items:center;gap:12px;display:flex}.create-bast-header-icon{background:#fff3;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.create-bast-header h3{letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:800}.create-bast-header p{color:#bfdbfe;margin:2px 0 0;font-size:.8rem}.create-bast-close-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex}.create-bast-close-btn:hover{background:#ef4444cc}.create-bast-body{flex-direction:column;gap:18px;padding:22px 24px;display:flex;overflow-y:auto}.create-bast-item-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.create-bast-item-title{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:8px;font-size:.75rem;font-weight:700}.create-bast-item-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.create-bast-item-box{flex-direction:column;gap:2px;display:flex}.create-bast-item-label{color:#94a3b8;font-size:.72rem}.create-bast-item-val{color:#1e293b;font-size:.85rem;font-weight:700}.create-bast-signers-section{flex-direction:column;gap:14px;display:flex}.create-bast-section-title{color:#0f172a;align-items:center;gap:8px;font-size:.88rem;font-weight:800;display:flex}.create-bast-field-group{flex-direction:column;gap:6px;display:flex}.create-bast-label{color:#334155;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:700;display:flex}.create-bast-sublabel{color:#64748b;font-size:.72rem;font-weight:500}.create-bast-select{color:#1e293b;box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:.88rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.create-bast-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.create-bast-readonly-box{color:#0f172a;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.88rem;font-weight:700;display:flex}.create-bast-readonly-badge{color:#1d4ed8;background:#dbeafe;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.create-bast-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.create-bast-btn-skip{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .2s}.create-bast-btn-skip:hover{color:#334155;background:#f1f5f9}.create-bast-btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 22px;font-size:.88rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 10px #2563eb4d}.create-bast-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #2563eb66}.create-bast-btn-submit:disabled{opacity:.6;cursor:not-allowed}.simple-footer{text-align:center;background:linear-gradient(90deg,#1b439c 0%,#1e40af 50%,#2158d0 100%);border-top:none;width:100%;margin-top:auto;padding:1.25rem 1rem;box-shadow:0 -2px 12px #1b439c33}.footer-container{flex-direction:column;justify-content:center;align-items:center;gap:4px;max-width:100%;margin:0 auto;padding:0 1.5rem;display:flex}.footer-desc{color:#fff;margin:0;font-size:.88rem;font-weight:400;line-height:1.5}.footer-copy{color:#fff;margin:0;font-size:.85rem;font-weight:600;line-height:1.5}@media (width<=576px){.simple-footer{padding:1rem .75rem}.footer-desc{font-size:.78rem}.footer-copy{font-size:.75rem}}.landing-page-container{color:#0f172a;background:linear-gradient(145deg,#dbeafe 0%,#ede9fe 50%,#dbeafe 100%) fixed;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow-x:hidden}.landing-navbar{color:#fff;z-index:20;background:linear-gradient(90deg,#1e3a8a 0%,#1e40af 60%,#2563eb 100%);justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex;position:relative;box-shadow:0 2px 12px #1e3a8a40}.landing-navbar-left{align-items:center;gap:12px;display:flex}.landing-logo-box{justify-content:center;align-items:center;height:36px;display:flex}.landing-logo-img{object-fit:contain;filter:brightness(0)invert();width:auto;height:32px}.landing-navbar-divider{background-color:#ffffff4d;width:1px;height:20px}.landing-navbar-brand{color:#fffffff2;letter-spacing:.3px;font-size:.95rem;font-weight:600}.landing-navbar-right{align-items:center;gap:10px;display:flex}.landing-profile-pill{cursor:pointer;color:#fff;background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:22px;outline:none;align-items:center;gap:8px;padding:4px 12px 4px 4px;transition:all .2s;display:flex}.landing-profile-pill:hover{background:#ffffff40;border-color:#fff9;box-shadow:0 2px 10px #00000026}.landing-avatar{aspect-ratio:1;color:#fff;letter-spacing:.5px;box-sizing:border-box;background:linear-gradient(135deg,#60a5fa,#f472b6);border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 2px 6px #0003}.landing-user-info{text-align:left;flex-direction:column;line-height:1.2;display:flex}.landing-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.82rem;font-weight:600;overflow:hidden}.landing-user-role{color:#ffffffbf;font-size:.68rem;font-weight:400}.landing-chevron-down{color:#ffffffbf;margin-left:2px;transition:transform .2s}.landing-profile-pill:hover .landing-chevron-down{color:#fff;transform:translateY(1px)}.landing-header-logout-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ef4444d9;border:1.5px solid #ffffff40;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.landing-header-logout-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 3px 8px #dc262666}.landing-main-content{flex-direction:column;flex:1;align-items:center;padding:3rem 1.5rem 2rem;display:flex;position:relative}.landing-content-wrapper{z-index:2;flex-direction:column;align-items:center;width:100%;max-width:960px;display:flex}.landing-hero{text-align:center;max-width:680px;margin-bottom:2.5rem;animation:.5s cubic-bezier(.16,1,.3,1) fadeInDown}.landing-hero-title{color:#0f172a;letter-spacing:-.5px;margin:0 0 .75rem;font-size:2.5rem;font-weight:800;line-height:1.2}.landing-hero-subtitle{color:#475569;margin:0;font-size:1rem;font-weight:400;line-height:1.6}.landing-bast-alert{text-align:left;cursor:pointer;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1.5px solid #fde047;border-left:6px solid #eab308;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem 1.25rem;transition:all .2s;animation:3s ease-in-out infinite pulseAlert;display:flex;box-shadow:0 6px 20px #eab30826}.landing-bast-alert:hover{border-color:#facc15;transform:translateY(-2px);box-shadow:0 8px 24px #eab30840}@keyframes pulseAlert{0%,to{border-color:#fde047}50%{border-color:#eab308}}.landing-bast-alert-left{align-items:center;gap:12px;display:flex}.landing-bast-alert-icon{flex-shrink:0;font-size:1.6rem;animation:2.5s infinite ringBell}.landing-bast-alert-title{color:#854d0e;margin-bottom:2px;font-size:.92rem;font-weight:800}.landing-bast-alert-desc{color:#713f12;font-size:.78rem;line-height:1.4}.landing-bast-alert-btn{color:#fff;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#eab308,#ca8a04);border:none;border-radius:8px;padding:8px 16px;font-size:.8rem;font-weight:700;transition:all .15s;box-shadow:0 2px 8px #ca8a044d}.landing-bast-alert-btn:hover{background:#ca8a04;transform:scale(1.03)}.landing-card-badge{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:9999px;align-items:center;padding:2px 8px;font-size:.68rem;font-weight:700;animation:2s infinite pulseBadge;display:inline-flex}.landing-pending-badge-red{color:#fff;letter-spacing:.2px;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:1px solid #fff6;border-radius:9999px;align-items:center;gap:6px;padding:4px 11px;font-size:.74rem;font-weight:800;transition:all .2s;animation:2.2s ease-in-out infinite pulseBadgeRed;display:inline-flex;box-shadow:0 3px 12px #dc262661,0 0 0 2px #ef444426}.landing-pending-badge-red:hover{transform:scale(1.05);box-shadow:0 4px 16px #dc262680,0 0 0 3px #ef444440}@keyframes pulseBadgeRed{0%,to{transform:scale(1);box-shadow:0 3px 12px #dc262659,0 0 0 2px #ef444426}50%{transform:scale(1.04);box-shadow:0 4px 18px #dc26268c,0 0 0 4px #ef444440}}.pulse-dot-container{justify-content:center;align-items:center;width:10px;height:10px;display:inline-flex;position:relative}.pulse-ping-ring{background-color:#ffffffb3;border-radius:50%;width:16px;height:16px;animation:1.6s cubic-bezier(0,0,.2,1) infinite pingRing;position:absolute}@keyframes pingRing{0%{opacity:.9;transform:scale(.6)}80%,to{opacity:0;transform:scale(2)}}.pulse-dot-white{z-index:1;background-color:#fff;border-radius:50%;width:6px;height:6px;position:relative;box-shadow:0 0 4px #fff}.bell-wobble-icon{transform-origin:top;filter:drop-shadow(0 1px 2px #0003);flex-shrink:0;animation:2.6s ease-in-out infinite bellWobble;display:inline-block}@keyframes bellWobble{0%,65%,to{transform:rotate(0)}68%{transform:rotate(18deg)}72%{transform:rotate(-14deg)}76%{transform:rotate(12deg)}80%{transform:rotate(-8deg)}84%{transform:rotate(0)}}.pending-report-alert-strip{color:#b91c1c;background:linear-gradient(135deg,#fef2f2f2,#fff1f2e6);border:1px solid #f8717159;border-radius:8px;align-items:center;gap:7px;margin-top:.55rem;padding:5px 11px;font-size:.78rem;font-weight:500;line-height:1.35;display:inline-flex;box-shadow:0 1px 4px #dc26260f}.pending-report-alert-strip strong{color:#991b1b;font-weight:750}.pending-report-alert-strip svg{color:#dc2626;flex-shrink:0}.landing-cards-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;margin-bottom:2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) fadeInUp;display:grid}.landing-action-card{cursor:pointer;background:#fff;border:1.5px solid #94a3b840;border-radius:18px;align-items:center;gap:1.25rem;padding:2rem 1.75rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #1e40af0f}.landing-action-card.card-asset{border-bottom:4px solid #2563eb}.landing-action-card.card-asset:hover{background:linear-gradient(135deg,#fff 0%,#eff6ff 100%);border-color:#93c5fd #93c5fd #1d4ed8;transform:translateY(-5px);box-shadow:0 16px 36px #2563eb26}.landing-action-card.card-pelaporan{border-bottom:4px solid #7c3aed}.landing-action-card.card-pelaporan:hover{background:linear-gradient(135deg,#fff 0%,#f5f3ff 100%);border-color:#c084fc #c084fc #6d28d9;transform:translateY(-5px);box-shadow:0 16px 36px #7c3aed26}.landing-action-card.card-pelaporan.has-pending-reports{background:linear-gradient(135deg,#fff 0%,#fff7ed 60%,#fff1f2 100%);border-color:#ef444466 #ef444466 #ef4444;border-bottom-style:solid;border-bottom-width:4px;animation:3.5s ease-in-out infinite cardAttentionPulse;box-shadow:0 8px 28px #ef44441f,0 0 0 1px #ef444426}.landing-action-card.card-pelaporan.has-pending-reports:hover{background:linear-gradient(135deg,#fff 0%,#ffedd5 50%,#fee2e2 100%);border-color:#f87171 #f87171 #b91c1c;transform:translateY(-5px);box-shadow:0 18px 40px #ef444438,0 0 0 2px #ef44444d}.landing-action-card.card-pelaporan.has-pending-reports .landing-card-arrow{color:#dc2626;background-color:#fee2e2;border:1px solid #ef444433}@keyframes cardAttentionPulse{0%,to{box-shadow:0 6px 22px #ef44441f,0 0 0 1px #ef444426}50%{box-shadow:0 8px 30px #ef444438,0 0 0 2px #ef44444d}}.landing-action-card.card-petty{border-bottom:4px solid #10b981}.landing-action-card.card-petty:hover{background:linear-gradient(135deg,#fff 0%,#ecfdf5 100%);border-color:#6ee7b7 #6ee7b7 #047857;transform:translateY(-5px);box-shadow:0 16px 36px #10b98126}.landing-card-icon-box{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;transition:transform .3s;display:flex;position:relative}.icon-badge-notification{color:#fff;z-index:2;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border:2px solid #fff;border-radius:9999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.72rem;font-weight:800;animation:2.2s ease-in-out infinite bounceBadge;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 8px #dc262680}@keyframes bounceBadge{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.landing-action-card:hover .landing-card-icon-box{transform:scale(1.05)}.icon-box-blue{background-color:#eff6ff}.icon-box-purple{background-color:#faf5ff}.icon-box-emerald{background-color:#ecfdf5}.landing-card-text{flex:1}.landing-card-text h2{color:#0f172a;letter-spacing:-.2px;margin:0 0 .35rem;font-size:1.3rem;font-weight:700}.landing-card-text p{color:#64748b;margin:0;font-size:.88rem;line-height:1.45}.landing-card-arrow{color:#64748b;background-color:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s;display:flex}.card-asset:hover .landing-card-arrow{color:#fff;background-color:#2563eb;transform:translate(4px)}.card-pelaporan:hover .landing-card-arrow{color:#fff;background-color:#7c3aed;transform:translate(4px)}.landing-system-info-container{background:#fff;border:1.5px solid #94a3b840;border-radius:18px;width:100%;padding:1.75rem 2rem;animation:.7s cubic-bezier(.16,1,.3,1) fadeInUp;box-shadow:0 4px 20px #1e40af0d}.system-info-title{color:#0f172a;margin:0 0 1.25rem;font-size:1.05rem;font-weight:700}.system-info-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.system-info-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;align-items:flex-start;gap:.85rem;padding:1.1rem 1rem;transition:all .25s;display:flex}.system-info-item:hover{background:#fff;border-color:#e2e8f0;transform:translateY(-3px);box-shadow:0 6px 20px #0000000d}.info-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.circle-blue{background-color:#eff6ff}.circle-green{background-color:#f0fdf4}.circle-orange{background-color:#fff7ed}.circle-purple{background-color:#faf5ff}.info-item-text{flex:1}.info-item-text h4{color:#0f172a;margin:0 0 .25rem;font-size:.88rem;font-weight:700}.info-item-text p{color:#64748b;margin:0;font-size:.78rem;line-height:1.4}.landing-footer{color:#64748b;z-index:2;justify-content:space-between;align-items:center;width:100%;max-width:960px;margin:1.75rem auto 1.5rem;padding:0 .5rem;font-size:.83rem;display:flex}.landing-footer-left{color:#475569}.landing-footer-right{color:#475569;font-weight:500}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=992px){.system-info-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (width<=768px){.landing-navbar{padding:0 1.25rem}.landing-navbar-brand,.landing-navbar-divider{display:none}.landing-hero{margin-bottom:1.5rem}.landing-hero-title{margin-bottom:.5rem;font-size:1.8rem}.landing-hero-subtitle{font-size:.88rem}.landing-cards-grid{grid-template-columns:1fr;gap:.85rem;margin-bottom:1.5rem}.landing-action-card{border-radius:16px;gap:1rem;padding:1.1rem 1.25rem}.landing-card-icon-box{width:54px;height:54px}.landing-card-icon-box svg{width:28px;height:28px}.landing-card-text h2{font-size:1.15rem}.landing-system-info-container{border-radius:16px;padding:1.25rem 1rem}.system-info-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (width<=576px){.landing-main-content{padding:1.2rem .85rem 1rem}.landing-hero{margin-bottom:1rem}.landing-hero-title{letter-spacing:-.3px;margin-bottom:.3rem;font-size:1.35rem;font-weight:800}.landing-hero-subtitle{color:#64748b;font-size:.76rem;line-height:1.35}.landing-user-name{font-size:.8rem}.landing-user-role{font-size:.68rem}.landing-header-logout-btn{padding:6px 10px;font-size:.75rem}.landing-header-logout-btn span{display:none}.landing-cards-grid{grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem}.landing-action-card{min-height:unset;border-radius:14px;flex-direction:row;justify-content:flex-start;align-items:center;gap:.85rem;padding:.9rem 1rem;position:relative}.landing-card-icon-box{border-radius:11px;flex-shrink:0;width:44px;height:44px}.landing-card-icon-box svg{width:22px;height:22px}.landing-action-card .landing-card-arrow{flex-shrink:0;width:28px;height:28px;margin-left:auto;position:static}.landing-action-card .landing-card-arrow svg{width:14px;height:14px}.landing-card-text{flex:1;min-width:0}.landing-card-text h2{margin-bottom:.15rem;font-size:.98rem;font-weight:750;line-height:1.25}.landing-card-text p{color:#64748b;margin:0;font-size:.72rem;line-height:1.3}.landing-system-info-container{border-radius:14px;margin-top:.75rem;padding:1rem .85rem}.system-info-title{margin-bottom:.65rem;font-size:.92rem}.system-info-grid{grid-template-columns:repeat(2,1fr);gap:.55rem}.system-info-item{border-radius:10px;align-items:flex-start;gap:.45rem;padding:.65rem .55rem}.info-icon-circle{flex-shrink:0;width:30px;height:30px}.info-icon-circle svg{width:16px;height:16px}.info-item-text h4{margin-bottom:.15rem;font-size:.78rem;font-weight:700;line-height:1.2}.info-item-text p{color:#64748b;margin:0;font-size:.66rem;line-height:1.22}.landing-footer{text-align:center;flex-direction:column;gap:.5rem}}.pelaporan-outer-main{box-sizing:border-box;width:100%;padding:1.25rem 1.5rem}.pelaporan-wrapper-main{color:#1e293b;box-sizing:border-box;flex-direction:column;gap:1.15rem;width:100%;max-width:1000px;margin:0 auto;padding:1.25rem;font-family:Inter,system-ui,sans-serif;display:flex}.pelaporan-top-nav{border-bottom:1px solid #e2e8f0;flex-direction:column;gap:.6rem;padding-bottom:.85rem;display:flex}.pelaporan-top-actions{justify-content:space-between;align-items:center;width:100%;display:flex}.back-btn-compact{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.back-btn-compact:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.segarkan-btn-compact{color:#2563eb;cursor:pointer;white-space:nowrap;background:#2563eb14;border:1px solid #2563eb40;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.segarkan-btn-compact:hover:not(:disabled){background:#2563eb26;border-color:#2563eb66}.segarkan-btn-compact:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0}.title-section h2{color:#0f172a;margin:0;font-size:1.35rem;font-weight:800;line-height:1.25}.title-section .subtitle{color:#64748b;margin:2px 0 0;font-size:.8rem}.pelaporan-tabs-container{border-bottom:2px solid #e2e8f0;gap:10px;padding-bottom:2px;display:flex}.tab-item-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;padding:10px 18px;font-size:.92rem;font-weight:700;transition:all .2s}.tab-item-btn:hover{color:#3b82f6;background:#f1f5f9}.tab-item-btn.active{color:#3b82f6;background:#eff6ff;border-bottom-color:#3b82f6}.pelaporan-content-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;min-height:400px;padding:1.25rem 1.35rem;box-shadow:0 4px 20px -2px #0000000d}.loading-state-box{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:4rem 2rem;font-size:.95rem;display:flex}.loading-spinner{border:3px solid #3b82f626;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.empty-reports-compact{text-align:center;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin:.5rem 0;padding:1.8rem 1rem;display:flex}.empty-reports-icon-circle{background:#eff6ff;border:1px solid #dbeafe;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:8px;display:flex}.empty-reports-title{color:#1e293b;margin:0 0 4px;font-size:.92rem;font-weight:700}.empty-reports-desc{color:#64748b;max-width:320px;margin:0;font-size:.76rem;line-height:1.4}.tab-panel-content{animation:.3s ease-out fadeIn}.form-alert-info{color:#1e40af;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:0 8px 8px 0;margin-bottom:1.5rem;padding:12px 16px;font-size:.88rem;line-height:1.5}.form-layout-double{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=900px){.form-layout-double{grid-template-columns:1fr;gap:1.5rem}}.form-field-group{flex-direction:column;gap:6px;margin-bottom:1.25rem;display:flex}.form-field-group label{color:#334155;font-size:.88rem;font-weight:700}.req-star{color:#ef4444}.custom-select-input,.custom-textarea-input{box-sizing:border-box;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:8px;width:100%;padding:8px 12px;transition:all .2s;font-size:.85rem!important;font-family:var(--font-main,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)!important;color:#1e293b!important;font-weight:500!important;line-height:1.45!important}.custom-select-input.is-placeholder{color:#94a3b8!important}.custom-select-input option{color:#1e293b}.custom-textarea-input{resize:vertical;min-height:75px}.custom-textarea-input::placeholder{color:#94a3b8!important;font-family:var(--font-main,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)!important;font-size:.85rem!important;font-weight:500!important;line-height:1.45!important}.custom-select-input:focus,.custom-textarea-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.field-hint-error{color:#ef4444;margin:4px 0 0;font-size:.78rem;font-weight:500}.selected-item-info-badge{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:20px;margin-bottom:1.25rem;padding:10px 14px;display:flex}.selected-item-info-badge p{color:#475569;margin:0;font-size:.82rem}.submit-report-main-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;width:100%;margin-top:1rem;padding:12px 20px;font-size:.95rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #3b82f640}.submit-report-main-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #3b82f659}.submit-report-main-btn:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#cbd5e1}.camera-workflow-box{box-sizing:border-box;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;width:100%;min-height:130px;display:flex;overflow:hidden}.camera-trigger-panel{text-align:center;cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;padding:1.5rem 1rem;transition:all .2s;display:flex}.camera-trigger-panel:hover{background-color:#f1f5f9;border-color:#94a3b8}.camera-trigger-panel .cam-icon{margin-bottom:8px;font-size:2.2rem;display:block}.camera-trigger-panel .cam-text{color:#1e293b;margin-bottom:4px;font-size:.92rem;font-weight:700}.camera-trigger-panel .cam-sub{color:#64748b;font-size:.76rem}.live-camera-feed-box{background:#000;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.live-camera-feed-box video{object-fit:contain;background-color:#000;width:100%;max-height:300px;display:block}.recording-alert-overlay{color:#fff;z-index:10;background:#ef4444e6;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.rec-blinker{background:#fff;border-radius:50%;width:8px;height:8px;animation:1s infinite blink}.camera-action-controls{z-index:10;background:#0f172ad9;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.cam-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:700;transition:all .2s}.cam-btn.snap{color:#fff;background:#3b82f6}.cam-btn.record{color:#fff;background:#ef4444}.cam-btn.switch{color:#fff;background:#475569}.cam-btn.stop{color:#334155;background:#e2e8f0}.cam-btn.stop-rec{color:#fff;background:#dc2626;padding:8px 16px;font-size:.8rem}.captured-media-scroll-container{margin-top:1rem}.media-scroll-title{color:#475569;margin:0 0 8px;font-size:.8rem;font-weight:700}.media-thumbs-row{gap:8px;padding:4px;display:flex;overflow-x:auto}.captured-thumb-wrapper{background:#000;border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;width:76px;height:76px;position:relative;overflow:hidden}.captured-thumb-wrapper img,.captured-thumb-wrapper video{object-fit:cover;width:100%;height:100%}.captured-thumb-wrapper .thumb-badge{color:#fff;background:#0009;border-radius:3px;padding:1px 4px;font-size:.55rem;position:absolute;bottom:2px;left:2px}.remove-thumb-btn{color:#fff;cursor:pointer;background:#ef4444f2;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.status-badge-lbl{text-align:center;border-radius:12px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-block}.status-badge-lbl.menunggu-persetujuan{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.status-badge-lbl.disetujui{color:#059669;background:#d1fae5;border:1px solid #a7f3d0}.status-badge-lbl.ditolak{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5}.reports-table-responsive{border:1px solid #e2e8f0;border-radius:8px;width:100%;overflow-x:auto}.modern-reports-table{border-collapse:collapse;width:100%;font-size:.85rem}.modern-reports-table th,.modern-reports-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:12px 16px}.modern-reports-table th{color:#475569;background:#f8fafc;font-weight:700}.modern-reports-table tbody tr:hover{background-color:#f8fafc}.modern-reports-table .col-date{color:#64748b;white-space:nowrap;font-size:.8rem}.modern-reports-table .col-item-details{flex-direction:column;gap:2px;display:flex}.modern-reports-table .item-kode{color:#0f172a;font-weight:700}.modern-reports-table .item-name{color:#475569}.modern-reports-table .item-tag{color:#64748b;background:#f1f5f9;border-radius:4px;align-self:flex-start;margin-top:2px;padding:1px 6px;font-size:.65rem;font-weight:700}.modern-reports-table .col-desc-text{word-break:break-word;color:#334155;max-width:250px;line-height:1.4}.proof-thumbs-list{flex-wrap:wrap;gap:6px;display:flex}.proof-thumb-item{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:600;transition:all .2s}.proof-thumb-item:hover{color:#fff;background:#3b82f6;border-color:#3b82f6}.no-proof-label{color:#94a3b8;font-style:italic}.admin-notes-txt{color:#1e3a8a;background:#eff6ff;border-radius:4px;padding:4px 8px;font-size:.8rem;display:inline-block}.notes-pending-label{color:#94a3b8;font-style:italic}.pelaporan-filter-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:1.25rem;padding:10px 14px;display:flex}.pelaporan-filter-grid{flex:1;align-items:center;gap:10px;max-width:480px;display:flex}.pelaporan-filter-single{max-width:240px}.pelaporan-filter-col{flex:1;min-width:170px}.btn-reset-filter-pelaporan{color:#b91c1c;cursor:pointer;white-space:nowrap;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;justify-content:center;align-items:center;gap:4px;height:32px;padding:6px 12px;font-size:.76rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-reset-filter-pelaporan:hover{color:#991b1b;background:#fecaca}.admin-filters-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:1.25rem;display:flex}.admin-filters-bar span{color:#475569;margin-right:4px;font-size:.85rem;font-weight:700}.filter-badge-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:16px;padding:4px 12px;font-size:.78rem;font-weight:600;transition:all .2s}.filter-badge-btn:hover{background:#f1f5f9}.filter-badge-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.admin-layout-split{box-sizing:border-box;grid-template-columns:320px minmax(0,1fr);gap:1.15rem;width:100%;display:grid}@media (width<=850px){.admin-layout-split{grid-template-columns:1fr}}.admin-queue-list{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;min-width:0;max-height:520px;padding:8px;display:flex;overflow-y:auto}.queue-report-card{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:12px;transition:all .2s;display:flex}.queue-report-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d}.queue-report-card.selected{background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f614}.queue-report-card .card-top{justify-content:space-between;align-items:center;font-size:.76rem;display:flex}.queue-report-card .reporter-name{color:#475569;font-weight:700}.queue-report-card .report-time{color:#94a3b8}.queue-report-card .card-body-details{flex-direction:column;gap:2px;display:flex}.queue-report-card .asset-title{color:#1e293b;margin:0;font-size:.88rem;font-weight:700}.queue-report-card .asset-kode{color:#64748b;margin:0;font-size:.75rem}.queue-report-card .desc-preview{color:#475569;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:.78rem;overflow:hidden}.admin-review-details-panel{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;min-width:0;max-height:520px;overflow-y:auto}.review-placeholder-box{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:6rem 2rem;display:flex}.review-placeholder-box .icon{font-size:2.5rem}.review-placeholder-box p{max-width:320px;margin:0;font-size:.85rem;line-height:1.5}.review-inner-card{box-sizing:border-box;flex-direction:column;gap:1.15rem;min-width:0;padding:1.25rem 1.35rem;animation:.25s ease-out fadeIn;display:flex}.review-header-title{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.review-header-title h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.info-grid-two-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;min-width:0;display:grid}.info-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 3px;font-size:.75rem;font-weight:700}.info-val{color:#1e293b;word-break:break-word;overflow-wrap:break-word;margin:0;font-size:.88rem}.review-section-desc .desc-display-box{color:#334155;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;font-size:.88rem;line-height:1.5}.review-media-grid{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.review-media-thumb{cursor:pointer;background:#000;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:90px;height:90px;transition:opacity .2s;display:flex;overflow:hidden}.review-media-thumb:hover{opacity:.85}.review-media-thumb img{object-fit:cover;width:100%;height:100%}.media-placeholder-icon{color:#fff;text-align:center;font-size:.7rem;font-weight:600}.admin-action-form-box{border-top:1px solid #e2e8f0;flex-direction:column;gap:8px;padding-top:1.25rem;display:flex}.admin-action-form-box label{color:#475569;font-size:.8rem;font-weight:700}.action-button-row{gap:10px;margin-top:8px;display:flex}.admin-confirm-btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:10px;font-size:.85rem;font-weight:700;transition:all .2s}.admin-confirm-btn.approve{color:#fff;background:#10b981;box-shadow:0 2px 6px #10b98133}.admin-confirm-btn.approve:hover{background:#059669}.admin-confirm-btn.reject{color:#fff;background:#ef4444;box-shadow:0 2px 6px #ef444433}.admin-confirm-btn.reject:hover{background:#dc2626}.status-locked-msg{color:#64748b;text-align:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;margin-top:6px;padding:10px;font-size:.82rem;font-weight:600}.lightbox-overlay-fullscreen{z-index:9999;background-color:#0f172af2;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.lightbox-container{background:#000;border-radius:12px;flex-direction:column;width:90vw;max-width:750px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.lightbox-header{z-index:10;background:#1e293bcc;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.lightbox-header .counter-lbl{color:#fff;font-size:.8rem;font-weight:600}.close-lightbox-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;padding:4px 10px;font-size:.72rem;font-weight:700}.lightbox-media-wrapper{justify-content:center;align-items:center;width:100%;height:70vh;display:flex;position:relative}.media-content-display{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.media-content-display img,.media-content-display video{object-fit:contain;max-width:100%;max-height:100%}.nav-btn{color:#fff;cursor:pointer;z-index:20;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn:hover{background:#ffffff4d}.nav-btn.prev{left:10px}.nav-btn.next{right:10px}.toasts-popup-wrapper{z-index:10000;flex-direction:column;gap:8px;max-width:320px;display:flex;position:fixed;bottom:20px;right:20px}.toast-card{color:#fff;background:#1e293b;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:.82rem;font-weight:600;animation:.2s cubic-bezier(.4,0,.2,1) forwards slideIn;display:flex;box-shadow:0 4px 12px #00000026}.toast-card.success{background:#10b981}.toast-card.error{background:#ef4444}.toast-card.warning{background:#f59e0b}.toast-card button{color:#ffffffb3;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1}.toast-card button:hover{color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reports-mobile-cards-list,.admin-back-queue-btn{display:none}@media (width<=768px){.modern-reports-table{display:none}.reports-mobile-cards-list{flex-direction:column;gap:1rem;margin-top:.5rem;display:flex}.mobile-report-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex;box-shadow:0 2px 8px #00000008}.mobile-report-card .card-header-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.mobile-report-card .card-date{color:#64748b;font-size:.78rem;font-weight:500}.mobile-report-card .item-title-name{color:#0f172a;margin:0 0 4px;font-size:.95rem;font-weight:800}.mobile-report-card .item-metadata-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:.5rem;display:flex}.mobile-report-card .meta-code{color:#1e293b;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:.72rem;font-weight:700}.mobile-report-card .meta-tag{color:#3b82f6;background:#eff6ff;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.mobile-report-card .meta-cat{color:#64748b;font-size:.72rem}.mobile-report-card .section-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.72rem;font-weight:700;display:block}.mobile-report-card .section-val{color:#334155;margin:0;font-size:.85rem;line-height:1.4}.mobile-report-card .feedback-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:4px;padding:8px 12px}.mobile-report-card .feedback-text{color:#1e3a8a;margin:0;font-size:.85rem}.mobile-report-card .feedback-confirmed-by{color:#64748b;margin:4px 0 0;font-size:.72rem}.mobile-report-card .feedback-pending{color:#94a3b8;margin:0;font-size:.82rem;font-style:italic}.pelaporan-wrapper-main{gap:1rem;padding:.75rem}.pelaporan-content-card{min-height:auto;padding:1rem}.selected-item-info-badge{flex-direction:column;gap:6px}.info-grid-two-cols{grid-template-columns:1fr;gap:.75rem}.camera-action-controls{gap:6px;padding:8px}.cam-btn{padding:5px 10px;font-size:.7rem}}@media (width<=850px){.admin-layout-split.has-selected .admin-queue-list,.admin-layout-split:not(.has-selected) .admin-review-details-panel{display:none}.admin-layout-split.has-selected .admin-back-queue-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;margin-bottom:12px;margin-right:auto;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.admin-layout-split.has-selected .admin-back-queue-btn:hover{color:#1e293b;background:#e2e8f0}.review-header-title{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=480px){.pelaporan-tabs-container{border-bottom:none;flex-wrap:wrap}.tab-item-btn{text-align:center;border-bottom:2px solid #0000;flex:auto;padding:8px 12px;font-size:.85rem}}.reports-filter-bar,.date-filters-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:1.5rem;padding:12px 16px;display:flex}.reports-filter-bar .filter-group,.date-filters-bar .filter-group{align-items:center;gap:8px;display:flex}.reports-filter-bar label,.date-filters-bar label{color:#475569;white-space:nowrap;font-size:.85rem;font-weight:700}.filter-select{color:#1e293b;cursor:pointer;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:6px;outline:none;padding:6px 12px;font-size:.82rem;transition:all .2s}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-reset-filter{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .2s}.btn-reset-filter:hover{color:#0f172a;background:#e2e8f0}.admin-filters-container{flex-direction:column;gap:10px;margin-bottom:1.25rem;display:flex}.admin-filters-container .admin-filters-bar{margin-bottom:0}@media (width<=768px){.pelaporan-outer-main{padding:.5rem!important}.pelaporan-wrapper-main{gap:.65rem;padding:.5rem .25rem}.pelaporan-top-nav{gap:.35rem;padding-bottom:.45rem}.back-btn-compact,.segarkan-btn-compact{border-radius:5px;gap:4px;padding:4.5px 9px;font-size:.74rem}.title-section h2{font-size:1.15rem;line-height:1.25}.title-section .subtitle{margin-top:1px;font-size:.72rem}.empty-reports-compact{margin:.25rem 0;padding:1.25rem .75rem}.pelaporan-tabs-container{gap:4px;padding-bottom:1px}.tab-item-btn{padding:6px 12px;font-size:.78rem}.pelaporan-content-card{border-radius:10px;min-height:auto;padding:.85rem .75rem;box-shadow:0 2px 8px #0000000a}.form-alert-info{border-left-width:3px;border-radius:0 6px 6px 0;margin-bottom:.75rem;padding:7px 10px;font-size:.74rem;line-height:1.35}.form-layout-double{gap:.75rem}.form-field-group{gap:3px;margin-bottom:.65rem}.form-field-group label{font-size:.8rem}.custom-select-input,.custom-textarea-input{border-radius:6px;padding:8px 10px;font-size:.85rem!important;font-family:var(--font-main,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)!important;color:#1e293b!important;font-weight:500!important;line-height:1.45!important}.custom-textarea-input{resize:none;height:auto;min-height:76px}.custom-textarea-input::placeholder{font-size:.85rem!important;font-family:var(--font-main,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)!important;color:#94a3b8!important;font-weight:500!important;line-height:1.45!important}.selected-item-info-badge{flex-wrap:wrap;gap:8px;margin-bottom:.65rem;padding:6px 8px;font-size:.72rem}.field-hint-error{font-size:.72rem;line-height:1.3}.camera-workflow-box{border-radius:8px;min-height:80px}.camera-trigger-panel{padding:.85rem .5rem}.camera-trigger-panel .cam-icon{margin-bottom:2px;font-size:1.3rem}.camera-trigger-panel .cam-text{margin-bottom:2px;font-size:.78rem}.camera-trigger-panel .cam-sub{font-size:.68rem;line-height:1.25}.submit-report-main-btn{border-radius:7px;margin-top:.5rem;padding:9px 14px;font-size:.82rem}.reports-filter-bar,.date-filters-bar{gap:10px;padding:10px}.reports-filter-bar .filter-group,.date-filters-bar .filter-group{justify-content:space-between;width:100%}.filter-select{width:60%}.btn-reset-filter{text-align:center;width:100%}.modern-reports-table{display:none!important}.reports-mobile-cards-list{flex-direction:column;gap:8px;display:flex!important}.mobile-report-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;box-shadow:0 1px 3px #00000008}.mobile-report-card .card-header-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:5px;display:flex}.mobile-report-card .card-date{color:#64748b;font-size:.7rem;font-weight:500}.mobile-report-card .item-title-name{color:#0f172a;margin:0 0 4px;font-size:.88rem;font-weight:750;line-height:1.25}.mobile-report-card .item-metadata-row{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.mobile-report-card .meta-code,.mobile-report-card .meta-tag,.mobile-report-card .meta-cat{color:#475569;background:#f1f5f9;border-radius:4px;padding:1.5px 5px;font-size:.65rem;font-weight:600}.mobile-report-card .meta-code{color:#2563eb;background:#eff6ff;font-weight:700}.mobile-report-card .section-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-size:.66rem;font-weight:700;display:block}.mobile-report-card .section-val{color:#334155;background:#f8fafc;border-left:2.5px solid #3b82f6;border-radius:0 4px 4px 0;margin:0;padding:4px 8px;font-size:.78rem;line-height:1.35}.mobile-report-card .card-description-section,.mobile-report-card .card-media-section,.mobile-report-card .card-feedback-section{margin-top:5px}.mobile-report-card .feedback-box{background:#f8fafc;border-radius:4px;padding:4px 8px;font-size:.74rem}.mobile-report-card .feedback-text{color:#1e293b;margin:0;font-weight:500}.mobile-report-card .feedback-confirmed-by{color:#64748b;margin:2px 0 0;font-size:.65rem}.mobile-report-card .feedback-pending{color:#94a3b8;margin:0;font-size:.72rem;font-style:italic}}.login-page-container{z-index:10000;background-color:#0f172a;width:100vw;min-height:100vh;margin:0;padding:0;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;top:0;left:0;overflow:hidden}.login-split-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.login-visual-section{color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 60%,#2563eb 100%);flex-direction:column;flex:1.1;justify-content:space-between;height:100vh;padding:2.5rem 3rem;display:flex;position:relative;overflow:hidden;box-shadow:4px 0 24px #0000004d}.login-visual-section:before{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#2563eb38 0%,#0000 60%);width:50%;height:50%;position:absolute;top:-10%;left:-10%}.login-visual-section:after{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#38bdf826 0%,#0000 65%);width:60%;height:60%;position:absolute;bottom:-10%;right:-10%}.visual-overlay{z-index:1;background:linear-gradient(#0f172a0d 0%,#0f172a66 100%);position:absolute;inset:0}.visual-content{z-index:2;flex-direction:column;align-items:flex-start;width:100%;display:flex;position:relative}.mmi-brand{align-items:center;gap:.75rem;margin-bottom:1.5rem;animation:.6s ease-out fadeInDown;display:flex}.brand-logo-img{object-fit:contain;filter:brightness(0)invert();width:auto;height:38px}.brand-name{letter-spacing:1.5px;background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.visual-illustration-wrapper{justify-content:center;align-items:center;width:80%;max-width:330px;margin:1rem auto 1.5rem;animation:6s ease-in-out infinite floatImage;display:flex;position:relative}.visual-illustration{object-fit:contain;filter:drop-shadow(0 15px 30px #00000059)drop-shadow(0 0 15px #3b82f61f);border-radius:12px;width:100%;height:auto;max-height:240px}.visual-text{max-width:95%;margin-bottom:1.5rem}.visual-title{letter-spacing:-.5px;background:linear-gradient(90deg,#fff,#e2e8f0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .75rem;font-size:1.85rem;font-weight:800;line-height:1.25}.visual-description{color:#94a3b8;margin:0;font-size:.92rem;line-height:1.55}.visual-features{flex-direction:column;gap:.65rem;width:100%;display:flex}.visual-feature-item{color:#cbd5e1;align-items:center;gap:.75rem;font-size:.9rem;font-weight:500;display:flex}.feature-check{color:#10b981;background:#10b9811f;border-radius:50%;flex-shrink:0;width:1rem;height:1rem;padding:3px}.visual-footer{z-index:2;color:#64748b;border-top:1px solid #ffffff14;width:100%;padding-top:1.2rem;font-size:.75rem;position:relative}.visual-footer p{margin:0}.login-form-section{box-sizing:border-box;background-color:#fff;flex-direction:column;flex:.9;justify-content:center;align-items:center;height:100vh;padding:2rem 3rem;display:flex;position:relative;overflow-y:auto}.login-form-card{width:100%;max-width:380px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade}.mobile-brand{justify-content:center;align-items:center;gap:.6rem;margin-bottom:1.5rem;display:none}.brand-logo-img-mobile{object-fit:contain;filter:brightness(0)invert();width:auto;height:32px}.mobile-brand span{letter-spacing:1px;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:800}.form-header{text-align:left;margin-bottom:1.75rem}.form-header h2{color:#0f172a;letter-spacing:-.5px;margin:0 0 .4rem;font-size:1.6rem;font-weight:800}.form-subtitle{color:#64748b;margin:0;font-size:.9rem;line-height:1.5}.login-main-form{flex-direction:column;gap:1.2rem;display:flex}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-group label{color:#475569;letter-spacing:.2px;font-size:.82rem;font-weight:600}.input-field-wrapper{align-items:center;width:100%;display:flex;position:relative}.field-icon{color:#94a3b8;pointer-events:none;z-index:2;width:1.15rem;height:1.15rem;transition:color .25s;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.input-field-wrapper input{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:.8rem 2.75rem;font-size:.92rem;transition:all .25s}.input-field-wrapper input::placeholder{color:#94a3b8}.input-field-wrapper input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.input-field-wrapper input:focus~.field-icon,.input-field-wrapper input:focus+.field-icon{color:#2563eb}.password-toggle-btn{cursor:pointer;color:#64748b;z-index:2;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.password-toggle-btn:hover{color:#0f172a;background-color:#eff6ff}.toggle-icon{width:1.2rem;height:1.2rem}.login-action-btn{color:#fff;cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 50%,#1d4ed8 100%);border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:45px;margin-top:.4rem;padding:.85rem;font-size:.92rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 12px #1e3a8a38}.login-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#162e6e 0%,#1d4ed8 50%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 16px #1e3a8a4d}.login-action-btn:active:not(:disabled){transform:translateY(0)}.login-action-btn:disabled{opacity:.7;cursor:not-allowed}.btn-loading-wrapper{align-items:center;gap:.6rem;display:flex}.btn-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.1rem;height:1.1rem;animation:.8s linear infinite spin;display:inline-block}.login-alert{text-align:left;border-radius:8px;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:.8rem 1rem;font-size:.85rem;font-weight:500;line-height:1.4;animation:.4s shakeAlert;display:flex}.alert-icon{flex-shrink:0;width:1.2rem;height:1.2rem;margin-top:1px}.alert-danger{color:#991b1b;background-color:#fef2f2;border:1px solid #fee2e2}.alert-danger .alert-icon{color:#ef4444}.alert-success{color:#166534;background-color:#f0fdf4;border:1px solid #dcfce7}.alert-success .alert-icon{color:#10b981}.info-alert{color:#1e40af;text-align:left;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:8px;gap:.75rem;margin-bottom:.5rem;padding:.9rem 1.1rem;font-size:.8rem;line-height:1.45;display:flex}.info-alert strong{color:#1e3a8a;margin-bottom:.2rem;font-size:.85rem;display:block}.info-alert p{color:#1e40af;margin:0}.info-icon{color:#3b82f6;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:2px}.mobile-footer{color:#94a3b8;text-align:center;width:100%;margin-top:2rem;font-size:.75rem;display:none}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes shakeAlert{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (width<=1100px){.login-visual-section{padding:2rem}.visual-title{font-size:1.6rem}.visual-illustration-wrapper{max-width:280px;margin:.75rem auto 1.25rem}.visual-illustration{max-height:200px}}@media (width<=968px){.login-page-container{overflow-y:auto}.login-split-layout{height:auto;min-height:100vh;display:block;overflow-y:auto}.login-visual-section{display:none}.login-form-section{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 60%,#2563eb 100%);flex-direction:column;justify-content:center;width:100%;height:auto;min-height:100vh;padding:2rem 1.5rem;display:flex}.login-form-card{-webkit-backdrop-filter:blur(16px)saturate(120%);box-sizing:border-box;background:#1e293b73;border:1px solid #ffffff14;border-radius:20px;padding:2.25rem 1.75rem;box-shadow:0 20px 40px #00000059,inset 0 1px #ffffff1a}.mobile-brand{display:flex}.form-header h2{color:#fff;font-size:1.5rem}.form-subtitle{color:#94a3b8}.form-group label{color:#cbd5e1}.input-field-wrapper input{color:#fff;background-color:#0f172a99;border-color:#ffffff26;padding-left:2.75rem!important;padding-right:2.75rem!important}.input-field-wrapper input:focus{background-color:#0f172ad9;border-color:#2563eb}.password-toggle-btn{color:#94a3b8}.password-toggle-btn:hover{color:#fff;background-color:#ffffff14}.mobile-footer{display:block}}@media (width<=480px){.login-form-section{padding:1.5rem 1rem}.login-form-card{border-radius:16px;padding:1.75rem 1.25rem}.form-header h2{font-size:1.35rem}.form-subtitle{font-size:.85rem}.login-action-btn{padding:.8rem}}.portal-page{color:#0f172a;background-color:#f8fafc;background-image:radial-gradient(at 50% 0,#2563eb0d 0,#0000 60%);flex-direction:column;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.portal-simple-header{background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 2.5rem;display:flex;box-shadow:0 1px 3px #00000005}.portal-header-left{align-items:center;gap:14px;display:flex}.portal-logo-img{object-fit:contain;width:auto;height:42px}.portal-header-title-box{flex-direction:column;display:flex}.portal-company-name{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.portal-app-title{color:#0f172a;letter-spacing:-.01em;font-size:1.1rem;font-weight:800}.portal-badge-online{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:700;display:flex}.dot-online{background-color:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #22c55e99}.portal-user-status{align-items:center;gap:12px;display:flex}.user-avatar-pill{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:flex}.user-avatar-initial{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:800;display:flex}.user-text-info{color:#334155;font-size:.82rem}.portal-btn-logout{color:#dc2626;cursor:pointer;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:700;transition:all .2s;display:flex}.portal-btn-logout:hover{background-color:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.portal-main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:3.5rem 1.5rem}.portal-hero-section{text-align:center;margin-bottom:3rem}.portal-hero-badge{color:#2563eb;letter-spacing:.1em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;margin-bottom:.75rem;padding:.3rem .9rem;font-size:.72rem;font-weight:800;display:inline-block}.portal-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 .75rem;font-size:2.25rem;font-weight:800}.portal-subtitle{color:#64748b;max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.6}.portal-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2rem;display:grid}.portal-card{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:2.25rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 20px -2px #0f172a0d,0 2px 6px -1px #0f172a08}.portal-card:hover{transform:translateY(-6px)}.card-asset-style:hover{border-color:#93c5fd;box-shadow:0 20px 35px -10px #2563eb26,0 10px 15px -5px #2563eb14}.card-top-row{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card-header-icon{border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .3s;display:flex}.portal-card:hover .card-header-icon{transform:scale(1.06)}.icon-asset{color:#2563eb;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe}.icon-petty{color:#059669;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #a7f3d0}.icon-spk{color:#0284c7;background:linear-gradient(135deg,#f0fdf4 0%,#e0f2fe 100%);border:1px solid #bae6fd}.card-spk-style:hover{border-color:#7dd3fc;box-shadow:0 20px 35px -10px #0284c726,0 10px 15px -5px #0284c714}.btn-spk{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%)}.btn-spk:hover{box-shadow:0 8px 20px -4px #0284c766}.icon-disabled{color:#94a3b8!important;background:#f1f5f9!important;border-color:#e2e8f0!important}.card-status-pill{letter-spacing:.02em;border-radius:999px;padding:.25rem .75rem;font-size:.72rem;font-weight:700}.status-ready{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.badge-coming-soon{color:#64748b;letter-spacing:.05em;text-transform:uppercase;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;padding:.25rem .75rem;font-size:.72rem;font-weight:800}.card-heading{color:#0f172a;letter-spacing:-.01em;margin:0 0 .6rem;font-size:1.45rem;font-weight:800}.card-desc{color:#64748b;flex-grow:1;margin:0 0 1.75rem;font-size:.92rem;line-height:1.6}.card-features-list{flex-direction:column;gap:.5rem;margin-bottom:2rem;display:flex}.feature-pill{color:#334155;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;align-items:center;gap:.6rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;display:flex}.feature-muted{color:#94a3b8;background:#f8fafc;border-color:#e2e8f0}.btn-access{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.9rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.btn-asset{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 6px 18px #2563eb4d}.btn-asset:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transform:translateY(-2px);box-shadow:0 10px 24px #2563eb73}.btn-arrow-icon{transition:transform .2s}.btn-asset:hover .btn-arrow-icon{transform:translate(4px)}.btn-disabled{color:#94a3b8!important;cursor:not-allowed!important;box-shadow:none!important;background:#e2e8f0!important;border:1px solid #cbd5e1!important}.card-disabled{cursor:not-allowed;background:#fdfdfd;border-color:#e2e8f0}.card-disabled:hover{transform:none;box-shadow:0 4px 20px -2px #0f172a0d}.portal-simple-footer{text-align:center;color:#64748b;background-color:#fff;border-top:1px solid #e2e8f0;margin-top:auto;padding:1.75rem 1.5rem;font-size:.85rem}.portal-simple-footer p{margin:0}@media (width<=640px){.portal-simple-header{flex-direction:column;align-items:flex-start;gap:12px;padding:1rem 1.25rem}.portal-title{font-size:1.75rem}.portal-grid{grid-template-columns:1fr}}.notfound-container{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:Inter,sans-serif;display:flex}.notfound-card{-webkit-backdrop-filter:blur(16px)saturate(180%);text-align:center;background:#ffffffd9;border:1px solid #e2e8f0cc;border-radius:24px;width:100%;max-width:480px;padding:3rem 2rem;animation:.5s ease-out notfoundFadeIn;box-shadow:0 20px 40px #0f172a14,0 1px 3px #0f172a0a}@keyframes notfoundFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notfound-illustration{justify-content:center;align-items:center;margin-bottom:2rem;display:inline-flex;position:relative}.notfound-badge{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);-webkit-text-fill-color:transparent;letter-spacing:-2px;-webkit-background-clip:text;margin:0;font-size:6.5rem;font-weight:900;line-height:1;animation:3s ease-in-out infinite pulseScale}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.notfound-icon-wrapper{color:#ef4444;background:#fee2e2;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;animation:4s ease-in-out infinite floatIcon;display:flex;position:absolute;bottom:-5px;right:-5px;box-shadow:0 4px 12px #ef444433}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.notfound-card h2{color:#0f172a;letter-spacing:-.5px;margin-bottom:.75rem;font-size:1.5rem;font-weight:800}.notfound-card p{color:#64748b;margin-bottom:2.25rem;font-size:.95rem;line-height:1.6}.notfound-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb4d}.notfound-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.notfound-btn:active{transform:translateY(0)}.notfound-btn-icon{width:18px;height:18px}.notfound-brand{color:#94a3b8;letter-spacing:.5px;text-transform:uppercase;margin-top:2rem;font-size:.75rem;font-weight:600}:root{--spk-primary:#1e40af;--spk-primary-hover:#1d4ed8;--spk-primary-light:#eff6ff;--spk-secondary:#0ea5e9;--spk-accent:#f59e0b;--spk-success:#10b981;--spk-success-light:#ecfdf5;--spk-dark:#0f172a;--spk-text-main:#1e293b;--spk-text-muted:#64748b;--spk-border:#e2e8f0;--spk-card-bg:#fff;--spk-body-bg:#f8fafc;--spk-radius:16px;--spk-shadow-sm:0 2px 4px #0f172a0a;--spk-shadow-md:0 10px 25px -5px #0f172a0f, 0 8px 10px -6px #0f172a0a;--spk-shadow-lg:0 20px 30px -10px #0f172a1a}.spk-wrapper{background-color:var(--spk-body-bg);height:100vh;min-height:100vh;color:var(--spk-text-main);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden auto}.spk-header{border-bottom:1px solid var(--spk-border);z-index:40;background:#fff;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.spk-header-brand{align-items:center;gap:1.25rem;display:flex}.spk-logo{object-fit:contain;width:auto;height:42px}.spk-brand-text{flex-direction:column;display:flex}.spk-company-title{color:var(--spk-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.spk-app-title{color:var(--spk-dark);font-size:1.2rem;font-weight:800}.spk-header-actions{align-items:center;gap:.75rem;display:flex}.spk-btn-back{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.spk-btn-back:hover{color:#0f172a;background:#e2e8f0}.spk-nav-strip{border-bottom:1px solid var(--spk-border);background:#fff;gap:2rem;padding:0 2rem;display:flex}.spk-tab-btn{color:var(--spk-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;padding:1rem .5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.spk-tab-btn:hover{color:var(--spk-primary)}.spk-tab-btn.active{color:var(--spk-primary);border-bottom-color:var(--spk-primary)}.spk-main-container{flex:1;width:100%;max-width:760px;margin:2rem auto;padding:0 1.5rem;transition:max-width .25s}.spk-main-container.table-mode{max-width:1240px}.spk-hero-card{color:#fff;border-radius:var(--spk-radius);background:linear-gradient(135deg,#1e3a8a,#2563eb);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:2rem;display:flex;box-shadow:0 10px 25px -5px #2563eb40}.spk-hero-content h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.spk-hero-content p{color:#dbeafe;max-width:600px;margin:0;font-size:.92rem;line-height:1.5}.spk-preview-badge-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:right;background:#ffffff26;border:1px solid #ffffff40;border-radius:14px;padding:1rem 1.5rem}.spk-preview-label{color:#bfdbfe;text-transform:uppercase;letter-spacing:.05em;justify-content:flex-end;align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.75rem;font-weight:600;display:flex}.spk-pulse-dot{background-color:#34d399;border-radius:50%;width:8px;height:8px;animation:1.8s infinite spkPulse}@keyframes spkPulse{0%{transform:scale(.95);box-shadow:0 0 #34d399b3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #34d39900}to{transform:scale(.95);box-shadow:0 0 #34d39900}}.spk-preview-code{color:#fff;letter-spacing:.05em;font-family:Courier New,Courier,monospace;font-size:1.35rem;font-weight:800}.spk-card{background:var(--spk-card-bg);border-radius:var(--spk-radius);border:1px solid var(--spk-border);box-shadow:var(--spk-shadow-md);margin-bottom:2rem;padding:2.25rem}.spk-form-top-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.spk-form-top-header h2{color:#0f172a;letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.35rem;font-weight:800}.spk-form-top-header p{color:#64748b;margin:0;font-size:.85rem}.spk-next-number-pill{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .95rem;font-size:.82rem;font-weight:600;display:inline-flex}.spk-next-number-pill strong{color:#1d4ed8;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:800}.spk-form-section-title{color:var(--spk-dark);letter-spacing:-.01em;border-bottom:none;align-items:center;gap:.6rem;margin:1.75rem 0 1rem;padding-bottom:0;font-size:1.05rem;font-weight:800;display:flex}.spk-form-section-title:first-child{margin-top:0}.spk-category-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem;display:grid}.spk-category-card{border:2px solid var(--spk-border);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:.85rem;padding:1rem 1.25rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.spk-category-card:hover{box-shadow:var(--spk-shadow-sm);border-color:#93c5fd;transform:translateY(-2px)}.spk-category-card.selected{border-color:var(--spk-primary);background:#f8faff;box-shadow:0 4px 12px #2563eb1f}.spk-cat-radio-circle{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.spk-category-card.selected .spk-cat-radio-circle{border-color:var(--spk-primary);background:var(--spk-primary)}.spk-cat-dot-inner{background:#fff;border-radius:50%;width:7px;height:7px}.spk-cat-simple-title{color:var(--spk-dark);letter-spacing:.02em;font-size:1.05rem;font-weight:700}.spk-form-vertical{flex-direction:column;gap:1.5rem;width:100%;display:flex}.spk-form-full{grid-column:1/-1}.spk-input-group{flex-direction:column;gap:.45rem;display:flex}.spk-label{color:#334155;align-items:center;gap:.35rem;font-size:.88rem;font-weight:600;display:flex}.spk-req-star{color:#ef4444}.spk-help-text{color:var(--spk-text-muted);margin-top:.15rem;font-size:.78rem}.spk-input,.spk-select,.spk-textarea{border:1.5px solid var(--spk-border);color:var(--spk-dark);box-sizing:border-box;background:#fff;border-radius:10px;width:100%;padding:.75rem 1rem;font-size:.92rem;transition:all .2s}.spk-input:focus,.spk-select:focus,.spk-textarea:focus{border-color:var(--spk-primary);outline:none;box-shadow:0 0 0 3px #2563eb26}.spk-textarea{resize:vertical;min-height:85px}.spk-divisi-vertical{flex-direction:column;gap:.65rem;margin-top:.35rem;display:flex}.spk-divisi-radio-item{border:1.5px solid var(--spk-border);cursor:pointer;color:#334155;-webkit-user-select:none;user-select:none;background:#fff;border-radius:10px;align-items:center;gap:.85rem;padding:.75rem 1rem;font-size:.92rem;font-weight:600;transition:all .15s;display:flex}.spk-divisi-radio-item:hover{background:#f8fafc;border-color:#93c5fd}.spk-divisi-radio-item.selected{border-color:var(--spk-primary);color:var(--spk-primary);background:#f0f7ff;box-shadow:0 2px 6px #2563eb14}.spk-radio-circle{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.spk-divisi-radio-item.selected .spk-radio-circle{border-color:var(--spk-primary);background:var(--spk-primary)}.spk-radio-circle-dot{background:#fff;border-radius:50%;width:6px;height:6px}.spk-divisi-readonly-box{color:#166534;background:#f0fdf4;border:1.5px solid #86efac;border-radius:10px;justify-content:space-between;align-items:center;padding:.85rem 1.15rem;display:flex}.spk-divisi-readonly-title{align-items:center;gap:.6rem;font-size:.95rem;font-weight:700;display:flex}.spk-badge-auto{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#15803d;border-radius:6px;padding:.25rem .65rem;font-size:.72rem;font-weight:700}.spk-form-footer{border-top:1px solid var(--spk-border);justify-content:flex-end;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.spk-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e40af,#2563eb);border:none;border-radius:12px;align-items:center;gap:.6rem;padding:.85rem 2rem;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 12px #2563eb40}.spk-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #2563eb59}.spk-btn-primary:disabled{opacity:.6;cursor:not-allowed}.spk-btn-reset{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;padding:.85rem 1.5rem;font-size:.92rem;font-weight:600;transition:all .2s}.spk-btn-reset:hover{color:#1e293b;background:#e2e8f0}.spk-table-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.spk-table-filters{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.spk-search-box{min-width:260px;position:relative}.spk-search-box input{padding-left:2.4rem}.spk-search-icon{color:#94a3b8;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.spk-btn-export{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.spk-btn-export:hover{color:#fff;background:#047857}.spk-table-container{border:1px solid var(--spk-border);border-radius:12px;overflow-x:auto}.spk-data-table{border-collapse:collapse;text-align:left;background:#fff;width:100%;font-size:.88rem}.spk-data-table th{color:#475569;border-bottom:1.5px solid var(--spk-border);white-space:nowrap;background:#f8fafc;padding:.85rem 1rem;font-weight:700}.spk-data-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.95rem 1rem}.spk-data-table tr:hover td{background:#f8fafc}.spk-badge{letter-spacing:.02em;white-space:nowrap;border-radius:9999px;padding:.25rem .65rem;font-size:.74rem;font-weight:700;display:inline-block}.spk-badge-spk{color:#1d4ed8;background:#dbeafe}.spk-badge-bad{color:#b45309;background:#fef3c7}.spk-code-cell{color:var(--spk-primary);white-space:nowrap;font-family:Courier New,Courier,monospace;font-weight:700;display:inline-block}.spk-btn-action{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:.4rem .8rem;font-size:.78rem;font-weight:600;transition:all .15s}.spk-btn-action:hover{background:var(--spk-primary);color:#fff;border-color:var(--spk-primary)}.spk-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.spk-modal-card{background:#fff;border-radius:20px;width:100%;max-width:650px;max-height:90vh;padding:2rem;animation:.25s cubic-bezier(.16,1,.3,1) spkModalSlide;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes spkModalSlide{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.spk-modal-success-box{text-align:center;padding:1rem 0}.spk-success-icon{color:#16a34a;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.25rem;display:flex;box-shadow:0 4px 12px #16a34a33}.spk-generated-number-display{background:#f8fafc;border:2px dashed #93c5fd;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin:1.5rem 0;padding:1.25rem;display:flex}.spk-copy-btn{background:var(--spk-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.spk-copy-btn:hover{background:var(--spk-primary-hover)}@media (width<=768px){.spk-header{padding:1rem}.spk-main-container{padding:0 1rem}.spk-card,.spk-hero-card{padding:1.5rem}.spk-preview-badge-box{text-align:left;width:100%}.spk-preview-label{justify-content:flex-start}}.spk-status-dot{border-radius:50%;flex-shrink:0;width:6.5px;height:6.5px;display:inline-block}.spk-status-dot.amber{background:#d97706;box-shadow:0 0 0 2.5px #d977062e}.spk-status-dot.emerald{background:#059669;box-shadow:0 0 0 2.5px #0596692e}.spk-status-dot.red{background:#dc2626;box-shadow:0 0 0 2.5px #dc26262e}.spk-badge-pending{color:#92400e;white-space:nowrap;background:#fffbeb;border:1px solid #fde68a;border-radius:9999px;align-items:center;gap:.42rem;padding:.22rem .68rem;font-size:.74rem;font-weight:600;display:inline-flex}.spk-badge-approved{color:#166534;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;align-items:center;gap:.42rem;padding:.22rem .68rem;font-size:.74rem;font-weight:600;display:inline-flex}.spk-badge-signed{color:#065f46;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.spk-badge-pending-upload{color:#64748b;white-space:nowrap;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.spk-badge-rejected{color:#991b1b;white-space:nowrap;background:#fef2f2;border:1px solid #fecaca;border-radius:9999px;align-items:center;gap:.42rem;padding:.22rem .68rem;font-size:.74rem;font-weight:600;display:inline-flex}.spk-role-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:6px;padding:.2rem .55rem;font-size:.72rem;font-weight:800}.spk-role-badge.admin{color:#6d28d9;background:#ede9fe;border:1px solid #c4b5fd}.spk-role-badge.kabag{color:#3730a3;background:#e0e7ff;border:1px solid #a5b4fc}.spk-role-badge.kro{color:#0369a1;background:#e0f2fe;border:1px solid #7dd3fc}.spk-role-badge.ro{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.spk-btn-download-pdf,.spk-btn-download-letter{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.38rem .8rem;font-size:.76rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #0284c740}.spk-btn-download-pdf:hover:not(:disabled),.spk-btn-download-letter:hover:not(:disabled){background:linear-gradient(135deg,#0369a1 0%,#075985 100%);transform:translateY(-1px);box-shadow:0 4px 10px #0284c759}.spk-btn-download-pdf:disabled,.spk-btn-download-pdf.disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#f1f5f9;border:1px solid #e2e8f0;transform:none}.spk-btn-view-signed{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#059669 0%,#047857 100%);border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.38rem .8rem;font-size:.76rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #05966940}.spk-btn-view-signed:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%);transform:translateY(-1px);box-shadow:0 4px 10px #05966959}.spk-btn-upload-signed,.spk-btn-import-pdf{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%);border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.38rem .8rem;font-size:.76rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #4f46e540}.spk-btn-upload-signed:hover,.spk-btn-import-pdf:hover{background:linear-gradient(135deg,#4338ca 0%,#312e81 100%);transform:translateY(-1px);box-shadow:0 4px 10px #4f46e559}.spk-btn-reupload-signed{color:#475569;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.25rem;padding:.38rem .6rem;font-size:.76rem;font-weight:600;transition:all .15s;display:inline-flex}.spk-btn-reupload-signed:hover{color:#0f172a;background:#e2e8f0}.spk-btn-delete-signed{color:#e11d48;cursor:pointer;white-space:nowrap;background:#fff1f2;border:1px solid #fecdd3;border-radius:6px;align-items:center;gap:.25rem;padding:.38rem .65rem;font-size:.76rem;font-weight:700;transition:all .15s;display:inline-flex}.spk-btn-delete-signed:hover:not(:disabled){color:#be123c;background:#ffe4e6;border-color:#fda4af;transform:translateY(-1px)}.spk-btn-delete-signed:disabled{opacity:.5;cursor:not-allowed}.spk-btn-approve-quick{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:6px;padding:.35rem .6rem;font-size:.74rem;font-weight:700;transition:background .15s}.spk-btn-approve-quick:hover{background:#059669}.spk-btn-reject-quick{color:#fff;cursor:pointer;white-space:nowrap;background:#f43f5e;border:none;border-radius:6px;padding:.35rem .6rem;font-size:.74rem;font-weight:700;transition:background .15s}.spk-btn-reject-quick:hover{background:#e11d48}.spk-btn-review-approval{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:6px;align-items:center;gap:.3rem;padding:.38rem .75rem;font-size:.76rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #d9770647}.spk-btn-review-approval:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-1px);box-shadow:0 4px 10px #d9770659}.spk-dashboard-user-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.85rem 1.25rem;display:flex;box-shadow:0 2px 8px #0000000a}.spk-user-info-group{align-items:center;gap:.75rem;display:flex}.spk-user-avatar{color:#0284c7;background:#e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:800;display:flex}@media (width<=640px){.spk-header{padding:.75rem 1rem}.spk-header-brand{gap:.75rem}.spk-logo{object-fit:contain;max-width:105px;height:34px}.spk-brand-text{min-width:0}.spk-company-title{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:.64rem;overflow:hidden}.spk-app-title{white-space:nowrap;font-size:clamp(.92rem,3.8vw,1.15rem);font-weight:800;line-height:1.25}.spk-main-container{margin:.85rem auto 1.5rem;padding:0 .75rem}.spk-card{border-radius:14px;margin-bottom:1rem;padding:1.25rem .95rem;box-shadow:0 2px 10px #0f172a0d}.spk-category-grid{grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:1.35rem}.spk-category-card{border-radius:10px;justify-content:center;gap:.5rem;padding:.75rem .6rem}.spk-cat-radio-circle{flex-shrink:0;width:18px;height:18px}.spk-cat-simple-title{white-space:nowrap;font-size:.92rem;font-weight:700}.spk-form-section-title{margin:1.25rem 0 .75rem;font-size:.96rem}.spk-form-vertical{gap:1.1rem}.spk-label{margin-bottom:.2rem;font-size:.84rem}.spk-help-text{font-size:.74rem;line-height:1.3}.spk-input,.spk-select,.spk-textarea{border-radius:9px;padding:.68rem .8rem;font-size:.88rem}.spk-textarea{min-height:72px}.spk-divisi-vertical{gap:.5rem}.spk-divisi-radio-item{border-radius:9px;padding:.65rem .85rem;font-size:.88rem}.spk-form-footer{flex-direction:column-reverse;gap:.75rem;margin-top:1.75rem;padding-top:1.25rem}.spk-btn-primary{justify-content:center;width:100%;padding:.82rem 1rem;font-size:.95rem}.spk-btn-reset{text-align:center;justify-content:center;width:100%;padding:.72rem 1rem;font-size:.88rem}.spk-modal-card{border-radius:14px;max-width:420px;width:92%!important;padding:1.35rem 1rem!important}.spk-generated-number-display{text-align:center;flex-direction:column;align-items:stretch;gap:.75rem;padding:.85rem .75rem}.spk-generated-number-display>div{text-align:center!important}.spk-copy-btn{justify-content:center;width:100%;padding:.6rem}.spk-table-controls{flex-direction:column;align-items:flex-start;gap:.75rem}.spk-table-filters{flex-direction:column;gap:.65rem;align-items:stretch!important;padding:.75rem!important}.spk-search-box{flex:100%!important;width:100%!important}.spk-filter-select{width:100%!important}.spk-dashboard-user-bar{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.85rem 1rem}.spk-dashboard-user-bar>div:last-child{justify-content:flex-end;width:100%;display:flex}}@media (width<=380px){.spk-header-brand{gap:.5rem}.spk-logo{max-width:90px;height:30px}.spk-app-title{font-size:.88rem}.spk-cat-simple-title{font-size:.84rem}.spk-category-card{gap:.35rem;padding:.65rem .45rem}}.spk-pagination-container{background:#fff;border-top:1px solid #e2e8f0;border-bottom-right-radius:14px;border-bottom-left-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.spk-pagination-info{color:#64748b;align-items:center;gap:.25rem;font-size:.85rem;display:flex}.spk-pagination-info strong{color:#0f172a}.spk-pagination-controls{align-items:center;gap:.35rem;display:flex}.spk-page-btn{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 .5rem;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.spk-page-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.spk-page-btn.active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 2px 4px #0284c733}.spk-page-btn:disabled{opacity:.4;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}.spk-page-ellipsis{color:#94a3b8;-webkit-user-select:none;user-select:none;padding:0 .35rem;font-size:.85rem}.spk-db-container{color:#0f172a;background-color:#f8fafc;width:100vw;height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}.spk-db-sidebar{box-sizing:border-box;z-index:50;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:260px;height:100%;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:2px 0 16px #0f172a08}.spk-db-brand{border-bottom:1px solid #f1f5f9;align-items:center;gap:.85rem;padding:1.25rem 1.25rem 1rem;display:flex}.spk-db-brand-logo{object-fit:contain;height:38px}.spk-db-brand-text{flex-direction:column;display:flex}.spk-db-company-name{letter-spacing:.06em;color:#0284c7;text-transform:uppercase;font-size:.68rem;font-weight:800}.spk-db-app-name{color:#0f172a;letter-spacing:-.02em;font-size:1rem;font-weight:800;line-height:1.2}.spk-db-nav{flex-direction:column;flex:1;gap:.35rem;padding:1.25rem .85rem;display:flex;overflow-y:auto}.spk-db-nav-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;padding:.5rem .75rem .25rem;font-size:.7rem;font-weight:800}.spk-db-nav-item{color:#475569;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:.75rem .9rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.spk-db-nav-item-left{align-items:center;gap:.75rem;display:flex}.spk-db-nav-icon{color:#64748b;justify-content:center;align-items:center;width:20px;height:20px;transition:color .15s;display:flex}.spk-db-nav-item:hover{color:#0f172a;background:#f1f5f9}.spk-db-nav-item:hover .spk-db-nav-icon{color:#0284c7}.spk-db-nav-item.active{color:#0284c7;background:#e0f2fe;font-weight:700}.spk-db-nav-item.active .spk-db-nav-icon{color:#0284c7}.spk-db-badge-count{color:#9a3412;background:#fed7aa;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:800}.spk-db-badge-count.emerald{color:#065f46;background:#d1fae5}.spk-db-sidebar-footer{background:#f8fafc;border-top:1px solid #f1f5f9;padding:1rem}.spk-db-user-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.6rem .75rem;display:flex}.spk-db-user-avatar{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;font-weight:800;display:flex;box-shadow:0 2px 6px #0284c740}.spk-db-user-details{flex:1;min-width:0}.spk-db-user-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.85rem;font-weight:700;overflow:hidden}.spk-db-user-sub{color:#64748b;align-items:center;gap:.35rem;font-size:.72rem;display:flex}.spk-db-btn-logout{color:#ef4444;cursor:pointer;background:#fff;border:1.5px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.55rem;font-size:.82rem;font-weight:700;transition:all .15s;display:flex}.spk-db-btn-logout:hover{background:#fef2f2;border-color:#f87171}.spk-db-main{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.spk-db-navbar{z-index:20;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 1.75rem;display:flex;box-shadow:0 1px 3px #00000005}.spk-db-nav-breadcrumb{align-items:center;gap:.6rem;font-size:.88rem;display:flex}.spk-db-bc-parent{color:#64748b;font-weight:500}.spk-db-bc-separator{color:#cbd5e1;font-weight:600}.spk-db-bc-current{color:#0f172a;font-weight:700}.spk-db-navbar-right{align-items:center;gap:.85rem;display:flex}.spk-db-btn-portal{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.spk-db-btn-portal:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.spk-db-content-body{box-sizing:border-box;flex:1;padding:1.75rem;overflow-y:auto}.spk-db-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.25rem;margin-bottom:1.75rem;display:grid}.spk-db-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:1rem;padding:1.25rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 4px #0f172a08}.spk-db-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a0f}.spk-db-kpi-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.35rem;display:flex}.spk-db-kpi-icon-box.blue{color:#0284c7;background:#eff6ff}.spk-db-kpi-icon-box.amber{color:#d97706;background:#fffbeb}.spk-db-kpi-icon-box.emerald{color:#059669;background:#ecfdf5}.spk-db-kpi-icon-box.purple{color:#7c3aed;background:#faf5ff}.spk-db-kpi-info{flex-direction:column;display:flex}.spk-db-kpi-label{color:#64748b;margin-bottom:2px;font-size:.78rem;font-weight:600}.spk-db-kpi-value{color:#0f172a;letter-spacing:-.02em;font-size:1.45rem;font-weight:800;line-height:1.1}.spk-db-mobile-toggle{cursor:pointer;color:#334155;background:0 0;border:none;padding:.5rem;font-size:1.25rem;display:none}@media (width<=900px){.spk-db-sidebar{position:fixed;top:0;bottom:0;left:-260px}.spk-db-sidebar.open{transform:translate(260px)}.spk-db-mobile-toggle{display:block}.spk-db-backdrop{z-index:40;background:#0f172a66;position:fixed;inset:0}}@media (width<=640px){.spk-db-navbar{padding:.75rem 1rem}.spk-db-bc-parent,.spk-db-bc-separator{display:none}.spk-db-bc-current{font-size:.95rem;font-weight:800}.spk-db-content-body{padding:1rem .75rem}.spk-db-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.65rem;margin-bottom:1.25rem}.spk-db-kpi-card{border-radius:12px;gap:.6rem;padding:.85rem .75rem}.spk-db-kpi-icon-box{border-radius:8px;width:36px;height:36px;font-size:1.1rem}.spk-db-kpi-value{font-size:1.2rem}.spk-db-kpi-label{font-size:.72rem}}.spk-doc-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172abf;justify-content:center;align-items:flex-start;padding:1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.spk-doc-modal{background:#f1f5f9;border-radius:16px;flex-direction:column;width:100%;max-width:920px;margin-bottom:2rem;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}.spk-doc-toolbar{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.75rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000a}.spk-doc-toolbar-left{align-items:center;gap:.75rem;display:flex}.spk-doc-toolbar-title{color:#0f172a;font-size:1.05rem;font-weight:700}.spk-doc-toolbar-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;padding:.25rem .65rem;font-size:.75rem;font-weight:700}.spk-doc-toolbar-actions{align-items:center;gap:.75rem;display:flex}.spk-btn-print{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.spk-btn-print:hover{background:#0369a1;transform:translateY(-1px)}.spk-btn-close-doc{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:.6rem 1rem;font-size:.88rem;font-weight:600;transition:all .2s}.spk-btn-close-doc:hover{color:#0f172a;background:#e2e8f0}.spk-doc-preview-container{flex-direction:column;align-items:center;gap:2.5rem;padding:2rem;display:flex}.spk-letter-page{box-sizing:border-box;color:#000;background:#fff;flex-direction:column;justify-content:space-between;width:210mm;min-height:297mm;max-height:297mm;padding:14mm 20mm 12mm;font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:10.5pt;line-height:1.28;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001f}.spk-highlight{color:inherit!important;background:0 0!important;border-radius:0!important;padding:0!important}.spk-letter-header{margin-bottom:.35rem}.spk-letter-logo-row{align-items:center;margin-top:-6mm;margin-bottom:.85rem;margin-left:-10mm;display:flex}.spk-letter-logo{object-fit:contain;height:38px}.spk-letter-logo.header-small{height:38px}.spk-letter-title-section{text-align:center;margin-bottom:.35rem}.spk-letter-main-title{letter-spacing:.2px;text-transform:uppercase;margin:0;font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:12pt;font-weight:700}.spk-letter-nomor{margin:2px 0 0;font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:11pt;font-weight:700}.spk-letter-divider{border:none;border-top:1px solid #000;margin:8px 0 14px}.spk-letter-body{flex:1}.spk-letter-text{text-align:justify;text-justify:inter-word;margin-bottom:.42rem;font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:10.5pt;line-height:1.28}.spk-identity-table{border-collapse:collapse;width:100%;margin:.15rem 0 .45rem}.spk-identity-table td{vertical-align:top;padding:1px 2px;font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:10.5pt;line-height:1.28}.spk-identity-label{width:110px;font-weight:400}.spk-identity-colon{text-align:left;width:12px}.spk-identity-value{font-weight:400}.spk-letter-ol{text-align:justify;text-justify:inter-word;margin:.15rem 0 .45rem 1.25rem;padding:0;font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:10.5pt;line-height:1.28}.spk-letter-ol li{margin-bottom:.35rem;padding-left:.15rem}.spk-letter-footer-block{margin-top:auto;padding-top:4px}#spk-page-1{padding-bottom:0!important}.spk-footer-hal1-container{width:calc(100% + 40mm);margin:auto -20mm -4px;padding:0;line-height:0;position:relative}.spk-paraf-box-wrapper{z-index:2;line-height:normal;position:absolute;top:6px;right:20mm}.spk-footer-hal1-img{object-fit:fill;width:100%;height:auto;margin:0 0 -1px;padding:0;display:block;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.spk-paraf-table{border-collapse:collapse;text-align:center;background:#fff;border:1px solid #333;margin-left:auto}.spk-paraf-table td{color:#000;border:1px solid #333;padding:1px 6px;font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:7.5pt}.spk-paraf-space{text-align:center;box-sizing:border-box;width:44px;height:28px;vertical-align:middle!important;padding:0!important}.spk-paraf-cell-inner{justify-content:center;align-items:center;width:44px;height:28px;display:flex;position:relative;overflow:hidden}.spk-paraf-img{object-fit:contain;filter:brightness(0);width:auto;max-width:40px;height:auto;max-height:26px;margin:0 auto;display:block;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.spk-paraf-img-iap{filter:brightness(0);width:auto;max-width:none;height:84px;max-height:none;display:block;position:absolute;top:-31px;left:4px;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.spk-paraf-label-row td{padding:1px 4px;font-size:6.8pt;line-height:1.1}.spk-ttd-section{width:100%;margin-top:1rem;margin-bottom:1.5rem}.spk-ttd-table{border-collapse:collapse;width:100%}.spk-ttd-table td{vertical-align:top;font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:10.5pt}.spk-ttd-space{height:96px;vertical-align:middle!important}.spk-ttd-nng-img{object-fit:contain;width:auto;max-width:180px;height:92px;margin:0 0 0 10px;display:block;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.spk-ttd-name{white-space:nowrap;border-bottom:1.2px solid #000;padding-bottom:2.5px;font-weight:700;line-height:1.15;display:inline-block}.spk-doc-toolbar-badge.pending{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.spk-toolbar-scroll-hint{color:#d97706;background:#fffbeb;border:1px dashed #fcd34d;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.78rem;animation:2s infinite pulseHint;display:inline-flex}@keyframes pulseHint{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.98)}}.spk-bottom-approval-panel{width:210mm;max-width:100%;margin-top:.5rem;margin-bottom:2rem;transition:all .3s}.spk-approval-lock-card{background:#fff;border:1.5px dashed #cbd5e1;border-radius:14px;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;display:flex;box-shadow:0 4px 12px #00000008}.spk-lock-icon-wrap{background:#f1f5f9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.35rem;display:flex}.spk-lock-text-wrap{flex:1}.spk-lock-title{color:#334155;margin:0 0 .25rem;font-size:.96rem;font-weight:700}.spk-lock-desc{color:#64748b;margin:0;font-size:.84rem;line-height:1.4}.spk-btn-quick-scroll{color:#0284c7;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #bae6fd;border-radius:8px;padding:.6rem 1rem;font-size:.82rem;font-weight:600;transition:all .2s}.spk-btn-quick-scroll:hover{color:#0369a1;background:#e0f2fe;transform:translateY(-1px)}.spk-approval-action-card{background:linear-gradient(#fff 0%,#f8fafc 100%);border:2px solid #10b981;border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.75rem 2rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex;box-shadow:0 12px 30px -8px #10b98138}.spk-approval-action-header{flex-direction:column;gap:.35rem;display:flex}.spk-action-status-pill{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:.4rem;width:fit-content;padding:.25rem .75rem;font-size:.76rem;font-weight:700;display:inline-flex}.spk-pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #10b98140}.spk-action-title{color:#0f172a;margin:.25rem 0 0;font-size:1.2rem;font-weight:800}.spk-action-desc{color:#475569;margin:0;font-size:.88rem}.spk-approval-action-buttons{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.spk-btn-approve-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:220px;padding:.85rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #10b98159}.spk-btn-approve-submit:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 8px 20px #10b98173}.spk-btn-reject-submit{color:#e11d48;cursor:pointer;background:#fff;border:1.5px solid #fecdd3;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.spk-btn-reject-submit:hover:not(:disabled){color:#be123c;background:#fff1f2;border-color:#fda4af;transform:translateY(-1px)}.spk-btn-approve-submit:disabled,.spk-btn-reject-submit:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.spk-simple-approval-buttons{justify-content:center;align-items:center;gap:1.5rem;width:100%;padding:1.25rem 0 2rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex}.spk-btn-approve-simple{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 3rem;font-size:1.05rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #10b98159}.spk-btn-approve-simple:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 6px 18px #10b98173}.spk-btn-reject-simple{color:#ef4444;cursor:pointer;background:#fff;border:1.5px solid #fca5a5;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 3rem;font-size:1.05rem;font-weight:700;transition:all .2s;display:inline-flex}.spk-btn-reject-simple:hover:not(:disabled){color:#dc2626;background:#fef2f2;border-color:#ef4444;transform:translateY(-1px)}.spk-btn-approve-simple:disabled,.spk-btn-reject-simple:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.uk-print-table{border-collapse:collapse;color:#000;width:100%;margin-top:.2rem;margin-bottom:.2rem;font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:8.5pt;line-height:1.18}.uk-print-table th,.uk-print-table td{vertical-align:top;box-sizing:border-box;border:1px solid #000;padding:2px 4px}.uk-print-table th{text-align:center;background:#f8fafc;padding:3px 4px;font-size:8.8pt;font-weight:700}@media print{@page{size:A4 portrait;margin:0}html,body{background:#fff!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}#root,#root>*{height:auto!important;overflow:visible!important}body *{visibility:hidden}.spk-doc-overlay{z-index:999999!important;background:0 0!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;top:0!important;left:0!important;overflow:visible!important}.spk-doc-modal{box-shadow:none!important;background:0 0!important;border-radius:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}.spk-doc-toolbar,.spk-bottom-approval-panel,.spk-simple-approval-buttons,.spk-toolbar-scroll-hint{display:none!important}.spk-doc-preview-container{gap:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.spk-doc-overlay,.spk-doc-modal,.spk-doc-preview-container,.spk-letter-page,.spk-letter-page *{visibility:visible!important}.spk-letter-page{box-shadow:none!important;box-sizing:border-box!important;page-break-after:always!important;break-after:page!important;page-break-inside:avoid!important;break-inside:avoid!important;background:#fff!important;width:210mm!important;height:297mm!important;max-height:297mm!important;margin:0 auto!important;padding:14mm 20mm 12mm!important;overflow:hidden!important}#spk-page-1{padding-bottom:0!important}.spk-letter-page:last-child{page-break-after:avoid!important;break-after:avoid!important}.spk-highlight{color:inherit!important;background:0 0!important;padding:0!important}}.spk-dialog-backdrop{-webkit-backdrop-filter:blur(6px);z-index:10050;background:#0f172ab3;justify-content:center;align-items:center;padding:1.25rem;animation:.18s cubic-bezier(.16,1,.3,1) spkDialogFadeIn;display:flex;position:fixed;inset:0}@keyframes spkDialogFadeIn{0%{opacity:0}to{opacity:1}}.spk-dialog-container{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:480px;animation:.22s cubic-bezier(.16,1,.3,1) spkDialogScaleUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a59,0 0 0 1px #e2e8f0cc}@keyframes spkDialogScaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.spk-dialog-body{padding:1.5rem 1.5rem 1.25rem}.spk-dialog-top{align-items:flex-start;gap:1rem;display:flex}.spk-dialog-icon-badge{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.spk-dialog-icon-badge.danger{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.spk-dialog-icon-badge.warning{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.spk-dialog-icon-badge.info{color:#0284c7;background:#e0f2fe;border:1px solid #bae6fd}.spk-dialog-icon-badge.success{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.spk-dialog-texts{flex:1}.spk-dialog-title{color:#0f172a;margin:0 0 .4rem;font-size:1.15rem;font-weight:700;line-height:1.3}.spk-dialog-message{color:#475569;word-break:break-word;margin:0;font-size:.9rem;line-height:1.55}.spk-dialog-detail-box{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem .95rem;font-size:.82rem;line-height:1.5;display:flex}.spk-dialog-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.spk-dialog-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.55rem 1.15rem;font-size:.86rem;font-weight:600;transition:all .15s}.spk-dialog-btn-secondary:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.spk-dialog-btn-secondary:disabled{opacity:.55;cursor:not-allowed}.spk-dialog-btn-primary{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.55rem 1.25rem;font-size:.86rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.spk-dialog-btn-primary.danger{color:#fff;background:#dc2626}.spk-dialog-btn-primary.danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc262640}.spk-dialog-btn-primary.warning{color:#fff;background:#d97706}.spk-dialog-btn-primary.warning:hover:not(:disabled){background:#b45309}.spk-dialog-btn-primary.info{color:#fff;background:#0284c7}.spk-dialog-btn-primary.info:hover:not(:disabled){background:#0369a1}.spk-dialog-btn-primary.success{color:#fff;background:#16a34a}.spk-dialog-btn-primary.success:hover:not(:disabled){background:#15803d}.spk-dialog-btn-primary:disabled{opacity:.6;cursor:not-allowed}.spk-dialog-spinner-row{align-items:center;gap:.5rem;display:inline-flex}.spk-dialog-mini-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spkDialogSpin}@keyframes spkDialogSpin{to{transform:rotate(360deg)}}.uk-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0;overflow-y:auto}.uk-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:100%;max-width:880px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) ukModalFadeIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes ukModalFadeIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.uk-modal-header{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.uk-form-code{letter-spacing:.05em;color:#93c5fd;background:#ffffff26;border-radius:6px;margin-bottom:.35rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.uk-modal-title{color:#fff;margin:0 0 .4rem;font-size:1.15rem;font-weight:700}.uk-meta-info{color:#cbd5e1;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.uk-meta-info span strong{color:#fff}.uk-btn-close{color:#cbd5e1;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .2s;display:flex}.uk-btn-close:hover{color:#fff;background:#ef4444cc}.uk-form-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.uk-quick-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.uk-instruction-text{color:#475569;font-size:.84rem}.uk-instruction-text strong{color:#0f172a}.uk-btn-quick{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:.35rem .75rem;font-size:.78rem;font-weight:600;transition:all .2s}.uk-btn-quick:hover{background:#dbeafe;border-color:#93c5fd}.uk-error-banner{color:#dc2626;background:#fef2f2;border-bottom:1px solid #fecaca;padding:.75rem 1.5rem;font-size:.84rem;font-weight:600}.uk-question-list{flex-direction:column;flex:1;gap:1.25rem;max-height:calc(90vh - 250px);padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.uk-question-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.2rem;transition:border-color .2s,box-shadow .2s}.uk-question-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.uk-question-header{gap:.85rem;margin-bottom:.85rem;display:flex}.uk-question-num{color:#fff;background:#0284c7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.uk-question-body{flex:1}.uk-question-title{color:#0f172a;font-size:.92rem;font-weight:600;line-height:1.45}.uk-question-subpoints{flex-direction:column;gap:.25rem;margin-top:.4rem;padding-left:.25rem;display:flex}.uk-subpoint-item{color:#64748b;font-size:.82rem}.uk-options-group{flex-direction:column;gap:.45rem;padding-left:2.6rem;display:flex}.uk-option-pill{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.65rem;padding:.5rem .85rem;transition:all .2s;display:flex}.uk-option-pill input[type=radio]{accent-color:#0284c7;cursor:pointer;width:16px;height:16px}.uk-option-pill:hover{background:#f1f5f9;border-color:#cbd5e1}.uk-option-pill.is-active{background:#f0fdf4;border-color:#86efac}.uk-option-badge{color:#334155;white-space:nowrap;background:#e2e8f0;border-radius:6px;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.uk-option-pill.is-active .uk-option-badge{color:#fff;background:#22c55e}.uk-option-text{color:#334155;font-size:.82rem;line-height:1.35}.uk-option-pill.is-active .uk-option-text{color:#0f172a;font-weight:500}.uk-footer-bar{background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;box-shadow:0 -4px 6px -1px #0000000d}.uk-score-summary{align-items:center;gap:1.25rem;display:flex}.uk-score-item{align-items:center;gap:.5rem;display:flex}.uk-score-label{color:#64748b;font-size:.86rem;font-weight:600}.uk-score-value{color:#0f172a;font-size:1.25rem;font-weight:800}.uk-score-value small{color:#94a3b8;font-size:.85rem;font-weight:600}.uk-score-divider{background:#cbd5e1;width:1px;height:24px}.uk-kesimpulan-badge{border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.88rem;font-weight:700;display:inline-flex}.uk-kesimpulan-badge.layak{color:#15803d;background:#dcfce7;border:1px solid #86efac}.uk-kesimpulan-badge.tidak-layak{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.uk-score-rule{color:#64748b;margin-left:.25rem;font-size:.75rem}.uk-footer-actions{align-items:center;gap:.75rem;display:flex}.uk-btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:.6rem 1.15rem;font-size:.85rem;font-weight:600;transition:all .2s}.uk-btn-cancel:hover{color:#1e293b;background:#e2e8f0}.uk-btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:8px;padding:.6rem 1.4rem;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 4px 6px -1px #0284c74d}.uk-btn-save:hover{background:linear-gradient(135deg,#0369a1 0%,#075985 100%);box-shadow:0 6px 8px -1px #0284c766}.uk-btn-save:disabled{opacity:.6;cursor:not-allowed}.spk-upload-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0;overflow-y:auto}.spk-upload-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;width:100%;max-width:560px;animation:.18s ease-out spkUploadModalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d}@keyframes spkUploadModalFadeIn{0%{opacity:0;transform:scale(.98)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.spk-upload-modal-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.spk-upload-modal-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.15rem;font-weight:700}.spk-upload-header-sub{color:#64748b;align-items:center;gap:.35rem;font-size:.82rem;display:flex}.spk-upload-header-sub strong{color:#1e293b;background:#f1f5f9;border-radius:4px;padding:.15rem .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600}.spk-upload-btn-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .15s;display:flex}.spk-upload-btn-close:hover{color:#0f172a;background:#f1f5f9}.spk-upload-modal-body{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.spk-upload-info-box{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.45rem;padding:.85rem 1rem;font-size:.82rem;display:flex}.spk-upload-info-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.spk-upload-info-label{color:#64748b;white-space:nowrap;font-weight:500}.spk-upload-info-val{color:#0f172a;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.spk-upload-existing-banner{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:flex-start;gap:.5rem;padding:.65rem .85rem;font-size:.8rem;line-height:1.4;display:flex}.spk-upload-dropzone{text-align:center;cursor:pointer;background:#fafafa;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.75rem 1.25rem;transition:all .2s;display:flex}.spk-upload-dropzone:hover,.spk-upload-dropzone.dragover{background:#f0f9ff;border-color:#0284c7}.spk-upload-dropzone.has-file{background:#f0fdf4;border-style:solid;border-color:#10b981}.spk-upload-svg-icon{color:#0284c7;width:40px;height:40px;margin-bottom:.25rem;transition:transform .2s}.spk-upload-dropzone:hover .spk-upload-svg-icon{transform:translateY(-2px)}.spk-upload-dropzone-text{color:#0f172a;font-size:.88rem;font-weight:600}.spk-upload-dropzone-text span{color:#0284c7;text-underline-offset:2px;text-decoration:underline}.spk-upload-dropzone-sub{color:#64748b;font-size:.76rem}.spk-upload-file-selected{background:#fff;border:1px solid #86efac;border-radius:8px;align-items:center;gap:.75rem;width:100%;max-width:420px;padding:.65rem .85rem;display:flex;box-shadow:0 1px 3px #0000000d}.spk-upload-pdf-tag{color:#dc2626;letter-spacing:.5px;background:#fee2e2;border-radius:4px;padding:.25rem .45rem;font-size:.68rem;font-weight:800}.spk-upload-file-details{text-align:left;flex:1;overflow:hidden}.spk-upload-file-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.spk-upload-file-size{color:#64748b;margin-top:1px;font-size:.72rem}.spk-upload-btn-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem .4rem;font-size:1rem;transition:all .15s;display:flex}.spk-upload-btn-remove:hover{color:#ef4444;background:#fee2e2}.spk-upload-error-msg{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.4rem;padding:.65rem .85rem;font-size:.8rem;display:flex}.spk-upload-modal-footer{background:#fff;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.65rem;padding:1rem 1.5rem;display:flex}.spk-upload-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.52rem 1.15rem;font-size:.84rem;font-weight:600;transition:all .15s}.spk-upload-btn-cancel:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.spk-upload-btn-submit{color:#fff;cursor:pointer;background:#0284c7;border:1px solid #0000;border-radius:8px;align-items:center;gap:.45rem;padding:.52rem 1.35rem;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.spk-upload-btn-submit:hover:not(:disabled){background:#0369a1}.spk-upload-btn-submit:disabled{color:#fff;cursor:not-allowed;opacity:.8;background:#94a3b8}.spk-upload-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spkUploadSpin;display:inline-block}@keyframes spkUploadSpin{to{transform:rotate(360deg)}}.spk-pdf-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.spk-pdf-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;width:95%;max-width:960px;height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) spkPdfModalFadeIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes spkPdfModalFadeIn{0%{opacity:0;transform:scale(.98)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.spk-pdf-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.spk-pdf-header-title{color:#0f172a;align-items:center;gap:.5rem;margin:0 0 .2rem;font-size:1.12rem;font-weight:700;display:flex}.spk-pdf-header-tag{color:#065f46;letter-spacing:.3px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.spk-pdf-header-sub{color:#64748b;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.spk-pdf-header-sub strong{color:#1e293b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.spk-pdf-header-actions{align-items:center;gap:.65rem;display:flex}.spk-pdf-btn-download-top{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:7px;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.spk-pdf-btn-download-top:hover{background:#0369a1}.spk-pdf-btn-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.15rem;transition:all .15s;display:flex}.spk-pdf-btn-close:hover{color:#0f172a;background:#f1f5f9}.spk-pdf-modal-body{background:#f8fafc;flex:1;position:relative;overflow:hidden}.spk-pdf-iframe{border:none;width:100%;height:100%;display:block}.spk-pdf-loading-overlay{z-index:10;color:#64748b;background:#f8fafce6;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:.85rem;font-weight:500;display:flex;position:absolute;inset:0}.spk-pdf-spinner{border:3px solid #cbd5e1;border-top-color:#0284c7;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spkPdfSpin}@keyframes spkPdfSpin{to{transform:rotate(360deg)}}.spk-pdf-modal-footer{background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.5rem;display:flex}.spk-pdf-footer-meta{color:#64748b;align-items:center;gap:.35rem;font-size:.78rem;display:flex}.spk-pdf-footer-meta strong{color:#334155}.spk-pdf-footer-actions{align-items:center;gap:.65rem;display:flex}.spk-pdf-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:.45rem 1rem;font-size:.82rem;font-weight:600;transition:all .15s}.spk-pdf-btn-cancel:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.spk-pdf-btn-download-bottom{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:7px;align-items:center;gap:.4rem;padding:.45rem 1.15rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.spk-pdf-btn-download-bottom:hover{background:#0369a1}.spk-pdf-error-overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2.5rem;display:flex}.spk-pdf-error-icon{margin-bottom:.75rem;font-size:2.75rem}.spk-pdf-error-title{color:#1e293b;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.spk-pdf-error-desc{color:#64748b;max-width:480px;font-size:.88rem;line-height:1.5}.spk-pdf-btn-delete-top{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.spk-pdf-btn-delete-top:hover:not(:disabled){color:#fff;background:#dc2626;border-color:#dc2626}.spk-pdf-btn-delete-top:disabled{opacity:.55;cursor:not-allowed}.spk-pdf-btn-delete-bottom{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;align-items:center;gap:.4rem;padding:.45rem 1.15rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.spk-pdf-btn-delete-bottom:hover:not(:disabled){color:#fff;background:#dc2626;border-color:#dc2626}.spk-pdf-btn-delete-bottom:disabled{opacity:.55;cursor:not-allowed}