@import"https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,400&family=Sora:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{font-family:Sora,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;font-family:Sora,sans-serif}a{font-weight:500;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;align-items:stretch;min-width:320px;min-height:100vh;font-family:Inter,sans-serif}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.stng-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999999;background:#0a0c148c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:stng-fade-in .18s ease}@keyframes stng-fade-in{0%{opacity:0}to{opacity:1}}.stng-modal{width:80vw;height:80vh;min-width:640px;min-height:480px;background:#fff;border-radius:16px;box-shadow:0 24px 80px #0000002e,0 4px 16px #00000014;display:flex;overflow:hidden;animation:stng-slide-up .22s cubic-bezier(.34,1.26,.64,1)}@keyframes stng-slide-up{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.stng-sidebar{width:230px;min-width:200px;background:#f7f8fb;border-right:1px solid #e8eaf0;display:flex;flex-direction:column;padding:0}.stng-sidebar-header{padding:24px 20px 12px;border-bottom:1px solid #e8eaf0}.stng-sidebar-title{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8892a4}.stng-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.stng-nav-item{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:transparent;border-radius:9px;cursor:pointer;font-size:14px;font-weight:500;color:#4b5568;text-align:left;transition:background .15s,color .15s;width:100%}.stng-nav-item:hover{background:#edf0f7;color:#1a202c}.stng-nav-item--active{background:#e8eef8;color:#2563eb;font-weight:600}.stng-nav-item--active .stng-nav-icon{color:#2563eb}.stng-nav-activebar{position:absolute;left:0;top:20%;height:60%;width:3px;background:#2563eb;border-radius:0 3px 3px 0}.stng-nav-icon{flex-shrink:0;color:#94a3b8;transition:color .15s}.stng-nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stng-nav-item--logout,.stng-nav-item--logout .stng-nav-icon{color:#ef4444}.stng-nav-item--logout:hover{background:#fef2f2;color:#dc2626}.stng-sidebar-footer{padding:10px 10px 18px;border-top:1px solid #e8eaf0}.stng-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}.stng-content-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px 16px;border-bottom:1px solid #e8eaf0;flex-shrink:0}.stng-content-title{font-size:18px;font-weight:700;color:#1a202c;margin:0}.stng-close-btn{width:34px;height:34px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:background .14s,color .14s}.stng-close-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444}.stng-content-body{flex:1;overflow-y:auto;padding:24px 28px}.stng-form{display:flex;flex-direction:column;gap:18px;max-width:480px}.stng-field{display:flex;flex-direction:column;gap:6px}.stng-label{font-size:13px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.stng-input{height:40px;padding:0 12px;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;color:#1a202c;background:#fff;transition:border-color .15s,box-shadow .15s;outline:none;width:100%;box-sizing:border-box}.stng-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.stng-input--readonly{background:#f8fafc;color:#64748b;cursor:not-allowed}.stng-input--error{border-color:#ef4444}.stng-input--error:focus{box-shadow:0 0 0 3px #ef44441f}.stng-input-wrap{position:relative;display:flex;align-items:center}.stng-input-wrap .stng-input{padding-right:42px}.stng-eye-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#94a3b8;padding:0;display:flex;align-items:center;transition:color .14s}.stng-eye-btn:hover{color:#2563eb}.stng-hint{font-size:12px;color:#94a3b8;margin:0}.stng-hint--error{color:#ef4444}.stng-divider{height:1px;background:#e8eaf0;margin:4px 0}.stng-form-actions{display:flex;justify-content:flex-end;margin-top:4px}.stng-save-btn{padding:10px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.stng-save-btn:hover:not(:disabled){background:#1d4ed8}.stng-save-btn:disabled{background:#93c5fd;cursor:not-allowed}.stng-save-btn--saved{background:#16a34a!important}.stng-account{display:flex;flex-direction:column;gap:24px}.stng-avatar-section{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.stng-avatar-circle{position:relative;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stng-avatar-initials{font-size:22px;font-weight:700;color:#fff;letter-spacing:1px}.stng-avatar-change-btn{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;border-radius:50%;background:#fff;border:1.5px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:background .14s,color .14s}.stng-avatar-change-btn:hover{background:#2563eb;color:#fff;border-color:#2563eb}.stng-avatar-name{font-size:15px;font-weight:700;color:#1a202c;margin:0 0 2px}.stng-avatar-role{font-size:12px;color:#64748b;margin:0;text-transform:capitalize}.stng-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;gap:12px}.stng-coming-soon--inline{padding:32px 16px}.stng-coming-soon-icon{width:80px;height:80px;border-radius:50%;background:#eff6ff;display:flex;align-items:center;justify-content:center;color:#2563eb;margin-bottom:4px}.stng-coming-soon-title{font-size:18px;font-weight:700;color:#1a202c;margin:0}.stng-coming-soon-desc{font-size:14px;color:#64748b;max-width:320px;line-height:1.6;margin:0}.stng-coming-soon-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#fef9c3;color:#a16207;border-radius:999px;font-size:12px;font-weight:600;border:1px solid #fde68a;margin-top:4px}.stng-klien{display:flex;flex-direction:column;gap:24px}.stng-klien-select-wrap{display:flex;flex-direction:column;gap:6px;max-width:340px}.stng-select-wrapper{position:relative;display:flex;align-items:center}.stng-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:40px;padding:0 36px 0 12px;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;color:#1a202c;background:#fff;cursor:pointer;transition:border-color .15s;outline:none}.stng-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.stng-select-icon{position:absolute;right:10px;pointer-events:none;color:#64748b}.stng-klien-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:#cbd5e1;text-align:center}.stng-klien-placeholder p{font-size:14px;color:#94a3b8;margin:0}.stng-tentang{max-width:540px}.stng-tentang-header{display:flex;align-items:center;gap:16px;padding:16px;background:#eff6ff;border-radius:12px;margin-bottom:20px;border:1px solid #bfdbfe}.stng-tentang-logo{width:56px;height:56px;border-radius:14px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stng-tentang-appname{font-size:16px;font-weight:700;color:#1a202c;margin:0 0 4px}.stng-tentang-version{font-size:12px;background:#2563eb;color:#fff;padding:2px 10px;border-radius:999px;font-weight:600}.stng-tentang-section{margin-bottom:20px}.stng-tentang-section-title{font-size:13px;font-weight:700;color:#374151;display:flex;align-items:center;gap:6px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.stng-tentang-text{font-size:14px;color:#4b5563;line-height:1.7;margin:0 0 8px}.stng-tentang-badge-row{margin-top:24px}.stng-tentang-badge{display:inline-block;padding:4px 14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;font-size:12px;font-weight:600;color:#475569;font-family:monospace}.stng-content-body::-webkit-scrollbar{width:6px}.stng-content-body::-webkit-scrollbar-track{background:transparent}.stng-content-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.stng-content-body::-webkit-scrollbar-thumb:hover{background:#cbd5e1}@media (max-width: 720px){.stng-modal{width:98vw;height:95vh;min-width:unset;border-radius:10px;flex-direction:column}.stng-sidebar{width:100%;min-width:unset;border-right:none;border-bottom:1px solid #e8eaf0;flex-direction:row;overflow-x:auto}.stng-nav{flex-direction:row;padding:8px;gap:4px;overflow-x:auto}.stng-nav-item{flex-shrink:0;padding:8px 10px}.stng-nav-activebar{top:unset;bottom:0;left:20%;width:60%;height:3px;border-radius:3px 3px 0 0}.stng-sidebar-header,.stng-sidebar-footer{display:none}}.stng-notif-wrap{display:flex;flex-direction:column;gap:0}.stng-notif-section{padding:4px 0 16px}.stng-notif-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.stng-notif-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px}.stng-notif-toggle-label{font-size:14px;font-weight:600;color:#1a202c;margin:0 0 2px}.stng-notif-toggle-sub{font-size:12px;color:#94a3b8;margin:0}.stng-notif-toggle{position:relative;width:44px;height:24px;border-radius:999px;border:none;background:#cbd5e1;cursor:pointer;transition:background .2s;flex-shrink:0;padding:0}.stng-notif-toggle--on{background:#2563eb}.stng-notif-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0000002e}.stng-notif-toggle--on .stng-notif-toggle-thumb{transform:translate(20px)}.stng-notif-schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.stng-notif-disabled{opacity:.45;pointer-events:none}.stng-notif-emaillist{margin-bottom:12px}.stng-notif-emaillist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.stng-notif-add-btn{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#2563eb;background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:5px;transition:background .14s}.stng-notif-add-btn:hover{background:#eff6ff}.stng-notif-emailrow{display:flex;align-items:center;gap:8px;margin-bottom:6px}.stng-notif-emailrow .stng-input{flex:1}.stng-notif-del-btn{width:30px;height:30px;border-radius:7px;border:1px solid #fca5a5;background:#fff5f5;color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .14s}.stng-notif-del-btn:hover{background:#fee2e2}.stng-notif-ccbcc-toggle{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#7c3aed;background:none;border:none;cursor:pointer;padding:4px 0;margin-bottom:10px}.stng-notif-ccbcc-toggle:hover{opacity:.7}.stng-notif-error{display:flex;align-items:center;gap:6px;font-size:12px;color:#ef4444;margin:4px 0 8px}.stng-notif-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.stng-notif-time-card{padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:6px}.stng-notif-time-icon{color:#64748b}.stng-notif-time-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin:0}.stng-notif-time-value{font-size:13px;font-weight:600;color:#1a202c;margin:0;font-variant-numeric:tabular-nums}.stng-notif-timediff{padding:10px 14px;border-radius:8px;border:1.5px solid;font-size:13px;margin-bottom:10px}.stng-notif-refresh-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#2563eb;background:none;border:1px solid #bfdbfe;border-radius:7px;padding:6px 14px;cursor:pointer;transition:background .14s}.stng-notif-refresh-btn:hover:not(:disabled){background:#eff6ff}.stng-notif-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.stng-notif-action-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.stng-notif-action-card{padding:16px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;display:flex;flex-direction:column;gap:6px}.stng-notif-action-label{font-size:13px;font-weight:700;color:#1a202c;margin:0}.stng-notif-action-sub{font-size:12px;color:#64748b;line-height:1.5;margin:0 0 4px}.stng-notif-trigger-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.stng-notif-trigger-btn:hover:not(:disabled){background:#1d4ed8}.stng-notif-trigger-btn:disabled{opacity:.6;cursor:not-allowed}.stng-notif-preview-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;background:transparent;color:#7c3aed;border:1.5px solid #c4b5fd;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.stng-notif-preview-btn:hover:not(:disabled){background:#faf5ff}.stng-notif-preview-btn:disabled{opacity:.6;cursor:not-allowed}.stng-notif-result{display:flex;align-items:flex-start;gap:6px;font-size:12px;font-weight:600;padding:8px 10px;border-radius:7px;margin-top:6px}.stng-notif-result--ok{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.stng-notif-result--err{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.stng-notif-result-sub{font-size:11px;font-weight:400;margin:2px 0 0;opacity:.8}.stng-notif-test-row{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.stng-notif-test-input-row{display:flex;gap:8px}.stng-notif-test-input-row .stng-input{flex:1}.stng-notif-test-btn{padding:0 18px;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:6px;transition:background .14s}.stng-notif-test-btn:hover:not(:disabled){background:#e2e8f0}.stng-notif-test-btn:disabled{opacity:.5;cursor:not-allowed}.stng-notif-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.stng-notif-badge-group{display:flex;flex-wrap:wrap;gap:4px}.stng-notif-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10100;background:#0a0c1473;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center}.stng-notif-preview-modal{width:min(620px,94vw);max-height:82vh;background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000029;display:flex;flex-direction:column;overflow:hidden;animation:stng-slide-up .2s cubic-bezier(.34,1.26,.64,1)}.stng-notif-preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0;font-size:15px;font-weight:700;color:#1a202c;flex-shrink:0}.stng-notif-preview-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.stng-notif-preview-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:#64748b;font-size:14px}.stng-notif-preview-meta{display:flex;flex-direction:column;gap:0;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.stng-notif-preview-row{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;border-bottom:1px solid #f1f5f9}.stng-notif-preview-row:last-child{border-bottom:none}.stng-notif-preview-key{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;min-width:60px;padding-top:1px}.stng-notif-preview-val{font-size:13px;color:#374151;line-height:1.5;word-break:break-word}.stng-notif-preview-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stng-notif-sumbox{display:flex;flex-direction:column;align-items:center;padding:10px 6px;border-radius:8px;font-size:11px;font-weight:600;gap:4px}.stng-notif-sumbox-num{font-size:22px;font-weight:700}.stng-notif-sumbox--blue{background:#eff6ff;color:#2563eb}.stng-notif-sumbox--red{background:#fff5f5;color:#c53030}.stng-notif-sumbox--orange{background:#fffaf0;color:#c05621}.stng-notif-sumbox--sky{background:#ebf8ff;color:#2c5282}.stng-notif-sumbox--green{background:#f0fdf4;color:#166534}.stng-notif-preview-companies-title{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin:0}.stng-notif-preview-company-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.stng-notif-preview-company-name{font-size:13px;font-weight:600;color:#1a202c;flex:1}.stng-notif-preview-company-po{font-size:12px;color:#64748b;white-space:nowrap}@keyframes stng-spin{to{transform:rotate(360deg)}}.stng-spin{animation:stng-spin .8s linear infinite}@media (max-width: 600px){.stng-notif-schedule-grid,.stng-notif-time-grid,.stng-notif-action-row,.stng-notif-preview-summary{grid-template-columns:1fr}}.stng-pen-section-desc{font-size:13px;color:#64748b;margin:-8px 0 16px;line-height:1.6}.stng-pen-bank-preview{margin:14px 0 16px;border:1.5px dashed #bfdbfe;border-radius:10px;overflow:hidden;max-width:480px}.stng-pen-bank-preview-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#93c5fd;background:#eff6ff;padding:6px 14px;border-bottom:1px dashed #bfdbfe}.stng-pen-bank-preview-body{padding:4px 0;background:#fff}.stng-pen-bank-row{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid #f1f5f9}.stng-pen-bank-row:last-child{border-bottom:none}.stng-pen-bank-key{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;min-width:110px}.stng-pen-bank-val{font-size:13px;color:#1a202c;font-weight:500}.stng-pen-bank-mono{font-family:monospace;font-size:14px;letter-spacing:.06em;color:#2563eb}.stng-pen-from-preview{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#64748b;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:10px 0 16px;line-height:1.6}.stng-pen-code{font-family:monospace;font-size:12px;background:#f1f5f9;color:#374151;padding:1px 6px;border-radius:4px;border:1px solid #e2e8f0;word-break:break-all}.stng-pen-preview-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#7c3aed;background:none;border:1.5px solid #c4b5fd;border-radius:8px;padding:8px 16px;cursor:pointer;transition:background .14s;margin-bottom:14px}.stng-pen-preview-toggle:hover{background:#faf5ff}.stng-pen-preview-wrap{border:1.5px solid #e2e8f0;border-radius:12px;overflow:hidden}.stng-pen-preview-tabs{display:flex;border-bottom:1.5px solid #e2e8f0;background:#f8fafc}.stng-pen-preview-tab{flex:1;padding:10px 12px;font-size:12px;font-weight:600;color:#64748b;background:none;border:none;cursor:pointer;border-bottom:2.5px solid transparent;transition:color .14s,border-color .14s,background .14s}.stng-pen-preview-tab:hover{color:#7c3aed;background:#f3f0ff}.stng-pen-preview-tab--active{color:#7c3aed;border-bottom-color:#7c3aed;background:#fff}.stng-pen-preview-card{background:#fff}.stng-pen-prev-header{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;padding:14px 20px;font-size:14px;font-weight:700;letter-spacing:.01em}.stng-pen-prev-body{padding:20px}.stng-pen-prev-p{font-size:13px;color:#374151;line-height:1.7;margin:0 0 4px}.stng-pen-prev-en{font-size:11px;color:#94a3b8;font-style:italic;margin-bottom:12px!important}.stng-pen-prev-table-wrap{overflow-x:auto;margin:12px 0;border:1px solid #e2e8f0;border-radius:8px}.stng-pen-prev-table{width:100%;border-collapse:collapse;font-size:12px}.stng-pen-prev-table th{background:#f9fafb;padding:9px 10px;text-align:left;font-weight:700;color:#374151;border-bottom:2px solid #e2e8f0;white-space:nowrap}.stng-pen-prev-table td{padding:9px 10px;color:#4b5563;border-bottom:1px solid #f1f5f9;white-space:nowrap}.stng-pen-prev-table tr:last-child td{border-bottom:none}.stng-pen-prev-total{display:flex;align-items:center;justify-content:space-between;background:#fef3c7;border-left:4px solid #f59e0b;padding:12px 16px;border-radius:4px;margin-top:8px}.stng-pen-prev-total-label{font-size:13px;font-weight:700;color:#92400e}.stng-pen-prev-total-val{font-size:16px;font-weight:700;color:#92400e}.stng-pen-prev-bank-box{background:#f9fafb;border-radius:8px;padding:4px 0;border:1px solid #e2e8f0;margin:12px 0}.stng-pen-prev-bank-row{display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid #f1f5f9}.stng-pen-prev-bank-row:last-child{border-bottom:none}.stng-pen-prev-bank-key{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;min-width:120px}.stng-pen-prev-bank-val{font-size:13px;color:#1a202c;font-weight:500}.stng-pen-prev-link{color:#4f46e5;font-weight:600}.stng-pen-prev-footer-box{background:linear-gradient(135deg,#4f46e5,#6366f1);padding:24px 20px;text-align:center}.stng-pen-prev-footer-p{font-size:13px;color:#e0e7ff;line-height:1.7;margin:0 0 4px}.stng-pen-prev-footer-en{font-size:11px;color:#a5b4fc;font-style:italic;margin-bottom:12px!important}.stng-pen-prev-footer-hr{border:none;border-top:1px solid rgba(255,255,255,.25);margin:14px 0}.stng-pen-prev-footer-small{font-size:11px;color:#c7d2fe;margin:3px 0}.stng-pen-prev-sender-meta{padding:16px 20px;display:flex;flex-direction:column;gap:0;border-top:1.5px solid #e2e8f0;background:#f8fafc}.stng-pen-prev-meta-row{display:flex;align-items:flex-start;gap:12px;padding:9px 0;border-bottom:1px solid #f1f5f9}.stng-pen-prev-meta-row:last-child{border-bottom:none}.stng-pen-prev-meta-key{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;min-width:70px;padding-top:1px}.stng-pen-prev-meta-val{font-size:12px;color:#374151;line-height:1.5}.stng-klien-wrap{display:flex;flex-direction:column}.stng-klien-picker{display:flex;flex-direction:column;gap:14px}.stng-klien-picker-header{display:flex;align-items:center;justify-content:space-between}.stng-klien-elnusa-info{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#92400e;line-height:1.6;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:10px 14px}.stng-klien-loading{display:flex;align-items:center;gap:10px;font-size:13px;color:#64748b;padding:24px 0}.stng-klien-list{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto}.stng-klien-card{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fafafa;cursor:pointer;text-align:left;width:100%;transition:border-color .14s,background .14s,box-shadow .14s}.stng-klien-card:hover{background:#f0f5ff;border-color:#bfdbfe}.stng-klien-card--active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.stng-klien-card--elnusa{border-color:#fcd34d;background:#fffdf0}.stng-klien-card--elnusa:hover{background:#fffbe6;border-color:#f59e0b}.stng-klien-card--elnusa.stng-klien-card--active{background:#fffbe6;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.stng-klien-card-left{display:flex;align-items:center;gap:12px}.stng-klien-card-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.stng-klien-card-icon{width:36px;height:36px;border-radius:9px;background:#e8eef8;display:flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0}.stng-klien-card-icon--elnusa{background:#fef9c3;color:#b45309}.stng-klien-card-info{display:flex;flex-direction:column;gap:2px}.stng-klien-card-name{font-size:13px;font-weight:600;color:#1a202c}.stng-klien-card-meta{font-size:11px;color:#94a3b8}.stng-klien-card-active-dot{width:8px;height:8px;border-radius:50%;background:#2563eb}.stng-klien-elnusa-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;background:#fef9c3;color:#b45309;border:1px solid #fcd34d}.stng-klien-panel{display:flex;flex-direction:column}.stng-klien-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f0f5ff;border-radius:10px;margin-bottom:16px;border:1px solid #bfdbfe}.stng-klien-panel-header--elnusa{background:#fffbeb;border-color:#fcd34d}.stng-klien-panel-header-left{display:flex;align-items:center;gap:12px;color:#1a202c}.stng-klien-panel-company-name{font-size:15px;font-weight:700;color:#1a202c}.stng-klien-back-btn{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:6px 12px;cursor:pointer;transition:background .14s}.stng-klien-back-btn:hover{background:#f1f5f9}.stng-klien-lock-info{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:#f0fdf4;border:1px solid #86efac;border-radius:9px;margin-bottom:14px}.stng-klien-lock-label{font-size:12px;font-weight:700;color:#15803d;margin:0 0 2px}.stng-klien-lock-meta{font-size:12px;color:#4b5563;margin:0}.stng-klien-lock-reset{margin-left:auto;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:600;color:#ef4444;background:#fff;border:1px solid #fca5a5;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:background .14s}.stng-klien-lock-reset:hover:not(:disabled){background:#fef2f2}.stng-klien-lock-reset:disabled{opacity:.5;cursor:not-allowed}.stng-klien-cron-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.stng-klien-cron-preset{padding:5px 12px;font-size:12px;font-weight:600;color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:20px;cursor:pointer;transition:background .13s,border-color .13s,color .13s}.stng-klien-cron-preset:hover:not(:disabled){background:#e0f2fe;border-color:#7dd3fc;color:#0369a1}.stng-klien-cron-preset--active{background:#dbeafe;border-color:#2563eb;color:#1d4ed8}.stng-klien-cron-preset:disabled{opacity:.4;cursor:not-allowed}.stng-klien-trigger-row{padding:14px 16px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.stng-klien-trigger-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.stng-klien-trigger-btns{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.stng-klien-force-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;background:#fff7ed;color:#c2410c;border:1.5px solid #fed7aa;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.stng-klien-force-btn:hover:not(:disabled){background:#ffedd5}.stng-klien-force-btn:disabled{opacity:.55;cursor:not-allowed}.stng-klien-trigger-result-detail{display:flex;align-items:center;gap:8px;font-size:12px;color:#475569}.stng-klien-smtp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px}.stng-klien-smtp-btn{padding:7px 16px;background:#f1f5f9;color:#334155;border:1px solid #cbd5e1;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .13s;flex-shrink:0}.stng-klien-smtp-btn:hover:not(:disabled){background:#e2e8f0}.stng-klien-smtp-btn:disabled{opacity:.5;cursor:not-allowed}.stng-klien-preview-modal{width:min(740px,96vw)!important}.stng-klien-preview-table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px;margin-top:4px}.stng-klien-badge-ok{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#f0fdf4;color:#16a34a}.stng-klien-badge-warn{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#fff7ed;color:#c2410c}.stng-klien-tpl-summary-box{background:#f0f5fb;border-left:4px solid #2e75b6;border-radius:4px;padding:10px 14px;font-size:13px;color:#1f3864;margin:8px 0}.stng-klien-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 24px;color:#cbd5e1;text-align:center}.stng-klien-placeholder p{font-size:13px;color:#94a3b8;margin:0}.stng-nav-group{display:flex;flex-direction:column;gap:1px;padding:10px 0 4px}.stng-nav-group:first-child{padding-top:4px}.stng-nav-group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#b0b8cc;padding:0 16px 4px;display:block}.rv-wrap{display:flex;flex-direction:column;gap:0}.rv-current-banner{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:12px;margin-bottom:16px;gap:12px;flex-wrap:wrap}.rv-current-banner-left{display:flex;align-items:center;gap:12px}.rv-current-icon{width:40px;height:40px;border-radius:10px;background:#ffffff26;display:flex;align-items:center;justify-content:center;color:#fbbf24;flex-shrink:0}.rv-current-title{font-size:14px;font-weight:700;color:#fff;margin:0 0 2px}.rv-current-sub{font-size:12px;color:#c7d2fe;margin:0}.rv-current-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.rv-current-update{font-size:11px;color:#fff;margin:0}.rv-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.rv-badge--current{background:#dcfce7;color:#166534}.rv-badge--major{background:#fecaca;color:#dc2626}.rv-badge--minor{background:#dbeafe;color:#2563eb}.rv-badge--beta{background:#ede9fe;color:#7c3aed}.rv-badge--patch{background:#f3e8ff;color:#7c3aed}.rv-list{display:flex;flex-direction:column;gap:0;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin-bottom:12px}.rv-item{border-bottom:1px solid #e2e8f0}.rv-item:last-child{border-bottom:none}.rv-item--open{background:#f8fafc}.rv-item-header{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;background:none;border:none;cursor:pointer;text-align:left;transition:background .14s}.rv-item-header:hover{background:#f0f5ff}.rv-item--open .rv-item-header{background:#f0f5ff;border-bottom:1px solid #e2e8f0}.rv-item-left{display:flex;align-items:center;gap:10px;min-width:160px;flex-shrink:0}.rv-version-num{font-size:15px;font-weight:700;color:#1a202c;font-variant-numeric:tabular-nums}.rv-item-center{display:flex;align-items:center;gap:8px;flex:1}.rv-date-icon{color:#94a3b8;flex-shrink:0}.rv-date{font-size:12px;color:#64748b}.rv-change-count{font-size:11px;color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:1px 8px;margin-left:4px}.rv-item-chevron{color:#94a3b8;flex-shrink:0;margin-left:auto}.rv-changelog{padding:16px 20px 20px;animation:rv-expand .18s ease-out}@keyframes rv-expand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.rv-changelog-title{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.rv-changelog-list{display:flex;flex-direction:column;gap:10px}.rv-changelog-item{display:flex;align-items:flex-start;gap:10px}.rv-changelog-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.rv-icon--feature{background:#dcfce7;color:#059669}.rv-icon--fix{background:#fee2e2;color:#dc2626}.rv-icon--improvement{background:#dbeafe;color:#2563eb}.rv-icon--security{background:#f3e8ff;color:#7c3aed}.rv-icon--other{background:#f1f5f9;color:#64748b}.rv-changelog-content{display:flex;flex-direction:column;gap:2px;flex:1}.rv-changelog-type{font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.04em}.rv-changelog-desc{font-size:13px;color:#64748b;line-height:1.55}.rv-footer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;text-align:center;font-size:12px;color:#64748b}.rv-footer strong{font-size:13px;color:#1a202c}.stng-tentang-wrap{display:flex;flex-direction:column;gap:20px}.stng-tentang-hero{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 20px 24px;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:14px;text-align:center}.stng-tentang-logo-ring{width:64px;height:64px;border-radius:18px;background:#ffffff26;display:flex;align-items:center;justify-content:center;color:#fbbf24;margin-bottom:4px}.stng-tentang-appname{font-size:18px;font-weight:700;color:#fff;margin:0}.stng-tentang-version-badge{display:inline-block;background:#fff3;color:#e0e7ff;font-size:12px;font-weight:700;padding:3px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.25)}.stng-tentang-update{font-size:12px;color:#a5b4fc;margin:0}.stng-tentang-sections{display:flex;flex-direction:column;gap:10px}.stng-tentang-block{padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.stng-tentang-block-title{font-size:12px;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px}.stng-tentang-block-body{font-size:13px;color:#4b5563;line-height:1.65;margin:0}.stng-rv-legend{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:10px 20px;background:#f8fafc;border-top:1.5px solid #e2e8f0;flex-wrap:wrap;animation:stng-fade-in .18s ease}.stng-rv-legend-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;white-space:nowrap;flex-shrink:0}.stng-rv-legend-items{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stng-rv-legend-item{display:inline-flex;align-items:center;gap:6px}.stng-rv-legend-desc{font-size:11px;color:#64748b;white-space:nowrap}.stng-rv-legend-sep{display:inline-block;width:1px;height:16px;background:#e2e8f0;border-radius:1px;flex-shrink:0}.ap-root{display:flex;gap:20px;align-items:flex-start;min-height:100%}.ap-left{flex:0 0 340px;min-width:0;display:flex;flex-direction:column;gap:0}.ap-left .stng-form{max-width:100%;margin-top:20px}.ap-right{flex:1;min-width:0}.ap-role-inline-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.02em}.ap-role-panel{border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.ap-role-panel-header{padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px;color:#fff}.ap-role-panel-title-row{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;opacity:.85}.ap-role-panel-badge{display:inline-block;background:#ffffff38;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:13px;font-weight:700;padding:4px 12px;border-radius:20px;align-self:flex-start}.ap-role-panel-desc{font-size:12px;color:#ffffffd1;margin:0;line-height:1.55}.ap-role-summary{display:flex;align-items:center;gap:10px;margin-top:4px;flex-wrap:wrap}.ap-role-summary-item{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#ffffffe6}.ap-role-summary-sep{width:1px;height:14px;background:#ffffff4d;border-radius:1px}.ap-role-features{display:flex;flex-direction:column;background:#fff}.ap-feat-card{border-bottom:1px solid #f0f2f6;transition:background .12s}.ap-feat-card:last-child{border-bottom:none}.ap-feat-card--open{background:#fafbff}.ap-feat-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 16px;background:none;border:none;cursor:pointer;text-align:left;gap:8px;transition:background .12s}.ap-feat-header:hover{background:#f5f7ff}.ap-feat-header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.ap-feat-icon{width:30px;height:30px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0;transition:background .15s,color .15s}.ap-feat-card--open .ap-feat-icon{color:#fff}.ap-feat-label{font-size:13px;font-weight:600;color:#1a202c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-feat-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.ap-access-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.ap-access-full{background:#dcfce7;color:#166534}.ap-access-partial{background:#fef9c3;color:#92400e}.ap-access-none{background:#fee2e2;color:#991b1b}.ap-feat-chevron{color:#94a3b8;transition:transform .2s}.ap-feat-body{padding:0 16px 14px 56px;animation:ap-expand .18s ease-out}@keyframes ap-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ap-feat-desc{font-size:12px;color:#64748b;margin:0 0 10px;line-height:1.5;font-style:italic}.ap-feat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.ap-feat-item{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.45}.ap-feat-item--ok{color:#166534}.ap-feat-item--no{color:#9ca3af}.ap-feat-item-icon{flex-shrink:0;margin-top:1px}.ap-feat-item--ok .ap-feat-item-icon{color:#16a34a}.ap-feat-item--no .ap-feat-item-icon{color:#d1d5db}.stng-klien-unconfigured-hint{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:9px;margin-bottom:2px}.stng-klien-unconfigured-hint--result{background:#fff7ed;border-color:#fed7aa;font-size:12px;color:#92400e;margin-top:4px;margin-bottom:0;align-items:center}.stng-klien-unconfigured-hint-icon{color:#f59e0b;flex-shrink:0;margin-top:1px}.stng-klien-unconfigured-hint-title{font-size:12px;font-weight:700;color:#92400e;margin:0 0 3px}.stng-klien-unconfigured-hint-desc{font-size:12px;color:#78350f;margin:0;line-height:1.5}.stng-notif-trigger-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(0,0,0,.07)}.stng-notif-trigger-stats span{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:inherit;opacity:.85}.stng-notif-preview-outstanding{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;font-size:12px;color:#92400e;margin-bottom:12px}.stng-notif-preview-company-row--clear{opacity:.55}.stng-notif-company-clear-badge{display:inline-block;margin-left:7px;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:700;background:#dcfce7;color:#166534;vertical-align:middle}.stng-notif-preview-company-outstanding{margin-left:auto;font-size:11px;font-weight:700;color:#c53030;white-space:nowrap;flex-shrink:0}.stng-nav-item--locked{opacity:.72}.stng-nav-item--locked:hover{background:#fef9c3!important}.stng-nav-lock-badge{margin-left:auto;font-size:11px;line-height:1;flex-shrink:0;opacity:.7}.stng-readonly-banner{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:10px;margin-bottom:16px;animation:stng-fade-in .18s ease}.stng-readonly-banner--compact{padding:10px 14px;margin-bottom:12px}.stng-readonly-banner-icon{color:#f59e0b;flex-shrink:0;margin-top:2px}.stng-readonly-banner-title{font-size:12px;font-weight:700;color:#92400e;margin:0 0 3px}.stng-readonly-banner-desc{font-size:12px;color:#78350f;margin:0;line-height:1.55}.stng-readonly-mode input,.stng-readonly-mode textarea,.stng-readonly-mode select{pointer-events:none;background:#f8fafc!important;color:#94a3b8!important;border-color:#e2e8f0!important;cursor:not-allowed!important;-webkit-user-select:none;user-select:none}.stng-readonly-mode button:not(.stng-notif-preview-btn):not(.stng-notif-preview-btn *):not(.stng-close-btn){pointer-events:none;opacity:.38;cursor:not-allowed!important;filter:grayscale(.4)}.stng-readonly-mode .stng-notif-preview-btn,.stng-readonly-mode .stng-notif-preview-btn *,.stng-readonly-mode .stng-klien-back-btn,.stng-readonly-mode .stng-klien-card,.stng-readonly-mode .stng-notif-refresh-btn{pointer-events:auto!important;opacity:1!important;filter:none!important;cursor:pointer!important}.stng-readonly-mode .stng-notif-toggle{pointer-events:none;opacity:.5;cursor:not-allowed!important}.stng-readonly-mode .stng-input{background:#f8fafc!important;color:#64748b!important;border-color:#e2e8f0!important;cursor:not-allowed!important}.stng-readonly-mode .stng-save-btn,.stng-readonly-mode .stng-notif-trigger-btn,.stng-readonly-mode .stng-klien-force-btn,.stng-readonly-mode .stng-notif-test-btn,.stng-readonly-mode .stng-klien-smtp-btn,.stng-readonly-mode .stng-klien-lock-reset{pointer-events:none!important;opacity:.35!important;cursor:not-allowed!important}.stng-readonly-mode .stng-klien-cron-preset,.stng-readonly-mode .stng-notif-ccbcc-toggle,.stng-readonly-mode .stng-notif-add-btn,.stng-readonly-mode .stng-notif-del-btn{pointer-events:none!important;opacity:.38!important;cursor:not-allowed!important}.stng-masa-sewa-summary-grid{grid-template-columns:repeat(4,1fr)!important}.stng-masa-sewa-urgency-row{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0;margin-bottom:8px;border-bottom:1px solid #e2e8f0}.stng-masa-sewa-bottom-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:flex-start;margin-top:16px}.stng-masa-sewa-test-card{flex:1}.stng-masa-sewa-smtp-card{min-width:200px;max-width:240px;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column}.stng-masa-sewa-smtp-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid #cbd5e1;background:#f1f5f9;color:#334155;transition:background .14s,border-color .14s,color .14s;width:100%}.stng-masa-sewa-smtp-btn:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.stng-masa-sewa-smtp-btn--ok{background:#f0fdf4;border-color:#86efac;color:#166534}.stng-masa-sewa-smtp-btn--ok:hover:not(:disabled){background:#dcfce7}.stng-masa-sewa-smtp-btn--err{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.stng-masa-sewa-smtp-btn--err:hover:not(:disabled){background:#fee2e2}.stng-masa-sewa-smtp-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.stng-masa-sewa-bottom-row{grid-template-columns:1fr}.stng-masa-sewa-smtp-card{max-width:100%}}:root{--header-height: 64px;--sidebar-width: 248px;--sidebar-width-min: 64px;--header-bg: #4f46e5;--header-border: rgba(255, 255, 255, .08);--header-text: #ffffff;--header-text-muted: rgba(255, 255, 255, .65)}.custom-header{background:var(--header-bg);border-bottom:1px solid var(--header-border);padding:0 20px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;right:0;z-index:99;height:var(--header-height);box-sizing:border-box;transition:left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.custom-header-desktop{display:flex;left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.custom-header-desktop.sidebar-minimized{left:var(--sidebar-width-min);width:calc(100% - var(--sidebar-width-min))}.custom-header-mobile{display:none;left:0;width:100%}.header-left{display:flex;align-items:center;gap:12px}.dashboard-title{font-size:1.1rem;font-weight:700;color:var(--header-text);margin:0;letter-spacing:-.01em;white-space:nowrap}.header-right{display:flex;align-items:center;gap:10px}.year-filter-wrapper{display:flex;align-items:center}.year-filter-select{padding:6px 28px 6px 10px;border:1px solid rgba(255,255,255,.25);border-radius:7px;font-size:.8rem;font-weight:500;background:#ffffff1f;color:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-color:#ffffff1f}.year-filter-select:hover{background-color:#fff3;border-color:#fff6}.year-filter-select:focus{outline:none;border-color:#fff9}.year-filter-select option{background:#4f46e5;color:#fff}.new-invoice-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:7px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease;white-space:nowrap;letter-spacing:.01em}.new-invoice-btn:hover{background:#ffffff40;border-color:#ffffff80}.new-invoice-btn:active{transform:scale(.98)}.notification-wrapper{display:flex;align-items:center}.account-wrapper{position:relative}.account-btn{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:background .15s ease}.account-btn:hover{background:#fff3}.user-avatar{width:32px;height:32px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.75rem;flex-shrink:0;border:1px solid rgba(255,255,255,.3)}.user-info{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-size:.8rem;font-weight:600;color:var(--header-text);line-height:1.2}.user-role{font-size:.68rem;color:var(--header-text-muted);line-height:1.2}.chevron{color:var(--header-text-muted);transition:transform .2s;flex-shrink:0}.chevron.open{transform:rotate(180deg)}.account-dropdown{position:fixed;top:calc(var(--header-height) + 4px);right:12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 12px 28px #0000001f,0 4px 10px #0000000f;min-width:272px;z-index:1000;overflow:hidden}.dropdown-header{display:flex;gap:12px;padding:14px 16px;background:#f9fafb;border-bottom:1px solid #f0f0f0}.dropdown-footer{padding:10px 16px;font-size:.7rem;color:#9ca3af;line-height:1.6;background:#f9fafb;border-top:1px solid #f0f0f0}.user-avatar-large{width:42px;height:42px;border-radius:50%;background:#4f46e5;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0}.user-name-large{font-size:.9rem;font-weight:600;color:#111827;margin-bottom:2px}.user-email{font-size:.775rem;color:#6b7280;margin-bottom:2px}.user-role-info{font-size:.68rem;color:#9ca3af}.dropdown-divider{height:1px;background:#f0f0f0;margin:0}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;text-align:left;cursor:pointer;transition:background .12s ease;font-size:.83rem;color:#374151}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.logout-btn{color:#ef4444}.dropdown-item.logout-btn:hover{background:#fef2f2}.dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.search-container{position:relative;display:flex;align-items:center}.search-input{padding:6px 32px 6px 10px;border:1px solid rgba(255,255,255,.25);border-radius:7px;font-size:.8rem;width:180px;background:#ffffff1f;color:#fff;transition:all .15s}.search-input::placeholder{color:#ffffff80}.search-input:focus{outline:none;border-color:#ffffff80;background:#ffffff2e}.search-icon{position:absolute;right:8px;color:#ffffff80;pointer-events:none}.logout-modal{background:#fff;border-radius:12px;padding:28px;max-width:380px;width:90%;box-shadow:0 20px 40px #0000001f}.logout-modal-title{font-size:1.05rem;font-weight:700;color:#111827;margin:0 0 6px}.logout-modal-message{font-size:.85rem;color:#6b7280;margin:0 0 20px}.logout-modal .logout-btn{padding:8px 18px;border-radius:8px;font-size:.83rem;font-weight:600;cursor:pointer;border:none;transition:background .15s ease}.logout-modal .logout-btn-cancel{background:#f3f4f6;color:#374151}.logout-modal .logout-btn-cancel:hover{background:#e5e7eb}.logout-modal .logout-btn-confirm{background:#ef4444;color:#fff}.logout-modal .logout-btn-confirm:hover{background:#dc2626}@media (min-width: 1920px){.custom-header-desktop{left:264px;width:calc(100% - 264px)}.custom-header-desktop.sidebar-minimized{left:68px;width:calc(100% - 68px)}}@media (min-width: 1600px) and (max-width: 1919px){.custom-header-desktop{left:256px;width:calc(100% - 256px)}.custom-header-desktop.sidebar-minimized{left:66px;width:calc(100% - 66px)}}@media (min-width: 1200px) and (max-width: 1599px){.custom-header-desktop{left:248px;width:calc(100% - 248px)}.custom-header-desktop.sidebar-minimized{left:64px;width:calc(100% - 64px)}}@media (min-width: 992px) and (max-width: 1199px){.custom-header-desktop{left:236px;width:calc(100% - 236px)}.custom-header-desktop.sidebar-minimized{left:62px;width:calc(100% - 62px)}}@media (min-width: 768px) and (max-width: 991px){.custom-header-desktop{left:220px;width:calc(100% - 220px)}.custom-header-desktop.sidebar-minimized{left:60px;width:calc(100% - 60px)}}@media (max-width: 767px){.custom-header-desktop{display:none}.custom-header-mobile{display:flex;flex-direction:column;gap:10px;padding:12px 14px;left:0;width:100%;height:auto}.header-left{width:100%;justify-content:space-between}.header-right{width:100%;flex-wrap:wrap;gap:8px}.search-input{flex:1;min-width:120px}.new-invoice-btn{font-size:.75rem;padding:6px 10px}.year-filter-select{font-size:.75rem}}.notification-bell{position:relative}.bell-button{position:relative;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff!important;box-shadow:0 4px 15px #4f46e566;transition:all .3s cubic-bezier(.4,0,.2,1)}.bell-button svg{width:22px;height:22px}.bell-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #4f46e599}.bell-button:active{transform:translateY(0) scale(.98)}.notification-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:12px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;padding:0 5px;border:2px solid white;box-shadow:0 2px 8px #f5576c80;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-popup{position:fixed;top:88px;right:1rem;z-index:1000;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000d;width:480px;min-width:480px;max-height:750px;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-bottom:4px}.popup-enter{animation:popupSlideIn .3s cubic-bezier(.34,1.56,.64,1)}.popup-exit{animation:popupSlideOut .2s ease-out forwards}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popupSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.notification-popup-header{padding:16px 20px;background:linear-gradient(135deg,#4f46e5,#6366f1);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);gap:12px}.popup-title{margin:0;font-size:17px;font-weight:700;color:#fff!important;display:flex;align-items:center;gap:8px}.popup-title svg{color:#fff!important;width:18px;height:18px}.header-actions-btn{display:flex!important;align-items:center;gap:6px;flex-shrink:0;flex-wrap:nowrap}.actions-button{background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff!important;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.actions-button:hover:not(:disabled){background:#ffffff40;transform:translateY(-1px)}.actions-button:active:not(:disabled){transform:translateY(0)}.actions-button:disabled{opacity:.4;cursor:not-allowed}.actions-button svg{width:17px;height:17px}.actions-button.refresh-button .spinning{animation:spin 1s linear infinite}.close-button{background:#fff3!important;border:1px solid rgba(255,255,255,.3)!important;width:34px;height:34px;border-radius:8px!important}.close-button svg{width:16px;height:16px}.close-button:hover{background:#ffffff4d!important}.last-update{padding:8px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-size:11px;color:#6c757d;display:flex;align-items:center;gap:5px}.notification-tabs{display:flex;gap:8px;padding:14px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.tab-button{flex:1;padding:9px 14px;border:none;border-radius:8px;background:#fff;color:#495057;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:0 1px 3px #0000000d}.tab-button:hover{background:#e9ecef;transform:translateY(-1px)}.tab-button.active{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff!important;box-shadow:0 4px 12px #4f46e566}.notification-list{flex:1;overflow-y:auto;padding:14px 20px 20px;max-height:450px}.notification-list::-webkit-scrollbar{width:8px}.notification-list::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.notification-list::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:4px}.notification-list::-webkit-scrollbar-thumb:hover{background:#868e96}.notification-item{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:14px;margin-bottom:10px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.notification-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#6c757d;transition:all .2s ease}.notification-item.urgency-3:before{background:linear-gradient(180deg,#f5576c,#ff6b81);width:6px}.notification-item.urgency-2:before{background:linear-gradient(180deg,#ffa502,#ffb142);width:5px}.notification-item.urgency-1:before{background:linear-gradient(180deg,#4ecdc4,#44a08d)}.notification-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a;border-color:#4f46e5}.notification-item.urgency-3{background:linear-gradient(135deg,#fff5f7,#ffe6e9);border-color:#ffccd5}.notification-item.urgency-2{background:linear-gradient(135deg,#fffaf0,#ffe8cc);border-color:#ffd99a}.notification-category{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#4f46e51a;color:#4f46e5;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.notification-message{font-size:14px;font-weight:600;color:#212529;line-height:1.5;margin-bottom:12px}.notification-details{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.detail-item{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#6c757d;background:#6c757d0d;padding:4px 10px;border-radius:6px}.notification-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;padding-top:12px;border-top:1px solid #e9ecef}.meta-item{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#868e96}.notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:12px;color:#6c757d}.notification-loading .spinning{animation:spin 1s linear infinite}.no-notification{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:#adb5bd}.no-notification svg{opacity:.3;margin-bottom:16px}.no-notification h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#6c757d}.no-notification p{margin:0;font-size:13px;color:#adb5bd}@media (max-width: 576px){.notification-popup{width:calc(100vw - 32px);min-width:unset;max-width:480px}.notification-tabs{flex-direction:column;gap:6px}.tab-button{width:100%}}#notif-close-container{display:flex;justify-content:right;align-items:center;padding:10px 16px 14px;background:linear-gradient(to top,#fff 70%,#fff0);position:sticky;bottom:0;z-index:99;border-top:1px solid rgba(0,0,0,.06);margin-top:4px}.notif-close-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 20px;width:auto!important;height:34px;border-radius:20px!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#475569!important;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000014;letter-spacing:.01em}.notif-close-button:before{content:"✕";font-size:11px;opacity:.7}.notif-close-button:hover{background:#fff1f2!important;border-color:#fda4af!important;color:#e11d48!important;box-shadow:0 2px 8px #e11d4826;transform:translateY(-1px)}.notif-close-button:active{transform:translateY(0);box-shadow:none}body{font-family:Inter,sans-serif;overflow-x:hidden}.error-page{height:100vh;width:100vw;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:center;justify-content:center;padding:20px}.error-container{max-width:600px;width:100%;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:50px 40px;text-align:center}.error-icon{display:flex;justify-content:center;align-items:center;margin-bottom:25px}.icon-container{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.icon-search{width:100px;height:100px;color:#d1d5db}.icon-x{width:50px;height:50px;color:#ef4444;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-lock{width:100px;height:100px;color:#ef4444}.icon-wrench{width:100px;height:100px;color:#f97316}.icon-error{width:100px;height:100px;color:#ef4444}.error-code h1{font-size:80px;font-weight:700;color:#1f2937;margin:0 0 15px;line-height:1}.error-title h2{font-size:28px;font-weight:600;color:#374151;margin:0 0 15px}.error-description p{font-size:16px;color:#6b7280;margin:0 0 25px;line-height:1.6}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:15px 20px;margin:25px 0;display:flex;align-items:flex-start;gap:12px;text-align:left}.error-message-icon{flex-shrink:0;color:#dc2626;margin-top:2px}.error-message-content{flex:1}.error-message-label{font-weight:600;color:#991b1b;font-size:14px;margin:0 0 6px}.error-message-text{color:#991b1b;font-size:14px;margin:0;line-height:1.5;word-wrap:break-word;word-break:break-word}.error-footer{margin-top:35px;padding-top:25px;border-top:1px solid #e5e7eb;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.error-link{color:#3b82f6;text-decoration:none;font-size:15px;font-weight:500;transition:all .3s ease;padding:5px 10px;border-radius:5px}.error-link:hover{color:#1d4ed8;background:#eff6ff}.error-separator{color:#d1d5db;font-size:16px}@media (max-width: 768px){.error-container{padding:40px 25px;max-width:90%}.error-code h1{font-size:64px}.error-title h2{font-size:22px}.error-description p{font-size:14px}.icon-search,.icon-lock,.icon-wrench,.icon-error,.icon-container{width:80px;height:80px}.icon-x{width:40px;height:40px}.error-message{padding:12px 15px}.error-message-label,.error-message-text{font-size:13px}}@media (max-width: 480px){.error-container{padding:30px 20px}.error-code h1{font-size:56px}.error-title h2{font-size:20px}.error-footer{flex-direction:column;gap:10px}.error-separator{display:none}.error-link{font-size:14px}}.toast-container{position:fixed!important;top:100px!important;right:20px!important;bottom:auto!important;left:auto!important;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;align-items:flex-end;background:transparent;padding:0;margin:0}.toast{position:relative;background:#fff;border-radius:10px;padding:13px 40px 13px 13px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:flex-start;width:360px;pointer-events:auto;overflow:hidden;border:1px solid rgba(0,0,0,.08);animation:toast-slide-in .32s cubic-bezier(.22,1,.36,1) both}@keyframes toast-slide-in{0%{transform:translate(calc(100% + 24px));opacity:0}to{transform:translate(0);opacity:1}}.toast--exit{animation:toast-slide-out .28s cubic-bezier(.4,0,1,.6) forwards}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1;max-height:120px;margin-bottom:0}to{transform:translate(calc(100% + 24px));opacity:0;max-height:0;margin-bottom:-8px}}.toast__progress{position:absolute;bottom:0;left:0;height:3px;width:100%;border-radius:0 0 12px 12px;animation:toast-progress 5s linear forwards;transform-origin:left}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast__body{display:flex;align-items:flex-start;gap:12px;flex:1}.toast__icon-wrap{flex-shrink:0;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center}.toast__text{display:flex;flex-direction:column;gap:2px;padding-top:2px}.toast__label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1}.toast__message{font-size:13.5px;font-weight:400;color:#374151;line-height:1.55}.toast__close{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;color:#9ca3af;width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;padding:0}.toast__close:hover{background:#0000000f;color:#1f2937}.toast--success{border-top:3px solid #10b981}.toast--success .toast__icon-wrap--success{background:#ecfdf5;color:#10b981}.toast--success .toast__label{color:#059669}.toast--success .toast__progress--success{background:#10b981}.toast--error{border-top:3px solid #ef4444}.toast--error .toast__icon-wrap--error{background:#fef2f2;color:#ef4444}.toast--error .toast__label{color:#dc2626}.toast--error .toast__progress--error{background:#ef4444}.toast--info{border-top:3px solid #3b82f6}.toast--info .toast__icon-wrap--info{background:#eff6ff;color:#3b82f6}.toast--info .toast__label{color:#2563eb}.toast--info .toast__progress--info{background:#3b82f6}.toast--offline{border-top:3px solid #f59e0b}.toast--offline .toast__icon-wrap--offline{background:#fffbeb;color:#f59e0b}.toast--offline .toast__label{color:#d97706}.toast--offline .toast__progress--offline{background:#f59e0b}.toast--warning{border-top:3px solid #f97316}.toast--warning .toast__icon-wrap--warning{background:#fff7ed;color:#f97316}.toast--warning .toast__label{color:#ea580c}.toast--warning .toast__progress--warning{background:#f97316}.toast--alert{border-top:3px solid #8b5cf6}.toast--alert .toast__icon-wrap--alert{background:#f5f3ff;color:#8b5cf6}.toast--alert .toast__label{color:#7c3aed}.toast--alert .toast__progress--alert{background:#8b5cf6}.toast--critical{border-top:3px solid #dc2626;background:#fff5f5}.toast--critical .toast__icon-wrap--critical{background:#fee2e2;color:#dc2626}.toast--critical .toast__label{color:#b91c1c}.toast--critical .toast__progress--critical{background:#dc2626}.tooltip-container{position:relative;display:inline-flex}.tooltip-content{position:absolute;z-index:10000;padding:8px 12px;background:#212529f2;color:#fff;font-size:12px;font-weight:500;border-radius:6px;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.tooltip-bottom{bottom:auto;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-bottom .tooltip-arrow{bottom:100%;left:50%;transform:translate(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent rgba(33,37,41,.95) transparent}.tooltip-top{bottom:calc(100% + 8px);top:auto;left:50%;transform:translate(-50%)}.tooltip-top .tooltip-arrow{top:100%;left:50%;transform:translate(-50%);border-width:5px 5px 0 5px;border-color:rgba(33,37,41,.95) transparent transparent transparent}.tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-left .tooltip-arrow{left:100%;top:50%;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent rgba(33,37,41,.95)}.tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-right .tooltip-arrow{right:100%;top:50%;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent rgba(33,37,41,.95) transparent transparent}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:overlayFadeIn .3s ease-out}.confirm-modal-content{background:#fff;border-radius:16px;padding:32px;max-width:450px;width:100%;position:relative;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);text-align:center}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-modal-close{position:absolute;top:16px;right:16px;background:#6c757d1a;border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6c757d;transition:all .2s ease}.confirm-modal-close:hover{background:#6c757d33;transform:rotate(90deg)}.confirm-modal-icon{margin:0 auto 20px;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:iconBounce .6s ease-out}@keyframes iconBounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.confirm-modal-icon.default{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff!important}.confirm-modal-icon.danger{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.confirm-modal-icon.success{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.confirm-modal-icon svg.success-icon{color:#10b981}.confirm-modal-icon svg.error-icon{color:#ef4444}.confirm-modal-title{margin:0 0 12px;font-size:22px;font-weight:700;color:#212529!important}.confirm-modal-message{margin:0 0 28px;font-size:15px;color:#6c757d;line-height:1.6}.confirm-modal-actions{display:flex;gap:12px;justify-content:center}.confirm-button{flex:1;padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;max-width:180px}.confirm-button:disabled{opacity:.6;cursor:not-allowed}.cancel-button{background:#f8f9fa;color:#495057;border:1px solid #dee2e6}.cancel-button:hover:not(:disabled){background:#e9ecef;transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff!important;box-shadow:0 4px 12px #4f46e566}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4f46e580}.primary-button.danger{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 12px #f5576c66}.primary-button.danger:hover:not(:disabled){box-shadow:0 6px 16px #f5576c80}.primary-button.success{background:linear-gradient(135deg,#4ecdc4,#44a08d);box-shadow:0 4px 12px #4ecdc466}.primary-button.success:hover:not(:disabled){box-shadow:0 6px 16px #4ecdc480}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button .spinning{animation:spin 1s linear infinite}@media (max-width: 576px){.confirm-modal-content{padding:24px;max-width:calc(100vw - 32px)}.confirm-modal-actions{flex-direction:column}.confirm-button{max-width:100%}}.scheduler-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:overlayFadeIn .3s ease-out}.scheduler-modal-content{background:#fff;border-radius:20px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 80px #0000004d;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}.scheduler-modal-content::-webkit-scrollbar{width:8px}.scheduler-modal-content::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.scheduler-modal-content::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:4px}.scheduler-modal-close{position:absolute;top:20px;right:20px;background:#6c757d1a;border:none;border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6c757d;transition:all .2s ease;z-index:1}.scheduler-modal-close:hover{background:#6c757d33;transform:rotate(90deg)}.scheduler-modal-header{background:linear-gradient(135deg,#4f46e5,#6366f1);padding:40px 32px;text-align:center;color:#fff!important;border-radius:20px 20px 0 0;position:relative;overflow:hidden}.scheduler-modal-header:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff1a;border-radius:50%}.scheduler-modal-header:after{content:"";position:absolute;bottom:-30%;left:-10%;width:250px;height:250px;background:#ffffff14;border-radius:50%}.scheduler-header-icon{width:70px;height:70px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;animation:iconFloat 3s ease-in-out infinite;position:relative;z-index:1;color:#fff!important}.scheduler-header-icon svg{color:#fff!important}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.scheduler-modal-header h3{margin:0 0 8px;font-size:26px;font-weight:700;position:relative;z-index:1;color:#fff!important}.scheduler-modal-header p{margin:0;font-size:14px;opacity:.9;position:relative;z-index:1;color:#fff!important}.scheduler-modal-body{padding:32px}.section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#212529;margin:0 0 16px}.scheduler-status-section{margin-bottom:32px}.scheduler-status-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;padding:20px;text-align:center}.scheduler-status-card.main-status{background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;color:#fff!important}.status-indicator{margin-bottom:12px}.status-badge{background:#4f46e51a;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:600;color:#4f46e5}.status-badge.active{background:#ffffff40;color:#fff!important;box-shadow:0 4px 12px #10b9814d}.status-badge.inactive{background:#ef444433;color:#dc2626}.status-description{font-size:14px;opacity:.95;color:#fff!important}.scheduler-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4f46e5,#6366f1);transform:scaleX(0);transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.stat-card:hover:before{transform:scaleX(1)}.stat-card.danger{border-color:#fee;background:linear-gradient(135deg,#fff5f7,#ffe6e9)}.stat-card.danger:before{background:linear-gradient(90deg,#f5576c,#ff6b81)}.stat-card.warning{border-color:#fef3e6;background:linear-gradient(135deg,#fffaf0,#ffe8cc)}.stat-card.warning:before{background:linear-gradient(90deg,#ffa502,#ffb142)}.stat-card.info{border-color:#e6f7ff;background:linear-gradient(135deg,#ebf8ff,#cfe7f7)}.stat-card.info:before{background:linear-gradient(90deg,#4ecdc4,#44a08d)}.stat-card.total{border-color:#f0e6ff;background:linear-gradient(135deg,#f5f0ff,#e9d5ff)}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:#4f46e51a;color:#4f46e5}.stat-card.danger .stat-icon{background:#f5576c26;color:#f5576c}.stat-card.warning .stat-icon{background:#ffa50226;color:#ffa502}.stat-card.info .stat-icon{background:#4ecdc426;color:#4ecdc4}.stat-content{width:100%}.stat-label{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:32px;font-weight:800;color:#212529;line-height:1;margin-bottom:4px}.stat-sublabel{font-size:11px;color:#868e96;margin-top:4px}.scheduler-schedule-section{margin-bottom:24px}.schedule-info-grid{display:grid;gap:16px}.schedule-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:12px;padding:20px;display:flex;gap:16px;transition:all .3s ease}.schedule-card:hover{border-color:#4f46e5;transform:translate(4px);box-shadow:0 4px 12px #4f46e526}.schedule-icon{width:48px;height:48px;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff!important;flex-shrink:0}.schedule-details{flex:1}.schedule-day{font-size:16px;font-weight:700;color:#212529;margin-bottom:6px}.schedule-time{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#495057;margin-bottom:6px}.schedule-frequency{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff!important;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.schedule-description{font-size:13px;color:#6c757d;margin-top:8px}.scheduler-footer-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#f8f9fa;border-radius:10px;font-size:13px;color:#6c757d}.scheduler-modal-actions{padding:24px 32px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;border-radius:0 0 20px 20px}.scheduler-action-button{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.scheduler-action-button.secondary{background:#fff;color:#495057;border:1px solid #dee2e6}.scheduler-action-button.secondary:hover{background:#e9ecef;transform:translateY(-1px)}.scheduler-action-button.primary{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff!important;box-shadow:0 4px 12px #4f46e566}.scheduler-action-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4f46e580}.scheduler-action-button.primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.scheduler-modal-content{max-width:calc(100vw - 32px)}.scheduler-modal-body{padding:24px}.scheduler-stats-grid{grid-template-columns:repeat(2,1fr)}.scheduler-modal-actions{flex-direction:column;padding:20px 24px}.scheduler-action-button{width:100%;justify-content:center}}@media (max-width: 576px){.scheduler-stats-grid{grid-template-columns:1fr}.schedule-card{flex-direction:column;text-align:center}.schedule-icon{margin:0 auto}}.detail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:overlayFadeIn .3s ease-out}.detail-modal-content{background:#fff;border-radius:20px;max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 80px #0000004d;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}.detail-modal-content::-webkit-scrollbar{width:8px}.detail-modal-content::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.detail-modal-content::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:4px}.detail-modal-close{position:absolute;top:20px;right:20px;background:#ffffffe6;border:none;border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#495057;transition:all .2s ease;z-index:1;box-shadow:0 2px 8px #0000001a}.detail-modal-close:hover{background:#fff;transform:rotate(90deg);box-shadow:0 4px 12px #00000026}.detail-modal-header{background:linear-gradient(135deg,#4f46e5,#6366f1);padding:40px 32px;text-align:center;color:#fff!important;border-radius:20px 20px 0 0;position:relative;overflow:hidden}.detail-modal-header:before{content:"";position:absolute;top:-50%;right:-10%;width:350px;height:350px;background:#ffffff14;border-radius:50%}.detail-modal-header:after{content:"";position:absolute;bottom:-40%;left:-15%;width:300px;height:300px;background:#ffffff0f;border-radius:50%}.detail-header-icon{width:70px;height:70px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;animation:iconPulse 2s ease-in-out infinite;position:relative;z-index:1;color:#fff!important}.detail-header-icon svg{color:#fff!important}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.05);box-shadow:0 0 0 10px #fff0}}.detail-modal-header h3{margin:0;font-size:24px;font-weight:700;position:relative;z-index:1;color:#fff!important}.detail-modal-body{padding:32px}.detail-message-card{background:linear-gradient(135deg,#fff9e6,#ffe9cc);border-left:4px solid #ffa502;border-radius:12px;padding:20px;margin-bottom:28px;display:flex;gap:12px;align-items:flex-start}.detail-message-card svg{color:#ffa502;flex-shrink:0;margin-top:2px}.detail-message-card p{margin:0;font-size:15px;font-weight:600;color:#212529;line-height:1.6}.detail-info-section,.detail-status-section,.detail-units-section,.detail-company-section{margin-bottom:28px}.detail-section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#212529;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e9ecef}.detail-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.detail-info-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.detail-info-item:hover{background:#fff;border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.detail-label{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:15px;font-weight:600;color:#212529;display:flex;align-items:center;gap:6px}.detail-value.highlight{color:#4f46e5;font-size:16px}.detail-value.danger{color:#dc3545}.status-badges{display:flex;flex-direction:column;gap:12px}.status-badge-large{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;font-size:14px;font-weight:600;border:2px solid;transition:all .2s ease}.status-badge-large:hover{transform:translate(4px)}.status-badge-large.overdue{background:linear-gradient(135deg,#fff5f7,#ffe6e9);border-color:#f5576c;color:#c53030}.status-badge-large.overdue svg{color:#f5576c}.status-badge-large.today{background:linear-gradient(135deg,#fffaf0,#ffe8cc);border-color:#ffa502;color:#c05621}.status-badge-large.today svg{color:#ffa502}.status-badge-large.soon{background:linear-gradient(135deg,#ebf8ff,#cfe7f7);border-color:#4ecdc4;color:#2c5282}.status-badge-large.soon svg{color:#4ecdc4}.units-list{display:flex;flex-direction:column;gap:16px}.unit-type-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;overflow:hidden;transition:all .3s ease}.unit-type-card:hover{border-color:#4f46e5;box-shadow:0 4px 12px #4f46e51a}.unit-type-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e9ecef}.unit-type-name{font-size:16px;font-weight:700;color:#212529}.unit-type-count{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff!important;border-radius:8px;font-size:13px;font-weight:600}.unit-items-list{padding:12px}.unit-item{padding:14px;background:#f8f9fa;border-left:3px solid #4f46e5;border-radius:8px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;transition:all .2s ease}.unit-item:last-child{margin-bottom:0}.unit-item:hover{background:#fff;border-color:#6366f1;transform:translate(4px);box-shadow:0 2px 8px #0000000d}.unit-sn{font-size:13px;font-weight:700;color:#495057;font-family:Courier New,monospace}.unit-stats{display:flex;align-items:center;gap:8px;font-size:13px;color:#6c757d}.unit-stats .separator{color:#dee2e6}.detail-modal-footer{padding:24px 32px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;border-radius:0 0 20px 20px}.detail-action-button{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.detail-action-button.secondary{background:#fff;color:#495057;border:1px solid #dee2e6}.detail-action-button.secondary:hover{background:#e9ecef;transform:translateY(-1px)}.detail-action-button.danger{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 4px 12px #f5576c66}.detail-action-button.danger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f5576c80}.detail-action-button:active{transform:translateY(0)}@media (max-width: 768px){.detail-modal-content{max-width:calc(100vw - 32px)}.detail-modal-body{padding:24px}.detail-info-grid{grid-template-columns:1fr}.unit-type-header{flex-direction:column;gap:12px;text-align:center}.unit-item{flex-direction:column;align-items:flex-start}.detail-modal-footer{flex-direction:column;padding:20px 24px}.detail-action-button{width:100%;justify-content:center}}:root{--dsh-blue: #2563eb;--dsh-blue-dark: #1e3a8a;--dsh-blue-soft: #eaf0fd;--dsh-cream: #faf8f3;--dsh-cream-dark: #f1ead9;--dsh-gray-50: #f7f7f8;--dsh-gray-100: #eef0f2;--dsh-gray-300: #d6d9de;--dsh-gray-500: #6b7280;--dsh-gray-700: #374151;--dsh-gray-900: #1f2937;--dsh-white: #ffffff;--dsh-green: #1f6e3e;--dsh-green-bg: #e7f3ea;--dsh-green-border: #b8dec3;--dsh-green-light: #86e0a6;--dsh-amber: #92611a;--dsh-amber-bg: #f6efdf;--dsh-amber-border: #e3d2a7;--dsh-red: #9b2c2c;--dsh-red-bg: #faeaea;--dsh-red-border: #eebcbc;--dsh-red-light: #f4a8a8}.dsh-root{width:100%;min-height:100vh;background:var(--dsh-gray-50);font-family:Segoe UI,system-ui,sans-serif;font-size:13px}.dsh-content{width:100%;padding:18px 22px 40px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px}.dashboard-welcome-section{background:var(--dsh-blue);border-radius:10px;padding:18px 20px;position:relative;overflow:hidden;box-shadow:0 1px 3px #1f29371f}.dashboard-welcome-title{font-size:17px;font-weight:600;color:var(--dsh-blue-soft);margin:0 0 6px;letter-spacing:-.1px}.dashboard-welcome-name{color:var(--dsh-white);font-weight:800}.dashboard-welcome-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.dashboard-welcome-role{font-size:11px;font-weight:700;background:#ffffff24;color:var(--dsh-blue-soft);padding:2px 10px;border-radius:99px;letter-spacing:.2px}.dashboard-welcome-separator{color:#ffffff59;font-size:12px}.dashboard-welcome-subrole{font-size:11px;color:#bcd2f5}.dsh-panel{background:var(--dsh-white);border:1px solid var(--dsh-gray-100);border-radius:10px;padding:16px 18px;box-shadow:0 1px 3px #1f29370f}.dsh-panel--no-mb{margin-bottom:0}.dsh-panel-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;gap:10px}.dsh-panel-header-left{display:flex;align-items:center;gap:8px}.dsh-panel-icon{color:var(--dsh-blue);flex-shrink:0}.dsh-panel-title{margin:0;font-size:13.5px;font-weight:700;color:var(--dsh-gray-900);letter-spacing:-.1px}.dsh-panel-sub{margin:2px 0 0;font-size:11px;color:var(--dsh-gray-500);display:flex;align-items:center;flex-wrap:wrap;gap:4px}.dsh-pill{background:var(--dsh-blue-soft);color:var(--dsh-blue-dark);border-radius:99px;padding:1px 8px;font-size:10.5px;font-weight:600}.dsh-loading-inline{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--dsh-gray-500)}.dsh-refresh-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;border:1px solid var(--dsh-gray-100);background:var(--dsh-gray-50);color:var(--dsh-gray-500);cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.dsh-refresh-btn:hover{background:var(--dsh-blue-soft);color:var(--dsh-blue);border-color:#c3d6f8}.dsh-cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.dsh-cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dsh-cards--loading{opacity:.6;pointer-events:none}.dsh-card{display:flex;align-items:flex-start;gap:10px;border-radius:8px;padding:12px 14px;border:1px solid var(--dsh-gray-100);background:var(--dsh-white);position:relative;transition:box-shadow .15s ease,border-color .15s ease}.dsh-card--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.dsh-card--clickable:hover{box-shadow:0 2px 8px #1f293714;border-color:var(--dsh-gray-300)}.dsh-card--blue{background:var(--dsh-blue-soft);border-color:#c3d6f8}.dsh-card--purple{background:var(--dsh-cream);border-color:var(--dsh-cream-dark)}.dsh-card--teal{background:var(--dsh-green-bg);border-color:var(--dsh-green-border)}.dsh-card--red{background:var(--dsh-red-bg);border-color:var(--dsh-red-border)}.dsh-card--return-done{background:var(--dsh-green-bg);border-color:var(--dsh-green-border)}.dsh-card--return-pending{background:var(--dsh-amber-bg);border-color:var(--dsh-amber-border)}.dsh-card-icon{flex-shrink:0;padding:6px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:var(--dsh-white)}.dsh-card-icon svg{width:18px;height:18px}.dsh-card--blue .dsh-card-icon{color:var(--dsh-blue)}.dsh-card--purple .dsh-card-icon{color:var(--dsh-blue-dark)}.dsh-card--teal .dsh-card-icon{color:var(--dsh-green)}.dsh-card--red .dsh-card-icon{color:var(--dsh-red)}.dsh-card--return-done .dsh-card-icon{color:var(--dsh-green)}.dsh-card--return-pending .dsh-card-icon{color:var(--dsh-amber)}.dsh-card-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.dsh-card-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--dsh-gray-500);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dsh-card-value{font-size:19px;font-weight:800;color:var(--dsh-gray-900);letter-spacing:-.3px;line-height:1.15}.dsh-card-value--money{font-size:14px;font-weight:700}.dsh-card-sub{font-size:10.5px;color:var(--dsh-gray-500);line-height:1.4}.dsh-badge-click{background:var(--dsh-blue);color:var(--dsh-white);border-radius:99px;padding:1px 7px;font-size:9.5px;font-weight:600;text-transform:none;letter-spacing:0}.dsh-chevron{position:absolute;right:10px;bottom:10px;color:var(--dsh-gray-500);transition:transform .2s ease}.dsh-chevron--open{transform:rotate(180deg)}.dsh-return-badge{position:absolute;top:11px;right:12px;font-size:9.5px;font-weight:700;padding:2px 9px;border-radius:99px;letter-spacing:.2px;text-transform:uppercase}.dsh-return-badge--done{background:var(--dsh-green);color:var(--dsh-white)}.dsh-return-badge--pending{background:var(--dsh-amber);color:var(--dsh-white)}.dsh-progress-row{margin-bottom:4px}.dsh-progress-track{position:relative;display:flex;height:7px;border-radius:99px;overflow:visible;background:var(--dsh-gray-100);margin-bottom:16px}.dsh-progress-track-inner{display:flex;width:100%;height:100%;border-radius:99px;overflow:hidden}.dsh-progress-fill{height:100%;transition:width .4s ease}.dsh-progress-fill--green{background:var(--dsh-green-light)}.dsh-progress-fill--red{background:var(--dsh-red-light)}.dsh-progress-divider{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--dsh-gray-700);border-radius:1px;transform:translate(-1px)}.dsh-progress-marker-label{position:absolute;top:-22px;transform:translate(-50%);display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;white-space:nowrap;background:var(--dsh-white);border:1px solid var(--dsh-gray-300);border-radius:99px;padding:1px 7px;color:var(--dsh-gray-700);box-shadow:0 1px 2px #1f293714}.dsh-progress-marker-label .dsh-marker-green{color:#1f9c4d}.dsh-progress-marker-label .dsh-marker-red{color:#d6534f}.dsh-progress-legend{display:flex;align-items:center;gap:7px;font-size:10.5px;color:var(--dsh-gray-500)}.dsh-legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.dsh-legend-dot--green{background:#1f9c4d}.dsh-legend-dot--red{background:#d6534f}.dsh-breakdown{margin-top:12px;background:var(--dsh-gray-50);border:1px solid var(--dsh-gray-100);border-radius:8px;padding:14px 16px;animation:dsh-slide-down .18s ease}@keyframes dsh-slide-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dsh-breakdown-header{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--dsh-gray-900);margin-bottom:12px}.dsh-breakdown-icon{color:var(--dsh-green)}.dsh-breakdown-total{margin-left:auto;font-size:13px;font-weight:800;color:var(--dsh-blue-dark)}.dsh-bdr-row{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-radius:7px;margin-bottom:5px}.dsh-bdr-row--green{background:var(--dsh-green-bg)}.dsh-bdr-row--amber{background:var(--dsh-amber-bg)}.dsh-bdr-left{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--dsh-gray-700)}.dsh-bdr-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dsh-bdr-dot--green{background:var(--dsh-green)}.dsh-bdr-dot--amber{background:var(--dsh-amber)}.dsh-bdr-label{font-weight:600}.dsh-bdr-count{font-size:10px;color:var(--dsh-gray-500);background:var(--dsh-white);border:1px solid var(--dsh-gray-100);border-radius:99px;padding:1px 7px}.dsh-bdr-right{display:flex;align-items:center;gap:7px}.dsh-bdr-value{font-size:12.5px;font-weight:700}.dsh-bdr-value--green{color:var(--dsh-green)}.dsh-bdr-value--amber{color:var(--dsh-amber)}.dsh-bdr-badge{font-size:10px;font-weight:700;border-radius:99px;padding:1px 8px}.dsh-bdr-badge--green{background:var(--dsh-green-bg);color:var(--dsh-green);border:1px solid var(--dsh-green-border)}.dsh-bdr-badge--amber{background:var(--dsh-amber-bg);color:var(--dsh-amber);border:1px solid var(--dsh-amber-border)}.dsh-bar-track{height:4px;background:var(--dsh-gray-100);border-radius:99px;overflow:hidden;margin-bottom:9px}.dsh-bar-fill{height:100%;border-radius:99px;transition:width .4s ease}.dsh-bar-fill--green{background:var(--dsh-green)}.dsh-bar-fill--amber{background:var(--dsh-amber)}.dsh-breakdown-divider{height:1px;background:var(--dsh-gray-100);margin:4px 0 9px}.dsh-charts-row{display:grid;grid-template-columns:3fr 2fr;gap:14px;align-items:stretch}.dsh-charts-row .dsh-panel{display:flex;flex-direction:column}.dsh-year-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dsh-blue-soft);border:1px solid #c3d6f8;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;color:var(--dsh-blue-dark);cursor:pointer;outline:none;transition:border-color .15s,background .15s;min-width:68px}.dsh-year-select:hover,.dsh-year-select:focus{background:#dbe7fb;border-color:#93c5fd}.dsh-chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:180px;gap:8px;color:var(--dsh-gray-500);font-size:12px}.dsh-chart-animate{flex:1;display:flex;align-items:center}@keyframes dsh-line-draw{0%{stroke-dashoffset:var(--path-len)}to{stroke-dashoffset:0}}@keyframes dsh-dot-pop{0%{opacity:0;r:0}70%{r:6}to{opacity:1;r:3.5}}.dsh-line-path{stroke-dasharray:var(--path-len);stroke-dashoffset:var(--path-len);animation:dsh-line-draw .8s cubic-bezier(.4,0,.2,1) forwards}.dsh-area-path{opacity:0;animation:dsh-area-fadein .6s ease .5s forwards}@keyframes dsh-area-fadein{0%{opacity:0}to{opacity:1}}.dsh-spin{animation:dsh-spin-anim .7s linear infinite}@keyframes dsh-spin-anim{to{transform:rotate(360deg)}}.dsh-pie-layout{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;flex:1}.dsh-pie-svg-wrap{flex-shrink:0}.dsh-pie-empty{display:flex;align-items:center;justify-content:center;height:120px;font-size:12px;color:var(--dsh-gray-500);width:100%}.dsh-pie-legend{flex:1;min-width:140px;max-width:210px;display:flex;flex-direction:column;gap:6px;max-height:230px;overflow-y:auto}.dsh-pie-legend-item{display:flex;align-items:center;gap:7px;font-size:12px}.dsh-pie-legend-color{width:9px;height:9px;border-radius:3px;flex-shrink:0}.dsh-pie-legend-name{flex:1;min-width:0;color:var(--dsh-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsh-pie-legend-val{font-weight:700;color:var(--dsh-gray-900);font-size:11px;flex-shrink:0}.dsh-pie-legend-more{font-size:10.5px;color:var(--dsh-gray-500);padding-top:2px}@media (max-width: 1100px){.dsh-cards-4{grid-template-columns:repeat(2,1fr)}.dsh-charts-row{grid-template-columns:1fr}}@media (max-width: 700px){.dsh-content{padding:12px 12px 32px}.dsh-cards-4,.dsh-cards-2{grid-template-columns:1fr}.dsh-pie-layout{flex-direction:column;align-items:center}.dsh-pie-legend{max-height:none;width:100%;max-width:none}.dashboard-welcome-title{font-size:15px}}.lgn-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#000000b3,#0006),url("/assets/kantor_icp(landscape2)-H3kZIvM7.webp");background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:flex-end;padding:20px 80px 20px 20px;margin:0 auto}.lgn-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px 50px;width:100%;max-width:500px;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.5);animation:lgn-slideUpFadeIn .6s cubic-bezier(.16,1,.3,1);position:relative}@keyframes lgn-slideUpFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.lgn-header{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px}.lgn-logo{width:60px;height:auto;flex-shrink:0;margin-top:5px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15));animation:lgn-fadeIn .8s ease-out .2s backwards}.lgn-header-text{flex:1;text-align:left}.lgn-welcome{color:#1a1a1a;font-size:1rem;font-weight:400;margin-bottom:5px;animation:lgn-fadeIn .8s ease-out .3s backwards}.lgn-title{color:#4f46e5;font-size:1rem;font-weight:700;margin-bottom:8px;line-height:1.3;animation:lgn-fadeIn .8s ease-out .4s backwards}.lgn-subtitle{color:#666;font-size:.95rem;font-weight:400;margin-bottom:0;animation:lgn-fadeIn .8s ease-out .5s backwards}.lgn-login-instruction{text-align:left;color:#333;font-size:.95rem;font-weight:500;margin-bottom:25px;animation:lgn-fadeIn .8s ease-out .6s backwards}@keyframes lgn-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lgn-form-group{margin-bottom:20px;animation:lgn-fadeIn .8s ease-out .7s backwards}.lgn-label{display:block;margin-bottom:8px;color:#1a1a1a;font-weight:600;font-size:.95rem}.lgn-input{width:100%;padding:14px 18px;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;transition:all .3s ease;background:#f8fafc;color:#2d3748;font-style:italic}.lgn-input::placeholder{color:#a0aec0;font-style:italic}.lgn-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a;background:#fff}.lgn-password-wrapper{position:relative}.lgn-password-wrapper .lgn-input{padding-right:50px}.lgn-eye-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;color:#666;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.lgn-eye-button:hover{color:#4f46e5}.lgn-button-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;animation:lgn-fadeIn .8s ease-out .8s backwards}.lgn-button{padding:14px 40px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #4f46e54d;width:auto}.lgn-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #4f46e566}.lgn-button:active{transform:translateY(0)}.lgn-forgot{text-align:left;animation:lgn-fadeIn .8s ease-out .9s backwards}.lgn-forgot a{color:#666;font-size:.9rem;text-decoration:none;transition:color .3s ease;font-weight:500}.lgn-forgot a:hover{color:#4f46e5;text-decoration:underline}.lgn-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e2e8f0;color:#666;font-size:.85rem;animation:lgn-fadeIn .8s ease-out 1s backwards}.lgn-footer a{color:#4f46e5;text-decoration:none;font-weight:500;transition:color .3s ease}.lgn-footer a:hover{color:#6366f1;text-decoration:underline}.lgn-version{text-align:center;margin-top:12px;color:#999;font-size:.75rem;animation:lgn-fadeIn .8s ease-out 1.1s backwards}.lgn-footer-bottom{position:fixed;bottom:0;left:0;width:100%;background:#0000004d;padding:15px 40px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:.85rem;z-index:10}.lgn-footer-left p,.lgn-footer-center p,.lgn-footer-right a{margin:0;color:#fff}.lgn-footer-right a{text-decoration:none;transition:color .3s ease;font-weight:500}.lgn-footer-right a:hover{color:#4f46e5;text-decoration:underline}.lgn-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:lgn-modalFadeIn .3s ease-out}@keyframes lgn-modalFadeIn{0%{opacity:0}to{opacity:1}}.lgn-modal-content{background:linear-gradient(135deg,#fff,#f8fafc);padding:2.5rem 3rem;border-radius:20px;box-shadow:0 20px 60px #0000004d;text-align:center;max-width:380px;width:90%;border:1px solid rgba(255,255,255,.3);animation:lgn-modalSlideUp .5s cubic-bezier(.34,1.56,.64,1)}@keyframes lgn-modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.lgn-modal-checkmark-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.lgn-modal-checkmark{width:64px;height:64px;stroke:#4bb543;stroke-width:4;stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round;fill:none;filter:drop-shadow(0 4px 8px rgba(75,181,67,.3))}.lgn-modal-checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:4;stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round;fill:none;animation:lgn-stroke .6s cubic-bezier(.65,0,.45,1) forwards}.lgn-modal-checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:lgn-stroke .3s cubic-bezier(.65,0,.45,1) .6s forwards}@keyframes lgn-stroke{to{stroke-dashoffset:0}}.lgn-modal-content h2{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:.8rem;line-height:1.4;animation:lgn-textFadeIn .6s ease-out .3s backwards}.lgn-modal-content p{color:#4a5568;font-size:1rem;font-weight:500;animation:lgn-textFadeIn .6s ease-out .5s backwards}@keyframes lgn-textFadeIn{0%{opacity:0}to{opacity:1}}.mbl-lgn-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#000000b3,#0006),url("/assets/kantor_icp(landscape2)-H3kZIvM7.webp");background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;padding:20px}.mbl-lgn-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:35px 30px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.5);animation:mbl-lgn-slideUpFadeIn .6s cubic-bezier(.16,1,.3,1)}@keyframes mbl-lgn-slideUpFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.mbl-lgn-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:30px}.mbl-lgn-logo{width:50px;height:auto;flex-shrink:0;margin-top:3px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15));animation:mbl-lgn-fadeIn .8s ease-out .2s backwards}.mbl-lgn-header-text{flex:1;text-align:left}.mbl-lgn-welcome{color:#1a1a1a;font-size:.9rem;font-weight:400;margin-bottom:5px;animation:mbl-lgn-fadeIn .8s ease-out .3s backwards}.mbl-lgn-title{color:#4f46e5;font-size:1.4rem;font-weight:700;margin-bottom:8px;line-height:1.3;animation:mbl-lgn-fadeIn .8s ease-out .4s backwards}.mbl-lgn-subtitle{color:#666;font-size:.85rem;font-weight:400;animation:mbl-lgn-fadeIn .8s ease-out .5s backwards}@keyframes mbl-lgn-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mbl-lgn-form-group{margin-bottom:18px;animation:mbl-lgn-fadeIn .8s ease-out .6s backwards}.mbl-lgn-label{display:block;margin-bottom:8px;color:#1a1a1a;font-weight:600;font-size:.9rem}.mbl-lgn-input{width:100%;padding:13px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:.9rem;transition:all .3s ease;background:#f8fafc;color:#2d3748;font-style:italic}.mbl-lgn-input::placeholder{color:#a0aec0;font-style:italic}.mbl-lgn-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a;background:#fff}.mbl-lgn-password-wrapper{position:relative}.mbl-lgn-password-wrapper .mbl-lgn-input{padding-right:50px}.mbl-lgn-eye-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;color:#666;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.mbl-lgn-eye-button:hover{color:#4f46e5}.mbl-lgn-button{width:100%;padding:15px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px;box-shadow:0 6px 20px #4f46e54d;animation:mbl-lgn-fadeIn .8s ease-out .7s backwards}.mbl-lgn-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #4f46e566}.mbl-lgn-button:active{transform:translateY(0)}.mbl-lgn-forgot{text-align:center;margin-top:16px;animation:mbl-lgn-fadeIn .8s ease-out .8s backwards}.mbl-lgn-forgot a{color:#666;font-size:.85rem;text-decoration:none;transition:color .3s ease;font-weight:500}.mbl-lgn-forgot a:hover{color:#4f46e5;text-decoration:underline}.mbl-lgn-warning{text-align:center;margin-top:20px;padding:12px;background:#fff3cdcc;border-radius:10px;border-left:4px solid #f59e0b;animation:mbl-lgn-fadeIn .8s ease-out .9s backwards}.mbl-lgn-warning p{color:#92400e;font-size:.8rem;line-height:1.5;margin:0}.mbl-lgn-footer{text-align:center;margin-top:25px;padding-top:18px;border-top:1px solid #e2e8f0;color:#666;font-size:.8rem;animation:mbl-lgn-fadeIn .8s ease-out 1s backwards}.mbl-lgn-footer-bottom{position:fixed;bottom:0;left:0;width:100%;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;text-align:center;color:#fff;font-size:.75rem;z-index:10}.mbl-lgn-footer-bottom p{margin:0;color:#fff}@media (max-width: 480px){.mbl-lgn-card{padding:30px 25px}.mbl-lgn-title{font-size:1.3rem}.mbl-lgn-input,.mbl-lgn-button{font-size:.85rem}}@media (max-width: 1024px){.lgn-container{justify-content:center;padding:20px}}@media (max-width: 768px){.lgn-container{justify-content:center;padding:20px}.lgn-card{max-width:500px;padding:35px 40px}.lgn-title{font-size:1.6rem}}.mobile-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobile-warning-modal{background:#fff;border-radius:12px;padding:32px;max-width:400px;width:90%;box-shadow:0 10px 25px #0003;text-align:center;animation:slideIn .3s ease-out}.mobile-warning-icon{margin-bottom:16px}.mobile-warning-title{font-size:20px;font-weight:600;color:#333;margin-bottom:16px}.mobile-warning-message{font-size:14px;color:#666;line-height:1.5;margin-bottom:20px}.mobile-warning-list{text-align:left;margin-bottom:24px;padding-left:20px}.mobile-warning-list li{font-size:14px;color:#555;margin-bottom:8px}.mobile-warning-actions{display:flex;justify-content:center}.mobile-warning-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.mobile-warning-button-primary:hover{background-color:#0056b3;transform:translateY(-1px)}@media (max-width: 480px){.mobile-warning-modal{padding:24px;margin:16px}.mobile-warning-title{font-size:18px}.mobile-warning-message{font-size:13px}}.rental-management{display:flex;overflow:hidden}.container{flex-grow:1;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;background:linear-gradient(to bottom,#f7fafc,#edf2f7);overflow-x:hidden}.content{flex:1 1 auto;flex-direction:column;min-width:inherit;max-width:inherit;padding:20px;margin-left:10px;height:fit-content;box-sizing:border-box}.year-filter{display:flex;align-items:center;gap:15px;background:#fff3;padding:15px 25px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);position:relative;z-index:1;transition:all .3s ease}.year-filter:hover{background:#ffffff4d;transform:translateY(-2px)}.year-filter select{background:#fffffff2;border:none;padding:12px 18px;border-radius:25px;font-size:15px;font-weight:600;outline:none;cursor:pointer;transition:all .3s ease;color:#4a5568;min-width:100px}.year-filter select:hover{background:#fff;transform:translateY(-1px);box-shadow:0 5px 15px #0000001a}.table-head-navigation{background:transparent;border-radius:20px;padding:0;margin-bottom:20px;box-shadow:0 10px 25px #0000001a,0 0 0 1px #667eea1a;border:1px solid rgba(102,126,234,.1);position:relative;overflow:hidden}.search-input-and-filter-wrapper{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;gap:20px;flex-wrap:wrap;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a}.search-input-wrapper-rental{position:relative;display:flex;align-items:center;flex:1;min-width:400px;max-width:600px}.search-icon-rental{position:absolute;left:18px;color:#94a3b8;z-index:1;transition:color .3s ease}.search-input-rental{width:100%;padding:14px 50px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;outline:none;transition:all .3s ease;background:#f8fafc;color:#1e293b;font-weight:500}.search-input-rental::placeholder{color:#94a3b8;font-weight:400}.search-input-rental:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea14}.search-input-rental:focus~.search-icon-rental{color:#667eea}.clear-search-rental{position:absolute;right:14px;background:#ef4444;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2}.clear-search-rental:hover{background:#dc2626;transform:scale(1.1)}.clear-search-rental:active{transform:scale(.95)}.filter-wrapper{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-icon{color:#667eea;flex-shrink:0}.master-filter-select{padding:12px 40px 12px 16px;border-radius:10px;min-width:180px;background:#fff;border:2px solid #e2e8f0;font-size:13px;font-weight:600;color:#334155;outline:none;cursor:pointer;transition:all .3s ease;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23334155' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px}.master-filter-select:hover{background-color:#f8fafc;border-color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #667eea26}.master-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea14}.master-filter-select option{padding:10px;background:#fff;color:#334155;font-weight:500}.master-filter-select option:hover{background:#667eea;color:#fff}.master-filter-select option:checked{background:#667eea;color:#fff}.tabs{display:flex;background:#fff;padding:16px;border-radius:20px;box-shadow:0 10px 25px #0000001a,0 0 0 1px #667eea1a;position:relative;overflow:hidden}.tabs span{font-size:13px}.tab-button{flex:1;padding:12px;background:transparent;border:none;border-radius:15px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);color:#64748b;position:relative;overflow:hidden;text-transform:capitalize;letter-spacing:.5px}.tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.tab-button.active{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;transform:translateY(-3px);box-shadow:0 15px 30px #667eea66}.tab-button.active:before{left:100%}.tab-button:hover:not(.active){background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.card{background:#fff;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #667eea1a;overflow:hidden;border:1px solid rgba(102,126,234,.1);position:relative;animation:slideIn .6s ease-out}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.card-header{background:#fff;padding:20px 35px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.card-header h2{margin:0;font-size:24px;font-weight:700;color:#1e293b;letter-spacing:-.5px}.table-container{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 410px);overflow-y:auto;box-sizing:border-box}.table-controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:center;margin:10px 0}.table-controls label,.table-controls span{color:#64748b;font-size:15px;font-weight:500;margin-right:10px}.table-controls select,.table-controls input[type=search]{padding:6px 12px;border:1px solid #e2e8f0;border-radius:20px;font-size:14px;font-weight:500;color:#1e293b;outline:none}.stats{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.stats-item{color:#64748b;font-size:15px;font-weight:500}.stats-item strong{color:#667eea;font-weight:700;font-size:18px}.search-info{background:#fef3c7;color:#92400e;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;border:1px solid #fbbf24}.data-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:auto;word-wrap:break-word;overflow-y:visible}.data-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.data-table th{padding:20px 18px;text-align:left;font-size:12px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb;border:1px solid #ccc;background-color:#f5f5f5;position:sticky;top:0;z-index:8;box-shadow:inset 0 -1px #e5e7eb;vertical-align:middle}.data-table td{padding:20px 18px;border:1px solid #d2d3d4;color:#374151;font-size:12px;font-weight:500;transition:all .3s ease;vertical-align:middle;text-align:left}.data-table tbody tr{transition:all .3s ease}.data-table .text-center{text-align:center}.serial-number{color:#667eea;font-weight:600;font-size:16px;text-align:center;width:60px;position:sticky;left:0;background:#fff;z-index:5;border-right:1px solid #e5e7eb;box-shadow:2px 0 5px #0000000d;border-radius:0 24px 0 0;transition:all .3s ease}.monthly-table-container{width:100%;overflow-x:auto;margin-top:1rem}.monthly-data-table{width:100%;border-collapse:collapse;font-size:14px;min-width:900px}.monthly-data-table thead{position:sticky;top:0;background:#f8f9fa;z-index:2}.monthly-data-table th,.monthly-data-table td{padding:8px 12px;border:1px solid #ddd;text-align:center;white-space:nowrap}.monthly-data-table th{background:#eaeaea;font-weight:600}.monthly-data-table tr:nth-child(2n){background-color:#fdfdfd}.monthly-data-table tr:nth-child(odd){background-color:#fafafa}.items-table{width:100vw;max-width:100vw;border-collapse:collapse;font-size:14px;table-layout:auto;word-wrap:break-word;margin-bottom:20px;border:2px solid #000}.items-table th{background-color:#0c6;color:#fff;font-weight:700;padding:10px;text-align:center;border:2px solid #000;font-size:14px}.items-table td{padding:10px;border:2px solid #000;text-align:center;font-size:10px}button{cursor:pointer;transition:all .3s ease;background-color:#667eea;color:#fff;border:none;padding:10px 20px}button,.view-btn,.delete-btn,.edit-btn{padding:6px 12px;font-size:.875rem}.action-buttons{display:flex;gap:8px;justify-content:center;align-items:center}.view-btn{display:inline-flex;align-items:center;gap:6px;background-color:#17a2b8;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:8px;position:relative;overflow:hidden}.view-btn:hover{background-color:#138496;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.view-btn:active{transform:translateY(0)}.edit-btn{background-color:#27ae60}.edit-btn:hover{background-color:#1e8449}.delete-btn{display:inline-flex;align-items:center;gap:6px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:15px}.delete-btn:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.delete-btn:active{transform:translateY(0)}.update-payment-btn{background-color:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease;margin:2px}.update-payment-btn:hover{background-color:#0056b3;opacity:.8}.update-po-btn{background-color:green;color:#fff;padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;align-items:center;gap:6px;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a;text-decoration:none}.update-po-btn:hover{background-color:#006000;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.update-po-btn:active{transform:translateY(0)}.update-po-btn:disabled{background-color:#94a3b8;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.update-po-btn:disabled:hover{transform:none}.update-po-btn .loading-spinner{display:none;border:2px solid rgba(255,255,255,.5);border-left-color:#fff;width:16px;height:16px;animation:spin 1s linear infinite}.update-invoice-btn{background-color:#17a2b8;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s;margin:2px}.update-invoice-btn:hover{background-color:#138496;opacity:.8}.print-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.print-btn:hover{background-color:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.print-btn:active{transform:translateY(0)}.inline-action-buttons{display:flex;justify-content:center;align-items:center;gap:8px}.button-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:fit-content}.button-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.action-btn{display:flex;justify-content:center;align-items:center;width:48px;height:48px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:18px}.action-btn.primary{background-color:#007bff;color:#fff}.action-btn.primary:hover{background-color:#0056b3}.action-btn.secondary{background-color:#6c757d;color:#fff}.action-btn.secondary:hover{background-color:#5a6268}.action-btn.info{background-color:#17a2b8;color:#fff}.action-btn.info:hover{background-color:#138496}.action-btn.warning{background-color:#ffc107;color:#333}.action-btn.warning:hover{background-color:#e0a800}.action-btn.danger{background-color:#dc3545;color:#fff}.action-btn.danger:hover{background-color:#c82333}.status-badge{padding:4px 12px;font-size:14px;font-weight:600;border-radius:12px;color:#fff;display:inline-block;min-width:70px;text-align:center}.status-badge.active{background-color:#28a745}.status-badge.inactive{background-color:#dc3545}.paid-rental{background-color:#28a745!important;color:#fff!important}.paid-rental td{color:#fff!important}.expired-rental{background-color:#8b0000!important;color:#fff!important}.expired-rental td{color:#fff!important}.week-left-rental{background-color:#f66!important;color:#fff!important}.week-left-rental td{color:#fff!important}.month-left-rental{background-color:#ffcccb!important}.status-biru{background-color:#00f;color:#fff;padding:2px 6px;border-radius:4px;display:inline-block}.status-hijau{background-color:green;color:#fff;padding:2px 6px;border-radius:4px;display:inline-block}.status-merah{background-color:red;color:#fff;padding:2px 6px;border-radius:4px;display:inline-block}.paid-label{background-color:#28a745;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;display:inline-block}.outstanding{font-weight:700;color:#dc3545}.status-dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;vertical-align:middle}.status-dot.paid{background-color:green}.status-dot.expired{background-color:#9e0202}.status-dot.week-left{background-color:#ffac39}.status-dot.month-left{background-color:#9e50e2}.po-change-indicator{display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:1.2}.po-old{color:#dc3545;background-color:#f8d7da;padding:2px 6px;border-radius:3px;border:1px solid #f5c6cb}.po-new{color:#155724;background-color:#d4edda;padding:2px 6px;border-radius:3px;border:1px solid #c3e6cb}.po-arrow{text-align:center;color:#6c757d;font-weight:700;font-size:14px}.po-change-badge{background-color:#fff3cd;color:#856404;padding:2px 6px;border-radius:3px;border:1px solid #ffeaa7;font-size:10px;text-align:center;font-weight:700}.po-normal{padding:4px 8px;background-color:#f8f9fa;border-radius:3px;border:1px solid #dee2e6;color:#495057;font-size:12px}.po-label{font-weight:700;font-size:10px;text-transform:uppercase}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{background:#fff;border-radius:16px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;animation:fadeIn .3s ease-out}.modal-small{max-width:500px}.view-modal{max-width:800px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.payment-update-modal{max-width:500px;width:90%}.modal-header{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;position:relative}.modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.modal-header h3{margin:0;font-size:20px;font-weight:600;letter-spacing:-.025em;position:relative;z-index:1}.modal-body{overflow-y:auto;flex-grow:1;padding:28px;max-height:calc(100vh - 160px);width:100%;box-sizing:border-box}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-body:has(.rental-info-card){padding-top:20px}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:20px 28px;display:flex;justify-content:flex-end;gap:12px;width:100%;box-sizing:border-box}.close-btn{background:transparent;width:34px;border:none;font-size:24px;cursor:pointer;color:#fff;padding:4px;border-radius:4px;transition:all .4s ease}.close-btn:hover{background-color:red;color:#fff}.close-btn:active{transform:scale(.95)}.cancel-btn{background:red;color:#fff;border:1px solid #e2e8f0;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#be0000;color:#fff;transform:translateY(-1px)}.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.cancel-btn:disabled:hover{transform:none}.save-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:none;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 6px -1px #667eea4d}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 15px -3px #667eea66;background-color:#218838}.save-btn:active{transform:translateY(0)}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:#94a3b8}.save-btn:disabled:hover{transform:none}.form-section{margin-top:24px}.form-section h4{margin:0 0 20px;color:#1e293b;font-size:16px;font-weight:600;padding-bottom:8px;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:8px}.form-section h4:before{content:"📝";font-size:18px}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#374151;letter-spacing:.025em}.form-group label:after{content:"*";color:#ef4444;margin-left:2px;display:none}.form-group label[for*=required]:after,.form-group label:has(+input[required]):after{display:inline}.form-group input,.form-group select,.form-group textarea,.form-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease;background:#fff;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#cbd5e1}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.form-group input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.form-group input[type=number]::-webkit-outer-spin-button,.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;font-style:italic}.form-group .checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef;transition:background-color .2s ease}.form-group .checkbox-label input[type=checkbox]{margin-right:10px;cursor:pointer;width:20px;height:20px;accent-color:#007bff;border:2px solid #ddd;border-radius:4px;background-color:#fff;transition:border-color .2s ease}.form-group .checkbox-label input[type=checkbox]:checked{background-color:#007bff;border-color:#007bff}.form-group .checkbox-label:hover{background-color:#e2e8f0}.form-group .checkbox-label:active{background-color:#d1d5db}.payment-update-form{display:flex;flex-direction:column;gap:20px}.payment-update-form .form-group{display:flex;flex-direction:column;gap:8px}.payment-update-form .form-group label{font-weight:600;color:#333;font-size:14px}.payment-update-form .month-display{background-color:#f8f9fa;padding:10px;border-radius:6px;border:1px solid #e9ecef;font-weight:500;color:#495057}.payment-update-form .checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef;transition:background-color .2s ease}.payment-update-form .checkbox-label:hover{background-color:#e9ecef}.payment-update-form .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.payment-update-form .checkbox-text{font-weight:500;color:#495057}.payment-update-form .info-note{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:10px;margin-top:10px}.payment-update-form .info-note small{color:#856404;font-size:12px}.user-info-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:24px}.user-info-container h4{margin:0 0 16px;color:#1e293b;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.user-info-container h4:before{content:"👤";font-size:18px}.info-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.info-grid-container>div{display:flex;flex-direction:column;gap:4px}.info-grid-container label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.info-grid-container span{font-size:14px;font-weight:500;color:#1e293b;padding:6px 0}.rental-info-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;margin-bottom:25px;box-shadow:0 10px 25px #667eea4d,0 0 0 1px #ffffff1a;overflow:hidden;position:relative;animation:slideInFromTop .6s ease-out}.rental-info-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;pointer-events:none}.rental-info-header{background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.rental-info-header h4{margin:0;color:#fff;font-size:18px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.rental-info-content{padding:24px;position:relative;z-index:1}.rental-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.rental-info-item{background:#fffffff2;border-radius:12px;padding:18px 20px;box-shadow:0 4px 12px #0000001a,0 0 0 1px #fff3;transition:all .3s ease;position:relative;overflow:hidden}.rental-info-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.rental-info-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026,0 0 0 1px #ffffff4d}.rental-info-item label{display:block;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.rental-info-item span{display:block;font-size:16px;font-weight:700;color:#1e293b;line-height:1.4;word-break:break-word}.rental-info-card+.table-container{margin-top:0}.quotation-print{background:#fff;padding:30px;font-family:Arial,sans-serif;color:#000;max-width:800px;margin:0 auto}.print-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #000}.company-logo img{height:60px;width:150px;object-fit:contain}.company-info{text-align:right}.company-info h2{font-size:18px;font-weight:700;margin:0 0 5px}.company-info p{font-size:12px;margin:0;line-height:1.4;color:#000}.quotation-title{text-align:center;margin:30px 0}.quotation-title h1{font-size:28px;font-weight:700;margin:0 0 10px;text-decoration:underline}.quotation-title p{font-size:14px;margin:0}.quotation-date{text-align:left;margin-bottom:20px;font-size:14px}.info-grid,.address-grid,.terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:20px;border:2px solid #000}.info-section,.address-section,.terms-section{border-right:2px solid #000}.info-section:last-child,.address-section:last-child,.terms-section:last-child{border-right:none}.section-header{background-color:#0c6;color:#fff;padding:8px 12px;font-weight:700;font-size:14px;text-align:center;border-bottom:2px solid #000}.section-content{padding:12px;min-height:60px}.section-content p{margin:0;font-size:14px;line-height:1.6}.company-name{font-weight:700;color:#000}.terms-grid{grid-template-columns:1fr 1fr 1fr}.print-footer{margin-top:30px;font-size:14px}.print-footer p{margin:5px 0}.regards{margin:20px 0;font-weight:700}.signature-section{margin-top:60px}.sign-name{font-weight:700;text-decoration:underline;margin-bottom:5px}.custom-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;white-space:nowrap;margin-bottom:8px;z-index:1000;pointer-events:none}.tooltip-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #333}.tooltip-content{position:relative}.notes{background:#fff8d8;color:#8a6d3b;padding:20px;margin-bottom:20px;border-radius:8px;font-size:14px;font-weight:500;text-align:left;box-shadow:0 1px 4px #0000001a;border:1px solid #ffeeba}.notes .highlight{font-weight:700}.rental-note{background:#fff;border-left:6px solid #dc3545;border-radius:10px;padding:1rem 1.5rem;margin:1rem 0;box-shadow:0 4px 10px #00000014;font-size:14px;line-height:1.6}.rental-note .note-header{font-size:16px;font-weight:700;margin-bottom:.75rem;color:#dc3545;display:flex;align-items:center;gap:6px}.rental-note ul{color:#8a6d3b;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;text-align:left;margin:0;padding-left:1.2rem}.rental-note li{margin-bottom:.6rem;color:#444}.rental-note b{color:#222}.important-note ul{color:#a94442;padding:20px;border-radius:8px;font-size:14px;font-weight:500;text-align:left}.important-note li{margin-bottom:8px;line-height:1.4;list-style-type:disc;margin-left:20px}.maintenance-message{background-color:#fff3cd;border:1px solid #ffeeba;padding:15px 20px;border-radius:8px;color:#856404;font-size:14px;margin-bottom:20px;box-shadow:0 2px 6px #0000001a}.maintenance-message strong{font-weight:600}.maintenance-message h1{font-size:20px;margin-bottom:10px;color:#856404;font-weight:600}.loading-animation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-size:16px;color:#333}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#0c6;border-radius:50%;width:36px;height:36px;animation:spin 1s linear infinite;margin-bottom:10px}.developer-tools-section{padding:16px 24px;background:linear-gradient(135deg,#fef2f2,#fff1f2);text-align:center;margin-top:0}.developer-link{color:#dc2626;text-decoration:none;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;transition:all .3s ease;border:2px dashed #dc2626;background:#fef2f2;position:relative;overflow:hidden;box-shadow:0 2px 4px #dc26261a;animation:pulse-red 2s ease-in-out infinite}.developer-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(220,38,38,.1),transparent);transition:left .5s ease}.developer-link:hover{background:#fee2e2;border-color:#b91c1c;border-style:solid;color:#991b1b;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px #dc262633;animation:none}.developer-link:hover:before{left:100%}.developer-link:active{transform:translateY(0) scale(.98);box-shadow:0 2px 4px #dc262626}.developer-link-badge{display:inline-block;padding:6px 12px;background:#dc2626;color:#fff;border-radius:4px;font-size:11px;font-weight:600;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.dropdown-item{padding:10px 20px;margin:8px 0;cursor:pointer;transition:background-color .3s ease}.dropdown-item:hover{background-color:#f1f5f9;color:#1e293b}.action-cell{position:relative;padding:12px!important;overflow:visible}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-red{0%,to{box-shadow:0 2px 4px #dc26261a}50%{box-shadow:0 2px 12px #dc26264d}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px) and (max-width: 1400px){.container{width:82vw}.header h1{font-size:2rem}.card-header h2{font-size:18px}.rental-info-header h4{font-size:14px}.rental-info-item span{font-size:13px}.rental-info-item label{font-size:12px}.data-table th,.data-table td{font-size:13px;padding:12px 10px}.serial-number{width:70px;font-size:15px}button,.view-btn,.delete-btn,.edit-btn{font-size:13px;padding:6px 12px}.year-filter{flex-direction:row;align-items:center;padding:10px 15px;justify-content:flex-start;gap:10px}.year-filter select,.tab-button{font-size:14px;padding:8px 12px}.search-input-and-filter-wrapper{padding:18px 25px;gap:16px}.search-input-wrapper-rental{min-width:320px;max-width:500px}.search-input-rental{font-size:13px;padding:13px 45px 13px 48px}.search-icon-rental{left:16px}.clear-search-rental{right:12px;width:22px;height:22px;font-size:15px}.master-filter-select{min-width:160px;font-size:12px;padding:11px 36px 11px 14px}.filter-icon{width:20px;height:20px}.print-header{flex-direction:row;justify-content:space-between}.company-info{text-align:right}.items-table{font-size:14px}.items-table th,.items-table td{padding:10px}.action-buttons{flex-direction:row;justify-content:center;gap:10px}.delete-btn,.edit-btn,.view-btn{width:auto;margin-bottom:0}.rental-info-content{padding:20px}.rental-info-header{padding:14px 20px}.rental-info-item{padding:16px 18px}.rental-info-item span{font-size:15px}.button-row{gap:6px}.action-btn{width:40px;height:40px}.po-change-indicator{font-size:10px}.po-change-badge{font-size:9px}.po-normal{font-size:11px;padding:3px 6px}.update-payment-btn,.update-po-btn,.update-invoice-btn{font-size:11px;padding:4px 8px}}@media (min-width: 1200px){.data-table th,.data-table td{padding:8px 12px;font-size:.875rem}.serial-number{width:80px;font-size:16px}}@media (min-width: 1440px){.view-modal{width:1000px;height:100vh}.modal-body{padding:20px}.quotation-print{padding:40px}.print-header{justify-content:space-between}.company-info{text-align:right;margin-top:0}.info-grid,.address-grid{grid-template-columns:repeat(2,1fr)}.terms-grid{grid-template-columns:repeat(3,1fr)}.items-table{font-size:14px}.items-table th,.items-table td{padding:10px;font-size:12px}}@media print{@page{size:F5;margin:0}body{margin:0;padding:20mm;font-size:12pt}.menu,.footer,.print-quotation,.date-info,.about-blank,.hidden-print{display:none!important}.quotation-print{padding:0;margin:0;width:100%;height:auto}.items-table{width:100%;border-collapse:collapse;margin-bottom:20px}.items-table th,.items-table td{border:1px solid black;padding:8px;text-align:left}}.give-me-some-space{margin-bottom:20px;margin-top:30px}.tabnotes-wrapper{background:#fff;border-radius:12px;margin-bottom:20px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 2px 8px #4f46e512,0 1px 3px #0000000d}.tabnotes-wrapper:before{content:"";display:block;height:3px;background:linear-gradient(90deg,#4f46e5,#667eea 60%,#a5b4fc)}.tabnotes-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 20px;background:#f8fafc;border:none;border-bottom:1px solid #e2e8f0;cursor:pointer;color:#1e293b;text-align:left;transition:background .18s ease;gap:12px}.tabnotes-header:hover{background:#f1f5f9}.tabnotes-header:focus-visible{outline:2px solid #4f46e5;outline-offset:-2px}.tabnotes-wrapper:has(.tabnotes-body--closed) .tabnotes-header{border-bottom-color:transparent}.tabnotes-header-left{display:flex;align-items:center;gap:12px}.tabnotes-tab-icon{font-size:20px;line-height:1;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#eef2ff;border:1px solid #c7d2fe}.tabnotes-header-text{display:flex;flex-direction:column;gap:1px}.tabnotes-eyebrow{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#4f46e5;line-height:1}.tabnotes-title{font-size:13.5px;font-weight:700;color:#1e293b;line-height:1.3}.tabnotes-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.tabnotes-toggle-hint{font-size:11px;font-weight:500;color:#94a3b8;white-space:nowrap}.tabnotes-chevron{color:#94a3b8;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.tabnotes-chevron--open{transform:rotate(180deg)}.tabnotes-body{overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease}.tabnotes-body--open{max-height:600px;opacity:1}.tabnotes-body--closed{max-height:0;opacity:0}.tabnotes-content{padding:16px 20px 18px;background:#fff;transition:opacity .22s ease}.tabnotes-content--fade-out{opacity:0}.tabnotes-content--fade-in{opacity:1}.tabnotes-description{margin:0 0 14px;font-size:13px;font-weight:400;color:#475569;line-height:1.7;padding:10px 14px;background:#fafaf7;border-radius:8px;border-left:3px solid #a5b4fc}.tabnotes-divider{height:1px;background:#e2e8f0;margin-bottom:14px}.tabnotes-notes-header{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#f59e0b;margin-bottom:10px}.tabnotes-notes-header svg{color:#f59e0b;flex-shrink:0}.tabnotes-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:7px}.tabnotes-list-item{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:#374151;line-height:1.65;padding:8px 12px;background:#f8fafc;border-radius:7px;border:1px solid #e2e8f0;transition:border-color .15s ease,background .15s ease}.tabnotes-list-item:hover{background:#f1f5f9;border-color:#c7d2fe}.tabnotes-bullet{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:50%;background:#eef2ff;color:#4f46e5;font-size:10px;font-weight:700;flex-shrink:0;margin-top:1px;font-variant-numeric:tabular-nums;border:1px solid #c7d2fe}.tabnotes-tutorial-link{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;text-decoration:none;font-size:12px;font-weight:600;color:#4f46e5;transition:background .2s ease,border-color .2s ease,color .2s ease;cursor:pointer}.tabnotes-tutorial-link:hover{background:#e0e7ff;border-color:#4f46e5;color:#3730a3;text-decoration:none}.tabnotes-tutorial-link svg{flex-shrink:0}.tabnotes-tutorial-placeholder{display:flex;align-items:flex-start;gap:8px;padding:8px 14px;background:#fafaf7;border:1px dashed #d1d5db;border-radius:8px;font-size:12px;color:#6b7280;line-height:1.55}.tabnotes-tutorial-placeholder svg{flex-shrink:0;margin-top:1px;color:#9ca3af}.tabnotes-tutorial-placeholder em{color:#9ca3af;font-style:italic}@media (min-width: 768px) and (max-width: 1400px){.tabnotes-header{padding:11px 18px}.tabnotes-tab-icon{font-size:18px;width:32px;height:32px}.tabnotes-title{font-size:13px}.tabnotes-content{padding:14px 18px 16px}.tabnotes-description{font-size:12.5px}.tabnotes-list-item{font-size:12px;padding:7px 10px}}@media (prefers-reduced-motion: reduce){.tabnotes-body,.tabnotes-chevron,.tabnotes-content{transition:none}}.uim-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);height:100vh;z-index:9998;animation:fadeIn .2s ease-out}.uim-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;width:90%;max-width:500px;z-index:9999;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.uim-header{padding:24px 28px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.uim-header-content{display:flex;align-items:center;gap:14px}.uim-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.uim-header h3{margin:0;font-size:22px;font-weight:700;letter-spacing:-.5px}.uim-close-btn{background:#fff3;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s;flex-shrink:0}.uim-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.uim-close-btn:active{transform:rotate(90deg) scale(.95)}.uim-form{padding:28px;background:#fafafa}.uim-form-group{margin-bottom:24px}.uim-form-group:last-of-type{margin-bottom:0}.uim-form-group label{display:block;margin-bottom:10px;font-weight:600;color:#2c3e50;font-size:14px;letter-spacing:.3px}.uim-required{color:#e74c3c;margin-left:2px}.uim-input,.uim-input-disabled{width:100%;padding:14px 18px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s;font-family:inherit;background:#fff;box-sizing:border-box}.uim-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.uim-input::placeholder{color:#bdc3c7}.uim-input-disabled{background:#ecf0f1;color:#7f8c8d;cursor:not-allowed;border-color:#dfe6e9}.uim-input[type=date]{position:relative;cursor:pointer}.uim-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .2s}.uim-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.uim-footer{display:flex;gap:12px;justify-content:flex-end;padding:24px 28px;border-top:1px solid #e0e0e0;background:#fff}.uim-btn-cancel,.uim-btn-submit{padding:12px 28px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.3px;position:relative;overflow:hidden}.uim-btn-cancel{background:#ecf0f1;color:#34495e;border:2px solid transparent}.uim-btn-cancel:hover{background:#bdc3c7;transform:translateY(-1px)}.uim-btn-cancel:active{transform:translateY(0)}.uim-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d;position:relative}.uim-btn-submit:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5568d3,#6a3e8c);opacity:0;transition:opacity .3s}.uim-btn-submit:hover:before{opacity:1}.uim-btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.uim-btn-submit:active{transform:translateY(-1px)}.uim-btn-submit span{position:relative;z-index:1}@media (max-width: 768px){.uim-modal{width:95%;max-width:none;margin:10px}.uim-header{padding:20px}.uim-header h3{font-size:18px}.uim-form{padding:20px}.uim-footer{flex-direction:column-reverse;gap:10px;padding:20px}.uim-btn-cancel,.uim-btn-submit{width:100%;padding:14px 24px}}@media (max-width: 480px){.uim-modal{width:100%;max-height:90vh;overflow-y:auto}.uim-header,.uim-form{padding:18px}.uim-input,.uim-input-disabled{font-size:16px}}.uim-input:focus-visible,.uim-btn-cancel:focus-visible,.uim-btn-submit:focus-visible{outline:3px solid #667eea;outline-offset:2px}.uim-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.uim-btn-submit:disabled:hover{box-shadow:0 4px 15px #667eea4d}.upm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.upm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:550px;max-height:90vh;overflow-y:auto;z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.upm-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0}.upm-header-content{display:flex;align-items:center;gap:12px;color:#fff}.upm-icon{background:#fff3;padding:8px;border-radius:8px}.upm-header h3{margin:0;font-size:20px;font-weight:600;color:#fff}.upm-close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.upm-close-btn:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.upm-close-btn:disabled{opacity:.5;cursor:not-allowed}.upm-form{padding:24px}.upm-info-box{background:linear-gradient(135deg,#f5f7fa,#e9ecef);border:1px solid #dee2e6;border-radius:10px;padding:16px;margin-bottom:24px}.upm-info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #dee2e6}.upm-info-row:last-child{border-bottom:none}.upm-info-label{color:#6c757d;font-size:14px;font-weight:500}.upm-info-value{color:#212529;font-size:14px;font-weight:600}.upm-price{color:#667eea;font-size:16px}.upm-form-group{margin-bottom:20px}.upm-form-group label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.upm-required{color:#ef4444;margin-left:2px}.upm-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}.upm-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.upm-input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.upm-input[type=date]{cursor:pointer}.upm-checkbox-group{margin-bottom:20px}.upm-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s}.upm-checkbox-label:hover{background-color:#f9fafb;border-color:#667eea}.upm-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.upm-checkbox:disabled{cursor:not-allowed}.upm-checkbox-label span{font-weight:600;color:#374151;font-size:14px}.upm-warning{display:flex;align-items:flex-start;gap:10px;padding:12px;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:8px;margin-bottom:20px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.upm-warning svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.upm-warning span{font-size:13px;color:#92400e;line-height:1.5}.upm-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e5e7eb}.upm-btn-cancel,.upm-btn-submit{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.upm-btn-cancel{background-color:#f3f4f6;color:#6b7280}.upm-btn-cancel:hover:not(:disabled){background-color:#e5e7eb}.upm-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.upm-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.upm-btn-cancel:disabled,.upm-btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 640px){.upm-modal{width:95%;max-height:95vh}.upm-header{padding:20px 16px 16px}.upm-form{padding:20px 16px}.upm-info-row{flex-direction:column;gap:4px}.upm-footer{flex-direction:column-reverse}.upm-btn-cancel,.upm-btn-submit{width:100%}}.pb-container{padding:28px;background:#f8f9fa;height:100%;overflow:auto;margin-bottom:20px}.pb-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 2px 8px #00000014}.pb-header-left h2{margin:0 0 8px;font-size:24px;color:#1a1a1a;font-weight:600}.pb-header-info{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.pb-header-actions{display:flex;align-items:center;gap:12px}.pb-import-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 8px #10b9814d}.pb-import-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.pb-import-btn:active{transform:translateY(0)}.pb-po-number{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#e3f2fd;color:#1976d2;border-radius:6px;font-weight:600;font-size:14px}.pb-company-name{color:#666;font-size:14px}.pb-close-btn{background:#f5f5f5;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:20px;color:#666;display:flex;align-items:center;justify-content:center;transition:all .2s}.pb-close-btn:hover{background:#e0e0e0;color:#333}.pb-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.pb-summary-card{background:#fff;padding:20px;border-radius:12px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.pb-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.pb-card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pb-card-blue .pb-card-icon{background:#e3f2fd;color:#1976d2}.pb-card-purple .pb-card-icon{background:#f3e5f5;color:#7b1fa2}.pb-card-green .pb-card-icon{background:#e8f5e9;color:#388e3c}.pb-card-orange .pb-card-icon{background:#fff3e0;color:#f57c00}.pb-card-content{flex:1}.pb-card-label{font-size:13px;color:#666;margin-bottom:4px}.pb-card-value{font-size:20px;font-weight:700;color:#1a1a1a}.pb-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.pb-table{width:100%;border-collapse:collapse}.pb-table thead{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.pb-table thead th{padding:16px 12px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.pb-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s;cursor:pointer}.pb-table tbody tr:hover{background-color:#f5f5f5}.pb-table tbody td{padding:14px 12px;font-size:14px;color:#333}.pb-row-expanded{background-color:#f8f9fa!important}.text-center{text-align:center}.text-right{text-align:right}.pb-text-success{color:#388e3c;font-weight:600}.pb-text-warning{color:#f57c00;font-weight:600}.pb-text-muted{color:#999;font-style:italic}.pb-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.pb-badge-primary{background:#e3f2fd;color:#1976d2}.pb-badge-info{background:#e0f2f1;color:#00796b}.pb-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.pb-status-success{background:#e8f5e9;color:#388e3c}.pb-status-pending{background:#fff3e0;color:#f57c00}.pb-action-buttons{display:flex;gap:8px;justify-content:center}.pb-action-btn{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pb-btn-invoice{background:#e3f2fd;color:#1976d2}.pb-btn-invoice:hover{background:#1976d2;color:#fff;transform:scale(1.05)}.pb-btn-payment{background:#e8f5e9;color:#388e3c}.pb-btn-payment:hover{background:#388e3c;color:#fff;transform:scale(1.05)}.pb-expanded-row td{padding:0!important;background:#f8f9fa}.pb-expanded-content{padding:24px;animation:expandRow .3s ease-out}@keyframes expandRow{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pb-expanded-content h4{margin:0 0 16px;font-size:16px;color:#333;display:flex;align-items:center;gap:8px}.pb-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.pb-item-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px;transition:all .2s}.pb-item-card:hover{border-color:#4f46e5;box-shadow:0 2px 8px #667eea26}.pb-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pb-item-sn{background:#f5f5f5;padding:4px 8px;border-radius:4px;font-size:12px;font-family:Courier New,monospace;color:#333}.pb-item-status{padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600}.pb-item-status-paid{background:#e8f5e9;color:#388e3c}.pb-item-status-unpaid{background:#fff3e0;color:#f57c00}.pb-item-spec{font-size:13px;color:#666;margin-bottom:8px;line-height:1.4}.pb-item-price{font-size:16px;font-weight:700;color:#1a1a1a;display:flex;align-items:baseline;gap:4px}.pb-item-price-label{font-size:11px;color:#999;font-weight:400}.pb-item-date{font-size:12px;color:#388e3c;margin-top:6px}.pb-no-data{text-align:center;padding:48px 20px!important;color:#999;font-style:italic}.pb-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.pb-spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite}.pb-change-po-btn{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 8px #10b9814d}.pb-change-po-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.pb-change-po-btn svg{flex-shrink:0}.pb-loading-container p{color:#666;font-size:14px}.pb-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;text-align:center}.pb-error-icon{color:#f44336}.pb-error-container h3{margin:0;color:#333;font-size:20px}.pb-error-container p{color:#666;margin:0;max-width:500px}.pb-retry-btn{padding:10px 24px;background:#4f46e5;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.pb-retry-btn:hover{background:#5568d3}@media (max-width: 1200px){.pb-summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.pb-container{padding:16px}.pb-header{flex-direction:column;gap:16px}.pb-summary-cards{grid-template-columns:1fr}.pb-table-container{overflow-x:auto}.pb-table{min-width:1000px}.pb-items-grid{grid-template-columns:1fr}}.idsb-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:100000;padding:20px;animation:idsb-fadeIn .2s ease-out}@keyframes idsb-fadeIn{0%{opacity:0}to{opacity:1}}.idsb-modal{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:idsb-slideUp .3s ease-out}@keyframes idsb-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.idsb-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.idsb-header-left{display:flex;align-items:center;gap:16px}.idsb-header-icon{background:#fff3;padding:10px;border-radius:10px}.idsb-header h2{margin:0;font-size:22px;font-weight:700}.idsb-subtitle{margin:4px 0 0;font-size:14px;opacity:.9;font-weight:400}.idsb-close-btn{background:#fff3;border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s}.idsb-close-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.05)}.idsb-close-btn:disabled{opacity:.5;cursor:not-allowed}.idsb-content{padding:28px;overflow-y:auto;flex:1}.idsb-template-section{margin-bottom:24px}.idsb-info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px;display:flex;gap:12px;color:#1e40af;margin-bottom:16px;line-height:1.6}.idsb-info-box svg{flex-shrink:0;margin-top:2px}.idsb-download-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;margin:0 auto;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 2px 8px #10b9814d}.idsb-download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.idsb-upload-section{margin-bottom:24px}.idsb-upload-area{border:2px dashed #cbd5e1;border-radius:12px;padding:40px;text-align:center;cursor:pointer;transition:all .3s;background:#f8fafc;display:flex;flex-direction:column;align-items:center;gap:12px}.idsb-upload-area:hover{border-color:#667eea;background:#f1f5f9}.idsb-upload-area svg{color:#667eea;opacity:.7}.idsb-upload-text{font-size:16px;font-weight:600;color:#334155;margin:0}.idsb-upload-hint{font-size:13px;color:#64748b;margin:0}.idsb-error-box{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;display:flex;gap:12px;color:#991b1b;margin-bottom:24px}.idsb-error-box svg{flex-shrink:0;margin-top:2px}.idsb-error-list{margin:8px 0 0;padding-left:20px}.idsb-error-list li{margin:4px 0;font-size:13px}.idsb-preview-section{margin-top:24px}.idsb-preview-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#1e293b}.idsb-table-container{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;max-height:400px;overflow-y:auto}.idsb-table{width:100%;border-collapse:collapse;font-size:14px}.idsb-table thead{background:#f8fafc;position:sticky;top:0;z-index:10}.idsb-table th{padding:12px 16px;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e5e7eb;white-space:nowrap}.idsb-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#334155}.idsb-table tbody tr:hover{background:#f8fafc}.idsb-table tbody tr:last-child td{border-bottom:none}.idsb-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.idsb-badge-blue{background:#dbeafe;color:#1e40af}.idsb-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.idsb-status-success{background:#d1fae5;color:#065f46}.idsb-status-pending{background:#fef3c7;color:#92400e}.idsb-text-error{color:#dc2626;font-style:italic}.idsb-footer{padding:20px 28px;border-top:2px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#f8fafc;border-radius:0 0 12px 12px}.idsb-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s;display:flex;align-items:center;gap:8px}.idsb-btn-cancel{background:#f1f5f9;color:#475569}.idsb-btn-cancel:hover:not(:disabled){background:#e2e8f0}.idsb-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.idsb-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.idsb-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (max-width: 768px){.idsb-modal{max-width:100%;max-height:100vh;border-radius:0}.idsb-header{border-radius:0}.idsb-content{padding:20px}.idsb-table-container{overflow-x:auto}.idsb-footer{border-radius:0}}.idsb-file-info-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;box-shadow:0 2px 8px #0ea5e91a;animation:idsb-slideIn .3s ease-out}@keyframes idsb-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.idsb-file-info-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.idsb-file-icon{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.idsb-file-details{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.idsb-file-name{font-size:15px;font-weight:600;color:#0c4a6e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.idsb-file-metadata{display:flex;align-items:center;gap:8px;font-size:13px;color:#075985}.idsb-file-type{font-weight:500}.idsb-file-separator{color:#0891b2}.idsb-file-size{font-weight:500}.idsb-remove-file-btn{background:transparent;border:none;color:#dc2626;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.idsb-remove-file-btn:hover:not(:disabled){background:#fef2f2}.idsb-remove-file-btn:disabled{opacity:.5;cursor:not-allowed}.idsb-upload-area-dragging{border-color:#667eea!important;background:#eff6ff!important;transform:scale(1.02);box-shadow:0 4px 12px #667eea33}.poc-poi-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;animation:poc-poi-fadeIn .3s ease-out}.poc-poi-container{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:1000px;width:80%;max-height:90vh;display:flex;flex-direction:column;animation:poc-poi-slideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.poc-poi-header{background:linear-gradient(135deg,#4f46e5,#6366f1);padding:28px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.poc-poi-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:poc-poi-pulse 3s ease-in-out infinite}.poc-poi-header-content{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.poc-poi-header-icon{background:#fff3;border-radius:16px;padding:12px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.poc-poi-header-icon svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.poc-poi-header-text h2{margin:0 0 6px;font-size:24px;font-weight:700;color:#fff;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.poc-poi-header-text p{margin:0;font-size:14px;color:#ffffffe6;font-weight:500}.poc-poi-close-btn{background:#ef4444e6;border:2px solid rgba(255,255,255,.3);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:24px;color:#fff;font-weight:300;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.poc-poi-close-btn:hover{background:#dc2626;transform:rotate(90deg) scale(1.1);box-shadow:0 8px 16px #ef444466}.poc-poi-close-btn:active{transform:rotate(90deg) scale(.95)}.poc-poi-close-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.poc-poi-body{padding:32px;overflow-y:auto;flex:1;background:linear-gradient(to bottom,#fafafa,#fff)}.poc-poi-body::-webkit-scrollbar{width:8px}.poc-poi-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.poc-poi-body::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#8b5cf6,#6366f1);border-radius:10px}.poc-poi-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#7c3aed,#4f46e5)}.poc-poi-info-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:16px;padding:0;margin-bottom:28px;box-shadow:0 4px 12px #0ea5e91a;overflow:hidden}.poc-poi-info-header{background:linear-gradient(135deg,#4f46e5,#6366f1);padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:2px solid rgba(255,255,255,.2)}.poc-poi-info-header svg{color:#fff}.poc-poi-info-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.poc-poi-info-content{padding:20px}.poc-poi-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.poc-poi-info-item{display:flex;flex-direction:column;gap:8px}.poc-poi-info-label{font-size:13px;font-weight:600;color:#0c4a6e;text-transform:uppercase;letter-spacing:.5px}.poc-poi-info-value{font-size:16px;font-weight:600;color:#1e293b}.poc-poi-info-value.poc-poi-highlight{color:#0284c7;font-size:18px;font-family:Courier New,monospace;background:#0ea5e91a;padding:8px 12px;border-radius:8px;border:1px solid #0ea5e9}.poc-poi-info-value.poc-poi-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;padding:6px 14px;border-radius:20px;font-size:14px;width:fit-content;box-shadow:0 2px 8px #8b5cf64d}.poc-poi-info-value.poc-poi-current-po{font-family:Courier New,monospace;background:#fef3c7;color:#92400e;padding:8px 12px;border-radius:8px;border:2px solid #f59e0b;font-size:15px}.poc-poi-form-section{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:28px;box-shadow:0 2px 8px #0000000d}.poc-poi-form-group{margin-bottom:24px}.poc-poi-form-group:last-child{margin-bottom:0}.poc-poi-form-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:15px;font-weight:600;color:#1e293b}.poc-poi-form-label svg{color:#6366f1}.poc-poi-form-label.poc-poi-required:after{content:"*";color:#ef4444;font-size:18px;font-weight:700;margin-left:2px}.poc-poi-input,.poc-poi-textarea{width:100%;padding:14px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-sizing:border-box}.poc-poi-input:focus,.poc-poi-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a;transform:translateY(-2px)}.poc-poi-input:hover:not(:disabled),.poc-poi-textarea:hover:not(:disabled){border-color:#c4b5fd}.poc-poi-input:disabled,.poc-poi-textarea:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.7}.poc-poi-input.poc-poi-error,.poc-poi-textarea.poc-poi-error{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.poc-poi-textarea{resize:vertical;min-height:90px;line-height:1.6}.poc-poi-error-message{display:flex;align-items:center;gap:6px;color:#dc2626;font-size:13px;font-weight:500;margin-top:8px}.poc-poi-error-message svg{flex-shrink:0}.poc-poi-form-help{font-size:13px;color:#64748b;margin-top:8px;padding:10px 14px;background:#f8fafc;border-radius:8px;border-left:4px solid #8b5cf6;line-height:1.5}.poc-poi-preview-section{background:#fff;border:2px solid #e5e7eb;border-radius:16px;overflow:hidden;margin-bottom:28px;box-shadow:0 2px 8px #0000000d}.poc-poi-preview-header{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .3s ease;border-bottom:2px solid #e5e7eb}.poc-poi-preview-header:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.poc-poi-preview-title{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#1e293b}.poc-poi-preview-title svg{color:#8b5cf6}.poc-poi-preview-toggle{background:#e5e7eb;border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.poc-poi-preview-toggle:hover{background:#d1d5db;transform:scale(1.05)}.poc-poi-preview-toggle svg{transition:transform .3s ease;color:#6b7280}.poc-poi-preview-toggle svg.poc-poi-rotated{transform:rotate(180deg)}.poc-poi-preview-loading{padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#64748b;font-size:15px}.poc-poi-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px}.poc-poi-summary-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;border:2px solid #e5e7eb;transition:all .3s ease}.poc-poi-summary-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.poc-poi-summary-card.poc-poi-blue{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.poc-poi-summary-card.poc-poi-green{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.poc-poi-summary-card.poc-poi-gray{border-color:#6b7280;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.poc-poi-summary-icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.poc-poi-blue .poc-poi-summary-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.poc-poi-green .poc-poi-summary-icon{background:linear-gradient(135deg,#10b981,#059669)}.poc-poi-gray .poc-poi-summary-icon{background:linear-gradient(135deg,#6b7280,#4b5563)}.poc-poi-summary-icon svg{color:#fff}.poc-poi-summary-content{flex:1}.poc-poi-summary-value{font-size:32px;font-weight:700;color:#1e293b;line-height:1;margin-bottom:6px}.poc-poi-summary-label{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.poc-poi-detailed-preview{padding:24px;background:#fafafa}.poc-poi-detailed-title{margin:0 0 20px;font-size:17px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:10px}.poc-poi-invoice-preview-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .3s ease}.poc-poi-invoice-preview-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626}.poc-poi-invoice-header{padding:16px 20px;background:linear-gradient(135deg,#f9fafb,#fff);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .3s ease;border-bottom:1px solid #e5e7eb}.poc-poi-invoice-header:hover{background:linear-gradient(135deg,#f3f4f6,#f9fafb)}.poc-poi-invoice-header-left{display:flex;align-items:center;gap:14px}.poc-poi-invoice-header-left svg{color:#8b5cf6;flex-shrink:0}.poc-poi-invoice-id{font-size:15px;font-weight:700;color:#1e293b;font-family:Courier New,monospace}.poc-poi-invoice-sn{font-size:13px;color:#64748b;margin-top:4px}.poc-poi-invoice-header svg:last-child{color:#9ca3af;transition:transform .3s ease}.poc-poi-invoice-header svg.poc-poi-rotated{transform:rotate(180deg)}.poc-poi-invoice-payments{padding:0;background:#fff}.poc-poi-payments-table{width:100%;border-collapse:collapse;font-size:13px}.poc-poi-payments-table thead{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.poc-poi-payments-table th{padding:14px 16px;text-align:left;font-weight:600;font-size:12px;color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:3px solid rgba(255,255,255,.2)}.poc-poi-payments-table td{padding:14px 16px;border-bottom:1px solid #f3f4f6;vertical-align:middle;color:#1e293b}.poc-poi-payments-table tbody tr{transition:all .2s ease}.poc-poi-payments-table tbody tr:hover{background:#fafafa}.poc-poi-payments-table tbody tr.poc-poi-will-change{background:linear-gradient(135deg,#fef3c7,#fde68a,#fef3c7);border-left:4px solid #f59e0b}.poc-poi-payments-table tbody tr.poc-poi-will-change:hover{background:linear-gradient(135deg,#fde68a,#fcd34d,#fde68a)}.poc-poi-payments-table tbody tr.poc-poi-no-change{background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);border-left:4px solid #0ea5e9}.poc-poi-payments-table tbody tr.poc-poi-no-change:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd,#e0f2fe)}.poc-poi-period{font-family:Courier New,monospace;font-size:12px;white-space:nowrap}.poc-poi-po-cell{font-weight:600}.poc-poi-po-number{font-family:Courier New,monospace;background:#f3f4f6;padding:6px 10px;border-radius:6px;font-size:12px;display:inline-block}.poc-poi-status-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.poc-poi-status-badge.poc-poi-paid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:2px solid #10b981}.poc-poi-status-badge.poc-poi-unpaid{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid #ef4444}.poc-poi-change-indicator{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.poc-poi-old-value{font-family:Courier New,monospace;font-size:12px;color:#dc2626;background:#fee2e2;padding:4px 8px;border-radius:6px;text-decoration:line-through;opacity:.7}.poc-poi-arrow{color:#10b981;font-weight:700;font-size:16px}.poc-poi-new-value{font-family:Courier New,monospace;font-size:12px;color:#047857;background:#d1fae5;padding:4px 8px;border-radius:6px;font-weight:700;border:2px solid #10b981}.poc-poi-no-change-text{color:#64748b;font-size:12px;font-style:italic}.poc-poi-warning-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:16px;padding:0;display:flex;gap:20px;overflow:hidden;box-shadow:0 4px 12px #f59e0b33}.poc-poi-warning-icon{background:linear-gradient(135deg,#f59e0b,#d97706);padding:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.poc-poi-warning-icon svg{color:#fff}.poc-poi-warning-content{padding:20px 24px 20px 0}.poc-poi-warning-content h4{margin:0 0 12px;font-size:17px;font-weight:700;color:#92400e;display:flex;align-items:center;gap:8px}.poc-poi-warning-content ul{margin:0;padding-left:20px;color:#78350f}.poc-poi-warning-content li{margin-bottom:8px;font-size:14px;line-height:1.6}.poc-poi-warning-content li:last-child{margin-bottom:0}.poc-poi-warning-content strong{color:#92400e;font-weight:700}.poc-poi-footer{background:linear-gradient(to bottom,#f9fafb,#fff);border-top:2px solid #e5e7eb;padding:24px 32px;display:flex;justify-content:flex-end;gap:16px}.poc-poi-btn{padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;border:none;position:relative;overflow:hidden}.poc-poi-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.poc-poi-btn:hover:before{width:300px;height:300px}.poc-poi-btn-cancel{background:#fff;color:#64748b;border:2px solid #e5e7eb}.poc-poi-btn-cancel:hover{background:#f8fafc;color:#475569;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.poc-poi-btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.poc-poi-btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.poc-poi-btn-save:active,.poc-poi-btn-cancel:active{transform:translateY(0)}.poc-poi-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.poc-poi-spinner,.poc-poi-btn-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#8b5cf6;border-radius:50%;animation:poc-poi-spin .8s linear infinite}.poc-poi-btn-spinner{width:16px;height:16px;border-width:2px;border-top-color:#fff}@keyframes poc-poi-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes poc-poi-slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes poc-poi-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes poc-poi-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.poc-poi-summary-grid{grid-template-columns:repeat(2,1fr)}.poc-poi-info-grid{grid-template-columns:1fr}}@media (max-width: 768px){.poc-poi-container{width:98%;max-height:95vh}.poc-poi-header{padding:20px 24px}.poc-poi-header-content{gap:14px}.poc-poi-header-icon{padding:10px}.poc-poi-header-icon svg{width:24px;height:24px}.poc-poi-header-text h2{font-size:18px}.poc-poi-header-text p{font-size:13px}.poc-poi-body{padding:24px 20px}.poc-poi-summary-grid{grid-template-columns:1fr;gap:16px;padding:20px}.poc-poi-summary-card{padding:20px}.poc-poi-summary-icon{width:50px;height:50px}.poc-poi-summary-value{font-size:26px}.poc-poi-footer{padding:20px 24px;flex-direction:column}.poc-poi-btn{width:100%;justify-content:center}.poc-poi-payments-table{font-size:12px}.poc-poi-payments-table th,.poc-poi-payments-table td{padding:10px 8px}.poc-poi-change-indicator{flex-direction:column;align-items:flex-start;gap:6px}.poc-poi-arrow{transform:rotate(90deg)}}@media (max-width: 480px){.poc-poi-header{padding:16px 20px}.poc-poi-header-text h2{font-size:16px}.poc-poi-body{padding:20px 16px}.poc-poi-form-section,.poc-poi-info-card{padding:16px}.poc-poi-warning-box{flex-direction:column}.poc-poi-warning-icon,.poc-poi-warning-content{padding:16px}}@media (prefers-reduced-motion: reduce){.poc-poi-overlay,.poc-poi-container,.poc-poi-btn,.poc-poi-input,.poc-poi-textarea,.poc-poi-spinner,.poc-poi-btn-spinner{animation:none;transition:none}}.poc-poi-btn:focus-visible{outline:3px solid #8b5cf6;outline-offset:3px}.poc-poi-input:focus-visible,.poc-poi-textarea:focus-visible{outline:3px solid #8b5cf6;outline-offset:2px}.gpim-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9999;animation:fadeIn .2s ease-out}.gpim-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;width:90%;max-width:550px;z-index:9999;box-shadow:0 10px 40px #0003}.gpim-header{padding:20px 24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:12px 12px 0 0}.gpim-header-content{display:flex;align-items:center;gap:12px}.gpim-icon{color:#fff}.gpim-header h3{margin:0;font-size:20px;font-weight:600}.gpim-close-btn{background:#fff3;border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s}.gpim-close-btn:hover{background:#ffffff4d}.gpim-form{padding:24px}.gpim-alert{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff3e0;border-left:4px solid #ff9800;border-radius:8px;margin-bottom:24px}.gpim-alert svg{color:#f57c00;flex-shrink:0;margin-top:2px}.gpim-alert strong{display:block;color:#e65100;margin-bottom:4px;font-size:14px}.gpim-alert p{margin:0;font-size:13px;color:#ef6c00;line-height:1.5}.gpim-form-group{margin-bottom:20px}.gpim-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.gpim-required{color:#f44336}.gpim-input-disabled{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:#f5f5f5;color:#999;cursor:not-allowed;font-family:inherit}.gpim-select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s;font-family:inherit;cursor:pointer;background:#fff}.gpim-select:focus{outline:none;border-color:#f5576c}.gpim-loading{padding:12px 16px;background:#f5f5f5;border-radius:8px;color:#666;text-align:center;font-size:14px}.gpim-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e0e0e0}.gpim-btn-cancel,.gpim-btn-submit{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.gpim-btn-cancel{background:#f5f5f5;color:#666}.gpim-btn-cancel:hover{background:#e0e0e0}.gpim-btn-submit{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.gpim-btn-submit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f5576c66}.gpim-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.gpim-modal{width:95%}.gpim-form{padding:20px}.gpim-footer{flex-direction:column-reverse}.gpim-btn-cancel,.gpim-btn-submit{width:100%}}.po-internal-container{width:100%;margin:0 auto}.po-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 30px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a}.po-page-header h1{margin:0;font-size:28px;font-weight:600}.po-header-stats{display:flex;gap:20px}.po-stat-item{background:#bdbbe46c;padding:16px 20px;border-radius:20px;font-size:14px;color:#fff}.po-stat-item strong{font-size:18px;font-weight:700;color:#fff}.po-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.po-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.po-search-wrapper{position:relative;flex:1;max-width:700px}.po-search-container-enhanced{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:15px;color:#9ca3af;pointer-events:none;z-index:1}.po-search-input-enhanced{width:100%;padding:12px 45px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .3s;background:#fff}.po-search-input-enhanced:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clear-search-enhanced{position:absolute;right:12px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-search-enhanced:hover{color:#ef4444;background:#fee}.search-hints-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;max-height:400px;overflow-y:auto;z-index:1000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-hint-item{padding:14px 18px;cursor:pointer;transition:all .2s;border-bottom:1px solid #f3f4f6}.search-hint-item:last-child{border-bottom:none}.search-hint-item:hover{background:#f9fafb;padding-left:24px}.hint-main{display:flex;align-items:center;gap:10px;margin-bottom:6px}.hint-badge{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.hint-badge-po{background:#dbeafe;color:#1e40af}.hint-badge-company{background:#dcfce7;color:#15803d}.hint-badge-sn{background:#fef3c7;color:#92400e}.hint-value{font-size:14px;font-weight:600;color:#374151}.hint-detail{font-size:13px;color:#6b7280;padding-left:70px}.search-hint-empty{padding:20px;text-align:center;color:#9ca3af;font-size:14px}.search-hint-empty span{display:flex;align-items:center;justify-content:center;gap:8px}.search-hints-dropdown::-webkit-scrollbar{width:8px}.search-hints-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.search-hints-dropdown::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.search-hints-dropdown::-webkit-scrollbar-thumb:hover{background:#5568d3}@media (max-width: 768px){.po-search-wrapper{max-width:100%}.po-search-input-enhanced{padding:10px 40px;font-size:13px}.search-hints-dropdown{max-height:300px}.hint-detail{padding-left:60px;font-size:12px}.hint-value{font-size:13px}}.refresh-btn{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.refresh-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.po-table-container{height:100%}.po-data-table{width:100%;border-collapse:collapse;font-size:14px}.po-data-table thead{background:#f3f4f6;position:sticky;top:0;z-index:10}.po-ext-list{display:flex;flex-wrap:wrap;gap:4px}.po-ext-badge{display:inline-block;padding:2px 8px;background-color:#e3f2fd;color:#1976d2;border-radius:12px;font-size:.85em;border:1px solid #90caf9}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;position:relative}.sortable-header:hover{background:#e5e7eb!important}.sortable-header:active{background:#d1d5db!important}.th-content{display:flex;align-items:center;justify-content:flex-start;gap:6px}.th-content span{text-align:left;line-height:1.3}.sort-icon{font-size:14px;color:#9ca3af;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:20px;flex-shrink:0;margin-left:4px;font-weight:400}.sort-icon.active{color:#667eea;font-weight:700;font-size:16px}.sortable-header:hover .sort-icon{color:#667eea;transform:scale(1.1)}@keyframes sortPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.sort-icon.active{animation:sortPulse .3s ease}.text-center.sortable-header .th-content{justify-content:flex-start}.text-center.sortable-header .th-content span{text-align:left}@media (max-width: 768px){.th-content{gap:4px;flex-direction:column}.sort-icon{font-size:12px;min-width:14px;height:18px;margin-left:0;margin-top:2px}.sort-icon.active{font-size:14px}}.po-data-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.po-data-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb;vertical-align:middle}.po-data-table tbody tr.po-row{transition:all .2s}.po-data-table tbody tr.po-row:hover{background:#f9fafb}.text-center{text-align:center!important}.text-right{text-align:right!important}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-info{background:#dbeafe;color:#1e40af}.detail-btn{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s;box-shadow:0 2px 4px #667eea4d}.detail-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #667eea80}.detail-btn:active{transform:translateY(0)}.no-po-data{text-align:center;padding:40px!important;color:#9ca3af;font-size:14px}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:15px}.table-controls{display:flex;align-items:center;gap:10px;font-size:14px}.table-controls select{padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer}.pagination-info{font-size:14px;color:#6b7280}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{padding:8px 12px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#667eea;color:#667eea}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;gap:5px}.page-btn{padding:8px 12px;background:#fff;border:1px solid #e5e7eb;color:#667eea;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.page-btn:hover{background:#f3f4f6;border-color:#667eea}.page-btn.active{background:#667eea;color:#fff;border-color:#667eea}.ellipsis{padding:8px 5px;color:#9ca3af}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;min-height:400px;flex-direction:column}.spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{margin-top:15px;color:#6b7280;font-size:14px}.error-message{text-align:center;padding:30px;background:#fee;border:1px solid #fcc;border-radius:8px;max-width:500px}.error-message h3{color:#dc2626;margin-bottom:10px}.error-message p{color:#991b1b;margin-bottom:20px}.retry-btn{padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.retry-btn:hover{background:#dc2626}.po-int-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;opacity:0;transition:opacity .3s ease}.po-int-modal-overlay-active{opacity:1}.po-int-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;z-index:10000;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.po-int-modal-active{opacity:1;transform:translate(-50%,-50%) scale(1)}.po-int-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border-radius:16px 16px 0 0}.po-int-modal-header h2{margin:0;font-size:24px;font-weight:700}.po-int-modal-subtitle{margin:6px 0 0;font-size:15px;opacity:.95;font-weight:400}.po-int-modal-close{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;margin-left:20px}.po-int-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.po-int-modal-body{padding:24px 28px;overflow-y:auto;flex:1;background:#f9fafb}.po-int-modal-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.po-int-modal-stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014;border-left:4px solid #667eea;transition:all .3s}.po-int-modal-stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #667eea33}.po-int-modal-stat-label{font-size:13px;color:#6b7280;font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.po-int-modal-stat-value{font-size:24px;font-weight:700;color:#667eea}.po-int-modal-table-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.po-int-modal-table{width:100%;border-collapse:collapse;font-size:13px}.po-int-modal-table thead{background:linear-gradient(135deg,#4f46e5,#6366f1)}.po-int-modal-table th{padding:14px 12px;text-align:left;font-weight:600;color:#fff;white-space:nowrap;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.po-int-modal-table td{padding:14px 12px;border-bottom:1px solid #e5e7eb;vertical-align:middle}.po-int-modal-table tbody tr{transition:all .2s}.po-int-modal-table tbody tr:hover{background:#f3f4f6}.po-int-modal-table tbody tr:last-child td{border-bottom:none}.po-int-modal-code{background:linear-gradient(135deg,#667eea15,#764ba215);padding:6px 10px;border-radius:6px;font-family:Courier New,monospace;font-size:12px;color:#667eea;font-weight:600;border:1px solid #667eea30}.po-int-modal-spec{max-width:350px;white-space:normal;word-wrap:break-word;line-height:1.5;color:#374151}.po-int-modal-date-range{display:flex;flex-direction:column;gap:6px}.po-int-modal-date-item{font-size:12px;color:#6b7280;display:flex;gap:6px}.po-int-modal-date-item strong{color:#374151;min-width:45px}.po-int-modal-footer{padding:20px 28px;border-top:2px solid #e5e7eb;display:flex;justify-content:flex-end;background:#fff;border-radius:0 0 16px 16px}.po-int-modal-btn-close{padding:12px 32px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.po-int-modal-btn-close:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.po-int-modal-btn-close:active{transform:translateY(0)}.po-action-grid{display:grid;grid-auto-flow:row;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;width:160px;margin:0 auto}.po-action-btn{width:45px;height:45px;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;position:relative}.po-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;z-index:1001}.po-action-btn:focus{outline:none}.po-action-btn:active{transform:translateY(0)}.po-action-btn:nth-child(4){grid-column:1}.po-action-btn-green{background:#10b981}.po-action-btn-green:hover{background:#059669}.po-action-btn-yellow{background:#f59e0b}.po-action-btn-yellow:hover{background:#d97706}.po-action-btn-red{background:#ef4444}.po-action-btn-red:hover{background:#dc2626}.po-action-btn-pink{background:#ec4899}.po-action-btn-pink:hover{background:#db2777}.po-action-btn-purple{background:#8b5cf6}.po-action-btn:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:#1f2937;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:1002;font-weight:500;box-shadow:0 4px 12px #00000026}.po-action-btn:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(0);border:6px solid transparent;border-top-color:#1f2937;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:1002}.po-action-btn:hover:before{opacity:1;transform:translate(-50%) translateY(-12px)}.po-action-btn:hover:after{opacity:1;transform:translate(-50%) translateY(-4px)}.po-data-table td{position:relative;overflow:visible}.po-data-table tr{position:relative}.po-data-table tbody tr:hover{z-index:10}@media (max-width: 768px){.page-header{flex-direction:column;gap:15px;text-align:center}.header-stats{flex-direction:column;gap:10px}.card-header{flex-direction:column;gap:15px}.search-container{max-width:100%}.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls{flex-wrap:wrap;justify-content:center}.po-int-modal{width:98%;max-height:95vh;border-radius:12px}.po-int-modal-header{padding:18px 20px;border-radius:12px 12px 0 0}.po-int-modal-header h2{font-size:20px}.po-int-modal-body{padding:18px 20px}.po-int-modal-stats{grid-template-columns:1fr}.po-int-modal-table-wrapper{overflow-x:auto}.po-int-modal-table{font-size:12px}.po-int-modal-table th,.po-int-modal-table td{padding:10px 8px}.po-int-modal-footer{padding:16px 20px}.po-int-modal-btn-close{width:100%}}.po-int-modal-body::-webkit-scrollbar{width:8px}.po-int-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.po-int-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.po-int-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#653a8a)}.po-int-modal-table-wrapper::-webkit-scrollbar{height:8px}.po-int-modal-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.po-int-modal-table-wrapper::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.po-int-modal-table-wrapper::-webkit-scrollbar-thumb:hover{background:#5568d3}.perpanjangan-sewa-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:99999;padding:20px;animation:fadeIn .2s ease-in-out}.perpanjangan-sewa-modal{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.perpanjangan-sewa-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #e5e7eb}.perpanjangan-sewa-title{margin:0;font-size:24px;font-weight:600;color:#111827}.perpanjangan-sewa-close{background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.perpanjangan-sewa-close:hover{background-color:#f3f4f6;color:#111827}.perpanjangan-sewa-body{padding:30px;overflow-y:auto;flex:1}.perpanjangan-sewa-description{margin:0 0 24px;color:#6b7280;font-size:15px;line-height:1.6}.perpanjangan-sewa-type-selection{padding:10px 0}.perpanjangan-sewa-type-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:10px}.perpanjangan-sewa-type-card{border:2px solid #e5e7eb;border-radius:12px;padding:30px 24px;cursor:pointer;transition:all .3s;text-align:center;background:#fff}.perpanjangan-sewa-type-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.perpanjangan-sewa-type-icon{font-size:48px;margin-bottom:16px}.perpanjangan-sewa-type-name{margin:0 0 12px;font-size:20px;font-weight:600;color:#111827}.perpanjangan-sewa-type-desc{margin:0;color:#6b7280;font-size:14px;line-height:1.5}.perpanjangan-sewa-po-selection{padding:10px 0}.perpanjangan-sewa-po-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:24px}.perpanjangan-sewa-po-card{border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s;background:#fff}.perpanjangan-sewa-po-card:hover{border-color:#3b82f6;box-shadow:0 4px 16px #3b82f61a;transform:translateY(-2px)}.perpanjangan-sewa-po-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.perpanjangan-sewa-po-number{font-size:18px;font-weight:600;color:#3b82f6}.perpanjangan-sewa-po-select-btn{background:#3b82f6;color:#fff;border:none;padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.perpanjangan-sewa-po-select-btn:hover{background:#2563eb;box-shadow:0 2px 8px #2563eb4d;transform:translateY(-1px)}.perpanjangan-sewa-po-info{display:flex;flex-direction:column;gap:10px}.perpanjangan-sewa-po-customer{color:#111827;font-size:15px;font-weight:500;display:flex;flex-direction:column;gap:4px}.perpanjangan-sewa-po-label{font-size:12px;color:#6b7280;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.perpanjangan-sewa-po-stats{display:flex;flex-direction:column;gap:6px}.perpanjangan-sewa-po-stat{color:#6b7280;font-size:13px;display:flex;align-items:center;gap:4px}.perpanjangan-sewa-po-stat strong{color:#059669;font-weight:600}.perpanjangan-sewa-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#6b7280;font-size:15px}.perpanjangan-sewa-empty p{margin:0}.perpanjangan-sewa-info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px 20px;margin-bottom:24px;font-size:14px;line-height:1.8;color:#1e40af}.perpanjangan-sewa-info-box strong{color:#1e3a8a}.perpanjangan-sewa-form{padding:10px 0}.perpanjangan-sewa-form-fields{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.perpanjangan-sewa-form-group{display:flex;flex-direction:column;gap:8px}.perpanjangan-sewa-label{font-size:14px;font-weight:500;color:#374151}.perpanjangan-sewa-input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;transition:all .2s;font-family:inherit}.perpanjangan-sewa-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.perpanjangan-sewa-input-small{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-family:inherit;width:100%;max-width:200px}.perpanjangan-sewa-input-small:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.perpanjangan-sewa-items-section{margin-bottom:24px}.perpanjangan-sewa-section-title{margin:0 0 20px;font-size:18px;font-weight:600;color:#111827}.perpanjangan-sewa-po-group{margin-bottom:24px;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.perpanjangan-sewa-po-group-header{background:#f9fafb;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.perpanjangan-sewa-po-group-count{background:#3b82f6;color:#fff;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500}.perpanjangan-sewa-items-list{padding:12px;display:flex;flex-direction:column;gap:12px}.perpanjangan-sewa-item-card{display:flex;align-items:center;gap:16px;padding:16px;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s;background:#fff}.perpanjangan-sewa-item-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.perpanjangan-sewa-item-selected{border-color:#3b82f6;background-color:#eff6ff}.perpanjangan-sewa-item-checkbox{flex-shrink:0}.perpanjangan-sewa-item-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6}.perpanjangan-sewa-item-info{flex:1;display:flex;flex-direction:column;gap:6px}.perpanjangan-sewa-item-name{font-size:15px;font-weight:600;color:#111827}.perpanjangan-sewa-item-sn{font-size:13px;color:#6b7280;font-family:Courier New,monospace}.perpanjangan-sewa-item-price{font-size:14px;color:#059669;font-weight:500}.perpanjangan-sewa-replacement{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end}.perpanjangan-sewa-selected-summary{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px 20px;text-align:center;color:#166534;font-size:15px;margin-bottom:24px}.perpanjangan-sewa-selected-summary strong{font-size:18px;color:#15803d}.perpanjangan-sewa-confirm{padding:10px 0}.perpanjangan-sewa-confirm-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:24px;margin-bottom:24px}.perpanjangan-sewa-confirm-title{margin:0 0 20px;font-size:18px;font-weight:600;color:#111827;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.perpanjangan-sewa-confirm-section{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e5e7eb;font-size:15px}.perpanjangan-sewa-confirm-section:last-of-type{border-bottom:none}.perpanjangan-sewa-confirm-section strong{color:#374151;font-weight:600}.perpanjangan-sewa-confirm-section span{color:#111827;font-weight:500}.perpanjangan-sewa-confirm-items{margin-top:20px;padding-top:20px;border-top:2px solid #e5e7eb}.perpanjangan-sewa-confirm-items strong{display:block;margin-bottom:12px;color:#374151;font-size:15px;font-weight:600}.perpanjangan-sewa-confirm-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.perpanjangan-sewa-confirm-list li{padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#374151}.perpanjangan-sewa-replacement-info{color:#3b82f6;font-weight:500}.perpanjangan-sewa-success{text-align:center;padding:40px 20px}.perpanjangan-sewa-success-icon{width:80px;height:80px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:48px;color:#fff;animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.perpanjangan-sewa-success-title{margin:0 0 24px;font-size:24px;font-weight:600;color:#111827}.perpanjangan-sewa-success-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:24px;margin-bottom:30px;text-align:left}.perpanjangan-sewa-success-info p{margin:0 0 12px;font-size:15px;color:#166534;line-height:1.6}.perpanjangan-sewa-success-info p:last-child{margin-bottom:0}.perpanjangan-sewa-success-info strong{color:#15803d;font-weight:600}.perpanjangan-sewa-mode-toggle{display:flex;gap:12px;margin-bottom:24px;padding:4px;background:#f3f4f6;border-radius:8px}.perpanjangan-sewa-mode-btn{flex:1;padding:12px 20px;border:none;background:transparent;border-radius:6px;font-size:15px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;font-family:inherit}.perpanjangan-sewa-mode-btn.active{background:#fff;color:#3b82f6;box-shadow:0 2px 4px #0000000d}.perpanjangan-sewa-mode-btn:hover:not(.active){color:#374151}.perpanjangan-sewa-import-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:24px;margin-bottom:24px}.perpanjangan-sewa-import-instructions{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px 20px;margin-bottom:20px}.perpanjangan-sewa-import-instructions h4{margin:0 0 12px;color:#1e40af;font-size:16px}.perpanjangan-sewa-import-instructions ol{margin:0;padding-left:20px;color:#1e40af}.perpanjangan-sewa-import-instructions li{margin:6px 0;font-size:14px}.perpanjangan-sewa-import-actions{display:flex;justify-content:center;margin:16px 0}.perpanjangan-sewa-btn-download{background:#10b981;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.perpanjangan-sewa-btn-download:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d}.perpanjangan-sewa-import-upload{margin:20px 0}.perpanjangan-sewa-upload-label{display:block;cursor:pointer}.perpanjangan-sewa-upload-input{display:none}.perpanjangan-sewa-upload-area{border:2px dashed #d1d5db;border-radius:10px;padding:40px 20px;text-align:center;background:#fff;transition:all .3s}.perpanjangan-sewa-upload-area:hover{border-color:#3b82f6;background:#f0f9ff}.perpanjangan-sewa-upload-icon{font-size:48px;margin-bottom:16px}.perpanjangan-sewa-upload-text{display:flex;flex-direction:column;gap:8px}.perpanjangan-sewa-upload-text strong{color:#111827;font-size:16px}.perpanjangan-sewa-upload-text span{color:#6b7280;font-size:14px}.perpanjangan-sewa-upload-text small{color:#9ca3af;font-size:12px}.perpanjangan-sewa-file-icon{font-size:48px;margin-bottom:12px}.perpanjangan-sewa-file-info{display:flex;flex-direction:column;gap:6px}.perpanjangan-sewa-file-info strong{color:#111827;font-size:16px}.perpanjangan-sewa-file-info span{color:#6b7280;font-size:14px}.perpanjangan-sewa-file-summary{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.perpanjangan-sewa-file-summary-item{display:flex;flex-direction:column;gap:4px}.perpanjangan-sewa-file-summary-item strong{font-size:13px;color:#6b7280}.perpanjangan-sewa-file-summary-item span{font-size:16px;color:#111827;font-weight:600}.perpanjangan-sewa-text-success{color:#059669!important}.perpanjangan-sewa-text-error{color:#dc2626!important}.perpanjangan-sewa-errors{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px 20px;margin-bottom:20px}.perpanjangan-sewa-errors-title{margin:0 0 12px;color:#991b1b;font-size:15px}.perpanjangan-sewa-errors-list{display:flex;flex-direction:column;gap:12px}.perpanjangan-sewa-error-item{background:#fff;border:1px solid #fca5a5;border-radius:6px;padding:12px}.perpanjangan-sewa-error-item strong{display:block;margin-bottom:8px;color:#991b1b;font-size:14px}.perpanjangan-sewa-error-item ul{margin:0;padding-left:20px;color:#dc2626}.perpanjangan-sewa-error-item li{margin:4px 0;font-size:13px}.perpanjangan-sewa-preview-title{margin:20px 0 12px;color:#111827;font-size:16px;font-weight:600}.perpanjangan-sewa-preview-table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px}.perpanjangan-sewa-preview-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.perpanjangan-sewa-preview-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.perpanjangan-sewa-preview-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;white-space:nowrap}.perpanjangan-sewa-preview-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;color:#111827}.perpanjangan-sewa-preview-table tbody tr:hover{background:#f9fafb}.perpanjangan-sewa-preview-table code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:12px}.perpanjangan-sewa-success-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:24px}.perpanjangan-sewa-success-stat-card{background:#f3f4f6;border-radius:10px;padding:20px;text-align:center}.perpanjangan-sewa-stat-success{background:#d1fae5;border:2px solid #6ee7b7}.perpanjangan-sewa-stat-error{background:#fee2e2;border:2px solid #fca5a5}.perpanjangan-sewa-stat-number{font-size:32px;font-weight:700;color:#111827;margin-bottom:4px}.perpanjangan-sewa-stat-label{font-size:13px;color:#6b7280;font-weight:500}.perpanjangan-sewa-stat-success .perpanjangan-sewa-stat-number{color:#059669}.perpanjangan-sewa-stat-error .perpanjangan-sewa-stat-number{color:#dc2626}.perpanjangan-sewa-success-list,.perpanjangan-sewa-failed-list{margin-top:16px;text-align:left}.perpanjangan-sewa-success-list strong,.perpanjangan-sewa-failed-list strong{display:block;margin-bottom:8px;color:#374151}.perpanjangan-sewa-success-list ul,.perpanjangan-sewa-failed-list ul{margin:0;padding-left:20px;max-height:200px;overflow-y:auto}.perpanjangan-sewa-success-list li{margin:6px 0;color:#059669;font-size:14px}.perpanjangan-sewa-failed-list{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px}.perpanjangan-sewa-failed-list li{margin:8px 0;color:#dc2626;font-size:14px}.perpanjangan-sewa-failed-list small{color:#991b1b;font-size:12px}.perpanjangan-sewa-actions{display:flex;gap:12px;justify-content:flex-end}.perpanjangan-sewa-btn{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.perpanjangan-sewa-btn:disabled{opacity:.5;cursor:not-allowed}.perpanjangan-sewa-btn-primary{background:#3b82f6;color:#fff}.perpanjangan-sewa-btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #2563eb4d}.perpanjangan-sewa-btn-secondary{background:#f3f4f6;color:#374151}.perpanjangan-sewa-btn-secondary:hover:not(:disabled){background:#e5e7eb}.perpanjangan-sewa-loading{text-align:center;padding:60px 20px;color:#6b7280;font-size:16px}@media (max-width: 768px){.perpanjangan-sewa-modal{max-width:100%;max-height:100vh;border-radius:0}.perpanjangan-sewa-header{padding:20px}.perpanjangan-sewa-title{font-size:20px}.perpanjangan-sewa-body{padding:20px}.perpanjangan-sewa-type-cards,.perpanjangan-sewa-po-list{grid-template-columns:1fr}.perpanjangan-sewa-item-card{flex-direction:column;align-items:flex-start}.perpanjangan-sewa-replacement{width:100%;align-items:flex-start}.perpanjangan-sewa-input-small{max-width:100%}.perpanjangan-sewa-actions{flex-direction:column-reverse}.perpanjangan-sewa-btn{width:100%}}.asp-analitik-container{background-color:#fff;min-height:100vh;padding:20px}.asp-analitik-header{margin-bottom:30px;text-align:center;background:linear-gradient(135deg,#4f46e5,#6366f1);padding:30px 20px;border-radius:12px;box-shadow:0 4px 15px #667eea4d}.asp-analitik-header h2{color:#fff;font-size:28px;font-weight:600;margin:0 0 8px}.asp-analitik-subtitle{color:#f0f0f0;font-size:16px;margin:0;font-weight:400}.asp-filter-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:25px;display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.asp-filter-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px;position:relative}.asp-filter-group label{font-weight:500;color:#555;font-size:14px}.asp-custom-select-wrapper{position:relative;width:100%}.asp-custom-select{padding:10px 15px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.asp-custom-select:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.asp-select-arrow{font-size:10px;color:#718096;transition:transform .3s ease}.asp-custom-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;max-height:300px;overflow:hidden;animation:asp-dropdown-fade-in .2s ease}@keyframes asp-dropdown-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.asp-dropdown-search{width:100%;padding:12px 15px;border:none;border-bottom:2px solid #cbd5e0;font-size:14px;outline:none;background-color:#f8fafc;position:sticky;top:0;z-index:10}.asp-dropdown-search:focus{border-bottom-color:#667eea;background-color:#fff}.asp-dropdown-options{max-height:240px;overflow-y:auto;background-color:#fff;padding:4px 0}.asp-dropdown-option{padding:12px 15px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#4a5568;border-bottom:1px solid #f7fafc}.asp-dropdown-option:last-child{border-bottom:none}.asp-dropdown-option:hover{background-color:#f7fafc;color:#667eea}.asp-dropdown-option.asp-selected{background-color:#667eea;color:#fff;font-weight:500}.asp-dropdown-no-data{padding:20px 15px;text-align:center;color:#a0aec0;font-size:14px;font-style:italic;background-color:#f8fafc;border-top:2px solid #e2e8f0}.asp-btn-search{padding:10px 30px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;height:42px;box-shadow:0 4px 10px #667eea4d}.asp-btn-search:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #667eea66}.asp-btn-search:disabled{background:#a0aec0;cursor:not-allowed;box-shadow:none}.asp-error-message{background-color:#fee;border-left:4px solid #f56565;padding:15px;margin-bottom:20px;border-radius:8px;animation:asp-shake .5s}@keyframes asp-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.asp-error-message p{color:#c53030;margin:0;font-size:14px}.asp-summary-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.asp-summary-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #00000014;border-left:4px solid #667eea;transition:all .3s ease;position:relative;overflow:hidden}.asp-summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent);animation:asp-shimmer 2s infinite}@keyframes asp-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.asp-summary-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.asp-summary-card.asp-card-success{border-left-color:#48bb78}.asp-summary-card.asp-card-warning{border-left-color:#ed8936}.asp-summary-card.asp-card-danger{border-left-color:#f56565}.asp-summary-card.asp-card-info{border-left-color:#4299e1}.asp-summary-card.asp-card-primary{border-left-color:#667eea}.asp-card-title{font-size:13px;color:#718096;font-weight:500;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.asp-card-value{font-size:24px;font-weight:700;color:#2d3748;margin-bottom:5px}.asp-card-subtitle{font-size:11px;color:#a0aec0;margin-top:5px}.asp-po-tidak-invoice-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:30px}.asp-po-tidak-invoice-section h3{color:#2c3e50;font-size:18px;margin-bottom:20px;font-weight:600}.asp-po-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.asp-po-item{padding:12px 15px;background:linear-gradient(135deg,#fff5f5,#fed7d7);border-left:3px solid #f56565;border-radius:8px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.asp-po-item:hover{transform:translate(5px);box-shadow:0 2px 8px #f5656533}.asp-po-number{font-weight:600;color:#c53030}.asp-po-sn{font-size:13px;color:#718096}.asp-table-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:30px}.asp-table-section h3{color:#2c3e50;font-size:18px;margin-bottom:20px;font-weight:600}.asp-table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.asp-items-per-page{display:flex;align-items:center;gap:10px}.asp-items-per-page label{font-size:14px;color:#555}.asp-items-per-page select{padding:6px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;cursor:pointer;transition:border-color .3s ease}.asp-items-per-page select:hover{border-color:#667eea}.asp-items-per-page select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.asp-table-responsive{overflow-x:auto;margin-bottom:20px;border-radius:8px;border:1px solid #e2e8f0}.asp-data-table{width:100%;border-collapse:collapse;font-size:14px}.asp-data-table td,.asp-data-table th{overflow:hidden}.asp-data-table thead{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:2px solid #cbd5e0}.asp-data-table th{padding:14px 15px;text-align:left;font-weight:600;color:#2d3748;text-transform:uppercase;font-size:12px;letter-spacing:.5px;position:relative}.asp-data-table th.asp-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.asp-data-table th.asp-sortable:hover{background-color:#e2e8f0;color:#667eea}.asp-sort-icon{margin-left:5px;font-size:12px;opacity:.6}.asp-sort-default{color:#cbd5e0}.asp-sort-asc,.asp-sort-desc{color:#667eea;opacity:1}.asp-data-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.asp-data-table tbody tr:hover{background-color:#f7fafc;transform:scale(1.005);overflow:hidden}.asp-data-table td{padding:12px 15px;color:#4a5568}.asp-data-table td:first-child{font-weight:500;color:#667eea}.asp-text-warning{color:#ed8936;font-weight:600}.asp-pagination-section{display:flex;justify-content:space-between;align-items:center;margin-top:20px;flex-wrap:wrap;gap:15px}.asp-pagination-info{font-size:14px;color:#718096}.asp-pagination-controls{display:flex;gap:5px}.asp-pagination-btn{padding:8px 12px;border:2px solid #e2e8f0;background-color:#fff;color:#4a5568;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;min-width:38px;font-weight:500}.asp-pagination-btn:hover:not(:disabled){background-color:#f7fafc;border-color:#667eea;color:#667eea;transform:translateY(-1px)}.asp-pagination-btn:disabled{cursor:not-allowed;opacity:.4;background-color:#f7fafc}.asp-pagination-btn.asp-active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 2px 8px #667eea4d}.asp-empty-state{background:#fff;padding:60px 20px;text-align:center;border-radius:12px;box-shadow:0 2px 8px #00000014}.asp-empty-state p{color:#718096;font-size:16px;margin:0}@media (max-width: 768px){.asp-analitik-container{padding:15px}.asp-filter-section{flex-direction:column;align-items:stretch}.asp-filter-group{min-width:100%}.asp-btn-search{width:100%}.asp-summary-section,.asp-po-list{grid-template-columns:1fr}.asp-pagination-section{flex-direction:column;align-items:center}.asp-table-responsive{font-size:12px}.asp-data-table th,.asp-data-table td{padding:8px 10px}}@media (max-width: 480px){.asp-analitik-header h2{font-size:22px}.asp-pagination-controls{flex-wrap:wrap;justify-content:center}.asp-custom-dropdown{max-height:250px}}.asp-dropdown-options::-webkit-scrollbar,.asp-table-responsive::-webkit-scrollbar{width:8px;height:8px}.asp-dropdown-options::-webkit-scrollbar-track,.asp-table-responsive::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.asp-dropdown-options::-webkit-scrollbar-thumb,.asp-table-responsive::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.asp-dropdown-options::-webkit-scrollbar-thumb:hover,.asp-table-responsive::-webkit-scrollbar-thumb:hover{background:#a0aec0}:root{--g-bg: #f6f2e9;--g-bg-alt: #efe9db;--g-surface: #ffffff;--g-surface-2: #faf7f0;--g-border: #e6e1d6;--g-border-strong: #cfc7b8;--g-text-primary: #262420;--g-text-secondary: #57534a;--g-text-muted: #918a7c;--g-text-code: #3f3b34;--g-accent: #2554c7;--g-accent-light: #e9eefb;--g-accent-hover: #1c3fa0;--g-accent-border: #c2d0f5;--g-success: #3f7d58;--g-success-bg: #eef6f0;--g-success-border: #bfdcc9;--g-warning: #a9762c;--g-warning-bg: #faf1e2;--g-warning-border: #e8cd9c;--g-danger: #b3453f;--g-danger-bg: #fbeeed;--g-danger-border: #e8bcb8;--g-radius: 8px;--g-radius-sm: 4px;--g-radius-lg: 12px;--g-shadow: 0 1px 3px rgba(38, 36, 32, .08), 0 1px 2px rgba(38, 36, 32, .05);--g-shadow-md: 0 4px 12px rgba(38, 36, 32, .1), 0 2px 4px rgba(38, 36, 32, .05);--g-shadow-lg: 0 20px 40px rgba(38, 36, 32, .14), 0 8px 16px rgba(38, 36, 32, .07);--g-font-ui: "Sora", sans-serif;--g-font-code: "DM Mono", monospace}.gudang-dashboard{font-family:var(--g-font-ui);background:var(--g-bg);min-height:100vh;padding:28px;box-sizing:border-box;color:var(--g-text-primary)}.gudang-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:24px}.gudang-title{font-size:22px;font-weight:800;color:var(--g-text-primary);margin:0 0 4px;letter-spacing:-.4px}.gudang-subtitle{font-size:13px;color:var(--g-text-muted);margin:0;font-weight:400}.gudang-header-stats{display:flex;gap:10px;flex-wrap:wrap}.gudang-stat-pill{display:flex;flex-direction:column;align-items:flex-end;padding:10px 16px;border-radius:var(--g-radius);border:1px solid var(--g-border);background:var(--g-surface);min-width:130px}.gudang-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--g-text-muted)}.gudang-stat-value{font-size:14px;font-weight:700;margin-top:2px}.gudang-stat-total .gudang-stat-value{color:var(--g-accent)}.gudang-stat-success .gudang-stat-value{color:var(--g-success)}.gudang-stat-warning .gudang-stat-value{color:var(--g-warning)}.gudang-filterbar{background:var(--g-surface);border:1px solid var(--g-border);border-radius:var(--g-radius-lg);padding:16px 20px;display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-bottom:20px;box-shadow:var(--g-shadow)}.gudang-filter-group{display:flex;flex-direction:column;gap:6px;position:relative;min-width:180px}.gudang-filter-search{flex:1;min-width:200px}.gudang-filter-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--g-text-muted)}.gudang-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--g-surface-2);border:1px solid var(--g-border);border-radius:var(--g-radius-sm);cursor:pointer;font-size:13px;color:var(--g-text-primary);font-family:var(--g-font-ui);transition:border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none;min-height:36px}.gudang-dropdown-trigger:hover,.gudang-dropdown-trigger.open{border-color:var(--g-accent);box-shadow:0 0 0 2px #2554c71f}.gudang-dropdown-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gudang-dropdown-icons{display:flex;align-items:center;gap:4px;margin-left:6px}.gudang-clear-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--g-text-muted);padding:2px;border-radius:2px;transition:color .1s,background .1s;cursor:pointer}.gudang-clear-icon:hover{color:var(--g-danger);background:var(--g-danger-bg)}.gudang-chevron{display:inline-flex;align-items:center;color:var(--g-text-muted);transition:transform .2s}.gudang-dropdown-trigger.open .gudang-chevron{transform:rotate(180deg)}.gudang-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--g-surface);border:1px solid var(--g-border);border-radius:var(--g-radius);box-shadow:var(--g-shadow-md);z-index:200;overflow:hidden;min-width:220px}.gudang-dropdown-search{width:100%;padding:10px 12px;border:none;border-bottom:1px solid var(--g-border);font-size:13px;font-family:var(--g-font-ui);color:var(--g-text-primary);background:var(--g-surface-2);box-sizing:border-box;outline:none}.gudang-dropdown-list{max-height:200px;overflow-y:auto}.gudang-dropdown-item{padding:9px 12px;font-size:13px;color:var(--g-text-secondary);cursor:pointer;transition:background .1s}.gudang-dropdown-item:hover{background:var(--g-accent-light)}.gudang-dropdown-item.active{background:var(--g-accent-light);color:var(--g-accent);font-weight:600}.gudang-dropdown-divider{border:none;border-top:1px solid var(--g-border);margin:0}.gudang-dropdown-empty{padding:12px;font-size:12px;color:var(--g-text-muted);text-align:center;font-style:italic}.gudang-status-buttons{display:flex;gap:6px}.gudang-status-btn{padding:7px 12px;border-radius:var(--g-radius-sm);border:1px solid var(--g-border);background:var(--g-surface-2);font-size:12px;font-family:var(--g-font-ui);font-weight:500;color:var(--g-text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap}.gudang-status-btn:hover{border-color:var(--g-border-strong)}.gudang-status-btn.active-all{background:var(--g-text-primary);color:#fff;border-color:var(--g-text-primary)}.gudang-status-btn.active-sudah{background:var(--g-success-bg);color:var(--g-success);border-color:var(--g-success-border);font-weight:600}.gudang-status-btn.active-belum{background:var(--g-warning-bg);color:var(--g-warning);border-color:var(--g-warning-border);font-weight:600}.gudang-search-input{padding:8px 12px;border:1px solid var(--g-border);border-radius:var(--g-radius-sm);font-size:13px;font-family:var(--g-font-ui);color:var(--g-text-primary);background:var(--g-surface-2);width:100%;box-sizing:border-box;outline:none;transition:border-color .15s,box-shadow .15s;min-height:36px}.gudang-search-input:focus{border-color:var(--g-accent);box-shadow:0 0 0 2px #2554c71f;background:var(--g-surface)}.gudang-btn-reset{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px dashed var(--g-border-strong);border-radius:var(--g-radius-sm);font-size:12px;font-family:var(--g-font-ui);color:var(--g-text-muted);cursor:pointer;transition:all .15s;align-self:flex-end;margin-bottom:0;white-space:nowrap}.gudang-btn-reset:hover{color:var(--g-danger);border-color:var(--g-danger);background:var(--g-danger-bg)}.gudang-table-section{background:var(--g-surface);border:1px solid var(--g-border);border-radius:var(--g-radius-lg);box-shadow:var(--g-shadow);overflow:hidden}.gudang-table-header{padding:16px 20px;border-bottom:1px solid var(--g-border);display:flex;align-items:center;justify-content:space-between}.gudang-table-title{font-size:15px;font-weight:700;margin:0;color:var(--g-text-primary);display:flex;align-items:center;gap:10px}.gudang-table-count{font-size:12px;font-weight:600;color:var(--g-text-muted);background:var(--g-bg);padding:2px 8px;border-radius:20px;border:1px solid var(--g-border)}.gudang-table-wrapper{overflow-x:auto}.gudang-table{width:100%;border-collapse:collapse;font-size:13px}.gudang-th{padding:10px 14px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--g-text-muted);background:var(--g-surface-2);border-bottom:1px solid var(--g-border);white-space:nowrap}.gudang-th-right{text-align:right}.gudang-th-center{text-align:center}.gudang-tr{transition:background .1s}.gudang-tr:hover{background:var(--g-accent-light)}.gudang-tr:not(:last-child) .gudang-td{border-bottom:1px solid var(--g-border)}.gudang-td{padding:12px 14px;vertical-align:top;color:var(--g-text-primary)}.gudang-td-right{text-align:right}.gudang-td-center{text-align:center}.gudang-sn-cell{display:flex;flex-direction:column;gap:3px}.gudang-sn-code{font-family:var(--g-font-code);font-weight:500;font-size:13px;color:var(--g-text-primary);letter-spacing:.2px}.gudang-sn-spek{font-size:11px;color:var(--g-text-muted);line-height:1.4;max-width:180px}.gudang-user-cell{display:flex;flex-direction:column;gap:2px}.gudang-user-name{font-weight:500;color:var(--g-text-primary)}.gudang-user-divisi{font-size:11px;color:var(--g-text-muted)}.gudang-perusahaan-name{font-weight:600;font-size:13px;color:var(--g-text-primary)}.gudang-po-cell{display:flex;flex-direction:column;gap:5px}.gudang-po-internal,.gudang-po-eksternal{display:flex;align-items:center;gap:6px}.gudang-po-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--g-text-muted);min-width:52px}.gudang-po-value{font-family:var(--g-font-code);font-size:12px;color:var(--g-text-code);background:var(--g-bg);padding:2px 6px;border-radius:3px;border:1px solid var(--g-border)}.gudang-po-multi{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-family:var(--g-font-ui);font-weight:600;color:var(--g-accent);background:var(--g-accent-light);border:1px solid var(--g-accent-border);border-radius:3px;padding:2px 8px;cursor:pointer;transition:background .1s,color .1s}.gudang-po-multi:hover{background:#dde6fa;color:var(--g-accent-hover)}.gudang-sisa-cell{display:flex;flex-direction:column;gap:3px}.gudang-sisa-date{font-size:11px;color:var(--g-text-muted);font-family:var(--g-font-code)}.gudang-sisa-expired,.gudang-sisa-today{font-size:12px;font-weight:700;color:var(--g-danger)}.gudang-sisa-warning{font-size:12px;font-weight:600;color:#b0631f}.gudang-sisa-soon{font-size:12px;font-weight:600;color:var(--g-warning)}.gudang-sisa-ok{font-size:12px;font-weight:600;color:var(--g-success)}.gudang-sisa-none{font-size:12px;color:var(--g-text-muted)}.gudang-badge-return{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.gudang-return-sudah{background:var(--g-success-bg);color:var(--g-success);border:1px solid var(--g-success-border)}.gudang-return-belum{background:var(--g-warning-bg);color:var(--g-warning);border:1px solid var(--g-warning-border)}.gudang-omset-value{display:block;font-family:var(--g-font-code);font-weight:500;font-size:13px;color:var(--g-text-primary)}.gudang-omset-inv{display:block;font-size:11px;color:var(--g-text-muted);margin-top:2px}.gudang-aksi-group{display:flex;gap:6px;justify-content:center;align-items:center}.gudang-btn-aksi{width:40px;height:30px;border-radius:var(--g-radius-sm);border:1px solid var(--g-border);background:var(--g-surface-2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--g-text-secondary);transition:all .15s}.gudang-btn-detail:hover{background:var(--g-accent-light);border-color:var(--g-accent-border);color:var(--g-accent)}.gudang-btn-toggle-main:hover{background:var(--g-warning-bg);border-color:var(--g-warning-border);color:var(--g-warning)}.gudang-btn-toggle-main:disabled{opacity:.4;cursor:not-allowed}.sn-trackr-trigger-btn{width:40px;height:30px;border-radius:var(--g-radius-sm);border:1px solid var(--g-border);background:var(--g-surface-2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--g-text-secondary);transition:all .15s}.sn-trackr-trigger-btn:hover{background:var(--g-accent-light);border-color:var(--g-accent-border);color:var(--g-accent)}.gudang-loading,.gudang-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--g-text-muted);gap:12px}.gudang-spinner{width:28px;height:28px;border:3px solid var(--g-border);border-top-color:var(--g-accent);border-radius:50%;animation:gudang-spin .7s linear infinite}@keyframes gudang-spin{to{transform:rotate(360deg)}}.gudang-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:12px;color:var(--g-text-secondary)}.gudang-error-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--g-danger)}.gudang-btn{padding:9px 18px;border-radius:var(--g-radius-sm);font-size:13px;font-family:var(--g-font-ui);font-weight:600;cursor:pointer;transition:all .15s;border:1px solid transparent}.gudang-btn-primary{background:var(--g-accent);color:#fff;border-color:var(--g-accent)}.gudang-btn-primary:hover{background:var(--g-accent-hover)}.gudang-btn-secondary{background:var(--g-surface);color:var(--g-text-secondary);border-color:var(--g-border-strong)}.gudang-btn-secondary:hover{background:var(--g-bg)}.gudang-btn-toggle{padding:5px 10px;border-radius:var(--g-radius-sm);font-size:11px;font-family:var(--g-font-ui);font-weight:600;cursor:pointer;transition:all .15s;border:1px solid var(--g-border);background:var(--g-surface-2);display:inline-flex;align-items:center;gap:4px}.gudang-btn-toggle:disabled{opacity:.5;cursor:not-allowed}.gudang-toggle-sudah{background:var(--g-success-bg);color:var(--g-success);border-color:var(--g-success-border)}.gudang-toggle-sudah:hover:not(:disabled){background:#dff0e4}.gudang-toggle-belum{background:var(--g-warning-bg);color:var(--g-warning);border-color:var(--g-warning-border)}.gudang-toggle-belum:hover:not(:disabled){background:#f4e4c4}.modal-gudang-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#26242073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:modal-gudang-fadein .18s ease}@keyframes modal-gudang-fadein{0%{opacity:0}to{opacity:1}}.modal-gudang-container{background:var(--g-surface);border-radius:var(--g-radius-lg);box-shadow:var(--g-shadow-lg);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;animation:modal-gudang-slide .2s ease;overflow:hidden}@keyframes modal-gudang-slide{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-gudang-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--g-border);background:var(--g-surface-2);flex-shrink:0}.modal-gudang-subtitle{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--g-text-muted);margin:0 0 4px}.modal-gudang-title{font-size:18px;font-weight:800;margin:0 0 4px;font-family:var(--g-font-code);color:var(--g-text-primary);letter-spacing:.2px}.modal-gudang-meta{font-size:12px;color:var(--g-text-muted);margin:0}.modal-gudang-close{background:none;border:none;color:var(--g-text-muted);cursor:pointer;padding:4px 8px;border-radius:var(--g-radius-sm);display:flex;align-items:center;transition:color .1s,background .1s;flex-shrink:0}.modal-gudang-close:hover{color:var(--g-danger);background:var(--g-danger-bg)}.modal-gudang-body{overflow-y:auto;padding:20px 24px;flex:1;display:flex;flex-direction:column;gap:20px}.modal-gudang-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;background:var(--g-bg);border-radius:var(--g-radius);padding:14px 16px;border:1px solid var(--g-border)}.modal-gudang-info-item{display:flex;flex-direction:column;gap:3px}.modal-gudang-info-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--g-text-muted)}.modal-gudang-info-value{font-size:13px;font-weight:600;color:var(--g-text-primary)}.gudang-badge-po{font-family:var(--g-font-code);background:var(--g-accent-light);color:var(--g-accent);padding:2px 8px;border-radius:3px;border:1px solid var(--g-accent-border);font-size:12px;display:inline-block}.modal-gudang-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--g-text-muted);margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--g-border)}.modal-gudang-table-wrapper{overflow-x:auto;border:1px solid var(--g-border);border-radius:var(--g-radius)}.modal-gudang-table{width:100%;border-collapse:collapse;font-size:12px}.modal-gudang-table thead tr{background:var(--g-surface-2)}.modal-gudang-table th{padding:9px 12px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--g-text-muted);border-bottom:1px solid var(--g-border);white-space:nowrap}.modal-gudang-table td{padding:10px 12px;vertical-align:middle;border-bottom:1px solid var(--g-border);color:var(--g-text-primary)}.modal-gudang-table tr:last-child td{border-bottom:none}.modal-gudang-table tr:hover td{background:var(--g-accent-light)}.modal-gudang-po-cell{display:flex;flex-direction:column;gap:2px}.modal-gudang-invoice-id{font-family:var(--g-font-code);font-size:11px;color:var(--g-text-muted)}.modal-gudang-no-po{font-family:var(--g-font-code);font-weight:500;font-size:12px;color:var(--g-text-primary)}.modal-gudang-price{font-family:var(--g-font-code);font-weight:500;white-space:nowrap;color:var(--g-accent)}.modal-gudang-period{font-family:var(--g-font-code);font-size:11px;white-space:nowrap}.gudang-badge-status{padding:3px 8px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;background:var(--g-bg);color:var(--g-text-muted);border:1px solid var(--g-border);white-space:nowrap}.gudang-badge-aktif{background:var(--g-success-bg);color:var(--g-success);border-color:var(--g-success-border)}.gudang-badge-tidak-aktif{background:var(--g-danger-bg);color:var(--g-danger);border-color:var(--g-danger-border)}.gudang-badge-belum-aktif{background:var(--g-warning-bg);color:var(--g-warning);border-color:var(--g-warning-border)}.modal-gudang-footer{padding:14px 24px;border-top:1px solid var(--g-border);display:flex;justify-content:flex-end;flex-shrink:0;background:var(--g-surface-2)}.modal-gudang-confirm{background:var(--g-surface);border-radius:var(--g-radius-lg);box-shadow:var(--g-shadow-lg);width:100%;max-width:420px;padding:28px;text-align:center;animation:modal-gudang-slide .2s ease}.modal-gudang-confirm-icon{width:52px;height:52px;border-radius:50%;background:var(--g-accent-light);color:var(--g-accent);border:2px solid var(--g-accent-border);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.modal-gudang-confirm-title{font-size:16px;font-weight:700;margin:0 0 16px;color:var(--g-text-primary)}.modal-gudang-confirm-info{background:var(--g-bg);border:1px solid var(--g-border);border-radius:var(--g-radius);padding:12px 16px;margin-bottom:18px;text-align:left}.modal-gudang-confirm-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:13px}.modal-gudang-confirm-row span{color:var(--g-text-muted)}.modal-gudang-confirm-row strong{color:var(--g-text-primary)}.modal-gudang-status-change{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.modal-gudang-status-from,.modal-gudang-status-to{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--g-radius-sm);font-size:12px;font-weight:700}.modal-status-sudah{background:var(--g-success-bg);color:var(--g-success);border:1px solid var(--g-success-border)}.modal-status-belum{background:var(--g-warning-bg);color:var(--g-warning);border:1px solid var(--g-warning-border)}.modal-gudang-arrow{display:inline-flex;align-items:center;color:var(--g-text-muted)}.modal-gudang-confirm-question{font-size:13px;color:var(--g-text-secondary);margin:0 0 20px}.modal-gudang-confirm-actions{display:flex;gap:10px;justify-content:center}.modal-gudang-success{background:var(--g-surface);border-radius:var(--g-radius-lg);padding:32px 40px;text-align:center;box-shadow:var(--g-shadow-lg);animation:modal-gudang-slide .2s ease}.modal-gudang-success-icon{width:52px;height:52px;border-radius:50%;background:var(--g-success-bg);border:2px solid var(--g-success-border);color:var(--g-success);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.modal-gudang-success h3{font-size:17px;font-weight:700;color:var(--g-success);margin:0 0 6px}.modal-gudang-success p{font-size:13px;color:var(--g-text-muted);margin:0}@media (max-width: 768px){.gudang-dashboard{padding:16px}.gudang-header{flex-direction:column}.gudang-header-stats{width:100%}.gudang-stat-pill{flex:1;align-items:flex-start}.gudang-filterbar{padding:14px}.gudang-filter-group{min-width:140px}.gudang-status-buttons{flex-wrap:wrap}.modal-gudang-container{max-height:100vh;border-radius:0}}.gudang-table-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.gudang-items-per-page{display:flex;align-items:center;gap:8px}.gudang-select-perpage{padding:6px 10px;border:1px solid var(--g-border);border-radius:6px;font-size:13px;color:var(--g-text-primary);background:var(--g-surface);cursor:pointer;outline:none;transition:border-color .2s}.gudang-select-perpage:hover,.gudang-select-perpage:focus{border-color:var(--g-accent)}.gudang-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 16px;border-top:1px solid var(--g-border);background:var(--g-surface-2);border-radius:0 0 10px 10px}.gudang-pagination-info{font-size:13px;color:var(--g-text-muted)}.gudang-pagination-controls{display:flex;align-items:center;gap:4px}.gudang-page-btn{min-width:34px;height:34px;padding:0 8px;border:1px solid var(--g-border);border-radius:6px;background:var(--g-surface);color:var(--g-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:inline-flex;align-items:center;justify-content:center;line-height:1}.gudang-page-btn:hover:not(:disabled){background:var(--g-accent-light);border-color:var(--g-accent);color:var(--g-accent)}.gudang-page-btn.active{background:var(--g-accent);border-color:var(--g-accent);color:#fff;font-weight:600;pointer-events:none}.gudang-page-btn:disabled{opacity:.35;cursor:not-allowed}.gudang-page-ellipsis{min-width:28px;text-align:center;color:var(--g-text-muted);font-size:14px;-webkit-user-select:none;user-select:none}@media (max-width: 640px){.gudang-pagination{flex-direction:column;align-items:flex-start;gap:10px}.gudang-table-header{flex-direction:column;align-items:flex-start}}.sn-trackr-overlay{--sn-trackr-blue: #1d4ed8;--sn-trackr-blue-dark: #1e3a8a;--sn-trackr-blue-light: #eff6ff;--sn-trackr-blue-border: #bfdbfe;--sn-trackr-white: #ffffff;--sn-trackr-gray-50: #f9fafb;--sn-trackr-gray-100: #f3f4f6;--sn-trackr-gray-200: #e5e7eb;--sn-trackr-gray-400: #9ca3af;--sn-trackr-gray-600: #4b5563;--sn-trackr-gray-900: #111827;--sn-trackr-cream: #faf6ec;--sn-trackr-cream-border: #ecdfc3;--sn-trackr-cream-dark: #b8925f;--sn-trackr-success: #059669;--sn-trackr-success-bg: #ecfdf5;--sn-trackr-warning: #d97706;--sn-trackr-warning-bg: #fffbeb;--sn-trackr-radius: 10px;--sn-trackr-radius-sm: 6px;--sn-trackr-radius-lg: 14px;--sn-trackr-shadow: 0 4px 14px rgba(17, 24, 39, .08);--sn-trackr-shadow-lg: 0 24px 48px rgba(17, 24, 39, .18);--sn-trackr-font-ui: "Sora", sans-serif;--sn-trackr-font-mono: "DM Mono", monospace;position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px;animation:sn-trackr-fadein .18s ease}@keyframes sn-trackr-fadein{0%{opacity:0}to{opacity:1}}.sn-trackr-mono{font-family:var(--sn-trackr-font-mono)}.sn-trackr-container{background:var(--sn-trackr-white);border-radius:var(--sn-trackr-radius-lg);box-shadow:var(--sn-trackr-shadow-lg);width:100%;max-width:760px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:sn-trackr-slide .2s ease;font-family:var(--sn-trackr-font-ui)}@keyframes sn-trackr-slide{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.sn-trackr-header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 26px 18px;background:linear-gradient(135deg,var(--sn-trackr-blue-dark),var(--sn-trackr-blue));flex-shrink:0}.sn-trackr-subtitle{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#ffffffb3;margin:0 0 4px}.sn-trackr-title{font-size:20px;font-weight:800;color:var(--sn-trackr-white);margin:0 0 6px;font-family:var(--sn-trackr-font-mono);letter-spacing:.3px}.sn-trackr-meta{font-size:12px;color:#ffffffbf;margin:0;font-family:var(--sn-trackr-font-mono)}.sn-trackr-close{background:#ffffff1f;border:none;color:var(--sn-trackr-white);font-size:15px;width:32px;height:32px;border-radius:50%;cursor:pointer;flex-shrink:0;transition:background .15s;display:flex;align-items:center;justify-content:center}.sn-trackr-close:hover{background:#ffffff40}.sn-trackr-summary{display:flex;gap:12px;padding:16px 26px;background:var(--sn-trackr-cream);border-bottom:1px solid var(--sn-trackr-cream-border);flex-shrink:0;flex-wrap:wrap}.sn-trackr-summary-pill{flex:1;min-width:160px;background:var(--sn-trackr-white);border:1px solid var(--sn-trackr-cream-border);border-radius:var(--sn-trackr-radius);padding:10px 16px;display:flex;flex-direction:column;gap:2px}.sn-trackr-summary-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--sn-trackr-gray-400)}.sn-trackr-summary-value{font-size:16px;font-weight:800;color:var(--sn-trackr-gray-900)}.sn-trackr-summary-omset .sn-trackr-summary-value{color:var(--sn-trackr-blue)}.sn-trackr-body{overflow-y:auto;flex:1;padding:24px 26px;background:var(--sn-trackr-gray-50)}.sn-trackr-loading,.sn-trackr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--sn-trackr-gray-400)}.sn-trackr-spinner{width:28px;height:28px;border:3px solid var(--sn-trackr-gray-200);border-top-color:var(--sn-trackr-blue);border-radius:50%;animation:sn-trackr-spin .7s linear infinite}@keyframes sn-trackr-spin{to{transform:rotate(360deg)}}.sn-trackr-timeline{display:flex;flex-direction:column}.sn-trackr-node{display:flex;gap:16px}.sn-trackr-rail{display:flex;flex-direction:column;align-items:center;width:20px;flex-shrink:0}.sn-trackr-dot{width:18px;height:18px;border-radius:50%;background:var(--sn-trackr-white);border:3px solid var(--sn-trackr-gray-400);margin-top:22px;flex-shrink:0;position:relative;z-index:2}.sn-trackr-dot-current{border-color:var(--sn-trackr-blue);background:var(--sn-trackr-blue)}.sn-trackr-dot-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--sn-trackr-blue);animation:sn-trackr-pulse 1.8s ease-out infinite}@keyframes sn-trackr-pulse{0%{transform:scale(.8);opacity:.9}to{transform:scale(1.8);opacity:0}}.sn-trackr-line{width:2px;flex:1;background:var(--sn-trackr-gray-200);margin:2px 0}.sn-trackr-card-wrapper{flex:1;padding-bottom:20px;min-width:0}.sn-trackr-card{background:var(--sn-trackr-white);border:1px solid var(--sn-trackr-gray-200);border-radius:var(--sn-trackr-radius);padding:16px 18px;cursor:pointer;transition:border-color .15s,box-shadow .15s;box-shadow:var(--sn-trackr-shadow)}.sn-trackr-card:hover{border-color:var(--sn-trackr-blue-border)}.sn-trackr-card-current{border-color:var(--sn-trackr-blue);background:var(--sn-trackr-blue-light)}.sn-trackr-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sn-trackr-card-date{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--sn-trackr-gray-400)}.sn-trackr-badge-current{font-size:10px;font-weight:700;color:var(--sn-trackr-white);background:var(--sn-trackr-blue);padding:3px 9px;border-radius:20px;letter-spacing:.3px}.sn-trackr-card-main{margin-bottom:10px}.sn-trackr-card-company{font-size:15px;font-weight:800;color:var(--sn-trackr-gray-900);margin:0 0 2px}.sn-trackr-card-user{font-size:12px;color:var(--sn-trackr-gray-600);margin:0}.sn-trackr-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.sn-trackr-chip{font-size:11px;color:var(--sn-trackr-gray-600);background:var(--sn-trackr-gray-100);border:1px solid var(--sn-trackr-gray-200);border-radius:20px;padding:3px 10px}.sn-trackr-chip strong{color:var(--sn-trackr-gray-900)}.sn-trackr-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px dashed var(--sn-trackr-gray-200);padding-top:12px}.sn-trackr-omset-highlight{display:flex;flex-direction:column;gap:1px;background:var(--sn-trackr-cream);border:1px solid var(--sn-trackr-cream-border);border-radius:var(--sn-trackr-radius-sm);padding:6px 12px}.sn-trackr-omset-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--sn-trackr-cream-dark)}.sn-trackr-omset-value{font-size:15px;font-weight:800;color:var(--sn-trackr-gray-900);font-family:var(--sn-trackr-font-mono)}.sn-trackr-omset-sub{font-size:10px;color:var(--sn-trackr-gray-400)}.sn-trackr-expand-btn{background:none;border:none;font-size:12px;font-weight:600;color:var(--sn-trackr-blue);cursor:pointer;padding:6px 4px;font-family:var(--sn-trackr-font-ui)}.sn-trackr-expand-btn:hover{text-decoration:underline}.sn-trackr-swap-connector{margin-top:10px;font-size:11px;color:var(--sn-trackr-warning);background:var(--sn-trackr-warning-bg);border:1px dashed var(--sn-trackr-warning);border-radius:var(--sn-trackr-radius-sm);padding:6px 10px;font-family:var(--sn-trackr-font-mono)}.sn-trackr-detail{margin-top:14px;padding-top:14px;border-top:1px solid var(--sn-trackr-gray-200);animation:sn-trackr-expand .15s ease}@keyframes sn-trackr-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sn-trackr-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px}.sn-trackr-detail-item{display:flex;flex-direction:column;gap:2px}.sn-trackr-detail-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--sn-trackr-gray-400)}.sn-trackr-detail-value{font-size:12.5px;font-weight:600;color:var(--sn-trackr-gray-900)}.sn-trackr-price{color:var(--sn-trackr-blue);font-family:var(--sn-trackr-font-mono)}.sn-trackr-detail-footer{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sn-trackr-badge-status{padding:3px 9px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;background:var(--sn-trackr-gray-100);color:var(--sn-trackr-gray-600);border:1px solid var(--sn-trackr-gray-200)}.sn-trackr-status-aktif{background:var(--sn-trackr-success-bg);color:var(--sn-trackr-success);border-color:#a7f3d0}.sn-trackr-status-tidak-aktif{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.sn-trackr-status-belum-aktif{background:var(--sn-trackr-warning-bg);color:var(--sn-trackr-warning);border-color:#fde68a}.sn-trackr-sub-status{font-size:11px;color:var(--sn-trackr-gray-400);font-style:italic}.sn-trackr-badge-return{display:inline-flex;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:700;width:fit-content}.sn-trackr-return-sudah{background:var(--sn-trackr-success-bg);color:var(--sn-trackr-success)}.sn-trackr-return-belum{background:var(--sn-trackr-warning-bg);color:var(--sn-trackr-warning)}.sn-trackr-swap-notice{font-size:12px;color:var(--sn-trackr-blue-dark);background:var(--sn-trackr-blue-light);border:1px solid var(--sn-trackr-blue-border);border-radius:var(--sn-trackr-radius-sm);padding:8px 12px}.sn-trackr-footer{padding:14px 26px;border-top:1px solid var(--sn-trackr-gray-200);display:flex;justify-content:flex-end;background:var(--sn-trackr-white);flex-shrink:0}.sn-trackr-btn{padding:9px 18px;border-radius:var(--sn-trackr-radius-sm);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--sn-trackr-font-ui);transition:all .15s}.sn-trackr-btn-secondary{background:var(--sn-trackr-white);color:var(--sn-trackr-gray-600);border:1px solid var(--sn-trackr-gray-200)}.sn-trackr-btn-secondary:hover{background:var(--sn-trackr-gray-50)}@media (max-width: 640px){.sn-trackr-container{max-height:100vh;border-radius:0}.sn-trackr-detail-grid{grid-template-columns:1fr 1fr}.sn-trackr-summary{flex-direction:column}}.tabnav{width:100%}.tabnav__divider{height:1px;background:#e4e1db;margin-bottom:0}.tabnav__track{display:flex;justify-content:center;align-items:stretch;gap:0;background:#f5f2ed;border:1px solid #e4e1db;border-top:none;border-radius:0 0 6px 6px;padding:6px 8px;overflow:hidden}.tabnav__btn{position:relative;display:inline-flex;align-items:center;gap:9px;padding:11px 28px;border:1px solid transparent;border-radius:4px;background:transparent;color:#6b7280;font-size:13.5px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:.01em}.tabnav__btn:hover:not(.tabnav__btn--active){color:#374151;background:#ede9e2;border-color:#d6d0c8}.tabnav__btn--active{color:#1a56db;background:#fff;border-color:#c3d5f8;font-weight:600;box-shadow:0 1px 3px #1a56db1a}.tabnav__icon-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.tabnav__label{line-height:1}.tabnav__indicator{position:absolute;bottom:-1px;left:14px;right:14px;height:2px;background:#1a56db;border-radius:2px 2px 0 0}@media (max-width: 480px){.tabnav__track{flex-direction:column;border-radius:0 0 6px 6px;padding:6px;gap:4px}.tabnav__btn{justify-content:center;padding:11px 16px;width:100%}.tabnav__indicator{display:none}}.potab-wrapper{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.potab-scroll{overflow-x:auto}.potab-table{width:100%;border-collapse:collapse;font-size:13.5px}.potab-table thead tr{background:#06c}.potab-table th{padding:13px 12px;text-align:left;font-size:12px;font-weight:600;color:#fff;white-space:nowrap;border-bottom:none}.potab-th--sort{cursor:pointer;-webkit-user-select:none;user-select:none}.potab-th--sort:hover{background:#0052a3}.potab-th--center{text-align:center}.potab-th--right{text-align:right}.potab-sort-icon{margin-left:4px;font-size:10px;opacity:.85}.potab-table td{padding:13px 12px;border-bottom:1px solid #f3f4f6;vertical-align:middle;color:#1f2937}.potab-row:last-child td{border-bottom:none}.potab-row:hover td{background:#f5f0e8}.potab-td--muted{color:#9ca3af;font-size:12px}.potab-td--center{text-align:center}.potab-td--right{text-align:right}.potab-td--internal{color:#6b7280;font-size:12.5px}.potab-td--amount{font-weight:600;color:#1f2937}.potab-po-number{font-weight:600;color:#06c;font-size:13px}.potab-paid-amount{display:block;font-weight:600;color:#16a34a;font-size:13px}.potab-pct{display:block;font-size:11px;color:#9ca3af;margin-top:2px}.potab-status{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.potab-status--aktif,.potab-status--active{background:#dbeafe;color:#1d4ed8}.potab-status--selesai,.potab-status--completed{background:#dcfce7;color:#15803d}.potab-status--overdue{background:#fee2e2;color:#b91c1c}.potab-status{background:#f3f4f6;color:#374151}.potab-btn-kelola{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;background:#06c;color:#fff;border:none;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.potab-btn-kelola:hover{background:#0052a3}.potab-empty{text-align:center;padding:48px 20px;color:#9ca3af;font-style:italic;font-size:14px}.potab-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-top:1px solid #e5e7eb;background:#f9fafb;flex-wrap:wrap;gap:12px}.potab-page-info{font-size:13px;color:#6b7280;font-weight:500}.potab-page-controls{display:flex;gap:5px;align-items:center}.potab-page-btn{min-width:34px;height:34px;padding:6px 10px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:5px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,color .12s}.potab-page-btn:hover:not(:disabled):not(.potab-page-btn--active){background:#f5f0e8;border-color:#06c;color:#06c}.potab-page-btn--active{background:#06c;color:#fff;border-color:#06c;cursor:default}.potab-page-btn:disabled{opacity:.4;cursor:not-allowed}.potab-ellipsis{padding:0 5px;color:#9ca3af;font-size:15px}.potab-per-page{display:flex;align-items:center;gap:7px;font-size:13px;color:#6b7280}.potab-per-page-select{padding:5px 8px;border:1px solid #d1d5db;border-radius:5px;background:#fff;font-size:13px;color:#374151;cursor:pointer}.potab-per-page-select:focus{outline:none;border-color:#06c}.sntab-wrapper{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.sntab-scroll{overflow-x:auto}.sntab-table{width:100%;border-collapse:collapse;font-size:13px}.sntab-table thead tr{background:#06c}.sntab-table th{padding:13px 11px;text-align:left;font-size:11.5px;font-weight:600;color:#fff;white-space:nowrap}.sntab-th--sort{cursor:pointer;-webkit-user-select:none;user-select:none}.sntab-th--sort:hover{background:#0052a3}.sntab-th--center{text-align:center}.sntab-sort-icon{margin-left:4px;font-size:10px;opacity:.85}.sntab-table td{padding:12px 11px;border-bottom:1px solid #f3f4f6;vertical-align:middle;color:#1f2937}.sntab-row:last-child td{border-bottom:none}.sntab-row:hover td{background:#f5f0e8}.sntab-td--muted{color:#9ca3af;font-size:11px}.sntab-td--center{text-align:center}.sntab-empty-cell{color:#d1d5db;font-size:12px}.sntab-sn-number{font-weight:700;color:#06c;font-size:13px;letter-spacing:.2px}.sntab-badge-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.sntab-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:500;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:opacity .12s}.sntab-badge:hover{opacity:.75}.sntab-badge--current{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.sntab-badge-check{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;background:#1d4ed8;color:#fff;font-size:8px;flex-shrink:0}.sntab-badge--first{background:#f3f4f6;border-color:#93c5fd;color:#6b7280}.sntab-badge--middle{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.sntab-end-date{display:flex;flex-direction:column;gap:4px}.sntab-end-date-value{font-size:13px;font-weight:500;color:#374151}.sntab-end-date-value--red{color:#b91c1c}.sntab-end-date-value--blue{color:#0369a1}.sntab-contract-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;white-space:nowrap}.sntab-contract-badge--terlewat{background:#dc26261a;border:1px solid rgba(220,38,38,.35);color:#991b1b}.sntab-contract-badge--diperpanjang{background:#0369a11a;border:1px solid rgba(3,105,161,.3);color:#0369a1}.sntab-contract-badge--selesai{background:#6b72801a;border:1px solid rgba(107,114,128,.25);color:#6b7280}.sntab-omset{display:flex;flex-direction:column;gap:2px}.sntab-omset-value{font-weight:600;font-size:13px}.sntab-omset-value--teal{color:#0f766e}.sntab-omset-value--purple{color:#6d28d9}.sntab-omset-label{font-size:11px;color:#9ca3af}.sntab-actions{display:flex;flex-direction:column;gap:5px;align-items:stretch;min-width:130px}.sntab-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border:none;border-radius:5px;font-size:11.5px;font-weight:600;cursor:pointer;transition:background .14s,opacity .14s;white-space:nowrap}.sntab-btn--kelola{background:#06c;color:#fff}.sntab-btn--kelola:hover{background:#0052a3}.sntab-btn--extend{background:#16a34a;color:#fff}.sntab-btn--extend:hover{background:#15803d}.sntab-btn--export{background:#f5f0e8;color:#374151;border:1px solid #d1d5db}.sntab-btn--export:hover{background:#e8e0d0}.sntab-empty{text-align:center;padding:48px 20px;color:#9ca3af;font-style:italic;font-size:14px}.sntab-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-top:1px solid #e5e7eb;background:#f9fafb;flex-wrap:wrap;gap:12px}.sntab-page-info{font-size:13px;color:#6b7280;font-weight:500}.sntab-page-controls{display:flex;gap:5px;align-items:center}.sntab-page-btn{min-width:34px;height:34px;padding:6px 10px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:5px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,color .12s}.sntab-page-btn:hover:not(:disabled):not(.sntab-page-btn--active){background:#f5f0e8;border-color:#06c;color:#06c}.sntab-page-btn--active{background:#06c;color:#fff;border-color:#06c;cursor:default}.sntab-page-btn:disabled{opacity:.4;cursor:not-allowed}.sntab-ellipsis{padding:0 5px;color:#9ca3af;font-size:15px}.sntab-per-page{display:flex;align-items:center;gap:7px;font-size:13px;color:#6b7280}.sntab-per-page-select{padding:5px 8px;border:1px solid #d1d5db;border-radius:5px;background:#fff;font-size:13px;color:#374151;cursor:pointer}.sntab-per-page-select:focus{outline:none;border-color:#06c}.upmpe-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10001;animation:upm-fadein .15s ease}@keyframes upm-fadein{0%{opacity:0}to{opacity:1}}.upmpe-modal{background:#fff;border:1px solid #dde1e7;border-radius:8px;width:100%;max-width:440px;box-shadow:0 4px 24px #0000001f;display:flex;flex-direction:column;animation:upm-slidein .18s ease;overflow:hidden}@keyframes upm-slidein{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.upmpe-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e9ecef;background:#fff}.upmpe-header__icon{width:34px;height:34px;border-radius:6px;background:#eef2fb;color:#1a56db;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upmpe-header__text{flex:1;min-width:0}.upmpe-header__title{margin:0;font-size:14.5px;font-weight:700;color:#374151;line-height:1.2}.upmpe-header__sub{margin:3px 0 0;font-size:12px;color:#6b7280}.upmpe-header__close{width:28px;height:28px;border:1px solid #e4e7eb;border-radius:5px;background:#f5f2ed;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .14s,color .14s}.upmpe-header__close:hover{background:#e4e1db;color:#374151}.upmpe-body{padding:20px;display:flex;flex-direction:column;gap:16px}.upmpe-summary{background:#f5f2ed;border:1px solid #e4e1db;border-radius:6px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.upmpe-summary__row{display:flex;justify-content:space-between;align-items:center;gap:12px}.upmpe-summary__key{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0}.upmpe-summary__val{font-size:13.5px;font-weight:500;color:#1f2937;text-align:right}.upmpe-summary__val--accent{font-weight:700;color:#1a56db}.upmpe-empty{color:#9ca3af;font-style:italic;font-size:12.5px}.upmpe-status-badge{display:inline-block;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:3px}.upmpe-status-badge--paid{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.upmpe-status-badge--unpaid{background:#fef9c3;color:#854d0e;border:1px solid #fde68a}.upmpe-notice{display:flex;align-items:flex-start;gap:9px;padding:11px 14px;border-radius:6px;font-size:13px;line-height:1.4}.upmpe-notice--warn{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.upmpe-notice svg{flex-shrink:0;margin-top:1px;color:#ea580c}.upmpe-form{display:flex;flex-direction:column;gap:8px}.upmpe-form__label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#374151}.upmpe-form__label svg{color:#1a56db}.upmpe-required{color:#dc2626;font-weight:700}.upmpe-form__input{width:100%;padding:9px 12px;border:1.5px solid #d1d5db;border-radius:5px;font-size:13.5px;color:#111827;background:#fff;transition:border-color .14s,box-shadow .14s;box-sizing:border-box}.upmpe-form__input:focus{outline:none;border-color:#1a56db;box-shadow:0 0 0 3px #1a56db17}.upmpe-form__hint{margin:0;font-size:11.5px;color:#6b7280;line-height:1.4}.upmpe-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #e9ecef;background:#f5f2ed}.upmpe-btn{padding:9px 20px;border-radius:5px;font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .14s,color .14s,border-color .14s,opacity .14s;line-height:1}.upmpe-btn--cancel{background:#fff;color:#374151;border-color:#d1d5db}.upmpe-btn--cancel:hover{background:#e9ecef}.upmpe-btn--submit{background:#1a56db;color:#fff;border-color:#1a56db}.upmpe-btn--submit:hover:not(:disabled){background:#1446bb}.upmpe-btn--submit:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 480px){.upmpe-footer{flex-direction:column-reverse}.upmpe-btn{width:100%;text-align:center}}.uimpe-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10001;animation:uim-fadein .15s ease}@keyframes uim-fadein{0%{opacity:0}to{opacity:1}}.uimpe-modal{background:#fff;border:1px solid #dde1e7;border-radius:8px;width:100%;max-width:440px;box-shadow:0 4px 24px #0000001f;display:flex;flex-direction:column;animation:uim-slidein .18s ease;overflow:hidden}@keyframes uim-slidein{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.uimpe-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e9ecef;background:#fff}.uimpe-header__icon{width:34px;height:34px;border-radius:6px;background:#f0f5ff;color:#1a56db;display:flex;align-items:center;justify-content:center;flex-shrink:0}.uimpe-header__text{flex:1;min-width:0}.uimpe-header__title{margin:0;font-size:14.5px;font-weight:700;color:#111827;line-height:1.2}.uimpe-header__sub{margin:3px 0 0;font-size:12px;color:#6b7280}.uimpe-header__close{width:28px;height:28px;border:1px solid #e4e7eb;border-radius:5px;background:#f5f2ed;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .14s,color .14s}.uimpe-header__close:hover{background:#e4e1db;color:#374151}.uimpe-body{padding:20px;display:flex;flex-direction:column;gap:16px}.uimpe-summary{background:#f5f2ed;border:1px solid #e4e1db;border-radius:6px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.uimpe-summary__row{display:flex;justify-content:space-between;align-items:center;gap:12px}.uimpe-summary__key{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0}.uimpe-summary__val{font-size:13.5px;font-weight:500;color:#1f2937;text-align:right}.uimpe-summary__val--accent{font-weight:700;color:#1a56db}.uimpe-status-badge{display:inline-block;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:3px}.uimpe-status-badge--paid{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.uimpe-status-badge--unpaid{background:#fef9c3;color:#854d0e;border:1px solid #fde68a}.uimpe-existing{display:flex;flex-direction:column;gap:4px;padding:10px 13px;border:1px solid #c3d5f8;border-radius:5px;background:#eef2fb}.uimpe-existing__label{font-size:11px;font-weight:600;color:#1a56db;text-transform:uppercase;letter-spacing:.4px}.uimpe-existing__value{font-size:13.5px;font-weight:600;color:#1e3a6e;font-family:Courier New,monospace}.uimpe-existing__date{font-size:12px;font-weight:400;color:#3b5998}.uimpe-form{display:flex;flex-direction:column;gap:14px}.uimpe-form__group{display:flex;flex-direction:column;gap:7px}.uimpe-form__label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#374151}.uimpe-form__label svg{color:#1a56db}.uimpe-required{color:#dc2626;font-weight:700}.uimpe-form__input{width:100%;padding:9px 12px;border:1.5px solid #d1d5db;border-radius:5px;font-size:13.5px;color:#111827;background:#fff;transition:border-color .14s,box-shadow .14s;box-sizing:border-box;font-family:inherit}.uimpe-form__input:focus{outline:none;border-color:#1a56db;box-shadow:0 0 0 3px #1a56db17}.uimpe-form__hint{margin:0;font-size:11.5px;color:#6b7280;line-height:1.4}.uimpe-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #e9ecef;background:#f5f2ed}.uimpe-btn{padding:9px 20px;border-radius:5px;font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .14s,color .14s,border-color .14s,opacity .14s;line-height:1}.uimpe-btn--cancel{background:#fff;color:#374151;border-color:#d1d5db}.uimpe-btn--cancel:hover{background:#e9ecef}.uimpe-btn--submit{background:#1a56db;color:#fff;border-color:#1a56db}.uimpe-btn--submit:hover:not(:disabled){background:#1446bb}.uimpe-btn--submit:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 480px){.uimpe-footer{flex-direction:column-reverse}.uimpe-btn{width:100%;text-align:center}}.sn-export-wrapper{position:relative;display:inline-block}.sn-export-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px 7px 12px;background:#16a34a;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;letter-spacing:.2px;cursor:pointer;white-space:nowrap;box-shadow:0 1px 3px #0000002e,0 1px #ffffff14 inset;transition:background .14s ease,box-shadow .14s ease,transform .1s ease}.sn-export-btn:hover:not(:disabled){background:#15803d;box-shadow:0 3px 8px #00000038;transform:translateY(-1px)}.sn-export-btn:active:not(:disabled){background:#166534;transform:translateY(0);box-shadow:0 1px 2px #0000002e}.sn-export-btn:disabled{background:#86efac;color:#fff;cursor:not-allowed;box-shadow:none}.sn-export-btn>svg{flex-shrink:0;opacity:.92}.sn-export-chevron{display:flex;align-items:center;margin-left:2px;opacity:.8;transition:transform .2s ease}.sn-export-btn.open .sn-export-chevron{transform:rotate(180deg)}.sn-export-dropdown{position:absolute;top:calc(100% + 5px);right:0;z-index:9999;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #00000014,0 10px 24px -4px #0000001a;min-width:200px;overflow:hidden;animation:snDropIn .14s cubic-bezier(.16,1,.3,1);transform-origin:top right}@keyframes snDropIn{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.sn-export-dropdown-header{padding:9px 13px 7px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:#9ca3af;border-bottom:1px solid #f3f4f6;background:#fafafa}.sn-export-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 13px;background:none;border:none;cursor:pointer;text-align:left;transition:background .1s ease}.sn-export-dropdown-item:hover{background:#f9fafb}.sn-export-dropdown-item:active{background:#f3f4f6}.sn-export-item-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;flex-shrink:0;transition:transform .12s ease}.sn-export-dropdown-item:hover .sn-export-item-icon{transform:scale(1.07)}.sn-export-item-icon.pdf{background:#fff1f2;color:#dc2626}.sn-export-item-icon.excel{background:#f0fdf4;color:#16a34a}.sn-export-item-label{display:flex;flex-direction:column;gap:1px}.sn-export-item-label span:first-child{font-size:13px;font-weight:600;color:#111827;line-height:1.3}.sn-export-item-label span:last-child{font-size:11px;color:#6b7280;font-weight:400;line-height:1.3}.sn-export-dropdown-divider{height:1px;background:#f3f4f6;margin:0}.sn-export-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#00000059;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sn-export-loading-card{background:#fff;border-radius:10px;padding:28px 36px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 20px 50px #00000029;min-width:220px;text-align:center;border:1px solid #e5e7eb}.sn-export-spinner{width:34px;height:34px;border:3px solid #e5e7eb;border-top-color:#16a34a;border-radius:50%;animation:snSpin .65s linear infinite}@keyframes snSpin{to{transform:rotate(360deg)}}.sn-export-loading-card p{margin:0;font-size:14px;font-weight:700;color:#111827}.sn-export-loading-card span{font-size:11.5px;color:#9ca3af;line-height:1.5}.modal-bast-sa-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:99999;display:flex;align-items:center;justify-content:center;animation:modal-bast-sa-fade-in .2s ease}@keyframes modal-bast-sa-fade-in{0%{opacity:0}to{opacity:1}}.modal-bast-sa-container{background:#fff;border-radius:14px;width:100%;max-width:480px;margin:16px;box-shadow:0 4px 6px -1px #00000012,0 20px 50px -10px #00000038;animation:modal-bast-sa-slide-up .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes modal-bast-sa-slide-up{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-bast-sa-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 16px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#2563eb,#1b6ca8)}.modal-bast-sa-header-left{display:flex;align-items:center;gap:10px}.modal-bast-sa-icon{width:36px;height:36px;background:#ffffff26;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.modal-bast-sa-title{font-size:15px;font-weight:700;color:#fff;margin:0;line-height:1.3}.modal-bast-sa-subtitle{font-size:11.5px;color:#ffffffbf;margin:2px 0 0;line-height:1.2}.modal-bast-sa-close-btn{width:30px;height:30px;background:#ffffff26;border:none;border-radius:7px;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s ease;flex-shrink:0}.modal-bast-sa-close-btn:hover{background:#ffffff47}.modal-bast-sa-ref-strip{padding:10px 22px;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.modal-bast-sa-ref-label{font-size:11.5px;color:#64748b;font-weight:500}.modal-bast-sa-ref-value{font-size:11.5px;font-family:Courier New,monospace;background:#e2e8f0;color:#334155;padding:2px 8px;border-radius:5px;font-weight:600}.modal-bast-sa-ref-sep{color:#cbd5e1;font-size:12px}.modal-bast-sa-body{padding:20px 22px;display:flex;flex-direction:column;gap:18px}.modal-bast-sa-field-group{display:flex;flex-direction:column;gap:6px}.modal-bast-sa-field-label{font-size:12.5px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.modal-bast-sa-field-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;letter-spacing:.3px}.modal-bast-sa-field-badge.existing{background:#dcfce7;color:#166534}.modal-bast-sa-field-badge.empty{background:#fef9c3;color:#854d0e}.modal-bast-sa-field-current{font-size:11.5px;color:#6b7280;display:flex;align-items:center;gap:4px}.modal-bast-sa-field-current span.current-val{font-family:Courier New,monospace;background:#f3f4f6;padding:1px 6px;border-radius:4px;color:#374151;font-weight:500}.modal-bast-sa-field-current span.current-val.is-default{color:#9ca3af;font-style:italic}.modal-bast-sa-input{width:100%;padding:9px 13px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:13px;color:#1e293b;background:#f8fafc;outline:none;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;box-sizing:border-box;font-family:inherit}.modal-bast-sa-input::placeholder{color:#b0b7c3}.modal-bast-sa-input:focus{border-color:#1b6ca8;background:#fff;box-shadow:0 0 0 3px #1b6ca81a}.modal-bast-sa-input.has-value{border-color:#86efac;background:#f0fdf4}.modal-bast-sa-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.modal-bast-sa-divider{height:1px;background:#f1f5f9;margin:2px 0}.modal-bast-sa-alert{padding:10px 14px;border-radius:8px;font-size:12.5px;font-weight:500;display:flex;align-items:flex-start;gap:8px;line-height:1.45;animation:modal-bast-sa-shake .35s ease}@keyframes modal-bast-sa-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.modal-bast-sa-alert.error{background:#fef2f2;border:1px solid #fca5a5;color:#b91c1c}.modal-bast-sa-alert.warning{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.modal-bast-sa-alert.success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.modal-bast-sa-alert-icon{font-size:15px;flex-shrink:0;margin-top:.5px}.modal-bast-sa-footer{padding:14px 22px 18px;border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end}.modal-bast-sa-btn{padding:9px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px;line-height:1}.modal-bast-sa-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.modal-bast-sa-btn-cancel{background:#f1f5f9;color:#475569}.modal-bast-sa-btn-cancel:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.modal-bast-sa-btn-submit{background:linear-gradient(135deg,#0f4c75,#1b6ca8);color:#fff;box-shadow:0 2px 8px #1b6ca859}.modal-bast-sa-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#0d3f62,#155e96);box-shadow:0 4px 12px #1b6ca873;transform:translateY(-1px)}.modal-bast-sa-btn-submit:active:not(:disabled){transform:translateY(0)}.modal-bast-sa-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:modal-bast-sa-spin .6s linear infinite}@keyframes modal-bast-sa-spin{to{transform:rotate(360deg)}}@media (max-width: 520px){.modal-bast-sa-container{max-width:100%;margin:0;border-radius:14px 14px 0 0;position:fixed;bottom:0;left:0;right:0}.modal-bast-sa-overlay{align-items:flex-end}.modal-bast-sa-footer{flex-direction:column-reverse}.modal-bast-sa-btn{width:100%;justify-content:center}}.po-ext-akumulasi-section{border:.5px solid var(--color-border-secondary, #d1d5db);border-radius:12px;overflow:hidden;background:var(--color-background-primary, #ffffff);margin:12px 0}.po-ext-akumulasi-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-background-secondary, #f9fafb);border-bottom:.5px solid var(--color-border-tertiary, #e5e7eb);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.po-ext-akumulasi-header:hover{background:var(--color-background-tertiary, #f3f4f6)}.po-ext-akumulasi-header:focus-visible{outline:2px solid var(--color-border-info, #3b82f6);outline-offset:-2px}.po-ext-akumulasi-title{flex:1;font-size:14px;font-weight:500;color:var(--color-text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-ext-akumulasi-toggle-btn{display:flex;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:400;color:var(--color-text-secondary, #6b7280);background:transparent;border:.5px solid var(--color-border-tertiary, #e5e7eb);border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;pointer-events:none}.po-ext-akumulasi-header:hover .po-ext-akumulasi-toggle-btn{background:var(--color-background-primary, #ffffff);color:var(--color-text-primary, #111827)}.po-ext-akumulasi-chevron{transition:transform .25s ease;flex-shrink:0}.po-ext-akumulasi-chevron.collapsed{transform:rotate(-90deg)}.po-ext-akumulasi-summary-bar{display:flex;gap:6px;flex-wrap:wrap;overflow:hidden;max-height:0;opacity:0;padding:0 16px;transition:max-height .25s ease,opacity .2s ease,padding .2s ease}.po-ext-akumulasi-summary-bar.visible{max-height:80px;opacity:1;padding:8px 16px;border-top:.5px solid var(--color-border-tertiary, #e5e7eb)}.po-ext-summary-chip{font-size:12px;color:var(--color-text-secondary, #6b7280);background:var(--color-background-secondary, #f9fafb);border:.5px solid var(--color-border-tertiary, #e5e7eb);border-radius:8px;padding:3px 10px;white-space:nowrap}.po-ext-summary-chip span{font-weight:500;color:var(--color-text-primary, #111827)}.po-ext-summary-chip span.chip-danger{color:#a32d2d}.po-ext-akumulasi-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .28s ease}.po-ext-akumulasi-body.collapsed{grid-template-rows:0fr}.po-ext-akumulasi-body-inner{overflow:hidden;min-height:0}.po-ext-akumulasi-table-wrapper{overflow-x:auto;padding:0 0 4px}.po-ext-akumulasi-table{width:100%;border-collapse:collapse;min-width:600px}.po-ext-akumulasi-table thead tr{background:var(--color-background-secondary, #f9fafb)}.po-ext-akumulasi-table th{padding:10px 14px;text-align:left;font-size:12px;font-weight:500;color:var(--color-text-secondary, #6b7280);border-bottom:.5px solid var(--color-border-tertiary, #e5e7eb);white-space:nowrap}.po-ext-akumulasi-table td{padding:9px 14px;font-size:13px;color:var(--color-text-primary, #111827);border-bottom:.5px solid var(--color-border-tertiary, #e5e7eb);vertical-align:middle}.po-ext-akumulasi-row-even{background:var(--color-background-primary, #ffffff)}.po-ext-akumulasi-row-odd{background:var(--color-background-secondary, #f9fafb)}.po-ext-akumulasi-table .col-no{color:var(--color-text-secondary, #6b7280);width:40px;font-size:12px}.po-ext-akumulasi-table .col-po{font-weight:500}.po-ext-akumulasi-table .col-omset{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.po-ext-akumulasi-table .col-omset-bold{font-weight:500}.pill{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:500}.pill-invoice{background:#e6f1fb;color:#0c447c}.pill-warn{background:#faeeda;color:#633806}.pill-ok,.pill-paid{background:#eaf3de;color:#27500a}.pill-unpaid-warn{background:#fcebeb;color:#791f1f}.pill-total{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:500;background:var(--color-background-primary, #ffffff);border:.5px solid var(--color-border-secondary, #d1d5db);color:var(--color-text-primary, #111827)}.row-grand-total{background:var(--color-background-secondary, #f9fafb);border-top:1px solid var(--color-border-secondary, #d1d5db)}.row-grand-total td{padding:10px 14px;font-weight:500}.grand-total-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-primary, #111827)}.row-outstanding{background:#fcebeb;border-top:.5px solid #f7c1c1}.row-outstanding td{padding:10px 14px}.outstanding-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#791f1f}.outstanding-value{text-align:right;font-weight:500;font-size:13px;color:#a32d2d;white-space:nowrap;font-variant-numeric:tabular-nums}.import-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.import-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.import-modal-header{padding:24px 30px;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#06c,#004999);color:#fff;border-radius:16px 16px 0 0}.import-modal-header h3{margin:0;font-size:20px;font-weight:700}.import-close-btn{background:#fff3;border:none;color:#fff;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .3s}.import-close-btn:hover{background:#ffffff4d}.import-modal-body{padding:30px}.import-section{margin-bottom:30px}.import-section h4{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:12px;display:flex;align-items:center;gap:8px}.import-download-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s}.import-download-btn:hover{background:#218838}.import-hint{margin-top:8px;font-size:13px;color:#6c757d;font-style:italic}.import-upload-area{border:2px dashed #dee2e6;border-radius:12px;padding:40px 20px;text-align:center;background:#f8f9fa;transition:all .3s}.import-upload-area:hover{border-color:#06c;background:#f0f7ff}.import-upload-label{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;color:#495057}.import-upload-label svg{color:#06c}.import-upload-label span{font-size:15px;font-weight:600}.import-upload-label small{font-size:13px;color:#6c757d}.import-file-info{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;padding:20px}.import-info-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e9ecef}.import-info-row:last-child{border-bottom:none}.import-info-icon{font-size:20px;width:24px;text-align:center}.import-info-content{flex:1;display:flex;justify-content:space-between;align-items:center}.import-info-content strong{color:#495057;font-size:14px}.import-info-content span{color:#1a1a1a;font-weight:600;font-size:14px}.import-preview-table{border:1px solid #dee2e6;border-radius:10px;overflow:hidden}.import-preview-table table{width:100%;border-collapse:collapse;font-size:13px}.import-preview-table thead{background:#f8f9fa}.import-preview-table th{padding:12px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6}.import-preview-table td{padding:10px 12px;border-bottom:1px solid #e9ecef;color:#495057}.import-preview-table tbody tr:hover{background:#f8f9fa}.import-more-rows td{text-align:center;font-style:italic;color:#6c757d;background:#f8f9fa!important}.import-alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;font-size:14px;margin-top:20px}.import-alert-error{background:#fff3cd;border:1px solid #ffc107;color:#856404}.import-alert-success{background:#d4edda;border:1px solid #28a745;color:#155724}.import-modal-footer{padding:20px 30px;border-top:2px solid #e9ecef;display:flex;justify-content:flex-end;gap:12px;background:#f8f9fa;border-radius:0 0 16px 16px}.import-btn-cancel,.import-btn-import{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.import-btn-cancel{background:#fff;color:#495057;border:1px solid #dee2e6}.import-btn-cancel:hover:not(:disabled){background:#e9ecef}.import-btn-import{background:#06c;color:#fff}.import-btn-import:hover:not(:disabled){background:#0052a3}.import-btn-import:disabled,.import-btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.import-modal{max-width:100%;margin:10px}.import-modal-body{padding:20px}.import-preview-table{overflow-x:auto}}.modal-sn-po__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1223b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:modal-sn-po__fadeIn .2s ease}@keyframes modal-sn-po__fadeIn{0%{opacity:0}to{opacity:1}}.modal-sn-po__container{background:#fff;border-radius:16px;box-shadow:0 24px 64px #0a122338,0 4px 16px #0a12231a;width:100%;max-width:1020px;max-height:86vh;display:flex;flex-direction:column;animation:modal-sn-po__slideUp .25s cubic-bezier(.34,1.3,.64,1);overflow:hidden}@keyframes modal-sn-po__slideUp{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-sn-po__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 18px;border-bottom:1.5px solid #e8edf5;flex-shrink:0;background:linear-gradient(135deg,#f0f6ff,#fff 60%)}.modal-sn-po__header-left{display:flex;flex-direction:column;gap:4px}.modal-sn-po__title{font-size:17px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.3px}.modal-sn-po__subtitle{font-size:12.5px;color:#64748b;margin:0}.modal-sn-po__po-badge{display:inline-flex;align-items:center;gap:6px;background:#1a56db;color:#fff;font-size:13px;font-weight:600;padding:5px 13px;border-radius:20px;letter-spacing:.2px}.modal-sn-po__po-badge svg{width:14px;height:14px;opacity:.85}.modal-sn-po__export-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#16a34a;color:#fff;border:none;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap}.modal-sn-po__export-btn:hover:not(:disabled){background:#15803d}.modal-sn-po__export-btn:disabled{opacity:.6;cursor:not-allowed}.modal-sn-po__close-btn{background:none;border:none;cursor:pointer;color:#94a3b8;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;margin-left:12px}.modal-sn-po__close-btn:hover{background:#f1f5f9;color:#0f172a}.modal-sn-po__summary-bar{display:flex;gap:0;flex-shrink:0;border-bottom:1.5px solid #e8edf5}.modal-sn-po__summary-item{flex:1;padding:12px 16px;display:flex;flex-direction:column;align-items:center;gap:2px;border-right:1px solid #e8edf5}.modal-sn-po__summary-item:last-child{border-right:none}.modal-sn-po__summary-label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;font-weight:600}.modal-sn-po__summary-value{font-size:15px;font-weight:700;color:#0f172a}.modal-sn-po__summary-value.green{color:#16a34a}.modal-sn-po__summary-value.blue{color:#1a56db}.modal-sn-po__summary-value.teal{color:#0d9488}.modal-sn-po__summary-value.orange{color:#ea580c}.modal-sn-po__body{overflow-y:auto;flex:1;padding:16px 20px 20px}.modal-sn-po__body::-webkit-scrollbar{width:6px}.modal-sn-po__body::-webkit-scrollbar-track{background:#f8fafc}.modal-sn-po__body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-sn-po__table-wrap{display:flex;flex-direction:column;gap:0}.modal-sn-po__table-scroll{overflow-x:auto}.modal-sn-po__table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;color:#1e293b;min-width:860px}.modal-sn-po__table thead tr th{padding:9px 12px;background:#f8fafc;color:#64748b;font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1.5px solid #e2e8f0;position:sticky;top:0;z-index:1}.modal-sn-po__table thead tr th:first-child{border-radius:8px 0 0}.modal-sn-po__table thead tr th:last-child{border-radius:0 8px 0 0}.modal-sn-po__table tbody tr{transition:background .12s}.modal-sn-po__table tbody tr:hover{background:#f0f6ff}.modal-sn-po__table tbody tr td{padding:10px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.modal-sn-po__table tbody tr:last-child td{border-bottom:none}.modal-sn-po__sn-link{font-weight:700;color:#1a56db;font-size:13px;cursor:pointer;text-decoration:none}.modal-sn-po__sn-link:hover{text-decoration:underline}.modal-sn-po__status-badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:600;white-space:nowrap}.modal-sn-po__status-badge--aktif{background:#dcfce7;color:#15803d}.modal-sn-po__status-badge--belum-aktif{background:#fef9c3;color:#a16207}.modal-sn-po__status-badge--tidak-aktif{background:#fee2e2;color:#b91c1c}.modal-sn-po__return-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600}.modal-sn-po__return-badge--sudah{color:#16a34a}.modal-sn-po__return-badge--belum{color:#dc2626}.modal-sn-po__table td.right,.modal-sn-po__table th.right{text-align:right}.modal-sn-po__search-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:8px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;transition:border-color .15s,box-shadow .15s}.modal-sn-po__search-bar:focus-within{border-color:#1a56db;box-shadow:0 0 0 3px #1a56db1a;background:#fff}.modal-sn-po__search-icon{width:16px;height:16px;color:#94a3b8;flex-shrink:0;transition:color .15s}.modal-sn-po__search-bar:focus-within .modal-sn-po__search-icon{color:#1a56db}.modal-sn-po__search-input{flex:1;border:none;outline:none;background:transparent;font-size:13px;color:#0f172a;min-width:0}.modal-sn-po__search-input::placeholder{color:#94a3b8}.modal-sn-po__search-clear{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#94a3b8;border-radius:4px;transition:color .12s,background .12s;flex-shrink:0}.modal-sn-po__search-clear:hover{color:#475569;background:#e2e8f0}.modal-sn-po__search-result-info{font-size:12px;color:#64748b;margin-bottom:8px;padding:0 2px}.modal-sn-po__search-no-result{color:#dc2626}.modal-sn-po__th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s,color .12s}.modal-sn-po__th-sort:hover{background:#eef2ff;color:#1a56db}.modal-sn-po__th-sort--active{background:#e8f0fe;color:#1a56db}.modal-sn-po__th-inner{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.modal-sn-po__th-sort.right .modal-sn-po__th-inner{flex-direction:row-reverse;width:100%;justify-content:flex-end}.modal-sn-po__sort-icon{flex-shrink:0;transition:color .12s}.modal-sn-po__sort-icon--idle{color:#cbd5e1}.modal-sn-po__sort-icon--active{color:#1a56db}.modal-sn-po__page-btn{min-width:32px;height:32px;padding:0 6px;border:1.5px solid #e2e8f0;border-radius:7px;background:#fff;color:#475569;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,color .12s;line-height:1}.modal-sn-po__page-btn--active{background:#1a56db;border-color:#1a56db;color:#fff;cursor:default}.modal-sn-po__page-btn--active:hover{background:#1a56db;border-color:#1a56db;color:#fff}.modal-sn-po__page-btn--nav:disabled{opacity:.35;cursor:not-allowed}.modal-sn-po__page-ellipsis{min-width:28px;text-align:center;color:#94a3b8;font-size:13px;-webkit-user-select:none;user-select:none}.modal-sn-po__state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:52px 20px;gap:12px;color:#94a3b8}.modal-sn-po__state svg{width:40px;height:40px;opacity:.5}.modal-sn-po__state p{margin:0;font-size:14px}.modal-sn-po__spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#1a56db;border-radius:50%;animation:modal-sn-po__spin .7s linear infinite}@keyframes modal-sn-po__spin{to{transform:rotate(360deg)}}.modal-sn-po__pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 2px 4px;gap:12px;flex-wrap:wrap}.modal-sn-po__pagination-info{font-size:12px;color:#64748b;white-space:nowrap}.modal-sn-po__pagination-controls{display:flex;align-items:center;gap:4px}.modal-sn-po__page-btn{min-width:32px;height:32px;padding:0 8px;border:1.5px solid #e2e8f0;border-radius:7px;background:#fff;color:#475569;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,color .12s}.modal-sn-po__page-btn:hover:not(:disabled){background:#f0f6ff;border-color:#1a56db;color:#1a56db}.modal-sn-po__page-btn--active{background:#1a56db;border-color:#1a56db;color:#fff;pointer-events:none}.modal-sn-po__page-btn--nav{color:#64748b}.modal-sn-po__page-btn:disabled{opacity:.35;cursor:not-allowed}.modal-sn-po__page-ellipsis{font-size:13px;color:#94a3b8;padding:0 4px;-webkit-user-select:none;user-select:none}.modal-sn-po__footer{padding:12px 24px;border-top:1.5px solid #e8edf5;display:flex;justify-content:flex-end;flex-shrink:0}.modal-sn-po__close-footer-btn{padding:8px 20px;background:#f1f5f9;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:background .15s,color .15s}.modal-sn-po__close-footer-btn:hover{background:#e2e8f0;color:#1e293b}:root{--c-white: #ffffff;--c-blue: #1a56db;--c-blue-lt: #eef2fb;--c-blue-bd: #c3d5f8;--c-cream: #f5f2ed;--c-cream-bd: #e4e1db;--c-gray: #6b7280;--c-gray-lt: #f3f4f6;--c-gray-bd: #d1d5db;--c-text-dk: #111827;--c-text-md: #374151;--c-text-lt: #6b7280;--c-green: #15803d;--c-green-lt: #d1fae5;--c-amber: #92400e;--c-amber-lt: #fef3c7;--c-red: #b91c1c;--c-red-lt: #fee2e2;--radius-card: 6px;--radius-btn: 5px;--radius-inp: 5px;--radius-badge: 3px;--shadow-card: 0 1px 4px rgba(0, 0, 0, .08);--shadow-modal: 0 4px 24px rgba(0, 0, 0, .12)}.po-ext-rental-container{max-width:inherit;margin:0 auto;padding:20px;font-family:Inter,sans-serif;color:var(--c-text-dk)}.po-ext-dashboard-header{margin-bottom:28px;text-align:center}.po-ext-dashboard-header h1{font-size:26px;font-weight:700;color:var(--c-text-dk);margin:0 0 6px}.po-ext-subtitle{font-size:14px;color:var(--c-gray);margin:0}.po-ext-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:36px}.po-ext-stat-card{background:var(--c-white);border:1px solid var(--c-gray-bd);border-radius:var(--radius-card);padding:18px 20px;display:flex;align-items:flex-start;gap:16px;box-shadow:var(--shadow-card);transition:box-shadow .18s ease,border-color .18s ease}.po-ext-stat-card:hover{border-color:var(--c-blue-bd);box-shadow:0 2px 10px #1a56db17}.po-ext-stat-card--clickable{cursor:pointer}.po-ext-stat-icon{width:46px;height:46px;border-radius:var(--radius-card);border:1px solid var(--c-blue-bd);background:var(--c-blue-lt);color:var(--c-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.po-ext-teal .po-ext-stat-icon{background:#f0fdfa;border-color:#99f6e4;color:#0d9488}.po-ext-red .po-ext-stat-icon{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.po-ext-green .po-ext-stat-icon{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.po-ext-purple.po-ext-stat-icon,.po-ext-purple .po-ext-stat-icon{background:#f5f3ff;border-color:#ddd6fe;color:#7c3aed}.po-ext-blue{border-left:3px solid var(--c-blue)}.po-ext-teal{border-left:3px solid #0d9488}.po-ext-red{border-left:3px solid #b91c1c}.po-ext-green{border-left:3px solid #15803d}.po-ext-purple{border-left:3px solid #7c3aed}.po-ext-amber{border-left:3px solid #d97706}.po-ext-stat-content{flex:1;min-width:0}.po-ext-stat-content h3{font-size:11px;font-weight:700;color:var(--c-gray);text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.po-ext-stat-value{font-size:24px;font-weight:800;color:var(--c-text-dk);margin:0 0 4px}.po-ext-stat-value-money{font-size:15px;font-weight:700;color:var(--c-text-dk);margin:0 0 4px}.po-ext-stat-label{font-size:11.5px;color:var(--c-gray)}.po-ext-badge-click{font-size:9px;font-weight:700;text-transform:uppercase;padding:2px 7px;border-radius:20px;background:var(--c-blue-lt);color:var(--c-blue);border:1px solid var(--c-blue-bd);cursor:pointer}.po-ext-dashboard-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:1050;display:flex;align-items:center;justify-content:center;padding:16px;animation:po-ext-fadein .15s ease}@keyframes po-ext-fadein{0%{opacity:0}to{opacity:1}}.po-ext-invoice-modal{background:var(--c-white);border:1px solid var(--c-gray-bd);border-radius:8px;box-shadow:var(--shadow-modal);width:100%;max-width:460px;display:flex;flex-direction:column;overflow:hidden;animation:po-ext-slidein .18s ease}@keyframes po-ext-slidein{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.po-ext-invoice-modal__header{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;border-bottom:1px solid #e9ecef;position:relative}.po-ext-invoice-modal__header-icon{width:34px;height:34px;border-radius:var(--radius-card);background:var(--c-green-lt);color:var(--c-green);display:flex;align-items:center;justify-content:center;flex-shrink:0}.po-ext-invoice-modal__title{font-size:14.5px;font-weight:700;color:var(--c-text-dk);margin:0 0 2px}.po-ext-invoice-modal__subtitle{font-size:12px;color:var(--c-gray);margin:0}.po-ext-invoice-modal__close{position:absolute;top:14px;right:16px;background:var(--c-cream);border:1px solid var(--c-cream-bd);border-radius:var(--radius-btn);width:27px;height:27px;font-size:13px;color:var(--c-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .14s}.po-ext-invoice-modal__close:hover{background:var(--c-cream-bd)}.po-ext-invoice-modal__body{padding:20px;display:flex;flex-direction:column;gap:16px}.po-ext-invoice-modal__total-card{background:var(--c-cream);border:1px solid var(--c-cream-bd);border-radius:var(--radius-card);padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.po-ext-invoice-modal__total-label{font-size:12px;font-weight:600;color:var(--c-gray)}.po-ext-invoice-modal__total-value{font-size:17px;font-weight:800;color:#0d9488}.po-ext-invoice-modal__rows{display:flex;flex-direction:column;gap:4px}.po-ext-invoice-modal__row{display:flex;align-items:center;justify-content:space-between;padding:12px 0 6px}.po-ext-invoice-modal__row-left{display:flex;align-items:center;gap:9px}.po-ext-invoice-modal__row-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.po-ext-invoice-modal__row-dot--green{background:#22c55e}.po-ext-invoice-modal__row-dot--amber{background:#f59e0b}.po-ext-invoice-modal__row-label{font-size:13px;color:var(--c-text-md)}.po-ext-invoice-modal__row-right{display:flex;align-items:center;gap:9px}.po-ext-invoice-modal__row-value{font-size:14px;font-weight:700}.po-ext-invoice-modal__row-value--green{color:var(--c-green)}.po-ext-invoice-modal__row-value--amber{color:#d97706}.po-ext-invoice-modal__row-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;min-width:40px;text-align:center}.po-ext-invoice-modal__row-badge--green{background:var(--c-green-lt);color:var(--c-green)}.po-ext-invoice-modal__row-badge--amber{background:var(--c-amber-lt);color:var(--c-amber)}.po-ext-invoice-modal__bar-track{height:5px;background:var(--c-gray-lt);border-radius:99px;overflow:hidden;margin-bottom:4px}.po-ext-invoice-modal__bar-fill{height:100%;border-radius:99px;transition:width .5s ease}.po-ext-invoice-modal__bar-fill--green{background:#22c55e}.po-ext-invoice-modal__bar-fill--amber{background:#f59e0b}.po-ext-invoice-modal__divider{height:1px;background:#e9ecef;margin:6px 0}.po-ext-invoice-modal__footer{padding:14px 20px;border-top:1px solid #e9ecef;background:var(--c-cream);display:flex;justify-content:flex-end}.po-ext-invoice-modal__btn-close{padding:8px 18px;background:var(--c-white);border:1px solid var(--c-gray-bd);border-radius:var(--radius-btn);font-size:13px;font-weight:500;color:var(--c-text-md);cursor:pointer;transition:background .14s}.po-ext-invoice-modal__btn-close:hover{background:#e9ecef}.po-ext-filter-search-container{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--c-cream);border:1px solid var(--c-cream-bd);border-radius:var(--radius-card);padding:10px 20px;margin-bottom:16px}.po-ext-filter-group{display:flex;align-items:center;gap:9px;position:relative}.po-ext-filter-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--c-text-md);white-space:nowrap}.po-ext-filter-label svg{color:var(--c-blue)}.po-ext-filter-select{min-width:210px;padding:9px 34px 9px 12px;border:1.5px solid var(--c-gray-bd);border-radius:var(--radius-inp);background:var(--c-white);color:var(--c-text-md);font-size:13.5px;font-weight:500;cursor:pointer;transition:border-color .14s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}.po-ext-filter-select:focus{outline:none;border-color:var(--c-blue);box-shadow:0 0 0 3px #1a56db17}.po-ext-clear-filter-btn{position:absolute;right:6px;width:22px;height:22px;border-radius:50%;border:none;background:var(--c-red-lt);color:var(--c-red);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .14s;line-height:1;padding:0}.po-ext-clear-filter-btn:hover{background:#fca5a5}.po-ext-search-group{flex:1;position:relative;min-width:260px}.po-ext-search-input{width:100%;padding:9px 36px 9px 12px;border:1.5px solid var(--c-gray-bd);border-radius:var(--radius-inp);font-size:13.5px;color:var(--c-text-dk);transition:border-color .14s;box-sizing:border-box}.po-ext-search-input:focus{outline:none;border-color:var(--c-blue);box-shadow:0 0 0 3px #1a56db17}.po-ext-clear-search-btn{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;border:none;background:var(--c-cream-bd);color:var(--c-text-md);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .14s;padding:0;line-height:1}.po-ext-clear-search-btn:hover{background:var(--c-gray-bd);transform:translateY(-50%) scale(1.08)}.po-ext-active-filters{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--c-blue-lt);border:1px solid var(--c-blue-bd);border-radius:var(--radius-card);font-size:12.5px;flex-wrap:wrap}.po-ext-active-filters svg{color:var(--c-blue);flex-shrink:0}.po-ext-active-filters>span:first-of-type{font-weight:600;color:var(--c-blue)}.po-ext-filter-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--c-white);border:1px solid var(--c-blue-bd);border-radius:20px;color:var(--c-blue);font-weight:600;font-size:11.5px}.po-ext-filter-tag button{background:none;border:none;color:var(--c-blue);font-size:15px;font-weight:700;cursor:pointer;padding:0;line-height:1}.po-ext-filter-tag button:hover{color:var(--c-red)}.po-ext-clear-all-filters{margin-left:auto;padding:5px 12px;background:var(--c-red-lt);color:var(--c-red);border:1px solid #fca5a5;border-radius:var(--radius-btn);font-size:11.5px;font-weight:600;cursor:pointer;transition:background .14s;white-space:nowrap}.po-ext-clear-all-filters:hover{background:#fecaca}.po-ext-list-section{margin-top:36px}.po-ext-table-container{background:var(--c-white);border:1px solid var(--c-gray-bd);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:auto}.po-ext-list-table{width:100%;border-collapse:collapse;font-size:13.5px}.po-ext-list-table thead{background:var(--c-blue);color:var(--c-white)}.po-ext-list-table th{padding:13px 12px;text-align:left;font-weight:600;white-space:nowrap;font-size:12px;letter-spacing:.3px}.po-ext-list-table td{padding:13px 12px;border-bottom:1px solid #f0f0f0;vertical-align:middle;color:var(--c-text-md)}.po-ext-list-table tbody tr:hover td{background:var(--c-cream)}.po-ext-list-table th[style*=cursor],.po-ext-list-table th button,.po-ext-th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.po-ext-sort-icon{font-size:11px;margin-left:5px;opacity:.7}.po-ext-po-number{font-weight:600;color:var(--c-blue)}.po-ext-no-data{text-align:center;padding:40px!important;color:var(--c-gray)}.po-ext-po-badge-container{display:flex;flex-wrap:wrap;gap:4px}.po-ext-po-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:20px;font-size:11.5px;font-weight:500;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:opacity .14s}.po-ext-po-badge:hover{opacity:.75}.po-badge-current{background:var(--c-green-lt);border-color:#a7f3d0;color:var(--c-green)}.po-badge-first{background:var(--c-blue-lt);border-color:var(--c-blue-bd);color:#1e3a6e}.po-badge-middle{background:var(--c-gray-lt);border-color:var(--c-gray-bd);color:var(--c-gray)}.po-badge-empty{color:#9ca3af;font-size:12px}.po-badge-current .po-badge-check-icon{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;background:var(--c-green);color:var(--c-white);font-size:8px;flex-shrink:0}.po-ext-pagination-container{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:var(--c-cream);border-top:1px solid var(--c-cream-bd);border-radius:0 0 var(--radius-card) var(--radius-card);flex-wrap:wrap;gap:14px}.po-ext-pagination-info{font-size:13px;color:var(--c-gray);font-weight:500}.po-ext-pagination-controls{display:flex;gap:5px;align-items:center}.po-ext-page-btn{min-width:34px;height:34px;padding:6px 10px;border:1px solid var(--c-gray-bd);background:var(--c-white);color:var(--c-text-md);border-radius:var(--radius-btn);font-size:13px;font-weight:600;cursor:pointer;transition:background .14s,border-color .14s,color .14s;display:inline-flex;align-items:center;justify-content:center}.po-ext-page-btn:hover:not(:disabled):not(.active){background:var(--c-blue-lt);border-color:var(--c-blue-bd);color:var(--c-blue)}.po-ext-page-btn.active{background:var(--c-blue);color:var(--c-white);border-color:var(--c-blue);cursor:default}.po-ext-page-btn:disabled{background:var(--c-cream);color:#adb5bd;border-color:var(--c-cream-bd);cursor:not-allowed;opacity:.6}.po-ext-page-ellipsis{padding:0 6px;color:var(--c-gray)}.po-ext-items-per-page{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--c-gray)}.po-ext-items-select{padding:5px 9px;border:1px solid var(--c-gray-bd);border-radius:var(--radius-inp);background:var(--c-white);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .14s}.po-ext-items-select:focus{outline:none;border-color:var(--c-blue)}.po-ext-action-buttons{display:flex;gap:7px;flex-wrap:wrap}.po-ext-btn-manage,.po-ext-btn-extend-sn,.po-ext-btn-export-master-po,.po-ext-btn-update-payment,.po-ext-btn-update-invoice,.po-ext-btn-update-bast{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:var(--radius-btn);font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .14s,border-color .14s,opacity .14s;white-space:nowrap}.po-ext-btn-manage{background:var(--c-blue);color:var(--c-white);border-color:var(--c-blue)}.po-ext-btn-manage:hover{background:#1446bb}.po-ext-btn-extend-sn{background:var(--c-white);color:var(--c-green);border-color:#a7f3d0}.po-ext-btn-extend-sn:hover{background:var(--c-green-lt)}.po-ext-btn-export-master-po{background:var(--c-white);color:#166534;border-color:#bbf7d0}.po-ext-btn-export-master-po:hover{background:#f0fdf4}.po-ext-btn-update-payment{background:var(--c-blue);color:var(--c-white);border-color:var(--c-blue)}.po-ext-btn-update-payment:hover:not(:disabled){background:#1446bb}.po-ext-btn-update-payment:disabled{background:var(--c-gray-lt);color:var(--c-gray);cursor:not-allowed;opacity:.6;border-color:var(--c-gray-bd)}.po-ext-btn-update-invoice{background:var(--c-white);color:var(--c-blue);border-color:var(--c-blue-bd)}.po-ext-btn-update-invoice:hover{background:var(--c-blue-lt)}.po-ext-btn-update-bast{background:var(--c-white);color:#6d28d9;border-color:#ddd6fe}.po-ext-btn-update-bast:hover{background:#f5f3ff}.po-ext-import-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--c-white);color:#b45309;border:1px solid #fcd34d;border-radius:var(--radius-btn);font-size:13px;font-weight:600;cursor:pointer;transition:background .14s}.po-ext-import-btn:hover{background:#fffbeb}.po-ext-export-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--c-white);color:var(--c-green);border:1px solid #a7f3d0;border-radius:var(--radius-btn);font-size:13px;font-weight:600;cursor:pointer;transition:background .14s}.po-ext-export-btn:hover{background:var(--c-green-lt)}.po-ext-header-section{background:var(--c-blue);color:var(--c-white);padding:24px 28px;border-radius:var(--radius-card);margin-bottom:24px;position:relative}.po-ext-back-btn{background:#ffffff1f;color:var(--c-white);border:1px solid rgba(255,255,255,.25);padding:7px 14px;border-radius:var(--radius-btn);cursor:pointer;font-size:13px;margin-bottom:16px;transition:background .14s}.po-ext-back-btn:hover{background:#ffffff38}.po-ext-header-info h1{font-size:22px;font-weight:700;margin:0 0 16px;color:var(--c-white)}.po-ext-header-details{display:flex;gap:36px;flex-wrap:wrap}.po-ext-detail-item{display:flex;flex-direction:column;gap:4px}.po-ext-detail-item .po-ext-label{font-size:11px;opacity:.85;font-weight:500}.po-ext-detail-item .po-ext-value{font-size:15px;font-weight:600}.po-ext-extend-btn{position:absolute;top:24px;right:28px;background:var(--c-white);color:var(--c-blue);border:none;padding:10px 20px;border-radius:var(--radius-btn);font-size:13.5px;font-weight:600;cursor:pointer;transition:background .14s}.po-ext-extend-btn:hover{background:var(--c-blue-lt)}.po-ext-details-section,.po-ext-payment-section{background:var(--c-white);border:1px solid var(--c-gray-bd);border-radius:var(--radius-card);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-card)}.po-ext-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.po-ext-section-header h2{font-size:18px;color:var(--c-text-dk);margin:0}.po-ext-section-actions{display:flex;gap:9px}.po-ext-details-table-wrapper,.po-ext-payment-table-wrapper{overflow-x:auto}.po-ext-details-table,.po-ext-payment-table{width:100%;border-collapse:collapse;font-size:13px}.po-ext-details-table th,.po-ext-payment-table th{background:var(--c-cream);color:var(--c-text-md);font-weight:600;text-align:left;padding:11px;border-bottom:1px solid var(--c-cream-bd);white-space:nowrap;font-size:11.5px;text-transform:uppercase;letter-spacing:.3px}.po-ext-details-table td,.po-ext-payment-table td{padding:11px;border-bottom:1px solid #f0f0f0;vertical-align:middle;color:var(--c-text-md)}.po-ext-details-table tbody tr:hover td,.po-ext-payment-table tbody tr:hover td{background:var(--c-cream)}.po-ext-status-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-badge);font-size:12px;font-weight:600}.po-ext-status-badge.po-ext-paid{background:var(--c-green-lt);color:#065f46;border:1px solid #a7f3d0}.po-ext-status-badge.po-ext-unpaid{background:var(--c-amber-lt);color:var(--c-amber);border:1px solid #fde68a}.po-ext-payment-table tr.po-ext-paid td{background:#f7fef9}.po-ext-payment-table tr.po-ext-unpaid td{background:#fffef5}.po-ext-item-payment-group{background:var(--c-white);border:1px solid var(--c-gray-bd);border-radius:var(--radius-card);margin-bottom:14px;overflow:hidden}.po-ext-item-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--c-cream);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .14s}.po-ext-item-header:hover{background:#ede9e2}.po-ext-item-info{display:flex;align-items:center;gap:14px;flex:1}.po-ext-collapse-icon{font-size:12px;color:var(--c-gray);min-width:18px}.po-ext-item-details h3{margin:0 0 4px;font-size:14.5px;color:var(--c-blue);font-weight:700}.po-ext-item-spec{margin:0 0 6px;font-size:12.5px;color:var(--c-gray)}.po-ext-item-meta{display:flex;gap:14px;flex-wrap:wrap}.po-ext-item-meta span{font-size:12px;color:var(--c-gray)}.po-ext-payment-summary{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.po-ext-paid-count{font-size:13px;font-weight:700;color:var(--c-green);background:var(--c-green-lt);padding:5px 10px;border-radius:20px;border:1px solid #a7f3d0}.po-ext-modal-overlay,.po-ext-modal-overlays{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;justify-content:center;align-items:center;padding:16px}.po-ext-modal-overlay{z-index:9999}.po-ext-modal-overlays{z-index:10000}.po-ext-modal{background:var(--c-white);border:1px solid var(--c-gray-bd);border-radius:8px;width:100%;max-width:760px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-modal)}.po-ext-modal-large,.po-ext-modal-sn{max-width:1100px}.po-ext-modal-header{padding:18px 24px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;background:var(--c-white)}.po-ext-modal-header h3{margin:0;font-size:17px;font-weight:700;color:var(--c-text-dk)}.po-ext-close-btn{background:var(--c-cream);border:1px solid var(--c-cream-bd);font-size:22px;color:var(--c-gray);cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-btn);transition:background .14s,color .14s}.po-ext-close-btn:hover{background:#e4e1db;color:var(--c-text-dk)}.po-ext-modal-body{padding:24px;max-height:calc(90vh - 120px);overflow-y:auto}.po-ext-modal-form{padding:24px}.po-ext-form-group{margin-bottom:16px}.po-ext-form-group label{display:block;margin-bottom:6px;font-weight:600;color:var(--c-text-md);font-size:13px}.po-ext-form-input,.po-ext-form-group input{width:100%;padding:9px 12px;border:1.5px solid var(--c-gray-bd);border-radius:var(--radius-inp);font-size:13.5px;color:var(--c-text-dk);background:var(--c-white);transition:border-color .14s,box-shadow .14s;box-sizing:border-box}.po-ext-form-input:focus,.po-ext-form-group input:focus{outline:none;border-color:var(--c-blue);box-shadow:0 0 0 3px #1a56db17}.po-ext-form-input:disabled{background:var(--c-cream);cursor:not-allowed;color:var(--c-gray)}.po-ext-modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:14px 24px;border-top:1px solid #e9ecef;background:var(--c-cream)}.po-ext-btn-cancel,.po-ext-btn-submit{padding:9px 20px;border-radius:var(--radius-btn);font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .14s,opacity .14s}.po-ext-btn-cancel{background:var(--c-white);color:var(--c-text-md);border-color:var(--c-gray-bd)}.po-ext-btn-cancel:hover{background:#e9ecef}.po-ext-btn-submit{background:var(--c-blue);color:var(--c-white);border-color:var(--c-blue)}.po-ext-btn-submit:hover:not(:disabled){background:#1446bb}.po-ext-btn-submit:disabled{opacity:.45;cursor:not-allowed}.po-ext-sn-info-header{background:var(--c-blue-lt);border:1px solid var(--c-blue-bd);border-radius:var(--radius-card);padding:18px 20px;margin-bottom:20px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.po-ext-sn-main-info,.po-ext-sn-secondary-info{display:flex;flex-direction:column;gap:10px}.po-ext-info-row{display:flex;flex-direction:column;gap:4px}.po-ext-info-row .po-ext-label{font-size:11px;color:var(--c-gray);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.po-ext-info-row .po-ext-value{font-size:14px;color:var(--c-text-dk);font-weight:600}.po-ext-value-large{font-size:18px;color:var(--c-blue);font-weight:700}.po-ext-invoice-groups-container{display:flex;flex-direction:column;gap:20px}.po-ext-invoice-group-card{background:var(--c-white);border:1px solid var(--c-gray-bd);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card)}.po-ext-invoice-group-card.po-ext-current-invoice{border-color:#a7f3d0;box-shadow:0 0 0 2px #a7f3d0}.po-ext-invoice-header{background:var(--c-blue);color:var(--c-white);padding:18px 20px;display:flex;flex-direction:column;gap:12px}.po-ext-current-invoice .po-ext-invoice-header{background:#0d9488}.po-ext-invoice-id{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.po-ext-invoice-label{font-size:11px;opacity:.85;font-weight:500;text-transform:uppercase;color:#131e3a}.po-ext-invoice-value{font-size:20px;font-weight:700;color:#131e3a}.po-ext-current-badge{display:inline-flex;align-items:center;gap:4px;background:#fef9c3;color:#78350f;padding:4px 11px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.po-ext-order-badge{font-size:11px;color:#000;font-weight:500}.po-ext-extension-info{display:flex;align-items:center;gap:9px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-btn);padding:8px 13px}.po-ext-extension-text{font-size:13px;color:var(--c-white);font-weight:500}.po-ext-extension-text strong{font-weight:700;text-decoration:underline;color:var(--c-white)}.po-ext-invoice-periode{display:flex;align-items:center;gap:9px;background:#ffffff14;border-radius:var(--radius-btn);padding:7px 11px}.po-ext-periode-label{font-size:11px;opacity:.85;font-weight:500}.po-ext-periode-value{font-size:12.5px;font-weight:600}.po-ext-invoice-id-small{font-size:12px;color:#fffc}.po-ext-po-groups-list{padding:14px;display:flex;flex-direction:column;gap:10px}.po-ext-po-group-item{background:var(--c-white);border:1px solid var(--c-gray-bd);border-radius:var(--radius-card);overflow:hidden}.po-ext-po-group-header{padding:13px 16px;background:var(--c-cream);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .14s;-webkit-user-select:none;user-select:none}.po-ext-po-group-header:hover{background:#ede9e2}.po-ext-po-group-title{display:flex;align-items:center;gap:10px}.po-ext-po-number-large{font-size:14.5px;font-weight:700;color:var(--c-blue)}.po-ext-payment-count{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.po-ext-invoice-count-badge,.po-ext-paid-badge{padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:600}.po-ext-invoice-count-badge{background:var(--c-blue-lt);color:var(--c-blue);border:1px solid var(--c-blue-bd)}.po-ext-paid-badge{background:var(--c-green-lt);color:var(--c-green);border:1px solid #a7f3d0}.po-ext-po-group-content{padding:14px;background:var(--c-white);border-top:1px solid #f0f0f0;animation:po-ext-slidedown .2s ease-out}@keyframes po-ext-slidedown{0%{opacity:0}to{opacity:1}}.po-ext-sn-info-section{background:var(--c-blue-lt);border:1px solid var(--c-blue-bd);border-radius:var(--radius-card);padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.po-ext-sn-info-section .po-ext-label{font-size:11px;font-weight:600;color:var(--c-blue);text-transform:uppercase;letter-spacing:.4px}.po-ext-sn-info-section .po-ext-value{color:#1e3a6e;font-size:13.5px;font-weight:600}.po-ext-form-section h4{font-size:14px;font-weight:700;color:var(--c-text-dk);margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.po-ext-checkbox-label{display:flex;align-items:center;gap:9px;cursor:pointer;padding:9px 12px;background:#f0fdf4;border:1px solid #a7f3d0;border-radius:var(--radius-btn);transition:background .14s}.po-ext-checkbox-label:hover{background:var(--c-green-lt)}.po-ext-checkbox-label input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--c-green)}.po-ext-checkbox-label span{font-size:13px;color:#166534;font-weight:500}.po-ext-checkbox-label.po-ext-user-change-checkbox{background:var(--c-blue-lt);border-color:var(--c-blue-bd)}.po-ext-checkbox-label.po-ext-user-change-checkbox:hover{background:#dbeafe}.po-ext-checkbox-label.po-ext-user-change-checkbox input{accent-color:var(--c-blue)}.po-ext-checkbox-label.po-ext-user-change-checkbox span{color:#1e40af}.po-ext-user-transition-section{padding:14px;background:var(--c-amber-lt);border:1px solid #fde68a;border-radius:var(--radius-card);margin-top:14px}.po-ext-user-transition-header{display:flex;align-items:center;gap:7px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #fde68a;font-weight:600;color:#92400e;font-size:13.5px}.po-ext-user-transition-content{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}.po-ext-user-label{display:block;font-size:11px;font-weight:600;color:#78350f;margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}.po-ext-user-name.old{padding:9px 12px;background:var(--c-white);border:1px solid #fca5a5;border-radius:var(--radius-inp);font-size:13.5px;font-weight:600;color:var(--c-red);text-decoration:line-through}.po-ext-transition-arrow{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#d97706}.po-ext-select-all{padding:10px;background:var(--c-cream);border-radius:var(--radius-btn);margin-bottom:10px}.po-ext-items-list{max-height:260px;overflow-y:auto;border:1px solid var(--c-gray-bd);border-radius:var(--radius-card);padding:10px}.po-ext-item-wrapper{margin-bottom:7px}.po-ext-item-checkbox{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:var(--radius-btn);cursor:pointer;transition:background .14s}.po-ext-item-checkbox:hover{background:var(--c-cream)}.po-ext-item-checkbox input[type=checkbox]{width:16px;height:16px;margin-top:2px;cursor:pointer;flex-shrink:0}.po-ext-item-checkbox-content{flex:1;display:flex;flex-direction:column;gap:3px}.po-ext-item-checkbox-content strong{color:var(--c-blue);font-size:13.5px}.po-ext-item-checkbox-content span{color:var(--c-text-md);font-size:12.5px}.po-ext-item-checkbox-content small{color:var(--c-gray);font-size:12px}.po-ext-replacement-section{padding:10px 10px 10px 38px;background:var(--c-amber-lt);border-top:1px solid #fde68a}.po-ext-replacement-label{display:flex;align-items:center;gap:7px;margin-bottom:7px;cursor:pointer}.po-ext-replacement-label span{font-size:12.5px;font-weight:500;color:#92400e}.po-ext-replacement-input{width:100%;padding:7px 10px;border:1px solid #fde68a;border-radius:var(--radius-inp);font-size:12.5px;box-sizing:border-box}.po-ext-replacement-input:focus{outline:none;border-color:#d97706}.po-ext-success-overlay{background:#0f172a8c}.po-ext-success-modal{max-width:520px;background:var(--c-white);border:1px solid var(--c-gray-bd);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-modal)}.po-ext-success-header{background:#f0fdf4;border-bottom:2px solid #a7f3d0;padding:28px 22px;text-align:center}.po-ext-success-icon{display:flex;justify-content:center;margin-bottom:14px}.po-ext-success-title{font-size:18px;font-weight:700;color:#065f46;margin:0 0 6px}.po-ext-success-subtitle{font-size:13px;color:var(--c-green);margin:0}.po-ext-success-body{padding:20px;max-height:360px;overflow-y:auto}.po-ext-success-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.po-ext-success-item:last-child{border-bottom:none}.po-ext-success-label{font-size:12.5px;font-weight:600;color:var(--c-gray);flex-shrink:0;margin-right:14px}.po-ext-success-value{font-size:13.5px;font-weight:600;color:var(--c-text-dk);text-align:right}.po-ext-success-user-info{display:flex;align-items:center;gap:7px}.po-ext-old-user{font-size:12.5px;color:var(--c-red);text-decoration:line-through}.po-ext-arrow{color:var(--c-green);font-weight:700}.po-ext-new-user{font-size:13.5px;color:var(--c-green);font-weight:700;background:var(--c-green-lt);padding:3px 9px;border-radius:var(--radius-badge)}.po-ext-highlight-blue{color:var(--c-blue);background:var(--c-blue-lt);padding:3px 10px;border-radius:var(--radius-badge);font-family:monospace}.po-ext-success-badge{font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:var(--radius-btn)}.po-ext-success-badge.extension{background:var(--c-blue-lt);color:#1e40af;border:1px solid var(--c-blue-bd)}.po-ext-success-badge.replacement{background:var(--c-amber-lt);color:var(--c-amber);border:1px solid #fde68a}.po-ext-success-item.po-ext-success-price{background:var(--c-blue-lt);padding:14px;border-radius:var(--radius-card);border:1px solid var(--c-blue-bd);margin:7px 0}.po-ext-success-price-info{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.po-ext-total-price{font-size:18px;font-weight:700;color:var(--c-blue)}.po-ext-monthly-price{font-size:12px;color:#1e3a6e}.po-ext-success-item.po-ext-success-invoice{background:var(--c-cream);padding:10px;border-radius:var(--radius-btn);margin-top:7px}.po-ext-invoice-id{font-family:Courier New,monospace;background:var(--c-white);padding:4px 10px;border-radius:var(--radius-badge);border:1px solid var(--c-gray-bd);font-size:12.5px}.po-ext-success-footer{padding:16px 22px;background:var(--c-cream);border-top:1px solid var(--c-cream-bd);display:flex;justify-content:center}.po-ext-success-btn{padding:10px 36px;background:var(--c-green);color:var(--c-white);border:none;border-radius:var(--radius-btn);font-size:14px;font-weight:600;cursor:pointer;transition:background .14s}.po-ext-success-btn:hover{background:#126d2e}.po-ext-modal-overlay-in-sn{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:10002}.po-ext-success-modal-in-sn{background:var(--c-white);border:1px solid var(--c-gray-bd);border-radius:8px;padding:28px 24px;width:280px;text-align:center;box-shadow:var(--shadow-modal)}.po-ext-success-icon-in-sn{width:50px;height:50px;background:var(--c-green);color:var(--c-white);border-radius:50%;font-size:24px;line-height:50px;margin:0 auto 14px}.po-ext-success-message-in-sn{font-size:14px;color:var(--c-text-md);margin-bottom:20px;font-weight:500}.po-ext-modal-actions-in-sn{display:flex;justify-content:center}.po-ext-btn-submit-in-sn{padding:9px 28px;background:var(--c-blue);color:var(--c-white);border:none;border-radius:var(--radius-btn);font-size:13.5px;font-weight:600;cursor:pointer;transition:background .14s}.po-ext-btn-submit-in-sn:hover{background:#1446bb}.po-ext-akumulasi-col-omset{font-weight:700;color:var(--c-green);white-space:nowrap}.po-ext-akumulasi-grand-total{background:var(--c-blue)!important;color:var(--c-white)!important;border-top:1px solid #1446bb}.po-ext-akumulasi-grand-total td{padding:9px 11px}.po-ext-akumulasi-grand-total-label{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-weight:700;font-size:12px;white-space:nowrap}.po-ext-akumulasi-pill-total{background:#ffffff26;color:var(--c-white);padding:2px 9px;border-radius:10px;font-weight:700;font-size:11px}.po-ext-akumulasi-grand-omset{color:#bfdbfe;font-weight:700;font-size:13px;white-space:nowrap}.po-ext-akumulasi-outstanding{background:#b91c1c!important;color:var(--c-white)!important}.po-ext-akumulasi-outstanding td{padding:9px 11px}.po-ext-akumulasi-outstanding-label{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-weight:700;font-size:12px;white-space:nowrap}.po-ext-akumulasi-outstanding-value{color:var(--c-white);font-weight:700;font-size:13px;white-space:nowrap}@media (max-width: 1024px){.po-ext-filter-search-container{flex-direction:column;align-items:stretch}.po-ext-filter-group,.po-ext-search-group{width:100%}.po-ext-filter-select{min-width:auto;flex:1}}@media (max-width: 768px){.po-ext-stats-grid{grid-template-columns:1fr;gap:10px}.po-ext-header-section{padding:18px}.po-ext-extend-btn{position:static;margin-top:16px;width:100%}.po-ext-header-details{flex-direction:column;gap:12px}.po-ext-section-header{flex-direction:column;gap:12px;align-items:flex-start}.po-ext-section-actions{width:100%;flex-direction:column}.po-ext-export-btn,.po-ext-import-btn{width:100%;justify-content:center}.po-ext-action-buttons{flex-direction:column}.po-ext-btn-update-payment,.po-ext-btn-update-invoice{width:100%;justify-content:center}.po-ext-modal{max-width:calc(100% - 32px)}.po-ext-sn-info-header,.po-ext-sn-info-section{grid-template-columns:1fr}.po-ext-user-transition-content{grid-template-columns:1fr;gap:10px}.po-ext-pagination-container{flex-direction:column;gap:12px;padding:14px}.po-ext-pagination-controls{flex-wrap:wrap;justify-content:center}.po-ext-items-per-page{justify-content:center}.po-ext-modal-actions{flex-direction:column-reverse}.po-ext-btn-cancel,.po-ext-btn-submit{width:100%;text-align:center}.po-ext-po-group-header{flex-direction:column;align-items:flex-start;gap:10px}.po-ext-success-item{flex-direction:column;align-items:flex-start;gap:7px}.po-ext-success-value{text-align:left}}@media (max-width: 480px){.po-ext-page-btn{min-width:28px;height:28px;padding:4px 8px;font-size:12px}.po-ext-pagination-controls{gap:4px}.po-ext-stat-value{font-size:20px}.po-ext-stat-value-money{font-size:14px}}.tabnav-wrapper{background:#fff;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 1px 4px #0000000f,0 4px 16px #4f46e50d;margin-bottom:20px;overflow:hidden}.tabnav-searchbar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.tabnav-search-field{position:relative;display:flex;align-items:center;flex:1 1 300px;min-width:240px}.tabnav-search-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none;flex-shrink:0}.tabnav-search-input{width:100%;padding:9px 36px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:12.5px;font-family:inherit;color:#1e293b;background:#fff;outline:none;transition:border-color .18s ease,box-shadow .18s ease;box-sizing:border-box}.tabnav-search-input::placeholder{color:#b0bac6;font-weight:400}.tabnav-search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e517}.tabnav-search-clear{position:absolute;right:9px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:none;background:#e2e8f0;color:#64748b;cursor:pointer;padding:0;transition:background .15s ease,color .15s ease}.tabnav-search-clear:hover{background:#ef4444;color:#fff}.tabnav-filter-group{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.tabnav-filter-icon{color:#4f46e5;flex-shrink:0}.tabnav-select{padding:8px 32px 8px 11px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:12px;font-family:inherit;font-weight:500;color:#334155;background:#fff;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8.5L1.5 4h9z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .18s ease,box-shadow .18s ease;min-width:140px}.tabnav-select:hover{border-color:#4f46e5}.tabnav-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e517}.tabnav-sort-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease;white-space:nowrap}.tabnav-sort-btn:hover{border-color:#4f46e5;color:#4f46e5;background:#f5f3ff}.tabnav-sort-btn--desc{border-color:#4f46e5;color:#4f46e5;background:#eef2ff}.tabnav-tabbar{background:#fff;padding:0;overflow-x:auto;scrollbar-width:none}.tabnav-tabbar::-webkit-scrollbar{display:none}.tabnav-tab-list{display:flex;list-style:none;margin:0;padding:0;gap:0;width:100%}.tabnav-tab-item{flex:1}.tabnav-tab-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 10px 13px;width:100%;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;color:#64748b;font-family:inherit;text-align:center;transition:color .18s ease,background .18s ease;border-radius:0;outline:none;white-space:nowrap}.tabnav-tab-btn:focus-visible{outline:2px solid #4f46e5;outline-offset:-2px;border-radius:6px}.tabnav-tab-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:#f1f5f9;color:#64748b;transition:background .18s ease,color .18s ease;flex-shrink:0}.tabnav-tab-labels{display:flex;flex-direction:column;gap:2px}.tabnav-tab-main{font-size:13.5px;font-weight:600;line-height:1.2;color:inherit}.tabnav-tab-sub{font-size:11px;font-weight:400;color:#94a3b8;line-height:1}.tabnav-tab-underline{position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#1e3a8a;transition:width .25s cubic-bezier(.4,0,.2,1);border-radius:2px 2px 0 0}.tabnav-tab-btn:hover{color:#1e3a8a;background:#f8fafc}.tabnav-tab-btn:hover .tabnav-tab-underline{width:100%}.tabnav-tab-btn:hover .tabnav-tab-icon-wrap{background:#eef2ff;color:#4f46e5}.tabnav-tab-btn:hover .tabnav-tab-sub{color:#64748b}.tabnav-tab-btn--active{color:#1e3a8a;border-bottom-color:#1e3a8a;background:#f5f7ff}.tabnav-tab-btn--active .tabnav-tab-underline{width:100%;background:#1e3a8a}.tabnav-tab-btn--active .tabnav-tab-icon-wrap{background:#dbeafe;color:#1e3a8a}.tabnav-tab-btn--active .tabnav-tab-main{font-weight:700}.tabnav-tab-btn--active .tabnav-tab-sub{color:#3b82f6}.tabnav-tab-btn--active:hover{background:#eef2ff}.tabnav-tab-btn--active:hover .tabnav-tab-underline{width:100%;background:#1e3a8a}@media (min-width: 768px) and (max-width: 1400px){.tabnav-searchbar{padding:10px 14px;gap:8px}.tabnav-search-input{font-size:12px;padding:8px 32px 8px 34px}.tabnav-select{font-size:11.5px;padding:7px 28px 7px 10px;min-width:120px}.tabnav-sort-btn{font-size:11.5px;padding:7px 10px}.tabnav-tab-btn{padding:12px 14px 11px;gap:8px}.tabnav-tab-icon-wrap{width:32px;height:32px}.tabnav-tab-main{font-size:12.5px}.tabnav-tab-sub{font-size:10.5px}}@media (prefers-reduced-motion: reduce){.tabnav-tab-underline,.tabnav-tab-btn,.tabnav-tab-icon-wrap,.tabnav-search-input,.tabnav-select,.tabnav-sort-btn{transition:none}}:root{--ext-green-primary: #1a6b4a;--ext-green-hover: #155a3d;--ext-green-light: #e8f5ee;--ext-green-border: #b7ddc9;--ext-gray-50: #f8f9fa;--ext-gray-100: #f1f3f4;--ext-gray-200: #e2e6ea;--ext-gray-300: #ced4da;--ext-gray-400: #adb5bd;--ext-gray-500: #6c757d;--ext-gray-600: #495057;--ext-gray-700: #343a40;--ext-gray-900: #212529;--ext-red: #c0392b;--ext-red-bg: #fdf0ee;--ext-radius: 6px;--ext-radius-sm: 4px;--ext-shadow: 0 4px 24px rgba(0, 0, 0, .12);--ext-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.ext-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.ext-container{background:#fff;border-radius:var(--ext-radius);box-shadow:var(--ext-shadow);width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;font-family:var(--ext-font)}.ext-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--ext-gray-200);flex-shrink:0}.ext-header-left{display:flex;align-items:center;gap:.75rem}.ext-header-icon{width:32px;height:32px;background:var(--ext-green-light);color:var(--ext-green-primary);border-radius:var(--ext-radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ext-title{font-size:1rem;font-weight:600;color:var(--ext-gray-900);margin:0;line-height:1.3}.ext-subtitle{font-size:.75rem;color:var(--ext-gray-500);margin:2px 0 0}.ext-close{background:none;border:none;cursor:pointer;color:var(--ext-gray-400);padding:.25rem;border-radius:var(--ext-radius-sm);display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;flex-shrink:0}.ext-close:hover{color:var(--ext-gray-700);background:var(--ext-gray-100)}.ext-body{overflow-y:auto;padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:1.25rem}.ext-info-card{background:var(--ext-gray-50);border:1px solid var(--ext-gray-200);border-radius:var(--ext-radius);padding:1rem 1.125rem}.ext-info-card-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ext-gray-500);margin-bottom:.75rem}.ext-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem 1.5rem}.ext-info-item{display:flex;flex-direction:column;gap:.2rem}.ext-info-item--full{grid-column:1 / -1}.ext-info-label{font-size:.7rem;color:var(--ext-gray-400);font-weight:500}.ext-info-value{font-size:.85rem;color:var(--ext-gray-700);font-weight:500}.ext-info-value.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:.8rem}.ext-form{display:flex;flex-direction:column;gap:1rem}.ext-field{display:flex;flex-direction:column;gap:.375rem;flex:1;min-width:0}.ext-field-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.ext-label{font-size:.8rem;font-weight:500;color:var(--ext-gray-600)}.ext-required{color:var(--ext-red)}.ext-input{height:36px;padding:0 .75rem;border:1px solid var(--ext-gray-300);border-radius:var(--ext-radius-sm);font-size:.875rem;color:var(--ext-gray-900);background:#fff;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box;font-family:var(--ext-font)}.ext-input:focus{border-color:var(--ext-green-primary)}.ext-input--readonly{background:var(--ext-gray-50);color:var(--ext-gray-500);cursor:default;border-color:var(--ext-gray-200)}.ext-input--error{border-color:var(--ext-red)}.ext-input--error:focus{border-color:var(--ext-red)}.ext-error{font-size:.75rem;color:var(--ext-red)}.ext-radio-group{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ext-radio-option{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem;border:1px solid var(--ext-gray-200);border-radius:var(--ext-radius-sm);cursor:pointer;transition:border-color .15s,background .15s;position:relative}.ext-radio-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.ext-radio-option:hover{border-color:var(--ext-green-border);background:var(--ext-gray-50)}.ext-radio-option--active{border-color:var(--ext-green-primary);background:var(--ext-green-light)}.ext-radio-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--ext-gray-300);flex-shrink:0;margin-top:1px;transition:border-color .15s,background .15s;background:#fff}.ext-radio-option--active .ext-radio-dot{border-color:var(--ext-green-primary);background:var(--ext-green-primary);box-shadow:inset 0 0 0 2px #fff}.ext-radio-label{display:block;font-size:.8rem;font-weight:600;color:var(--ext-gray-700)}.ext-radio-desc{display:block;font-size:.7rem;color:var(--ext-gray-400);margin-top:1px}.ext-checkbox-row{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content}.ext-checkbox{width:15px;height:15px;accent-color:var(--ext-green-primary);cursor:pointer;flex-shrink:0}.ext-checkbox-icon{color:var(--ext-gray-500);flex-shrink:0}.ext-checkbox-label{font-size:.8rem;font-weight:500;color:var(--ext-gray-600)}.ext-user-change-panel{margin-top:.75rem;padding:.875rem;background:var(--ext-green-light);border:1px solid var(--ext-green-border);border-radius:var(--ext-radius-sm)}.ext-divider{border:none;border-top:1px solid var(--ext-gray-100);margin:.25rem 0}.ext-total-display{height:36px;display:flex;align-items:center;gap:.625rem;padding:0 .75rem;background:var(--ext-gray-50);border:1px solid var(--ext-gray-200);border-radius:var(--ext-radius-sm);font-size:.875rem;font-weight:600;color:var(--ext-green-primary)}.ext-total-breakdown{font-size:.7rem;font-weight:400;color:var(--ext-gray-400)}.ext-footer{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;padding:1rem 1.5rem;border-top:1px solid var(--ext-gray-200);flex-shrink:0}.ext-btn{height:36px;padding:0 1.125rem;border-radius:var(--ext-radius-sm);font-size:.8rem;font-weight:500;font-family:var(--ext-font);cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;gap:.375rem;transition:background .15s,border-color .15s}.ext-btn--cancel{background:#fff;border-color:var(--ext-gray-300);color:var(--ext-gray-600)}.ext-btn--cancel:hover{background:var(--ext-gray-50);border-color:var(--ext-gray-400)}.ext-btn--submit{background:var(--ext-green-primary);color:#fff}.ext-btn--submit:hover{background:var(--ext-green-hover)}@media (max-width: 520px){.ext-field-row,.ext-radio-group,.ext-info-grid{grid-template-columns:1fr}.ext-info-item--full{grid-column:1}.ext-container{max-height:100vh;border-radius:0}}.ext-success-container{background:#fff;border-radius:var(--ext-radius);box-shadow:var(--ext-shadow);width:100%;max-width:420px;font-family:var(--ext-font);display:flex;flex-direction:column}.ext-success-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--ext-gray-200)}.ext-success-icon-wrap{width:36px;height:36px;background:var(--ext-green-light);color:var(--ext-green-primary);border-radius:var(--ext-radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ext-success-title{font-size:.95rem;font-weight:600;color:var(--ext-gray-900);margin:0;line-height:1.3}.ext-success-subtitle{font-size:.75rem;color:var(--ext-gray-400);margin:2px 0 0}.ext-success-close-btn{margin-left:auto}.ext-success-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.ext-success-rows{display:flex;flex-direction:column;border:1px solid var(--ext-gray-200);border-radius:var(--ext-radius-sm);overflow:hidden}.ext-success-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem .875rem;border-bottom:1px solid var(--ext-gray-100)}.ext-success-row:last-child{border-bottom:none}.ext-success-row:nth-child(odd){background:var(--ext-gray-50)}.ext-success-label{font-size:.775rem;color:var(--ext-gray-500);font-weight:500;flex-shrink:0}.ext-success-value{font-size:.825rem;color:var(--ext-gray-800);font-weight:500;text-align:right;display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;justify-content:flex-end}.ext-success-value.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:.775rem}.ext-success-strikethrough{text-decoration:line-through;color:var(--ext-gray-400);font-size:.775rem}.ext-success-arrow{color:var(--ext-gray-400);font-size:.75rem}.ext-success-new-user{color:var(--ext-green-primary);font-weight:600}.ext-success-total{background:var(--ext-green-light);border:1px solid var(--ext-green-border);border-radius:var(--ext-radius-sm);padding:.875rem 1rem}.ext-success-total-top{display:flex;align-items:center;justify-content:space-between}.ext-success-total-label{font-size:.775rem;font-weight:600;color:var(--ext-green-primary);text-transform:uppercase;letter-spacing:.04em}.ext-success-total-value{font-size:1.05rem;font-weight:700;color:var(--ext-green-primary)}.ext-success-total-breakdown{font-size:.725rem;color:var(--ext-gray-500);margin-top:.25rem}.po-change-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-In .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.po-change-modal-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:900px;width:95%;max-height:95vh;animation:scale-In .3s ease-out;overflow:hidden;display:flex;flex-direction:column}.po-change-modal-header{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;position:relative}.po-change-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.po-change-modal-header h3{margin:0;font-size:20px;font-weight:600;position:relative;z-index:1;display:flex;align-items:center;gap:10px}.po-change-modal-header h3:before{content:"📁";font-size:22px}.po-change-close-btn{background:red;border:none;font-size:24px;cursor:pointer;color:#fff;padding:4px;border-radius:4px;transition:all .2s ease;position:relative;z-index:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.po-change-close-btn:hover{background-color:#dc2626;transform:scale(1.1)}.po-change-close-btn:active{transform:scale(.95)}.po-change-modal-body{padding:24px;overflow-y:auto;flex:1}.po-change-modal-body::-webkit-scrollbar{width:6px}.po-change-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.po-change-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.po-change-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.po-change-form-group{margin-bottom:20px}.po-change-form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#374151;letter-spacing:.025em}.po-change-form-group label:after{content:"*";color:#ef4444;margin-left:4px;font-weight:700}.po-change-form-group label:not([data-required]):after{display:none}.po-change-form-group input,.po-change-form-group select,.po-change-form-group textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease;background:#fff;box-sizing:border-box}.po-change-form-group input:focus,.po-change-form-group select:focus,.po-change-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.po-change-form-group input:hover,.po-change-form-group select:hover,.po-change-form-group textarea:hover{border-color:#cbd5e1}.po-change-form-group input:disabled,.po-change-form-group select:disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed}.po-change-form-group textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.po-change-form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.po-change-form-group input.error,.po-change-form-group select.error,.po-change-form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.po-change-error-message{color:#ef4444;font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px}.po-change-error-message:before{content:"⚠️";font-size:14px}.po-change-info-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:8px;padding:16px;margin-top:20px}.po-change-info-box h4{margin:0 0 12px;color:#0c4a6e;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.po-change-info-box h4:before{content:"ℹ️";font-size:18px}.po-change-info-box ul{margin:0;padding-left:20px;color:#0c4a6e}.po-change-info-box li{margin-bottom:6px;font-size:14px;line-height:1.4}.po-change-info-box li:last-child{margin-bottom:0}.po-change-debug-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px;margin-top:16px;font-family:Courier New,monospace;font-size:11px;color:#495057;max-height:200px;overflow-y:auto}.po-change-debug-info strong{color:#212529}.po-change-debug-info pre{margin:8px 0 0;white-space:pre-wrap;word-break:break-all}.po-change-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:20px 24px;display:flex;justify-content:flex-end;gap:12px}.po-change-cancel-btn,.po-change-save-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:none;position:relative;overflow:hidden}.po-change-cancel-btn{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.po-change-cancel-btn:hover{background:#e2e8f0;color:#475569;transform:translateY(-1px)}.po-change-save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 6px -1px #667eea4d}.po-change-save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 15px -3px #667eea66}.po-change-save-btn:active{transform:translateY(0)}.po-change-save-btn:disabled,.po-change-cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.po-change-save-btn:disabled:hover,.po-change-cancel-btn:disabled:hover{transform:none}.po-change-save-btn:disabled{background:#94a3b8}@keyframes fade-In{0%{opacity:0}to{opacity:1}}@keyframes scale-In{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.po-change-modal-container{width:95%;margin:10px;max-height:95vh}.po-change-modal-header{padding:16px 20px}.po-change-modal-header h3{font-size:18px}.po-change-modal-body{padding:20px}.po-change-modal-footer{padding:16px 20px;flex-direction:column}.po-change-cancel-btn,.po-change-save-btn{width:100%;justify-content:center}}@media (max-width: 480px){.po-change-modal-container{width:98%;margin:5px}.po-change-modal-header{padding:14px 16px}.po-change-modal-body{padding:16px}.po-change-form-group{margin-bottom:16px}.po-change-info-box{padding:12px}.po-change-info-box h4{font-size:14px}.po-change-info-box li{font-size:13px}}@media (prefers-reduced-motion: reduce){.po-change-modal-overlay,.po-change-modal-container,.po-change-close-btn,.po-change-cancel-btn,.po-change-save-btn,.po-change-form-group input,.po-change-form-group select,.po-change-form-group textarea{animation:none;transition:none}}.po-change-cancel-btn:focus-visible,.po-change-save-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.po-change-form-group input:focus-visible,.po-change-form-group select:focus-visible,.po-change-form-group textarea:focus-visible{outline:2px solid #667eea;outline-offset:2px}.loading-months{padding:12px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:14px;display:flex;align-items:center;gap:8px}.loading-months:before{content:"";width:16px;height:16px;border:2px solid #e2e8f0;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.selected-period-info{margin-top:8px;padding:8px 12px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;font-size:12px;color:#0c4a6e}.selected-period-info strong{color:#075985}.po-change-help-text{font-size:12px;color:#64748b;margin-top:4px;line-height:1.4;padding:8px 12px;background:#f8fafc;border-radius:6px;border-left:3px solid #0ea5e9}.po-history-section{margin:24px 0;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px}.po-history-section h4{margin:0 0 16px;color:#1e293b;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.po-history-section h4:before{content:"📋";font-size:18px}.loading-po-history{padding:20px;text-align:center;color:#64748b;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.loading-po-history:before{content:"";width:16px;height:16px;border:2px solid #e2e8f0;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.po-history-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.po-history-table{overflow-x:auto}.po-history-table table{width:100%;border-collapse:collapse;font-size:13px}.po-history-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 8px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #5a67d8}.po-history-table td{padding:12px 8px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.po-history-table tr:hover{background-color:#f8fafc}.po-history-table tr.will-change{background-color:#fef3c7;border-left:4px solid #f59e0b}.po-history-table tr.will-change:hover{background-color:#fde68a}.po-history-table tr.no-change{background-color:#f0f9ff;border-left:4px solid #0ea5e9}.po-history-table tr.no-change:hover{background-color:#e0f2fe}.po-history-table .po-number{font-weight:500;min-width:150px}.current-po{color:#1e293b;font-family:Courier New,monospace;background:#f1f5f9;padding:4px 8px;border-radius:4px;font-size:12px}.po-change-preview{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.old-po{color:#dc2626;font-family:Courier New,monospace;background:#fee2e2;padding:4px 8px;border-radius:4px;font-size:12px;text-decoration:line-through;opacity:.7}.arrow{color:#059669;font-weight:700;font-size:14px}.new-po{color:#059669;font-family:Courier New,monospace;background:#dcfce7;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;border:1px solid #16a34a}.payment-status{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.payment-status.paid{background:#dcfce7;color:#166534;border:1px solid #16a34a}.payment-status.unpaid{background:#fee2e2;color:#991b1b;border:1px solid #dc2626}.no-po-history{padding:40px 20px;text-align:center;color:#64748b}.no-po-history p{margin:0;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.no-po-history p:before{content:"📄";font-size:20px;opacity:.5}@media (max-width: 768px){.po-history-section{margin:16px 0;padding:16px}.po-history-table{font-size:12px}.po-history-table th,.po-history-table td{padding:8px 6px}.po-change-preview{flex-direction:column;align-items:flex-start;gap:4px}.arrow{transform:rotate(90deg);align-self:center}}@media (max-width: 480px){.po-history-table table{font-size:11px}.po-history-table th{font-size:10px;padding:6px 4px}.po-history-table td{padding:6px 4px}.current-po,.old-po,.new-po{font-size:10px;padding:2px 4px}.payment-status{font-size:9px;padding:2px 6px}}.color-box{width:16px;height:16px;border-radius:50%;display:inline-block;margin-right:8px}.will-change .color-box{background-color:#fef3c7}.no-change .color-box{background-color:#f0f9ff}.po-change-cancel-btn{background:red;color:#fff;border:1px solid #e2e8f0;padding:12px 24px;border-radius:8px;transition:background-color .2s ease,color .2s ease}.po-change-cancel-btn:hover{background:#be0000;color:#fff;transform:translateY(-1px)}.po-change-save-btn{background:green;color:#fff;padding:12px 24px;border-radius:8px;transition:background-color .2s ease,color .2s ease}.po-change-save-btn:hover{background:#006000;color:#fff;transform:translateY(-1px)}strong{color:#1e293b}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-modal-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:480px;width:90%;animation:scaleIn .3s ease-out;overflow:hidden}.delete-modal-header{background:linear-gradient(135deg,#ff4757,#ff6348);color:#fff;padding:20px 24px;display:flex;align-items:center;gap:12px}.delete-modal-header h3{margin:0;font-size:20px;font-weight:600;flex:1}.delete-modal-icon{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.delete-modal-body{padding:24px}.delete-warning-text{font-size:16px;color:#333;margin-bottom:20px;line-height:1.6}.delete-item-details{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:20px}.delete-detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e9ecef}.delete-detail-row:last-child{border-bottom:none}.delete-detail-label{font-weight:600;color:#666;font-size:14px}.delete-detail-value{color:#333;font-size:14px;text-align:right;max-width:60%;word-break:break-word}.delete-confirmation-text{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:12px 16px;color:#856404;font-size:14px;display:flex;align-items:center;gap:10px}.delete-confirmation-text svg{flex-shrink:0}.delete-modal-footer{padding:16px 24px;background:#f8f9fa;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e9ecef}.delete-cancel-btn,.delete-confirm-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.delete-cancel-btn{background:#e9ecef;color:#495057}.delete-cancel-btn:hover{background:#dee2e6;transform:translateY(-1px)}.delete-confirm-btn{background:#dc3545;color:#fff}.delete-confirm-btn:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.delete-confirm-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.delete-loading{display:inline-block;width:14px;height:14px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin .8s linear infinite}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.delete-modal-container{width:95%;margin:10px}.delete-modal-header{padding:16px 20px}.delete-modal-body{padding:20px}.delete-detail-row{flex-direction:column;gap:4px}.delete-detail-value{text-align:left;max-width:100%}}.delete-completed-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.delete-completed-modal-overlay.show{opacity:1}.delete-completed-modal-container{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:40px 30px 30px;width:90%;max-width:420px;text-align:center;position:relative;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #fffc;transform:scale(.7) translateY(50px);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.delete-completed-modal-container.show{transform:scale(1) translateY(0);opacity:1}.success-icon-wrapper{position:relative;margin-bottom:25px;display:inline-block}.success-icon-bg{width:80px;height:80px;background:linear-gradient(135deg,#059669,#047857);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;animation:successPulse .6s ease-out;box-shadow:0 10px 25px #05966966,0 0 0 6px #05966926}.success-icon{color:#fff;animation:checkmarkDraw .8s ease-out .2s both}.success-ripple{position:absolute;top:50%;left:50%;width:80px;height:80px;border:2px solid #059669;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;animation:rippleEffect 1.5s ease-out .3s}.delete-completed-modal-content{margin-bottom:30px}.success-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:12px;animation:slideInUp .6s ease-out .4s both}.success-message{font-size:16px;color:#6b7280;line-height:1.6;margin:0;animation:slideInUp .6s ease-out .5s both}.close-button{position:absolute;top:15px;right:15px;background:#6b72801a;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease;opacity:0;animation:fadeIn .3s ease-out .6s both}.close-button:hover{background:#6b728033;color:#374151;transform:scale(1.1)}.modal-actions{animation:slideInUp .6s ease-out .6s both}.ok-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #3b82f64d,0 0 0 1px #3b82f61a;min-width:120px}.ok-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666,0 0 0 1px #3b82f633}.ok-button:active{transform:translateY(0)}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes checkmarkDraw{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes rippleEffect{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.delete-completed-modal-container{margin:20px;padding:30px 20px 25px;border-radius:16px}.success-icon-bg{width:70px;height:70px}.success-icon{width:40px;height:40px}.success-title{font-size:20px}.success-message{font-size:14px}.ok-button{padding:12px 28px;font-size:14px}}@media (prefers-reduced-motion: reduce){.delete-completed-modal-overlay,.delete-completed-modal-container,.success-icon-bg,.success-icon,.success-ripple,.success-title,.success-message,.close-button,.modal-actions,.ok-button{animation:none;transition:none}.delete-completed-modal-container{transform:none;opacity:1}}.modal-overlay-hapus-sn{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content-hapus-sn{background:#fff;border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header-hapus-sn{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.modal-header-hapus-sn h2{margin:0;font-size:20px;font-weight:600;color:#111827}.close-button-hapus-sn{background:none;border:none;font-size:28px;cursor:pointer;color:#6b7280;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-button-hapus-sn:hover{background:#e5e7eb;color:#111827}.modal-body-hapus-sn{padding:24px;overflow-y:auto;flex:1}.input-section-hapus-sn{margin-bottom:24px}.input-section-hapus-sn label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.input-wrapper-hapus-sn{display:flex;gap:8px}.sn-input-hapus-sn{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s}.sn-input-hapus-sn:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add-button-hapus-sn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:14px}.add-button-hapus-sn:hover:not(:disabled){background:#2563eb}.add-button-hapus-sn:disabled{background:#9ca3af;cursor:not-allowed}.input-hint-hapus-sn{margin-top:8px;font-size:12px;color:#6b7280;line-height:1.5}.sn-list-section-hapus-sn{margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.sn-list-section-hapus-sn h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.sn-chips-container-hapus-sn{display:flex;flex-wrap:wrap;gap:8px;max-height:200px;overflow-y:auto;padding:4px}.sn-chip-hapus-sn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:20px;font-size:13px;color:#374151;transition:all .2s}.sn-chip-hapus-sn:hover{border-color:#3b82f6;background:#eff6ff}.remove-chip-button-hapus-sn{background:none;border:none;font-size:18px;cursor:pointer;color:#6b7280;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:color .2s}.remove-chip-button-hapus-sn:hover{color:#ef4444}.message-box-hapus-sn{padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px;line-height:1.5}.message-box-hapus-sn.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.message-box-hapus-sn.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.confirmation-section-hapus-sn{margin-bottom:24px}.confirmation-section-hapus-sn h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.table-container-hapus-sn{overflow-x:auto;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:16px}.data-table-hapus-sn{width:100%;border-collapse:collapse;font-size:14px}.data-table-hapus-sn thead{background:#f9fafb}.data-table-hapus-sn th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.data-table-hapus-sn td{padding:12px 16px;border-bottom:1px solid #e5e7eb;color:#4b5563}.data-table-hapus-sn tbody tr:last-child td{border-bottom:none}.data-table-hapus-sn tbody tr:hover{background:#f9fafb}.not-found-row{background:#fef2f2!important}.status-badge-hapus-sn{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge-hapus-sn.found{background:#d1fae5;color:#065f46}.status-badge-hapus-sn.not-found{background:#fee2e2;color:#991b1b}.summary-section-hapus-sn{padding:16px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.summary-section-hapus-sn p{margin:0 0 8px;font-size:14px;color:#374151}.summary-section-hapus-sn p:last-child{margin-bottom:0}.summary-section-hapus-sn strong{font-weight:600;margin:0 4px}.warning-text-hapus-sn{color:#dc2626!important;font-weight:500!important;margin-top:12px!important}.result-section-hapus-sn{text-align:center;padding:40px 20px}.result-icon-hapus-sn{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700}.result-section-hapus-sn.success .result-icon-hapus-sn{background:#d1fae5;color:#065f46}.result-section-hapus-sn.error .result-icon-hapus-sn{background:#fee2e2;color:#991b1b}.result-section-hapus-sn h3{margin:0 0 12px;font-size:24px;font-weight:600}.result-section-hapus-sn.success h3{color:#065f46}.result-section-hapus-sn.error h3{color:#991b1b}.result-section-hapus-sn p{margin:0;font-size:16px;color:#4b5563;line-height:1.6}.button-group-hapus-sn{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e5e7eb}.button-group-hapus-sn button{padding:10px 24px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:14px}.cancel-button-hapus-sn,.back-button-hapus-sn{background:#fff;color:#374151;border:1px solid #d1d5db!important}.cancel-button-hapus-sn:hover,.back-button-hapus-sn:hover{background:#f9fafb;border-color:#9ca3af!important}.check-button-hapus-sn{background:#3b82f6;color:#fff}.check-button-hapus-sn:hover:not(:disabled){background:#2563eb}.check-button-hapus-sn:disabled{background:#9ca3af;cursor:not-allowed}.delete-button-hapus-sn{background:#ef4444;color:#fff}.delete-button-hapus-sn:hover:not(:disabled){background:#dc2626}.delete-button-hapus-sn:disabled{background:#9ca3af;cursor:not-allowed}.close-result-button-hapus-sn{background:#3b82f6;color:#fff}.close-result-button-hapus-sn:hover{background:#2563eb}.modal-body-hapus-sn::-webkit-scrollbar,.sn-chips-container-hapus-sn::-webkit-scrollbar,.table-container-hapus-sn::-webkit-scrollbar{width:8px;height:8px}.modal-body-hapus-sn::-webkit-scrollbar-track,.sn-chips-container-hapus-sn::-webkit-scrollbar-track,.table-container-hapus-sn::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body-hapus-sn::-webkit-scrollbar-thumb,.sn-chips-container-hapus-sn::-webkit-scrollbar-thumb,.table-container-hapus-sn::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.modal-body-hapus-sn::-webkit-scrollbar-thumb:hover,.sn-chips-container-hapus-sn::-webkit-scrollbar-thumb:hover,.table-container-hapus-sn::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 768px){.modal-content-hapus-sn{width:95%;max-height:95vh}.modal-header-hapus-sn,.modal-body-hapus-sn{padding:16px}.input-wrapper-hapus-sn{flex-direction:column}.add-button-hapus-sn{width:100%}.button-group-hapus-sn{flex-direction:column}.button-group-hapus-sn button{width:100%}.data-table-hapus-sn{font-size:12px}.data-table-hapus-sn th,.data-table-hapus-sn td{padding:8px}}:root{--notes-blue: #2563eb;--notes-blue-dark: #1e3a8a;--notes-blue-soft: #eaf0fd;--notes-cream: #faf8f3;--notes-cream-dark: #f1ead9;--notes-gray-50: #f7f7f8;--notes-gray-100: #eef0f2;--notes-gray-300: #d6d9de;--notes-gray-500: #6b7280;--notes-gray-700: #374151;--notes-gray-900: #1f2937;--notes-white: #ffffff;--notes-red: #9b2c2c;--notes-red-bg: #faeaea;--notes-red-border: #eebcbc}.notes-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#1f293773;display:flex;align-items:center;justify-content:center;z-index:999}.notes-modal-content{background:var(--notes-white);border:1px solid var(--notes-gray-100);border-radius:10px;width:420px;max-width:95%;box-shadow:0 8px 24px #1f29372e;overflow:hidden;animation:popIn .2s ease;font-size:13px}@keyframes popIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.notes-modal-header{background:var(--notes-blue-dark);color:var(--notes-white);padding:14px 18px}.notes-modal-title{margin:0;font-size:15px;font-weight:600;color:var(--notes-white)}.last-checked{margin:5px 0 0;font-size:11px;color:#ffffffbf}.notes-modal-body{padding:16px 18px;color:var(--notes-gray-700);background:var(--notes-gray-50)}.rental-info{background:var(--notes-white);border:1px solid var(--notes-gray-100);border-radius:8px;padding:10px 12px}.rental-info p{margin:3px 0;font-size:12.5px;color:var(--notes-gray-700)}.rental-info p strong{color:var(--notes-gray-900);font-weight:600}.notes-section{margin-top:14px}.notes-section h4{margin:0 0 8px;font-size:12.5px;font-weight:700;color:var(--notes-gray-900);text-transform:uppercase;letter-spacing:.3px}.notes-list{list-style:none;padding:0;margin:0;max-height:220px;overflow-y:auto}.notes-list li{background:var(--notes-white);border:1px solid var(--notes-gray-100);border-left:3px solid var(--notes-blue);padding:8px 10px;border-radius:6px;margin-bottom:6px;transition:background .15s ease}.notes-list li:hover{background:var(--notes-blue-soft)}.note-text{font-size:12.5px;font-weight:500;color:var(--notes-gray-900);line-height:1.4}.note-date{font-size:11px;color:var(--notes-gray-500);margin-top:3px}.empty-notes{font-size:12px;color:var(--notes-gray-500);font-style:italic;margin:0}.loading{font-size:12px;color:var(--notes-gray-500);margin:0}.catatan-penambahan{margin-top:12px}.notes-modal-body>em{display:block;margin-top:10px;font-size:11px;font-style:italic;color:var(--notes-gray-500);background:var(--notes-cream);border:1px solid var(--notes-cream-dark);border-radius:6px;padding:8px 10px;line-height:1.4}.notes-modal-footer{display:flex;justify-content:flex-end;padding:12px 18px;background:var(--notes-cream);border-top:1px solid var(--notes-cream-dark);gap:8px}.btn-view-notes{background-color:var(--notes-blue);color:var(--notes-white);border:none;padding:5px 10px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:background .15s ease}.btn-view-notes:hover{background-color:var(--notes-blue-dark)}.btn-refresh{background-color:var(--notes-blue-soft);color:var(--notes-blue-dark);border:1px solid #c3d6f8;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:background .15s ease}.btn-refresh:hover{background-color:#dbe7fb}.btn-close{background-color:var(--notes-white);color:var(--notes-gray-700);border:1px solid var(--notes-gray-300);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s ease}.btn-close:hover{background-color:var(--notes-gray-100);border-color:var(--notes-gray-500)}:root{--inv-blue: #2563eb;--inv-blue-dark: #1e3a8a;--inv-blue-soft: #eaf0fd;--inv-cream: #faf8f3;--inv-cream-dark: #f1ead9;--inv-gray-50: #f7f7f8;--inv-gray-100: #eef0f2;--inv-gray-300: #d6d9de;--inv-gray-500: #6b7280;--inv-gray-700: #374151;--inv-gray-900: #1f2937;--inv-white: #ffffff;--inv-green-bg: #e7f3ea;--inv-green-text: #1f6e3e;--inv-green-border: #b8dec3;--inv-red-bg: #faeaea;--inv-red-text: #9b2c2c;--inv-red-border: #eebcbc}.inv-detail-card{background:var(--inv-white);border:1px solid var(--inv-gray-100);border-radius:10px;box-shadow:0 1px 3px #1f29370f;overflow:hidden;margin-bottom:20px;font-size:13px}.inv-detail-header{padding:16px 20px;background:var(--inv-blue);color:var(--inv-white)}.inv-detail-title{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--inv-white)}.inv-detail-stats{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.inv-detail-stats-item{font-size:12px;padding:4px 10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:14px;color:var(--inv-white)}.inv-detail-stats-item strong{font-weight:700;font-size:13px;color:var(--inv-white)}.inv-detail-search-info{font-size:11.5px;font-style:italic;opacity:.85;color:var(--inv-white)}.inv-detail-table-wrapper{min-height:320px}.inv-detail-table-container{overflow-x:auto;max-width:100%}.inv-detail-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px}.inv-detail-thead{background:var(--inv-gray-50);position:sticky;top:0;z-index:10}.inv-detail-th{padding:10px 12px;text-align:left;font-weight:600;font-size:12px;color:var(--inv-gray-700);border-bottom:1px solid var(--inv-gray-300);white-space:nowrap;-webkit-user-select:none;user-select:none}.inv-detail-th.sortable{cursor:pointer;transition:background-color .15s ease}.inv-detail-th.sortable:hover{background-color:var(--inv-gray-100)}.inv-detail-th-content{display:flex;align-items:center;gap:5px;justify-content:space-between}.inv-detail-sort-icon{color:var(--inv-gray-300);flex-shrink:0;transition:color .15s ease}.inv-detail-sort-icon.active{color:var(--inv-blue)}.inv-detail-tbody{background:var(--inv-white)}.inv-detail-tr{border-bottom:1px solid var(--inv-gray-100);transition:background-color .15s ease}.inv-detail-tr:hover{background-color:var(--inv-blue-soft)}.inv-detail-tr:last-child{border-bottom:none}.inv-detail-td{padding:10px 12px;font-size:12.5px;color:var(--inv-gray-700);vertical-align:middle}.inv-detail-td-center{text-align:center}.inv-detail-td-username{font-weight:500;font-size:12.5px;color:var(--inv-gray-900)}.inv-detail-td-email{font-size:12px;color:var(--inv-gray-500)}.inv-detail-td-po{font-family:Courier New,monospace;font-size:11.5px;color:var(--inv-gray-500)}.inv-detail-td-serial{font-family:Courier New,monospace;font-size:11.5px;font-weight:600;color:var(--inv-gray-900);background:var(--inv-gray-50);border-radius:4px;padding:6px 9px}.inv-detail-td-device{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.inv-detail-tr-empty{background:var(--inv-white)}.inv-detail-td-empty{padding:36px 16px;text-align:center;color:var(--inv-gray-500);font-size:13px}.inv-detail-status-badge{display:inline-block;padding:4px 10px;border-radius:10px;font-size:11px;font-weight:600;text-transform:capitalize}.inv-detail-status-pending{background:var(--inv-blue-soft);color:var(--inv-blue-dark);border:1px solid #c3d6f8}.inv-detail-status-active{background:var(--inv-green-bg);color:var(--inv-green-text);border:1px solid var(--inv-green-border)}.inv-detail-status-inactive{background:var(--inv-red-bg);color:var(--inv-red-text);border:1px solid var(--inv-red-border)}.inv-detail-status-default{background:var(--inv-gray-100);color:var(--inv-gray-700);border:1px solid var(--inv-gray-300)}.inv-detail-pagination-container{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--inv-cream);border-top:1px solid var(--inv-cream-dark);flex-wrap:wrap;gap:12px;font-size:12.5px}.inv-detail-page-size{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--inv-gray-700)}.inv-detail-select{padding:4px 10px;border:1px solid var(--inv-gray-300);border-radius:6px;font-size:12.5px;cursor:pointer;background:var(--inv-white);color:var(--inv-gray-900);transition:border-color .15s ease}.inv-detail-select:hover{border-color:var(--inv-blue)}.inv-detail-select:focus{outline:none;border-color:var(--inv-blue);box-shadow:0 0 0 3px #2563eb1f}.inv-detail-pagination-info{font-size:12.5px;color:var(--inv-gray-500)}.inv-detail-pagination-controls{display:flex;gap:6px;align-items:center}.inv-detail-page-btn{padding:5px 10px;border:1px solid var(--inv-gray-300);background:var(--inv-white);color:var(--inv-gray-700);border-radius:6px;cursor:pointer;font-size:12.5px;font-weight:500;transition:all .15s ease;min-width:32px}.inv-detail-page-btn:hover:not(:disabled){background:var(--inv-blue);color:var(--inv-white);border-color:var(--inv-blue)}.inv-detail-page-btn:disabled{opacity:.4;cursor:not-allowed}.inv-detail-page-btn.active{background:var(--inv-blue);color:var(--inv-white);border-color:var(--inv-blue)}.inv-detail-page-btn-edge{font-weight:700}.inv-detail-page-numbers{display:flex;gap:4px;align-items:center}.inv-detail-ellipsis{color:var(--inv-gray-500);padding:0 3px;font-weight:600}.inv-detail-developer-tools{padding:10px 20px;background:var(--inv-cream-dark);border-top:1px solid var(--inv-gray-300)}.inv-detail-developer-link{color:var(--inv-blue-dark);text-decoration:none;font-size:11.5px;font-weight:500;transition:color .15s ease}.inv-detail-developer-link:hover{color:var(--inv-blue);text-decoration:underline}@media (max-width: 1200px){.inv-detail-table{font-size:12px}.inv-detail-th,.inv-detail-td{padding:8px 10px}}@media (max-width: 768px){.inv-detail-pagination-container{flex-direction:column;align-items:stretch}.inv-detail-pagination-controls{justify-content:center}.inv-detail-page-numbers{flex-wrap:wrap;justify-content:center}}.aci-cell{text-align:center;vertical-align:middle;padding:8px}.aci-container{display:flex;justify-content:center;align-items:center}.aci-button-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.aci-button-wrapper{position:relative;display:inline-block}.aci-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;position:relative}.aci-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.aci-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.aci-btn-secondary{background:#64748b;color:#fff}.aci-btn-secondary:hover{background:#475569}.aci-btn-info{background:#06b6d4;color:#fff}.aci-btn-info:hover{background:#0891b2}.aci-btn-warning{background:#eab308;color:#fff}.aci-btn-warning:hover{background:#ca8a04}.aci-btn-danger{background:#ef4444;color:#fff}.aci-btn-danger:hover{background:#dc2626}.aci-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:9999;pointer-events:none;animation:aci-tooltip-fade-in .2s ease}@keyframes aci-tooltip-fade-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.aci-tooltip-content{background:#1e293b;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 4px 6px #0000004d}.aci-tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1e293b}@media (max-width: 768px){.aci-button-row{gap:4px}.aci-btn{width:32px;height:32px}.aci-tooltip-content{font-size:11px;padding:5px 10px}}.rm-data-td-action{position:relative;overflow:visible!important}.rm-data-tr{position:relative}.inv-detail-td-action{position:relative;overflow:visible!important}:root{--rm-blue: #2563eb;--rm-blue-dark: #1e3a8a;--rm-blue-soft: #eaf0fd;--rm-cream: #faf8f3;--rm-cream-dark: #f1ead9;--rm-gray-50: #f7f7f8;--rm-gray-100: #eef0f2;--rm-gray-300: #d6d9de;--rm-gray-500: #6b7280;--rm-gray-700: #374151;--rm-gray-900: #1f2937;--rm-white: #ffffff}.rm-data-card{background:var(--rm-white);border:1px solid var(--rm-gray-100);border-radius:10px;box-shadow:0 1px 3px #1f29370f;overflow:hidden;margin-bottom:20px;font-size:13px}.rm-data-header{padding:16px 20px;background:var(--rm-blue);color:var(--rm-white)}.rm-data-title{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--rm-white)}.rm-data-stats{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.rm-data-stats-item{font-size:12px;padding:4px 10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:14px;color:var(--rm-white)}.rm-data-stats-item strong{font-weight:700;font-size:13px;color:var(--rm-white)}.rm-data-stats-item-muted{background:var(--rm-cream);color:var(--rm-gray-900);border-color:var(--rm-cream-dark)}.rm-data-stats-item-muted strong{color:var(--rm-blue-dark)}.rm-data-table-wrapper{min-height:320px}.rm-data-table-container{overflow-x:auto;max-width:100%}.rm-data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px}.rm-data-thead{background:var(--rm-gray-50);position:sticky;top:0;z-index:10}.rm-data-th{padding:10px 12px;text-align:left;font-weight:600;font-size:12px;color:var(--rm-gray-700);border-bottom:1px solid var(--rm-gray-300);white-space:nowrap;-webkit-user-select:none;user-select:none}.rm-data-th.sortable{cursor:pointer;transition:background-color .15s ease}.rm-data-th.sortable:hover{background-color:var(--rm-gray-100)}.rm-data-th-center{text-align:center}.rm-data-th-content{display:flex;align-items:center;gap:5px;justify-content:space-between}.rm-data-sort-icon{color:var(--rm-gray-300);flex-shrink:0;transition:color .15s ease}.rm-data-sort-icon.active{color:var(--rm-blue)}.rm-data-tbody{background:var(--rm-white)}.rm-data-tr{border-bottom:1px solid var(--rm-gray-100);transition:background-color .15s ease}.rm-data-tr:hover{background-color:var(--rm-blue-soft)}.rm-data-tr:last-child{border-bottom:none}.rm-data-td{padding:10px 12px;font-size:12.5px;color:var(--rm-gray-700);vertical-align:middle}.rm-data-td-center{text-align:center}.rm-data-td-invoice{font-family:Courier New,monospace;font-size:11px;color:var(--rm-gray-500);background:var(--rm-gray-50);border-radius:4px;font-weight:600}.rm-data-td-barang{max-width:150px;min-width:100px;vertical-align:top;white-space:normal;word-break:break-word}.rm-data-barang-sn{font-weight:600;font-size:12.5px;color:var(--rm-gray-900);word-break:break-all}.rm-data-barang-spec{font-size:11px;color:var(--rm-gray-500);margin-top:2px;white-space:normal;line-height:1.3;word-break:break-word}.rm-data-sn-lama{color:var(--rm-gray-500)}.rm-data-sn-arrow{color:var(--rm-blue);font-weight:600}.rm-data-sn-baru{color:var(--rm-blue-dark);font-weight:700}.rm-data-td-po{max-width:150px;min-width:100px;vertical-align:top;white-space:normal;word-break:break-word}.rm-data-po-item{font-size:11.5px;line-height:1.5}.rm-data-td-username{font-weight:500;font-size:12.5px;color:var(--rm-gray-900)}.rm-data-td-date{font-size:11.5px;color:var(--rm-gray-500);white-space:nowrap}.rm-data-td-price{font-weight:700;color:var(--rm-blue-dark);font-size:12.5px;white-space:nowrap}.rm-data-td-action{text-align:center}.rm-data-tr-empty{background:var(--rm-white)}.rm-data-td-empty{padding:36px 16px;text-align:center;color:var(--rm-gray-500);font-size:13px}.rm-data-agg-tag{display:inline-block;margin-top:3px;font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--rm-blue);background:var(--rm-blue-soft);border-radius:4px;padding:1px 5px}.rm-data-pagination-container{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--rm-cream);border-top:1px solid var(--rm-cream-dark);flex-wrap:wrap;gap:12px;font-size:12.5px}.rm-data-page-size{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--rm-gray-700)}.rm-data-select{padding:4px 10px;border:1px solid var(--rm-gray-300);border-radius:6px;font-size:12.5px;cursor:pointer;background:var(--rm-white);color:var(--rm-gray-900);transition:border-color .15s ease}.rm-data-select:hover{border-color:var(--rm-blue)}.rm-data-select:focus{outline:none;border-color:var(--rm-blue);box-shadow:0 0 0 3px #2563eb1f}.rm-data-pagination-info{font-size:12.5px;color:var(--rm-gray-500)}.rm-data-pagination-controls{display:flex;gap:6px;align-items:center}.rm-data-page-btn{padding:5px 10px;border:1px solid var(--rm-gray-300);background:var(--rm-white);color:var(--rm-gray-700);border-radius:6px;cursor:pointer;font-size:12.5px;font-weight:500;transition:all .15s ease;min-width:32px}.rm-data-page-btn:hover:not(:disabled){background:var(--rm-blue);color:var(--rm-white);border-color:var(--rm-blue)}.rm-data-page-btn:disabled{opacity:.4;cursor:not-allowed}.rm-data-page-btn.active{background:var(--rm-blue);color:var(--rm-white);border-color:var(--rm-blue)}.rm-data-page-btn-edge{font-weight:700}.rm-data-page-numbers{display:flex;gap:4px;align-items:center}.rm-data-ellipsis{color:var(--rm-gray-500);padding:0 3px;font-weight:600}.rm-data-developer-tools{padding:10px 20px;background:var(--rm-cream-dark);border-top:1px solid var(--rm-gray-300)}.rm-data-developer-link{color:var(--rm-blue-dark);text-decoration:none;font-size:11.5px;font-weight:500;transition:color .15s ease}.rm-data-developer-link:hover{color:var(--rm-blue);text-decoration:underline}@media (max-width: 1200px){.rm-data-table{font-size:12px}.rm-data-th,.rm-data-td{padding:8px 10px}}@media (max-width: 768px){.rm-data-pagination-container{flex-direction:column;align-items:stretch}.rm-data-pagination-controls{justify-content:center}.rm-data-page-numbers{flex-wrap:wrap;justify-content:center}.rm-data-stats{flex-direction:column;align-items:flex-start}}.rm-data-tr-grouped{background-color:var(--rm-blue-soft)}.rm-data-tr-grouped.rm-data-tr-expanded{background-color:#dde9fc}.rm-data-multi-badge{display:inline-block;margin-top:4px;padding:2px 8px;background:var(--rm-blue-dark);color:var(--rm-white);border-radius:10px;font-size:10px;font-weight:600;letter-spacing:.2px}.rm-data-td-po-summary{font-size:11px}.rm-data-po-summary-label{font-weight:600;color:var(--rm-gray-900);margin-bottom:3px;font-size:10.5px}.rm-data-po-summary-item{display:flex;gap:4px;color:var(--rm-gray-500);line-height:1.5;font-size:10.5px}.rm-data-po-summary-idx{color:var(--rm-gray-300);min-width:13px}.rm-data-expand-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;background:var(--rm-blue);color:var(--rm-white);border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;transition:background .15s;white-space:nowrap}.rm-data-expand-btn:hover{background:var(--rm-blue-dark)}.rm-data-expand-btn.expanded{background:var(--rm-gray-500)}.rm-data-expand-btn.expanded:hover{background:var(--rm-gray-700)}.rm-data-tr-child{background-color:var(--rm-gray-50);border-left:3px solid var(--rm-blue)}.rm-data-tr-child:hover{background-color:var(--rm-blue-soft)}.rm-data-td-child{font-size:11.5px}.rm-data-child-sn-label{font-size:9.5px;font-weight:700;color:var(--rm-blue);text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}.rm-data-sn-muted,.rm-data-stats-grouped{color:var(--rm-gray-500);font-size:11px}.rm-data-stats-groupedsn{color:var(--rm-blue-dark);font-weight:700;font-size:12px;margin-left:6px}.monthly-rental-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999;padding:20px}.monthly-rental-modal{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003}.monthly-rental-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:2px solid #e5e7eb}.monthly-rental-modal-header h3{margin:0;font-size:1.5rem;color:#1f2937;font-weight:600}.monthly-rental-close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.monthly-rental-close-btn:hover{background-color:#f3f4f6}.monthly-rental-modal-body{padding:30px;overflow-y:auto;flex:1}.monthly-rental-info-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;padding:20px;margin-bottom:25px;box-shadow:0 4px 6px #0000001a}.monthly-rental-info-header h4{margin:0 0 15px;color:#fff;font-size:1.2rem;font-weight:600}.monthly-rental-info-content{background:#fffffff2;border-radius:8px;padding:20px}.monthly-rental-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.monthly-rental-info-item{display:flex;flex-direction:column;gap:5px}.monthly-rental-info-item label{font-weight:600;color:#4b5563;font-size:.9rem}.monthly-rental-info-item span{color:#1f2937;font-size:1rem}.monthly-rental-note{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;padding:20px;margin-bottom:25px}.monthly-rental-note-header{font-size:1rem;margin-bottom:12px;color:#92400e}.monthly-rental-note ul{margin:0;padding-left:20px;color:#78350f}.monthly-rental-note li{margin-bottom:8px;line-height:1.6}.monthly-rental-note b{color:#92400e}.monthly-rental-status-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px}.monthly-rental-status-dot.paid{background-color:#10b981}.monthly-rental-status-dot.expired{background-color:#ef4444}.monthly-rental-status-dot.week-left{background-color:#f97316}.monthly-rental-status-dot.month-left{background-color:#a855f7}.monthly-rental-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000d}.monthly-rental-data-table{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff}.monthly-rental-data-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:sticky;top:0;z-index:10}.monthly-rental-data-table th{padding:14px 12px;text-align:left;font-weight:600;white-space:nowrap;border-bottom:2px solid #5a67d8}.monthly-rental-data-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.monthly-rental-data-table tbody tr:hover{background-color:#f9fafb}.monthly-rental-data-table td{padding:14px 12px;vertical-align:middle}.monthly-rental-data-table tbody tr.paid-rental{background-color:#d1fae5}.monthly-rental-data-table tbody tr.paid-rental:hover{background-color:#a7f3d0}.monthly-rental-data-table tbody tr.expired-rental{background-color:#fee2e2}.monthly-rental-data-table tbody tr.expired-rental:hover{background-color:#fecaca}.monthly-rental-data-table tbody tr.week-left-rental{background-color:#fed7aa}.monthly-rental-data-table tbody tr.week-left-rental:hover{background-color:#fdba74}.monthly-rental-data-table tbody tr.month-left-rental{background-color:#e9d5ff}.monthly-rental-data-table tbody tr.month-left-rental:hover{background-color:#d8b4fe}.monthly-rental-data-table .po-cell{font-weight:500;color:#1f2937}.monthly-rental-data-table .po-description{max-width:200px;white-space:normal;word-wrap:break-word}.monthly-rental-data-table .price{text-align:right;font-weight:600;color:#059669}.monthly-rental-data-table .outstanding{color:#dc2626;font-weight:700}.monthly-rental-data-table .no-data{text-align:center;padding:40px;color:#9ca3af;font-style:italic}.paid-label{display:inline-block;background-color:#10b981;color:#fff;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600}.update-payment-btn,.update-invoice-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s;margin-right:5px;margin-bottom:5px}.update-payment-btn{background-color:#3b82f6;color:#fff}.update-payment-btn:hover{background-color:#2563eb}.update-invoice-btn{background-color:#8b5cf6;color:#fff}.update-invoice-btn:hover{background-color:#7c3aed}.monthly-rental-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 30px;border-top:2px solid #e5e7eb;background-color:#f9fafb}.monthly-rental-update-po-btn,.monthly-rental-cancel-btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s}.monthly-rental-update-po-btn{background-color:#f59e0b;color:#fff}.monthly-rental-update-po-btn:hover{background-color:#d97706}.monthly-rental-cancel-btn{background-color:#6b7280;color:#fff}.monthly-rental-cancel-btn:hover{background-color:#4b5563}@media (max-width: 768px){.monthly-rental-modal{width:100%;max-height:95vh}.monthly-rental-modal-header,.monthly-rental-modal-body,.monthly-rental-modal-footer{padding:15px}.monthly-rental-info-grid{grid-template-columns:1fr}.monthly-rental-data-table{font-size:.8rem}.monthly-rental-data-table th,.monthly-rental-data-table td{padding:10px 8px}}.action-buttons-container{display:flex;flex-direction:column;gap:8px;align-items:stretch}.send-email-period-btn{padding:8px 12px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.send-email-period-btn.enabled{background-color:#dc2626;color:#fff}.send-email-period-btn.enabled:hover{background-color:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 4px #dc26264d}.send-email-period-btn.enabled:active{transform:translateY(0)}.send-email-period-btn.sending{background-color:#f59e0b;color:#fff;cursor:wait}.send-email-period-btn:disabled{cursor:not-allowed;opacity:.7}.update-payment-btn,.update-invoice-btn{padding:8px 12px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.update-payment-btn{background-color:#10b981;color:#fff}.update-payment-btn:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 2px 4px #10b9814d}.update-invoice-btn{background-color:#3b82f6;color:#fff}.update-invoice-btn:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f64d}.paid-label{display:inline-block;padding:6px 12px;background-color:#d1fae5;color:#065f46;border-radius:4px;font-size:12px;font-weight:600;text-align:center}@media (max-width: 1400px){.action-buttons-container{min-width:150px}.send-email-period-btn,.update-payment-btn,.update-invoice-btn{font-size:11px;padding:6px 10px}}.otd-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;margin-bottom:24px}.otd-header{padding:24px 28px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.otd-title{font-size:22px;font-weight:600;margin:0 0 12px;color:#fff}.otd-stats{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.otd-stats-item{font-size:14px;padding:6px 14px;background:#fff3;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.otd-stats-item strong{font-weight:700;font-size:16px;color:#fff}.otd-search-info{font-size:13px;font-style:italic;opacity:.9}.otd-search-filter-wrapper{display:flex;gap:12px;padding:20px 28px;background:#f8f9fa;border-bottom:1px solid #e2e8f0;align-items:flex-start}.otd-search-container{flex:1;position:relative}.otd-search-input{width:100%;padding:12px 45px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.otd-search-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.otd-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.otd-clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#e2e8f0;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#64748b}.otd-clear-search:hover{background:#cbd5e1;color:#1e293b}.otd-hints-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:320px;overflow-y:auto;z-index:1000}.otd-hint-item{padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f1f5f9}.otd-hint-item:last-child{border-bottom:none}.otd-hint-item:hover{background:#f8fafc}.otd-hint-main{display:flex;align-items:center;gap:10px;margin-bottom:4px}.otd-hint-icon{font-size:16px;flex-shrink:0}.otd-hint-value{font-size:14px;font-weight:500;color:#1e293b}.otd-hint-subtitle{font-size:12px;color:#64748b;padding-left:26px}.otd-hint-company .otd-hint-value{color:#dc2626;font-weight:600}.otd-hint-sn .otd-hint-value{font-family:Courier New,monospace}.otd-filter-container{display:flex;align-items:center;gap:8px;min-width:250px}.otd-filter-icon{color:#64748b;flex-shrink:0}.otd-filter-select{flex:1;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;cursor:pointer;background:#fff;transition:all .2s ease;color:#475569}.otd-filter-select:hover{border-color:#dc2626}.otd-filter-select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.otd-table-wrapper{min-height:400px;padding:0}.otd-table-container{overflow-x:auto;max-width:100%}.otd-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.otd-thead{background:#f8f9fa;position:sticky;top:0;z-index:10}.otd-th{padding:14px 16px;text-align:left;font-weight:600;color:#2d3748;border-bottom:2px solid #e2e8f0;white-space:nowrap;-webkit-user-select:none;user-select:none}.otd-th.sortable{cursor:pointer;transition:background-color .2s ease}.otd-th.sortable:hover{background-color:#e9ecef}.otd-th-content{display:flex;align-items:center;gap:6px;justify-content:space-between}.otd-sort-icon{color:#94a3b8;flex-shrink:0;transition:color .2s ease}.otd-sort-icon.active{color:#dc2626}.otd-tbody{background:#fff}.otd-tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.otd-tr:hover{background-color:#f8fafc}.otd-tr:last-child{border-bottom:none}.otd-td{padding:14px 16px;color:#475569;vertical-align:middle}.otd-td-center{text-align:center}.otd-td-username{font-weight:500;color:#1e293b}.otd-td-serial{font-family:Courier New,monospace;font-size:13px;font-weight:500;color:#0f172a;background:#f1f5f9;border-radius:4px;padding:8px 12px}.otd-td-device{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.otd-td-currency{font-family:Courier New,monospace;font-size:13px;color:#059669;font-weight:500;text-align:right}.otd-tr-empty{background:#fff}.otd-td-empty{padding:48px 16px;text-align:center;color:#94a3b8;font-size:15px}.otd-delay-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600}.otd-delay-badge.normal{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.otd-delay-badge.warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.otd-delay-badge.severe{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.otd-status-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600}.otd-status-badge.returned{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.otd-status-badge.not-returned{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.otd-refresh-section{padding:20px 28px;background:#f8f9fa;border-top:1px solid #e2e8f0;display:flex;justify-content:center}.otd-pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:#f8f9fa;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}.otd-page-size{display:flex;align-items:center;gap:8px;font-size:14px;color:#475569}.otd-select{padding:6px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;cursor:pointer;background:#fff;transition:border-color .2s ease}.otd-select:hover{border-color:#dc2626}.otd-select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.otd-pagination-info{font-size:14px;color:#64748b}.otd-pagination-controls{display:flex;gap:8px;align-items:center}.otd-page-btn{padding:8px 12px;border:1px solid #cbd5e1;background:#fff;color:#475569;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-width:40px}.otd-page-btn:hover:not(:disabled){background:#dc2626;color:#fff;border-color:#dc2626;transform:translateY(-1px)}.otd-page-btn:disabled{opacity:.4;cursor:not-allowed}.otd-page-btn.active{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 2px 4px #dc26264d}.otd-page-btn-edge{font-weight:700}.otd-page-numbers{display:flex;gap:6px;align-items:center}.otd-ellipsis{color:#94a3b8;padding:0 4px;font-weight:600}.otd-refresh-button{padding:10px 24px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #dc262633}.otd-refresh-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #dc26264d}.otd-refresh-button:active{transform:translateY(0)}.otd-loading-spinner{padding:60px 20px;text-align:center;color:#64748b;font-size:16px}.otd-error-message{padding:40px 20px;text-align:center;color:#dc2626}.otd-error-message p{margin-bottom:16px;font-size:15px}.otd-retry-button{padding:10px 24px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.otd-retry-button:hover{background:#b91c1c;transform:translateY(-1px)}@media (max-width: 1200px){.otd-table{font-size:13px}.otd-th,.otd-td{padding:12px 14px}.otd-search-filter-wrapper{flex-direction:column}.otd-filter-container{width:100%}}@media (max-width: 768px){.otd-header{padding:20px 16px}.otd-title{font-size:18px}.otd-refresh-section{padding:16px}.otd-pagination-container{flex-direction:column;align-items:stretch}.otd-pagination-controls{justify-content:center}.otd-page-numbers{flex-wrap:wrap;justify-content:center}.otd-search-filter-wrapper{padding:16px}.otd-hints-dropdown{max-height:240px}}.otd-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;min-width:1600px}.otd-table-container::-webkit-scrollbar{height:12px}.otd-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.otd-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px;border:2px solid #f1f5f9}.otd-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.otd-table-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.otd-action-button{padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.otd-action-button.returned{background:#fee2e2;color:#991b1b}.otd-action-button.not-returned{background:#d1fae5;color:#065f46}.otd-action-button:hover:not(:disabled){opacity:.8;transform:translateY(-1px)}.otd-action-button:disabled{cursor:not-allowed;opacity:.6}.sb-inv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e293b80;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.sb-inv-modal{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0f172a2e;overflow:hidden}.sb-inv-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 16px;border-bottom:1px solid #e5e9f0;background:#f7f9fc}.sb-inv-title{margin:0;font-size:17px;font-weight:700;color:#1e293b}.sb-inv-subtitle{display:block;margin-top:4px;font-size:12.5px;color:#64748b}.sb-inv-close-btn{border:none;background:#fff;border:1px solid #e2e8f0;color:#64748b;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.sb-inv-close-btn:hover{background:#eef2f7;color:#1e293b}.sb-inv-stepper{display:flex;align-items:center;padding:16px 22px;background:#fff;border-bottom:1px solid #eef1f5}.sb-inv-step{display:flex;align-items:center;gap:8px;color:#94a3b8}.sb-inv-step-circle{width:24px;height:24px;border-radius:50%;background:#eef2f7;color:#94a3b8;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sb-inv-step-label{font-size:12.5px;font-weight:600;white-space:nowrap}.sb-inv-step.active .sb-inv-step-circle{background:#2563eb;color:#fff}.sb-inv-step.active .sb-inv-step-label{color:#1e293b}.sb-inv-step.done .sb-inv-step-circle{background:#dbeafe;color:#2563eb}.sb-inv-step.done .sb-inv-step-label{color:#2563eb}.sb-inv-step-line{flex:1;height:1px;background:#e2e8f0;margin:0 10px}.sb-inv-body{padding:20px 22px;overflow-y:auto;flex:1}.sb-inv-step-panel{display:flex;flex-direction:column;gap:14px}.sb-inv-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#94a3b8}.sb-inv-value{font-size:13.5px;font-weight:600;color:#1e293b}.sb-inv-value-strong{color:#2563eb;font-size:15px}.sb-inv-search-box{position:relative;display:flex;align-items:center}.sb-inv-search-icon{position:absolute;left:12px;color:#94a3b8}.sb-inv-search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #e2e8f0;border-radius:9px;font-size:13.5px;background:#f7f9fc;color:#1e293b;outline:none;transition:border-color .15s ease,background .15s ease}.sb-inv-search-input:focus{border-color:#93c5fd;background:#fff}.sb-inv-options-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto}.sb-inv-option-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border:1px solid #e5e9f0;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease}.sb-inv-option-card:hover{border-color:#93c5fd;background:#f8fafc}.sb-inv-option-icon{width:34px;height:34px;border-radius:9px;background:#eef2f7;color:#2563eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sb-inv-option-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.sb-inv-option-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.sb-inv-option-sn{font-size:13.5px;font-weight:700;color:#1e293b}.sb-inv-option-badge{font-size:10.5px;font-weight:700;color:#b45309;background:#fef3e2;padding:2px 8px;border-radius:999px;white-space:nowrap}.sb-inv-option-desc{font-size:12px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-inv-option-meta{display:flex;gap:14px;font-size:11.5px;color:#94a3b8}.sb-inv-option-arrow{color:#cbd5e1;flex-shrink:0}.sb-inv-context-card{background:#f7f9fc;border:1px solid #eef1f5;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.sb-inv-context-row{display:flex;justify-content:space-between;align-items:center}.sb-inv-periods-header{display:flex;align-items:center;justify-content:space-between}.sb-inv-periods-title{font-size:13px;font-weight:700;color:#1e293b}.sb-inv-select-all-btn{border:none;background:none;color:#2563eb;font-size:12px;font-weight:700;cursor:pointer}.sb-inv-select-all-btn:hover{text-decoration:underline}.sb-inv-periods-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.sb-inv-hint-text{font-weight:500;color:#94a3b8;text-transform:none;font-size:11.5px}.sb-inv-sn-group{border:1px solid #eef1f5;border-radius:10px;padding:10px 12px 12px;margin-bottom:10px;background:#fbfcfe}.sb-inv-sn-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sb-inv-sn-group-title{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#1e293b}.sb-inv-confirm-sn-block{border-top:1px dashed #e2e8f0;padding-top:8px;margin-top:4px;display:flex;flex-direction:column;gap:6px}.sb-inv-confirm-sn-name{font-size:12.5px;font-weight:700;color:#1e293b}.sb-inv-period-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e9f0;border-radius:9px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.sb-inv-sn-group-invid{font-size:10.5px;font-weight:600;color:#94a3b8;background:#eef2f7;padding:2px 7px;border-radius:999px;margin-left:4px}.sb-inv-period-item.invoiced{background:#f8fafc;border-color:#eef1f5;cursor:not-allowed;opacity:.85}.sb-inv-period-item.invoiced input[type=checkbox]{cursor:not-allowed}.sb-inv-period-invoiced-info{font-size:11px;color:#16a34a;font-weight:600;margin-top:2px}.sb-inv-period-status.done{color:#16a34a;background:#dcfce7}.sb-inv-lunas-box{border:1px solid #e5e9f0;border-radius:10px;padding:12px 14px;background:#f7f9fc;display:flex;flex-direction:column;gap:10px}.sb-inv-lunas-toggle{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.sb-inv-lunas-toggle input[type=checkbox]{width:16px;height:16px;margin-top:2px;accent-color:#16a34a;flex-shrink:0}.sb-inv-lunas-toggle-text{display:flex;flex-direction:column;gap:2px}.sb-inv-lunas-toggle-title{font-size:13px;font-weight:700;color:#1e293b}.sb-inv-lunas-toggle-desc{font-size:11.5px;color:#64748b}.sb-inv-lunas-date{border-top:1px dashed #e2e8f0;padding-top:10px}.sb-inv-value-lunas{color:#16a34a}.sb-inv-period-item:hover{border-color:#cbd5e1}.sb-inv-period-item.checked{border-color:#93c5fd;background:#eff6ff}.sb-inv-period-item input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb;flex-shrink:0}.sb-inv-period-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sb-inv-period-title{font-size:13px;font-weight:600;color:#1e293b}.sb-inv-period-range{display:flex;align-items:center;gap:4px;font-size:11.5px;color:#94a3b8}.sb-inv-period-status{font-size:11px;font-weight:600;color:#64748b;background:#f1f5f9;padding:3px 8px;border-radius:999px;white-space:nowrap}.sb-inv-form-group{display:flex;flex-direction:column;gap:6px}.sb-inv-input-icon-wrap{position:relative;display:flex;align-items:center}.sb-inv-input-icon{position:absolute;left:12px;color:#94a3b8}.sb-inv-text-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #e2e8f0;border-radius:9px;font-size:13.5px;background:#fff;color:#1e293b;outline:none;transition:border-color .15s ease}.sb-inv-text-input:focus{border-color:#93c5fd}.sb-inv-confirm-card{background:#f7f9fc;border:1px solid #eef1f5;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px}.sb-inv-confirm-header{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#2563eb;margin-bottom:2px}.sb-inv-confirm-row{display:flex;justify-content:space-between;align-items:center}.sb-inv-confirm-periods{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.sb-inv-confirm-chip{font-size:11px;font-weight:700;color:#1e293b;background:#fff;border:1px solid #e2e8f0;padding:3px 9px;border-radius:999px}.sb-inv-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;color:#94a3b8;font-size:13px;text-align:center}.sb-inv-state-error{color:#dc2626;background:#fef2f2;border-radius:8px;padding:12px}.sb-inv-spin{animation:sb-inv-spin .8s linear infinite}@keyframes sb-inv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sb-inv-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-top:1px solid #eef1f5;background:#f7f9fc}.sb-inv-btn{display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:background .15s ease,opacity .15s ease}.sb-inv-btn:disabled{opacity:.5;cursor:not-allowed}.sb-inv-btn-primary{background:#2563eb;color:#fff}.sb-inv-btn-primary:hover:not(:disabled){background:#1d4ed8}.sb-inv-btn-secondary{background:#fff;border-color:#e2e8f0;color:#475569}.sb-inv-btn-secondary:hover:not(:disabled){background:#eef2f7}.sb-inv-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:12px 8px 4px}.sb-inv-success-icon{width:64px;height:64px;border-radius:50%;background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.sb-inv-success h4{margin:0;font-size:16px;color:#1e293b}.sb-inv-success p{margin:0;font-size:13px;color:#64748b}.sb-inv-success-summary{width:100%;background:#f7f9fc;border:1px solid #eef1f5;border-radius:10px;padding:14px;margin-top:12px;display:flex;flex-direction:column;gap:8px;text-align:left}.sb-inv-success-summary>div{display:flex;justify-content:space-between}.sb-inv-success-actions{display:flex;gap:10px;margin-top:18px;width:100%}.sb-inv-success-actions .sb-inv-btn{flex:1;justify-content:center}.idm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e232d73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.idm-modal{background:#fff;width:100%;max-width:560px;max-height:88vh;overflow-y:auto;border-radius:10px;border:1px solid #e3e0d6;box-shadow:0 8px 24px #1e232d1f}.idm-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #ececec;position:sticky;top:0;background:#fff;z-index:1}.idm-title{margin:0;font-size:16px;font-weight:600;color:#1f2937}.idm-close-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:none;background:#f4f2ec;color:#6b7280;cursor:pointer;transition:background .15s ease,color .15s ease}.idm-close-btn:hover{background:#eceae0;color:#1f2937}.idm-body{padding:20px 22px 6px}.idm-invoice-highlight{display:flex;flex-direction:column;gap:6px;background:#f5f1e8;border:1px solid #e8e2d2;border-radius:8px;padding:14px 16px;margin-bottom:18px}.idm-invoice-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#8a8371;font-weight:600}.idm-invoice-number{font-size:19px;font-weight:700;color:#1e3a5f;letter-spacing:.01em}.idm-status-badge{display:inline-flex;align-items:center;gap:5px;width:fit-content;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;margin-top:2px}.idm-status-badge.lunas{background:#e3f3ea;color:#128c5e}.idm-status-badge.belum-lunas{background:#fdeee0;color:#b5651d}.idm-section{margin-bottom:8px}.idm-section-title{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:10px}.idm-divider{height:1px;background:#ececec;margin:16px 0}.idm-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.idm-field{display:flex;gap:10px;align-items:flex-start}.idm-field-full{grid-column:1 / -1}.idm-field-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#eef2f9;color:#2563eb;flex-shrink:0}.idm-field>div{display:flex;flex-direction:column;gap:2px;min-width:0}.idm-field-label{font-size:11px;color:#9ca3af;font-weight:500}.idm-field-value{font-size:13.5px;color:#1f2937;font-weight:600;word-break:break-word}.idm-field-money{color:#1e3a5f}.idm-field-sub{font-size:11.5px;color:#9ca3af}.idm-footer{padding:14px 22px 18px;display:flex;justify-content:flex-end}.idm-btn-close{padding:8px 18px;border-radius:7px;border:1px solid #d7d3c6;background:#fff;color:#4b5563;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.idm-btn-close:hover{background:#f5f1e8;border-color:#c9c4b3}@media (max-width: 520px){.idm-row{grid-template-columns:1fr}}.it-wrapper{display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid #e5e2d8;border-radius:10px;padding:18px;z-index:0}.it-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.it-search-box{position:relative;flex:1 1 320px;min-width:220px}.it-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.it-search-input{width:100%;padding:9px 12px 9px 36px;border-radius:8px;border:1px solid #dcd8cb;background:#faf8f2;font-size:13.5px;color:#1f2937;outline:none;transition:border-color .15s ease,background .15s ease;box-sizing:border-box}.it-search-input::placeholder{color:#a3a094}.it-search-input:focus{border-color:#2563eb;background:#fff}.it-filter-box{flex:0 0 auto}.it-select{padding:9px 12px;border-radius:8px;border:1px solid #dcd8cb;background:#faf8f2;color:#374151;font-size:13.5px;cursor:pointer;outline:none;transition:border-color .15s ease}.it-select:focus{border-color:#2563eb}.it-add-box{flex:0 0 auto;margin-left:auto}.it-btn-add{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;border:none;background:#2563eb;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s ease;white-space:nowrap}.it-btn-add:hover{background:#1d4ed8}.it-table-container{overflow-x:auto;border:1px solid #ececec;border-radius:8px}.it-table{width:100%;border-collapse:collapse;min-width:820px}.it-table thead th{background:#f5f1e8;color:#55524a;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;text-align:left;padding:11px 14px;border-bottom:1px solid #e5e2d8;white-space:nowrap;-webkit-user-select:none;user-select:none}.it-th-sortable{cursor:pointer}.it-th-content{display:inline-flex;align-items:center;gap:5px}.it-sort-icon.idle{color:#c2beb0}.it-sort-icon.active{color:#2563eb}.it-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .12s ease}.it-table tbody tr:last-child{border-bottom:none}.it-table tbody tr:hover{background:#fafafa}.it-table td{padding:12px 14px;font-size:13.5px;color:#374151;vertical-align:middle}.it-cell-strong{font-weight:600;color:#1e3a5f}.it-cell-clip{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.it-status-cell{display:flex;flex-direction:column;gap:3px}.it-status-badge{display:inline-flex;align-items:center;gap:4px;width:fit-content;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600}.it-status-badge.lunas{background:#e3f3ea;color:#128c5e}.it-status-badge.belum-lunas{background:#fdeee0;color:#b5651d}.it-status-date{font-size:11px;color:#9ca3af;padding-left:1px}.it-btn-action{display:inline-flex;align-items:center;justify-content:center;width:40px;height:30px;border-radius:7px;border:1px solid #dbe4f3;background:#eef2f9;color:#2563eb;cursor:pointer;transition:background .15s ease,border-color .15s ease}.it-btn-action:hover{background:#dfe8f8;border-color:#c3d4ef}.it-state-cell{padding:32px 14px!important;text-align:center}.it-state{display:flex;flex-direction:column;align-items:center;gap:8px;color:#9ca3af;font-size:13.5px}.it-state-error{color:#b5651d}.it-spin{animation:it-spin .8s linear infinite;color:#2563eb}@keyframes it-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.it-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.it-pagination-info{font-size:12.5px;color:#9ca3af}.it-pagination-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.it-select-limit{padding:7px 10px;font-size:12.5px;margin-right:6px}.it-page-btn{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;border-radius:6px;border:1px solid #dcd8cb;background:#fff;color:#55524a;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.it-page-btn:hover:not(:disabled){background:#f5f1e8}.it-page-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.it-page-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 720px){.it-toolbar{flex-direction:column;align-items:stretch}.it-add-box{margin-left:0}.it-btn-add{justify-content:center}.it-pagination{flex-direction:column;align-items:flex-start}}.it-page-header{display:flex;align-items:center;justify-content:center;padding:18px 16px;background:#f5f1e8;border:1px solid #e5e2d8;border-radius:10px;text-align:center}.it-page-header-text{display:flex;flex-direction:column;align-items:center;gap:4px}.it-page-header-title{margin:0;font-size:22px;font-weight:700;color:#1e3a5f;letter-spacing:-.01em}.it-page-header-subtitle{font-size:12.5px;font-weight:400;color:#6b7280}@media (max-width: 720px){.it-page-header{padding:14px 12px}.it-page-header-title{font-size:18px}.it-page-header-subtitle{font-size:11.5px}}.mobile-warning-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobile-warning-modal{background:#fff;padding:2.5rem;border-radius:12px;max-width:90%;width:400px;text-align:center;box-shadow:0 10px 25px #0003;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-warning-icon{margin-bottom:0rem;color:#dc3545;opacity:.7}.mobile-warning-modal h2{color:red;margin-bottom:1rem;font-size:1.4rem;font-weight:600;line-height:1.3}.mobile-warning-modal p{color:#6c757d;margin-bottom:2rem;line-height:1.6;font-size:.95rem}.mobile-warning-actions{display:flex;justify-content:center;gap:1rem}.mobile-warning-button{padding:14px 28px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;min-width:160px}.mobile-warning-button-primary{background-color:#007bff;color:#fff}.mobile-warning-button-primary:hover{background-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.mobile-warning-button-primary:active{transform:translateY(0)}@media (max-width: 480px){.mobile-warning-modal{padding:2rem;margin:1rem}.mobile-warning-modal h2{font-size:1.2rem}.mobile-warning-button{padding:12px 20px;font-size:.9rem;min-width:140px}}:root{--gdb-blue: #2563eb;--gdb-blue-dark: #1e3a8a;--gdb-blue-soft: #eaf0fd;--gdb-cream: #faf8f3;--gdb-cream-dark: #f1ead9;--gdb-gray-50: #f7f7f8;--gdb-gray-100: #eef0f2;--gdb-gray-300: #d6d9de;--gdb-gray-500: #6b7280;--gdb-gray-700: #374151;--gdb-gray-900: #1f2937;--gdb-white: #ffffff;--gdb-green: #1f6e3e;--gdb-green-bg: #e7f3ea;--gdb-green-border: #b8dec3;--gdb-amber: #92611a;--gdb-amber-bg: #f6efdf;--gdb-amber-border: #e3d2a7;--gdb-red: #9b2c2c;--gdb-red-bg: #faeaea;--gdb-red-border: #eebcbc}.gdb-root{background:var(--gdb-white);border:1px solid var(--gdb-gray-100);border-radius:10px;padding:16px 20px;margin-bottom:18px;box-shadow:0 1px 3px #1f29370f;font-family:Segoe UI,system-ui,sans-serif;font-size:13px}.gdb-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.gdb-header-left{display:flex;align-items:center;gap:8px}.gdb-header-icon{color:var(--gdb-blue);flex-shrink:0}.gdb-title{margin:0;font-size:14px;font-weight:700;color:var(--gdb-gray-900);letter-spacing:-.1px}.gdb-subtitle{margin:3px 0 0;font-size:11px;color:var(--gdb-gray-500);display:flex;align-items:center;flex-wrap:wrap;gap:4px}.gdb-filter-pill{background:var(--gdb-blue-soft);color:var(--gdb-blue-dark);border-radius:99px;padding:1px 8px;font-size:10.5px;font-weight:600}.gdb-loading-text{display:inline-flex;align-items:center;gap:4px;color:var(--gdb-gray-500)}.gdb-spin{animation:gdb-spin .8s linear infinite}@keyframes gdb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gdb-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.gdb-cards--loading{opacity:.6}@media (max-width: 900px){.gdb-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.gdb-cards{grid-template-columns:1fr}}.gdb-card{display:flex;align-items:flex-start;gap:10px;border-radius:8px;padding:12px 14px;border:1px solid var(--gdb-gray-100);background:var(--gdb-white);position:relative;transition:box-shadow .15s ease,border-color .15s ease}.gdb-card--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.gdb-card--clickable:hover{box-shadow:0 2px 8px #1f293714;border-color:var(--gdb-gray-300)}.gdb-card--blue{background:var(--gdb-blue-soft);border-color:#c3d6f8}.gdb-card--purple{background:var(--gdb-cream);border-color:var(--gdb-cream-dark)}.gdb-card--teal{background:var(--gdb-green-bg);border-color:var(--gdb-green-border)}.gdb-card--red{background:var(--gdb-red-bg);border-color:var(--gdb-red-border)}.gdb-card-icon{flex-shrink:0;padding:6px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:var(--gdb-white)}.gdb-card-icon svg{width:18px;height:18px}.gdb-card--blue .gdb-card-icon{color:var(--gdb-blue)}.gdb-card--purple .gdb-card-icon{color:var(--gdb-blue-dark)}.gdb-card--teal .gdb-card-icon{color:var(--gdb-green)}.gdb-card--red .gdb-card-icon{color:var(--gdb-red)}.gdb-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.gdb-card-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--gdb-gray-500);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.gdb-card-value{font-size:19px;font-weight:800;color:var(--gdb-gray-900);letter-spacing:-.3px;line-height:1.15}.gdb-card-value--money{font-size:14px;font-weight:700}.gdb-card-sub{font-size:10.5px;color:var(--gdb-gray-500)}.gdb-badge-click{background:var(--gdb-blue);color:var(--gdb-white);border-radius:99px;padding:1px 7px;font-size:9.5px;font-weight:600;text-transform:none;letter-spacing:0}.gdb-card-chevron{position:absolute;right:10px;bottom:10px;color:var(--gdb-gray-500);transition:transform .2s ease}.gdb-card-chevron--open{transform:rotate(180deg)}.gdb-progress-row{margin-bottom:4px}.gdb-progress-track{position:relative;display:flex;height:7px;border-radius:99px;overflow:visible;background:var(--gdb-gray-100);margin-bottom:16px}.gdb-progress-track-inner{display:flex;width:100%;height:100%;border-radius:99px;overflow:hidden}.gdb-progress-fill{height:100%;transition:width .4s ease}.gdb-progress-fill--green{background:#86e0a6}.gdb-progress-fill--red{background:#f4a8a8}.gdb-progress-divider{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--gdb-gray-700);border-radius:1px;transform:translate(-1px)}.gdb-progress-marker-label{position:absolute;top:-22px;transform:translate(-50%);display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;white-space:nowrap;background:var(--gdb-white);border:1px solid var(--gdb-gray-300);border-radius:99px;padding:1px 7px;color:var(--gdb-gray-700);box-shadow:0 1px 2px #1f293714}.gdb-progress-marker-label .gdb-marker-green{color:#1f9c4d}.gdb-progress-marker-label .gdb-marker-red{color:#d6534f}.gdb-progress-legend{display:flex;align-items:center;gap:7px;font-size:10.5px;color:var(--gdb-gray-500)}.gdb-legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.gdb-legend-dot--green{background:#1f9c4d}.gdb-legend-dot--red{background:#d6534f}.gdb-breakdown{margin-top:12px;background:var(--gdb-gray-50);border:1px solid var(--gdb-gray-100);border-radius:8px;padding:14px 16px;animation:gdb-slide-down .18s ease}@keyframes gdb-slide-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.gdb-breakdown-header{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--gdb-gray-900);margin-bottom:12px}.gdb-breakdown-icon{color:var(--gdb-green)}.gdb-breakdown-total{margin-left:auto;font-size:13px;font-weight:800;color:var(--gdb-blue-dark)}.gdb-breakdown-row{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-radius:7px;margin-bottom:5px}.gdb-breakdown-row--green{background:var(--gdb-green-bg)}.gdb-breakdown-row--amber{background:var(--gdb-amber-bg)}.gdb-bdr-left{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gdb-gray-700)}.gdb-bdr-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.gdb-bdr-dot--green{background:var(--gdb-green)}.gdb-bdr-dot--amber{background:var(--gdb-amber)}.gdb-bdr-label{font-weight:600}.gdb-bdr-count{font-size:10px;color:var(--gdb-gray-500);background:var(--gdb-white);border:1px solid var(--gdb-gray-100);border-radius:99px;padding:1px 7px}.gdb-bdr-right{display:flex;align-items:center;gap:7px}.gdb-bdr-value{font-size:12.5px;font-weight:700}.gdb-bdr-value--green{color:var(--gdb-green)}.gdb-bdr-value--amber{color:var(--gdb-amber)}.gdb-bdr-badge{font-size:10px;font-weight:700;border-radius:99px;padding:1px 8px}.gdb-bdr-badge--green{background:var(--gdb-green-bg);color:var(--gdb-green);border:1px solid var(--gdb-green-border)}.gdb-bdr-badge--amber{background:var(--gdb-amber-bg);color:var(--gdb-amber);border:1px solid var(--gdb-amber-border)}.gdb-bar-track{height:4px;background:var(--gdb-gray-100);border-radius:99px;overflow:hidden;margin-bottom:9px}.gdb-bar-fill{height:100%;border-radius:99px;transition:width .4s ease}.gdb-bar-fill--green{background:var(--gdb-green)}.gdb-bar-fill--amber{background:var(--gdb-amber)}.gdb-breakdown-divider{height:1px;background:var(--gdb-gray-100);margin:4px 0 9px}.rental-page{width:100%;flex:1;display:flex;flex-direction:column;background:#f5f0e8;box-sizing:border-box}.rental-page-content{max-width:1180px;width:100%;margin:0 auto;padding:28px 40px 56px;box-sizing:border-box;display:flex;flex-direction:column}.rental-page-divider{display:flex;align-items:center;gap:12px;margin:8px 0 16px}.rental-page-divider:before,.rental-page-divider:after{content:"";flex:1;height:1px;background:#d9d2c2}.rental-page-divider span{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}@media (max-width: 1024px){.rental-page-content{padding:24px 24px 48px}}@media (max-width: 640px){.rental-page-content{padding:16px 12px 32px}}.imex-section{background:#fff;border-radius:12px;padding:24px 28px;margin-bottom:24px}.imex-section h2{margin:0 0 14px;font-size:16px;font-weight:600;color:#1f2937}.imex-buttons{display:flex;gap:14px;flex-wrap:wrap}.imex-btn{flex:1;min-width:240px;display:flex;align-items:center;gap:12px;border-radius:10px;padding:14px 16px;border:1px solid #d9d2c2;background:#f5f0e8;cursor:pointer;text-align:left;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.imex-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.imex-btn-import{background:#06c;border-color:#06c}.imex-btn-import .imex-btn-title,.imex-btn-import .imex-btn-subtitle{color:#fff}.imex-btn-icon{font-size:22px;flex-shrink:0}.imex-btn-content{display:flex;flex-direction:column;gap:2px}.imex-btn-title{font-size:14px;font-weight:600;color:#1f2937}.imex-btn-subtitle{font-size:12px;color:#6b7280}.imex-btn-export{background:#fff}.imex-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f29378c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.imex-modal{background:#fff;border-radius:14px;width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 20px 50px #00000040}.imex-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#06c}.imex-modal-header h2{margin:0;font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;gap:10px}.imex-close{background:#ffffff26;border:none;color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:14px}.imex-close:hover:not(:disabled){background:#ffffff4d}.imex-modal-body{padding:24px;overflow-y:auto;flex:1}.imex-dropzone{border:2px dashed #c9c0ab;border-radius:10px;background:#f5f0e8;text-align:center;padding:32px 20px;position:relative;transition:border-color .15s ease,background-color .15s ease}.imex-dropzone-active{border-color:#06c;background:#eaf2fb}.imex-dropzone-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}.imex-dropzone-icon{font-size:32px}.imex-dropzone-text{margin:0;color:#1f2937;font-size:14px}.imex-dropzone-hint{margin:0;font-size:12px;color:#6b7280}.imex-file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.imex-preview{margin-top:20px}.imex-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.imex-preview-header h3{margin:0;font-size:14px;font-weight:600;color:#1f2937}.imex-preview-count{font-size:12px;color:#fff;background:#06c;padding:3px 10px;border-radius:999px}.imex-preview-table-wrap{overflow-x:auto;border:1px solid #e5e0d4;border-radius:8px;max-height:260px;overflow-y:auto}.imex-preview-table{width:100%;border-collapse:collapse;font-size:12px}.imex-preview-table th{background:#f5f0e8;color:#1f2937;text-align:left;padding:8px 10px;position:sticky;top:0;white-space:nowrap}.imex-preview-table td{padding:8px 10px;border-top:1px solid #f0ede4;color:#374151;white-space:nowrap}.imex-row-number{color:#9ca3af;width:32px}.imex-preview-note{margin:8px 0 0;font-size:12px;color:#6b7280}.imex-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #eee7d8;background:#fafaf8}.imex-btn-cancel,.imex-btn-submit{border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.imex-btn-cancel{background:#fff;color:#6b7280;border:1px solid #d1d5db}.imex-btn-cancel:hover:not(:disabled){background:#f3f4f6}.imex-btn-submit{background:#06c;color:#fff}.imex-btn-submit:hover:not(:disabled){background:#0052a3}.imex-btn-submit:disabled,.imex-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.imex-progress-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffeb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.imex-progress-text{margin:0;font-size:14px;font-weight:600;color:#1f2937}.imex-progress-subtext{margin:0;font-size:12px;color:#6b7280}@media (max-width: 640px){.imex-buttons{flex-direction:column}.imex-btn{min-width:0}}.rsub-form{background:#fff;border-radius:12px;padding:32px 40px 40px;display:flex;flex-direction:column;gap:28px}.rsub-alert{background:#fdf2f2;border:1px solid #f3caca;color:#b42318;padding:12px 16px;border-radius:8px;font-size:14px}.rsub-section{background:#f5f0e8;border-radius:10px;padding:24px 28px 28px}.rsub-section-heading{margin-bottom:16px}.rsub-section-heading h3{margin:0 0 4px;font-size:17px;font-weight:600;color:#1f2937}.rsub-section-heading p{margin:0;font-size:13px;color:#6b7280}.rsub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px 24px}.rsub-field{display:flex;flex-direction:column;gap:6px}.rsub-field--full{grid-column:1 / -1}.rsub-field label{font-size:13px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.rsub-badge-soon{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#fff;background:#6b7280;border-radius:999px;padding:2px 8px}.rsub-field input,.rsub-field select,.rsub-field textarea{border:1px solid #d9d2c2;background:#fff;color:#1f2937;border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.rsub-field input::placeholder,.rsub-field textarea::placeholder{color:#9ca3af}.rsub-field input:focus,.rsub-field select:focus,.rsub-field textarea:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1f}.rsub-field textarea{resize:vertical;min-height:80px}.rsub-input-readonly{background:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed}.rsub-field input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.rsub-input-error{border-color:#dc2626!important}.rsub-input-error:focus{box-shadow:0 0 0 3px #dc26261f!important}.rsub-error-text{font-size:12px;color:#dc2626}.rsub-hint-text{font-size:12px;color:#6b7280}.rsub-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:4px}.rsub-btn{border:none;border-radius:8px;padding:11px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.rsub-btn:disabled{opacity:.6;cursor:not-allowed}.rsub-btn-cancel{background:#fff;color:#6b7280;border:1px solid #d1d5db}.rsub-btn-cancel:hover:not(:disabled){background:#f3f4f6}.rsub-btn-submit{background:#06c;color:#fff}.rsub-btn-submit:hover:not(:disabled){background:#0052a3}@media (max-width: 720px){.rsub-grid{grid-template-columns:1fr}.rsub-form{padding:20px}.rsub-actions{flex-direction:column-reverse}.rsub-btn{width:100%}}.confirm-card{background:#fff;border:1px solid #e5e0d4;border-left:4px solid #0066cc;border-radius:10px;padding:20px 24px;margin-top:8px}.confirm-header h3{margin:0 0 2px;font-size:16px;font-weight:600;color:#1f2937}.confirm-header p{margin:0 0 16px;font-size:13px;color:#6b7280}.confirm-body{display:flex;flex-direction:column;gap:12px}.confirm-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.confirm-row--item .confirm-value{text-align:right;max-width:65%}.confirm-label{font-size:13px;color:#6b7280;flex-shrink:0}.confirm-value{font-size:14px;color:#1f2937;font-weight:500}.confirm-sn{color:#6b7280;font-weight:400}.confirm-divider{height:1px;background:#e5e0d4;margin:2px 0}.confirm-row--total .confirm-label{color:#1f2937;font-weight:600;font-size:14px}.confirm-value--total{font-size:20px;font-weight:700;color:#06c}.confirm-note{margin:16px 0 0;font-size:12px;color:#6b7280}.snx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f293799;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.snx-modal{background:#fff;border-radius:14px;width:100%;max-width:480px;padding:32px 32px 28px;text-align:center;box-shadow:0 20px 50px #00000040}.snx-icon{width:52px;height:52px;border-radius:50%;background:#fdf2f2;color:#dc2626;font-size:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.snx-modal h2{margin:0 0 8px;font-size:18px;font-weight:700;color:#1f2937}.snx-lead{margin:0 0 20px;font-size:13px;color:#6b7280;line-height:1.55}.snx-details{background:#f5f0e8;border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;text-align:left;margin-bottom:16px}.snx-row{display:flex;justify-content:space-between;gap:12px;font-size:13px}.snx-row span{color:#6b7280;flex-shrink:0}.snx-row strong{color:#1f2937;text-align:right;font-weight:600}.snx-note{margin:0 0 24px;font-size:12px;color:#9ca3af;line-height:1.5}.snx-actions{display:flex;flex-direction:column;gap:10px}.snx-btn{border:none;border-radius:8px;padding:12px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease}.snx-btn-primary{background:#06c;color:#fff}.snx-btn-primary:hover{background:#0052a3}.snx-btn-secondary{background:#fff;color:#6b7280;border:1px solid #d1d5db}.snx-btn-secondary:hover{background:#f3f4f6}.rsuc-container{width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.rsuc-card{background:#fff;border-radius:14px;padding:40px 36px;max-width:480px;width:100%;text-align:center;box-shadow:0 8px 28px #0000000f}.rsuc-icon{width:56px;height:56px;border-radius:50%;background:#06c;color:#fff;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.rsuc-card h2{margin:0 0 8px;font-size:20px;font-weight:700;color:#1f2937}.rsuc-lead{margin:0 0 20px;font-size:13px;color:#6b7280;line-height:1.5}.rsuc-data{background:#f5f0e8;border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;text-align:left;margin-bottom:24px}.rsuc-row{display:flex;justify-content:space-between;gap:12px;font-size:13px}.rsuc-row span{color:#6b7280}.rsuc-row strong{color:#1f2937;text-align:right;font-weight:600}.rsuc-row--total{border-top:1px solid #e5e0d4;padding-top:10px}.rsuc-row--total strong{color:#06c}.rsuc-actions{display:flex;flex-direction:column;gap:10px}.rsuc-btn{border:none;border-radius:8px;padding:12px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease}.rsuc-btn-primary{background:#06c;color:#fff}.rsuc-btn-primary:hover{background:#0052a3}.rsuc-btn-secondary{background:#fff;color:#6b7280;border:1px solid #d1d5db}.rsuc-btn-secondary:hover{background:#f3f4f6}:root{--al-blue: #2563eb;--al-blue-dark: #1e3a8a;--al-blue-soft: #eaf0fd;--al-cream: #faf8f3;--al-cream-dark: #f1ead9;--al-gray-50: #f7f7f8;--al-gray-100: #eef0f2;--al-gray-300: #d6d9de;--al-gray-500: #6b7280;--al-gray-700: #374151;--al-gray-900: #1f2937;--al-white: #ffffff;--al-green: #1f6e3e;--al-green-bg: #e7f3ea;--al-green-border: #b8dec3;--al-green-light: #86e0a6;--al-amber: #92611a;--al-amber-bg: #f6efdf;--al-amber-border: #e3d2a7;--al-red: #9b2c2c;--al-red-bg: #faeaea;--al-red-border: #eebcbc;--al-red-light: #f4a8a8}.al-page{display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-height:100vh;background:var(--al-cream)}.al-content{width:100%;padding:30px;box-sizing:border-box}.al-controls{margin-bottom:24px}.al-search-filter-row{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.al-search-box{position:relative;flex:2;min-width:300px}.al-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--al-gray-500)}.al-search-input{width:100%;padding:12px 16px 12px 48px;border:2px solid var(--al-gray-300);border-radius:12px;font-size:.95rem;transition:all .2s ease;background:var(--al-white);color:var(--al-gray-700);box-sizing:border-box}.al-search-input:focus{outline:none;border-color:var(--al-blue);box-shadow:0 0 0 3px var(--al-blue-soft)}.al-filter-box{position:relative;flex:1;min-width:240px;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--al-white);border:2px solid var(--al-gray-300);border-radius:12px;transition:all .2s ease}.al-filter-box:focus-within{border-color:var(--al-blue);box-shadow:0 0 0 3px var(--al-blue-soft)}.al-filter-box svg{color:var(--al-gray-500)}.al-filter-select{flex:1;border:none;outline:none;font-size:.95rem;background:transparent;cursor:pointer;color:var(--al-gray-700);font-weight:500;padding:12px 0}.al-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.al-stat-card{background:var(--al-white);padding:22px;border-radius:16px;display:flex;align-items:center;gap:18px;box-shadow:0 2px 8px #1f29370f;border:1px solid var(--al-gray-100);transition:all .2s ease}.al-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #1f29371a}.al-stat-icon{font-size:2.25rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px}.al-stat-icon-total{background:var(--al-blue-soft)}.al-stat-icon-success{background:var(--al-green-bg)}.al-stat-icon-failed{background:var(--al-red-bg)}.al-stat-icon-users{background:var(--al-cream-dark)}.al-stat-info{flex:1}.al-stat-value{font-size:1.85rem;font-weight:700;color:var(--al-gray-900);line-height:1;margin-bottom:4px}.al-stat-label{font-size:.85rem;color:var(--al-gray-500);font-weight:500}.al-tabs-section{display:flex;justify-content:space-between;align-items:center;margin:24px 0;background:var(--al-white);padding:14px;border-radius:16px;box-shadow:0 2px 8px #1f29370f;border:1px solid var(--al-gray-100);flex-wrap:wrap;gap:12px}.al-tabs-container{display:flex;gap:8px;flex-wrap:wrap}.al-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border:2px solid var(--al-gray-300);background:var(--al-white);border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:var(--al-gray-500)}.al-tab:hover{border-color:var(--al-blue);color:var(--al-blue);transform:translateY(-2px)}.al-tab.active{background:var(--al-blue);color:var(--al-white);border-color:var(--al-blue);box-shadow:0 4px 8px #2563eb40}.al-btn-danger{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--al-red-border);border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--al-red-bg);color:var(--al-red)}.al-btn-danger:hover{background:var(--al-red);color:var(--al-white);transform:translateY(-2px)}.al-status-badge{display:inline-block;padding:5px 12px;border-radius:8px;font-size:.8rem;font-weight:600;text-transform:capitalize}.al-status-success{background:var(--al-green-bg);color:var(--al-green);border:1px solid var(--al-green-border)}.al-status-failed{background:var(--al-red-bg);color:var(--al-red);border:1px solid var(--al-red-border)}.al-status-pending{background:var(--al-amber-bg);color:var(--al-amber);border:1px solid var(--al-amber-border)}.al-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px}.al-pagination-btn{padding:8px 16px;border:2px solid var(--al-gray-300);background:var(--al-white);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:var(--al-gray-700)}.al-pagination-btn:hover:not(:disabled){background:var(--al-blue);color:var(--al-white);border-color:var(--al-blue)}.al-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.al-pagination-numbers{display:flex;gap:8px}.al-pagination-number{width:38px;height:38px;border:2px solid var(--al-gray-300);background:var(--al-white);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:var(--al-gray-700)}.al-pagination-number:hover{background:var(--al-gray-100);border-color:var(--al-blue)}.al-pagination-number.active{background:var(--al-blue);color:var(--al-white);border-color:var(--al-blue)}.al-pagination-ellipsis{display:flex;align-items:center;padding:0 8px;color:var(--al-gray-500)}.al-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1f293780;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.al-modal-content{background:var(--al-white);border-radius:20px;box-shadow:0 20px 40px #1f293740;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;animation:al-modalSlideIn .25s ease}.al-modal-large{max-width:900px}@keyframes al-modalSlideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.al-modal-header{background:var(--al-blue);color:var(--al-white);padding:20px 28px;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center}.al-modal-header h2{margin:0;font-size:1.4rem;font-weight:700}.al-modal-close{background:#fff3;border:none;color:var(--al-white);font-size:1.8rem;width:38px;height:38px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.al-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.al-modal-body{padding:28px}.history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;padding:16px;background:var(--al-gray-50);border-radius:12px}.history-stat{text-align:center;font-size:.9rem}.history-stat strong{display:block;color:var(--al-gray-500);font-size:.8rem;margin-bottom:4px;text-transform:uppercase}.history-list{display:flex;flex-direction:column;gap:16px;max-height:500px;overflow-y:auto}.history-item{background:var(--al-gray-50);border-radius:12px;padding:16px;border-left:4px solid var(--al-blue);transition:all .2s ease}.history-item:hover{background:var(--al-gray-100);box-shadow:0 2px 8px #1f293714}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.history-action{font-weight:600;color:var(--al-gray-900);font-size:1rem}.history-item-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.history-detail{font-size:.85rem;color:var(--al-gray-500)}.history-detail strong{color:var(--al-gray-700);margin-right:8px}.al-no-data{text-align:center;padding:48px!important;color:var(--al-gray-500);font-style:italic}.al-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;background:var(--al-white);border-radius:16px;box-shadow:0 2px 8px #1f29370f;border:1px solid var(--al-gray-100)}.al-spinner{width:48px;height:48px;border:4px solid var(--al-gray-100);border-top-color:var(--al-blue);border-radius:50%;animation:al-spin 1s linear infinite;margin-bottom:16px}@keyframes al-spin{to{transform:rotate(360deg)}}.al-loading-container p{color:var(--al-gray-500);font-size:1rem}@media (max-width: 1200px){.al-search-filter-row{flex-direction:column}}@media (max-width: 768px){.al-content{padding:16px}.al-stats-cards{grid-template-columns:1fr}.al-tabs-section{flex-direction:column;align-items:stretch}.al-tabs-container{width:100%}.al-tab{flex:1;justify-content:center}.al-btn-danger{width:100%;justify-content:center}.al-modal-content{width:95%}}.d-ver-tab-content{background:var(--al-white);border-radius:16px;padding:28px;box-shadow:0 4px 12px #1f293714;border:1px solid var(--al-gray-100)}.d-ver-table-container{background:var(--al-white);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #1f29370f;border:1px solid var(--al-gray-100);overflow-x:auto}.d-ver-table-container::-webkit-scrollbar{display:none}.d-ver-table{width:100%;border-collapse:collapse;table-layout:fixed}.d-ver-table thead{background:var(--al-blue);color:var(--al-white)}.d-ver-table th{padding:16px 10px;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d-ver-table tbody tr{border-bottom:1px solid var(--al-gray-100);transition:all .2s ease}.d-ver-table tbody tr:hover{background:var(--al-gray-50)}.d-ver-table td{padding:14px 10px;font-size:.85rem;color:var(--al-gray-700);vertical-align:middle;overflow:hidden}.d-ver-cell-inner{display:flex;align-items:center;gap:6px;min-width:0}.d-ver-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.d-ver-code-cell{font-family:Courier New,monospace;font-weight:600;color:var(--al-blue)}.d-ver-user-icon{color:var(--al-blue)}.d-ver-email-cell{color:var(--al-gray-500);font-size:.85rem;overflow:hidden}.d-ver-email-icon{color:var(--al-gray-500);flex-shrink:0}.d-ver-date-cell{color:var(--al-gray-500);font-size:.85rem;overflow:hidden}.d-ver-calendar-icon{color:var(--al-gray-500)}.d-ver-percobaan-cell{font-weight:600;color:var(--al-gray-700);text-align:center}.d-ver-ip-cell{font-family:Courier New,monospace;color:var(--al-gray-500);font-size:.8rem;overflow:hidden}.d-ver-resource-cell{overflow:hidden;cursor:help;font-size:.8rem;color:var(--al-gray-500)}.d-ver-action-cell{display:flex;gap:8px}.d-ver-btn-icon{padding:8px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.d-ver-btn-history{background:var(--al-blue-soft);color:var(--al-blue-dark)}.d-ver-btn-history:hover{background:var(--al-blue);color:var(--al-white);transform:scale(1.1)}.dv-status-badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.dv-status-success{background:#dcfce7;color:#15803d}.dv-status-failed{background:#fee2e2;color:#b91c1c}.dv-status-expired{background:#f3f4f6;color:#6b7280}.dv-status-pending{background:#fef9c3;color:#a16207}.dv-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:var(--al-gray-500);gap:12px}.dv-spinner{width:32px;height:32px;border:3px solid var(--al-gray-100);border-top-color:var(--al-blue);border-radius:50%;animation:dv-spin .8s linear infinite}@keyframes dv-spin{to{transform:rotate(360deg)}}.dv-no-data{text-align:center;padding:40px 0;color:var(--al-gray-500)}.dv-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.dv-pagination-btn{padding:8px 16px;border:1px solid var(--al-gray-100);background:var(--al-white);color:var(--al-gray-700);border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.dv-pagination-btn:hover:not(:disabled){background:var(--al-blue-soft);color:var(--al-blue-dark)}.dv-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.dv-pagination-numbers{display:flex;align-items:center;gap:4px}.dv-pagination-number{width:32px;height:32px;border:1px solid var(--al-gray-100);background:var(--al-white);color:var(--al-gray-700);border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.dv-pagination-number:hover{background:var(--al-blue-soft)}.dv-pagination-number.active{background:var(--al-blue);color:var(--al-white);border-color:var(--al-blue)}.dv-pagination-ellipsis{color:var(--al-gray-500);padding:0 4px}@media (max-width: 768px){.d-ver-table{min-width:1100px}}.dv-modal-history-list{display:flex;flex-direction:column;gap:12px}.dv-modal-history-item{border:1px solid var(--al-gray-100);border-radius:10px;padding:14px 16px;background:var(--al-gray-50)}.dv-modal-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dv-modal-history-date{font-size:.8rem;color:var(--al-gray-500)}.dv-modal-history-body{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;font-size:.85rem}.dv-modal-history-detail{color:var(--al-gray-700);word-break:break-word}.dv-modal-history-detail strong{color:var(--al-gray-500);font-weight:600;display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}.dv-modal-otp-code{font-family:Courier New,monospace;font-weight:700;letter-spacing:3px;color:#1e40af;font-size:1rem}.dv-modal-empty{text-align:center;color:var(--al-gray-500);padding:30px 0}.d-usr-tab-content{background:var(--al-white);border-radius:16px;padding:28px;box-shadow:0 4px 12px #1f293714;border:1px solid var(--al-gray-100)}.d-usr-table-container{background:var(--al-white);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #1f29370f;border:1px solid var(--al-gray-100);margin-bottom:0;overflow-x:auto}.d-usr-table-container::-webkit-scrollbar{display:none}.d-usr-table{width:100%;border-collapse:collapse}.d-usr-table thead{background:var(--al-blue);color:var(--al-white)}.d-usr-table th{padding:16px;text-align:left;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.d-usr-table tbody tr{border-bottom:1px solid var(--al-gray-100);transition:all .2s ease}.d-usr-table tbody tr:hover{background:var(--al-gray-50)}.d-usr-table td{padding:16px;font-size:.9rem;color:var(--al-gray-700)}.d-usr-code-cell{font-family:Courier New,monospace;font-weight:600;color:var(--al-blue)}.d-usr-user-cell{display:flex;align-items:center;gap:8px}.d-usr-user-icon{color:var(--al-blue)}.d-usr-role-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.d-usr-role-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.d-usr-role-primary{background:var(--al-blue);color:var(--al-white)}.d-usr-role-secondary{background:var(--al-cream-dark);color:var(--al-blue-dark)}.d-usr-action-cell{display:flex;gap:8px}.d-usr-btn-icon{padding:8px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.d-usr-btn-history{background:var(--al-blue-soft);color:var(--al-blue-dark)}.d-usr-btn-history:hover{background:var(--al-blue);color:var(--al-white);transform:scale(1.1)}@media (max-width: 768px){.d-usr-table{min-width:700px}}.d-aks-tab-content{background:var(--al-white);border-radius:16px;padding:28px;box-shadow:0 4px 12px #1f293714;border:1px solid var(--al-gray-100)}.d-aks-table-container{background:var(--al-white);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #1f29370f;border:1px solid var(--al-gray-100);overflow-x:auto}.d-aks-table-container::-webkit-scrollbar{display:none}.d-aks-table{width:100%;border-collapse:collapse}.d-aks-table thead{background:var(--al-blue);color:var(--al-white)}.d-aks-table th{padding:16px;text-align:left;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.d-aks-table tbody tr{border-bottom:1px solid var(--al-gray-100);transition:all .2s ease}.d-aks-table tbody tr:hover{background:var(--al-gray-50)}.d-aks-table td{padding:16px;font-size:.9rem;color:var(--al-gray-700)}.d-aks-code-cell{font-family:Courier New,monospace;font-weight:600;color:var(--al-blue)}.d-aks-user-cell{display:flex;align-items:center;gap:8px}.d-aks-user-icon{color:var(--al-blue)}.d-aks-date-cell{display:flex;align-items:center;gap:8px;color:var(--al-gray-500);font-size:.85rem}.d-aks-calendar-icon{color:var(--al-gray-500)}.d-aks-ip-cell{font-family:Courier New,monospace;color:var(--al-gray-500);font-size:.85rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d-aks-resource-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}.d-aks-action-cell{display:flex;gap:8px}.d-aks-btn-icon{padding:8px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.d-aks-btn-history{background:var(--al-blue-soft);color:var(--al-blue-dark)}.d-aks-btn-history:hover{background:var(--al-blue);color:var(--al-white);transform:scale(1.1)}@media (max-width: 768px){.d-aks-table{min-width:900px}}.d-l-hst-tab-content{background:var(--al-white);border-radius:16px;padding:28px;box-shadow:0 4px 12px #1f293714;border:1px solid var(--al-gray-100)}.d-l-hst-table-container{background:var(--al-white);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #1f29370f;border:1px solid var(--al-gray-100);overflow-x:auto}.d-l-hst-table-container::-webkit-scrollbar{display:none}.d-l-hst-table{width:100%;border-collapse:collapse}.d-l-hst-table thead{background:var(--al-blue);color:var(--al-white)}.d-l-hst-table th{padding:16px;text-align:left;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.d-l-hst-table tbody tr{border-bottom:1px solid var(--al-gray-100);transition:all .2s ease}.d-l-hst-table tbody tr:hover{background:var(--al-gray-50)}.d-l-hst-table td{padding:16px;font-size:.9rem;color:var(--al-gray-700)}.d-l-hst-code-cell{font-family:Courier New,monospace;font-weight:600;color:var(--al-blue)}.d-l-hst-user-cell{display:flex;align-items:center;gap:8px}.d-l-hst-user-icon{color:var(--al-blue)}.d-l-hst-ip-cell{font-family:Courier New,monospace;color:var(--al-gray-500);font-size:.85rem}.d-l-hst-action-badge{display:inline-block;padding:5px 12px;background:var(--al-blue-soft);color:var(--al-blue-dark);border-radius:8px;font-size:.85rem;font-weight:600}.d-l-hst-resource-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d-l-hst-date-cell{display:flex;align-items:center;gap:8px;color:var(--al-gray-500);font-size:.85rem}.d-l-hst-calendar-icon{color:var(--al-gray-500)}.d-l-hst-action-cell{display:flex;gap:8px}.d-l-hst-btn-icon{padding:8px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.d-l-hst-btn-view{background:var(--al-blue-soft);color:var(--al-blue-dark)}.d-l-hst-btn-view:hover{background:var(--al-blue);color:var(--al-white);transform:scale(1.1)}.d-l-hst-btn-export{background:var(--al-green-bg);color:var(--al-green)}.d-l-hst-btn-export:hover{background:var(--al-green);color:var(--al-white);transform:scale(1.1)}.d-l-hst-btn-restore{background:var(--al-amber-bg);color:var(--al-amber)}.d-l-hst-btn-restore:hover{background:var(--al-amber);color:var(--al-white);transform:scale(1.1)}.d-l-hst-detail-row{display:flex;padding:14px;border-bottom:1px solid var(--al-gray-100)}.d-l-hst-detail-row:last-child{border-bottom:none}.d-l-hst-detail-label{font-weight:600;color:var(--al-gray-700);min-width:150px}.d-l-hst-detail-value{color:var(--al-gray-900);flex:1;word-break:break-word}@media (max-width: 768px){.d-l-hst-table{min-width:900px}.d-l-hst-action-cell{flex-wrap:wrap}}.sidebar{position:fixed;top:0;left:0;width:248px;height:100vh;background:#4f46e5;color:#fff;display:flex;flex-direction:column;z-index:10;transition:width .35s cubic-bezier(.4,0,.2,1);overflow:visible}.sidebar.minimized{width:64px}.sb-header{height:64px;flex-shrink:0;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08)}.sb-brand{display:flex;align-items:center;gap:10px;overflow:hidden;white-space:nowrap}.sb-logo{width:34px;height:34px;flex-shrink:0;border-radius:8px}.sb-brand-text{display:flex;flex-direction:column;font-size:.875rem;font-weight:700;letter-spacing:.01em;line-height:1.1;opacity:1;transition:opacity .25s ease}.sidebar.minimized .sb-brand-text{opacity:0;pointer-events:none;width:0}.sb-brand-sub{font-size:.68rem;font-weight:400;opacity:.65;letter-spacing:.03em}.sb-nav{flex:1;padding:10px 8px;overflow-y:auto;overflow-x:visible;scrollbar-width:none}.sb-nav::-webkit-scrollbar{display:none}.sb-group{margin-bottom:2px}.sb-item-wrapper{position:relative}.sb-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;transition:background .15s ease;color:#ffffffbf;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative}.sb-item:hover{background:#ffffff1a;color:#fff}.sb-item.active{background:#ffffff29;color:#fff}.sb-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:#fff;border-radius:0 3px 3px 0}.sb-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px}.sb-item-label{flex:1;font-size:.83rem;font-weight:500;letter-spacing:.01em;opacity:1;transition:opacity .2s ease}.sidebar.minimized .sb-item-label{opacity:0;width:0;overflow:hidden}.sidebar.minimized .sb-item{justify-content:center;padding:10px 0}.sb-chevron{display:flex;align-items:center;opacity:.6;transition:transform .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sb-chevron.open{transform:rotate(180deg)}.sb-submenu{padding:4px 0 6px 28px;display:flex;flex-direction:column;gap:1px;animation:submenuIn .2s ease-out}@keyframes submenuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sb-subitem{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;cursor:pointer;color:#fff9;font-size:.775rem;font-weight:400;transition:background .12s ease,color .12s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative}.sb-subitem:hover{background:#ffffff14;color:#ffffffe6}.sb-subitem.active{background:#ffffff24;color:#fff;font-weight:500}.sb-subitem.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:50%;background:#ffffffb3;border-radius:0 2px 2px 0}.subitem-dot{display:flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;opacity:.75}.sb-subitem.active .subitem-dot{opacity:1}.subitem-label{flex:1}.sb-tooltip{position:fixed;left:74px;background:#1e1b4b;border-radius:8px;padding:10px 14px;box-shadow:0 8px 24px #00000038,0 2px 8px #00000024;z-index:10000;pointer-events:none;animation:tooltipIn .15s ease-out;min-width:180px}.sb-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#1e1b4b}@keyframes tooltipIn{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.tooltip-label{font-size:.8rem;font-weight:600;color:#fff;display:block;margin-bottom:2px}.tooltip-subitems{margin-top:8px;display:flex;flex-direction:column;gap:1px;border-top:1px solid rgba(255,255,255,.1);padding-top:6px;pointer-events:all}.tooltip-subitem{display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:5px;cursor:pointer;color:#ffffffa6;font-size:.73rem;transition:background .1s ease,color .1s ease}.tooltip-subitem:hover{background:#ffffff1f;color:#fff}.tooltip-subitem.active{background:#ffffff2e;color:#fff;font-weight:500}.sb-footer{position:relative;flex-shrink:0;border-top:1px solid rgba(255,255,255,.08)}.sb-minimize-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;background:transparent;border:none;color:#ffffff8c;cursor:pointer;font-size:.78rem;font-weight:500;transition:background .15s ease,color .15s ease;letter-spacing:.01em}.sb-minimize-btn:hover{background:#ffffff14;color:#fff}.minimize-label{opacity:1;transition:opacity .2s ease}.sidebar.minimized .minimize-label{display:none}.sb-toggle-button{display:none;position:fixed;top:14px;left:14px;width:44px;height:44px;background:#4f46e5;border:none;border-radius:10px;color:#fff;cursor:pointer;z-index:1001;box-shadow:0 4px 12px #4f46e559;transition:background .15s ease}.sb-toggle-button:hover{background:#4338ca}.logout-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.logout-modal{background:#fff;border-radius:12px;padding:28px 28px 22px;max-width:380px;width:90%;box-shadow:0 20px 40px #0000001f}.logout-modal-title{font-size:1.1rem;font-weight:700;color:#111827;margin:0 0 6px}.logout-modal-message{font-size:.85rem;color:#6b7280;margin:0 0 22px}.logout-modal-actions{display:flex;gap:10px;justify-content:flex-end}.logout-btn{padding:8px 18px;border-radius:8px;font-size:.83rem;font-weight:600;cursor:pointer;border:none;transition:background .15s ease}.logout-btn-cancel{background:#f3f4f6;color:#374151}.logout-btn-cancel:hover{background:#e5e7eb}.logout-btn-confirm{background:#ef4444;color:#fff}.logout-btn-confirm:hover{background:#dc2626}@media (min-width: 1920px){.sidebar{width:264px}.sidebar.minimized{width:68px}}@media (min-width: 1600px) and (max-width: 1919px){.sidebar{width:256px}.sidebar.minimized{width:66px}}@media (min-width: 1200px) and (max-width: 1599px){.sidebar{width:248px}.sidebar.minimized{width:64px}}@media (min-width: 992px) and (max-width: 1199px){.sidebar{width:236px}.sidebar.minimized{width:62px}}@media (min-width: 768px) and (max-width: 991px){.sidebar{width:220px}.sidebar.minimized{width:60px}}@media (max-width: 767px){.sb-toggle-button{display:flex;align-items:center;justify-content:center}.sidebar{transform:translate(-100%);transition:transform .3s ease,width .35s ease;width:248px!important}.sidebar.mobile-open{transform:translate(0)}.sb-minimize-btn,.sb-tooltip{display:none}}:root{--navy: #0f1f3d;--navy-mid: #1a3260;--blue: #2563eb;--blue-light: #eff6ff;--teal: #0d9488;--amber: #d97706;--red: #dc2626;--green: #16a34a;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-400: #94a3b8;--gray-600: #475569;--gray-800: #1e293b;--white: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--navbar-h: 64px;--sidebar-w: 280px;--font: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "DM Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--gray-800);background:var(--gray-50)}button{font-family:var(--font);cursor:pointer}.mono{font-family:var(--font-mono)!important}.dp-root{display:flex;flex-direction:column;height:100dvh;background:var(--gray-50);overflow:hidden}.dp-navbar{height:var(--navbar-h);background:var(--white);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;gap:0;padding:0 20px 0 0;position:sticky;top:0;z-index:200;transition:box-shadow .2s ease;flex-shrink:0}.dp-navbar.scrolled{box-shadow:var(--shadow-md)}.dp-navbar-brand{display:flex;align-items:center;gap:12px;padding:0 20px;min-width:var(--sidebar-w);border-right:1px solid var(--gray-200);height:100%;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);flex-shrink:0}.dp-navbar-logo{width:36px;height:36px;object-fit:contain;border-radius:8px;background:#ffffff26;padding:4px}.dp-navbar-logo-fallback{width:36px;height:36px;border-radius:8px;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px}.dp-navbar-title-group{display:flex;flex-direction:column}.dp-navbar-title{font-size:16px;font-weight:700;color:var(--white);letter-spacing:-.3px;line-height:1.2}.dp-navbar-sub{font-size:11px;color:#fff9;font-weight:400}.dp-navbar-nav{display:flex;align-items:center;gap:2px;flex:1;padding:0 16px;overflow-x:auto;scrollbar-width:none}.dp-navbar-nav::-webkit-scrollbar{display:none}.dp-nav-tab{display:flex;align-items:center;gap:6px;padding:6px 14px;border:none;background:transparent;color:var(--gray-600);font-size:13px;font-weight:500;border-radius:var(--radius-sm);white-space:nowrap;transition:background .15s ease,color .15s ease;position:relative}.dp-nav-tab:hover{background:var(--gray-100);color:var(--gray-800)}.dp-nav-tab.active{background:var(--blue-light);color:var(--blue);font-weight:600}.dp-nav-tab.active:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--blue);border-radius:2px}.dp-nav-icon{font-size:14px}.dp-nav-label{font-size:13px}.dp-navbar-user{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 16px;border-left:1px solid var(--gray-200);flex-shrink:0}.dp-user-info{display:flex;flex-direction:column;align-items:flex-end}.dp-user-name{font-size:13px;font-weight:600;color:var(--gray-800);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dp-user-id{font-size:11px;color:var(--gray-400);font-family:var(--font-mono);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dp-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.dp-avatar-ping{position:absolute;top:0;right:0;width:10px;height:10px;background:var(--green);border-radius:50%;border:2px solid white;animation:dp-ping 2s ease-in-out infinite}@keyframes dp-ping{0%,to{box-shadow:0 0 #16a34a99}50%{box-shadow:0 0 0 5px #16a34a00}}.dp-body{display:flex;flex:1;min-height:0;overflow:hidden}.sidebar-desktop{width:var(--sidebar-w);flex-shrink:0;background:var(--white);border-right:1px solid var(--gray-200);overflow-y:auto;height:100%;scrollbar-width:thin;scrollbar-color:var(--gray-200) transparent}.sidebar-desktop::-webkit-scrollbar{width:4px}.sidebar-desktop::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:2px}.sidebar-inner{padding:16px 12px 24px;display:flex;flex-direction:column;gap:8px}.sidebar-header{padding:4px 4px 12px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(135deg,var(--navy),var(--navy-mid));border-radius:var(--radius-md);color:#fff}.sidebar-brand-icon{display:flex;align-items:center;flex-shrink:0;color:#fffc}.sidebar-brand-title{font-size:13px;font-weight:700;color:#fff}.sidebar-brand-sub{font-size:11px;color:#ffffff8c;font-family:var(--font-mono)}.master-po-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border:2px solid var(--gray-200);background:var(--white);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;position:relative;text-align:left;width:100%}.master-po-btn:hover{border-color:var(--blue);background:var(--blue-light)}.master-po-btn.active{border-color:var(--blue);background:linear-gradient(135deg,var(--blue-light),#e0f2fe);box-shadow:0 0 0 3px #2563eb1f}.master-po-icon{display:flex;align-items:center;flex-shrink:0;color:var(--blue)}.master-po-text{flex:1;min-width:0}.master-po-label{display:block;font-size:13px;font-weight:600;color:var(--gray-800)}.master-po-sub{display:block;font-size:11px;color:var(--gray-400);margin-top:1px}.active-dot{width:8px;height:8px;background:var(--blue);border-radius:50%;flex-shrink:0}.sidebar-divider{display:flex;align-items:center;gap:8px;padding:4px;font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px}.sidebar-divider:before,.sidebar-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.sidebar-search-wrap{position:relative;display:flex;align-items:center}.sb-search-icon{position:absolute;left:10px;width:14px;height:14px;color:var(--gray-400);pointer-events:none}.sidebar-search-input{width:100%;padding:9px 30px 9px 32px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font);color:var(--gray-800);background:var(--gray-50);transition:border-color .15s ease,box-shadow .15s ease}.sidebar-search-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a;background:#fff}.sb-clear-btn{position:absolute;right:8px;border:none;background:none;color:var(--gray-400);font-size:18px;line-height:1;cursor:pointer}.sidebar-list{display:flex;flex-direction:column;gap:6px}.sb-item-card{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1.5px solid var(--gray-200);background:var(--white);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:all .2s ease;position:relative;width:100%}.sb-item-card:hover{border-color:var(--blue);background:var(--blue-light);transform:translate(2px)}.sb-item-card.active{border-color:var(--blue);background:linear-gradient(135deg,var(--blue-light),#e0f2fe);box-shadow:var(--shadow-sm)}.sb-item-card.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue);border-radius:4px 0 0 4px}.sb-item-num{font-size:10px;font-weight:700;color:var(--blue);background:var(--blue-light);border:1px solid rgba(37,99,235,.2);padding:2px 6px;border-radius:4px;flex-shrink:0;align-self:flex-start;margin-top:1px}.sb-item-body{flex:1;min-width:0}.sb-item-sn{font-size:12px;font-weight:700;color:var(--gray-800);font-family:var(--font-mono);word-break:break-all;line-height:1.3}.sb-item-user{font-size:11px;color:var(--gray-600);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-item-tipe{font-size:11px;color:var(--gray-400);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.sb-active-dot{width:8px;height:8px;background:var(--blue);border-radius:50%;flex-shrink:0;margin-top:4px}.sb-empty{text-align:center;padding:32px 16px;color:var(--gray-400)}.sb-empty span{font-size:36px;display:block;margin-bottom:8px}.sb-empty-icon{color:var(--gray-300, #d1d5db);margin-bottom:8px;display:block}.sb-empty p{font-size:13px}.sidebar-fab{display:none;position:fixed;bottom:24px;right:20px;z-index:300;width:52px;height:52px;border-radius:50%;background:var(--navy);color:#fff;border:none;box-shadow:var(--shadow-lg);align-items:center;justify-content:center;transition:transform .2s ease}.sidebar-fab:hover{transform:scale(1.05)}.sidebar-fab svg{width:22px;height:22px}.fab-badge{position:absolute;top:-4px;right:-4px;background:var(--blue);color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:400;animation:dp-fadein .2s ease}.sidebar-drawer{position:fixed;left:0;top:0;bottom:0;width:min(320px,85vw);background:#fff;z-index:401;overflow-y:auto;animation:dp-slidein .25s ease}.drawer-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:var(--gray-100);display:flex;align-items:center;justify-content:center;z-index:1}.drawer-close svg{width:16px;height:16px;color:var(--gray-600)}@keyframes dp-slidein{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes dp-fadein{0%{opacity:0}to{opacity:1}}.dp-main-scroll{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gray-200) transparent}.dp-main-scroll::-webkit-scrollbar{width:5px}.dp-main-scroll::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:3px}.dp-main-inner{max-width:900px;margin:0 auto;padding:28px 24px 60px;display:flex;flex-direction:column;gap:24px}.dp-section{scroll-margin-top:calc(var(--navbar-h) + 12px)}.dp-section-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.dp-section-icon{display:flex;align-items:center;flex-shrink:0;margin-top:2px;color:var(--blue)}.dp-section-title{font-size:18px;font-weight:700;color:var(--gray-800);letter-spacing:-.3px;line-height:1.3}.dp-section-sub{font-size:13px;color:var(--gray-400);margin-top:2px}.dp-status-chip{margin-left:auto;padding:4px 14px;border-radius:20px;font-size:13px;font-weight:600;flex-shrink:0}.chip-aktif{background:#dcfce7;color:#15803d}.chip-belum{background:#fef3c7;color:#92400e}.chip-nonaktif{background:#fee2e2;color:#991b1b}.chip-default{background:var(--gray-100);color:var(--gray-600)}.dp-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.dp-progress-bar-wrap{display:flex;align-items:center;gap:12px;margin-bottom:28px}.dp-progress-bar-track{flex:1;height:8px;background:var(--gray-100);border-radius:4px;overflow:hidden}.dp-progress-bar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.dp-progress-pct{font-size:13px;font-weight:700;color:var(--gray-600);min-width:36px;text-align:right}.dp-steps{display:flex;gap:0;align-items:flex-start}.dp-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.dp-step-dot{width:28px;height:28px;border-radius:50%;background:var(--gray-100);border:2.5px solid var(--gray-200);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:all .3s ease;flex-shrink:0}.dp-step-dot svg{width:14px;height:14px}.dp-step.done .dp-step-dot{background:var(--green);border-color:var(--green);box-shadow:0 0 0 4px #16a34a26}.dp-step-connector{position:absolute;top:14px;left:50%;right:-50%;height:2px;background:var(--gray-200);z-index:1}.dp-step.done .dp-step-connector{background:var(--green)}.dp-step:last-child .dp-step-connector{display:none}.dp-step-label{font-size:12px;color:var(--gray-400);text-align:center;margin-top:10px;max-width:100px;line-height:1.3;transition:color .3s ease}.dp-step.done .dp-step-label{color:var(--green);font-weight:600}.dp-detail-grid{display:flex;flex-direction:column;gap:0}.dp-detail-row{display:grid;grid-template-columns:24px 160px 1fr;align-items:start;gap:8px;padding:12px 0;border-bottom:1px solid var(--gray-100)}.dp-detail-row:last-child{border-bottom:none}.dp-detail-icon{font-size:16px;padding-top:1px}.dp-detail-label{font-size:13px;color:var(--gray-600);font-weight:500}.dp-detail-value{font-size:13px;color:var(--gray-800);font-weight:600;word-break:break-all}.dp-biaya-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;background:none;border:none;box-shadow:none;padding:0}.dp-biaya-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:20px 18px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.dp-biaya-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dp-biaya-card-icon{display:flex;align-items:center;color:var(--gray-400);margin-bottom:2px}.dp-biaya-card-label{font-size:12px;color:var(--gray-400);font-weight:500;text-transform:uppercase;letter-spacing:.4px}.dp-biaya-card-value{font-size:20px;font-weight:700;letter-spacing:-.5px;line-height:1.2}.dp-biaya-card-sub{font-size:11px;color:var(--gray-400);font-family:var(--font-mono);margin-top:2px}.dp-biaya-card.accent-blue{border-top:3px solid var(--blue)}.dp-biaya-card.accent-blue .dp-biaya-card-value{color:var(--blue)}.dp-biaya-card.accent-purple{border-top:3px solid #7c3aed}.dp-biaya-card.accent-purple .dp-biaya-card-value{color:#7c3aed}.dp-biaya-card.accent-green{border-top:3px solid var(--green)}.dp-biaya-card.accent-green .dp-biaya-card-value{color:var(--green)}.dp-biaya-card.accent-gray{border-top:3px solid var(--gray-400)}.dp-biaya-card.accent-gray .dp-biaya-card-value{color:var(--gray-600)}.dp-tagihan-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.dp-stat-chip{display:flex;flex-direction:column;align-items:center;padding:12px 20px;border-radius:var(--radius-md);border:1.5px solid;min-width:90px}.dp-stat-count{font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1}.dp-stat-label{font-size:11px;color:var(--gray-600);font-weight:500;margin-top:4px;text-align:center}.dp-subsection-title{font-size:14px;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.dp-period-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.dp-period-box{width:44px;height:44px;border-radius:10px;border:none;color:#fff;font-weight:700;font-size:13px;cursor:pointer;position:relative;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 6px #00000026}.dp-period-box:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 14px #00000040}.dp-period-box.current{outline:3px solid var(--gray-800);outline-offset:2px}.dp-period-pulse{position:absolute;top:-4px;right:-4px;width:10px;height:10px;background:#fff;border-radius:50%;border:2px solid var(--gray-800);animation:dp-blink 1.5s ease-in-out infinite}@keyframes dp-blink{0%,to{opacity:1}50%{opacity:.2}}.dp-legend{display:flex;flex-wrap:wrap;gap:12px}.dp-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray-600)}.dp-legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.dp-current-period{margin-top:0}.dp-current-period-rows{display:flex;flex-direction:column;gap:0}.dp-current-row{display:grid;grid-template-columns:24px 120px 1fr;align-items:start;gap:8px;padding:12px 0;border-bottom:1px solid var(--gray-100)}.dp-current-row:last-child{border-bottom:none}.dp-current-icon{font-size:16px}.dp-current-label{font-size:13px;font-weight:500;color:var(--gray-600)}.dp-current-value{font-size:13px;font-weight:700;word-break:break-word}.dp-overdue-alert{margin-top:16px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid var(--red);border-radius:var(--radius-sm);font-size:14px;color:var(--red)}.dp-notes-box{background:#fffbeb;border-color:#fef3c7}.dp-notes-text{font-size:14px;line-height:1.7;color:var(--gray-700, #374151);white-space:pre-wrap}.dp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;animation:dp-fadein .2s ease}.dp-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:300px;max-width:420px;width:100%;animation:dp-pop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes dp-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dp-modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#fff;font-weight:700;font-size:15px}.dp-modal-head button{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .15s}.dp-modal-head button:hover{background:#ffffff59}.dp-modal-body{padding:16px 20px}.dp-modal-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--gray-100)}.dp-modal-row:last-child{border-bottom:none}.dp-modal-label{font-size:13px;font-weight:600;color:var(--gray-600);flex-shrink:0;display:flex;align-items:center;gap:6px}.dp-modal-value{font-size:13px;color:var(--gray-800);text-align:right;font-weight:500}.dp-master-view{display:flex;flex-direction:column;gap:24px}.dp-master-hero{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,var(--navy),var(--navy-mid));border-radius:var(--radius-lg);color:#fff}.dp-master-hero-icon{font-size:40px}.dp-master-title{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px}.dp-master-po-num{font-size:13px;color:#fff9;font-family:var(--font-mono);margin-top:4px}.dp-master-stats{display:flex;gap:0;margin-bottom:24px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--gray-200)}.dp-master-stat{flex:1;padding:16px;text-align:center;border-right:1px solid var(--gray-200)}.dp-master-stat:last-child{border-right:none}.dp-master-stat-num{display:block;font-size:28px;font-weight:800;color:var(--blue);letter-spacing:-1px}.dp-master-stat-label{display:block;font-size:12px;color:var(--gray-400);margin-top:4px;font-weight:500}.dp-master-unit-table{display:flex;flex-direction:column;gap:6px}.dp-table-head{display:grid;grid-template-columns:32px 1fr 2fr 1fr 1fr;gap:8px;padding:8px 12px;background:var(--gray-50);border-radius:var(--radius-sm);font-size:11px;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px}.dp-table-row{display:grid;grid-template-columns:32px 1fr 2fr 1fr 1fr;gap:8px;padding:10px 12px;border:1px solid var(--gray-100);border-radius:var(--radius-sm);align-items:center;font-size:13px;transition:background .15s ease}.dp-table-row:hover{background:var(--blue-light)}.dp-table-num{font-size:11px;font-weight:700;color:var(--gray-400);text-align:center}.dp-table-sn,.dp-table-inv{font-family:var(--font-mono);font-size:11px;color:var(--blue);word-break:break-all}.dp-table-tipe{font-size:12px;color:var(--gray-600)}.dp-table-user{font-size:12px;color:var(--gray-800);font-weight:500}.dp-history-placeholder{text-align:center;padding:40px;color:var(--gray-400)}.dp-history-icon{display:block;margin-bottom:12px;color:var(--gray-300, #d1d5db)}.dp-empty-icon{color:var(--gray-300, #d1d5db);margin-bottom:8px}.dp-history-placeholder p{font-size:15px;color:var(--gray-600);font-weight:500}.dp-history-sub{font-size:13px;color:var(--gray-400);margin-top:8px}.dp-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:24px 0 0;border-top:1px solid var(--gray-200)}.dp-btn{display:flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.dp-btn:hover{transform:translateY(-1px)}.dp-btn:active{transform:translateY(0)}.dp-btn-primary{background:var(--blue);color:#fff;box-shadow:0 2px 8px #2563eb4d}.dp-btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 16px #2563eb66}.dp-btn-secondary{background:var(--gray-100);color:var(--gray-700)}.dp-btn-secondary:hover{background:var(--gray-200)}.dp-btn-wa{background:#25d366;color:#fff;box-shadow:0 2px 8px #25d3664d}.dp-btn-wa:hover{background:#1ebe57;box-shadow:0 4px 16px #25d36666}.dp-btn.disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.dp-btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:dp-spin 1s linear infinite}@keyframes dp-spin{to{transform:rotate(360deg)}}.dp-tooltip-wrap{position:relative}.dp-tooltip-text{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--gray-800);color:#fff;font-size:12px;padding:5px 10px;border-radius:6px;white-space:nowrap;pointer-events:none}.dp-tooltip-wrap.show-tooltip:hover .dp-tooltip-text{display:block}.dp-fullscreen-center{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;font-family:var(--font)}.dp-error-screen{background:#fff5f5}.dp-error-logo{width:64px;height:64px;object-fit:contain;opacity:.8}.dp-error-screen h2{font-size:22px;font-weight:700;color:var(--red)}.dp-error-screen p{font-size:14px;color:var(--gray-600);text-align:center;max-width:320px}.dp-page-spinner{width:44px;height:44px;border:4px solid var(--gray-200);border-top-color:var(--blue);border-radius:50%;animation:dp-spin 1s linear infinite}.dp-loading-state,.dp-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px;color:var(--gray-400)}.dp-loading-state p,.dp-empty-state p{font-size:14px}.dp-empty-state span{font-size:40px}.dp-spinner{width:28px;height:28px;border:3px solid var(--gray-200);border-top-color:var(--blue);border-radius:50%;animation:dp-spin 1s linear infinite}.dp-error-notif{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);font-size:14px;color:var(--red);margin-bottom:-8px}.dp-error-notif button{margin-left:auto;background:none;border:none;color:var(--red);font-size:18px;cursor:pointer}.dp-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 0 0;border-top:1px solid var(--gray-200);font-size:12px;color:var(--gray-400);gap:16px;flex-wrap:wrap}.dp-footer a{color:var(--blue);text-decoration:none;font-weight:500}.dp-footer a:hover{text-decoration:underline}@media (max-width: 1024px){.sidebar-desktop{display:none}.sidebar-fab{display:flex}:root{--sidebar-w: 0px}}@media (max-width: 768px){.dp-navbar-brand{min-width:auto;padding:0 14px}.dp-navbar-nav{padding:0 8px}.dp-nav-label{display:none}.dp-nav-tab{padding:6px 10px}.dp-user-name,.dp-user-id{max-width:80px}.dp-main-inner{padding:16px 16px 60px}.dp-steps{flex-direction:column;gap:12px}.dp-step{flex-direction:row;align-items:flex-start;gap:12px}.dp-step-connector{display:none}.dp-step-label{text-align:left;margin-top:2px;max-width:none}.dp-detail-row{grid-template-columns:20px 120px 1fr}.dp-current-row{grid-template-columns:20px 100px 1fr}.dp-master-stats{flex-direction:column}.dp-master-stat{border-right:none;border-bottom:1px solid var(--gray-200)}.dp-master-stat:last-child{border-bottom:none}.dp-table-head,.dp-table-row{grid-template-columns:28px 1fr 1fr}.dp-table-tipe,.dp-table-inv{display:none}.dp-actions{flex-direction:column;align-items:stretch}.dp-footer{flex-direction:column;text-align:center}}@media (max-width: 480px){.dp-navbar{padding-right:12px}.dp-navbar-brand{padding:0 12px;gap:8px}.dp-navbar-title{font-size:14px}.dp-navbar-sub,.dp-user-info{display:none}.dp-detail-row{grid-template-columns:20px 100px 1fr;font-size:12px}.dp-detail-label{font-size:12px}.dp-period-box{width:38px;height:38px;font-size:12px}}.dp-master-hero-chips{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto;align-self:flex-start;margin-top:4px}.dp-table-row-extended{grid-template-columns:32px 1fr 2fr 1fr 1fr 110px!important}.dp-table-head.dp-table-head-extended{grid-template-columns:32px 1fr 2fr 1fr 1fr 110px}.dp-table-divisi{font-size:11px;color:var(--gray-400);font-weight:400}.dp-overdue-badge{display:block;font-size:10px;color:#dc2626;font-weight:600;margin-top:2px}.dp-billing-grand-total{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:16px;padding:12px 16px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--gray-700, #374151)}.dp-billing-grand-total span:first-child{font-weight:700;color:var(--gray-800);margin-right:auto;text-transform:uppercase;letter-spacing:.4px;font-size:12px}@media (max-width: 768px){.dp-table-row-extended{grid-template-columns:28px 1fr 1fr!important}.dp-master-hero-chips{margin-left:0;margin-top:8px}.dp-master-hero{flex-wrap:wrap}.dp-billing-grand-total{gap:10px;font-size:12px}}@media print{.dp-navbar,.sidebar-desktop,.sidebar-fab,.dp-actions{display:none!important}.dp-main-scroll{overflow:visible}.dp-card{box-shadow:none;border:1px solid #ccc}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{margin:0;padding:0;box-sizing:border-box}.invoice-checker-app{font-family:Inter,sans-serif;min-height:100vh;max-height:100vh;min-width:100vw;max-width:100vw;background:linear-gradient(#0006,#0006),url("/assets/kantor_icp(landscape2)-H3kZIvM7.webp") center/cover no-repeat;background-attachment:fixed;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.background-image{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.background-image img{width:100%;height:100%;object-fit:cover}.main-container{display:flex;flex-direction:column;align-items:flex-end;width:100%;min-height:calc(100vh - 140px);justify-content:center;padding-top:40px;padding-right:90px}.inv-logo-section{margin-bottom:30px;color:#000}.logo{display:flex;align-items:center;justify-content:flex-start;gap:20px;margin-bottom:10px}.logo-icon{width:80px;height:80px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-icon img{width:100%;height:100%;object-fit:contain}.logo-text{text-align:left}.welcome-text{color:#333;font-size:.9rem;font-weight:400;margin-bottom:5px}.company-name{color:#1a1a1a;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:3px}.company-subtitle{color:#666;font-size:.85rem;font-weight:400}.form-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.2);width:100%;min-width:700px;max-width:700px}.form-instruction{font-size:15px;color:#555;margin-bottom:25px;text-align:left}.input-group{margin-bottom:20px;text-align:left}.input-label{display:block;font-size:14px;font-weight:600;color:#2c3e50;margin-bottom:8px}.input-field{width:100%;padding:12px 18px;border:2px solid #e1e8ed;border-radius:12px;font-size:15px;transition:all .3s ease;background:#fff;color:#2c3e50}.input-field:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;transform:translateY(-2px)}.input-field::placeholder{color:#95a5a6;font-weight:400}.button-group{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:20px}.privacy-policy{flex:1;text-align:left}.policy-link{color:#3498db;text-decoration:none;font-size:13px;transition:color .3s ease}.policy-link:hover{color:#2980b9;text-decoration:underline}.check-button{padding:15px 40px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-block;text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#6a5acd,#4169e1);color:#fff;box-shadow:0 6px 20px #6a5acd66;border:2px solid transparent}.check-button:hover:not(:disabled){background:linear-gradient(135deg,#4169e1,#483d8b);transform:translateY(-3px);box-shadow:0 10px 30px #6a5acd80}.check-button:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #6a5acd66}.check-button:disabled{opacity:.6;cursor:not-allowed}.check-button:focus{outline:none;box-shadow:0 0 0 3px #4169e133}.loading-container{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:15px;padding:15px;background:#3498db1a;border-radius:12px;border:1px solid rgba(52,152,219,.2)}.loading-spinner{width:24px;height:24px;border:3px solid rgba(52,152,219,.3);border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#3498db;font-size:14px;font-weight:500}.error-message{color:#e74c3c;font-size:14px;margin-top:15px;padding:12px;background:#e74c3c1a;border-radius:8px;border:1px solid rgba(231,76,60,.2);text-align:center}.success-message{color:#27ae60;font-size:14px;margin-top:15px;padding:12px;background:#27ae601a;border-radius:8px;border:1px solid rgba(39,174,96,.2);text-align:center}.footer{width:100%;display:flex;justify-content:space-between;align-items:center;color:#fff;padding:15px 40px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.version{font-size:13px;opacity:.9}.copyright{font-size:13px;text-align:center;flex:1}.footer-links{display:flex;gap:20px;font-size:13px}.footer-links a{color:#fff;text-decoration:none;transition:opacity .3s ease}.footer-links a:hover{opacity:.8;text-decoration:underline}.footer-links .separator{margin:0 10px}.mobile-warning{text-align:center;padding:40px 20px}.mobile-icon{color:#2c3e50;margin-bottom:30px;display:flex;justify-content:center}.mobile-title{font-size:1.3rem;font-weight:700;color:#2c3e50;margin-bottom:20px}.mobile-description{font-size:.95rem;color:#555;line-height:1.6;text-align:justify;max-width:500px;margin:0 auto}@media (max-width: 1024px){.invoice-checker-app{align-items:center}.main-container{align-items:center;padding-right:0}.form-container{min-width:auto;max-width:600px;width:90%}.footer{flex-direction:column;gap:10px;padding:15px 20px}.copyright{order:1}.footer-links{order:2}.version{order:0}}@media (max-width: 768px){.form-container{padding:30px 25px;margin:20px 10px;min-width:auto;max-width:500px}.logo-icon{width:60px;height:60px}.company-name{font-size:1.2rem}.welcome-text{font-size:.8rem}.company-subtitle{font-size:.75rem}.button-group{flex-direction:column;align-items:stretch}.privacy-policy{text-align:center;order:2;margin-top:10px}.check-button{order:1;width:100%}}@media (max-width: 480px){.form-container{padding:25px 20px}.logo{flex-direction:column;text-align:center}.logo-text{text-align:center}.logo-icon{width:70px;height:70px}.input-field{padding:12px 15px;font-size:14px}.check-button{padding:13px 25px;font-size:14px}.footer{padding:10px;font-size:11px}.footer-links{font-size:11px;gap:15px}.copyright,.version{font-size:10px}}.faq-user-container{max-width:100vw;min-width:100vw;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-image:url("/assets/kantor_icp(landscape2)-H3kZIvM7.webp");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;max-height:100vh;position:relative;overflow-y:auto}.faq-user-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.faq-user-container>*{position:relative;z-index:2}.faq-user-header{text-align:center;margin:0 auto 3rem;padding:2rem;max-width:1200px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;box-shadow:0 8px 32px #0000001a}.faq-user-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.faq-user-subtitle{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto;font-weight:300}.faq-user-main{max-width:1200px;background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 4px 20px #00000014;margin:0 auto 2rem}.faq-user-back-button-container{max-width:1200px;margin:2rem auto;text-align:center}.faq-user-back-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.faq-user-back-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.faq-user-back-button:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.faq-user-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #e9ecef;padding:20px}.faq-user-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-user-section h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;position:relative;padding-left:1rem}.faq-user-section h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.faq-user-section h3{color:#34495e;font-size:1.4rem;font-weight:600;margin:1.5rem 0 1rem}.faq-user-section p{color:#555;font-size:1.1rem;margin-bottom:1rem;text-align:justify}.faq-user-section ol,.faq-user-section ul{margin:1rem 0;padding-left:2rem}.faq-user-section ol li,.faq-user-section ul li{margin-bottom:.8rem;color:#555;font-size:1.1rem}.faq-user-section ol li{counter-increment:step-counter;position:relative}.faq-user-section ol li:before{content:counter(step-counter);position:absolute;left:-2rem;top:.2rem;background:#667eea;color:#fff;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.faq-user-section ul li{position:relative}.faq-user-section ul li:before{content:"•";color:#667eea;font-weight:700;position:absolute;left:-1rem}.status-guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.status-item{background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #667eea;transition:transform .3s ease,box-shadow .3s ease}.status-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.status-item h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1rem;font-weight:600}.status-item ul{margin:0;padding-left:1.5rem}.status-item ul li{font-size:1rem;margin-bottom:.5rem}.faq-user-section a{color:#667eea;text-decoration:none;font-weight:500;transition:color .3s ease}.faq-user-section a:hover{color:#764ba2;text-decoration:underline}@media (max-width: 768px){.faq-user-container{padding:1rem}.faq-user-header{padding:1.5rem;margin-bottom:2rem}.faq-user-header h1{font-size:2rem}.faq-user-subtitle{font-size:1rem}.faq-user-main{padding:1.5rem}.faq-user-section h2{font-size:1.5rem}.faq-user-section h3{font-size:1.2rem}.status-guide{grid-template-columns:1fr}.faq-user-back-button{font-size:1rem;padding:10px 20px}}@media (max-width: 480px){.faq-user-container{padding:.5rem}.faq-user-header{padding:1rem}.faq-user-header h1{font-size:1.5rem}.faq-user-main{padding:1rem}.faq-user-back-button{font-size:.9rem;padding:8px 16px}}.faq-user-section{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.faq-user-container::-webkit-scrollbar{width:8px}.faq-user-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.faq-user-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.faq-user-container::-webkit-scrollbar-thumb:hover{background:#764ba2}.faq-admin-container{--fa-blue: #2563eb;--fa-blue-dark: #1d4ed8;--fa-blue-soft: #eaf0fe;--fa-cream: #f5f1e8;--fa-cream-dark: #ece4d3;--fa-white: #ffffff;--fa-gray-50: #f8fafc;--fa-gray-100: #eef1f5;--fa-gray-200: #e2e8f0;--fa-gray-300: #cbd5e1;--fa-gray-400: #94a3b8;--fa-gray-500: #64748b;--fa-gray-700: #334155;--fa-gray-900: #1e293b;--fa-radius-sm: 8px;--fa-radius-md: 12px;--fa-radius-pill: 999px;--fa-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .06);width:100%;font-family:Inter,sans-serif;background-color:var(--fa-gray-50);min-height:100vh;max-height:100vh;overflow-y:auto;box-sizing:border-box}.fa-body{max-width:80vw;margin:0 auto;padding:32px 24px 64px;box-sizing:border-box}.fa-header{text-align:center;padding:12px 0 28px}.fa-header-title{font-size:1.9rem;font-weight:700;color:var(--fa-gray-900);margin:0 0 8px;letter-spacing:-.3px;line-height:1.2}.fa-header-subtitle{font-size:.975rem;color:var(--fa-gray-500);font-weight:500;margin:0}.fa-toolbar{display:flex;gap:12px;align-items:stretch;margin-bottom:10px}.fa-search-box{flex:1;position:relative;display:flex;align-items:center;background:var(--fa-white);border:1.5px solid var(--fa-gray-200);border-radius:var(--fa-radius-pill);box-shadow:var(--fa-shadow);transition:border-color .15s ease}.fa-search-box:focus-within{border-color:var(--fa-blue)}.fa-search-icon{color:var(--fa-gray-400);margin-left:16px;flex-shrink:0}.fa-search-input{flex:1;border:none;outline:none;background:transparent;padding:12px 8px;font-size:.95rem;color:var(--fa-gray-900);font-family:Inter,sans-serif}.fa-search-input::placeholder{color:var(--fa-gray-400)}.fa-search-clear{border:none;background:var(--fa-gray-100);color:var(--fa-gray-500);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:10px;flex-shrink:0}.fa-search-clear:hover{background:var(--fa-gray-200);color:var(--fa-gray-700)}.fa-filter-wrapper{position:relative;flex-shrink:0}.fa-filter-btn{height:100%;display:flex;align-items:center;gap:8px;padding:0 18px;background:var(--fa-white);border:1.5px solid var(--fa-gray-200);border-radius:var(--fa-radius-pill);box-shadow:var(--fa-shadow);font-size:.9rem;font-weight:600;color:var(--fa-gray-700);cursor:pointer;white-space:nowrap;transition:border-color .15s ease,color .15s ease}.fa-filter-btn:hover,.fa-filter-btn-open{border-color:var(--fa-blue);color:var(--fa-blue)}.fa-filter-chevron{transition:transform .2s ease;color:var(--fa-gray-400)}.fa-filter-chevron.open{transform:rotate(180deg)}.fa-filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.fa-filter-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;background:var(--fa-white);border:1px solid var(--fa-gray-200);border-radius:var(--fa-radius-md);box-shadow:0 8px 24px #0f172a1f;padding:6px;min-width:220px;display:flex;flex-direction:column;gap:2px}.fa-filter-option{border:none;background:transparent;text-align:left;padding:10px 12px;border-radius:var(--fa-radius-sm);font-size:.9rem;font-weight:500;color:var(--fa-gray-700);cursor:pointer}.fa-filter-option:hover{background:var(--fa-gray-50)}.fa-filter-option.active{background:var(--fa-blue-soft);color:var(--fa-blue-dark);font-weight:600}.fa-result-count{font-size:.85rem;color:var(--fa-gray-500);margin:0 0 24px 4px}.fa-content{display:flex;flex-direction:column;gap:12px}.fa-section{background:var(--fa-white);border:1px solid var(--fa-gray-200);border-radius:var(--fa-radius-md);overflow:hidden}.fa-section-header{width:100%;display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--fa-white);border:none;cursor:pointer;text-align:left;font-family:Inter,sans-serif}.fa-section-header:hover{background:var(--fa-gray-50)}.fa-section-icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--fa-radius-sm);background:var(--fa-blue-soft);color:var(--fa-blue);display:flex;align-items:center;justify-content:center}.fa-section-title-group{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.fa-section-title{font-size:1.05rem;font-weight:700;color:var(--fa-gray-900)}.fa-section-tag{align-self:flex-start;font-size:.7rem;font-weight:600;color:var(--fa-gray-700);background:var(--fa-cream);border:1px solid var(--fa-cream-dark);padding:2px 10px;border-radius:var(--fa-radius-pill);text-transform:uppercase;letter-spacing:.03em}.fa-chevron-icon{flex-shrink:0;color:var(--fa-gray-400)}.fa-section-content{border-top:1px solid var(--fa-gray-100);background:var(--fa-gray-50)}.fa-item{padding:16px 20px 16px 74px;border-bottom:1px solid var(--fa-gray-100)}.fa-item:last-child{border-bottom:none}.fa-question{font-size:.95rem;font-weight:600;color:var(--fa-gray-900);margin:0 0 6px;line-height:1.5}.fa-answer{font-size:.9rem;color:var(--fa-gray-700);line-height:1.65;margin:0}.fa-answer-list{margin:8px 0 0;padding-left:18px}.fa-answer-list li{font-size:.9rem;color:var(--fa-gray-700);line-height:1.65;margin-bottom:4px}.fa-empty-state{text-align:center;padding:56px 24px;background:var(--fa-white);border:1px dashed var(--fa-gray-300);border-radius:var(--fa-radius-md);color:var(--fa-gray-500)}.fa-empty-icon{color:var(--fa-blue);margin-bottom:12px}.fa-empty-state h3{font-size:1.1rem;font-weight:700;color:var(--fa-gray-900);margin:0 0 6px}.fa-empty-state p{font-size:.9rem;margin:0}.fa-footer{text-align:center;margin-top:32px;padding:20px;background:var(--fa-cream);border-radius:var(--fa-radius-md)}.fa-footer p{color:var(--fa-gray-700);font-size:.9rem;margin:0}.fa-footer strong{color:var(--fa-gray-900)}@media (max-width: 768px){.fa-body{padding:20px 16px 48px}.fa-header-title{font-size:1.5rem}.fa-toolbar{flex-direction:column}.fa-filter-btn{padding:12px 16px;justify-content:space-between}.fa-item{padding:14px 16px}.fa-filter-menu{left:0;right:0;min-width:unset}}.cookies-layout{position:relative}.cookies-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cookies-modal{background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -10px 40px #0003;width:100%;max-width:672px;padding:32px;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookies-modal-content{display:flex;gap:16px}.cookies-icon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.cookies-text-content{flex:1}.cookies-text-content h2{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 12px}.cookies-description{color:#4a5568;line-height:1.6;margin:0 0 16px;font-size:15px}.cookies-policy-link{font-size:14px;color:#718096;margin:0 0 24px}.cookies-policy-link a{color:#5a67d8;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.cookies-policy-link a:hover{color:#4c51bf}.cookies-modal-buttons{display:flex;gap:12px}.cookies-modal-buttons button{flex:1;padding:12px 24px;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-agree{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.btn-agree:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.btn-remind{background:#edf2f7;color:#2d3748}.btn-remind:hover{background:#e2e8f0;transform:translateY(-2px)}.policy-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease-out}.policy-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.policy-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid #e2e8f0}.policy-modal-header h2{font-size:24px;font-weight:700;color:#1a202c;margin:0}.close-button{width:36px;height:36px;border-radius:50%;background:#f7fafc;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4a5568;transition:all .2s ease}.close-button:hover{background:#edf2f7;color:#2d3748;transform:rotate(90deg)}.policy-modal-body{overflow-y:auto;padding:28px;flex:1}.policy-modal-body::-webkit-scrollbar{width:8px}.policy-modal-body::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.policy-modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.policy-modal-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}.policy-intro{background:linear-gradient(135deg,#667eea15,#764ba215);border-left:4px solid #667eea;padding:16px 20px;border-radius:8px;margin-bottom:28px}.policy-intro p{margin:0;color:#2d3748;line-height:1.6;font-size:15px}.policy-section{margin-bottom:24px}.policy-section h3{font-size:18px;font-weight:700;color:#1a202c;margin:0 0 12px}.policy-section p{color:#4a5568;line-height:1.6;margin:0;font-size:15px}.policy-item{display:flex;gap:16px;padding:20px;background:#f7fafc;border-radius:12px;margin-bottom:16px;transition:all .2s ease}.policy-item:hover{background:#edf2f7;transform:translate(4px)}.policy-item-icon{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.policy-item-content h4{font-size:16px;font-weight:600;color:#2d3748;margin:0 0 8px}.policy-item-content p{color:#4a5568;line-height:1.6;margin:0;font-size:14px}.policy-footer{margin-top:28px;padding-top:20px;border-top:1px solid #e2e8f0}.policy-footer p{color:#718096;font-size:13px;text-align:center;margin:0;font-style:italic}.policy-modal-actions{padding:20px 28px;border-top:2px solid #e2e8f0;display:flex;justify-content:flex-end}.btn-close-policy{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.btn-close-policy:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}@media (max-width: 768px){.cookies-modal{padding:24px;max-width:100%}.cookies-modal-content{flex-direction:column}.cookies-icon{width:40px;height:40px}.cookies-text-content h2{font-size:20px}.cookies-modal-buttons{flex-direction:column}.policy-modal{max-width:95%;max-height:90vh}.policy-modal-header,.policy-modal-body,.policy-modal-actions{padding:20px}.policy-item{flex-direction:column}}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0a0e1abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:overlayFadeIn .35s ease forwards}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal-card{position:relative;width:360px;max-width:calc(100vw - 40px);background:#fff;border-radius:20px;padding:36px 32px 28px;box-shadow:0 0 0 1px #6366f114,0 8px 40px #0000002e,0 2px 8px #00000014;animation:cardSlideUp .4s cubic-bezier(.22,1,.36,1) forwards;overflow:hidden;text-align:center}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#06b6d4,#6366f1);background-size:200% 100%;animation:shimmer 2.5s linear infinite}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.auth-modal-icon-wrapper{position:relative;width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.icon-lock{width:48px;height:48px;color:#6366f1}.auth-modal-icon-wrapper .pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #6366f1;opacity:0;animation:pulseRing 2s ease-out infinite}.auth-modal-icon-wrapper .pulse-ring:nth-child(2){animation-delay:.6s}@keyframes pulseRing{0%{transform:scale(.7);opacity:.7}to{transform:scale(1.4);opacity:0}}.icon-clock-wrapper{width:80px;height:80px;position:relative;display:flex;align-items:center;justify-content:center}.icon-clock{width:52px;height:52px;color:#f59e0b;animation:clockShake 3s ease-in-out infinite}@keyframes clockShake{0%,to{transform:rotate(0)}10%{transform:rotate(-8deg)}20%{transform:rotate(8deg)}30%{transform:rotate(-4deg)}40%{transform:rotate(4deg)}50%{transform:rotate(0)}}.icon-clock-wrapper .pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #f59e0b;opacity:0;animation:pulseRingAmber 2s ease-out infinite}.icon-clock-wrapper .pulse-ring:nth-child(2){animation-delay:.7s}@keyframes pulseRingAmber{0%{transform:scale(.7);opacity:.7}to{transform:scale(1.45);opacity:0}}.auth-modal-title{font-family:Segoe UI,Inter,sans-serif;font-size:17px;font-weight:700;color:#111827;margin:0 0 6px;line-height:1.3}.auth-modal-title.amber{color:#92400e}.auth-modal-desc{font-family:Segoe UI,sans-serif;font-size:13.5px;color:#6b7280;margin:0 0 28px;line-height:1.6}.auth-modal-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 20px;border-radius:12px;border:none;cursor:pointer;font-family:Segoe UI,sans-serif;font-size:14px;font-weight:600;color:#fff;background:#6366f1;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 14px #6366f159}.auth-modal-btn.amber{background:#f59e0b;box-shadow:0 4px 14px #f59e0b59}.auth-modal-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.auth-modal-btn.amber:hover{box-shadow:0 6px 20px #f59e0b66}.auth-modal-btn:active{transform:translateY(0)}.auth-modal-btn-fill{position:absolute;top:0;left:0;height:100%;width:100%;background:#ffffff2e;transform-origin:left center;transform:scaleX(1);transition:transform 1s linear;pointer-events:none}.countdown-circle{position:relative;width:28px;height:28px;flex-shrink:0}.countdown-circle svg{transform:rotate(-90deg);width:28px;height:28px}.countdown-circle .track{fill:none;stroke:#ffffff4d;stroke-width:2.5}.countdown-circle .progress{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:69.1;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}.countdown-number{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;line-height:1}.auth-modal-divider{display:flex;align-items:center;gap:10px;margin:14px 0 0}.auth-modal-divider span{flex:1;height:1px;background:#e5e7eb}.auth-modal-divider p{font-size:11.5px;color:#9ca3af;margin:0;white-space:nowrap}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{display:flex;min-height:100vh;width:100vw;background-color:#f9fafb}.app-layout.has-topbar{padding-top:64px}.app-layout.no-topbar{padding-top:0}.app-layout.admin-only{background-color:#f0f4ff}.app-layout.admin-only:before{content:"";position:fixed;top:0;left:0;width:4px;height:100vh;background:linear-gradient(180deg,#3b82f6,#6366f1);z-index:9999}.admin-only .app-main-content:after{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);z-index:1000;pointer-events:none}.app-layout.normal-user{background-color:#f9fafb}.app-main-content{flex:1;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.admin-only .app-main-content{border-left:1px solid #dbeafe}.normal-user .app-main-content{border-left:none}.app-main-content.with-sidebar{margin-left:248px;width:calc(100% - 248px)}.app-main-content.with-sidebar-minimized{margin-left:64px;width:calc(100% - 64px)}.app-main-content.no-sidebar{margin-left:0;width:100%}.admin-only ::-webkit-scrollbar{width:6px;height:6px}.admin-only ::-webkit-scrollbar-track{background:#eff6ff}.admin-only ::-webkit-scrollbar-thumb{background:#93c5fd;border-radius:3px}.admin-only ::-webkit-scrollbar-thumb:hover{background:#3b82f6}.normal-user ::-webkit-scrollbar{width:6px;height:6px}.normal-user ::-webkit-scrollbar-track{background:#f0fdf4}.normal-user ::-webkit-scrollbar-thumb{background:#6ee7b7;border-radius:3px}.normal-user ::-webkit-scrollbar-thumb:hover{background:#10b981}.admin-only ::selection{background-color:#bfdbfe;color:#1e3a8a}.normal-user ::selection{background-color:#a7f3d0;color:#064e3b}@media (min-width: 1920px){.app-main-content.with-sidebar{margin-left:264px;width:calc(100% - 264px)}.app-main-content.with-sidebar-minimized{margin-left:68px;width:calc(100% - 68px)}}@media (min-width: 1600px) and (max-width: 1919px){.app-main-content.with-sidebar{margin-left:256px;width:calc(100% - 256px)}.app-main-content.with-sidebar-minimized{margin-left:66px;width:calc(100% - 66px)}}@media (min-width: 1200px) and (max-width: 1599px){.app-main-content.with-sidebar{margin-left:248px;width:calc(100% - 248px)}.app-main-content.with-sidebar-minimized{margin-left:64px;width:calc(100% - 64px)}}@media (min-width: 992px) and (max-width: 1199px){.app-main-content.with-sidebar{margin-left:236px;width:calc(100% - 236px)}.app-main-content.with-sidebar-minimized{margin-left:62px;width:calc(100% - 62px)}}@media (min-width: 768px) and (max-width: 991px){.app-main-content.with-sidebar{margin-left:220px;width:calc(100% - 220px)}.app-main-content.with-sidebar-minimized{margin-left:60px;width:calc(100% - 60px)}}@media (max-width: 767px){.app-layout.has-topbar{padding-top:120px}.app-main-content.with-sidebar,.app-main-content.with-sidebar-minimized{margin-left:0;width:100%}.app-layout.admin-only:before{display:none}}.auth-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#000000b3,#0006),url("/assets/kantor_icp(landscape2)-H3kZIvM7.webp");background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px 45px;width:100%;max-width:440px;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.5);animation:auth-slideUpFadeIn .6s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;text-align:center}@keyframes auth-slideUpFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.auth-logo{width:60px;height:auto;margin-bottom:16px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15));animation:auth-fadeIn .8s ease-out .2s backwards}.auth-title{color:#4f46e5;font-size:1.4rem;font-weight:700;margin:0 0 10px;animation:auth-fadeIn .8s ease-out .3s backwards}.auth-subtitle{color:#666;font-size:.9rem;font-weight:400;line-height:1.5;margin:0 0 28px;animation:auth-fadeIn .8s ease-out .4s backwards}.auth-subtitle strong{color:#1a1a1a}@keyframes auth-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-otp-group{display:flex;gap:10px;justify-content:center;margin-bottom:8px;animation:auth-fadeIn .8s ease-out .5s backwards}.auth-otp-input{width:48px;height:56px;text-align:center;font-size:22px;font-weight:600;color:#2d3748;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;outline:none;transition:all .3s ease}.auth-otp-input:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a;background:#fff}.auth-otp-input-error{border-color:#dc2626}.auth-error-text{color:#dc2626;font-size:13px;margin:8px 0 0}.auth-verify-button{width:100%;margin-top:24px;padding:14px 0;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-size:1.05rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #4f46e54d;animation:auth-fadeIn .8s ease-out .6s backwards}.auth-verify-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #4f46e566}.auth-verify-button:active{transform:translateY(0)}.auth-resend-row{margin-top:18px;animation:auth-fadeIn .8s ease-out .7s backwards}.auth-resend-cooldown{color:#999;font-size:.85rem;margin:0}.auth-resend-button{background:none;border:none;color:#4f46e5;font-size:.9rem;font-weight:600;cursor:pointer;padding:0;transition:color .3s ease}.auth-resend-button:hover{color:#6366f1;text-decoration:underline}.auth-back-button{margin-top:20px;background:none;border:none;color:#666;font-size:.85rem;font-weight:500;cursor:pointer;padding:0;transition:color .3s ease;animation:auth-fadeIn .8s ease-out .8s backwards}.auth-back-button:hover{color:#4f46e5;text-decoration:underline}.auth-footer-bottom{position:fixed;bottom:0;left:0;width:100%;background:#0000004d;padding:15px 40px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:.85rem;z-index:10}.auth-footer-left p,.auth-footer-center p,.auth-footer-right a{margin:0;color:#fff}.auth-footer-right a{text-decoration:none;transition:color .3s ease;font-weight:500}.auth-footer-right a:hover{color:#4f46e5;text-decoration:underline}@media (max-width: 768px){.auth-card{max-width:380px;padding:32px 24px}.auth-otp-input{width:42px;height:50px;font-size:20px}.auth-footer-bottom{flex-direction:column;gap:4px;padding:10px 20px;text-align:center;font-size:.75rem}}