@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";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,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:Inter,sans-serif}a{font-weight:500;color:#646cff;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:9999;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:#a5b4fc;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%}}.custom-header{background:linear-gradient(135deg,#4f46e5,#6366f1);border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;right:0;z-index:150;height:88px;box-sizing:border-box;transition:left .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1)}.custom-header-desktop{display:flex;left:260px;width:calc(100% - 260px)}.custom-header-desktop.sidebar-minimized{left:80px;width:calc(100% - 80px)}.custom-header-mobile{display:none;left:0;width:100%}.header-left{display:flex;align-items:center;gap:1rem}.dashboard-title{font-size:1.7rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.header-right{display:flex;align-items:center;gap:1rem}.search-container{position:relative;display:flex;align-items:center}.search-input{padding:.5rem 2.5rem .5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;width:200px;transition:all .2s}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{position:absolute;right:.75rem;color:#9ca3af;pointer-events:none}.year-filter-wrapper{display:flex;align-items:center}.year-filter-select{padding:.5rem 2rem .5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;color:#374151;cursor:pointer;transition:all .2s;-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='%239ca3af' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.year-filter-select:hover{border-color:#9ca3af}.year-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.new-invoice-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:white 1px solid;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.new-invoice-btn:hover{background:#2563eb}.new-invoice-btn:active{transform:scale(.98)}.account-wrapper{position:relative}.account-btn{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#fff3;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s}.account-btn:hover{border-color:#9ca3af}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#6366f1);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.95rem}.user-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.user-name{font-size:.9rem;font-weight:500;color:#fff;line-height:1.2;margin-bottom:2px}.user-role{font-size:.8rem;color:#fff;line-height:1.2}.chevron{color:#fff;transition:transform .2s}.chevron.open{transform:rotate(180deg)}.account-dropdown{position:fixed;top:88px;right:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;min-width:280px;z-index:1000}.dropdown-header{display:flex;gap:1rem;padding:1rem}.dropdown-footer{padding:.75rem 1rem;text-align:center;font-size:.75rem;color:#9ca3af}.user-avatar-large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#6366f1);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;flex-shrink:0}.user-name-large{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.user-email{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.user-role-info{font-size:.75rem;color:#9ca3af}.dropdown-divider{height:1px;background:#e5e7eb;margin:.5rem 0}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;cursor:pointer;transition:background .2s;font-size:.875rem;color:#374151}.dropdown-item:hover{background:#f9fafb}.dropdown-item.logout-btn{color:#ef4444}.dropdown-item.logout-btn:hover{background:#fef2f2}.dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}@media (min-width: 1920px){.custom-header-desktop{left:280px;width:calc(100% - 280px)}.custom-header-desktop.sidebar-minimized{left:85px;width:calc(100% - 85px)}}@media (min-width: 1600px) and (max-width: 1919px){.custom-header-desktop{left:270px;width:calc(100% - 270px)}.custom-header-desktop.sidebar-minimized{left:82px;width:calc(100% - 82px)}}@media (min-width: 1400px) and (max-width: 1599px){.custom-header-desktop{left:260px;width:calc(100% - 260px)}.custom-header-desktop.sidebar-minimized{left:80px;width:calc(100% - 80px)}}@media (min-width: 1200px) and (max-width: 1399px){.custom-header-desktop{left:250px;width:calc(100% - 250px)}.custom-header-desktop.sidebar-minimized{left:78px;width:calc(100% - 78px)}}@media (min-width: 992px) and (max-width: 1199px){.custom-header-desktop{left:240px;width:calc(100% - 240px)}.custom-header-desktop.sidebar-minimized{left:75px;width:calc(100% - 75px)}}@media (min-width: 768px) and (max-width: 991px){.custom-header-desktop{left:220px;width:calc(100% - 220px)}.custom-header-desktop.sidebar-minimized{left:70px;width:calc(100% - 70px)}}@media (max-width: 767px){.custom-header-desktop{display:none}.custom-header-mobile{display:flex;flex-direction:column;gap:1rem;padding:1rem;left:0;width:100%;height:auto}.header-left{width:100%;justify-content:space-between}.header-right{width:100%;flex-wrap:wrap}.search-input{flex:1;min-width:150px}.new-invoice-btn{font-size:.75rem;padding:.5rem .75rem}.year-filter-select{font-size:.75rem;padding:.5rem 1.5rem .5rem .5rem}}.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}}.dsh-root{width:100%;min-height:100vh;background:#f3f4f6;font-family:Segoe UI,system-ui,sans-serif}.dsh-content{width:100%;padding:24px 28px 48px;box-sizing:border-box}.dashboard-welcome-section{background:linear-gradient(120deg,#1e3a8a,#1d4ed8 55%,#3b82f6);border-radius:12px;padding:26px 28px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 4px 16px #1e3a8a38}.dashboard-welcome-section:before{content:"";position:absolute;top:-50px;right:-50px;width:180px;height:180px;background:#ffffff0f;border-radius:50%;pointer-events:none}.dashboard-welcome-title{font-size:24px;font-weight:600;color:#dbeafe;margin:0 0 8px;letter-spacing:-.3px}.dashboard-welcome-name{color:#fff;font-weight:800}.dashboard-welcome-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dashboard-welcome-role{font-size:12px;font-weight:700;background:#ffffff29;color:#dbeafe;padding:2px 12px;border-radius:99px;letter-spacing:.3px}.dashboard-welcome-separator{color:#fff6;font-size:13px}.dashboard-welcome-subrole{font-size:12px;color:#bfdbfe}.dsh-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 22px;margin-bottom:16px;box-shadow:0 1px 4px #0000000d}.dsh-panel--no-mb{margin-bottom:0}.dsh-panel-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:12px}.dsh-panel-header-left{display:flex;align-items:center;gap:10px}.dsh-panel-icon{color:#2563eb;flex-shrink:0}.dsh-panel-title{margin:0;font-size:15px;font-weight:700;color:#111827;letter-spacing:-.2px}.dsh-panel-sub{margin:2px 0 0;font-size:12px;color:#6b7280;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.dsh-pill{background:#eff6ff;color:#2563eb;border-radius:99px;padding:1px 8px;font-size:11px;font-weight:600}.dsh-loading-inline{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.dsh-refresh-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;color:#6b7280;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.dsh-refresh-btn:hover{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.dsh-cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.dsh-cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dsh-cards--loading{opacity:.6;pointer-events:none}.dsh-card{display:flex;align-items:flex-start;gap:12px;border-radius:10px;padding:14px 16px;border:1px solid transparent;position:relative;transition:box-shadow .15s,transform .15s}.dsh-card--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.dsh-card--clickable:hover{box-shadow:0 4px 12px #00000017;transform:translateY(-1px)}.dsh-card--blue{background:#eff6ff;border-color:#bfdbfe}.dsh-card--purple{background:#f5f3ff;border-color:#ddd6fe}.dsh-card--teal{background:#f0fdfa;border-color:#99f6e4}.dsh-card--red{background:#fff1f2;border-color:#fecdd3}.dsh-card--return-done{background:#f0fdf4;border-color:#bbf7d0}.dsh-card--return-pending{background:#fefce8;border-color:#fde68a}.dsh-card-icon{flex-shrink:0;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.dsh-card--blue .dsh-card-icon{background:#dbeafe;color:#2563eb}.dsh-card--purple .dsh-card-icon{background:#ede9fe;color:#7c3aed}.dsh-card--teal .dsh-card-icon{background:#ccfbf1;color:#0d9488}.dsh-card--red .dsh-card-icon{background:#ffe4e6;color:#e11d48}.dsh-card--return-done .dsh-card-icon{background:#dcfce7;color:#16a34a}.dsh-card--return-pending .dsh-card-icon{background:#fef9c3;color:#ca8a04}.dsh-card-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.dsh-card-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#6b7280;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dsh-card-value{font-size:26px;font-weight:800;color:#111827;letter-spacing:-.5px;line-height:1.1}.dsh-card-value--money{font-size:15px;font-weight:700}.dsh-card-sub{font-size:11px;color:#9ca3af;line-height:1.4}.dsh-badge-click{background:#0d9488;color:#fff;border-radius:99px;padding:1px 7px;font-size:10px;font-weight:600;text-transform:none;letter-spacing:0}.dsh-chevron{position:absolute;right:12px;bottom:12px;color:#9ca3af;transition:transform .2s}.dsh-chevron--open{transform:rotate(180deg)}.dsh-return-badge{position:absolute;top:13px;right:14px;font-size:10px;font-weight:700;padding:2px 9px;border-radius:99px;letter-spacing:.3px;text-transform:uppercase}.dsh-return-badge--done{background:#16a34a;color:#f0fdf4}.dsh-return-badge--pending{background:#ca8a04;color:#fefce8}.dsh-progress-row{margin-bottom:4px}.dsh-progress-track{display:flex;height:6px;border-radius:99px;overflow:hidden;background:#f3f4f6;margin-bottom:6px}.dsh-progress-fill{height:100%;transition:width .5s ease}.dsh-progress-fill--green{background:#4ade80}.dsh-progress-fill--red{background:#fb7185}.dsh-progress-legend{display:flex;align-items:center;gap:8px;font-size:11px;color:#6b7280}.dsh-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.dsh-legend-dot--green{background:#4ade80}.dsh-legend-dot--red{background:#fb7185}.dsh-breakdown{margin-top:14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px 18px;animation:dsh-slide-down .2s ease}@keyframes dsh-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dsh-breakdown-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#374151;margin-bottom:14px}.dsh-breakdown-icon{color:#0d9488}.dsh-breakdown-total{margin-left:auto;font-size:14px;font-weight:800;color:#111827}.dsh-bdr-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;margin-bottom:6px}.dsh-bdr-row--green{background:#f0fdf4}.dsh-bdr-row--amber{background:#fffbeb}.dsh-bdr-left{display:flex;align-items:center;gap:7px;font-size:13px;color:#374151}.dsh-bdr-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dsh-bdr-dot--green{background:#16a34a}.dsh-bdr-dot--amber{background:#d97706}.dsh-bdr-label{font-weight:600}.dsh-bdr-count{font-size:11px;color:#9ca3af;background:#f3f4f6;border-radius:99px;padding:1px 7px}.dsh-bdr-right{display:flex;align-items:center;gap:8px}.dsh-bdr-value{font-size:14px;font-weight:700}.dsh-bdr-value--green{color:#16a34a}.dsh-bdr-value--amber{color:#d97706}.dsh-bdr-badge{font-size:11px;font-weight:700;border-radius:99px;padding:1px 8px}.dsh-bdr-badge--green{background:#dcfce7;color:#16a34a}.dsh-bdr-badge--amber{background:#fef3c7;color:#d97706}.dsh-bar-track{height:4px;background:#e5e7eb;border-radius:99px;overflow:hidden;margin-bottom:10px}.dsh-bar-fill{height:100%;border-radius:99px;transition:width .4s ease}.dsh-bar-fill--green{background:#16a34a}.dsh-bar-fill--amber{background:#d97706}.dsh-breakdown-divider{height:1px;background:#e5e7eb;margin:4px 0 10px}.dsh-charts-row{display:grid;grid-template-columns:3fr 2fr;gap:16px}.dsh-year-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;padding:5px 12px;font-size:13px;font-weight:600;color:#1d4ed8;cursor:pointer;outline:none;transition:border-color .15s,background .15s;min-width:74px}.dsh-year-select:hover,.dsh-year-select:focus{background:#dbeafe;border-color:#93c5fd}.dsh-chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:180px;gap:10px;color:#9ca3af;font-size:13px}@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:flex-start;gap:16px;flex-wrap:wrap}.dsh-pie-svg-wrap{flex-shrink:0}.dsh-pie-empty{display:flex;align-items:center;justify-content:center;height:120px;font-size:13px;color:#9ca3af;width:100%}.dsh-pie-legend{flex:1;min-width:130px;display:flex;flex-direction:column;gap:6px;max-height:190px;overflow-y:auto}.dsh-pie-legend-item{display:flex;align-items:center;gap:7px;font-size:12px}.dsh-pie-legend-color{width:10px;height:10px;border-radius:3px;flex-shrink:0}.dsh-pie-legend-name{flex:1;min-width:0;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsh-pie-legend-val{font-weight:700;color:#111827;font-size:12px;flex-shrink:0}.dsh-pie-legend-more{font-size:11px;color:#9ca3af;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:14px 14px 36px}.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%}.dashboard-welcome-title{font-size:20px}}.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:700px;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:1.8rem;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 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}}@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}.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}.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}.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: #f4f5f7;--g-surface: #ffffff;--g-surface-2: #f9fafb;--g-border: #e2e5ea;--g-border-strong: #c8cdd6;--g-text-primary: #111827;--g-text-secondary: #4b5563;--g-text-muted: #9ca3af;--g-text-code: #374151;--g-accent: #1d4ed8;--g-accent-light: #eff6ff;--g-accent-hover: #1e40af;--g-success: #059669;--g-success-bg: #ecfdf5;--g-success-border: #a7f3d0;--g-warning: #d97706;--g-warning-bg: #fffbeb;--g-warning-border: #fde68a;--g-danger: #dc2626;--g-danger-bg: #fef2f2;--g-danger-border: #fca5a5;--g-radius: 8px;--g-radius-sm: 4px;--g-radius-lg: 12px;--g-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--g-shadow-md: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--g-shadow-lg: 0 20px 40px rgba(0, 0, 0, .14), 0 8px 16px rgba(0, 0, 0, .08);--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 #1d4ed81f}.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{font-size:10px;color:var(--g-text-muted);padding:2px 4px;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{font-size:10px;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 #1d4ed81f;background:var(--g-surface)}.gudang-btn-reset{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:#fafbff}.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{font-size:12px;font-family:var(--g-font-ui);font-weight:600;color:var(--g-accent);background:var(--g-accent-light);border:1px solid #bfdbfe;border-radius:3px;padding:2px 8px;cursor:pointer;transition:background .1s,color .1s}.gudang-po-multi:hover{background:#dbeafe;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:#ea580c}.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:30px;height:30px;border-radius:var(--g-radius-sm);border:1px solid var(--g-border);background:var(--g-surface-2);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s}.gudang-btn-detail:hover{background:var(--g-accent-light);border-color:#bfdbfe}.gudang-btn-toggle-main{font-size:14px}.gudang-btn-toggle-main:hover{background:var(--g-warning-bg);border-color:var(--g-warning-border)}.gudang-btn-toggle-main:disabled{opacity:.4;cursor:not-allowed}.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{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:#d1fae5}.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:#fef3c7}.modal-gudang-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-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;font-size:16px;color:var(--g-text-muted);cursor:pointer;padding:4px 8px;border-radius:var(--g-radius-sm);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 #bfdbfe;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:#fafbff}.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-bg);border:2px solid var(--g-border);display:flex;align-items:center;justify-content:center;font-size:22px;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{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{font-size:18px;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);font-size:24px;font-weight:700;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 #e2e8f0;border-radius:6px;font-size:13px;color:#374151;background:#fff;cursor:pointer;outline:none;transition:border-color .2s}.gudang-select-perpage:hover,.gudang-select-perpage:focus{border-color:#6366f1}.gudang-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 16px;border-top:1px solid #f1f5f9;background:#fafbfc;border-radius:0 0 10px 10px}.gudang-pagination-info{font-size:13px;color:#64748b}.gudang-pagination-controls{display:flex;align-items:center;gap:4px}.gudang-page-btn{min-width:34px;height:34px;padding:0 8px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#374151;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:#f1f5f9;border-color:#6366f1;color:#6366f1}.gudang-page-btn.active{background:#6366f1;border-color:#6366f1;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:#94a3b8;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-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}}.po-ext-rental-container{max-width:inherit;margin:0 auto;padding:20px;font-family:Inter,sans-serif;z-index:1}.po-ext-dashboard-header{margin-bottom:30px;text-align:center}.po-ext-dashboard-header h1{font-size:32px;color:#1a1a1a;margin-bottom:8px;font-weight:700}.po-ext-subtitle{font-size:16px;color:#6c757d;margin:0}:root{--modal-radius: 14px;--modal-shadow: 0 20px 60px rgba(0, 0, 0, .18);--modal-overlay-bg: rgba(15, 23, 42, .55);--modal-max-w: 860px;--modal-header-h: 68px;--c-blue: #3b82f6;--c-cyan: #0891b2;--c-green: #16a34a;--c-orange: #ea580c;--c-purple: #7c3aed;--c-pink: #db2777;--c-red: #dc2626;--c-teal: #0d9488;--c-indigo: #4338ca;--c-amber: #d97706;--c-success: #15803d;--c-warning: #c2410c}.po-ext-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:40px}.po-ext-stat-card{background:#fff;border-radius:12px;padding:20px 22px;box-shadow:0 2px 8px #00000012;display:flex;align-items:flex-start;gap:18px;transition:transform .18s ease,box-shadow .18s ease;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.po-ext-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001c}.po-ext-stat-card--clickable{cursor:pointer}.po-ext-stat-card--clickable:hover{box-shadow:0 8px 24px #00000024}.po-ext-stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.po-ext-stat-content{flex:1;min-width:0}.po-ext-stat-content h3{font-size:11px;color:#6b7280;margin:0 0 7px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.po-ext-stat-value{font-size:26px;font-weight:800;color:#111827;margin:0 0 5px;line-height:1}.po-ext-stat-value--alert{color:#e65100}.po-ext-stat-value-money{font-size:16px;font-weight:700;color:#111827;margin:0 0 5px;line-height:1.3}.po-ext-stat-label{font-size:11.5px;color:#6b7280;display:inline-block}.po-ext-badge-click{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 7px;border-radius:20px;background:#0000000f;color:#374151;border:1px solid rgba(0,0,0,.08);cursor:pointer}.po-ext-badge-click:before{content:"↗";font-size:9px}.po-ext-blue .po-ext-stat-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.po-ext-cyan .po-ext-stat-icon{background:linear-gradient(135deg,#0891b2,#06b6d4)}.po-ext-green .po-ext-stat-icon{background:linear-gradient(135deg,#16a34a,#4ade80)}.po-ext-orange .po-ext-stat-icon{background:linear-gradient(135deg,#ea580c,#fb923c)}.po-ext-purple .po-ext-stat-icon{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.po-ext-pink .po-ext-stat-icon{background:linear-gradient(135deg,#db2777,#f472b6)}.po-ext-red .po-ext-stat-icon{background:linear-gradient(135deg,#dc2626,#f87171)}.po-ext-teal .po-ext-stat-icon{background:linear-gradient(135deg,#0d9488,#2dd4bf)}.po-ext-indigo .po-ext-stat-icon{background:linear-gradient(135deg,#4338ca,#818cf8)}.po-ext-amber .po-ext-stat-icon{background:linear-gradient(135deg,#d97706,#fbbf24)}.po-ext-success .po-ext-stat-icon{background:linear-gradient(135deg,#15803d,#4ade80)}.po-ext-warning .po-ext-stat-icon{background:linear-gradient(135deg,#c2410c,#fb923c)}.po-ext-blue{border-left:3px solid #6366f1}.po-ext-cyan{border-left:3px solid #06b6d4}.po-ext-green{border-left:3px solid #16a34a}.po-ext-orange{border-left:3px solid #ea580c}.po-ext-purple{border-left:3px solid #7c3aed}.po-ext-pink{border-left:3px solid #db2777}.po-ext-red{border-left:3px solid #dc2626}.po-ext-teal{border-left:3px solid #0d9488}.po-ext-indigo{border-left:3px solid #4338ca}.po-ext-amber{border-left:3px solid #d97706}.po-ext-success{border-left:3px solid #15803d}.po-ext-warning{border-left:3px solid #c2410c}.po-ext-progress-wrap{display:flex;align-items:center;gap:8px;margin:8px 0}.po-ext-progress-bar{flex:1;height:8px;border-radius:99px;background:#e5e7eb;overflow:hidden}.po-ext-progress-fill{height:100%;border-radius:99px;transition:width .5s ease}.po-ext-progress-fill--green{background:linear-gradient(90deg,#16a34a,#4ade80)}.po-ext-progress-pct{font-size:12px;font-weight:700;min-width:34px;text-align:right}.po-ext-progress-pct--green{color:#16a34a}.po-ext-completeness-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.po-ext-completeness-badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px}.po-ext-completeness-badge--green{background:#dcfce7;color:#15803d}.po-ext-completeness-badge--red{background:#fee2e2;color:#dc2626}.po-ext-alert-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.po-ext-alert-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px}.po-ext-alert-badge--kritis{background:#fee2e2;color:#b91c1c}.po-ext-alert-badge--waspada{background:#ffedd5;color:#c2410c}.po-ext-alert-badge--perhatian{background:#fef9c3;color:#92400e}.po-ext-alert-badge--aman{background:#dcfce7;color:#15803d}.po-ext-dashboard-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay-bg);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:1050;display:flex;align-items:center;justify-content:center;padding:16px;animation:po-ext-modal-fadein .18s ease}@keyframes po-ext-modal-fadein{0%{opacity:0}to{opacity:1}}.po-ext-dashboard-modal-container{background:#fff;border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);width:100%;max-width:var(--modal-max-w);max-height:88vh;display:flex;flex-direction:column;animation:po-ext-modal-slidein .22s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes po-ext-modal-slidein{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.po-ext-dashboard-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:var(--modal-header-h);flex-shrink:0;border-radius:var(--modal-radius) var(--modal-radius) 0 0}.po-ext-dashboard-modal-header--indigo{background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff}.po-ext-dashboard-modal-header--amber{background:linear-gradient(135deg,#b45309,#f59e0b);color:#fff}.po-ext-dashboard-modal-header-left{display:flex;align-items:center;gap:14px}.po-ext-dashboard-modal-icon{width:40px;height:40px;border-radius:10px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.po-ext-dashboard-modal-title{font-size:16px;font-weight:700;margin:0;color:#fff;line-height:1.2}.po-ext-dashboard-modal-subtitle{font-size:12px;margin:2px 0 0;color:#fffc}.po-ext-dashboard-modal-close{width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:#ffffff26;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.po-ext-dashboard-modal-close:hover{background:#ffffff4d}.po-ext-dashboard-modal-summary{display:flex;align-items:center;justify-content:center;gap:0;background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-shrink:0;flex-wrap:wrap}.po-ext-dashboard-modal-summary-item{display:flex;flex-direction:column;align-items:center;padding:14px 24px;gap:3px}.po-ext-dashboard-modal-summary-val{font-size:26px;font-weight:800;line-height:1}.po-ext-dashboard-modal-summary-val--blue{color:#3b82f6}.po-ext-dashboard-modal-summary-val--green{color:#16a34a}.po-ext-dashboard-modal-summary-val--red{color:#dc2626}.po-ext-dashboard-modal-summary-val--orange{color:#ea580c}.po-ext-dashboard-modal-summary-val--yellow{color:#d97706}.po-ext-dashboard-modal-summary-lbl{font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.po-ext-dashboard-modal-summary-divider{width:1px;height:36px;background:#e5e7eb;flex-shrink:0}.po-ext-dashboard-modal-note{display:flex;align-items:center;gap:10px;margin:16px 24px 0;padding:10px 16px;border-radius:8px;font-size:13px;line-height:1.2;flex-shrink:0}.po-ext-dashboard-modal-note--info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.po-ext-dashboard-modal-note-icon{font-size:16px;flex-shrink:0;margin-top:1px}.po-ext-dashboard-modal-note strong{font-weight:900;color:inherit}.po-ext-dashboard-modal-body{flex:1;overflow-y:auto;padding:16px 24px 8px}.po-ext-dashboard-modal-table-caption{font-size:13px;color:#374151;margin:0 0 12px}.po-ext-dashboard-modal-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid #e5e7eb}.po-ext-dashboard-modal-table{width:100%;border-collapse:collapse;font-size:13px}.po-ext-dashboard-modal-table thead tr{background:#f1f5f9}.po-ext-dashboard-modal-table th{padding:11px 14px;text-align:left;font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.po-ext-dashboard-modal-table td{padding:10px 14px;color:#1f2937;border-bottom:1px solid #f3f4f6;vertical-align:middle}.po-ext-dashboard-modal-table tbody tr:last-child td{border-bottom:none}.po-ext-dashboard-modal-table tbody tr:hover td{background:#f8fafc}.po-ext-dashboard-modal-td-center{text-align:center!important}.po-ext-dashboard-modal-sn{font-weight:700;color:#3b82f6;font-size:13px;font-family:Courier New,monospace;background:#eff6ff;padding:2px 8px;border-radius:5px}.po-ext-dashboard-modal-po-count{font-weight:700;color:#374151}.po-ext-dashboard-modal-sisa-badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 10px;border-radius:20px;background:#fee2e2;color:#b91c1c}.po-ext-dashboard-modal-status{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}.po-ext-dashboard-modal-status--danger{background:#fee2e2;color:#b91c1c}.po-ext-dashboard-modal-status--warning{background:#ffedd5;color:#c2410c}.po-ext-dashboard-modal-status--info{background:#dbeafe;color:#1d4ed8}.po-ext-dashboard-modal-status--success{background:#dcfce7;color:#15803d}.po-ext-dashboard-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280;font-size:14px;text-align:center}.po-ext-dashboard-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e5e7eb;background:#f8fafc;flex-shrink:0;border-radius:0 0 var(--modal-radius) var(--modal-radius)}.po-ext-dashboard-modal-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:background .15s,transform .1s}.po-ext-dashboard-modal-btn:active{transform:scale(.97)}.po-ext-dashboard-modal-btn--primary{background:#3b82f6;color:#fff}.po-ext-dashboard-modal-btn--primary:hover{background:#2563eb}.po-ext-dashboard-modal-btn--secondary{background:#e5e7eb;color:#374151}.po-ext-dashboard-modal-btn--secondary:hover{background:#d1d5db}.po-ext-breakdown-row{display:flex;align-items:center;justify-content:space-between;padding:10px 4px}.po-ext-breakdown-label{font-size:.95rem;font-weight:500;color:var(--text-primary, #1f2937)}.po-ext-breakdown-value{font-size:1.05rem;font-weight:700}.po-ext-breakdown-value--teal{color:#0d9488}.po-ext-breakdown-value--green{color:#16a34a}.po-ext-breakdown-value--warning{color:#d97706}.po-ext-breakdown-pct{font-size:.82rem;font-weight:400;color:var(--text-secondary, #6b7280)}.po-ext-dashboard-modal-container--wide{max-width:960px}.po-ext-omset-mini-compare{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed #e5e7eb;flex-wrap:wrap}.po-ext-omset-mini-item{flex:1;min-width:0}.po-ext-omset-mini-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}.po-ext-omset-mini-val{display:block;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-ext-omset-mini-item--ada .po-ext-omset-mini-label,.po-ext-omset-mini-item--ada .po-ext-omset-mini-val{color:#15803d}.po-ext-omset-mini-item--belum .po-ext-omset-mini-label,.po-ext-omset-mini-item--belum .po-ext-omset-mini-val{color:#dc2626}.po-ext-omset-mini-divider{font-size:10px;font-weight:700;color:#9ca3af;flex-shrink:0;padding:0 2px}.po-ext-progress-fill--red{background:linear-gradient(90deg,#dc2626,#f87171)}.po-ext-dashboard-modal-omset-section{padding:18px 24px 16px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.po-ext-dashboard-modal-omset-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin:0 0 14px}.po-ext-dashboard-modal-omset-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}@media (max-width: 640px){.po-ext-dashboard-modal-omset-compare{grid-template-columns:1fr}.po-ext-dashboard-modal-omset-vs{justify-content:center}}.po-ext-dashboard-modal-omset-side{border-radius:12px;padding:18px 20px}.po-ext-dashboard-modal-omset-side--ada{background:#f0fdf4;border:1.5px solid #bbf7d0}.po-ext-dashboard-modal-omset-side--belum{background:#fef2f2;border:1.5px solid #fecaca}.po-ext-dashboard-modal-omset-side-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.po-ext-dashboard-modal-omset-side-icon{font-size:18px;line-height:1;flex-shrink:0;margin-top:1px}.po-ext-dashboard-modal-omset-side-label{font-size:13px;font-weight:700;color:#111827;line-height:1.3}.po-ext-dashboard-modal-omset-side-count{font-size:11px;color:#6b7280;margin-top:2px}.po-ext-dashboard-modal-omset-side-val{font-size:22px;font-weight:800;color:#15803d;line-height:1.2;margin-bottom:2px}.po-ext-dashboard-modal-omset-side-val--belum{color:#dc2626}.po-ext-dashboard-modal-omset-side-pct{font-size:11px;color:#15803d;margin-top:4px;font-weight:600}.po-ext-dashboard-modal-omset-side-pct--belum{color:#dc2626}.po-ext-dashboard-modal-omset-note{font-size:10px;color:#9ca3af;margin-top:8px;font-style:italic}.po-ext-dashboard-modal-omset-vs{display:flex;align-items:center;justify-content:center;flex-shrink:0}.po-ext-dashboard-modal-omset-vs span{font-size:12px;font-weight:800;color:#9ca3af;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;letter-spacing:.5px}@media (max-width: 640px){.po-ext-stats-grid{grid-template-columns:1fr;gap:14px}.po-ext-dashboard-modal-container{max-height:95vh}.po-ext-dashboard-modal-summary-item{padding:12px 14px}.po-ext-dashboard-modal-summary-val{font-size:20px}.po-ext-dashboard-modal-header{padding:0 16px}.po-ext-dashboard-modal-body{padding:12px 14px 8px}.po-ext-dashboard-modal-footer{padding:12px 16px}}.po-ext-tab-navigation{display:flex;gap:12px;align-items:center;margin-bottom:20px}.po-ext-tab-btn{padding:12px 24px;border:2px solid #e0e0e0;background:#fff;color:#495057;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.po-ext-tab-btn:hover{border-color:#06c;background:#f8f9fa;color:#06c}.po-ext-tab-btn.active{background:linear-gradient(135deg,#06c,#004999);color:#fff;border-color:#06c;box-shadow:0 4px 12px #0066cc4d}.po-ext-filter-search-container{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:#f8f9fa;padding:10px 20px;border-radius:8px;border:1px solid #e9ecef;margin-bottom:20px}.po-ext-filter-group{display:flex;align-items:center;gap:10px;position:relative}.po-ext-filter-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#495057;white-space:nowrap}.po-ext-filter-label svg{color:#06c}.po-ext-filter-select{min-width:200px;padding:10px 36px 10px 14px;border:2px solid #dee2e6;border-radius:6px;background:#fff;color:#495057;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;-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='%23495057' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.po-ext-filter-select:hover{border-color:#06c;background-color:#f8f9fa}.po-ext-filter-select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.po-ext-clear-filter-btn{position:absolute;right:8px;width:24px;height:24px;border-radius:50%;border:none;background:#dc3545;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;padding:0}.po-ext-clear-filter-btn:hover{background:#c82333;transform:scale(1.1)}.po-ext-search-group{flex:1;position:relative;min-width:300px}.po-ext-search-input{width:100%;padding:10px 40px 10px 14px;border:2px solid #dee2e6;border-radius:6px;font-size:14px;transition:all .2s}.po-ext-search-input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.po-ext-clear-search-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;border:none;background:#6c757d;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;padding:0}.po-ext-clear-search-btn:hover{background:#5a6268;transform:translateY(-50%) scale(1.1)}.po-ext-active-filters{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;font-size:13px;flex-wrap:wrap}.po-ext-active-filters svg{color:#06c;flex-shrink:0}.po-ext-active-filters>span:first-of-type{font-weight:600;color:#06c}.po-ext-filter-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #0066cc;border-radius:20px;color:#06c;font-weight:600;font-size:12px}.po-ext-filter-tag svg{width:14px;height:14px}.po-ext-filter-tag button{background:none;border:none;color:#06c;font-size:16px;font-weight:700;cursor:pointer;padding:0;margin-left:4px;line-height:1;transition:color .2s}.po-ext-filter-tag button:hover{color:#dc3545}.po-ext-clear-all-filters{margin-left:auto;padding:6px 14px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.po-ext-clear-all-filters:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.po-ext-list-section{margin-top:40px}.po-ext-list-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.po-ext-list-header h2{font-size:24px;color:#1a1a1a;margin:0;font-weight:700}.po-ext-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:auto}.po-ext-list-table{width:100%;border-collapse:collapse;font-size:14px}.po-ext-list-table thead{background:linear-gradient(135deg,#06c,#004999);color:#fff}.po-ext-list-table th{padding:16px 14px;text-align:left;font-weight:600;white-space:nowrap}.po-ext-list-table td{padding:16px 14px;border-bottom:1px solid #e9ecef;vertical-align:middle}.po-ext-list-table tbody tr{transition:background .2s}.po-ext-list-table tbody tr:hover{background:#f8f9fa}.po-ext-no-data{text-align:center;padding:40px!important;color:#6c757d;font-style:italic}.po-ext-po-number{font-weight:600;color:#06c}.po-ext-po-internal-number{font-weight:600;color:#6c757d;font-size:13px}.po-ext-text-center{text-align:center}.po-ext-text-right{text-align:right;font-weight:600}.po-ext-paid-amount{font-weight:600;color:#28a745}.po-ext-payment-progress{font-size:11px;color:#6c757d;font-weight:400;display:inline-block;margin-top:2px}.po-ext-po-badge-container{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.po-ext-po-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;border:1.5px solid transparent;white-space:nowrap;transition:opacity .15s ease}.po-ext-po-badge:hover{opacity:.75}.po-badge-current{background-color:#dcfce7;border-color:#86efac;color:#15803d}.po-badge-current .po-badge-check-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background-color:#15803d;color:#fff;font-size:9px;flex-shrink:0}.po-badge-first{background-color:#f3f4f6;border-color:#3e95f8;color:#6b7280}.po-badge-middle{background-color:#f3f4f6;border-color:#d1d5db;color:#6b7280}.po-badge-empty{color:#9ca3af;font-size:12px}.po-ext-pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fff;border-top:2px solid #e9ecef;flex-wrap:wrap;gap:16px}.po-ext-pagination-info{font-size:14px;color:#495057;font-weight:500}.po-ext-pagination-controls{display:flex;gap:6px;align-items:center}.po-ext-page-btn{min-width:38px;height:38px;padding:8px 12px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.po-ext-page-btn:hover:not(:disabled):not(.active){background:#f8f9fa;border-color:#06c;color:#06c}.po-ext-page-btn.active{background:linear-gradient(135deg,#06c,#004999);color:#fff;border-color:#06c;box-shadow:0 2px 8px #0066cc4d;cursor:default}.po-ext-page-btn:disabled{background:#f8f9fa;color:#adb5bd;border-color:#e9ecef;cursor:not-allowed;opacity:.6}.po-ext-page-ellipsis{padding:0 8px;color:#6c757d;font-size:16px;font-weight:700;display:inline-flex;align-items:center}.po-ext-items-per-page{display:flex;align-items:center;gap:8px;font-size:14px;color:#495057}.po-ext-items-per-page label{font-weight:500}.po-ext-items-select{padding:6px 10px;border:1px solid #dee2e6;border-radius:6px;background:#fff;color:#495057;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.po-ext-items-select:hover{border-color:#06c}.po-ext-items-select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.po-ext-btn-manage{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #10b98133;white-space:nowrap;margin-bottom:4px}.po-ext-btn-manage:hover{background:linear-gradient(135deg,#0056b3,#003d80);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.po-ext-btn-export-master-po{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:8px 14px;background:linear-gradient(135deg,#03cf36,#00aa2b);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #10b98133;white-space:nowrap;margin-bottom:4px}.po-ext-btn-export-master-po:hover{background:linear-gradient(135deg,#00aa2b,#007f24);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.po-ext-import-btn{display:inline-flex;align-items:center;gap:6px;background:#ff9800;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s}.po-ext-import-btn:hover{background:#f57c00}.po-ext-export-btn{background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s}.po-ext-export-btn:hover{background:#45a049}.po-ext-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.po-ext-btn-update-payment,.po-ext-btn-update-invoice{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s}.po-ext-btn-update-bast{background:#631aa7;color:#fff;border:1px solid #4c1d95;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease}.po-ext-btn-update-bast:hover{background:#4c1d95;border:1px solid #4c1d95}.po-ext-btn-update-payment{background:#007bff;color:#fff}.po-ext-btn-update-payment:hover:not(:disabled){background:#0056b3}.po-ext-btn-update-payment:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.po-ext-btn-update-invoice{background:#28a745;color:#fff}.po-ext-btn-update-invoice:hover{background:#218838}.po-ext-header-section{background:linear-gradient(135deg,#06c,#004999);color:#fff;padding:30px;border-radius:12px;margin-bottom:30px;position:relative}.po-ext-back-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;margin-bottom:20px;transition:background .3s}.po-ext-back-btn:hover{background:#ffffff4d}.po-ext-header-info h1{font-size:28px;margin-bottom:20px;font-weight:700}.po-ext-header-details{display:flex;gap:40px;flex-wrap:wrap}.po-ext-detail-item{display:flex;flex-direction:column;gap:5px}.po-ext-detail-item .po-ext-label{font-size:13px;opacity:.9;font-weight:500}.po-ext-detail-item .po-ext-value{font-size:18px;font-weight:600}.po-ext-extend-btn{position:absolute;top:30px;right:30px;background:#ff9800;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .3s}.po-ext-extend-btn:hover{background:#f57c00}.po-ext-details-section,.po-ext-payment-section{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px #00000014}.po-ext-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.po-ext-section-header h2{font-size:22px;color:#1a1a1a;margin:0}.po-ext-section-actions{display:flex;gap:10px}.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:14px}.po-ext-details-table th,.po-ext-payment-table th{background:#f8f9fa;color:#495057;font-weight:600;text-align:left;padding:14px 12px;border-bottom:2px solid #dee2e6;white-space:nowrap}.po-ext-details-table td,.po-ext-payment-table td{padding:14px 12px;border-bottom:1px solid #e9ecef;vertical-align:middle}.po-ext-details-table tbody tr:hover,.po-ext-payment-table tbody tr:hover{background:#f8f9fa}.po-ext-status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.po-ext-status-badge.po-ext-paid{background:#d4edda;color:#155724}.po-ext-status-badge.po-ext-unpaid{background:#fff3cd;color:#856404}.po-ext-payment-table tr.po-ext-paid{background:#f8fff9}.po-ext-payment-table tr.po-ext-unpaid{background:#fffef8}.po-ext-item-payment-group{background:#fff;border:2px solid #e9ecef;border-radius:12px;margin-bottom:20px;overflow:hidden;transition:all .3s}.po-ext-item-payment-group:hover{border-color:#06c;box-shadow:0 4px 12px #0066cc1a}.po-ext-item-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.po-ext-item-header:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6)}.po-ext-item-info{display:flex;align-items:center;gap:16px;flex:1}.po-ext-collapse-icon{font-size:14px;color:#6c757d;font-weight:700;min-width:20px;transition:transform .2s}.po-ext-item-details h3{margin:0 0 6px;font-size:16px;color:#06c;font-weight:700}.po-ext-item-spec{margin:0 0 8px;font-size:13px;color:#495057}.po-ext-item-meta{display:flex;gap:16px;flex-wrap:wrap}.po-ext-item-meta span{font-size:12px;color:#6c757d;display:inline-flex;align-items:center;gap:4px}.po-ext-payment-summary{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.po-ext-paid-count{font-size:16px;font-weight:700;color:#28a745;background:#28a7451a;padding:6px 12px;border-radius:20px}.po-ext-modal-overlay,.po-ext-modal-overlays{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;padding:20px}.po-ext-modal-overlay{z-index:9999}.po-ext-modal-overlays{z-index:10000}.po-ext-modal-overlay.po-ext-modal-payment-invoice{z-index:10001!important}.po-ext-modal{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.po-ext-modal-large,.po-ext-modal-sn{max-width:1200px}.po-ext-modal-header{padding:24px 30px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.po-ext-modal-header h3{margin:0;font-size:20px;color:#1a1a1a}.po-ext-close-btn{background:none;border:none;font-size:28px;color:#6c757d;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .3s}.po-ext-close-btn:hover{background:#f8f9fa;color:#1a1a1a}.po-ext-modal-body{padding:30px;max-height:calc(90vh - 120px);overflow-y:auto}.po-ext-modal-form{padding:30px}.po-ext-form-group{margin-bottom:20px}.po-ext-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#495057;font-size:14px}.po-ext-form-group input{width:100%;padding:10px 14px;border:2px solid #e0e0e0;border-radius:6px;font-size:15px;transition:border-color .3s;box-sizing:border-box}.po-ext-form-group input:focus{outline:none;border-color:#06c}.po-ext-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px}.po-ext-btn-cancel,.po-ext-btn-submit{padding:10px 24px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.po-ext-btn-cancel{background:#f8f9fa;color:#495057;border:1px solid #dee2e6}.po-ext-btn-cancel:hover{background:#e9ecef}.po-ext-btn-submit{background:#06c;color:#fff}.po-ext-btn-submit:hover{background:#0052a3}.po-ext-sn-info-header{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0284c7;border-radius:12px;padding:24px;margin-bottom:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.po-ext-sn-main-info,.po-ext-sn-secondary-info{display:flex;flex-direction:column;gap:12px}.po-ext-info-row{display:flex;flex-direction:column;gap:6px}.po-ext-info-row .po-ext-label{font-size:12px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.po-ext-info-row .po-ext-value{font-size:15px;color:#1a1a1a;font-weight:600}.po-ext-value-large{font-size:20px;color:#0369a1;font-weight:700}.po-ext-invoice-groups-container{display:flex;flex-direction:column;gap:24px}.po-ext-invoice-group-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s}.po-ext-invoice-group-card:hover{border-color:#06c;box-shadow:0 6px 20px #0066cc26}.po-ext-invoice-group-card.po-ext-current-invoice{border:2px solid #10b981;box-shadow:0 0 15px #10b9814d}.po-ext-current-invoice .po-ext-invoice-header{background:linear-gradient(135deg,#059669,#10b981)}.po-ext-invoice-header{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.po-ext-invoice-id{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.po-ext-invoice-label{font-size:12px;opacity:.9;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.po-ext-invoice-value{font-size:24px;font-weight:700}.po-ext-current-badge{display:inline-flex;align-items:center;gap:5px;background:#ffd580;color:#78350f;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #fbbf2480;animation:pulse 2s ease-in-out infinite}.po-ext-current-badge svg{color:#6663ea}.po-ext-order-badge{display:inline-flex;align-items:center;color:#0000006c;padding:6px 12px;border-radius:12px;font-size:11px;font-weight:600;border:1px solid rgba(255,255,255,.3)}.po-ext-extension-info{display:flex;align-items:center;gap:10px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:10px 15px}.po-ext-extension-text{font-size:13px;color:#fff;font-weight:500}.po-ext-extension-text strong{font-weight:700;text-decoration:underline}.po-ext-invoice-periode{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff1a;border-radius:6px}.po-ext-periode-label{font-size:12px;opacity:.9;font-weight:500}.po-ext-periode-value{font-size:13px;font-weight:600}.po-ext-invoice-po-list{display:flex;flex-direction:column;gap:8px}.po-ext-po-list-label{font-size:12px;opacity:.9;font-weight:500}.po-ext-po-badges-inline{display:flex;gap:8px;flex-wrap:wrap}.po-ext-po-badge-inline{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;transition:all .2s}.po-ext-po-badge-inline.current{background:#fbbf24;color:#78350f;box-shadow:0 2px 8px #fbbf2466;font-weight:700}.po-ext-po-badge-inline.previous{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.po-ext-current-indicator{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.po-ext-po-groups-list{padding:16px;display:flex;flex-direction:column;gap:12px}.po-ext-po-group-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .3s}.po-ext-po-group-item:hover{border-color:#06c}.po-ext-po-group-header{padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;-webkit-user-select:none;user-select:none}.po-ext-po-group-header:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.po-ext-po-group-title{display:flex;align-items:center;gap:12px}.po-ext-po-number-large{font-size:16px;font-weight:700;color:#06c}.po-ext-po-order-badge{padding:4px 10px;background:#06c;color:#fff;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.po-ext-payment-count{display:flex;flex-direction:column;align-items:center;gap:2px}.po-ext-invoice-count-badge,.po-ext-paid-badge{padding:4px 10px;color:#000;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.po-ext-po-group-summary{display:flex;align-items:center;gap:24px}.po-ext-periode-info{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.po-ext-po-group-content{padding:16px;background:#fff;border-top:2px solid #e5e7eb;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.po-ext-select-all{padding:12px;background:#f8f9fa;border-radius:8px;margin-bottom:12px}.po-ext-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:#495057}.po-ext-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.po-ext-items-list{max-height:300px;overflow-y:auto;border:1px solid #dee2e6;border-radius:8px;padding:12px}.po-ext-item-wrapper{margin-bottom:8px}.po-ext-item-checkbox{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s}.po-ext-invoice-id-small{font-size:12px;color:#fff;font-weight:500;text-transform:uppercase}.po-ext-item-checkbox:hover{background:#f8f9fa}.po-ext-item-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;flex-shrink:0}.po-ext-item-checkbox-content{flex:1;display:flex;flex-direction:column;gap:4px}.po-ext-item-checkbox-content strong{color:#06c;font-size:14px}.po-ext-item-checkbox-content span{color:#495057;font-size:13px}.po-ext-item-checkbox-content small{color:#6c757d;font-size:12px}.po-ext-replacement-section{padding:12px 12px 12px 42px;background:#fffbeb;border-top:1px solid #fef3c7}.po-ext-replacement-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;cursor:pointer}.po-ext-replacement-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.po-ext-replacement-label span{font-size:13px;font-weight:500;color:#92400e}.po-ext-replacement-input{width:100%;padding:8px 10px;border:1px solid #fcd34d;border-radius:4px;font-size:13px;box-sizing:border-box;background:#fff}.po-ext-replacement-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.po-ext-sub-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:10002}.po-ext-sub-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;padding:20px;box-shadow:0 10px 40px #0000004d}.po-ext-sub-modal-title{font-size:18px;font-weight:600;color:#495057;margin-bottom:12px}.po-ext-sub-modal-content{font-size:14px;color:#6c757d;margin-bottom:20px}.po-ext-sub-modal-actions{display:flex;gap:12px;justify-content:flex-end}.po-ext-sub-modal-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.po-ext-sub-modal-btn-primary{background:#3b82f6;color:#fff}.po-ext-sub-modal-btn-primary:hover{background:#2563eb}.po-ext-sub-modal-btn-secondary{background:#f8f9fa;color:#495057;border:1px solid #dee2e6}.po-ext-sub-modal-btn-secondary:hover{background:#e9ecef}.po-ext-sub-modal-btn:disabled{opacity:.5;cursor:not-allowed}.po-ext-loading,.po-ext-error{text-align:center;padding:60px 20px;font-size:18px;color:#6c757d}.po-ext-error{color:#dc3545}@media (max-width: 1024px){.po-ext-filter-search-container{flex-direction:column;align-items:stretch}.po-ext-filter-group{width:100%}.po-ext-filter-select{flex:1;min-width:auto}.po-ext-search-group{width:100%;min-width:auto}}@media (max-width: 768px){.po-ext-stats-grid{grid-template-columns:1fr}.po-ext-header-section{padding:20px}.po-ext-extend-btn{position:static;margin-top:20px;width:100%}.po-ext-header-details{flex-direction:column;gap:15px}.po-ext-details-section,.po-ext-payment-section{padding:20px}.po-ext-section-header{flex-direction:column;gap:15px;align-items:flex-start}.po-ext-section-actions{width:100%;flex-direction:column}.po-ext-export-btn,.po-ext-import-btn{width:100%}.po-ext-action-buttons{flex-direction:column;width:100%}.po-ext-btn-update-payment,.po-ext-btn-update-invoice{width:100%}.po-ext-modal{margin:20px;max-width:calc(100% - 40px)}.po-ext-modal-form,.po-ext-modal-body{padding:20px}.po-ext-list-header{flex-direction:column;align-items:stretch;gap:16px}.po-ext-tab-navigation{flex-direction:column;width:100%;margin-bottom:0}.po-ext-tab-btn{width:100%;justify-content:center}.po-ext-filter-search-container{padding:12px 16px}.po-ext-active-filters{padding:10px 12px}.po-ext-clear-all-filters{width:100%;margin-left:0;margin-top:8px}.po-ext-pagination-container{flex-direction:column;gap:16px;padding:16px}.po-ext-pagination-info{order:3;width:100%;text-align:center}.po-ext-pagination-controls{order:1;flex-wrap:wrap;justify-content:center}.po-ext-items-per-page{order:2;width:100%;justify-content:center}.po-ext-page-btn{min-width:32px;height:32px;padding:6px 10px;font-size:13px}.po-ext-sn-info-header{grid-template-columns:1fr;padding:16px}.po-ext-invoice-header{flex-direction:column;align-items:flex-start;padding:16px}.po-ext-invoice-po-list{align-items:flex-start}.po-ext-po-group-header{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 16px}.po-ext-po-group-summary{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.po-ext-periode-info{align-items:flex-start}.po-ext-modal-sn{max-width:95%;margin:10px}}@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:24px}.po-ext-stat-value-money{font-size:16px}}.po-ext-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.po-ext-modal.po-ext-modal-large{background:#fff;border-radius:12px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.po-ext-modal-header{padding:20px 24px;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:linear-gradient(135deg,#f9fafb,#fff)}.po-ext-modal-header h3{font-size:18px;font-weight:700;color:#111827;margin:0}.po-ext-close-btn{background:#f3f4f6;border:none;width:32px;height:32px;border-radius:6px;font-size:24px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.po-ext-close-btn:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.po-ext-modal-body{padding:20px 24px;overflow-y:auto;flex:1;max-height:calc(90vh - 160px)}.po-ext-modal-body::-webkit-scrollbar{width:8px}.po-ext-modal-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.po-ext-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.po-ext-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.po-ext-sn-info-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:16px;border-radius:8px;border:1px solid #bae6fd;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.po-ext-sn-info-section .po-ext-info-row{display:flex;flex-direction:column;gap:4px;padding:0;border:none}.po-ext-sn-info-section .po-ext-label{font-weight:600;color:#0369a1;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.po-ext-sn-info-section .po-ext-value{color:#0c4a6e;font-size:14px;font-weight:600}.po-ext-form-section h4{font-size:15px;font-weight:600;color:#111827;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.po-ext-form-group{margin-bottom:16px}.po-ext-form-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.po-ext-form-input{width:100%;padding:10px 12px;border:1.5px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;transition:all .2s ease;background:#fff}.po-ext-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.po-ext-form-input:disabled{background-color:#f3f4f6;cursor:not-allowed;color:#6b7280}.po-ext-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 12px;background:#f0fdf4;border:1.5px solid #86efac;border-radius:6px;transition:all .2s ease}.po-ext-checkbox-label:hover{background:#dcfce7;border-color:#4ade80}.po-ext-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#10b981}.po-ext-checkbox-label span{font-size:13px;color:#166534;font-weight:500}.po-ext-form-group small{display:block;margin-top:4px;font-size:11px;color:#6b7280}.po-ext-form-group small.total-harga{color:#059669;font-weight:600;background:#d1fae5;padding:6px 10px;border-radius:4px;margin-top:8px}.po-ext-modal-actions{padding:16px 24px;border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;flex-shrink:0;background:#f9fafb}.po-ext-btn-cancel,.po-ext-btn-submit{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.po-ext-btn-cancel{background:#f3f4f6;color:#374151}.po-ext-btn-cancel:hover{background:#e5e7eb}.po-ext-btn-submit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f633}.po-ext-btn-submit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.po-ext-btn-submit:active{transform:translateY(0)}.po-ext-btn-extend-sn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #10b98133;white-space:nowrap}.po-ext-btn-extend-sn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.po-ext-btn-extend-sn:active{transform:translateY(0)}@media (max-width: 768px){.po-ext-modal.po-ext-modal-large{max-width:95%;max-height:95vh}.po-ext-sn-info-section{grid-template-columns:1fr}.po-ext-modal-header{padding:16px}.po-ext-modal-header h3{font-size:16px}.po-ext-modal-body{padding:16px}.po-ext-modal-actions{padding:12px 16px;flex-direction:column}.po-ext-btn-cancel,.po-ext-btn-submit{width:100%}}.po-ext-extension-text strong{font-weight:700;text-decoration:underline;color:#fff}.po-ext-checkbox-label.po-ext-user-change-checkbox{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1.5px solid #93c5fd}.po-ext-checkbox-label.po-ext-user-change-checkbox:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa}.po-ext-checkbox-label.po-ext-user-change-checkbox input[type=checkbox]{accent-color:#3b82f6}.po-ext-checkbox-label.po-ext-user-change-checkbox span{color:#1e40af}.po-ext-user-transition-section{margin-top:16px;padding:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:8px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.po-ext-user-transition-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #f59e0b;font-weight:600;color:#92400e;font-size:14px}.po-ext-transition-icon{font-size:18px}.po-ext-user-transition-content{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}.po-ext-user-label{display:block;font-size:12px;font-weight:600;color:#78350f;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.po-ext-user-name.old{padding:10px 14px;background:#fff;border:2px solid #dc2626;border-radius:6px;font-size:14px;font-weight:600;color:#991b1b;text-decoration:line-through;text-decoration-thickness:2px;position:relative}.po-ext-user-name.old:after{content:"❌";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:16px}.po-ext-transition-arrow{display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#f59e0b}.po-ext-transition-arrow span{animation:arrowPulse 1.5s ease-in-out infinite}@keyframes arrowPulse{0%,to{transform:translate(0);opacity:1}50%{transform:translate(5px);opacity:.7}}.po-ext-user-new .po-ext-form-input{border:2px solid #10b981;background:#fff}.po-ext-user-new .po-ext-form-input:focus{border-color:#059669;box-shadow:0 0 0 3px #10b9811a}@media (max-width: 768px){.po-ext-user-transition-content{grid-template-columns:1fr;gap:12px}.po-ext-transition-arrow{transform:rotate(90deg);margin:8px 0}.po-ext-user-name.old:after{right:10px}}.po-ext-success-overlay{background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.po-ext-success-modal{max-width:550px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:successModalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes successModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.po-ext-success-header{background:linear-gradient(135deg,#ecfdf5,#d1fae5);padding:32px 24px;text-align:center;border-bottom:3px solid #10b981}.po-ext-success-icon{display:flex;justify-content:center;margin-bottom:16px;animation:successIconPop .6s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes successIconPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.po-ext-success-title{font-size:22px;font-weight:700;color:#065f46;margin:0 0 8px}.po-ext-success-subtitle{font-size:14px;color:#059669;margin:0}.po-ext-success-body{padding:24px;max-height:400px;overflow-y:auto}.po-ext-success-body::-webkit-scrollbar{width:6px}.po-ext-success-body::-webkit-scrollbar-track{background:#f3f4f6}.po-ext-success-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.po-ext-success-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.po-ext-success-item:last-child{border-bottom:none}.po-ext-success-label{font-size:13px;font-weight:600;color:#6b7280;flex-shrink:0;margin-right:16px}.po-ext-success-value{font-size:14px;font-weight:600;color:#111827;text-align:right}.po-ext-success-user-info{display:flex;align-items:center;gap:8px}.po-ext-old-user{font-size:13px;color:#dc2626;text-decoration:line-through;font-weight:500}.po-ext-arrow{color:#059669;font-weight:700;font-size:16px}.po-ext-new-user{font-size:14px;color:#059669;font-weight:700;background:#d1fae5;padding:4px 10px;border-radius:6px}.po-ext-highlight-blue{color:#2563eb;background:#dbeafe;padding:4px 12px;border-radius:6px;font-family:monospace}.po-ext-success-badge{font-size:13px;font-weight:600;padding:6px 12px;border-radius:6px;display:inline-block}.po-ext-success-badge.extension{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #60a5fa}.po-ext-success-badge.replacement{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24}.po-ext-success-item.po-ext-success-price{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:16px;border-radius:8px;margin:8px 0;border:2px solid #bae6fd}.po-ext-success-price-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.po-ext-total-price{font-size:20px;font-weight:700;color:#0369a1}.po-ext-monthly-price{font-size:12px;color:#0c4a6e;font-weight:500}.po-ext-success-item.po-ext-success-invoice{background:#f9fafb;padding:12px;border-radius:6px;margin-top:8px}.po-ext-invoice-id{font-family:Courier New,monospace;background:#fff;padding:6px 12px;border-radius:4px;border:1px solid #e5e7eb;font-size:13px;color:#374151}.po-ext-success-footer{padding:20px 24px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:center}.po-ext-success-btn{padding:12px 40px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #10b98133}.po-ext-success-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 12px #10b9814d;transform:translateY(-2px)}.po-ext-success-btn:active{transform:translateY(0)}@media (max-width: 768px){.po-ext-success-modal{max-width:95%;margin:20px}.po-ext-success-item{flex-direction:column;align-items:flex-start;gap:8px}.po-ext-success-value{text-align:left}.po-ext-success-price-info{align-items:flex-start}}.po-ext-akumulasi-col-omset{font-weight:700;color:#166534;white-space:nowrap}.po-ext-akumulasi-grand-total{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff!important;border-top:2px solid #2563eb}.po-ext-akumulasi-grand-total td{padding:10px 12px}.po-ext-akumulasi-grand-total-label{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-weight:700;font-size:12px;white-space:nowrap}.po-ext-akumulasi-grand-total-label svg{flex-shrink:0}.po-ext-akumulasi-pill-total{background:#ffffff2e;color:#fff;display:inline-block;padding:2px 10px;border-radius:10px;font-weight:700;font-size:11px}.po-ext-akumulasi-grand-omset{color:#86efac;font-weight:700;font-size:13px;white-space:nowrap}.po-ext-akumulasi-outstanding{background:#da1111!important;color:#fff!important}.po-ext-akumulasi-outstanding td{padding:10px 12px}.po-ext-akumulasi-outstanding-label{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-weight:700;font-size:12px;white-space:nowrap}.po-ext-akumulasi-outstanding-label svg{flex-shrink:0}.po-ext-akumulasi-outstanding-value{color:#fff;font-weight:700;font-size:13px;white-space:nowrap}.po-ext-success-modal-in-sn{background:#fff;border-radius:12px;padding:32px 28px;width:300px;text-align:center;box-shadow:0 8px 24px #00000026;animation:po-ext-fadeIn .2s ease}.po-ext-success-icon-in-sn{width:56px;height:56px;background:#22c55e;color:#fff;border-radius:50%;font-size:28px;line-height:56px;margin:0 auto 16px}.po-ext-success-message-in-sn{font-size:15px;color:#374151;margin-bottom:24px;font-weight:500}@keyframes po-ext-fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.po-ext-invoice-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;width:100%;max-width:480px;margin:auto;overflow:hidden;display:flex;flex-direction:column}.po-ext-invoice-modal__header{display:flex;align-items:flex-start;gap:12px;padding:20px 24px 18px;border-bottom:1px solid #f1f5f9;position:relative}.po-ext-invoice-modal__header-icon{width:36px;height:36px;border-radius:10px;background:#f0fdf4;color:#16a34a;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.po-ext-invoice-modal__title{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 2px}.po-ext-invoice-modal__subtitle{font-size:.78rem;color:#94a3b8;margin:0}.po-ext-invoice-modal__close{position:absolute;top:16px;right:16px;background:#f1f5f9;border:none;border-radius:8px;width:28px;height:28px;font-size:.75rem;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.po-ext-invoice-modal__close:hover{background:#e2e8f0;color:#0f172a}.po-ext-invoice-modal__body{padding:24px;display:flex;flex-direction:column;gap:20px}.po-ext-invoice-modal__total-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.po-ext-invoice-modal__total-label{font-size:.85rem;font-weight:500;color:#64748b}.po-ext-invoice-modal__total-value{font-size:1.2rem;font-weight:800;color:#0d9488;letter-spacing:-.3px}.po-ext-invoice-modal__rows{display:flex;flex-direction:column;gap:0}.po-ext-invoice-modal__row{display:flex;align-items:center;justify-content:space-between;padding:14px 4px 8px}.po-ext-invoice-modal__row-left{display:flex;align-items:center;gap:10px}.po-ext-invoice-modal__row-dot{width:10px;height:10px;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:.9rem;font-weight:500;color:#374151}.po-ext-invoice-modal__row-right{display:flex;align-items:center;gap:10px}.po-ext-invoice-modal__row-value{font-size:1rem;font-weight:700;letter-spacing:-.2px}.po-ext-invoice-modal__row-value--green{color:#16a34a}.po-ext-invoice-modal__row-value--amber{color:#d97706}.po-ext-invoice-modal__row-badge{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:20px;min-width:42px;text-align:center}.po-ext-invoice-modal__row-badge--green{background:#dcfce7;color:#15803d}.po-ext-invoice-modal__row-badge--amber{background:#fef3c7;color:#92400e}.po-ext-invoice-modal__bar-track{height:6px;background:#f1f5f9;border-radius:99px;overflow:hidden;margin-bottom:4px}.po-ext-invoice-modal__bar-fill{height:100%;border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}.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:#f1f5f9;margin:8px 0}.po-ext-invoice-modal__footer{padding:16px 24px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end}.po-ext-invoice-modal__btn-close{background:#f1f5f9;border:none;border-radius:8px;padding:8px 20px;font-size:.875rem;font-weight:500;color:#475569;cursor:pointer;transition:background .15s,color .15s}.po-ext-invoice-modal__btn-close:hover{background:#e2e8f0;color:#0f172a}.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:960px;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__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.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{overflow-x:auto}.modal-sn-po__table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;color:#1e293b;min-width:820px}.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__perp-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.modal-sn-po__perp-badge--ya{background:#dbeafe;color:#1d4ed8}.modal-sn-po__perp-badge--tidak{background:#f1f5f9;color:#64748b}.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__pay-pills{display:flex;flex-wrap:wrap;gap:4px}.modal-sn-po__pay-pill{font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:10px;white-space:nowrap}.modal-sn-po__pay-pill--lunas{background:#dcfce7;color:#15803d}.modal-sn-po__pay-pill--belum{background:#fee2e2;color:#b91c1c}.modal-sn-po__pay-pill--proses{background:#fef9c3;color:#a16207}.modal-sn-po__pay-pill--default{background:#f1f5f9;color:#475569}.modal-sn-po__table td.right,.modal-sn-po__table th.right{text-align:right}.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__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}.ext-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.ext-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;animation:slideIn .3s ease-out;overflow:hidden}.ext-modal-header{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;padding:28px 32px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid rgba(255,255,255,.2)}.ext-modal-title{font-size:26px;font-weight:700;margin:0 0 6px;letter-spacing:-.5px}.ext-modal-subtitle{color:#ffffffe6;font-size:14px;margin:0;font-weight:400}.ext-modal-close-btn{background:#ffffff26;border:none;color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.ext-modal-close-btn:hover{background:#ffffff40;transform:scale(1.05)}.ext-modal-content-scroll{overflow-y:auto;padding:32px;flex:1}.ext-modal-content-scroll::-webkit-scrollbar{width:8px}.ext-modal-content-scroll::-webkit-scrollbar-track{background:#f1f1f1}.ext-modal-content-scroll::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.ext-modal-content-scroll::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.rental-info-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:12px;padding:24px;margin-bottom:32px;box-shadow:0 2px 8px #3b82f614}.rental-info-title{font-size:16px;font-weight:700;color:#0369a1;margin-bottom:16px;display:flex;align-items:center;gap:8px}.rental-info-title:before{content:"ℹ️";font-size:18px}.info-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #bae6fd}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-label{font-weight:600;color:#0369a1;font-size:14px}.info-value{color:#0c4a6e;font-weight:500;text-align:right;font-size:14px}.ext-modal-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-weight:600;color:#1f2937;font-size:14px;display:flex;align-items:center;gap:4px}.required{color:#ef4444;font-weight:700}.form-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .2s;background:#fff;font-family:inherit}.form-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-input:hover{border-color:#c7d2fe}.form-input::placeholder{color:#9ca3af}.input-error{border-color:#ef4444;background:#fef2f2}.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{color:#dc2626;font-size:13px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:-4px}.error-message:before{content:"⚠️";font-size:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ext-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:2px solid #f3f4f6;margin-top:8px}.btn-cancel,.btn-submit{padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:8px}.btn-cancel{background:#f3f4f6;color:#4b5563;border:2px solid #e5e7eb}.btn-cancel:hover{background:#e5e7eb;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-submit{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 4px 12px #4f46e54d}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f46e566}.btn-submit:active,.btn-cancel:active{transform:translateY(0)}@media (max-width: 768px){.ext-modal-container{max-width:95%;margin:10px}.ext-modal-header{padding:20px}.ext-modal-title{font-size:22px}.ext-modal-content-scroll{padding:20px}.form-row{grid-template-columns:1fr;gap:16px}.ext-modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;justify-content:center}.rental-info-box{padding:16px}.info-item{flex-direction:column;gap:4px}.info-value{text-align:left}}body.ext-modal-open{overflow:hidden}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1;height:40px}input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(.5)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.btn-cancel:focus-visible,.btn-submit:focus-visible,.form-input:focus-visible,.ext-modal-close-btn:focus-visible{outline:3px solid #6366f1;outline-offset:2px}.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)}}@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}}@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}}.notes-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#14141473;display:flex;align-items:center;justify-content:center;z-index:999}.notes-modal-content{background:#fff;border-radius:12px;width:440px;max-width:95%;box-shadow:0 6px 20px #00000040;overflow:hidden;animation:popIn .25s ease}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.notes-modal-header{background:linear-gradient(135deg,#1565c0,#2196f3);color:#fff;padding:18px 22px}.notes-modal-title{margin:0;font-size:20px;font-weight:600}.last-checked{margin:6px 0 0;font-size:13px;color:#e3f2fd}.notes-modal-body{padding:18px 22px;color:#333;background:#fafafa}.rental-info{background:#fff;border-radius:8px;padding:10px 12px;box-shadow:0 1px 3px #00000014}.rental-info p{margin:4px 0;font-size:14px}.notes-section{margin-top:15px}.notes-section h4{margin-bottom:8px;font-size:15px;font-weight:600}.notes-list{list-style:none;padding:0;margin:0}.notes-list li{background:#fff;border:1px solid #e0e0e0;padding:8px 10px;border-radius:6px;margin-bottom:6px;transition:background .2s}.notes-list li:hover{background:#f0faff}.note-text{font-size:14px;font-weight:500;color:#333}.note-date{font-size:12px;color:#666;margin-top:2px}.empty-notes{font-size:13px;color:#777;font-style:italic}.loading{font-size:13px;color:#555}.notes-modal-footer{display:flex;justify-content:flex-end;padding:12px 20px;background:#f5f5f5;border-top:1px solid #e0e0e0;gap:10px}.btn-view-notes{background-color:#1976d2;color:#fff;border:none;padding:6px 10px;border-radius:5px;cursor:pointer;font-size:14px}.btn-view-notes:hover{background-color:#125a9c}.btn-refresh{background-color:#e3f2fd;color:#1565c0;border:1px solid #90caf9;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.btn-refresh:hover{background-color:#bbdefb}.btn-close{background-color:#d32f2f;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.btn-close:hover{background-color:#b71c1c}.catatan-penambahan{margin-top:12px;font-size:12px;color:#555}.catatan-penambahan em{font-style:italic}.inv-detail-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;margin-bottom:24px}.inv-detail-header{padding:24px 28px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.inv-detail-title{font-size:22px;font-weight:600;margin:0 0 12px;color:#fff}.inv-detail-stats{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.inv-detail-stats-item{font-size:14px;padding:6px 14px;background:#fff3;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.inv-detail-stats-item strong{font-weight:700;font-size:16px;color:#fff}.inv-detail-search-info{font-size:13px;font-style:italic;opacity:.9}.inv-detail-table-wrapper{min-height:400px}.inv-detail-table-container{overflow-x:auto;max-width:100%}.inv-detail-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.inv-detail-thead{background:#f8f9fa;position:sticky;top:0;z-index:10}.inv-detail-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}.inv-detail-th.sortable{cursor:pointer;transition:background-color .2s ease}.inv-detail-th.sortable:hover{background-color:#e9ecef}.inv-detail-th-content{display:flex;align-items:center;gap:6px;justify-content:space-between}.inv-detail-sort-icon{color:#94a3b8;flex-shrink:0;transition:color .2s ease}.inv-detail-sort-icon.active{color:#667eea}.inv-detail-tbody{background:#fff}.inv-detail-tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.inv-detail-tr:hover{background-color:#f8fafc}.inv-detail-tr:last-child{border-bottom:none}.inv-detail-td{padding:14px 16px;color:#475569;vertical-align:middle}.inv-detail-td-center{text-align:center}.inv-detail-td-username{font-weight:500;color:#1e293b}.inv-detail-td-po{font-family:Courier New,monospace;font-size:13px;color:#64748b}.inv-detail-td-serial{font-family:Courier New,monospace;font-size:13px;font-weight:500;color:#0f172a;background:#f1f5f9;border-radius:4px;padding:8px 12px}.inv-detail-td-device{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-detail-tr-empty{background:#fff}.inv-detail-td-empty{padding:48px 16px;text-align:center;color:#94a3b8;font-size:15px}.inv-detail-status-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.inv-detail-status-pending{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.inv-detail-status-active{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.inv-detail-status-inactive{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.inv-detail-status-default{background:#e2e8f0;color:#475569;border:1px solid #cbd5e1}.inv-detail-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}.inv-detail-page-size{display:flex;align-items:center;gap:8px;font-size:14px;color:#475569}.inv-detail-select{padding:6px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;cursor:pointer;background:#fff;transition:border-color .2s ease}.inv-detail-select:hover{border-color:#667eea}.inv-detail-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.inv-detail-pagination-info{font-size:14px;color:#64748b}.inv-detail-pagination-controls{display:flex;gap:8px;align-items:center}.inv-detail-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}.inv-detail-page-btn:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-1px)}.inv-detail-page-btn:disabled{opacity:.4;cursor:not-allowed}.inv-detail-page-btn.active{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 2px 4px #667eea4d}.inv-detail-page-btn-edge{font-weight:700}.inv-detail-page-numbers{display:flex;gap:6px;align-items:center}.inv-detail-ellipsis{color:#94a3b8;padding:0 4px;font-weight:600}.inv-detail-developer-tools{padding:16px 28px;background:#fff8dc;border-top:1px solid #ffd700}.inv-detail-developer-link{color:#d97706;text-decoration:none;font-size:13px;font-weight:500;transition:color .2s ease}.inv-detail-developer-link:hover{color:#92400e;text-decoration:underline}@media (max-width: 1200px){.inv-detail-table{font-size:13px}.inv-detail-th,.inv-detail-td{padding:12px 14px}}@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}.rm-data-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;margin-bottom:24px}.rm-data-header{padding:24px 28px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.rm-data-title{font-size:22px;font-weight:600;margin:0 0 12px;color:#fff}.rm-data-stats{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.rm-data-stats-item{font-size:14px;padding:6px 14px;background:#ffffff40;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rm-data-stats-item strong{font-weight:700;font-size:16px;color:#fff}.rm-data-table-wrapper{min-height:400px}.rm-data-table-container{overflow-x:auto;max-width:100%}.rm-data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.rm-data-thead{background:#f8f9fa;position:sticky;top:0;z-index:10}.rm-data-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}.rm-data-th.sortable{cursor:pointer;transition:background-color .2s ease}.rm-data-th.sortable:hover{background-color:#e9ecef}.rm-data-th-center{text-align:center}.rm-data-th-content{display:flex;align-items:center;gap:6px;justify-content:space-between}.rm-data-sort-icon{color:#94a3b8;flex-shrink:0;transition:color .2s ease}.rm-data-sort-icon.active{color:#f5576c}.rm-data-tbody{background:#fff}.rm-data-tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.rm-data-tr:hover{background-color:#fef2f2}.rm-data-tr:last-child{border-bottom:none}.rm-data-td{padding:14px 16px;color:#475569;vertical-align:middle}.rm-data-td-center{text-align:center}.rm-data-td-invoice{font-family:Courier New,monospace;font-size:12px;color:#64748b;background:#f8fafc;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:.875rem;color:var(--text-primary, #111827);word-break:break-all}.rm-data-barang-spec{font-size:.78rem;color:var(--text-secondary, #6b7280);margin-top:2px;white-space:normal;line-height:1.3;word-break:break-word}.rm-data-td-po{max-width:150px;min-width:100px;vertical-align:top;white-space:normal;word-break:break-word}.rm-data-td-username{font-weight:500;color:#1e293b}.rm-data-td-date{font-size:13px;color:#64748b;white-space:nowrap}.rm-data-td-price{font-weight:600;color:#059669;font-size:14px;white-space:nowrap}.rm-data-td-action{text-align:center}.rm-data-tr-empty{background:#fff}.rm-data-td-empty{padding:48px 16px;text-align:center;color:#94a3b8;font-size:15px}.rm-data-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}.rm-data-page-size{display:flex;align-items:center;gap:8px;font-size:14px;color:#475569}.rm-data-select{padding:6px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;cursor:pointer;background:#fff;transition:border-color .2s ease}.rm-data-select:hover{border-color:#f5576c}.rm-data-select:focus{outline:none;border-color:#f5576c;box-shadow:0 0 0 3px #f5576c1a}.rm-data-pagination-info{font-size:14px;color:#64748b}.rm-data-pagination-controls{display:flex;gap:8px;align-items:center}.rm-data-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}.rm-data-page-btn:hover:not(:disabled){background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-color:#f5576c;transform:translateY(-1px)}.rm-data-page-btn:disabled{opacity:.4;cursor:not-allowed}.rm-data-page-btn.active{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-color:#f5576c;box-shadow:0 2px 4px #f5576c4d}.rm-data-page-btn-edge{font-weight:700}.rm-data-page-numbers{display:flex;gap:6px;align-items:center}.rm-data-ellipsis{color:#94a3b8;padding:0 4px;font-weight:600}.rm-data-developer-tools{padding:16px 28px;background:#fff8dc;border-top:1px solid #ffd700}.rm-data-developer-link{color:#d97706;text-decoration:none;font-size:13px;font-weight:500;transition:color .2s ease}.rm-data-developer-link:hover{color:#92400e;text-decoration:underline}@media (max-width: 1200px){.rm-data-table{font-size:13px}.rm-data-th,.rm-data-td{padding:12px 14px}}@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:#f7f9ff}.rm-data-tr-grouped.rm-data-tr-expanded{background-color:#edf2ff}.rm-data-multi-badge{display:inline-block;margin-top:4px;padding:2px 8px;background:#4a6fa5;color:#fff;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.3px}.rm-data-td-po-summary{font-size:12px}.rm-data-po-summary-label{font-weight:600;color:#333;margin-bottom:3px;font-size:11.5px}.rm-data-po-summary-item{display:flex;gap:4px;color:#555;line-height:1.6;font-size:11.5px}.rm-data-po-summary-idx{color:#888;min-width:14px}.rm-data-expand-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:#4a6fa5;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:background .15s;white-space:nowrap}.rm-data-expand-btn:hover{background:#3a5a8a}.rm-data-expand-btn.expanded{background:#6c757d}.rm-data-expand-btn.expanded:hover{background:#5a6268}.rm-data-tr-child{background-color:#fafcff;border-left:3px solid #4a6fa5}.rm-data-tr-child:hover{background-color:#f0f5ff}.rm-data-td-child{font-size:13px}.rm-data-child-sn-label{font-size:11px;font-weight:700;color:#4a6fa5;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.rm-data-sn-muted{color:#777;font-size:12px}.rm-data-stats-grouped{color:#4a6fa5;font-size:12px}.rm-data-stats-groupedsn{color:#fff;font-weight:800;font-size:14px;margin-left:8px}.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}.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}}.gdb-root{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px;margin-bottom:20px;box-shadow:0 1px 4px #0000000f;font-family:Segoe UI,system-ui,sans-serif}.gdb-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.gdb-header-left{display:flex;align-items:center;gap:10px}.gdb-header-icon{color:#6366f1;flex-shrink:0}.gdb-title{margin:0;font-size:15px;font-weight:700;color:#111827;letter-spacing:-.2px}.gdb-subtitle{margin:2px 0 0;font-size:12px;color:#6b7280;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.gdb-filter-pill{background:#ede9fe;color:#7c3aed;border-radius:99px;padding:1px 8px;font-size:11px;font-weight:600}.gdb-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}@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:12px;border-radius:10px;padding:14px 16px;border:1px solid transparent;position:relative;transition:box-shadow .15s}.gdb-card--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.gdb-card--clickable:hover{box-shadow:0 3px 10px #0000001a}.gdb-card--blue{background:#eff6ff;border-color:#bfdbfe}.gdb-card--purple{background:#f5f3ff;border-color:#ddd6fe}.gdb-card--teal{background:#f0fdfa;border-color:#99f6e4}.gdb-card--red{background:#fff1f2;border-color:#fecdd3}.gdb-card-icon{flex-shrink:0;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.gdb-card--blue .gdb-card-icon{background:#dbeafe;color:#2563eb}.gdb-card--purple .gdb-card-icon{background:#ede9fe;color:#7c3aed}.gdb-card--teal .gdb-card-icon{background:#ccfbf1;color:#0d9488}.gdb-card--red .gdb-card-icon{background:#ffe4e6;color:#e11d48}.gdb-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.gdb-card-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#6b7280;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.gdb-card-value{font-size:24px;font-weight:800;color:#111827;letter-spacing:-.5px;line-height:1.1}.gdb-card-value--money{font-size:16px;font-weight:700}.gdb-card-sub{font-size:11px;color:#9ca3af}.gdb-badge-click{background:#0d9488;color:#fff;border-radius:99px;padding:1px 7px;font-size:10px;font-weight:600;text-transform:none;letter-spacing:0}.gdb-card-chevron{position:absolute;right:12px;bottom:12px;color:#9ca3af;transition:transform .2s}.gdb-card-chevron--open{transform:rotate(180deg)}.gdb-progress-row{margin-bottom:4px}.gdb-progress-track{display:flex;height:6px;border-radius:99px;overflow:hidden;background:#f3f4f6;margin-bottom:6px}.gdb-progress-fill{height:100%;transition:width .5s ease}.gdb-progress-fill--green{background:#4acc4a}.gdb-progress-fill--red{background:#f84d72}.gdb-progress-legend{display:flex;align-items:center;gap:8px;font-size:11px;color:#6b7280}.gdb-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.gdb-legend-dot--green{background:#4acc4a}.gdb-legend-dot--red{background:#f84d72}.gdb-breakdown{margin-top:14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px 18px;animation:gdb-slide-down .2s ease}@keyframes gdb-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.gdb-breakdown-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#374151;margin-bottom:14px}.gdb-breakdown-icon{color:#0d9488}.gdb-breakdown-total{margin-left:auto;font-size:14px;font-weight:800;color:#111827}.gdb-breakdown-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;margin-bottom:6px}.gdb-breakdown-row--green{background:#f0fdf4}.gdb-breakdown-row--amber{background:#fffbeb}.gdb-bdr-left{display:flex;align-items:center;gap:7px;font-size:13px;color:#374151}.gdb-bdr-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.gdb-bdr-dot--green{background:#16a34a}.gdb-bdr-dot--amber{background:#d97706}.gdb-bdr-label{font-weight:600}.gdb-bdr-count{font-size:11px;color:#9ca3af;background:#f3f4f6;border-radius:99px;padding:1px 7px}.gdb-bdr-right{display:flex;align-items:center;gap:8px}.gdb-bdr-value{font-size:14px;font-weight:700}.gdb-bdr-value--green{color:#16a34a}.gdb-bdr-value--amber{color:#d97706}.gdb-bdr-badge{font-size:11px;font-weight:700;border-radius:99px;padding:1px 8px}.gdb-bdr-badge--green{background:#dcfce7;color:#16a34a}.gdb-bdr-badge--amber{background:#fef3c7;color:#d97706}.gdb-bar-track{height:4px;background:#e5e7eb;border-radius:99px;overflow:hidden;margin-bottom:10px}.gdb-bar-fill{height:100%;border-radius:99px;transition:width .4s ease}.gdb-bar-fill--green{background:#16a34a}.gdb-bar-fill--amber{background:#d97706}.gdb-breakdown-divider{height:1px;background:#e5e7eb;margin:4px 0 10px}.rental-container{min-height:100vh;max-height:100vh;max-width:100%;background:#f3f4f6;display:flex;flex-direction:column;padding-bottom:0;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rental-header h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:6px;letter-spacing:-.5px;line-height:1.2;text-transform:none;font-family:Inter,sans-serif;margin-left:20px}.rental-header p{font-size:1rem;color:#fff;font-weight:500;font-family:Inter,sans-serif;margin-left:20px}.rental-form{background:none;padding:0 40px;border-radius:0;box-shadow:none;border:none}.rental-form{max-height:none;overflow-y:visible}.rental-form h2{font-size:1.6rem;font-weight:800;color:#000;margin-top:40px;margin-bottom:40px;letter-spacing:-.5px;line-height:1.2;text-transform:none;font-family:Inter,sans-serif;text-align:center}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.form-group{display:flex;flex-direction:column}.form-group.full-width{width:80%}.form-group label{font-weight:600;margin-bottom:8px;color:#000;font-size:.9rem;position:relative}.form-group input,.form-group select,.form-group textarea{padding:8px 12px;border:1.5px solid #dee2e6;border-radius:8px;font-size:.85rem;transition:all .2s ease;background:#fff;color:#495057;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#adb5bd}.form-group input[readonly]{background:#f8f9fa;color:#6c757d;cursor:not-allowed;border-color:#dee2e6}.form-group input[readonly]:focus{box-shadow:none;border-color:#dee2e6}.form-group textarea{resize:vertical;min-height:60px;font-family:inherit}.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;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cost-summary-card{background:linear-gradient(135deg,#fff,#f8f9ff);border:1px solid #e1e5f0;border-radius:16px;padding:30px;margin:30px 0;box-shadow:0 8px 32px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.cost-summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#4f46e5,#6366f1)}.cost-summary-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f}.cost-header{text-align:center;margin-bottom:25px}.cost-header h2{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:10px}.cost-icon{font-size:1.8rem}.cost-subtitle{font-size:.9rem;color:#718096;margin:0}.cost-breakdown{display:flex;flex-direction:column;gap:15px}.cost-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#ffffffb3;border-radius:12px;transition:all .2s ease}.cost-item:hover{background:#ffffffe6;transform:translate(5px)}.cost-item.total{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-weight:600;margin-top:10px}.cost-label{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#4a5568}.cost-item.total .cost-label{color:#fff}.item-icon{font-size:1.2rem}.cost-value{font-size:1.1rem;font-weight:600;color:#2d3748}.cost-value.monthly{color:#3182ce}.cost-value.duration{color:#38a169}.cost-value.final{font-size:1.3rem;font-weight:700;color:#2d3748}.cost-item.total .cost-value{color:#fff;font-size:1.4rem}.cost-divider{height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:10px 0}.cost-note{display:flex;align-items:center;gap:8px;margin-top:20px;padding:12px;background:#edf2f780;border-radius:8px;font-size:.85rem;color:#4a5568}.note-icon{font-size:1rem}@media (max-width: 768px){.cost-summary-card{padding:20px;margin:20px 0}.cost-header h2{font-size:1.3rem}.cost-item{flex-direction:column;align-items:flex-start;gap:8px}.cost-value{align-self:flex-end}}@media (max-width: 480px){.cost-summary-card{padding:15px}.cost-header h2{font-size:1.2rem}.cost-label{font-size:.9rem}.cost-value{font-size:1rem}}.form-total,.form-list{display:none}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:5px;position:relative;margin-right:3vw;margin-bottom:30px;z-index:10;padding:0}.btn-cancel,.btn-submit{padding:12px 24px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:none;letter-spacing:normal;position:relative;overflow:hidden;min-width:100px}.btn-cancel{background:#f8f9fa;color:#000;border:1.5px solid #dee2e6}.btn-cancel:hover{background:#e9ecef;color:#495057;border-color:#adb5bd}.btn-submit{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:1.5px solid #007bff;min-width:140px}.btn-submit:hover{background:#0056b3;border-color:#0056b3}.btn-submit:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.error-message{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:6px;border:1px solid #f5c6cb;margin-bottom:20px;font-weight:500;font-size:.9rem}.success-container{min-height:100vh;max-height:100vh;background:#f3f4f6;display:flex;align-items:center;justify-content:center;padding:2rem}.success-card{background:#fff;padding:2.5rem;border-radius:1.5rem;box-shadow:0 8px 20px #0000001f;text-align:center;max-width:450px;width:100%;animation:fadeInUp .6s ease-out}.success-icon{font-size:3rem;color:#10b981;margin-bottom:1rem;animation:pop .5s ease-out forwards}.success-card h2{font-size:1.75rem;color:#111827;margin-bottom:.5rem}.success-card p{font-size:1rem;color:#4b5563;margin-bottom:2rem;line-height:1.5}.success-actions{display:flex;justify-content:center;gap:1rem}.back-button{background:#2563eb;color:#fff;padding:.75rem 1.25rem;border-radius:.75rem;border:none;font-size:.8rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d}.back-button:hover{background:#1e40af;transform:translateY(-2px)}.back-button:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}@keyframes successSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-icon{font-size:3.5rem;color:#28a745;margin-bottom:20px}.success-message h2{font-size:1.8rem;color:#495057;margin-bottom:15px;font-weight:600}.success-message p{font-size:1rem;color:#6c757d;line-height:1.5}@media (max-width: 768px){.rental-container{margin-top:70px}.rental-header h1{font-size:1.8rem}.form-row{grid-template-columns:1fr;gap:20px}.form-actions{flex-direction:column-reverse;gap:12px}.btn-cancel,.btn-submit{width:100%;padding:14px}.success-message{margin:15px;padding:35px 25px}}@media (max-width: 480px){.rental-header{margin-bottom:25px}.rental-header h1{font-size:1.6rem}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;font-size:16px}.form-row{gap:18px;margin-bottom:20px}}.btn-submit:disabled:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible,.btn-cancel:focus-visible,.btn-submit:focus-visible{outline:2px solid #007bff;outline-offset:2px}.form-group input::placeholder,.form-group textarea::placeholder{color:#adb5bd;font-style:italic}.form-group:hover label{color:#343a40}.form-group input[type=date]{position:relative}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.form-group input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.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 input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.form-group label:before{content:""}.form-group{animation:slideUp .3s ease-out;animation-fill-mode:both}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.success-data{animation:successSlide .3s ease-out;animation-fill-mode:both;background:#d1cfcf;padding:1rem;border-radius:1.5rem;box-shadow:0 8px 20px #0000001f;text-align:center;max-width:450px;width:100%;margin-bottom:2rem}.success-data p{font-size:1rem;color:#6c757d;line-height:1.5;margin-bottom:.5rem;font-weight:600;text-align:left}@keyframes successSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media print{.rental-container{background:#fff}.form-actions,.error-message{display:none}}@media (max-width: 1200px){.rental-container{margin-left:17vw}.rental-form{max-width:75.5vw}}@media (max-width: 768px){.rental-content{margin:0;padding:0}.rental-container{max-width:100vw;padding:0;margin:0}.rental-header{padding-top:6vh}.rental-header h1{font-size:1.8rem}.form-row{grid-template-columns:1fr;gap:20px}.form-actions{flex-direction:column-reverse;gap:12px;margin-bottom:50px;padding-bottom:30px;width:100%;padding-right:20px;padding-left:20px}.btn-cancel,.btn-submit{width:100%;padding:14px}.success-message{margin:15px;padding:35px 25px}}@media (max-width: 480px){.rental-header{margin-bottom:25px}.rental-header h1{font-size:1.6rem}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;font-size:16px}.form-row{gap:18px;margin-bottom:20px}.form-actions{margin-bottom:50px;padding-bottom:25px}}.import-section{padding:2rem 3rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px #00000012}.import-section h2{margin:0;font-size:1.5rem;color:#1e293b;font-weight:700;margin-bottom:1.5rem;text-align:center}.import-buttons-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.btn-import-modern,.btn-template-modern{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;position:relative;overflow:hidden}.btn-import-modern{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 4px 15px #667eea66}.btn-import-modern:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.btn-template-modern{background:linear-gradient(135deg,#8f9779,#9dc183);color:#fff;box-shadow:0 4px 15px #f093fb66}.btn-template-modern:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f093fb99}.btn-import-modern:active,.btn-template-modern:active{transform:translateY(0)}.btn-icon{font-size:2rem;line-height:1}.btn-content{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;flex:1}.btn-title{font-size:1.1rem;font-weight:600;letter-spacing:.01em}.btn-subtitle{font-size:.85rem;opacity:.9;font-weight:400}.import-modal-overlay.modern-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.import-modal-content.modern-modal{background:#fff;border-radius:24px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.import-modal-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;overflow:hidden}.import-modal-header h2{display:flex;align-items:center;gap:1rem;margin:0;font-size:1.3rem;font-weight:700;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.import-modal-icon{font-size:2rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.import-modal-close{background:#ffffff40;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:1.5rem;font-weight:300;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.import-modal-close:hover{background:#ffffff59;transform:rotate(90deg) scale(1.1);border-color:#ffffff80}.import-modal-close:active{transform:rotate(90deg) scale(.95)}.import-modal-body{padding:2.5rem;overflow-y:auto;flex:1;background:#fafbfc}.import-modal-body::-webkit-scrollbar{width:8px}.import-modal-body::-webkit-scrollbar-track{background:#f1f3f5;border-radius:10px}.import-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.import-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.upload-area{margin-bottom:2.5rem}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;border:3px dashed #cbd5e1;border-radius:20px;background:#fff;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.file-upload-label:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity .4s}.file-upload-label:hover{border-color:#667eea;background:#fff;transform:translateY(-2px);box-shadow:0 10px 30px #667eea33}.file-upload-label:hover:before{opacity:1}.file-upload-label:hover .upload-icon{transform:scale(1.1) translateY(-5px)}.upload-icon-wrapper{margin-bottom:1.5rem;position:relative;z-index:1}.upload-icon{font-size:4rem;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 4px 8px rgba(102,126,234,.2))}.upload-text{font-size:1.2rem;color:#1e293b;margin:.75rem 0;font-weight:600;position:relative;z-index:1}.upload-text strong{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upload-hint{font-size:.95rem;color:#64748b;margin:0;position:relative;z-index:1}.preview-section{margin-top:2.5rem;border:2px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 6px #0000000d;animation:slideInUp .4s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.75rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e5e7eb}.preview-header h3{margin:0;font-size:1.2rem;color:#1e293b;font-weight:700;display:flex;align-items:center;gap:.5rem}.preview-header h3:before{content:"📊";font-size:1.5rem}.preview-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700;box-shadow:0 2px 8px #667eea4d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.preview-table-container{overflow-x:auto;max-height:400px;overflow-y:auto}.preview-table{width:100%;border-collapse:collapse;font-size:.9rem}.preview-table thead{background:green;position:sticky;top:0;z-index:10}.preview-table th{padding:1rem 1.25rem;text-align:left;font-weight:600;color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.preview-table td{padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;color:#334155;transition:all .2s}.preview-table tbody tr{transition:all .2s}.preview-table tbody tr:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);transform:scale(1.01)}.row-number{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);font-weight:700;color:#667eea;text-align:center;width:60px;position:sticky;left:0}.preview-note{padding:1rem 1.75rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-top:2px solid #fbbf24;margin:0;font-size:.9rem;color:#92400e;text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.preview-note:before{content:"💡";font-size:1.2rem}.import-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.75rem 2.5rem;border-top:2px solid #e5e7eb;background:#fff;box-shadow:0 -4px 6px #0000000d}.btn-import-modal-cancel,.btn-import-modal-submit{padding:.875rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.625rem;font-family:inherit;letter-spacing:.02em}.btn-import-modal-cancel{background:red;color:#fff;border:2px solid #afafaf}.btn-import-modal-cancel:hover:not(:disabled){background:#e95a5a;color:#000;border-color:#cbd5e1;transform:translateY(-1px)}.btn-import-modal-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66;border:2px solid transparent;position:relative;overflow:hidden}.btn-import-modal-submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#764ba2,#667eea);opacity:0;transition:opacity .3s}.btn-import-modal-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.btn-import-modal-submit:hover:not(:disabled):before{opacity:1}.btn-import-modal-submit>*{position:relative;z-index:1}.btn-import-modal-submit:disabled,.btn-import-modal-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.import-progress-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffffffa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease-out}.import-progress-content{text-align:center;padding:3rem;animation:zoomIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.progress-text{margin-top:2rem;font-size:1.4rem;font-weight:700;color:#1e293b;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-subtext{margin-top:.75rem;font-size:1rem;color:#64748b;font-weight:500}.modern-success{max-width:650px;padding:3.5rem;background:#fff}.success-animation{display:flex;justify-content:center;margin-bottom:2.5rem}.checkmark-circle{width:140px;height:140px;position:relative;display:inline-block}.checkmark-circle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 40px #667eea66;animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.15) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}.checkmark-stem,.checkmark-kick{position:absolute;background:#fff;border-radius:10px}.checkmark-stem{width:7px;height:60px;left:56px;top:41px;transform:rotate(45deg);animation:drawStem .4s ease-out .6s forwards;transform-origin:bottom;opacity:0}.checkmark-kick{width:7px;height:30px;left:60px;top:72px;transform:rotate(-45deg);animation:drawKick .4s ease-out .9s forwards;transform-origin:bottom;opacity:0}@keyframes drawStem{0%{height:0;opacity:0}to{height:60px;opacity:1}}@keyframes drawKick{0%{height:0;opacity:0}to{height:30px;opacity:1}}.success-title{font-size:2.25rem;font-weight:800;color:#1e293b;margin-bottom:1rem;animation:fadeInUp .5s ease-out 1.1s backwards;text-align:center}.success-message{font-size:1.15rem;color:#475569;margin-bottom:2.5rem;line-height:1.7;animation:fadeInUp .5s ease-out 1.2s backwards;text-align:center}.success-message strong{color:#667eea;font-weight:700;font-size:1.3rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2.5rem 0;animation:fadeInUp .5s ease-out 1.3s backwards}.stat-item{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;box-shadow:0 4px 12px #00000014;transition:all .3s;border:2px solid transparent}.stat-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #667eea4d;border-color:#667eea}.stat-icon{font-size:2.5rem;margin-bottom:.75rem;animation:bounce 1s ease-in-out infinite}.stat-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:1rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.modern-back{margin-top:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.125rem 2.5rem;border:none;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #667eea66;animation:fadeInUp .5s ease-out 1.4s backwards;display:inline-block;width:100%;position:relative;overflow:hidden}.modern-back:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#764ba2,#667eea);opacity:0;transition:opacity .3s}.modern-back:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea99}.modern-back:hover:before{opacity:1}.modern-back span{display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;z-index:1}@media (max-width: 768px){.import-buttons-container{grid-template-columns:1fr}.modern-modal{max-height:95vh;margin:.5rem;border-radius:20px}.import-modal-header{padding:1.5rem 1.75rem}.import-modal-header h2{font-size:1rem}.import-modal-body{padding:1.75rem}.import-modal-footer{flex-direction:column-reverse;padding:1.25rem 1.75rem;gap:.75rem}.btn-import-modal-cancel,.btn-import-modal-submit{width:100%;justify-content:center}.success-stats{grid-template-columns:1fr;gap:1rem}.checkmark-circle{width:110px;height:110px}.checkmark-circle:before{width:110px;height:110px}.checkmark-stem{height:48px;left:53px;top:32px}.checkmark-kick{height:24px;left:38px;top:58px}.success-title{font-size:1.75rem}.success-message,.btn-title{font-size:1rem}.btn-subtitle{font-size:.8rem}.upload-icon{font-size:3rem}.file-upload-label{padding:3rem 1.5rem}.modern-success{padding:2.5rem 1.5rem}}@media (max-width: 480px){.import-section{padding:1rem}.import-modal-header h2{font-size:1.2rem;gap:.5rem}.import-modal-icon{font-size:1.5rem}.preview-table th,.preview-table td{padding:.75rem .875rem;font-size:.8rem}.upload-text{font-size:1rem}.upload-hint{font-size:.85rem}}.btn-import-modern:focus-visible,.btn-template-modern:focus-visible,.btn-import-modal-cancel:focus-visible,.btn-import-modal-submit:focus-visible,.modern-back:focus-visible{outline:3px solid #667eea;outline-offset:3px}.import-modal-close:focus-visible{outline:2px solid white;outline-offset:3px}.file-upload-label:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}@media print{.import-modal-overlay,.import-section{display:none}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;min-width:320px;max-width:500px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px;animation:slideInRight .3s ease-out}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.toast-success .toast-icon,.toast-error .toast-icon{background-color:#fff3}.toast-content{flex:1}.toast-title{font-weight:600;font-size:14px;margin-bottom:4px}.toast-message{font-size:13px;opacity:.95;line-height:1.4}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.toast-container{right:16px;left:16px;min-width:auto}}.file-upload-area{border:2px dashed #bbb;border-radius:12px;padding:30px;text-align:center;background-color:#fafafa;transition:all .3s ease;cursor:pointer;position:relative}.file-upload-area.dragging{border-color:#007bff;background-color:#e8f2ff;transform:scale(1.02);box-shadow:0 0 15px #007bff33}.file-upload-label{display:flex;flex-direction:column;align-items:center;pointer-events:none}.upload-icon-wrapper{font-size:40px;margin-bottom:10px}.upload-icon{display:inline-block;transition:transform .3s ease}.upload-text{font-size:16px;color:#333;margin-bottom:5px;transition:color .3s ease,opacity .3s ease}.file-upload-area.dragging .upload-text{color:#007bff}.fade-in{opacity:1;transition:opacity .2s ease-in}.fade-out{opacity:1;transition:opacity .2s ease-out}.upload-hint{font-size:14px;color:#666}.file-input-hidden{display:none}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.file-upload-area.dragging .upload-icon{animation:bounce .8s infinite alternate}.audit-log-container{display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-height:fit-content;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#dbeafe);overflow-x:hidden}.audit-log-content{width:100%}.audit-log-header{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;padding:2rem 3rem;box-shadow:0 4px 6px #0000001a}.header-content h1{font-size:2rem;font-weight:700;margin:0 0 .5rem}.header-content p{font-size:1rem;margin:0;opacity:.9}.audit-log-content{padding:2rem 3rem;max-width:1600px;margin:0 auto}.controls-section{margin-bottom:2rem}.search-filter-row{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.audit-search-box{position:relative;flex:2;min-width:300px}.filter-audit-search-icon{position:absolute;left:1rem;top:44%;transform:translateY(-50%);color:#6b7280}.audit-search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .3s ease;background:#fff;color:#374151}.search-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.audit-filter-box{position:relative;flex:1;min-width:250px;display:flex;align-items:center;gap:.75rem;padding:0rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:12px;transition:all .3s ease}.filter-box:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.filter-box svg{color:#6b7280}.filter-select{flex:1;border:none;outline:none;font-size:.95rem;background:transparent;cursor:pointer;color:#374151;font-weight:500}.audit-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.audit-stat-card{background:#fff;padding:1.5rem;border-radius:16px;display:flex;align-items:center;gap:1.25rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.audit-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.audit-stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px}.audit-stat-icon-total{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.audit-stat-icon-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.audit-stat-icon-failed{background:linear-gradient(135deg,#fee2e2,#fecaca)}.audit-stat-icon-users{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-info{flex:1}.stat-value{font-size:2rem;font-weight:700;color:#1f2937;line-height:1;margin-bottom:.25rem}.stat-label{font-size:.9rem;color:#6b7280;font-weight:500}.tabs-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1rem;border-radius:16px;box-shadow:0 2px 8px #00000014;flex-wrap:wrap;gap:1rem}.tabs-container{display:flex;gap:.5rem;flex-wrap:wrap}.tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #e5e7eb;background:#fff;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#6b7280}.tab:hover{border-color:#4f46e5;color:#4f46e5;transform:translateY(-2px)}.tab.active{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border-color:#4f46e5;box-shadow:0 4px 8px #4f46e54d}.btn-danger{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #0000001a}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 8px #ef44444d}.tab-content{background:#fff;border-radius:16px;padding:3rem;box-shadow:0 4px 12px #00000014}.coming-soon{text-align:center;padding:4rem 2rem;color:#6b7280}.coming-soon-icon{color:#9ca3af;margin-bottom:1rem}.coming-soon h3{font-size:1.5rem;margin:1rem 0 .5rem;color:#374151}.coming-soon p{font-size:1rem;color:#9ca3af}.audit-table-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;margin-bottom:2rem;overflow-x:auto}.audit-table-container::-webkit-scrollbar{display:none}.audit-table{width:100%;border-collapse:collapse}.audit-table thead{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.audit-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.audit-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.audit-table tbody tr:hover{background:#f9fafb}.audit-table td{padding:1rem;font-size:.9rem;color:#374151}.code-cell{font-family:Courier New,monospace;font-weight:600;color:#4f46e5}.user-cell{display:flex;align-items:center;gap:.5rem}.user-icon{color:#6366f1}.ip-cell{font-family:Courier New,monospace;color:#6b7280;font-size:.85rem}.action-badge{display:inline-block;padding:.35rem .75rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:8px;font-size:.85rem;font-weight:600}.resource-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-cell{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.85rem}.calendar-icon{color:#9ca3af}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600;text-transform:capitalize}.status-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-failed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.action-cell{display:flex;gap:.5rem}.btn-icon{padding:.5rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-view{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.btn-view:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;transform:scale(1.1)}.btn-history{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca}.btn-history:hover{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;transform:scale(1.1)}.btn-export{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.btn-export:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;transform:scale(1.1)}.btn-restore{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.btn-restore:hover{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;transform:scale(1.1)}.no-data{text-align:center;padding:3rem!important;color:#9ca3af;font-style:italic}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014}.spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:#6b7280;font-size:1rem}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem}.pagination-btn{padding:.5rem 1rem;border:2px solid #e5e7eb;background:#fff;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#374151}.pagination-btn:hover:not(:disabled){background:#4f46e5;color:#fff;border-color:#4f46e5}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:.5rem}.pagination-number{width:40px;height:40px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#374151}.pagination-number:hover{background:#f3f4f6;border-color:#4f46e5}.pagination-number.active{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border-color:#4f46e5}.pagination-ellipsis{display:flex;align-items:center;padding:0 .5rem;color:#9ca3af}.audit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.audit-modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;animation:audit-modalSlideIn .3s ease}.modal-large{max-width:900px}@keyframes audit-modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.audit-modal-header{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;padding:1.5rem 2rem;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center}.audit-modal-header h2{margin:0;font-size:1.5rem;font-weight:700}.audit-modal-close{background:#fff3;border:none;color:#fff;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.audit-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.audit-modal-body{padding:2rem}.detail-row{display:flex;padding:1rem;border-bottom:1px solid #f3f4f6}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:#4b5563;min-width:150px}.detail-value{color:#1f2937;flex:1;word-break:break-word}.history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:12px}.history-stat{text-align:center;font-size:.9rem}.history-stat strong{display:block;color:#6b7280;font-size:.8rem;margin-bottom:.25rem;text-transform:uppercase}.history-list{display:flex;flex-direction:column;gap:1rem;max-height:500px;overflow-y:auto}.history-item{background:#f9fafb;border-radius:12px;padding:1rem;border-left:4px solid #4f46e5;transition:all .2s ease}.history-item:hover{background:#f3f4f6;box-shadow:0 2px 8px #00000014}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.history-action{font-weight:600;color:#1f2937;font-size:1rem}.history-item-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.history-detail{font-size:.85rem;color:#6b7280}.history-detail strong{color:#4b5563;margin-right:.5rem}@media (max-width: 1200px){.audit-log-container{width:100vw;margin-left:0}.search-filter-row{flex-direction:column}.search-box,.filter-box{max-width:100%}}@media (max-width: 768px){.audit-log-header,.audit-log-content{padding:1.5rem}.audit-stats-cards{grid-template-columns:1fr}.tabs-section{flex-direction:column;align-items:stretch}.tabs-container{width:100%}.tab{flex:1;justify-content:center}.btn-danger{width:100%;justify-content:center}.audit-table-container{overflow-x:auto}.audit-table{min-width:900px}.audit-modal-content{width:95%}.history-stats{grid-template-columns:1fr}.action-cell{flex-wrap:wrap}}.role-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.role-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.role-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.role-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.ip-cell{font-family:Courier New,monospace;font-size:13px;color:#555;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}.calendar-icon{margin-right:6px;vertical-align:middle;color:#666}.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background:linear-gradient(180deg,#4f46e5,#5b52e8);color:#fff;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;transition:width .4s cubic-bezier(.4,0,.2,1),transform .3s ease;z-index:100;overflow-x:visible;overflow-y:hidden}.sidebar.minimized{width:80px;transition:width .4s cubic-bezier(.4,0,.2,1)}.sidebar-header{border-bottom:1px solid rgba(255,255,255,.1);height:88px;box-sizing:border-box;display:flex;align-items:center}.sidebar-title{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem}.sidebar-logo{width:40px;height:40px;flex-shrink:0}.sidebar-title-text{font-size:.95rem;font-weight:600;line-height:1.3;white-space:nowrap;opacity:1;transition:opacity .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.sidebar.minimized .sidebar-title-text{opacity:0;width:0;overflow:hidden;transition:opacity .2s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto;overflow-x:visible;position:relative;z-index:1}.sidebar-item-wrapper{position:relative;margin-bottom:.5rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease,padding .3s cubic-bezier(.4,0,.2,1);color:#fffc;white-space:nowrap}.sidebar-item:hover{background:#ffffff26;color:#fff}.sidebar-item.active{background:#fff3;color:#fff;font-weight:600}.sidebar-item-label{opacity:1;transition:opacity .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.sidebar.minimized .sidebar-item-label{opacity:0;width:0;overflow:hidden;transition:opacity .2s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.sidebar.minimized .sidebar-item{justify-content:center;padding:.875rem .5rem;transition:all .2s ease,padding .3s cubic-bezier(.4,0,.2,1)}.custom-tooltip{position:fixed;left:calc(80px + 1rem);background:#fff;border-radius:.625rem;padding:1rem 1.25rem;box-shadow:0 6px 16px #00000026,0 2px 6px #0000001a;z-index:10000;white-space:nowrap;pointer-events:none;animation:tooltipFadeIn .2s ease-out;min-width:240px;min-height:100px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-5px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.custom-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:7px solid transparent;border-right-color:#fff}.custom-tooltip-label{font-size:.9375rem;font-weight:600;color:#1f2937;margin-bottom:.625rem;line-height:1.4}.custom-tooltip-divider{height:1px;background:#e5e7eb;margin-bottom:.625rem}.custom-tooltip-icons{display:flex;gap:.625rem;align-items:center;color:#6b7280}.sidebar-minimize-wrapper{position:relative;margin-top:auto}.sidebar-minimize-button{position:relative;width:100%;padding:.875rem 1rem;background:transparent;border:none;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fffc}.sidebar-minimize-button:hover{background:#ffffff1a;color:#fff}.sidebar-minimize-button:active{background:#ffffff26;transform:scale(.98)}.sidebar-toggle-button{display:none;position:fixed;top:1rem;left:1rem;width:48px;height:48px;background:#4f46e5;border:none;border-radius:.5rem;color:#fff;cursor:pointer;z-index:1001;box-shadow:0 4px 6px #0000001a;transition:all .2s}.sidebar-toggle-button:hover{background:#4338ca}.sidebar-toggle-button:active{transform:scale(.95)}.logout-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.logout-modal{background:#fff;border-radius:.75rem;padding:2rem;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0000001a}.logout-modal-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.logout-modal-message{font-size:.875rem;color:#6b7280;margin:0 0 1.5rem}.logout-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.logout-btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.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:280px}.sidebar.minimized{width:85px}}@media (min-width: 1600px) and (max-width: 1919px){.sidebar{width:270px}.sidebar.minimized{width:82px}}@media (min-width: 1400px) and (max-width: 1599px){.sidebar{width:260px}.sidebar.minimized{width:80px}}@media (min-width: 1200px) and (max-width: 1399px){.sidebar{width:250px}.sidebar.minimized{width:78px}}@media (min-width: 992px) and (max-width: 1199px){.sidebar{width:240px}.sidebar.minimized{width:75px}}@media (min-width: 768px) and (max-width: 991px){.sidebar{width:220px}.sidebar.minimized{width:70px}}@media (max-width: 767px){.sidebar-toggle-button{display:flex;align-items:center;justify-content:center}.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-minimize-button{display:none}.sidebar.minimized{width:260px}.custom-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{width:100%;font-family:Inter,sans-serif;background-color:#f8fafc;min-height:100vh;max-height:100vh;overflow-y:auto;box-sizing:border-box}.faq-header{text-align:center;padding:30px 20px;display:flex;flex-direction:column;width:100%;position:relative;min-height:10vh;box-sizing:border-box;margin-bottom:20px}.faq-header h1{font-size:2rem;font-weight:700;color:#000;margin-bottom:6px;letter-spacing:-.5px;line-height:1.2;text-transform:none;font-family:Inter,sans-serif}.faq-header p{font-size:1rem;color:#0009;font-weight:500;font-family:Inter,sans-serif}.faq-search-container{position:relative;max-width:600px;margin:0 auto 3rem}.faq-search-input{width:100%;padding:1rem 1rem 1rem 3rem;font-size:1rem;border:2px solid #e2e8f0;border-radius:50px;outline:none;transition:all .3s ease;background-color:#fff;box-shadow:0 2px 10px #0000001a}.faq-search-input:focus{border-color:#667eea;box-shadow:0 4px 20px #667eea33}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.faq-content{display:flex;flex-direction:column;gap:1.5rem}.faq-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;overflow:hidden;transition:all .3s ease}.faq-section:hover{box-shadow:0 8px 25px #0000001a}.faq-section-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);cursor:pointer;transition:all .3s ease;border-bottom:1px solid #e2e8f0}.faq-section-header:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.section-title{display:flex;align-items:center;gap:1rem}.section-title h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.faq-icon{width:32px;height:32px;color:#667eea;stroke-width:2}.chevron-icon{width:24px;height:24px;color:#64748b;transition:transform .3s ease}.faq-section-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background-color:#fff}.faq-section-content.expanded{max-height:none;transition:max-height .3s ease-in}.faq-item{padding:1.5rem 2rem;border-bottom:1px solid #f1f5f9;transition:background-color .3s ease}.faq-answer p{margin:0;font-size:1rem;color:#475569;line-height:1.6}.faq-answer-list{margin-top:.5rem;padding-left:1.5rem}.faq-item li{margin-bottom:.5rem;font-size:1rem;color:#475569;line-height:1.6;list-style-type:disc;padding-left:1.5rem;position:relative;margin-left:1.5rem;font-weight:400;font-family:Inter,sans-serif}.faq-item:last-child{border-bottom:none}.faq-item:hover{background-color:#f8fafc}.faq-question{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.75rem;line-height:1.5}.faq-answer{font-size:1rem;color:#475569;line-height:1.7;margin:0}.faq-footer{text-align:center;margin-top:3rem;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d}.faq-footer p{color:#64748b;font-size:1rem;margin:0}.faq-footer strong{color:#1e293b}@media (max-width: 768px){.faq-admin-container{min-width:100vw;max-width:100vw;margin-left:0}.faq-header{padding-top:6vh}.header-icon{width:40px;height:40px}.faq-subtitle{font-size:1rem}.faq-search-container{margin-bottom:2rem}.faq-section-header{padding:1rem 1.5rem}.section-title h2{font-size:1.25rem}.faq-icon{width:28px;height:28px}.faq-item{padding:1rem 1.5rem}.faq-question{font-size:1rem}.faq-answer{font-size:.875rem}}@media (max-width: 1024px){.faq-admin-container{min-width:83vw;max-width:83vw;margin-left:17vw}}@media (max-width: 768px){.faq-admin-container{min-width:100vw;max-width:100vw;margin-left:0vw}}@media (max-width: 480px){.faq-header h1{font-size:1.75rem}.faq-section-header{padding:1rem}.section-title{gap:.75rem}.section-title h2{font-size:1.125rem}.faq-item{padding:1rem}}.faq-section-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.faq-section-content.expanded{max-height:2000px;transition:max-height .5s ease-in}.loading{display:flex;justify-content:center;align-items:center;padding:3rem;color:#64748b}.empty-state{text-align:center;padding:3rem;color:#64748b}.empty-state h3{font-size:1.5rem;margin-bottom:.5rem;color:#475569}.empty-state p{font-size:1rem;margin:0}.faq-content::-webkit-scrollbar{width:8px}.faq-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.faq-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.faq-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.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;font-family:Inter,sans-serif;-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:88px}.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 .3s ease,width .3s ease}.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:260px;width:calc(100% - 260px)}.app-main-content.with-sidebar-minimized{margin-left:80px;width:calc(100% - 80px)}.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:280px;width:calc(100% - 280px)}.app-main-content.with-sidebar-minimized{margin-left:85px;width:calc(100% - 85px)}}@media (min-width: 1600px) and (max-width: 1919px){.app-main-content.with-sidebar{margin-left:270px;width:calc(100% - 270px)}.app-main-content.with-sidebar-minimized{margin-left:82px;width:calc(100% - 82px)}}@media (min-width: 1400px) and (max-width: 1599px){.app-main-content.with-sidebar{margin-left:260px;width:calc(100% - 260px)}.app-main-content.with-sidebar-minimized{margin-left:80px;width:calc(100% - 80px)}}@media (min-width: 1200px) and (max-width: 1399px){.app-main-content.with-sidebar{margin-left:250px;width:calc(100% - 250px)}.app-main-content.with-sidebar-minimized{margin-left:78px;width:calc(100% - 78px)}}@media (min-width: 992px) and (max-width: 1199px){.app-main-content.with-sidebar{margin-left:240px;width:calc(100% - 240px)}.app-main-content.with-sidebar-minimized{margin-left:75px;width:calc(100% - 75px)}}@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:70px;width:calc(100% - 70px)}}@media (max-width: 767px){.app-main-content.with-sidebar,.app-main-content.with-sidebar-minimized{margin-left:0;width:100%}.app-layout.admin-only:before{display:none}}