@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--color-primary: #0A2540;--color-secondary: #059669;--color-accent: #1E4D3B;--color-text-main: #1F2937;--color-text-muted: #64748B;--color-border: #E2E8F0;--color-bg-input: #F8FAFC;--color-btn-primary: #059669;--color-btn-primary-hover: #047857;--color-btn-secondary: #E2E8F0;--color-btn-secondary-hover: #CBD5E1;--color-btn-gray: #475569;--color-btn-gray-hover: #334155;--color-bg-page: #F1F5F9;--color-bg-card: #FFFFFF;--color-bg-reg: #FFFFFF;--font-family: "Inter", "Montserrat", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--color-text-main);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}button:disabled{cursor:not-allowed;opacity:.7}.auth-layout{display:flex;flex-direction:column;min-height:100vh;width:100%}.auth-image-pane{flex:none;height:200px;position:relative;background-image:url(/assets/bg-DEa-ir2g.png);background-size:cover;background-position:center}@media(min-width:768px){.auth-layout{flex-direction:row}.auth-image-pane{flex:3;height:auto}}.auth-overlay{position:absolute;bottom:0;left:0;right:0;padding:3rem;background:linear-gradient(to top,#000000b3,#0000);color:#fff}.auth-overlay h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#d1d5db}.auth-overlay h1 span{color:#fff}.auth-contact-list{display:none;margin-top:1.5rem;list-style:none;font-size:.9rem}@media(min-width:768px){.auth-contact-list{display:block}}.auth-contact-list li{display:flex;align-items:center;margin-bottom:.75rem;gap:.75rem}.auth-form-pane{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2rem;width:100%;max-width:100%;margin:0 auto}@media(min-width:768px){.auth-form-pane{padding:4rem;max-width:none}}.reg-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-page)}.reg-header{background-color:#fff;padding:1rem 2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000000d;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50}.reg-logo-icon{width:44px;height:44px;border-radius:50%;background-color:var(--color-accent);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 5px #1e4d3b4d}.reg-header-title{font-size:1.125rem;font-weight:700;color:var(--color-primary);letter-spacing:.5px;text-transform:uppercase}.reg-content{flex:1;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center}.reg-container{width:100%;max-width:800px}.reg-progress-section{margin-bottom:2rem;width:100%}.reg-step-title{font-size:1.25rem;font-weight:700;color:var(--color-primary);margin-bottom:.75rem}.progress-bar-container{width:100%;height:8px;background-color:var(--color-border);border-radius:4px;overflow:hidden;margin-bottom:.75rem}.progress-bar-fill{height:100%;background-color:var(--color-secondary);border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1)}.reg-step-subtitle{font-size:.875rem;color:var(--color-text-muted);font-weight:500}.reg-card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:2.5rem;width:100%;box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.02)}@media(max-width:768px){.reg-card{padding:1.5rem}}.reg-container:has(.activate-payment-page){max-width:1040px}.activate-payment-page~.reg-card,.reg-card:has(.activate-payment-page){padding:1.5rem}.gp-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:18px;background:#0f172a75;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:gpFadeIn .16s ease}.gp-modal{width:100%;max-width:440px;background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:14px;box-shadow:0 24px 70px #0f172a3d;padding:22px;animation:gpSlideUp .18s ease}.gp-modal-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-weight:900}.gp-modal-icon.info{background:#eaf1ff;color:#2d6be4}.gp-modal-icon.success{background:#d1fae5;color:#047857}.gp-modal-icon.danger{background:#ffe4e6;color:#be123c}.gp-modal-kicker{margin:0 0 6px;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.gp-modal-title{margin:0;color:#0a1628;font-size:19px;line-height:1.3;font-weight:800}.gp-modal-message{margin:12px 0 0;color:#475569;font-size:14px;line-height:1.6;white-space:pre-line}.gp-modal-body--compact{margin-top:4px}.gp-modal-message--compact{margin-top:0}.gp-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}.gp-btn{border:none;border-radius:10px;padding:11px 16px;font-weight:800;font-size:13px;cursor:pointer}.gp-btn-primary{color:#fff;background:#0a1628;box-shadow:0 8px 18px #0a16282e}.gp-btn-primary:hover{background:#13233a}.gp-btn-secondary{color:#475569;background:#f1f5f9}.gp-btn-secondary:hover{background:#e2e8f0}@keyframes gpFadeIn{0%{opacity:0}to{opacity:1}}@keyframes gpSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.auth-page{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:450px;margin:0 auto}.auth-header{margin-bottom:2rem}.auth-title{font-size:2.25rem;font-weight:700;color:#111827;margin-bottom:.5rem}.auth-subtitle{color:var(--color-text-muted);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:var(--color-text-main)}.input-container{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--color-text-muted)}.input-icon-right{position:absolute;right:1rem;color:var(--color-text-muted);cursor:pointer}.form-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-input);font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--color-btn-gray);box-shadow:0 0 0 2px #73737333}.auth-actions{display:flex;justify-content:flex-end;margin-top:-.5rem}.auth-link{font-size:.875rem;font-weight:600;color:#4b5563;text-decoration:none}.auth-link:hover{text-decoration:underline}.btn-primary{width:100%;padding:.875rem;background-color:var(--color-btn-gray-hover);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn-primary:hover{background-color:#404040}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--color-text-muted);font-size:.875rem;font-weight:600}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.auth-divider:before{margin-right:1rem}.auth-divider:after{margin-left:1rem}.auth-footer{text-align:center;font-size:.875rem;color:var(--color-text-muted)}.auth-footer a{font-weight:700;color:var(--color-text-main);text-decoration:none}.pw-criteria-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:.82rem;color:#6b7280;margin:-6px 0 4px}.pw-criteria-item{display:flex;align-items:center;gap:4px}.pw-criteria-item .pw-check{font-size:1rem;font-weight:700}.pw-criteria-item.pw-met{color:var(--color-secondary, #059669)}.reg-page-title{font-size:1.25rem;font-weight:700;color:#4b5563;margin-bottom:2rem}.reg-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid-2{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.form-grid-2{grid-template-columns:1fr 1fr}}.reg-form-group{display:flex;flex-direction:column;gap:.5rem}.reg-form-label{font-size:.875rem;color:#6b7280}.reg-form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#f9fafb;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.reg-form-input:focus{outline:none;border-color:var(--color-btn-gray);box-shadow:0 0 0 2px #73737333}.reg-form-textarea{resize:vertical;min-height:100px}.custom-select-wrapper{position:relative}.custom-select-wrapper:after{content:"▼";font-size:.75rem;color:#6b7280;position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none}.reg-form-select{appearance:none;padding-right:2.5rem}.file-upload-box{width:100%;padding:1rem;border:1px dashed var(--color-border);border-radius:var(--radius-md);background-color:#f9fafb;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#4b5563;transition:background-color .2s}.file-upload-box:hover{background-color:#f3f4f6}.reg-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.btn-secondary{padding:.875rem 1.5rem;background-color:#d1d5db;color:#4b5563;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-secondary:hover{background-color:#9ca3af;color:#fff}.btn-primary-sm{padding:.875rem 1.5rem;background-color:var(--color-btn-gray-hover);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary-sm:hover{background-color:#404040}.checkbox-group{display:flex;align-items:flex-start;gap:.75rem;margin-top:.5rem}.checkbox-group input[type=checkbox]{margin-top:.25rem;width:1.125rem;height:1.125rem;accent-color:var(--color-btn-gray-hover)}.checkbox-label{font-size:.875rem;color:#6b7280;line-height:1.5}.checkbox-label strong{display:block;font-weight:600;color:#4b5563;margin-bottom:.25rem}.terms-box{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000000d;margin-bottom:2rem;transition:transform .2s ease}.terms-box:hover{transform:translateY(-2px)}.terms-header{padding:12px 20px;background-color:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.terms-header-title{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:#1e293b}.terms-content{padding:0;height:550px;background-color:#f1f5f9;position:relative}.terms-placeholder{padding:2.5rem;height:100%;overflow-y:auto;color:#334155}.terms-placeholder h3{color:#0f172a;font-size:1.1rem;margin-top:1.5rem;margin-bottom:.75rem}.terms-footer{padding:1.5rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:1rem}.agreement-card{display:flex;flex-direction:column;gap:1.5rem}.custom-checkbox-container{display:flex;gap:12px;cursor:pointer;padding:12px;border-radius:8px;transition:background-color .2s;border:1px solid transparent}.custom-checkbox-container:hover{background-color:#f1f5f9}.custom-checkbox-container.active{background-color:#f0f9ff;border-color:#bae6fd}.checkbox-visual{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .2s}.custom-checkbox-container input:checked+.checkbox-visual{background-color:#2563eb;border-color:#2563eb;color:#fff}.terms-actions{display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid #e5e7eb;padding-top:1.5rem}.btn-professional-primary{background-color:#1e293b;color:#fff;padding:10px 24px;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s;border:none;cursor:pointer}.btn-professional-primary:hover:not(:disabled){background-color:#0f172a;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.btn-professional-primary:disabled{background-color:#cbd5e1;cursor:not-allowed}.btn-professional-outline{background-color:transparent;border:1px solid #e2e8f0;color:#64748b;padding:10px 24px;border-radius:8px;font-weight:600;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center}.btn-professional-outline:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#334155}.pdf-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f1f5f9;color:#64748b;gap:12px}.spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}.reg-icon-header{display:flex;justify-content:center;margin-bottom:1.5rem}.reg-logo-icon-large{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #1e4d3b33}.reg-page-title{font-size:1.5rem;font-weight:800;color:var(--color-primary);letter-spacing:-.5px}.reg-page-subtitle{font-size:.95rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:1.5rem}.text-center{text-align:center}.justify-center{justify-content:center}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pb-4{padding-bottom:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pl-10{padding-left:2.5rem}.pr-10{padding-right:2.5rem}.mx-auto{margin-left:auto;margin-right:auto}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.w-full,.full-width{width:100%}.relative{position:relative}.absolute{position:absolute}.block{display:block}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.gap-4{gap:1rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-letter-spacing{letter-spacing:.5rem;font-size:1.25rem}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-green-600{color:#16a34a}.text-blue-500{color:#3b82f6}.text-primary,.bg-primary{color:var(--color-primary)}.bg-accent{background-color:var(--color-accent)}.bg-gray-50{background-color:#f9fafb}.bg-blue-50{background-color:#eff6ff}.bg-black{background-color:#000}.text-white{color:#fff}.text-link{color:var(--color-primary);text-decoration:none;font-weight:600;font-size:.875rem}.text-link:hover{text-decoration:underline}.grid-2-col{display:grid;grid-template-columns:1fr;gap:.5rem}@media(min-width:640px){.grid-2-col{grid-template-columns:1fr 1fr}}.password-input-wrapper{display:flex;align-items:center}.password-input-wrapper .input-icon-left{position:absolute;left:.75rem;color:#9ca3af}.password-input-wrapper .password-toggle{position:absolute;right:.75rem;background:none;border:none;padding:0;cursor:pointer;color:#9ca3af}.password-input-wrapper input::-ms-reveal,.password-input-wrapper input::-ms-clear{display:none}.password-criteria{font-size:.875rem;color:#6b7280}.criteria-item{display:flex;align-items:center}.criteria-item .check-box{font-size:1rem;margin-right:.35rem;font-weight:700}.criteria-item.met{color:var(--color-secondary)}.btn-primary-full{width:100%;padding:1rem;background-color:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #1e4d3b26}.btn-primary-full:hover{background-color:#14362a;transform:translateY(-1px);box-shadow:0 6px 8px #1e4d3b33}.status-timeline{display:flex;flex-direction:column;gap:1.5rem;position:relative}.timeline-item{display:flex;align-items:flex-start;gap:1.25rem;position:relative}.timeline-icon{width:36px;height:36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;z-index:2}.completed .timeline-icon{border:2px solid var(--color-secondary);color:var(--color-secondary)}.in-progress .timeline-icon{border:2px solid var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 4px #0a25401a}.pending .timeline-icon{border:2px solid var(--color-border);color:#9ca3af}.timeline-line:after{content:"";position:absolute;top:-24px;left:17px;width:2px;height:36px;background-color:var(--color-secondary);z-index:1}.pending .timeline-line:after{background-color:var(--color-border)}.timeline-title{font-weight:500;font-size:1rem;color:#4b5563;margin-bottom:.25rem;transition:all .3s ease}.timeline-title.title-active{color:var(--color-primary);font-weight:800;font-size:1.05rem}.timeline-title.title-pending{color:#9ca3af}.timeline-desc{font-size:.875rem;color:#6b7280;line-height:1.4}.payment-card{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.payment-method-item{transition:all .2s;border-bottom:1px solid #f3f4f6}.payment-method-item:last-child{border-bottom:none}.payment-method-item:hover{background-color:#f9fafb}.cursor-pointer{cursor:pointer}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-width:1px;border-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.transition-shadow{transition-property:box-shadow;transition-duration:.3s}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-duration:.15s}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:rotate(45deg)}.rotate-180{--tw-rotate: 180deg;transform:rotate(180deg)}.translate-x-4{--tw-translate-x: 1rem;transform:translate(1rem) translateY(var(--tw-translate-y))}.translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x)) translateY(.5rem)}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translateY(-50%)}.bg-yellow-300{background-color:#fde047}.text-yellow-800{color:#854d0e}.activate-payment-page{width:100%;max-width:960px;margin:0 auto;padding:.5rem 0 2rem;font-family:var(--font-family)}.activate-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,#1A3A60 100%);border-radius:var(--radius-lg);color:#fff;box-shadow:0 4px 20px #0a254040}.activate-header-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#ffffff26;border-radius:14px;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.activate-title{font-size:1.25rem;font-weight:800;margin-bottom:.2rem;letter-spacing:-.3px}.activate-subtitle{font-size:.85rem;opacity:.8;line-height:1.4}.activate-layout{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:start}@media(max-width:768px){.activate-layout{grid-template-columns:1fr}}.activate-section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.75rem}.activate-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;font-size:.85rem;font-weight:500;margin-bottom:.75rem}.activate-methods{display:flex;flex-direction:column;gap:.75rem}.activate-method-card{background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s;overflow:hidden}.activate-method-card:hover{border-color:#cbd5e1;box-shadow:0 2px 12px #00000012;transform:translateY(-1px)}.activate-method-card.selected{border-color:var(--method-color, #1A56DB);box-shadow:0 0 0 3px rgba(var(--method-rgb, 26,86,219),.15)}.activate-method-top{display:flex;align-items:center;gap:.875rem;padding:1rem 1.125rem}.activate-method-icon-wrap{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:rgba(var(--method-rgb, 26,86,219),.1);color:var(--method-color, #1A56DB);flex-shrink:0}.activate-method-info{flex:1}.activate-method-label{display:block;font-size:.9rem;font-weight:700;color:#1e293b;margin-bottom:.15rem}.activate-method-desc{display:block;font-size:.78rem;color:#64748b}.activate-method-chevron{color:#94a3b8;transition:color .2s}.activate-method-card.selected .activate-method-chevron{color:var(--method-color, #1A56DB)}.activate-channels{max-height:0;overflow:hidden;transition:max-height .3s ease}.activate-channels.open{max-height:200px}.activate-channels-inner{padding:1rem 1.125rem 1.125rem;border-top:1px solid #f1f5f9}.activate-channels-logos{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}.activate-pay-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,#1A3A60 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.01em}.activate-pay-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #0a25404d}.activate-pay-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.activate-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.activate-security-note{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:#f8fafc;border-radius:var(--radius-md);font-size:.78rem;color:#64748b;line-height:1.5;border:1px solid #e2e8f0}.activate-security-note svg{flex-shrink:0;color:#059669;margin-top:1px}.activate-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:1.5rem}.activate-countdown{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-md);font-size:.82rem;color:#92400e;font-weight:500}.activate-countdown.urgent{background:#fef2f2;border-color:#fecaca;color:#dc2626;animation:urgentPulse 1s ease-in-out infinite}@keyframes urgentPulse{0%,to{opacity:1}50%{opacity:.7}}.activate-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 12px #0000000f}.activate-summary-header{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.125rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#475569}.activate-summary-header svg{color:#059669}.activate-summary-body{padding:1rem 1.125rem}.activate-summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem;font-size:.83rem}.activate-summary-row span:first-child{color:#64748b}.activate-summary-row span:last-child{font-weight:600;color:#1e293b}.activate-ref{font-family:monospace;font-size:.75rem!important;color:#475569!important}.activate-summary-divider{height:1px;background:#e2e8f0;margin:.75rem 0}.activate-summary-total{display:flex;justify-content:space-between;align-items:center}.activate-summary-total span:first-child{font-size:.83rem;color:#64748b;font-weight:600}.activate-summary-total span:last-child{font-size:1.25rem;font-weight:800;color:var(--color-primary)}.activate-loading-pill{display:inline-block;background:#e2e8f0;border-radius:6px;width:90px;height:22px;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.activate-info-box{padding:.875rem 1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-md);font-size:.8rem;color:#1e40af;line-height:1.6}.activate-cta-hint{width:100%;padding:.75rem;background:transparent;border:1px dashed #cbd5e1;border-radius:var(--radius-md);font-size:.82rem;color:#64748b;cursor:pointer;transition:background .2s,border-color .2s}.activate-cta-hint:hover{background:#f8fafc;border-color:#94a3b8}.payment-success-page{position:relative;width:100%;min-height:100vh;padding:3rem 1rem;overflow:hidden;background:radial-gradient(circle at top left,rgba(37,99,235,.18),transparent 36%),radial-gradient(circle at top right,rgba(16,185,129,.12),transparent 32%),linear-gradient(180deg,#f8fbff,#eef4fb);display:flex;align-items:center;justify-content:center}.payment-success-backdrop{position:absolute;border-radius:999px;filter:blur(6px);pointer-events:none}.payment-success-backdrop-left{width:240px;height:240px;top:-80px;left:-90px;background:#0ea5e91f}.payment-success-backdrop-right{width:320px;height:320px;right:-120px;bottom:-120px;background:#22c55e1f}.payment-success-shell{position:relative;width:100%;max-width:820px;z-index:1}.payment-success-card{background:#ffffffeb;border:1px solid rgba(148,163,184,.22);border-radius:28px;box-shadow:0 25px 70px #0f172a1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:2rem}.payment-success-hero{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}.payment-success-icon-wrap{width:72px;height:72px;border-radius:22px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#2563eb,#0f766e);box-shadow:0 16px 35px #2563eb47}.payment-success-hero-copy h2{margin:.75rem 0 .5rem;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.1;letter-spacing:-.04em;color:#0f172a}.payment-success-hero-copy p{margin:0;max-width:52ch;color:#475569;font-size:.98rem;line-height:1.65}.payment-success-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border-radius:999px;background:#2563eb14;color:#1d4ed8;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.payment-success-message{margin-top:1.5rem;padding:1rem 1.1rem;border-radius:18px;background:linear-gradient(135deg,#eff6fff2,#ecfdf5f2);border:1px solid rgba(147,197,253,.32);color:#334155;line-height:1.7}.payment-success-summary{margin-top:1.25rem;padding:1.2rem;border-radius:22px;background:#fff;border:1px solid #e2e8f0}.payment-success-summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #e2e8f0}.payment-success-label{display:block;margin-bottom:.25rem;font-size:.72rem;font-weight:800;color:#64748b;letter-spacing:.12em;text-transform:uppercase}.payment-success-summary-header h3{margin:0;color:#0f172a;font-size:1.08rem;letter-spacing:-.02em}.payment-success-status{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:.45rem .75rem;border-radius:999px;background:#ecfdf5;color:#047857;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.payment-success-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.payment-success-row{padding:.95rem 1rem;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.payment-success-row span{display:block;margin-bottom:.35rem;color:#64748b;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.payment-success-row strong{color:#0f172a;font-size:1rem;line-height:1.35}.payment-success-status-text{color:#059669!important}.payment-success-agreement{margin-top:1.25rem;padding:1.15rem 1.2rem;border-radius:22px;background:linear-gradient(180deg,#eff6ff,#f8fafc);border:1px solid rgba(191,219,254,.8)}.payment-success-agreement h4{margin:0 0 .5rem;color:#1e3a8a;font-size:.85rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.payment-success-agreement p{margin:0;color:#334155;line-height:1.7}.payment-success-agreement span{font-weight:800;color:#0f172a}.payment-success-actions{margin-top:1.5rem;display:flex;justify-content:flex-end}.payment-success-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.95rem 1.3rem;border:none;border-radius:16px;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;font-size:.9rem;font-weight:800;letter-spacing:.02em;cursor:pointer;box-shadow:0 16px 28px #0f172a2e;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.payment-success-btn:hover{transform:translateY(-1px);box-shadow:0 20px 35px #0f172a38;filter:brightness(1.02)}@media(max-width:768px){.payment-success-page{padding:1.25rem}.payment-success-card{padding:1.25rem;border-radius:22px}.payment-success-hero{grid-template-columns:1fr}.payment-success-icon-wrap{width:64px;height:64px}.payment-success-summary-header{flex-direction:column}.payment-success-rows{grid-template-columns:1fr}.payment-success-actions{justify-content:stretch}.payment-success-btn{width:100%;justify-content:center}}.hover\\:bg-gray-800:hover{background-color:#1f2937}.disabled\\:bg-gray-400:disabled{background-color:#9ca3af}.opacity-50{opacity:.5}.cursor-not-allowed{cursor:not-allowed}.bg-secondary{background-color:var(--color-secondary)}.space-y-4>*+*{margin-top:1rem}:root{--dl-navy: #0A1628;--dl-blue: #2D6BE4;--dl-blue-lt: #4880F0;--dl-green: #059669;--dl-surf2: #F5F8FF;--dl-bdr: rgba(10, 22, 40, .08);--dl-txt: #0A1628;--dl-txt2: #3D5270;--dl-txt3: #7A90B0;--sidebar-w: 260px;--hdr-h: 68px;--font-h: var(--font-family);--font-b: "DM Sans", sans-serif}.dl-app{display:flex;height:100vh;width:100%;overflow:hidden;font-family:var(--font-b);background:var(--dl-surf2)}.dl-sidebar{width:var(--sidebar-w);background:var(--dl-navy);display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:40;overflow:visible;transition:width .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1)}.dl-sidebar.collapsed{width:80px}.dl-sidebar.collapsed .dl-sb-item-text,.dl-sidebar.collapsed .dl-sb-lbl,.dl-sidebar.collapsed .dl-sb-dot,.dl-sidebar.collapsed .dl-sb-children{display:none!important}.dl-sidebar.collapsed .dl-sb-item,.dl-sidebar.collapsed .dl-sb-parent,.dl-sidebar.collapsed .dl-sb-parent-left{justify-content:center;padding:12px 0;gap:0}.dl-sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 10% 20%,rgba(45,107,228,.12) 0%,transparent 60%);z-index:0}.dl-collapse-trigger{position:absolute;right:-14px;top:36px;width:28px;height:28px;background:#fff;border:1px solid var(--dl-bdr);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #00000014;color:var(--dl-navy);z-index:50;transition:all .2s}.dl-collapse-trigger:hover{background:#f8fafc;transform:scale(1.1)}.dl-sb-logo{height:var(--hdr-h);display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;overflow:hidden}.dl-sb-logo-img{width:32px;height:32px;object-fit:contain;flex-shrink:0;border-radius:4px}.dl-sb-logo-text{overflow:hidden;white-space:nowrap;opacity:1;transition:opacity .2s,width .2s}.dl-sidebar.collapsed .dl-sb-logo-text{opacity:0;width:0}.dl-sb-logo-text strong{display:block;font-family:var(--font-h);font-size:11.5px;font-weight:700;color:#fff;letter-spacing:.05em;line-height:1.3}.dl-sb-logo-text span{font-size:10px;color:#ffffff61;letter-spacing:.07em}.dl-sb-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 16px 24px;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.dl-sb-nav::-webkit-scrollbar{width:6px}.dl-sb-nav::-webkit-scrollbar-track{background:transparent}.dl-sb-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.dl-sb-nav::-webkit-scrollbar-thumb:hover{background:#ffffff40}.dl-sb-lbl{font-size:11px;font-weight:700;color:#ffffff4d;margin-top:10px;margin-bottom:8px;padding-left:12px;letter-spacing:.05em;white-space:nowrap}.dl-sb-item,.dl-sb-parent{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#ffffff7a;font-size:13px;font-weight:500;text-decoration:none;transition:all .16s ease;position:relative;background:transparent;width:100%;border:none;cursor:pointer}.dl-sb-item:hover,.dl-sb-parent:hover{background:#ffffff0f;color:#ffffffd1}.dl-sb-item.active{background:var(--dl-blue);color:#fff;font-weight:600;box-shadow:0 4px 12px #4880f033}.dl-sb-parent.active{background:#ffffff0a;color:#fff;font-weight:600;box-shadow:none}.dl-sb-dot{position:absolute;left:-8px;top:50%;transform:translateY(-50%) scale(0);width:6px;height:6px;background:#fff;border-radius:50%;transition:transform .2s}.dl-sb-item.active .dl-sb-dot{transform:translateY(-50%) scale(1)}.dl-sb-item svg,.dl-sb-parent-icon svg{color:inherit;transition:transform .2s}.dl-sb-group{display:flex;flex-direction:column}.dl-sb-parent-left{display:flex;align-items:center;gap:12px}.dl-sb-children{display:flex;flex-direction:column;padding-left:36px;overflow:hidden;max-height:0;transition:max-height .3s ease-out}.dl-sb-children.open{max-height:200px}.dl-sb-child{padding:8px 12px 8px 6px;color:#fff6;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s;display:flex;align-items:center}.dl-sb-child:hover{color:#fff}.dl-sb-child.active{color:#fff;font-weight:700}.dl-sb-item svg{flex-shrink:0;color:#ffffff59;transition:color .16s}.dl-sb-item.active svg,.dl-sb-item:hover svg{color:#ffffffd9}.dl-sb-footer{padding:10px 10px 18px;border-top:1px solid rgba(255,255,255,.07)}.dl-sb-item.logout{color:#ef4444a6}.dl-sb-item.logout:hover{background:#ef44441a;color:#f87171}.dl-sb-item.logout svg{color:#ef44448c}.dl-main-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}.dl-header{height:var(--hdr-h);background:#fff;border-bottom:1px solid var(--dl-bdr);display:flex;align-items:center;justify-content:space-between;padding:0 28px;flex-shrink:0}.dl-hdr-left{display:flex;align-items:center;gap:16px}.dl-hdr-title{font-family:var(--font-h);font-size:16px;font-weight:700;color:var(--dl-navy)}.dl-hdr-breadcrumb{font-size:12px;color:var(--dl-txt3)}.dl-hdr-breadcrumb span{color:var(--dl-blue);font-weight:600}.dl-hdr-right{display:flex;align-items:center;gap:14px}.dl-hdr-notif{width:36px;height:36px;border-radius:50%;background:var(--dl-surf2);border:1px solid var(--dl-bdr);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;color:var(--dl-txt2);position:relative}.dl-hdr-notif:hover{background:#eef3fb}.dl-notif-dot{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:#e11d48;border:2px solid #fff}.dl-notif-dropdown{position:absolute;top:52px;right:-24px;width:340px;background:#fff;border-radius:16px;box-shadow:0 12px 32px #0a16281f;border:1px solid var(--dl-bdr);cursor:default;z-index:100;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .2s cubic-bezier(.175,.885,.32,1.275)}.dl-notif-header{padding:16px 20px;border-bottom:1px solid var(--dl-bdr);display:flex;justify-content:space-between;align-items:center;background:var(--dl-surf2)}.dl-notif-header h4{margin:0;font-family:var(--font-h);font-size:15px;font-weight:800;color:var(--dl-navy)}.dl-notif-mark{font-size:11px;font-weight:700;color:var(--dl-blue);cursor:pointer}.dl-notif-mark:hover{text-decoration:underline}.dl-notif-body{max-height:300px;overflow-y:auto}.dl-notif-item{display:flex;gap:16px;padding:16px 20px;border-bottom:1px solid var(--dl-bdr);transition:background .15s;cursor:pointer}.dl-notif-item:hover{background:var(--dl-surf2)}.dl-notif-item.unread{background:#f8faff}.dl-notif-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dl-notif-icon.success{background:#dcfce7;color:#059669}.dl-notif-icon.warning{background:#fef3c7;color:#d97706}.dl-notif-icon.info{background:#e0e7ff;color:#4338ca}.dl-notif-content p{margin:0 0 4px;font-size:12.5px;color:var(--dl-txt2);line-height:1.4;text-align:left}.dl-notif-content p strong{color:var(--dl-navy);font-size:13.5px}.dl-notif-content .time{font-size:10.5px;color:var(--dl-txt3);font-weight:500}.dl-notif-footer{padding:12px;background:var(--dl-surf2);border-top:1px solid var(--dl-bdr)}.dl-notif-footer button{width:100%;background:transparent;border:none;color:var(--dl-blue);font-size:12px;font-weight:800;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.dl-notif-footer button:hover{background:#2d6be41a}.dl-avatar-btn{display:flex;align-items:center;gap:9px;background:transparent;border:none;padding:5px 10px 5px 5px;border-radius:99px;cursor:pointer;transition:background .15s}.dl-avatar-btn:hover{background:var(--dl-surf2)}.dl-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--dl-blue) 0%,#162B52 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-size:12px;font-weight:700;color:#fff;letter-spacing:.02em}.dl-avatar-info{text-align:left}.dl-avatar-name{font-size:12.5px;font-weight:600;color:var(--dl-txt);line-height:1.25}.dl-avatar-id{font-size:11px;color:var(--dl-txt3);line-height:1.25}.dl-content{flex:1;overflow-y:auto;padding:26px 28px;background:var(--dl-surf2)}.dl-floating-wa{position:fixed;bottom:26px;right:26px;width:52px;height:52px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #25d36673;z-index:60;transition:transform .18s,box-shadow .18s}.dl-floating-wa:hover{transform:scale(1.07);box-shadow:0 8px 24px #25d36680}.dl-mobile-toggle{display:none;background:none;border:none;color:var(--dl-navy);cursor:pointer;padding:4px}.dl-sidebar-overlay{display:none;position:fixed;inset:0;background:#0a162880;z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:900px){.dl-mobile-toggle{display:block}.dl-collapse-trigger,.dl-hdr-title{display:none}.dl-sidebar{position:fixed;height:100vh;left:0;top:0;transform:translate(-100%);width:var(--sidebar-w)!important}.dl-sidebar.open{transform:translate(0)}.dl-sidebar-overlay.open{display:block}.dl-content{padding:18px}}.dl-avatar-btn.admin-view:hover{background:transparent!important}.dl-wa-wrapper{position:fixed;bottom:26px;right:26px;z-index:70}.dl-wa-backdrop{position:fixed;inset:0;background:#00000040;z-index:60}.dl-wa-menu{position:absolute;bottom:68px;right:0;width:320px;background:#fff;border-radius:12px;box-shadow:0 12px 32px #0a16281f;border:1px solid rgba(10,22,40,.06);padding:12px;z-index:71}.dl-wa-menu-header{display:flex;gap:8px;align-items:center;font-weight:700;color:#0a1628;margin-bottom:6px}.dl-wa-menu-sub{margin:0 0 8px;font-size:13px;color:#475569}.dl-wa-menu-list{list-style:none;margin:0;padding:0;max-height:220px;overflow:auto}.dl-wa-menu-item{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;text-decoration:none;color:#0a1628}.dl-wa-menu-item:hover{background:#f1f5f9}.dl-wa-menu-item-icon{width:28px;display:inline-flex;align-items:center;justify-content:center}.dl-floating-wa.active{transform:scale(.98);box-shadow:0 6px 14px #0000001f}:root{--dh-navy: #0F172A;--dh-navy-mid: #1E293B;--dh-accent: #3B82F6;--dh-accent-lt: rgba(59, 130, 246, .08);--dh-emerald: #10B981;--dh-emerald-bg: rgba(16, 185, 129, .08);--dh-teal: #0EA5E9;--dh-teal-bg: rgba(14, 165, 233, .08);--dh-rose: #F43F5E;--dh-rose-bg: rgba(244, 63, 94, .08);--dh-amber: #F59E0B;--dh-surface: #FFFFFF;--dh-surface-2: #F8FAFC;--dh-surface-3: #F1F5F9;--dh-border: rgba(226, 232, 240, .8);--dh-border-md: rgba(203, 213, 225, 1);--dh-txt: #1E293B;--dh-txt-2: #475569;--dh-txt-3: #64748B;--dh-radius: 20px;--dh-radius-sm: 12px;--dh-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--dh-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--dh-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--dh-font-head: var(--font-family);--dh-font-body: "DM Sans", sans-serif}.dash-home{max-width:1400px;margin:0 auto;font-family:var(--dh-font-body)}.dh-page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.dh-page-header h1{font-family:var(--dh-font-head);font-size:26px;font-weight:800;color:var(--dh-navy);letter-spacing:-.025em;line-height:1.15;margin:0}.dh-page-header p{font-size:13px;color:var(--dh-txt-3);margin-top:5px;font-weight:400}.dh-report-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:var(--dh-radius-sm);border:1.5px solid var(--dh-navy);background:transparent;color:var(--dh-navy);font-family:var(--dh-font-body);font-size:13px;font-weight:700;cursor:pointer;transition:background .18s,color .18s;white-space:nowrap}.dh-report-btn:hover{background:var(--dh-navy);color:#fff}.dash-grid-4{display:grid;grid-template-columns:repeat(1,1fr);gap:18px}@media(min-width:640px){.dash-grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.dash-grid-4{grid-template-columns:repeat(4,1fr)}}.dash-grid-2{display:grid;grid-template-columns:1fr;gap:18px;margin-top:18px}@media(min-width:1024px){.dash-grid-2{grid-template-columns:repeat(2,1fr)}}.premium-card{background-color:var(--dh-surface);border-radius:var(--dh-radius);padding:24px;box-shadow:var(--dh-shadow-sm);border:1px solid var(--dh-border);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.premium-card.group:hover{transform:translateY(-4px);box-shadow:var(--dh-shadow-lg);border-color:#3b82f633}.stat-card-blue:before,.stat-card-green:before,.stat-card-teal:before,.stat-card-rose:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px}.stat-card-blue:before{background:var(--dh-accent)}.stat-card-green:before{background:var(--dh-emerald)}.stat-card-teal:before{background:var(--dh-teal)}.stat-card-rose:before{background:var(--dh-rose)}.icon-wrapper{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.blue-gradient{background:var(--dh-accent-lt);color:var(--dh-accent)!important}.green-gradient{background:var(--dh-emerald-bg);color:var(--dh-emerald)!important}.teal-gradient{background:var(--dh-teal-bg);color:var(--dh-teal)!important}.red-gradient{background:var(--dh-rose-bg);color:var(--dh-rose)!important}.blue-gradient svg,.green-gradient svg,.teal-gradient svg,.red-gradient svg{stroke:currentColor!important}.badge-soft-green{background:#f0fdf4;color:#15803d;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px;border:1px solid #DCFCE7;white-space:nowrap}.badge-soft-gray{background:var(--dh-surface-2);color:var(--dh-txt-3);padding:3px 9px;border-radius:99px;font-size:11px;font-weight:700}.pay-now-badge-btn{background:var(--dh-rose);color:#fff;padding:5px 14px;border-radius:99px;font-size:11px;font-weight:800;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #f43f5e4d;text-transform:uppercase;letter-spacing:.05em}.pay-now-badge-btn:hover{background:#e11d48;transform:translateY(-1px);box-shadow:0 6px 14px #f43f5e66}.pay-now-badge-btn:active{transform:translateY(0)}.dh-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.dh-payment-modal{background:#fff;width:100%;max-width:440px;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.dh-modal-header{padding:24px;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9}.dh-modal-header .header-title{display:flex;align-items:center;gap:16px}.dh-modal-header .icon-box{width:44px;height:44px;background:#fff1f2;border-radius:12px;display:flex;align-items:center;justify-content:center}.dh-modal-header h3{font-size:18px;font-weight:700;color:#1e293b;margin:0}.dh-modal-header p{font-size:13px;color:#64748b;margin:2px 0 0}.dh-modal-header .close-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.dh-modal-header .close-btn:hover{background:#f1f5f9;color:#1e293b}.dh-modal-content{padding:24px;max-height:70vh;overflow-y:auto}.payment-group-label{font-size:13px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:20px 0 12px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.payment-options{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.payment-option{padding:14px 16px;border:2px solid #f1f5f9;border-radius:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s}.payment-option:hover{border-color:#e2e8f0;background:#f8fafc}.payment-option.selected{border-color:#f43f5e;background:#fff1f2}.payment-option.sub-option{padding:12px 14px;margin-left:12px;border-width:1px}.payment-option.sub-option .option-label{font-size:14px}.payment-option .option-info{display:flex;align-items:center;gap:12px}.payment-option .checkbox{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#fff;color:transparent;transition:all .2s}.payment-option .checkbox.checked{background:#f43f5e;border-color:#f43f5e;color:#fff}.payment-option .option-label{display:block;font-size:15px;font-weight:600;color:#1e293b}.payment-option .option-desc{display:block;font-size:12px;color:#64748b}.payment-option .option-amount{font-size:14px;font-weight:700;color:#1e293b}.no-items-msg{text-align:center;padding:20px;color:#94a3b8;font-size:14px;font-style:italic;background:#f8fafc;border-radius:12px;border:1px dashed #e2e8f0}.payment-summary-box{background:#f8fafc;padding:20px;border-radius:16px;margin-bottom:24px;position:sticky;bottom:0}.summary-row{display:flex;justify-content:space-between;font-size:14px;color:#64748b;margin-bottom:12px}.summary-row.total{margin-top:12px;padding-top:12px;border-top:1px dashed #cbd5e1;color:#1e293b;font-weight:700;margin-bottom:0}.total-val{font-size:18px;color:#f43f5e}.dh-modal-pay-btn{width:100%;padding:16px;background:#f43f5e;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 10px 15px -3px #f43f5e4d}.dh-modal-pay-btn:hover:not(:disabled){background:#e11d48;transform:translateY(-2px);box-shadow:0 12px 20px -3px #f43f5e66}.dh-modal-pay-btn:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none}.summary-label{font-size:11px;color:var(--dh-txt-3);font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.summary-value{font-family:var(--dh-font-head);font-size:24px;font-weight:800;color:var(--dh-navy);letter-spacing:-.02em;margin-top:2px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-title-group{display:flex;align-items:center;gap:12px}.chart-icon-box{width:38px;height:38px;border-radius:10px;background:var(--dh-accent-lt);display:flex;align-items:center;justify-content:center;color:var(--dh-accent);flex-shrink:0}.chart-title{font-family:var(--dh-font-head);font-size:15px;font-weight:700;color:var(--dh-navy);line-height:1.2}.chart-subtitle{font-size:11.5px;color:var(--dh-txt-3);margin-top:2px;font-weight:400}.period-tab-group{display:flex;gap:2px;background:var(--dh-surface-2);border:1px solid var(--dh-border);border-radius:var(--dh-radius-sm);padding:3px}.period-tab-btn{padding:5px 11px;border-radius:7px;border:none;background:transparent;font-size:12px;font-weight:600;color:var(--dh-txt-3);font-family:var(--dh-font-body);cursor:pointer;transition:all .15s}.period-tab-btn:hover{color:var(--dh-navy)}.period-tab-btn.active{background:var(--dh-surface);color:var(--dh-navy);box-shadow:0 1px 4px #0a16281a}.chart-canvas-wrap{height:210px;position:relative;margin-bottom:20px}.chart-metrics-row{display:flex;border-top:1px solid var(--dh-border);padding-top:18px;margin-top:auto}.chart-metric{flex:1}.chart-metric+.chart-metric{padding-left:20px;border-left:1px solid var(--dh-border)}.shu-tooltip-wrap{position:relative}.shu-tooltip-box{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:260px;padding:12px 14px;background:#0f172a;color:#e2e8f0;font-size:12px;line-height:1.5;border-radius:10px;box-shadow:0 8px 24px #0000002e;z-index:50;pointer-events:none}.shu-tooltip-box:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#0f172a}.shu-tooltip-wrap:hover .shu-tooltip-box{display:block}.metric-label-small{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dh-txt-3);margin-bottom:5px}.metric-value-big{font-family:var(--dh-font-head);font-size:18px;font-weight:800;letter-spacing:-.02em}.metric-value-big.green{color:var(--dh-emerald)}.metric-value-big.dark{color:var(--dh-navy)}.loan-balance-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dh-txt-3);margin-bottom:6px}.loan-amount-big{font-family:var(--dh-font-head);font-size:32px;font-weight:800;color:var(--dh-navy);letter-spacing:-.03em;line-height:1}.loan-amount-big .amount-cents{font-size:22px;font-weight:600;color:var(--dh-txt-3)}.loan-subtitle{font-size:13px;color:var(--dh-txt-3);margin-top:6px}.loan-subtitle strong{color:var(--dh-navy);font-weight:700}.loan-donut-row{display:flex;align-items:center;gap:24px;margin:20px 0;padding-bottom:20px;border-bottom:1px solid var(--dh-border)}.donut-container{position:relative;flex-shrink:0;width:120px;height:120px}.donut-svg-el{width:100%;height:100%;transform:rotate(-90deg)}.donut-center-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-pct{font-family:var(--dh-font-head);font-size:26px;font-weight:800;color:var(--dh-navy);line-height:1}.donut-pct-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--dh-txt-3);margin-top:2px}.loan-install-info h4{font-family:var(--dh-font-head);font-size:16px;font-weight:800;color:var(--dh-navy);margin-bottom:7px}.loan-install-info p{font-size:12.5px;color:var(--dh-txt-2);line-height:1.55}.loan-footer-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:4px}.due-chip-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dh-txt-3);margin-bottom:4px}.due-chip-val{font-family:var(--dh-font-head);font-size:14px;font-weight:700;color:var(--dh-navy)}.due-chip-val.danger{color:var(--dh-rose)}.tx-card-header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 0}.tx-card-header h3{font-family:var(--dh-font-head);font-size:16px;font-weight:700;color:#1d4ed8!important;margin:0}.tx-card-header>h3{color:#1d4ed8!important}.tx-filters-strip{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 24px 18px;border-bottom:1px solid var(--dh-border)}.filter-strip-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dh-txt-3);white-space:nowrap}.filter-sep{color:var(--dh-txt-3);font-size:13px}.filter-pill-select,.filter-pill-date{appearance:none;-webkit-appearance:none;padding:7px 34px 7px 14px;border-radius:99px;border:1px solid var(--dh-border-md);background:var(--dh-surface-2);font-family:var(--dh-font-body);font-size:12.5px;font-weight:500;color:var(--dh-txt);cursor:pointer;outline:none;transition:border-color .15s,box-shadow .15s}.filter-pill-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A1628' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:13px}.filter-pill-date{padding-right:14px}.filter-pill-select:focus,.filter-pill-date:focus{border-color:var(--dh-accent);box-shadow:0 0 0 3px #2d6be41f}.filter-pill-date::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5}.filter-pill-date::-webkit-calendar-picker-indicator:hover{opacity:.9}.filter-actions-group{display:flex;gap:8px;margin-left:auto}.btn-filter-clear{padding:7px 18px;border-radius:99px;border:1.5px solid var(--dh-border-md);background:transparent;font-family:var(--dh-font-body);font-size:12.5px;font-weight:600;color:var(--dh-txt-2);cursor:pointer;transition:all .15s}.btn-filter-clear:hover{border-color:var(--dh-navy);color:var(--dh-navy)}.btn-filter-search{padding:7px 18px;border-radius:99px;border:1.5px solid var(--dh-emerald);background:var(--dh-emerald);font-family:var(--dh-font-body);font-size:12.5px;font-weight:700;color:#fff;cursor:pointer;transition:all .15s}.btn-filter-search:hover{background:#047857;border-color:#047857}.tx-table-outer{overflow-x:auto}.tx-table{width:100%;border-collapse:collapse;border:1px solid var(--dh-border)}.tx-table thead tr{background:var(--dh-surface-2)}.tx-table th{padding:13px 20px;text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#000!important;border-bottom:1px solid var(--dh-border);white-space:nowrap}.tx-table th:not(:last-child){border-right:1px solid var(--dh-border)}.tx-table td{padding:14px 20px;border-bottom:1px solid var(--dh-border);vertical-align:middle}.tx-table td:not(:last-child){border-right:1px solid var(--dh-border)}.tx-table tbody tr{transition:background .14s;cursor:pointer}.tx-table tbody tr:hover{background:#2d6be408}.tx-table tbody tr:last-child td{border-bottom:none}.tx-date-primary{font-size:13.5px;font-weight:700;color:var(--dh-navy);display:block;line-height:1.3}.tx-date-secondary{font-size:11.5px;color:var(--dh-txt-3);display:block;margin-top:1px}.tx-type-cell{font-size:13px;color:var(--dh-txt-2);font-weight:500}.tx-amount-cell{font-family:var(--dh-font-head);font-size:13.5px;font-weight:700;color:var(--dh-navy);white-space:nowrap}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:99px;font-size:11px;font-weight:700}.status-pill:before{content:"";display:block;width:5px;height:5px;border-radius:50%}.status-pill-success{background:#dcfce7;color:#15803d;border:1px solid #BBF7D0}.status-pill-success:before{background:#16a34a}.status-pill-pending{background:#fef3c7;color:#b45309;border:1px solid #FDE68A}.status-pill-pending:before{background:#d97706}.tx-pagination-row{display:flex;justify-content:space-between;align-items:center;padding:14px 24px 18px}.pg-count-label{font-size:12.5px;color:var(--dh-txt-3)}.pg-btn-group{display:flex;gap:4px}.page-nav-btn{width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;font-family:var(--dh-font-body);font-size:13px;font-weight:600;color:var(--dh-txt-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.page-nav-btn:not(:disabled):hover{background:var(--dh-surface-2);border-color:var(--dh-border-md);color:var(--dh-navy)}.page-nav-btn.active{background:var(--dh-navy);color:#fff;border-color:var(--dh-navy)}.page-nav-btn:disabled{color:var(--dh-txt-3);cursor:default}.tx-modal-overlay{position:fixed;inset:0;background:#0a16288c;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px;animation:dh-fadeIn .15s ease}.tx-modal-card{background:var(--dh-surface);width:100%;max-width:400px;border-radius:20px;padding:32px;box-shadow:var(--dh-shadow-lg);position:relative;animation:dh-slideUp .28s cubic-bezier(.16,1,.3,1)}@keyframes dh-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dh-slideUp{0%{transform:translateY(18px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-icon-ring{width:64px;height:64px;border-radius:18px;background:#dcfce7;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.modal-header-text{text-align:center}.modal-header-text h3{font-family:var(--dh-font-head);font-size:18px;font-weight:800;color:var(--dh-navy);margin:0 0 4px}.modal-status-tag{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.modal-status-tag.success{color:var(--dh-emerald)}.modal-status-tag.pending{color:var(--dh-amber)}.modal-divider{border:none;border-top:1px solid var(--dh-border);margin:20px 0}.modal-rows{display:flex;flex-direction:column;gap:14px}.modal-row{display:flex;justify-content:space-between;align-items:center}.modal-row-key{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--dh-txt-3)}.modal-row-val{font-size:13px;font-weight:600;color:var(--dh-navy);text-align:right}.modal-row-val.tag{background:var(--dh-surface-2);border:1px solid var(--dh-border);padding:3px 12px;border-radius:99px;font-size:12px}.modal-row-val small{display:block;font-size:11px;color:var(--dh-txt-3);font-weight:400;margin-top:1px}.modal-id-block{display:flex;justify-content:space-between;align-items:center;background:var(--dh-surface-2);border:1px solid var(--dh-border-md);border-radius:var(--dh-radius-sm);padding:10px 14px}.modal-id-block .modal-row-key{margin-bottom:3px}.modal-id-code{font-size:13px;font-weight:700;color:var(--dh-navy);font-family:monospace;letter-spacing:.04em}.modal-copy-btn{background:none;border:none;cursor:pointer;color:var(--dh-txt-3);padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s}.modal-copy-btn:hover{color:var(--dh-accent)}.modal-recipient-chip{display:flex;align-items:center;gap:7px}.recipient-avatar{width:22px;height:22px;border-radius:6px;background:var(--dh-navy);color:#fff;font-size:9px;font-weight:800;font-family:var(--dh-font-head);display:flex;align-items:center;justify-content:center}.modal-dashed-divider{border:none;border-top:1.5px dashed var(--dh-border-md);margin:16px 0}.modal-total-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}.modal-total-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--dh-txt-3)}.modal-total-amount{font-family:var(--dh-font-head);font-size:22px;font-weight:800;color:var(--dh-navy);letter-spacing:-.02em}.modal-actions{display:flex;gap:10px}.btn-modal-ghost{flex:1;padding:11px;border-radius:10px;border:1.5px solid var(--dh-border-md);background:transparent;font-family:var(--dh-font-body);font-size:13px;font-weight:600;color:var(--dh-txt);cursor:pointer;transition:background .15s,border-color .15s}.btn-modal-ghost:hover{background:var(--dh-surface-2)}.btn-modal-primary{flex:1;padding:11px;border-radius:10px;border:none;background:var(--dh-navy);font-family:var(--dh-font-body);font-size:13px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}.btn-modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;border:1px solid var(--dh-border-md);background:var(--dh-surface-2);display:flex;align-items:center;justify-content:center;color:var(--dh-txt-3);font-size:13px;cursor:pointer;transition:all .15s}.btn-modal-close:hover{background:var(--dh-surface-3);color:var(--dh-navy)}@keyframes dh-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-rise-1{animation:dh-rise .4s .05s ease both}.stat-rise-2{animation:dh-rise .4s .1s ease both}.stat-rise-3{animation:dh-rise .4s .15s ease both}.stat-rise-4{animation:dh-rise .4s .2s ease both}@media(max-width:768px){.hidden-mobile{display:none!important}.dh-page-header{margin-bottom:20px}.dh-page-header h1{font-size:20px}.premium-card{padding:16px}.loan-amount-big{font-size:24px}.loan-amount-big .amount-cents{font-size:18px}.tx-filters-strip{gap:8px}.tx-card-header,.tx-filters-strip,.tx-pagination-row{padding-left:16px;padding-right:16px}}.ad-container{max-width:1300px;margin:0 auto;padding:18px 18px 28px;display:flex;flex-direction:column;gap:18px}.ad-page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:6px;border-bottom:1px solid rgba(226,232,240,.8);margin-bottom:0}.ad-page-header h1{margin:0;font-family:var(--font-family);font-size:30px;font-weight:800;color:#0f172a}.ad-page-header p{margin:6px 0 0;color:#64748b;font-size:14px}.ad-date-badge{display:flex;align-items:center;gap:8px;background:#f1f5f9;border:1px solid #E2E8F0;border-radius:12px;padding:8px 14px;color:#334155;font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0}.ad-banner{border-radius:14px;padding:14px 18px;font-weight:600;display:inline-flex;align-items:center;gap:10px;font-size:14px}.ad-banner-loading{background:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE}.ad-banner-error{background:#fee2e2;color:#991b1b;border:1px solid #FECACA}.ad-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.ad-stat-card{background:#fff;border-radius:20px;padding:20px;display:flex;flex-direction:row;align-items:flex-start;gap:16px;box-shadow:0 4px 20px #0f172a0f;border:1px solid #E2E8F0;transition:transform .2s ease,box-shadow .2s ease}.ad-stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0f172a1a}.ad-stat-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ad-stat-info{display:flex;flex-direction:column;gap:3px;min-width:0}.ad-stat-sublabel{font-size:11px;color:#94a3b8;font-weight:500;line-height:1.3}.ad-stat-info h4{margin:0;font-size:13px;font-weight:700;color:#475569}.ad-stat-val strong{font-family:var(--font-family);font-size:22px;font-weight:800;color:#0f172a;word-break:break-word;overflow-wrap:anywhere}.ad-section-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.ad-section-header h2{font-family:var(--font-family);font-size:20px;font-weight:800;color:#0f172a;margin:0 0 2px}.ad-section-desc{font-size:13px;color:#64748b;margin:0}.ad-badge-count{background:#fef3c7;color:#92400e;border:1px solid #FDE68A;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;white-space:nowrap}.ad-approvals-row{display:flex;flex-wrap:nowrap;gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.ad-approvals-row::-webkit-scrollbar{height:6px}.ad-approvals-row::-webkit-scrollbar-track{background:transparent}.ad-approvals-row::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.ad-approval-card{background:#fff;border-radius:20px;padding:18px;min-width:280px;max-width:310px;flex:0 0 295px;box-shadow:0 4px 20px #0f172a0f;border:1px solid #E2E8F0;scroll-snap-align:start;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ad-approval-card:hover{transform:translateY(-3px);box-shadow:0 16px 50px #0f172a1a;border-color:#3b82f64d}.ad-ac-header{display:flex;gap:12px;margin-bottom:16px;align-items:flex-start}.ad-ac-avatar{width:44px;height:44px;background:linear-gradient(135deg,#dbeafe,#ede9fe);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;font-weight:800;color:#4f46e5}.ad-ac-info h4{margin:0 0 3px;font-size:15px;font-weight:700;color:#0f172a}.ad-ac-info p{margin:0;font-size:12px;color:#64748b;font-weight:500}.ad-ac-status{margin-left:auto;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:700;background:#e2e8f0;color:#334155;white-space:nowrap}.ad-ac-status.status-approved{background:#d1fae5;color:#065f46}.ad-ac-status.status-pending{background:#fef3c7;color:#78350f}.ad-ac-status.status-in-progress,.ad-ac-status.status-processing{background:#dbeafe;color:#1d4ed8}.ad-ac-body{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px}.ad-ac-body .ad-col{display:flex;flex-direction:column;gap:4px;flex:1 1 140px}.ad-ac-body .ad-col .lbl{font-size:11px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.ad-ac-body .ad-col .val{font-size:14px;color:#0f172a;font-weight:600;line-height:1.5}.ad-ac-amount{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 14px;border:1px solid #E2E8F0;border-radius:14px;background:#f8fafc}.ad-ac-amount .lbl{font-size:11px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.ad-ac-amount .val{font-size:13px;font-weight:700;color:#0f172a}.ad-empty-state{width:100%;text-align:center;padding:36px;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:10px}.ad-empty-state p{margin:0;font-size:14px;font-weight:500}.ad-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ad-chart-card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 4px 20px #0f172a0f;border:1px solid #E2E8F0}.ad-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:12px}.ad-chart-header h3{margin:0 0 3px;font-family:var(--font-family);font-size:18px;font-weight:800;color:#0f172a}.ad-chart-sub{font-size:12px;color:#94a3b8;margin:0}.ad-chart-select{padding:8px 12px;border:1px solid #E2E8F0;border-radius:12px;font-size:12px;color:#334155;background:#f8fafc;outline:none;min-width:150px;cursor:pointer;flex-shrink:0}.ad-chart-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ad-chart-body{position:relative;height:260px;width:100%}@media(max-width:1200px){.ad-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.ad-charts-row{grid-template-columns:1fr}}@media(max-width:768px){.ad-container{padding:16px 16px 28px;gap:18px}.ad-page-header{flex-direction:column;align-items:flex-start}.ad-date-badge{align-self:flex-start}.ad-stats{grid-template-columns:1fr 1fr}.ad-chart-body{height:220px}}@media(max-width:480px){.ad-stats{grid-template-columns:1fr}.ad-approval-card,.ad-chart-card{padding:16px}}.prof-page{animation:fadeUp .6s cubic-bezier(.16,1,.3,1) forwards;max-width:1200px;margin:0 auto;padding:20px}.prof-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;border-bottom:1px solid rgba(10,22,40,.06);padding-bottom:16px}.prof-header h1{font-family:var(--font-family);font-size:32px;font-weight:800;color:#0a1628;margin:0;letter-spacing:-.03em;background:linear-gradient(135deg,#0a1628,#2d6be4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.prof-header p{font-size:14px;color:#64748b;margin:0 0 6px;font-weight:500}.prof-banner{background:linear-gradient(135deg,#0a1628,#1e293b);border-radius:24px;padding:40px;color:#fff;position:relative;overflow:hidden;margin-bottom:32px;box-shadow:0 20px 40px #0a162826,inset 0 1px #ffffff1a}.prof-banner:before{content:"";position:absolute;top:-120px;right:-60px;width:320px;height:320px;background:radial-gradient(circle,#2d6be44d,#2d6be400 70%);border-radius:50%;filter:blur(40px);pointer-events:none}.prof-banner:after{content:"";position:absolute;bottom:-160px;right:180px;width:280px;height:280px;background:radial-gradient(circle,#10b98133,#10b98100 70%);border-radius:50%;filter:blur(40px);pointer-events:none}.pb-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;position:relative;z-index:2}.pb-logo{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#e2e8f0}.pb-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;box-shadow:0 4px 12px #10b9814d}.pb-badge{background:#10b9811f;color:#34d399;padding:6px 18px;border-radius:99px;font-size:12px;font-weight:800;letter-spacing:.08em;border:1px solid rgba(52,211,153,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pb-content{position:relative;z-index:2}.pb-label{font-size:11px;color:#e2e8f080;font-weight:700;letter-spacing:.18em;display:block;margin-bottom:8px;text-transform:uppercase}.pb-name{font-family:var(--font-family);font-size:36px;font-weight:900;margin:0 0 28px;letter-spacing:-.01em;text-transform:uppercase;background:linear-gradient(to right,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pb-meta-grid{display:flex;gap:64px}.pb-meta-val{font-size:16px;font-weight:700;color:#f8fafc;letter-spacing:.02em}.pb-meta-val strong{display:block;font-size:20px;margin-top:4px;color:#fff}.prof-form-card{background:#fff;border-radius:20px;padding:40px;border:1px solid rgba(15,23,42,.08);margin-bottom:32px;box-shadow:0 10px 30px #00000005}.pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}@media(max-width:800px){.pf-grid{grid-template-columns:1fr;gap:24px}.prof-header{flex-direction:column;align-items:flex-start;gap:12px}.pb-meta-grid{gap:32px;flex-direction:column}}.inp-group{margin-bottom:24px}.inp-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#334155;margin-bottom:10px;letter-spacing:.06em;text-transform:uppercase}.badge-blue{background:#e0f2fe;color:#0369a1;padding:3px 10px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.02em}.inp-desc{font-size:12px;color:#64748b;margin-bottom:10px;display:block;line-height:1.5}.inp-hint{display:block;margin-top:8px;font-size:12px;color:#ef4444;font-weight:600}textarea.prof-input{resize:vertical;min-height:120px;line-height:1.6}.input-with-prefix{display:flex;align-items:center;border:1.5px solid #E2E8F0;border-radius:10px;background:#fff;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.input-with-prefix:hover:not(:disabled){border-color:#cbd5e1}.input-with-prefix:focus-within{border-color:#2d6be4;box-shadow:0 0 0 4px #2d6be41f}.input-with-prefix .prefix{padding:14px 18px;background:#f8fafc;border-right:1.5px solid #E2E8F0;color:#475569;font-weight:700;font-size:15px;-webkit-user-select:none;user-select:none}.input-with-prefix input{border:none;flex:1;padding:14px 18px;font-family:inherit;font-size:15px;color:#0f172a;background:transparent;width:100%}.input-with-prefix input:focus{outline:none}.input-with-prefix input:disabled{background:#f8fafc;color:#64748b}.pf-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:40px;padding-top:32px;border-top:1px solid #E2E8F0}.btn-outline{background:#fff;border:1.5px solid #CBD5E1;color:#475569}.btn-outline:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a;box-shadow:0 4px 8px #0000000d}.btn-red{background:#e11d48;color:#fff;border:1.5px solid #E11D48}.btn-red:hover:not(:disabled){background:#be123c;border-color:#be123c;transform:translateY(-1px);box-shadow:0 8px 16px #e11d4833}.closure-section{border:1px solid #FECDD3;border-radius:20px;background:linear-gradient(135deg,#fff1f2,#fff5f6);padding:1px;margin-bottom:32px;box-shadow:0 4px 20px #e11d480a}.closure-section-inner{border-radius:19px;padding:28px 36px;display:flex;align-items:center;gap:24px;justify-content:space-between}.closure-left{display:flex;align-items:flex-start;gap:20px;flex:1;min-width:0}.closure-icon-wrap{width:48px;height:48px;flex-shrink:0;background:#ffe4e6;color:#e11d48;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #e11d481a}.closure-text h3{margin:0 0 6px;font-family:var(--font-family);font-size:17px;font-weight:800;color:#9f1239;letter-spacing:-.01em}.closure-text p{margin:0;font-size:14px;color:#881337;line-height:1.6;font-weight:500}.btn-close-account{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;background:#fff;border:1.5px solid #FECDD3;color:#e11d48;white-space:nowrap;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px #e11d480f}.btn-close-account:hover{background:#e11d48;color:#fff;border-color:#e11d48;transform:translateY(-1px);box-shadow:0 8px 20px #e11d4838}@media(max-width:640px){.closure-section-inner{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.btn-close-account{width:100%;justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#0a162873;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.closure-modal{background:#fff;border-radius:24px;width:100%;max-width:760px;max-height:85vh;overflow-y:auto;box-shadow:0 30px 60px #0a162840,inset 0 1px #ffffff80}.cm-header{padding:28px 28px 18px;position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #F1F5F9}.cm-header h2{font-family:var(--font-family);font-size:22px;font-weight:800;color:#0a1628;margin:0 0 6px;letter-spacing:-.02em}.cm-header p{margin:0;font-size:13px;color:#64748b;line-height:1.45;max-width:52ch}.cm-close{flex-shrink:0;background:#f8fafc;border:1.5px solid #E2E8F0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease}.cm-close:hover{background:#f1f5f9;color:#0f172a;transform:rotate(90deg)}.cm-body{padding:24px 28px 28px}.cm-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:24px}@media(min-width:680px){.cm-grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}}.cm-card{background:#f8fafc;border-radius:16px;padding:18px;border:1.5px solid #E2E8F0;box-shadow:inset 0 2px 4px #00000005;min-width:0}.cm-card h4{font-family:var(--font-family);font-size:15px;margin:0 0 14px;font-weight:800;letter-spacing:-.01em;color:#0a1628}.eligibility-list{display:flex;flex-direction:column;gap:10px}.eli-item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:#fff;border:1px solid #E2E8F0;border-radius:12px}.eli-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #0000000d}.eli-icon.red{background:#ffe4e6;color:#e11d48}.eli-icon.green{background:#d1fae5;color:#10b981}.eli-text strong{display:block;font-size:14px;color:#0f172a;margin-bottom:4px;font-weight:800;line-height:1.25}.eli-text span{display:block;font-size:12px;color:#64748b;font-weight:500;line-height:1.35}.eli-item .eli-icon.red~.eli-text span{color:#be123c}.eli-link{display:inline-flex;align-items:center;font-size:12px;color:#2d6be4;text-decoration:none;font-weight:600;cursor:pointer}.eli-link:hover{text-decoration:underline}.bal-list{display:flex;flex-direction:column;gap:10px}.bal-item{display:flex;justify-content:space-between;font-size:13px;color:#475569;padding-bottom:10px;border-bottom:1.5px dashed #E2E8F0;font-weight:500}.bal-item:last-child{border-bottom:none}.bal-total{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:14px;font-weight:800;color:#0f172a;padding-top:14px;border-top:2px solid #E2E8F0}.bal-total span:last-child{white-space:nowrap;font-size:15px;color:#2d6be4}.cm-agree-box{background:#fff1f2;border:1.5px solid #FECDD3;border-radius:12px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:20px;box-shadow:0 4px 12px #e11d4805}@media(max-width:680px){.cm-agree-box{flex-direction:column;align-items:flex-start;padding:20px}}.cm-agree-left{display:flex;align-items:flex-start;gap:14px}.cm-agree-right{display:flex;align-items:center;gap:14px;flex-shrink:0}.cm-agree-box input[type=checkbox]{width:20px;height:20px;accent-color:#E11D48;cursor:pointer;margin-top:3px;border-radius:6px}.cm-agree-box label{font-size:13px;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.45;font-weight:500}@media(max-width:480px){.cm-header{padding:22px 20px 16px}.cm-body{padding:18px 20px 22px}.cm-agree-right{flex-direction:column;width:100%;gap:12px}.cm-agree-right .btn{width:100%;justify-content:center}}.sv-page{animation:fadeUp .4s ease forwards;padding-bottom:48px;color:#0f172a}.sv-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:28px 28px 26px;margin-bottom:18px;border-radius:24px;background:radial-gradient(circle at top right,rgba(72,128,240,.18),transparent 34%),radial-gradient(circle at bottom left,rgba(16,185,129,.12),transparent 28%),linear-gradient(135deg,#fff,#f8fbff);border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 48px #0f172a14}.sv-hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#2d6be414;color:#2d6be4;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sv-hero-title{font-family:var(--font-family);font-size:clamp(32px,5vw,48px);line-height:1;font-weight:800;margin:12px 0 10px;color:#0a1628;letter-spacing:-.04em}.sv-hero-subtitle{max-width:720px;margin:0;color:#475569;font-size:14px;line-height:1.7}.sv-hero-profile{min-width:220px;padding:16px 18px;border-radius:18px;background:#0a1628f0;color:#fff;box-shadow:0 14px 30px #0a162829}.sv-hero-profile-label{display:block;margin-bottom:6px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c}.sv-hero-profile strong{display:block;font-size:16px;line-height:1.3;margin-bottom:4px}.sv-hero-profile span{display:block;font-size:12px;color:#ffffffb8}.sv-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.sv-stat-card{background:#fffffff0;border:1px solid rgba(226,232,240,.95);border-radius:18px;padding:18px 18px 16px;box-shadow:0 10px 28px #0f172a0f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sv-stat-card--dark{background:linear-gradient(135deg,#0a1628,#10284b);border-color:transparent;color:#fff}.sv-stat-card--accent{background:linear-gradient(135deg,#2d6be41a,#3b82f60a)}.sv-stat-label{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:inherit;opacity:.66;margin-bottom:8px}.sv-stat-value{display:block;font-family:var(--font-family);font-size:clamp(20px,3vw,28px);font-weight:700;letter-spacing:-.03em;line-height:1.08}.sv-stat-note{display:block;margin-top:8px;font-size:12px;color:#64748b}.sv-stat-card--dark .sv-stat-note,.sv-stat-card--dark .sv-stat-label{color:#ffffffb8}.sv-section-title{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-family);font-size:16px;font-weight:800;color:#0a1628;margin:0 0 18px}.sv-tabs{display:flex;gap:10px;padding:6px;border:1px solid rgba(226,232,240,.95);border-radius:16px;background:#ffffffdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:18px}.sv-tab{padding:10px 16px;font-weight:600;font-size:14px;color:#64748b;cursor:pointer;position:relative;background:transparent;border:none;font-family:inherit;transition:all .2s ease;border-radius:12px}.sv-tab:hover{color:#0a1628;background:#0a162808}.sv-tab.active{color:#0a1628;background:#fff;box-shadow:0 6px 16px #0f172a14}.sv-tab.active:after{display:none}.sv-unified-card{background:linear-gradient(135deg,#07111f,#0d203d 42%,#0a1628);border-radius:24px;padding:24px 24px 18px;color:#fff;position:relative;overflow:hidden;margin-bottom:20px;box-shadow:0 18px 54px #0a16283d,0 2px 8px #2d6be41f}.sv-uc-bg-circle{position:absolute;border-radius:50%;pointer-events:none}.sv-uc-bg-circle--1{width:220px;height:220px;top:-70px;right:-50px;background:radial-gradient(circle,rgba(45,107,228,.16) 0%,transparent 70%)}.sv-uc-bg-circle--2{width:140px;height:140px;bottom:-40px;left:30px;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%)}.sv-uc-bg-circle--3{width:110px;height:110px;top:10px;left:50%;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%)}.sv-uc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;position:relative;z-index:2}.sv-uc-top-left{display:flex;flex-direction:column}.sv-uc-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;display:block;margin-bottom:6px}.sv-uc-total{font-family:var(--font-family);font-size:clamp(32px,4vw,46px);font-weight:700;letter-spacing:-.03em;margin:0;line-height:1.05}.sv-uc-member{font-size:14px;color:#ffffff7a;font-weight:500;margin-top:6px}.sv-uc-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:0;position:relative;z-index:2;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden}.sv-uc-divider{width:1px;background:#ffffff12;align-self:stretch}.sv-uc-item{padding:18px 20px}.sv-uc-item-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.sv-uc-item-icon--purple{background:#8b5cf640;color:#a78bfa}.sv-uc-item-icon--green{background:#10b98133;color:#34d399}.sv-uc-item-icon--blue{background:#2d6be440;color:#93c5fd}.sv-uc-item-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin:0 0 5px}.sv-uc-item-amount{font-family:var(--font-family);font-size:20px;font-weight:700;margin:0 0 4px;letter-spacing:-.02em}.sv-uc-item-sub{font-size:12px;color:#fff6;margin:0 0 10px}.sv-uc-request-btn{background:#2d6be433;border:1px solid rgba(45,107,228,.4);color:#93c5fd;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;font-family:inherit;display:inline-block}.sv-uc-request-btn:hover{background:#2d6be459;border-color:#2d6be499}.sv-uc-success-msg{display:flex;align-items:center;gap:6px;margin-top:10px;position:relative;z-index:2;font-size:11px;font-weight:600;color:#34d399}@media(max-width:768px){.sv-unified-card{padding:16px 16px 14px}.sv-uc-total{font-size:22px}.sv-uc-top{flex-direction:column;align-items:flex-start;gap:4px}.sv-uc-grid{grid-template-columns:1fr}.sv-uc-divider{width:auto;height:1px;align-self:auto}}.sv-vr-form-inline{background:#fff;border:1px solid #E2E8F0;border-radius:16px;overflow:hidden;margin-bottom:20px;animation:fadeUp .25s ease;box-shadow:0 4px 20px #2d6be414}.sv-vr-form-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid #F1F5F9;background:#f8fafc}.sv-vr-form-title{font-family:var(--font-family);font-size:15px;font-weight:700;color:#0a1628;margin:0 0 4px}.sv-vr-form-subtitle{font-size:12px;color:#64748b;margin:0}.sv-vr-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:2px;display:flex;align-items:center;flex-shrink:0;transition:color .15s}.sv-vr-close:hover{color:#475569}.sv-vr-form-body{padding:20px 24px 24px;max-width:480px}.sv-vr-error{color:#e11d48;font-size:12px;margin:0 0 12px}.sv-vr-submit{width:100%;padding:13px;border-radius:10px;margin-top:4px}.sv-banner-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.sv-banner-grid--three{grid-template-columns:1fr 1fr 1fr}@media(max-width:1100px){.sv-banner-grid--three{grid-template-columns:1fr 1fr}}@media(max-width:800px){.sv-banner-grid,.sv-banner-grid--three{grid-template-columns:1fr}}.sv-banner{border-radius:16px;padding:32px;color:#fff;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #0000000d}.sv-banner.navy{background:#0a1628}.sv-banner.green{background:#059669}.sv-banner.purple{background:#4f46e5}.sv-banner:after{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:#ffffff0d;border-radius:50%;pointer-events:none}.sv-banner-left{position:relative;z-index:2}.sv-banner-right{position:relative;z-index:2;text-align:right}.sv-banner-title{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;margin-bottom:8px;display:block}.sv-banner-amount{font-family:var(--font-family);font-size:32px;font-weight:800;margin:0;letter-spacing:.02em}.sv-banner-desc{font-size:11px;color:#fffc;margin-top:8px;display:block}.btn-banner{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-banner:hover{background:#ffffff40}.sv-content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}@media(max-width:900px){.sv-content-grid{grid-template-columns:1fr}}.sv-card{background:#fffffff5;border-radius:20px;padding:24px;border:1px solid rgba(226,232,240,.92);box-shadow:0 14px 30px #0f172a0d}.sv-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.sv-card-title{font-family:var(--font-family);font-size:18px;font-weight:700;color:#0a1628;margin:0}.sv-card-link{font-size:13px;font-weight:600;color:#2d6be4;text-decoration:none}.sv-card-link:hover{text-decoration:underline}.sv-filters{display:flex;align-items:center;gap:12px}.sv-date-input{border:1px solid #E2E8F0;padding:6px 12px;border-radius:6px;font-size:12px;color:#3d5270;background:#f8fafc;outline:none;font-family:inherit}.sv-date-input:focus{border-color:#2d6be4}.sv-table-wrapper{overflow-x:auto}.sv-table{width:100%;border-collapse:collapse}.sv-table thead tr{background:#f1f5f9;border-radius:8px}.sv-table th{text-align:left;font-size:10px;font-weight:700;color:#0a1628;text-transform:uppercase;letter-spacing:.1em;padding:10px 12px;white-space:nowrap}.sv-table th:first-child{border-radius:8px 0 0 8px}.sv-table th:last-child{border-radius:0 8px 8px 0}.sv-table td{padding:13px 12px;font-size:13px;color:#334155;border-bottom:1px solid #F1F5F9;vertical-align:middle}.sv-table tr:last-child td{border-bottom:none}.sv-table tbody tr:hover td{background:#f8fafc}.sv-td-date{color:#64748b;font-size:12px;white-space:nowrap}.sv-trx-amount{font-weight:600;font-size:13px}.sv-trx-amount.credit{color:#059669}.sv-trx-amount.debit{color:#e11d48}.sv-show-all-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:8px;border:1px solid #E2E8F0;background:#fff;font-size:13px;font-weight:600;color:#334155;cursor:pointer;transition:all .2s}.sv-show-all-btn:hover{background:#0a1628;color:#fff;border-color:#0a1628}.sv-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid #F1F5F9;flex-wrap:wrap;gap:8px}.sv-pagination-info{font-size:12px;color:#94a3b8}.sv-pagination-btns{display:flex;gap:6px}.sv-page-btn{padding:5px 14px;border-radius:6px;border:1px solid #E2E8F0;background:#fff;font-size:12px;font-weight:500;color:#334155;cursor:pointer;transition:background .15s;font-family:inherit}.sv-page-btn:hover:not(:disabled){background:#f1f5f9}.sv-page-btn:disabled{color:#cbd5e1;cursor:not-allowed;background:#f8fafc}.sv-timeline{display:flex;flex-direction:column;gap:18px;position:relative}.sv-timeline:before{content:"";position:absolute;top:10px;bottom:20px;left:9px;width:2px;background:#e2e8f0}.sv-tl-item{display:flex;gap:16px;position:relative;z-index:2}.sv-tl-icon{width:22px;height:22px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;border:2px solid #fff}.sv-tl-item.paid .sv-tl-icon{background:#10b981}.sv-tl-content{flex:1}.sv-tl-status{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;display:block}.sv-tl-item.paid .sv-tl-status{color:#059669}.sv-tl-item.upcoming .sv-tl-status{color:#3b82f6}.sv-tl-item.scheduled .sv-tl-status{color:#64748b}.sv-tl-title{font-size:14px;font-weight:700;color:#0a1628;margin:0 0 2px}.sv-tl-desc{font-size:12px;color:#64748b;margin:0}.wd-layout{display:grid;gap:24px}.wd-layout-refactored{display:flex;flex-direction:column}@media(min-width:900px){.wd-layout-refactored{display:grid;grid-template-columns:1fr 340px;align-items:flex-start}.wd-form-panel{grid-column:2;grid-row:1 / span 2}}.wd-left{display:flex;flex-direction:column;gap:24px;transition:all .3s ease;min-width:0}.appr-list{display:flex;flex-direction:column;gap:12px}.appr-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #E2E8F0;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fafc)}.appr-item p{margin:0;font-size:13px;color:#334155;line-height:1.5}.appr-badge{padding:4px 12px;border-radius:99px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px}.appr-badge:before{content:"";width:6px;height:6px;border-radius:50%}.appr-badge.pending{background:#fef3c7;color:#d97706}.appr-badge.pending:before{background:#f59e0b}.appr-badge.complete{background:#d1fae5;color:#059669}.appr-badge.complete:before{background:#10b981}.appr-item--clickable{cursor:pointer;transition:background .15s,box-shadow .15s}.appr-item--clickable:hover{background:#f1f5f9;box-shadow:0 2px 8px #0000000f}@media(max-width:1100px){.sv-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.sv-hero{padding:20px 18px;flex-direction:column;align-items:stretch}.sv-hero-profile{width:100%}.sv-stat-grid{grid-template-columns:1fr}.sv-section-title{margin-top:4px}.sv-tabs{overflow-x:auto}.sv-tab{white-space:nowrap}}.slide-in-right{animation:slideInR .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes slideInR{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.wd-detail-modal{background:#fff;border-radius:20px;padding:28px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #0000002e;animation:slideUpModal .2s ease}.wd-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #E2E8F0}.wd-detail-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px}.wd-detail-amount{font-family:var(--font-family);font-size:26px;font-weight:800;color:#0a1628;margin:0}.wd-detail-rows{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.wd-detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font-size:13px;color:#334155}.wd-detail-row-label{color:#94a3b8;font-size:12px;flex-shrink:0}.wd-detail-reject{background:#fff1f2;border:1px solid #FECDD3;border-radius:10px;padding:12px 14px;font-size:13px;color:#991b1b;margin-bottom:16px}.wd-detail-proof{margin-top:16px;border-top:1px solid #E2E8F0;padding-top:16px}.wd-detail-proof-title{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}.wd-detail-proof-img{width:100%;border-radius:12px;border:1px solid #E2E8F0;object-fit:contain;max-height:320px;background:#f8fafc}.pay-modal-inner{background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;padding:16px;margin-top:16px;margin-bottom:24px}.pay-row{display:flex;justify-content:space-between;font-size:13px;color:#334155;padding:8px 0}.sv-page.sv-page--blurred>*:not(.modal-overlay){filter:blur(6px) saturate(.98);transform:translateZ(0);pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .18s ease,transform .18s ease}.sv-bank-popup-close{color:#64748b;padding:4px;flex:0 0 auto;border-radius:8px}.sv-bank-form select.prof-input{width:100%;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 12px center;padding-right:32px}@media(max-width:640px){.sv-bank-popup{padding:22px}.sv-bank-popup-checklist{grid-template-columns:1fr}.sv-bank-popup-actions .btn,.sv-bank-popup-secondary{width:100%;justify-content:center}}.wd-popup{width:100%;max-width:520px;max-height:90vh;background:#fff;border:1px solid rgba(226,232,240,.95);border-radius:18px;padding:28px;box-shadow:0 26px 80px #0f172a47;animation:slideUpModal .2s ease;display:flex;flex-direction:column}.wd-popup__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.wd-popup__kicker{margin:0 0 4px;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}.wd-popup__amount{margin:0;font-size:24px;font-weight:800;color:#0a1628;font-family:var(--font-family)}.wd-popup__close{border:none;background:transparent;cursor:pointer;color:#64748b;padding:4px;flex:0 0 auto;border-radius:8px}.wd-popup__close:hover{background:#f1f5f9}.wd-popup__timeline{display:flex;align-items:flex-start;gap:0;padding:0 4px 16px;border-bottom:1px solid #F1F5F9;margin-bottom:16px}.wd-popup__step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.wd-popup__step-line{position:absolute;top:11px;right:50%;width:100%;height:2px}.wd-popup__step-dot{width:22px;height:22px;border-radius:99px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;position:relative;z-index:1;background:#f1f5f9;color:#94a3b8;border:2px solid #E2E8F0}.wd-popup__step-dot.done{background:#d1fae5;color:#059669;border-color:#86efac}.wd-popup__step-dot.reject{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.wd-popup__step-label{font-size:11px;font-weight:600;color:#94a3b8;margin-top:5px;text-align:center}.wd-popup__step-label.active{color:#0f172a}.wd-popup__step-date{font-size:10px;color:#94a3b8;margin-top:1px;text-align:center}.wd-popup__body{overflow-y:auto;flex:1;min-height:0}.wd-popup__section{margin-bottom:14px}.wd-popup__section-title{margin:0 0 8px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.wd-popup__rows{background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden}.wd-popup__row{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 14px;gap:12px;font-size:13px;border-bottom:1px solid #EEF2F6}.wd-popup__row:last-child{border-bottom:none}.wd-popup__row>span:first-child{color:#64748b;flex-shrink:0}.wd-popup__row>span:last-child{color:#0f172a;font-weight:500;text-align:right;word-break:break-word}.wd-popup__reject{background:#fff1f2;border:1px solid #FECDD3;border-radius:10px;padding:12px 14px;margin-bottom:14px;color:#991b1b}.wd-popup__proof{padding:12px 0 0}.wd-popup__proof-label{margin:0 0 10px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.wd-popup__proof-img{width:100%;border-radius:10px;border:1px solid #E2E8F0;object-fit:contain;max-height:320px;background:#f8fafc}.wd-popup__proof-fallback{background:#fff7ed;border:1px solid #FED7AA;border-radius:8px;padding:10px 14px;font-size:13px;color:#9a3412}.wd-popup__proof-fallback a{color:#2563eb;text-decoration:underline}@media(max-width:640px){.wd-popup{padding:20px;max-height:85vh;border-radius:16px 16px 0 0;align-self:flex-end}.wd-popup__amount{font-size:20px}}.tc-page{animation:fadeUp .35s ease forwards;display:flex;flex-direction:column;height:100%}.tc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:24px;flex-wrap:wrap}.tc-header-left h1{font-family:var(--font-family);font-size:28px;font-weight:800;color:#0a1628;margin:0 0 6px;letter-spacing:-.02em;line-height:1.15}.tc-header-left p{font-size:13.5px;color:#7a90b0;margin:0}.tc-header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.btn-download{background:#2d6be4;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:inherit;box-shadow:0 4px 12px #2d6be433}.btn-download:hover{background:#1e55c2;box-shadow:0 6px 16px #2d6be44d;transform:translateY(-1px)}.tc-document-viewer{flex:1;background:#f4f7faf2;border:1px solid #E2E8F0;border-radius:12px;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px)}.tc-document-viewer-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.tc-doc-icon{color:#b4c5d6;margin-bottom:8px}.tc-doc-icon.tc-loading{animation:spin 2s linear infinite}.tc-pdf-viewer{min-height:600px;width:100%;height:100%}.tc-document-viewer-content{width:100%;height:100%}.tc-document-viewer-content h3{font-size:14.5px;color:#a0aec0;font-weight:500;margin:0}.tc-document-viewer-content p{font-size:12.5px;color:#a0aec0;margin:0}@media(max-width:600px){.tc-header{flex-direction:column;align-items:flex-start}.tc-header-actions{width:100%}.btn-download{width:100%;justify-content:center}.tc-document-viewer{min-height:400px}}.ml-page{animation:fadeUp .35s ease forwards;display:flex;flex-direction:column;height:100%}.ml-header-section{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap;gap:16px}.ml-header-text h1{font-family:var(--font-family);font-size:28px;color:#0a1628;margin:0 0 4px;font-weight:800}.ml-header-text p{font-size:13.5px;color:#7a90b0;margin:0}.btn-apply-loan{background:#0a1628;color:#fff;border:none;padding:11px 20px;border-radius:8px;font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;font-family:inherit}.btn-apply-loan:hover{background:#0f2040;transform:translateY(-1px)}.ml-overview-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.ml-ov-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:24px}.ml-ov-label{font-size:11px;font-weight:800;color:#94a3b8;letter-spacing:.05em;margin-bottom:8px}.ml-ov-value{font-family:var(--font-family);font-weight:800;font-size:28px;color:#0a1628;margin-bottom:12px}.ml-ov-badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:99px}.ml-ov-badge.up{background:#dcfce7;color:#059669}.ml-ov-badge.info{background:#eff6ff;color:#2d6be4}.ml-ov-badge.info .dot{width:6px;height:6px;background:#2d6be4;border-radius:50%}.ml-info-banner{display:flex;align-items:center;gap:16px;background:#eff6ff;border:1px solid #DBEAFE;border-radius:12px;padding:16px 20px;margin-bottom:32px}.info-icon-wrapper{width:36px;height:36px;background:#dbeafe;color:#2d6be4;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ml-info-banner h4{font-size:14px;color:#1e3a8a;margin:0 0 4px;font-weight:700}.ml-info-banner p{font-size:13px;color:#60a5fa;margin:0}.ml-tabs-section h2{font-family:var(--font-family);font-size:18px;font-weight:700;color:#0a1628;margin:0 0 12px}.ml-tabs{display:flex;align-items:center;gap:12px;margin-bottom:24px}.ml-tab{padding:8px 16px;background:#fff;border:1px solid #E2E8F0;color:#64748b;font-size:13.5px;font-weight:600;border-radius:99px;cursor:pointer;transition:all .2s;font-family:inherit}.ml-tab.active{background:#0a1628;color:#fff;border-color:#0a1628}.ml-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ml-loan-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:24px;display:flex;flex-direction:column}.ml-lc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.ml-lc-header h3{font-family:var(--font-family);font-size:18px;font-weight:800;color:#0a1628;margin:0 0 4px}.ml-lc-header span{font-size:12px;color:#94a3b8}.ml-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:700;text-transform:capitalize}.ml-status-pill .dot{width:6px;height:6px;border-radius:50%}.ml-lc-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.ml-lc-col .lbl{display:block;font-size:10px;color:#94a3b8;font-weight:800;margin-bottom:4px}.ml-lc-col .val{display:block;font-size:13.5px;color:#0a1628;font-weight:600}.ml-lc-progress{margin-bottom:24px}.prog-header{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#64748b;margin-bottom:8px}.prog-header .pct{color:#2d6be4;font-weight:700}.prog-bar{height:6px;background:#e2e8f0;border-radius:99px;overflow:hidden;margin-bottom:8px}.prog-fill{height:100%;background:#2d6be4;border-radius:99px}.prog-footer{font-size:11.5px;color:#94a3b8}.ml-lc-footer{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #F1F5F9;padding-top:16px;margin-top:auto}.ml-lc-footer .lbl{font-size:10px;color:#94a3b8;font-weight:800;margin-bottom:4px}.ml-lc-footer .val{font-family:var(--font-family);font-size:18px;font-weight:800;color:#0a1628}.btn-view-details{background:#2d6be4;color:#fff;border:none;font-size:12px;font-weight:700;padding:8px 16px;border-radius:6px;cursor:pointer;transition:background .2s}.btn-view-details:hover{background:#1e40af}.ml-empty-state{text-align:center;padding:40px;background:#fff;border-radius:12px;border:1px dashed #CBD5E1;color:#64748b}@media(max-width:900px){.ml-overview-cards,.ml-grid{grid-template-columns:1fr}}.la-page{animation:fadeUp .35s ease-out forwards;display:flex;flex-direction:column;gap:32px;max-width:1200px;margin:0 auto;width:100%}.la-header{display:flex;flex-direction:column;gap:16px}.la-back-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;padding:8px 16px;border-radius:12px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:fit-content;box-shadow:0 1px 2px #0000000d}.la-back-btn:hover{background:#f8fafc;color:#0f172a;transform:translate(-4px);border-color:#cbd5e1}.la-header-content h1{font-family:var(--font-family);font-size:32px;font-weight:800;color:#0f172a;margin:0 0 8px;letter-spacing:-.02em}.la-header-content p{font-size:16px;color:#64748b;margin:0}.la-content-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:flex-start}.la-form{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:40px;display:flex;flex-direction:column;gap:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.la-form-group{display:flex;flex-direction:column;gap:10px}.la-form-group label{font-size:12px;font-weight:700;color:#475569;letter-spacing:.05em;text-transform:uppercase}.la-form-group select,.la-input-with-prefix,.la-form-group input[type=text]{width:100%;height:52px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;padding:0 16px;font-size:15px;font-weight:500;color:#0f172a;transition:all .2s ease;outline:none}.la-input-with-prefix{padding:0;overflow:hidden;display:flex}.la-form-group select:hover,.la-form-group input:hover,.la-input-with-prefix:hover{border-color:#cbd5e1;background:#f1f5f9}.la-form-group select:focus,.la-input-with-prefix:focus-within{border-color:#2d6be4;background:#fff;box-shadow:0 0 0 4px #2d6be41a}.la-prefix{display:flex;align-items:center;justify-content:center;padding:0 16px;background:#f1f5f9;color:#64748b;font-weight:700;border-right:1.5px solid #e2e8f0;font-size:14px}.la-amount-input{flex:1;border:none!important;background:transparent!important;height:100%;padding:0 16px;font-size:16px;font-weight:700;color:#0f172a}.la-upload-box{position:relative;width:100%;padding:32px;border:2px dashed #e2e8f0;border-radius:16px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#64748b;cursor:pointer;transition:all .3s ease}.la-upload-box:hover{border-color:#2d6be4;background:#2d6be405;color:#2d6be4}.la-upload-box .u-icon{color:#94a3b8;transition:color .3s ease}.la-upload-box:hover .u-icon{color:#2d6be4}.la-upload-box span{font-size:14px;font-weight:600}.la-btn-continue{height:56px;background:#0f172a;color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:12px}.la-btn-continue:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.la-btn-continue:active{transform:translateY(0)}.la-simulation-card{position:sticky;top:32px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:24px;padding:40px;color:#fff;display:flex;flex-direction:column;gap:32px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.la-simulation-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(45,107,228,.15) 0%,transparent 70%);pointer-events:none}.la-sim-header{display:flex;flex-direction:column;gap:8px}.la-sim-header h2{font-family:var(--font-family);font-size:24px;font-weight:800;margin:0}.la-sim-sub{font-size:14px;color:#94a3b8;margin:0}.la-sim-main{display:flex;flex-direction:column;gap:4px}.la-sim-amount{font-family:var(--font-family);font-size:42px;font-weight:800;letter-spacing:-.02em;color:#fff}.la-sim-desc{font-size:13px;color:#94a3b8}.la-sim-details{background:#ffffff08;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;border:1px solid rgba(255,255,255,.05)}.la-sim-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#cbd5e1}.la-sim-row.total{padding-top:16px;border-top:1px solid rgba(255,255,255,.1);color:#fff;font-weight:700;font-size:16px}.la-sim-disclaimer{font-size:12px;color:#64748b;line-height:1.6;font-style:italic}.la-checkbox{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:#cbd5e1;line-height:1.5;cursor:pointer;padding:16px;background:#ffffff0d;border-radius:12px;transition:background .2s}.la-checkbox:hover{background:#ffffff14}.la-checkbox input{margin-top:2px;width:18px;height:18px;accent-color:#2D6BE4}.la-btn-submit{height:56px;background:#059669;color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.la-btn-submit:not(:disabled):hover{background:#10b981;transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b98133}.la-btn-submit:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.la-content-grid{grid-template-columns:1fr;gap:32px}.la-simulation-card{position:static}}@media(max-width:640px){.la-form{padding:24px}.la-sim-amount{font-size:32px}.la-header-content h1{font-size:28px}}.modal-overlay{position:fixed;inset:0;background:#0a162873;backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05);display:flex;align-items:center;justify-content:center;z-index:1100;padding:24px;animation:overlayFade .18s ease}body.has-global-modal>*:not(.global-modal-overlay){filter:blur(8px) saturate(.98);-webkit-filter:blur(8px) saturate(.98);transform:translateZ(0);pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .2s ease}.global-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px}@keyframes overlayFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpModal{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.sv-bank-popup{width:100%;max-width:520px;background:#fff;border:1px solid rgba(226,232,240,.95);border-radius:18px;padding:26px;box-shadow:0 26px 80px #0f172a47;animation:slideUpModal .2s ease}.sv-bank-popup-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.sv-bank-popup-icon{width:46px;height:46px;border-radius:14px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#be123c;background:#ffe4e6}.sv-bank-popup-heading{flex:1;min-width:0}.sv-bank-popup-kicker{margin:0 0 6px;font-size:11px;font-weight:800;color:#e11d48;letter-spacing:.08em;text-transform:uppercase}.sv-bank-popup-title{margin:0;font-size:22px;line-height:1.25;color:#0a1628}.sv-bank-popup-subtitle{margin:10px 0 0;color:#475569;font-size:14px;line-height:1.55}.sv-bank-popup-close,.sv-bank-popup-secondary{border:none;background:transparent;cursor:pointer}.sv-bank-popup-close{color:#64748b;padding:4px;flex:0 0 auto;border-radius:8px;display:flex;align-items:center;justify-content:center}.sv-bank-popup-close:hover{background:#f1f5f9}.sv-bank-popup-panel{background:#f8fafc;border:1px solid #E2E8F0;border-radius:14px;padding:16px;margin-bottom:22px}.sv-bank-popup-panel-title{margin:0 0 12px;color:#0a1628;font-size:13px;font-weight:800}.sv-bank-popup-checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sv-bank-popup-checklist span{display:flex;align-items:center;gap:7px;color:#334155;font-size:12px;font-weight:700}.sv-bank-popup-checklist svg{color:#059669;flex:0 0 auto}.sv-bank-form{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.sv-bank-form .inp-group{margin:0}.sv-bank-form .inp-label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.04em}.sv-bank-form select.prof-input{width:100%;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 12px center;padding-right:32px}.sv-bank-popup-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sv-bank-popup-secondary{color:#64748b;font-weight:700;padding:12px 14px}.prof-input{width:100%;padding:14px 18px;border:1.5px solid #E2E8F0;border-radius:10px;font-size:15px;color:#0f172a;font-family:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);background:#fff;box-sizing:border-box}.prof-input:hover:not(:disabled){border-color:#cbd5e1}.prof-input:focus{outline:none;border-color:#2d6be4;box-shadow:0 0 0 4px #2d6be41f;background:#fff}.prof-input:disabled{background:#f8fafc;color:#64748b;cursor:not-allowed;border-color:#e2e8f0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit;border:none;box-shadow:0 2px 4px #0000000a}.btn-navy{background:#0a1628;color:#fff;border:1.5px solid #0A1628}.btn-navy:hover{background:#11223f;border-color:#11223f;transform:translateY(-1px);box-shadow:0 8px 16px #0a162826}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media(max-width:640px){.sv-bank-popup{padding:22px}.sv-bank-popup-actions .btn,.sv-bank-popup-secondary{width:100%;justify-content:center}}.ld-page{animation:fadeUp .35s ease forwards;display:flex;flex-direction:column;height:100%}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ld-header{display:flex;margin-bottom:24px}.ld-header-left{display:flex;align-items:center;gap:16px}.ld-back-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid #E2E8F0;padding:6px 14px;border-radius:99px;font-size:13px;font-weight:600;color:#0a1628;cursor:pointer;font-family:inherit;transition:all .2s}.ld-back-btn:hover{background:#f1f5f9}.ld-header h1{font-family:var(--font-family);font-size:24px;font-weight:800;color:#0a1628;margin:0}.ld-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:700;text-transform:capitalize}.ld-status-pill .dot{width:6px;height:6px;border-radius:50%}.status-active{background:#dcfce7;color:#059669}.status-active .dot{background:#059669}.status-completed{background:#e0e7ff;color:#4338ca}.status-completed .dot{background:#4338ca}.status-pending{background:#fffbeb;color:#d97706}.status-pending .dot{background:#d97706}.status-verifying{background:#dcfce7;color:#059669}.status-verifying .dot{background:#059669}.status-rejected{background:#fee2e2;color:#dc2626}.status-rejected .dot{background:#dc2626}.ld-sub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #F1F5F9;flex-wrap:wrap;gap:16px}.ld-date{font-size:13px;color:#64748b}.ld-actions{display:flex;gap:12px}.ld-btn-outline{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #CBD5E1;padding:8px 16px;border-radius:8px;font-size:12.5px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s;font-family:inherit}.ld-btn-outline:hover{background:#f8fafc;border-color:#94a3b8;color:#0a1628}.ld-rejection-note{display:flex;align-items:flex-start;gap:16px;background:#fef2f2;border:1px solid #FECACA;border-radius:12px;padding:20px;margin-bottom:32px}.ld-rejection-note .r-icon{color:#dc2626;flex-shrink:0;margin-top:2px}.ld-rejection-note h4{font-family:var(--font-family);font-size:15px;font-weight:700;color:#991b1b;margin:0 0 4px}.ld-rejection-note p{font-size:13.5px;color:#b91c1c;line-height:1.6;margin:0}.ld-details-card{margin-bottom:32px}.ld-details-card h3{font-family:var(--font-family);font-size:18px;font-weight:700;color:#0a1628;margin:0 0 16px}.ld-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;grid-template-rows:auto auto;gap:0;background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:0;overflow:hidden}.ld-g-col{padding:24px;border-bottom:1px solid #F1F5F9;border-right:1px solid #F1F5F9;display:flex;flex-direction:column}.ld-grid .ld-g-col:nth-child(3){grid-row:span 2;border-bottom:none;border-right:none;background:#f8fafc}.ld-grid .ld-g-col:nth-child(4),.ld-grid .ld-g-col:nth-child(5){border-bottom:none}.ld-grid .ld-g-col:nth-child(5){border-right:none}.ld-grid-2{grid-template-columns:1fr 1fr}.ld-grid-2 .ld-g-col:nth-child(1){border-bottom:1px solid #F1F5F9;border-right:1px solid #F1F5F9}.ld-grid-2 .ld-g-col:nth-child(2){border-bottom:1px solid #F1F5F9;border-right:none}.ld-grid-2 .ld-g-col:nth-child(3){grid-row:auto;border-bottom:none;border-right:1px solid #F1F5F9;background:transparent}.ld-grid-2 .ld-g-col:nth-child(4){border-bottom:none;border-right:none}.ld-g-col .lbl{font-size:10px;font-weight:800;color:#94a3b8;letter-spacing:.05em;margin-bottom:8px}.ld-g-col .val{font-family:var(--font-family);font-size:20px;font-weight:800;color:#0a1628}.ld-g-col.ld-next-deduction{padding:32px;justify-content:center}.ld-next-deduction .val-large{font-family:var(--font-family);font-size:28px;font-weight:800;color:#0a1628;margin-bottom:4px}.ld-next-deduction .sub{font-size:12px;color:#64748b;margin-bottom:16px}.btn-pay-now{background:none;border:none;color:#2d6be4;font-size:12px;font-weight:800;padding:0;cursor:pointer;text-align:left;letter-spacing:.05em;transition:color .15s}.btn-pay-now:hover{color:#1e40af;text-decoration:underline}.ld-progress-section{margin-bottom:40px}.ld-progress-section .prog-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.ld-progress-section h3{font-family:var(--font-family);font-size:18px;font-weight:700;color:#0a1628;margin:0}.ld-progress-section .pct{font-size:14px;font-weight:800;color:#2d6be4}.ld-progress-section .prog-bar{height:8px;background:#e2e8f0;border-radius:99px;overflow:hidden;margin-bottom:8px}.ld-progress-section .prog-fill{height:100%;background:#2d6be4;border-radius:99px;transition:width .8s cubic-bezier(.175,.885,.32,1.275)}.ld-progress-section .prog-footer{font-size:13px;color:#64748b}.ld-schedule h3{font-family:var(--font-family);font-size:18px;font-weight:700;color:#0a1628;margin:0 0 16px}.ld-table-wrap{background:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow-x:auto}.ld-table{width:100%;border-collapse:collapse;text-align:left}.ld-table th{padding:16px 24px;font-size:10px;font-weight:800;color:#94a3b8;letter-spacing:.05em;border-bottom:1px solid #F1F5F9}.ld-table td{padding:16px 24px;font-size:13.5px;color:#475569;border-bottom:1px solid #F8FAFC}.ld-table tr:last-child td{border-bottom:none}.ld-empty-row{text-align:center;padding:32px!important;color:#94a3b8!important;font-style:italic}.ld-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;font-size:11.5px;font-weight:700}.bdg-paid{background:#dcfce7;color:#059669}.bdg-due{background:#fef3c7;color:#d97706}.bdg-sched{background:#f1f5f9;color:#64748b}.row-clickable{cursor:pointer;transition:background .2s}.row-clickable:hover{background:#f8fafc!important}.ld-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out forwards}.ld-modal{background:#fff;border-radius:20px;width:90%;max-width:420px;padding:32px;position:relative;box-shadow:0 20px 40px -10px #0000001a;animation:scaleUp .2s ease-out forwards}.ld-modal-close{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:50%;border:1px solid #E2E8F0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.ld-modal-close:hover{background:#f1f5f9;color:#0a1628}.ld-receipt-icon{width:56px;height:56px;background:#dcfce7;color:#059669;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.ld-modal h2{font-family:var(--font-family);font-size:22px;font-weight:800;color:#0a1628;text-align:center;margin:0 0 8px}.ld-receipt-status{text-align:center;font-size:11px;font-weight:800;color:#059669;letter-spacing:.05em;margin-bottom:24px}.ld-receipt-details{border-top:1px dashed #CBD5E1;border-bottom:1px dashed #CBD5E1;padding:24px 0;display:flex;flex-direction:column;gap:16px}.ld-r-row{display:flex;justify-content:space-between;align-items:flex-start}.ld-r-row .lbl{font-size:11px;font-weight:700;color:#64748b;letter-spacing:.05em;text-transform:uppercase}.ld-r-row .val{font-size:13px;color:#0a1628;font-weight:600;text-align:right}.ld-r-row .val.badge-outline{border:1px solid #E2E8F0;padding:4px 10px;border-radius:99px;font-size:11px}.ld-r-row .sub{font-size:11.5px;color:#94a3b8;font-weight:500}.ld-r-box{background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center}.ld-r-box .lbl{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.id-box{display:flex;align-items:center;gap:8px;font-family:inherit;font-weight:700;color:#0a1628;font-size:13px}.copy-icon{color:#64748b;cursor:pointer}.copy-icon:hover{color:#0a1628}.flex-align{display:flex;align-items:center;gap:8px}.ks-logo-sm{background:#0a1628;color:#fff;font-size:10px;font-weight:800;padding:4px;border-radius:4px}.ld-receipt-total{padding:24px 0;display:flex;justify-content:space-between;align-items:center}.ld-receipt-total .lbl{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.ld-receipt-total .val{font-family:var(--font-family);font-size:24px;font-weight:800;color:#0a1628;letter-spacing:-.02em}.ld-modal-actions{display:flex;gap:12px}.btn-modal-outline{flex:1;background:#fff;border:1px solid #CBD5E1;color:#0a1628;font-size:13.5px;font-weight:700;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit}.btn-modal-outline:hover{background:#f8fafc;border-color:#94a3b8}.btn-modal-primary,.btn-modal-blue{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#0a1628;color:#fff;border:none;font-size:13.5px;font-weight:700;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit}.btn-modal-primary:hover{background:#0f2040}.btn-modal-blue{background:#2d6be4}.btn-modal-blue:hover{background:#1e40af}.invoice-modal{max-width:440px}.midtrans-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.midtrans-header .m-icon{width:48px;height:48px;background:#eef2ff;color:#4f46e5;border-radius:12px;display:flex;align-items:center;justify-content:center}.midtrans-header h3{font-family:var(--font-family);font-size:20px;font-weight:800;color:#0a1628;margin:0 0 4px}.midtrans-header p{font-size:12.5px;color:#64748b;margin:0}.m-invoice-body{background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;padding:24px;margin-bottom:24px}.m-inv-row{display:flex;justify-content:space-between;margin-bottom:16px;font-size:13.5px}.m-inv-row:last-of-type{margin-bottom:24px}.m-inv-row .lbl{color:#64748b;font-weight:500}.m-inv-row .val{color:#0a1628;font-weight:700}.m-inv-row.amount{border-top:1px dashed #CBD5E1;padding-top:16px}.m-inv-row.amount .val{font-family:var(--font-family);font-size:20px;font-weight:800;color:#2d6be4}.m-payment-options{margin-top:0}.m-payment-options label{display:block;font-size:12px;font-weight:700;color:#0a1628;margin-bottom:12px}.m-select{width:100%;padding:12px 16px;border:1px solid #CBD5E1;border-radius:8px;font-size:14px;color:#0a1628;font-family:inherit;background:#fff;cursor:pointer}.m-select:focus{outline:none;border-color:#2d6be4;box-shadow:0 0 0 3px #2d6be41a}@keyframes scaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:900px){.ld-grid,.ld-grid-2{grid-template-columns:1fr;grid-template-rows:auto}.ld-grid .ld-g-col:nth-child(n){grid-row:auto;border-right:none;border-bottom:1px solid #F1F5F9}.ld-grid .ld-g-col:last-child{border-bottom:none}.ld-sub-header{flex-direction:column;align-items:flex-start}}.mm-container{display:flex;flex-direction:column;gap:28px;animation:fadeIn .4s ease-out}.mm-header-section{display:flex;flex-direction:column;gap:6px}.mm-header-title{font-family:var(--font-family);font-size:28px;font-weight:800;color:var(--color-primary);letter-spacing:-.02em}.mm-header-subtitle{font-size:14.5px;color:var(--color-text-muted);font-weight:500}.mm-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.mm-stat-card{background:var(--color-bg-card);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 18px #0a254008,0 1px 3px #00000005;border:1px solid rgba(226,232,240,.8);transition:transform .2s ease,box-shadow .2s ease}.mm-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0a25400f,0 2px 6px #00000008}.mm-stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;flex-shrink:0}.mm-stat-icon-wrapper.blue{background-color:#4880f01a;color:#4880f0}.mm-stat-icon-wrapper.green{background-color:#0596691a;color:var(--color-secondary)}.mm-stat-icon-wrapper.purple{background-color:#8b5cf61a;color:#8b5cf6}.mm-stat-icon-wrapper.orange{background-color:#f973161a;color:#f97316}.mm-stat-info{display:flex;flex-direction:column;gap:4px}.mm-stat-label{font-size:13px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.mm-stat-value{font-size:20px;font-weight:800;color:var(--color-primary)}.mm-table-wrapper{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:24px;box-shadow:0 4px 20px #0a254008;border:1px solid rgba(226,232,240,.8)}.mm-table-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.mm-search{position:relative;flex:1;max-width:420px}.mm-search input{width:100%;padding:12px 16px 12px 44px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-text-main);background-color:var(--color-bg-input);outline:none;transition:all .2s ease}.mm-search input:focus{border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 3px #0a254014}.mm-search svg{position:absolute;left:14px;top:13px;color:var(--color-text-muted);transition:color .2s ease}.mm-search input:focus+svg{color:var(--color-primary)}.mm-filter-wrapper{position:relative;display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;width:100%}.mm-filter{padding:12px 14px;border:1.5px solid var(--color-border);background:var(--color-bg-input);border-radius:var(--radius-md);font-size:14px;font-weight:600;color:var(--color-primary);cursor:pointer;outline:none;appearance:none;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A2540' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px}.mm-filter:hover{border-color:var(--color-primary);background-color:#fff}.mm-filter:focus{border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 3px #0a254014}.mm-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:12px;color:var(--color-text-muted);font-weight:500;font-size:15px}.mm-spinner{color:var(--color-primary)}.mm-table-scroll{overflow-x:auto;border-radius:var(--radius-md);border:1px solid rgba(226,232,240,.8)}.mm-table{width:100%;border-collapse:separate;border-spacing:0}.mm-table th{background:var(--color-bg-input);text-align:left;padding:16px 20px;font-size:12px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--color-border)}.mm-table td{padding:16px 20px;font-size:14px;color:var(--color-text-main);border-bottom:1px solid rgba(226,232,240,.6);font-weight:500}.mm-table-row-clickable{cursor:pointer;transition:background-color .15s ease}.mm-table-row-clickable:hover{background-color:#f8fafcf2}.mm-user-cell{display:flex;align-items:center;gap:14px}.mm-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,#1e3a8a 100%);color:#fff;font-weight:700;font-size:13.5px;display:flex;align-items:center;justify-content:center;letter-spacing:.05em;box-shadow:0 2px 8px #0a25401f;flex-shrink:0}.mm-user-meta{display:flex;flex-direction:column;gap:2px}.mm-user-name{font-size:14.5px;font-weight:700;color:var(--color-primary)}.mm-user-sub{font-size:12px;color:var(--color-text-muted);font-weight:500}.mm-nik-badge,.mm-dept-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12.5px;font-weight:600}.mm-nik-badge{background-color:#f1f5f9;color:#475569;font-family:monospace}.mm-dept-badge{background-color:#0a25400d;color:var(--color-primary)}.mm-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.3px}.mm-status-active{background-color:#d1fae5;color:#065f46}.mm-status-inactive{background-color:#fee2e2;color:#991b1b}.mm-table td.total{font-size:15px;color:var(--color-secondary)}.font-semibold{font-weight:600!important}.btn-icon-detail{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border);background-color:#fff;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.btn-icon-detail:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translate(2px)}.mm-no-data{text-align:center;padding:48px 0!important;color:var(--color-text-muted);font-weight:500;font-size:15px}@media(max-width:1200px){.mm-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mm-stats-grid{grid-template-columns:1fr;gap:16px}.mm-table-controls{flex-direction:column;align-items:stretch}.mm-search{max-width:100%}.mm-filter-wrapper{grid-template-columns:1fr}.mm-table-wrapper{padding:16px}}.spinner{animation:spin .8s linear infinite}.member-empty-state,.member-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;color:var(--color-text-muted, #64748b)}.member-loading-state p,.member-empty-state p{margin:0}.member-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#4880f014;color:#4880f0;font-size:12px;font-weight:700}.ma-container{display:flex;flex-direction:column;gap:28px;padding:0}.ma-header{display:flex;flex-direction:column;gap:20px;border-bottom:2px solid #E2E8F0;padding-bottom:24px}.ma-tabs{display:flex;gap:8px}.ma-tab-btn{padding:10px 20px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;background:#f1f5f9;color:#64748b}.ma-tab-btn.active{background:#4f46e5;color:#fff;box-shadow:0 2px 8px #4f46e533}.ma-tab-btn:hover:not(.active){background:#e2e8f0;color:#334155}.ma-title{font-family:var(--font-family);font-size:28px;font-weight:800;color:var(--color-primary, #0A1628);margin:0;letter-spacing:-.02em}.ma-content-wrapper{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:28px;box-shadow:0 1px 3px #0000000d}.ma-notif-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:16px}.ma-notif-title{font-family:var(--font-family);font-size:20px;font-weight:700;color:#0a1628;margin:0}.ma-controls{display:flex;gap:12px;justify-content:flex-end}.ma-search{position:relative;width:280px}.ma-search input{width:100%;padding:10px 14px 10px 36px;border:1px solid #E2E8F0;background:#f8fafc;border-radius:8px;font-size:13px;outline:none;transition:all .2s}.ma-search input:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.ma-search input::placeholder{color:#94a3b8}.ma-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.ma-filter-dropdown{padding:10px 14px;border:1px solid #E2E8F0;background:#f8fafc;border-radius:8px;font-size:13px;font-weight:600;color:#334155;cursor:pointer;outline:none;transition:all .2s;min-width:180px;font-family:inherit}.ma-filter-dropdown:hover{border-color:#cbd5e1;background:#fff}.ma-filter-dropdown:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.ma-filter-dropdown option{background:#fff;color:#0a1628;padding:8px 12px}.ma-filter-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;background:#f1f4f9;border-radius:8px;font-size:13px;font-weight:600;color:#3d5270;cursor:pointer}.ma-table-wrapper{overflow-x:auto}.ma-table{width:100%;border-collapse:collapse}.ma-table th{text-align:left;padding:14px 16px;font-size:12px;font-weight:700;color:#64748b;border-bottom:2px solid #E2E8F0;background:#f8fafc;text-transform:uppercase;letter-spacing:.5px}.ma-table tbody tr{border-bottom:1px solid #E2E8F0;transition:all .2s}.ma-table tbody tr:hover{background:#f8fafc}.ma-table td{padding:16px;font-size:14px;font-weight:500;color:#334155}.ma-table td:first-child{padding-left:16px;font-weight:600;color:#0a1628}.btn-ma-detail{background:#4f46e5;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-ma-detail:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 2px 6px #4f46e54d}.btn-ma-detail:active{transform:translateY(0)}.ma-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #E2E8F0;font-size:13px;color:#64748b;font-weight:500}@media(max-width:1024px){.ma-notif-header{flex-direction:column;align-items:flex-start}.ma-controls{width:100%;justify-content:flex-start}.ma-search{flex:1;max-width:100%}}@media(max-width:768px){.ma-title{font-size:24px}.ma-content-wrapper{padding:20px}.ma-table{font-size:12px}.ma-table th,.ma-table td{padding:12px 8px}.btn-ma-detail{padding:6px 12px;font-size:11px}.ma-search{width:100%}}.ad-detail-container{display:flex;flex-direction:column;gap:28px}.add-header{display:flex;flex-direction:column;gap:20px;border-bottom:2px solid #E2E8F0;padding-bottom:24px}.add-title{font-family:var(--font-family);font-size:32px;font-weight:800;color:#0a1628;margin:0;letter-spacing:-.5px}.add-form{display:grid;grid-template-columns:3fr 1fr;gap:16px 20px;margin-bottom:0;align-items:start}.add-form-group{display:flex;flex-direction:column;gap:8px}.add-form-group .lbl{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.add-input{width:100%;padding:12px 14px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;font-size:14px;color:#334155;font-family:inherit;outline:none;transition:all .2s}.add-input:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.add-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background:#fff}select.add-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234F46E5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}textarea.add-input{font-family:inherit;resize:vertical}.add-input-group{display:flex;border-radius:8px;overflow:hidden;border:1px solid #E2E8F0;background:#fff}.add-input-group .add-input-prefix{padding:12px 14px;background:#f8fafc;font-size:14px;color:#64748b;font-weight:600;border-right:1px solid #E2E8F0;white-space:nowrap}.add-input-group .add-input{border:none;flex:1}.form-section{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:16px;margin-bottom:16px}.form-section:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0000000d}.section-title{font-size:16px;font-weight:700;color:#0a1628;margin:0 0 18px;padding-bottom:12px;border-bottom:2px solid #F1F5F9}.documents-list{display:flex;flex-direction:column;gap:10px}.document-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #EEF2FF;border-radius:10px;transition:all .18s ease;box-shadow:0 6px 18px #0f172a08}.document-item:hover{background:#fbfcff;border-color:#e6eeff;transform:translateY(-2px);box-shadow:0 10px 30px #0f172a0f}.doc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.doc-name{font-size:14px;font-weight:700;color:#0b2447;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-path{font-size:12px;color:#64748b;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-actions{display:flex;gap:8px;align-items:center}.doc-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;background:#f1f5f9;border:1px solid #E6EEF8;color:#0b2447;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .14s ease}.doc-action-btn:hover{background:#eef6ff;transform:translateY(-2px);box-shadow:0 8px 20px #0b24470f}.doc-action-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#eaf7ff;border-radius:6px;color:#0369a1}.comment-input{width:100%;padding:12px 14px;border:1px solid #E2E8F0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;outline:none;transition:all .2s}.comment-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background:#fff}.approval-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #E0E7FF}.btn-approve,.btn-reject,.btn-back{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-back{width:100%;background:#64748b;color:#fff}@media(max-width:1024px){div[style*="grid-template-columns: 2fr 1fr"]{grid-template-columns:1fr!important}}@media(max-width:768px){.add-title{font-size:24px}.add-form{grid-template-columns:1fr;gap:16px}.form-section{padding:18px}.section-title{font-size:14px}}.form-section{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:24px;margin-bottom:20px}.section-title{font-size:16px;font-weight:700;color:#0a1628;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #F1F5F9}.documents-list{display:flex;flex-direction:column;gap:12px}.document-item{display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border:1px solid #EEF2FF;border-radius:10px;transition:all .18s ease;box-shadow:0 6px 18px #0f172a08}.document-item:hover{background:#f1f5f9;border-color:#cbd5e1}.doc-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#e0e7ff;border-radius:8px;color:#4f46e5;flex-shrink:0}.doc-info{flex:1;min-width:0}.doc-name{font-size:14px;font-weight:600;color:#0a1628;margin:0}.doc-path{font-size:12px;color:#64748b;margin:4px 0 0}.doc-download{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#e0f2fe;border:none;border-radius:6px;color:#0284c7;cursor:pointer;transition:all .2s;flex-shrink:0}.doc-download:hover{background:#bae6fd;transform:scale(1.05)}.comment-input{width:100%;padding:12px 14px;border:1px solid #E2E8F0;border-radius:8px;font-size:14px;font-family:inherit;resize:none;outline:none;transition:all .2s}.comment-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.approval-section{background:#fafbfc;border:2px solid #E0E7FF}.approval-actions{display:flex;flex-direction:column;gap:16px}.btn-approve,.btn-reject{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-approve{background:#16a34a;color:#fff}.btn-approve:hover{background:#15803d;transform:translateY(-2px);box-shadow:0 4px 12px #16a34a4d}.btn-approve:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-reject{background:#dc2626;color:#fff}.btn-reject:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.btn-reject:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-back{width:100%;padding:12px 16px;background:#64748b;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-back:hover{background:#475569;transform:translateY(-2px);box-shadow:0 4px 12px #64748b4d}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.ad-detail-container>div:last-of-type{grid-template-columns:1fr!important}}.approval-alert{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:8px;font-weight:600;font-size:14px;animation:slideDown .3s ease;margin-bottom:12px}.approval-alert.approved{background:#dcfce7;color:#166534;border-left:4px solid #16A34A}.approval-alert.rejected{background:#fee2e2;color:#991b1b;border-left:4px solid #DC2626}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.upload-file-container{width:100%;margin-bottom:12px}.upload-file-label{cursor:pointer;display:block}.upload-file-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px;background:#f0f9ff;border:2px dashed #4F46E5;border-radius:8px;transition:all .2s;color:#4f46e5}.upload-file-label:hover .upload-file-box{background:#e0e7ff;border-color:#4338ca}.upload-file-box p{font-size:14px;font-weight:600;margin:0}.upload-file-box span{font-size:12px;color:#64748b}.upload-file-box .spinner{color:#4f46e5}.status-display-container{display:flex;flex-direction:column;gap:20px}.status-code-badge{display:inline-block;padding:12px 20px;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:14px;max-width:fit-content;box-shadow:0 2px 4px #0000001a}.status-code-badge[style*="background: rgb(22, 163, 74)"],.status-code-badge[style*="#16A34A"]{background:#16a34a!important}.status-code-badge[style*="background: rgb(220, 38, 38)"],.status-code-badge[style*="#DC2626"]{background:#dc2626!important}.status-code-badge[style*="background: rgb(245, 158, 11)"],.status-code-badge[style*="#F59E0B"]{background:#f59e0b!important}.notes-display{display:flex;flex-direction:column;gap:8px}.notes-display .lbl{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.notes-content{padding:14px 16px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;font-size:14px;color:#334155;line-height:1.6;min-height:80px;white-space:pre-wrap;word-break:break-word}.doc-preview-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.doc-preview-modal{background:#fff;border-radius:12px;width:90vw;max-width:900px;height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px #0000004d}.doc-preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #E2E8F0;background:#f8fafc}.doc-preview-header h3{margin:0;font-size:16px;font-weight:700;color:#0a1628}.doc-preview-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;color:#64748b;transition:all .15s}.doc-preview-close:hover{background:#e2e8f0;color:#0f172a}.doc-preview-body{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;background:#f1f5f9;padding:16px}.doc-preview-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 2px 8px #0000001a}.doc-preview-iframe{width:100%;height:100%;border:none;border-radius:4px}.md-container{display:flex;flex-direction:column;gap:24px;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.md-title-section{display:flex;justify-content:space-between;align-items:center;gap:16px}.md-title-info{display:flex;flex-direction:column;gap:4px}.md-title{font-family:var(--font-family);font-size:26px;font-weight:800;color:var(--color-primary);letter-spacing:-.01em}.md-subtitle{font-size:13.5px;color:var(--color-text-muted);font-weight:500}.btn-edit-mode{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0a25401f}.btn-edit-mode:hover{background-color:#1e3a8a;transform:translateY(-1px);box-shadow:0 6px 16px #0a25402e}.md-banner{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border-radius:var(--radius-lg);padding:28px;position:relative;overflow:hidden;box-shadow:0 10px 25px #0a254026;display:flex;flex-direction:column;gap:24px;border:1px solid rgba(255,255,255,.08)}.md-banner-glow{position:absolute;top:-50%;right:-20%;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,#0596694d,#fff0 70%);pointer-events:none}.md-banner-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.md-banner-logo{display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:800;color:#ffffffd9;text-transform:uppercase;letter-spacing:.05em}.md-banner-logo .icon{width:32px;height:32px;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.2)}.md-banner-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid transparent}.md-banner-badge.active{background-color:#10b98126;color:#34d399;border-color:#34d3994d}.md-banner-badge.active .dot{width:6px;height:6px;border-radius:50%;background-color:#34d399;box-shadow:0 0 8px #34d399}.md-banner-badge.inactive{background-color:#ef444426;color:#f87171;border-color:#f871714d}.md-banner-badge.inactive .dot{width:6px;height:6px;border-radius:50%;background-color:#f87171;box-shadow:0 0 8px #f87171}.md-user-info-layout{display:flex;align-items:center;gap:20px;position:relative;z-index:2}.md-user-avatar{width:64px;height:64px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;letter-spacing:.05em;box-shadow:0 4px 14px #00000026;flex-shrink:0}.md-user-text{display:flex;flex-direction:column;gap:4px}.md-user-text h2{margin:0;font-size:24px;font-weight:800;color:#fff;letter-spacing:-.01em}.md-user-subfields{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.md-user-subfields .nik-badge{background:#ffffff26;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;letter-spacing:.02em;font-family:monospace}.md-user-subfields .separator{color:#fff6}.md-user-subfields .join-date-meta{color:#ffffffbf;font-size:13px;font-weight:500}.md-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.md-card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 20px #0a254005;overflow:hidden}.md-card.full-width{grid-column:1 / -1}.md-card-header{background:var(--color-bg-input);padding:16px 24px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:12px}.md-card-header-icon{color:var(--color-primary)}.md-card-header h3{font-size:15px;font-weight:800;color:var(--color-primary);margin:0;text-transform:uppercase;letter-spacing:.03em}.md-card-body{padding:24px;display:flex;flex-direction:column;gap:20px}.md-form-group{display:flex;flex-direction:column;gap:8px}.md-form-group .lbl{font-size:11.5px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.md-input{width:100%;padding:12px 16px;border:1.5px solid var(--color-border);background:var(--color-bg-input);border-radius:8px;font-size:14px;font-weight:550;color:var(--color-text-main);outline:none;transition:all .2s ease}.md-input:focus{border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 3px #0a254014}select.md-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A2540' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px;padding-right:40px}textarea.md-input{resize:vertical}.md-input-with-icon{position:relative;width:100%}.md-input-with-icon svg{position:absolute;left:14px;top:13.5px;color:var(--color-text-muted);pointer-events:none}.md-input.input-icon-pad{padding-left:44px}.md-input-with-icon .md-input:focus+svg{color:var(--color-primary)}.md-value-box{background-color:var(--color-bg-page);border:1px solid rgba(226,232,240,.6);padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;color:var(--color-text-main);min-height:45px;display:flex;align-items:center}.md-value-box.text-bold{font-weight:700;color:var(--color-primary)}.md-value-box.address-box{align-items:flex-start;line-height:1.5;padding:12px 16px}.font-mono{font-family:monospace,monospace}.flex-align{display:flex;align-items:center}.gap-2{gap:8px}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-secondary)!important}.text-danger{color:#dc2626!important}.flex-shrink-0{flex-shrink:0}.md-ktp-display-box{display:flex;flex-direction:column}.md-file-attachment{display:flex;align-items:center;gap:14px;padding:12px 16px;background-color:#0a254008;border:1px solid var(--color-border);border-radius:8px}.md-file-attachment svg{color:var(--color-primary)}.md-file-attachment .file-info{display:flex;flex-direction:column;gap:2px}.md-file-attachment .file-name{font-size:13.5px;font-weight:700;color:var(--color-primary)}.md-file-download-link{font-size:12.5px;font-weight:700;color:#4880f0;text-decoration:none;transition:color .15s ease;display:inline-block}.md-file-download-link:hover{color:#1e3a8a;text-decoration:underline}.no-file{font-size:13px;font-weight:500;color:var(--color-text-muted);font-style:italic}.bank-section-title{display:flex;align-items:center;gap:8px;margin:12px 0 4px;border-top:1.5px dashed var(--color-border);padding-top:18px}.md-doc-viewer-overlay{position:fixed;inset:0;background:#0f172abf;display:flex;align-items:center;justify-content:center;padding:24px;z-index:9999}.md-doc-viewer-modal{width:min(1200px,100%);max-height:min(90vh,900px);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 40px 120px #0f172a4d;display:flex;flex-direction:column}.md-doc-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(226,232,240,.9);background:#f8fafc}.md-doc-viewer-title{font-size:15px;font-weight:700;color:#0f172a}.md-doc-viewer-close{display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;color:#0f172a;font-weight:700;cursor:pointer}.md-doc-viewer-frame{width:100%;height:100%;border:0;min-height:70vh}.bank-section-title svg{color:var(--color-text-muted)}.bank-section-title span{font-size:12.5px;font-weight:800;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.financial-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}.md-finance-badge{display:flex;align-items:baseline;gap:6px;padding:18px;border-radius:12px;box-shadow:inset 0 1px 3px #00000005;min-height:74px;height:100%}.md-finance-badge.saving{background-color:#0596690d;border:1px solid rgba(5,150,105,.15);color:var(--color-secondary)}.md-finance-badge.saving .currency-label{color:var(--color-secondary)}.md-finance-badge.loan{background-color:#dc26260a;border:1px solid rgba(220,38,38,.12);color:#dc2626}.md-finance-badge.loan .currency-label{color:#ef4444}.md-finance-badge.obligation{background-color:#0a254008;border:1px solid rgba(10,37,64,.08);color:var(--color-primary)}.md-finance-badge.obligation-vol{background-color:#8b5cf60a;border:1px solid rgba(139,92,246,.12);color:#7c3aed}.md-finance-badge.obligation-vol .currency-label{color:#8b5cf6}.md-finance-badge .currency-label{font-size:14px;font-weight:700}.md-finance-badge .balance-value{font-size:19px;font-weight:800;font-family:monospace}.md-footer-actions{display:flex;justify-content:flex-end;border-top:1px solid var(--color-border);padding-top:20px;margin-top:12px}.md-edit-actions{display:flex;gap:12px;width:100%;justify-content:flex-end}.btn-action-save,.btn-action-cancel,.btn-action-back{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.btn-action-save{background-color:#16a34a;color:#fff;box-shadow:0 4px 12px #16a34a33}.btn-action-save:hover{background-color:#15803d;transform:translateY(-1px);box-shadow:0 6px 16px #16a34a4d}.btn-action-save:disabled{background-color:#86efac;cursor:not-allowed;transform:none}.btn-action-cancel{background-color:#dc2626;color:#fff;box-shadow:0 4px 12px #dc262633}.btn-action-cancel:hover{background-color:#b91c1c;transform:translateY(-1px);box-shadow:0 6px 16px #dc26264d}.btn-action-back{background-color:#475569;color:#fff;box-shadow:0 4px 12px #47556926}.btn-action-back:hover{background-color:#334155;transform:translateY(-1px);box-shadow:0 6px 16px #47556940}.md-loading-container,.md-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;gap:16px;color:var(--color-text-muted);font-weight:500;font-size:15px}.md-spinner{color:var(--color-primary)}.btn-back-error{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .2s}.btn-back-error:hover{background-color:#1e3a8a}@media(max-width:1024px){.financial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.md-grid-layout{grid-template-columns:1fr;gap:16px}.md-title-section{flex-direction:column;align-items:flex-start}.btn-edit-mode{width:100%;justify-content:center}.financial-grid{grid-template-columns:1fr;gap:12px}.md-banner{padding:20px}.md-user-info-layout{flex-direction:column;text-align:center}.md-edit-actions{flex-direction:column;gap:12px}.btn-action-save,.btn-action-cancel,.btn-action-back{width:100%}}.th-container{padding:30px;background:#f8fafc;min-height:100vh}.th-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.th-title{font-size:28px;font-weight:800;color:#1e293b;margin:0}.th-subtitle{color:#64748b;font-size:14px;margin-top:4px}.th-export-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;padding:10px 18px;border-radius:10px;color:#475569;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.th-export-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.th-filters-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 15px #00000008;margin-bottom:24px;border:1px solid #f1f5f9}.th-filters-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;align-items:flex-end}.th-input-group{display:flex;flex-direction:column;gap:8px}.th-input-group label{font-size:13px;font-weight:700;color:#64748b}.th-search-box{position:relative;display:flex;align-items:center}.th-search-icon{position:absolute;left:12px;color:#94a3b8}.th-search-box input,.th-input-group select,.th-input-group input[type=date]{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;outline:none;background:#f8fafc;transition:all .2s}.th-search-box input{padding-left:38px}.th-input-group select:focus,.th-input-group input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.th-filter-actions{display:flex;gap:10px}.th-btn-apply{background:#3b82f6;color:#fff;border:none;padding:10px 15px;border-radius:10px;font-weight:700;cursor:pointer;flex:2}.th-btn-reset{background:#f1f5f9;color:#64748b;border:none;padding:10px 15px;border-radius:10px;font-weight:700;cursor:pointer;flex:1}.th-table-wrap{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000008;border:1px solid #f1f5f9;overflow:hidden}.th-table{width:100%;border-collapse:collapse}.th-table th{background:#1e293b;color:#fff;text-align:left;padding:18px 20px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.th-table td{padding:18px 20px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#334155}.th-member-cell{font-weight:700;color:#1e293b}.th-amount-cell{font-weight:700}.th-ref-cell{font-family:Courier New,Courier,monospace;font-size:13px;color:#64748b}.th-type-badge{background:#f1f5f9;color:#475569;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:800}.th-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:capitalize}.th-status-completed{background:#f0fdf4;color:#16a34a}.th-status-pending{background:#fffbeb;color:#d97706}.th-status-failed{background:#fef2f2;color:#dc2626}.th-empty{text-align:center;padding:60px!important;color:#94a3b8;font-style:italic}.th-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:32px;padding-bottom:40px}.th-page-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;padding:8px 16px;border-radius:10px;color:#1e293b;font-weight:700;cursor:pointer;transition:all .2s}.th-page-btn.next{background:#fff;border:1px solid #e2e8f0;color:#1e293b}.th-page-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.th-page-btn:disabled{opacity:.5;cursor:not-allowed}.th-page-num{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-weight:700;color:#475569;cursor:pointer;transition:all .2s}.th-page-num:hover{background:#f1f5f9}.th-page-num.active{background:#1e293b;color:#3b82f6;border-color:#1e293b}.th-page-dots{color:#94a3b8;padding:0 4px}@media(max-width:1200px){.th-filters-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.th-filters-grid{grid-template-columns:1fr}.th-header{flex-direction:column;align-items:flex-start;gap:16px}.th-pagination{flex-wrap:wrap}}.mp-container{padding:0 40px;font-family:DM Sans,sans-serif}.mp-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.mp-title{font-size:20px;font-weight:800;color:#1e293b;margin:0}.mp-period-filter{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:0 14px;height:40px;box-shadow:0 1px 3px #0000000d}.mp-period-filter select{height:36px;border:none;background:transparent;outline:none;font-size:14px;font-weight:600;color:#1e293b;cursor:pointer}.mp-card{background:#fff;border-radius:12px;border:1px solid #E2E8F0;padding:32px}.mp-user-info{display:flex;gap:24px;margin-bottom:40px;align-items:flex-start}.mp-user-avatar{width:48px;height:48px;background:#3b82f6;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mp-user-select-wrap{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.mp-user-meta{font-size:11px;color:#64748b;line-height:1.6}.mp-user-details{font-size:13px;color:#64748b;margin-left:24px;line-height:1.6}.mp-searchable-wrap{position:relative;width:360px}.mp-search-input-box{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1.5px solid #CBD5E1;border-radius:8px;padding:0 12px;height:42px;cursor:text;transition:border-color .2s}.mp-search-input-box:focus-within{border-color:#4f7df3;background:#fff;box-shadow:0 0 0 3px #4f7df31a}.mp-search-icon{color:#94a3b8;flex-shrink:0}.mp-search-input{border:none;background:transparent;outline:none;font-size:14px;color:#1e293b;width:100%;font-family:inherit}.mp-search-input::placeholder{color:#94a3b8}.mp-selected-badge{display:none}.mp-member-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #E2E8F0;border-radius:10px;box-shadow:0 8px 24px #0000001f;max-height:220px;overflow-y:auto;z-index:100}.mp-member-dropdown::-webkit-scrollbar{width:5px}.mp-member-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.mp-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid #F1F5F9}.mp-dropdown-item:last-child{border-bottom:none}.mp-dropdown-item:hover,.mp-dropdown-item.selected{background:#eff6ff}.mp-dropdown-item.selected .mp-drop-name{color:#4f7df3;font-weight:700}.mp-drop-name{font-size:13px;font-weight:600;color:#1e293b}.mp-drop-nik{font-size:11px;color:#94a3b8;font-weight:500}.mp-dropdown-empty{padding:16px;text-align:center;font-size:13px;color:#94a3b8}.mp-section{margin-bottom:32px}.mp-section-header-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mp-section-title{font-size:15px;font-weight:700;font-style:italic;color:#1e293b;margin-bottom:16px}.mp-period-badge{font-size:12px;font-weight:600;color:#4f7df3;background:#eef2ff;padding:2px 10px;border-radius:20px}.mp-loading-text{font-size:12px;color:#999}.mp-row-count{display:inline-block;font-size:12px;font-weight:600;color:#64748b;background:#f1f5f9;border-radius:20px;padding:1px 8px;margin-left:8px;font-style:normal}.mp-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.mp-out-item{margin-bottom:20px}.mp-out-item label{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.mp-amount{font-size:16px;font-weight:800;color:#1e293b}.mp-saving-card{border:1px solid #E2E8F0;border-radius:12px;padding:24px}.mp-saving-card label{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.mp-saving-card h3{margin:0;font-size:18px;font-weight:800;color:#333}.mp-saving-card h4{margin:0;font-size:13px;font-weight:700;color:#333;line-height:1.7}.mp-payment-row{display:flex;gap:14px;margin-bottom:12px;align-items:center}.mp-input-wrap{flex:1;position:relative}.mp-clean-input{width:100%;padding:11px 14px;border:1.5px solid #CBD5E1;border-radius:8px;background-color:#fff;font-size:14px;color:#1a1a1a;outline:none;transition:border-color .2s;box-shadow:0 1px 2px #0000000a;font-family:inherit;box-sizing:border-box}.mp-clean-input:focus{border-color:#4f7df3;box-shadow:0 0 0 3px #4f7df31a}.mp-clean-input.mp-input-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.mp-currency-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:700;color:#64748b;pointer-events:none;z-index:1}.mp-amount-input{padding-left:34px!important}.mp-auto-label{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:600;color:#10b981;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:1px 7px;pointer-events:none}.mp-add-payment-btn{background:#f8fafc;border:1px solid #CBD5E1;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;color:#475569;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s}.mp-add-payment-btn:hover:not(:disabled){background:#eff6ff;border-color:#4f7df3;color:#4f7df3}.mp-add-payment-btn:disabled{opacity:.4;cursor:not-allowed}.mp-remove-btn{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:transform .2s;flex-shrink:0}.mp-remove-btn:hover{transform:scale(1.1)}.mp-payment-extra{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.mp-input-group{display:flex;flex-direction:column;gap:8px}.mp-label{font-size:13px;font-weight:600;color:#475569}.mp-required{color:#ef4444;margin-left:2px}.mp-required-hint{font-size:11px;font-weight:400;color:#94a3b8;margin-left:4px}.mp-textarea{min-height:108px;resize:vertical;font-style:normal;font-family:inherit}.mp-file-upload{position:relative}.mp-file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.mp-file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;border:2px dashed #CBD5E1;border-radius:10px;background:#f8fafc;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;min-height:108px;text-align:center}.mp-file-label:hover{border-color:#4f7df3;background:#eff6ff;color:#4f7df3}.mp-file-label.mp-file-selected{border-color:#10b981;background:#f0fdf4;color:#10b981;flex-direction:row;justify-content:center;gap:10px;padding:12px 16px;min-height:60px}.mp-file-hint{font-size:11px;font-weight:400;color:#94a3b8}.mp-filename{font-size:13px;font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-filesize{font-size:11px;font-weight:400}.mp-file-error{display:flex;align-items:center;gap:6px;font-size:12px;color:#ef4444;font-weight:500;margin-top:4px}.mp-form-error{display:flex;align-items:flex-start;gap:8px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;color:#dc2626;margin-bottom:16px}.mp-form-success{display:flex;align-items:flex-start;gap:12px;background:#f0fdf4;border-left:4px solid #16a34a;border-radius:6px;padding:16px;font-size:13px;color:#166534;margin-bottom:24px;box-shadow:0 4px 6px -1px #0000000d;animation:mpFadeIn .3s ease-out}.mp-success-title{font-weight:800;font-size:14px;margin-bottom:4px;color:#15803d}.mp-success-detail{font-weight:500;opacity:.9;line-height:1.5}@keyframes mpFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mp-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #eaeaea;padding-top:24px}.mp-btn{background:#f1f5f9;color:#475569;border:1px solid #CBD5E1;padding:10px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;font-family:inherit}.mp-btn:hover{background:#e2e8f0}.mp-btn-process{background:#4f7df3;color:#fff;border-color:#4f7df3}.mp-btn-process:hover{background:#3d6de0;border-color:#3d6de0}.mp-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:mp-fade-in .2s ease}.mp-popup{background:#fff;border-radius:16px;padding:32px;width:400px;max-width:90vw;text-align:center;box-shadow:0 20px 60px #00000026;animation:mp-slide-up .25s ease}.mp-popup-icon{margin-bottom:16px}.mp-popup-title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 8px}.mp-popup-message{font-size:14px;color:#64748b;margin:0 0 24px;line-height:1.5}.mp-popup-btn{background:#ef4444;color:#fff;border:none;border-radius:8px;padding:10px 32px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.mp-popup-btn:hover{background:#dc2626}@keyframes mp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mp-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.mp-container{padding:0 16px}.mp-user-info{flex-direction:column;gap:16px}.mp-user-details{margin-left:0}.mp-searchable-wrap{width:100%}.mp-grid{grid-template-columns:1fr;gap:24px}.mp-payment-extra{grid-template-columns:1fr}.mp-payment-row{flex-wrap:wrap}}.card{background:#fff;padding:24px;border-radius:16px}.da-container table{width:100%;border-collapse:collapse;background:#f9fafb;border-radius:12px;overflow:hidden}.da-container thead{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.da-container thead th{color:#fff!important;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.15)}.da-container th,.da-container td{padding:12px;text-align:left}.da-container tr{border-bottom:1px solid #e5e7eb}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .15s ease}.modal-box{background:#fff;border-radius:20px;padding:32px 28px 24px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000002e;animation:slideUp .2s ease}.modal-title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 20px}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-btn-cancel:hover:not(:disabled){background:#e5e7eb}.modal-btn-confirm:hover:not(:disabled){opacity:.9}.da-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.da-btn-upload{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:10px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap}.da-btn-upload:hover{background:#2563eb}.da-search{flex:1;display:flex;align-items:center;gap:10px;min-width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 14px}.da-search input{background:transparent;border:none;outline:none;font-size:13px;color:#475569;width:100%}.da-doc-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#334155;border-radius:8px;flex-shrink:0}.da-type-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#eff6ff;color:#2563eb}.da-download-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#f0fdf4;color:#16a34a;text-decoration:none;transition:background .15s}.da-download-btn:hover{background:#dcfce7}tbody tr:hover{background:#f0f7ff;transition:background .15s}.da-row-clickable{cursor:pointer}.da-viewer-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .18s ease}.da-viewer-modal{background:#1e293b;border-radius:16px;width:92vw;max-width:960px;height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 32px 80px #00000080;animation:slideUp .2s ease}.da-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#0f172a;border-bottom:1px solid #334155;flex-shrink:0}.da-viewer-title{font-size:14px;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.da-viewer-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.da-viewer-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s;text-decoration:none}.da-viewer-btn:hover{opacity:.85}.da-viewer-btn-close{background:#334155;color:#f1f5f9}.da-viewer-btn-open{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.da-viewer-frame{flex:1;width:100%;border:none;background:#fff}.da-viewer-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-size:14px;gap:12px}.empty{text-align:center;color:#9ca3af;padding:32px 12px!important;font-size:13px}.da-inline-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:20px 24px 16px;margin-bottom:20px;animation:formSlideDown .2s ease}@keyframes formSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.da-inline-form-title{font-size:15px;font-weight:700;color:#1e293b;margin:0 0 16px}.da-inline-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px 16px}.da-form-group--full{grid-column:1 / -1}.da-inline-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.da-inline-form-actions .modal-btn{flex:0 0 auto;padding:10px 28px}.da-modal{text-align:left;max-width:480px}.da-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.da-form-group label{font-size:13px;font-weight:600;color:#374151}.da-input,.da-select-box,.da-textarea{background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;font-family:inherit;font-size:14px;color:#1f2937;outline:none;box-sizing:border-box}.da-input{height:42px;padding:0 14px}.da-textarea{height:88px;padding:12px 14px;resize:none}.da-select-box{height:42px;padding:0 14px;cursor:pointer}.da-file-input{border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;background:#fff;color:#1f2937;font-size:13px;cursor:pointer;width:100%;box-sizing:border-box}.da-note{font-size:12px;color:#9ca3af}.da-file-name{font-size:12px;color:#374151;font-weight:500}.pl-container{display:flex;flex-direction:column;gap:24px;padding:4px;animation:pl-fade-up .4s ease-out}@keyframes pl-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pl-toast{position:fixed;top:24px;right:24px;z-index:9999;display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:14px;font-size:14px;font-weight:600;box-shadow:0 8px 32px #00000026;animation:pl-slide-in .3s ease;max-width:380px}.pl-toast button{background:none;border:none;cursor:pointer;margin-left:auto;opacity:.6;padding:2px}@keyframes pl-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.pl-toast-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.pl-toast-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.pl-dialog-overlay{position:fixed;inset:0;background:#0a0f288c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:pl-overlay-in .2s ease}@keyframes pl-overlay-in{0%{opacity:0}to{opacity:1}}.pl-dialog{background:#fff;border-radius:24px;padding:40px;max-width:440px;width:90%;text-align:center;box-shadow:0 24px 64px #0003;animation:pl-dialog-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes pl-dialog-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.pl-dialog-icon{width:64px;height:64px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#2563eb}.pl-dialog h3{font-size:20px;font-weight:800;color:#0f172a;margin-bottom:12px}.pl-dialog p{font-size:14px;color:#475569;line-height:1.6;margin-bottom:8px}.pl-dialog-note{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 14px;color:#92400e!important;font-size:13px!important;margin-top:12px!important;margin-bottom:28px!important}.pl-dialog-actions{display:flex;gap:12px}.pl-dialog-btn-cancel,.pl-dialog-btn-confirm{flex:1;padding:14px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.pl-dialog-btn-cancel{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.pl-dialog-btn-cancel:hover{background:#f1f5f9}.pl-dialog-btn-confirm{background:linear-gradient(135deg,#2563eb,#4880f0);color:#fff;border:none;box-shadow:0 4px 16px #2563eb4d}.pl-dialog-btn-confirm:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb66}.pl-dialog-btn-confirm:disabled,.pl-dialog-btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}.pl-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:24px;border-bottom:1px solid #eef2f8}.pl-header-badge{display:inline-flex;align-items:center;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.pl-header-title{font-size:28px;font-weight:800;color:#0f172a;margin:0 0 6px;letter-spacing:-.5px}.pl-header-sub{font-size:14px;color:#64748b;margin:0}.pl-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.pl-period-picker{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 16px;box-shadow:0 1px 4px #0000000a}.pl-period-icon{color:#64748b}.pl-period-select{border:none;background:transparent;font-size:14px;font-weight:700;color:#1e293b;cursor:pointer;outline:none;padding:2px 4px}.pl-period-select:hover{color:#4880f0}.pl-header-actions{display:flex;gap:10px}.pl-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.pl-btn--ghost{background:transparent;border:1px solid #e2e8f0;color:#475569}.pl-btn--ghost:hover{background:#f8fafc}.pl-btn--secondary{background:#fff;border:1px solid #e2e8f0;color:#1e293b}.pl-btn--secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.pl-btn--primary{background:linear-gradient(135deg,#4880f0,#2563eb);color:#fff;border:none;box-shadow:0 4px 14px #4880f04d}.pl-btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4880f066}.pl-btn--disabled{opacity:.4;cursor:not-allowed;transform:none!important}.pl-period-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#1e3a8a,#2563eb 60%,#4880f0);color:#fff;border-radius:16px;padding:16px 24px}.pl-period-text{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.pl-period-text strong{font-size:16px}.pl-cycle-badge{font-size:13px;font-weight:700;padding:6px 16px;border-radius:999px}.pl-cycle-badge.ready{background:#10b98140;color:#a7f3d0}.pl-cycle-badge.pending{background:#f59e0b40;color:#fde68a}.pl-cycle-badge.partial{background:#ffffff26;color:#ffffffe6}.pl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pl-stat-card{background:#fff;border-radius:20px;padding:24px;border:1px solid #f1f5f9;box-shadow:0 2px 8px #0000000a;transition:transform .2s,box-shadow .2s}.pl-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.pl-stat-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pl-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.pl-stat-icon--blue{background:#eff6ff;color:#2563eb}.pl-stat-icon--orange{background:#fff7ed;color:#f59e0b}.pl-stat-icon--purple{background:#f5f3ff;color:#7c3aed}.pl-stat-icon--green{background:#ecfdf5;color:#10b981}.pl-stat-label{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.pl-stat-value{font-size:22px;font-weight:800;color:#0f172a;margin-bottom:6px;letter-spacing:-.5px}.pl-stat-sub{font-size:12px;color:#94a3b8;margin-bottom:12px}.pl-stat-progress-bar{height:6px;background:#f1f5f9;border-radius:999px;overflow:hidden}.pl-stat-progress-fill{height:100%;border-radius:999px;transition:width .6s ease}.pl-table-card{background:#fff;border-radius:20px;border:1px solid #f1f5f9;box-shadow:0 4px 16px #0000000a;overflow:hidden}.pl-table-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.pl-table-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:#0f172a}.pl-table-count{font-size:13px;font-weight:600;color:#94a3b8;background:#f8fafc;padding:3px 10px;border-radius:999px}.pl-table-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pl-search-box{position:relative;display:flex;align-items:center}.pl-search-box svg:first-child{position:absolute;left:12px;color:#94a3b8}.pl-search-box input{padding:10px 36px 10px 38px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;font-size:14px;width:240px;transition:all .2s;color:#1e293b}.pl-search-box input:focus{outline:none;border-color:#4880f0;background:#fff;box-shadow:0 0 0 3px #4880f01f}.pl-search-clear{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center}.pl-select{padding:10px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:10px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.pl-select:hover{border-color:#cbd5e1}.pl-status-tabs{display:flex;background:#f8fafc;border-radius:10px;padding:4px;border:1px solid #e2e8f0;gap:2px}.pl-status-tab{padding:7px 14px;border-radius:8px;border:none;background:transparent;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.pl-status-tab:hover{color:#1e293b;background:#fff}.pl-status-tab--active{color:#fff!important;background:#4880f0!important;box-shadow:0 2px 8px #4880f040}.pl-status-tab.active-green{background:#10b981!important;box-shadow:0 2px 8px #10b98140!important}.pl-status-tab.active-orange{background:#f59e0b!important;box-shadow:0 2px 8px #f59e0b40!important}.pl-status-tab.active-red{background:#ef4444!important;box-shadow:0 2px 8px #ef444440!important}.pl-status-tab.active-blue{background:#4880f0!important}.pl-selection-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#eff6ff,#f0f4ff);border-bottom:1px solid #dbeafe;padding:12px 24px;font-size:14px;font-weight:600;color:#1e40af;gap:16px}.pl-selection-bar span{display:flex;align-items:center;gap:8px}.pl-selection-bar div{display:flex;gap:8px}.pl-sel-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;border:1px solid #bfdbfe;background:#fff;color:#1e40af}.pl-sel-btn:hover{background:#eff6ff}.pl-sel-btn--confirm{background:#2563eb;color:#fff;border-color:transparent;box-shadow:0 2px 8px #2563eb4d}.pl-sel-btn--confirm:hover{background:#1d4ed8}.pl-rollback-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid #fde68a;background:#fffbeb;color:#b45309;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.pl-rollback-btn:hover{background:#fef3c7;border-color:#f59e0b;color:#92400e;transform:translateY(-1px);box-shadow:0 3px 8px #f59e0b33}.pl-action-none{color:#cbd5e1;font-size:14px;display:block;text-align:center}.pl-inst-id-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#f1f5f9;color:#475569;border-radius:6px;font-size:12px;font-weight:700;font-family:monospace;letter-spacing:.5px;white-space:nowrap}.pl-table-wrap{overflow-x:auto}.pl-table{width:100%;border-collapse:collapse}.pl-table thead tr{background:#f1f5f9}.pl-table th{text-align:left;padding:16px 20px;font-size:12px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.pl-table tbody tr{border-bottom:1px solid #f8fafc;transition:background .15s}.pl-table tbody tr:hover{background:#f8fafc}.pl-table tbody tr:last-child{border-bottom:none}.pl-table td{padding:16px 20px;font-size:14px;color:#334155;vertical-align:middle}.pl-row--selected{background:#eff6ff!important}.pl-checkbox{width:18px;height:18px;accent-color:#4880F0;cursor:pointer}.pl-member-cell{display:flex;align-items:center;gap:12px}.pl-member-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#4880f0,#7c3aed);color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pl-member-name{font-weight:700;color:#0f172a;font-size:14px}.pl-member-nik{font-size:12px;color:#94a3b8;margin-top:2px}.pl-dept-tag{display:inline-flex;padding:5px 12px;background:#f1f5f9;color:#475569;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap}.pl-inst-badge{font-weight:800;color:#2563eb}.pl-inst-of{font-size:12px;color:#94a3b8;margin-left:4px}.pl-amount{color:#0f172a;font-weight:800;font-size:14px}.pl-remaining{color:#64748b;font-size:13px;font-weight:600}.pl-progress-cell{display:flex;flex-direction:column;gap:5px;min-width:80px}.pl-mini-bar{height:5px;background:#e2e8f0;border-radius:999px;overflow:hidden}.pl-mini-bar-fill{height:100%;background:linear-gradient(90deg,#4880f0,#10b981);border-radius:999px;transition:width .4s ease}.pl-progress-text{font-size:11px;color:#94a3b8;font-weight:600}.pl-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.pl-badge--paid{background:#ecfdf5;color:#059669}.pl-badge--overdue{background:#fffbeb;color:#d97706}.pl-badge--unpaid{background:#fef2f2;color:#dc2626}.pl-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px;color:#94a3b8;font-size:14px;font-weight:600}.pl-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:56px;color:#94a3b8;font-size:14px}.pl-spin{animation:pl-rotate 1s linear infinite}@keyframes pl-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pl-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #f1f5f9}.pl-page-info{font-size:13px;color:#94a3b8;font-weight:500}.pl-page-btns{display:flex;align-items:center;gap:6px}.pl-page-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.pl-page-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.pl-page-btn:disabled{opacity:.4;cursor:not-allowed}.pl-page-btn.active{background:#4880f0;border-color:#4880f0;color:#fff;box-shadow:0 3px 10px #4880f040}.pl-page-ellipsis{font-size:14px;color:#94a3b8;padding:0 4px}@media(max-width:1200px){.pl-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.pl-stats{grid-template-columns:repeat(2,1fr)}.pl-header{flex-direction:column;align-items:flex-start;gap:20px}.pl-header-right{width:100%;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.pl-header-actions{flex-wrap:wrap}.pl-table-header{flex-direction:column;align-items:flex-start;gap:14px}.pl-table-controls{width:100%;display:grid;grid-template-columns:1fr auto;gap:10px}.pl-search-box{grid-column:1 / -1}.pl-search-box input{width:100%}.pl-status-tabs{grid-column:1 / -1;justify-content:flex-start}}@media(max-width:768px){.pl-container{gap:16px}.pl-header-title{font-size:22px}.pl-header-sub{font-size:13px}.pl-header-right{flex-direction:column;align-items:flex-start}.pl-period-picker,.pl-header-actions{width:100%}.pl-btn{flex:1;justify-content:center;padding:10px 14px;font-size:13px}.pl-period-banner{flex-direction:column;align-items:flex-start;gap:10px;border-radius:14px;padding:14px 18px}.pl-stats{grid-template-columns:1fr 1fr;gap:14px}.pl-stat-card{padding:18px}.pl-stat-value{font-size:18px}.pl-table-card{border-radius:14px}.pl-table-controls{grid-template-columns:1fr}.pl-select,.pl-status-tabs{width:100%}.pl-status-tab{flex:1;text-align:center;padding:7px 8px;font-size:12px}.pl-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.pl-table{min-width:700px}.pl-pagination{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 18px}.pl-page-btns{align-self:center}.pl-selection-bar{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px}.pl-selection-bar div{width:100%}.pl-sel-btn{flex:1;text-align:center}}@media(max-width:480px){.pl-stats{grid-template-columns:1fr;gap:12px}.pl-stat-card{padding:16px}.pl-header-title{font-size:20px}.pl-header-badge{font-size:11px}.pl-header-actions{flex-direction:column;gap:8px}.pl-btn{font-size:13px;padding:10px 12px}.pl-period-text{font-size:13px}.pl-cycle-badge{font-size:12px;padding:5px 12px}.pl-table th,.pl-table td{padding:12px 14px}.pl-member-avatar{width:32px;height:32px;font-size:13px;border-radius:10px}.pl-member-name{font-size:13px}.pl-dialog{padding:28px 20px}.pl-dialog-actions{flex-direction:column}.pl-toast{right:12px;left:12px;max-width:100%;top:16px}}.shum-container{padding:30px;background:#f8fafc;min-height:100vh}.shum-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.shum-title{font-size:28px;font-weight:800;color:#1e293b;margin:0;letter-spacing:-.5px}.shum-subtitle{color:#64748b;font-size:14px;margin-top:4px}.shum-tabs{display:flex;gap:12px;margin-bottom:24px;background:#f1f5f9;padding:6px;border-radius:12px;width:fit-content}.shum-tab{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;border:none;background:transparent}.shum-tab:hover{color:#1e293b;background:#ffffff80}.shum-tab.active{background:#fff;color:#2563eb;box-shadow:0 4px 12px #0000000d}.shum-add-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 12px #2563eb33;transition:all .3s ease}.shum-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #2563eb4d}.shum-add-btn.disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed;box-shadow:none;transform:none}.shum-add-btn.disabled:hover{transform:none;box-shadow:none}.shum-card{background:#fff;border-radius:20px;box-shadow:0 10px 25px #0000000d;border:1px solid #f1f5f9;overflow:hidden;padding:24px}.shum-table{width:100%;border-collapse:separate;border-spacing:0 8px}.shum-table th{text-align:left;padding:16px;background:#1e293b;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:1px;font-weight:700;border-bottom:none}.shum-table thead tr th:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.shum-table thead tr th:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.shum-table td{padding:20px 16px;background:#fff;color:#334155;font-size:15px;transition:all .2s}.shum-table tr:hover td{background:#f8fafc}.shum-table tr td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.shum-table tr td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.font-bold{font-weight:700;color:#0f172a}.shum-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700}.shum-badge.blue{background:#eff6ff;color:#2563eb}.shum-badge.green{background:#f0fdf4;color:#16a34a}.shum-badge.gray{background:#f1f5f9;color:#64748b}.shum-table-actions{display:flex;gap:10px}.action-edit,.action-delete{width:36px;height:36px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-edit{background:#f1f5f9;color:#64748b}.action-edit:hover{background:#e0e7ff;color:#4338ca}.action-delete{background:#fff1f2;color:#e11d48}.action-delete:hover{background:#ffe4e6;transform:scale(1.05)}.shum-total-row td{background:#f1f5f9!important;font-weight:800;font-size:16px;color:#1e293b}.shum-total-badge{padding:8px 16px;border-radius:10px;font-weight:800}.shum-total-badge.green{background:#16a34a;color:#fff}.shum-total-badge.red{background:#e11d48;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.shum-form-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.shum-form-card{background:#fff;width:100%;max-width:450px;border-radius:24px;padding:32px;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.shum-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.shum-form-header h3{margin:0;font-size:20px;font-weight:800}.shum-form-group{margin-bottom:20px}.shum-form-group label{display:block;font-size:13px;font-weight:700;color:#64748b;margin-bottom:8px}.shum-form-group input[type=text],.shum-form-group input[type=number],.shum-form-group select{width:100%;padding:12px 16px;border:2px solid #f1f5f9;border-radius:12px;font-size:15px;transition:border-color .2s;outline:none;background:#fff}.shum-form-group input:focus,.shum-form-group select:focus{border-color:#3b82f6}.shum-form-group select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 12px) calc(1em + 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:42px}.shum-form-group.checkbox{display:flex;align-items:center;gap:10px;cursor:pointer}.shum-form-group.checkbox input{width:18px;height:18px;cursor:pointer}.shum-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.btn-cancel{background:#f1f5f9;color:#64748b;border:none;padding:12px;border-radius:12px;font-weight:700;cursor:pointer}.btn-save{background:#2563eb;color:#fff;border:none;padding:12px;border-radius:12px;font-weight:700;cursor:pointer}.btn-save:hover{background:#1d4ed8}.shu-container{min-height:100vh;padding:28px;background:#f7f9fc;color:#0f172a}.shu-container>*{animation:shu-fade-in .35s ease-out both}.shu-btn-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:#ffffffe6;color:#334155;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #0f172a0a;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.shu-btn-back:hover{transform:translateY(-1px);background:#fff;box-shadow:0 10px 20px #0f172a14}.shu-page-title{font-size:22px;font-weight:800;letter-spacing:-.04em;color:#0f172a;margin:0}.shu-page-subtitle{margin:6px 0 22px;color:#64748b;font-size:13px}.shu-nav-tabs{display:inline-flex;gap:8px;padding:6px;margin-bottom:24px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:#ffffffb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 28px #0f172a0f;flex-wrap:wrap}.shu-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;color:#64748b;text-decoration:none;font-size:13px;font-weight:700;transition:all .2s ease}.shu-tab:hover{color:#0f172a;background:#ffffffeb}.shu-tab.active{color:#0f172a;background:linear-gradient(135deg,#fff,#eff6ff);box-shadow:0 6px 16px #2563eb1f}.shu-filter-select,.shu-btn-icon{height:40px;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#ffffffe6;color:#0f172a;box-shadow:0 4px 14px #0f172a0a}.shu-filter-select{min-width:130px;padding:0 12px;font-size:13px;outline:none}.shu-filter-select:focus{border-color:#2563eb73;box-shadow:0 0 0 4px #3b82f61f}.shu-btn-icon{width:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.shu-btn-icon:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a14;background:#fff}.shu-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.shu-stat-card{min-width:0;padding:18px 18px 16px;border:1px solid rgba(226,232,240,.9);border-radius:18px;background:#ffffffe6;box-shadow:0 10px 24px #0f172a0d}.shu-stat-title{margin:0;color:#64748b;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.shu-stat-value{margin:8px 0 0;font-size:18px;font-weight:800;letter-spacing:-.03em}.shu-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0;padding:16px;border:1px solid rgba(226,232,240,.9);border-radius:18px;background:#ffffffd6;box-shadow:0 8px 22px #0f172a0d}.shu-search-input{flex:1;min-width:220px;height:42px;padding:0 14px;border:1px solid rgba(148,163,184,.24);border-radius:12px;background:#fff;font-size:13px;color:#334155;outline:none}.shu-search-input:focus{border-color:#3b82f680;box-shadow:0 0 0 4px #3b82f61f}.shu-pill-group{display:inline-flex;gap:6px;padding:5px;border-radius:14px;background:#f1f5f9}.shu-pill-button{padding:9px 14px;border:none;border-radius:10px;background:transparent;color:#475569;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.shu-pill-button.active{background:#fff;color:#1d4ed8;box-shadow:0 6px 14px #0f172a14}.shu-data-panel,.shu-section-shell{margin-top:18px;border:1px solid rgba(226,232,240,.9);border-radius:20px;background:#ffffffe6;overflow:hidden;box-shadow:0 12px 28px #0f172a0f}.shu-data-panel table{border:0;border-radius:0;box-shadow:none}.shu-data-panel thead th,.shu-section-shell thead th{background:linear-gradient(135deg,#0f172a,#1e293b)!important;color:#f8fafc!important}.shu-modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shu-modal-content{width:min(100%,920px);max-height:min(88vh,960px);overflow:auto;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:#fff;box-shadow:0 30px 80px #0f172a47}.shu-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 16px;border-bottom:1px solid #e2e8f0}.shu-modal-title{font-size:16px;font-weight:800;letter-spacing:-.02em;color:#0f172a}.shu-modal-close{width:38px;height:38px;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:#fff;color:#475569;cursor:pointer}.shu-form-container{padding:22px}.shu-form-grid{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:center;margin-bottom:14px}.shu-form-input{width:100%;height:42px;padding:0 14px;border:1px solid rgba(148,163,184,.24);border-radius:12px;font-size:14px;color:#334155;background:#fff;outline:none}.shu-form-input:focus{border-color:#3b82f685;box-shadow:0 0 0 4px #3b82f61a}.shu-upload-instruction{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px;padding:14px 16px;border:1px solid rgba(191,219,254,.9);border-radius:14px;background:#eff6ff}.shu-drop-zone{display:grid;place-items:center;min-height:220px;margin:16px 0 12px;padding:28px 20px;border-radius:18px;text-align:center}.shu-drop-icon{margin-bottom:16px}.shu-upload-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.shu-container table{width:100%;border-collapse:collapse}.shu-container thead th{text-align:left}.shu-container tbody tr:hover td{background:#f8fbff}@keyframes shu-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1080px){.shu-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shu-form-grid{grid-template-columns:1fr;gap:8px}}@media(max-width:1024px){.shu-container{padding:20px}.shu-container table{display:block;overflow-x:auto;white-space:nowrap}.shu-modal-content{width:100%}}@media(max-width:768px){.shu-nav-tabs{display:grid;width:100%;grid-template-columns:1fr}.shu-container>div[style*="justify-content: space-between"]{align-items:flex-start!important}.shu-filter-select{min-width:100%}.shu-btn-icon{width:100%}.shu-card-grid{grid-template-columns:1fr}.shu-toolbar{padding:14px}}.shu-page-shell{width:100%;max-width:100%;margin:0}.shu-hero-bar{margin-bottom:18px}.shu-kpi-grid{margin:18px 0 22px;width:100%}.shu-section-block{margin-top:18px;width:100%}.shu-section-block+.shu-section-block{margin-top:20px}.shu-action-bar{margin-top:18px;margin-bottom:4px}.shu-table-footer{padding-top:6px}.shu-data-panel{padding:0}.shu-data-panel>table,.shu-data-panel>div>table,.shu-data-panel>div{width:100%}.shu-data-panel .shu-table-wrap{overflow-x:auto}.shu-data-panel table{min-width:100%}.shu-hero-bar,.shu-kpi-grid,.shu-section-block,.shu-toolbar,.shu-data-panel,.shu-section-shell{margin-left:0;margin-right:0}.shu-section-block>div,.shu-section-block>.shu-card-grid,.shu-section-block>.shu-toolbar,.shu-section-block>.shu-data-panel{width:100%}.shu-container>.shu-section-block:first-of-type{margin-top:0}.shu-card-grid,.shu-toolbar,.shu-data-panel,.shu-section-shell,.shu-section-block,.shu-hero-bar,.shu-kpi-grid,.shu-action-bar,.shu-table-footer{width:100%}.shu-card-grid{grid-auto-rows:1fr}.shu-card-grid>.shu-stat-card{min-width:0}.shu-data-panel>table,.shu-data-panel table{width:100%;border-radius:0}.shu-data-panel thead th,.shu-section-shell thead th{background:#111827!important;color:#fff!important}.shu-card-grid>.shu-stat-card,.shu-stat-card{box-shadow:0 8px 20px #0f172a0d}@media(max-width:1024px){.shu-page-shell{max-width:100%}.shu-section-block{margin-top:16px}}.admin-loans-dash{padding:24px;background-color:var(--bg-primary, #f9fafc);min-height:100%}.ald-header h1{font-size:24px;font-weight:700;margin-bottom:4px;color:var(--text-color, #1a1a1a)}.ald-breadcrumb{font-size:13px;color:var(--text-color-light, #666);margin-bottom:24px}.ald-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.ald-stat-card{background:#fff;border-radius:16px;padding:18px 20px;flex:1 1 calc(25% - 12px);min-width:220px;box-shadow:0 4px 16px #0000000d;border:1px solid rgba(226,232,240,.8);transition:transform .2s ease,box-shadow .2s ease;cursor:default}.ald-stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000017}.ald-stat-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.ald-stat-title{font-size:13px;font-weight:600;color:#64748b;flex:1;padding-right:8px;line-height:1.4}.ald-stat-body{display:flex;align-items:center;gap:10px}.ald-stat-img img{width:36px;height:36px;object-fit:cover;border-radius:8px}.ald-stat-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.ald-stat-card:hover .ald-stat-icon-wrapper{transform:scale(1.08) rotate(-3deg)}.ald-stat-icon{color:#fff}.ald-stat-value{font-size:20px;font-weight:800;color:#1a1a1a;letter-spacing:-.02em}.ald-stat-trend{font-size:12px;color:#666;margin-left:auto;font-weight:600}.ald-stat-trend.up{color:#10b981}.ald-stat-trend.down{color:#ef4444}.ald-pending-section{margin-bottom:32px}.ald-pending-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ald-pending-header h2{font-size:18px;font-weight:700;color:#1a1a1a}.ald-view-more{font-size:13px;color:#666;text-decoration:none;font-weight:600}.ald-pending-list{display:flex;gap:16px;overflow-x:auto}.ald-pending-card{background:#fff;border-radius:12px;padding:20px;min-width:280px;flex:1;box-shadow:0 2px 8px #00000005}.ald-pc-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ald-pc-avatar{width:48px;height:48px;border-radius:8px;background:#eee}.ald-pc-info{flex:1}.ald-pc-name{font-size:14px;font-weight:600;color:#1a1a1a}.ald-pc-dept,.ald-pc-id{font-size:12px;color:#666}.ald-pc-id{font-weight:600;color:#1a1a1a}.ald-pc-mid{display:flex;gap:16px;margin-bottom:16px}.ald-pc-label{font-size:12px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.ald-pc-desc{font-size:12px;color:#666;line-height:1.4}.ald-pc-col.term{min-width:60px}.ald-pc-amount{display:flex;justify-content:space-between;padding:12px;border:1px solid #eaeaea;border-radius:8px;margin-bottom:16px;font-size:13px}.ald-pc-amount span:last-child{font-weight:600}.ald-pc-actions{display:flex;gap:12px}.ald-btn{flex:1;padding:10px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;background:transparent;transition:all .2s}.ald-btn.reject{background-color:#ff4d4f;color:#fff;border:1px solid #ff4d4f}.ald-btn.approve{background-color:#4f7df3;color:#fff;border:1px solid #4f7df3}.ald-btn:hover{opacity:.8}.ald-table-section{background:#fff;color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000005}.ald-table-controls{display:flex;gap:12px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.ald-period-filter{display:flex;align-items:center;gap:8px;background:#fcfcfc;border:1px solid #eaeaea;border-radius:8px;padding:0 12px;height:40px}@media(max-width:900px){.ald-table-controls{flex-direction:column;align-items:stretch}.ald-search,.ald-filter,.ald-period-filter,.ald-print-btn,.ald-send-reminder-btn{width:100%}.ald-search{min-height:48px}.ald-search input{min-width:0}.ald-filter select,.ald-period-filter select{min-width:100%}}.ald-period-filter select{height:36px;border:none;background:transparent;outline:none;font-size:14px;font-weight:600;color:#1a1a1a;cursor:pointer}.ald-search{flex:1;min-width:260px;display:flex;align-items:center;gap:8px;background:#fcfcfc;border:1px solid #eaeaea;padding:0 12px;border-radius:8px;height:40px}.ald-search input{border:none;background:transparent;width:100%;outline:none;font-size:14px}.ald-filter select{height:40px;border:1px solid #eaeaea;border-radius:8px;padding:0 12px;background:#fcfcfc;outline:none;font-size:14px;min-width:100px}.ald-print-btn{height:40px;width:40px;display:flex;align-items:center;justify-content:center;background:#fcfcfc;border:1px solid #eaeaea;border-radius:8px;cursor:pointer;transition:all .2s}.ald-print-btn:hover{background:#f0f0f0}.ald-send-reminder-btn{height:40px;padding:0 16px;display:flex;align-items:center;justify-content:center;background:#4f7df3;color:#fff;border:1px solid #4f7df3;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.ald-send-reminder-btn:hover{background:#3d5fbf}.ald-modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:999}.ald-modal-card{width:min(520px,calc(100% - 40px));background:#fff;border-radius:20px;padding:24px;box-shadow:0 24px 80px #0f172a2e;animation:ald-modal-enter .24s ease}@keyframes ald-modal-enter{0%{transform:translateY(-18px);opacity:0}to{transform:translateY(0);opacity:1}}.ald-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.ald-modal-header h3{margin:0;font-size:20px}.ald-modal-header p{margin:6px 0 0;color:#475569;font-size:14px}.ald-modal-close{border:none;background:transparent;font-size:24px;line-height:1;cursor:pointer;color:#475569}.ald-modal-body{display:grid;gap:16px;margin-bottom:20px}.ald-modal-body label{display:grid;gap:8px;font-size:14px;color:#344054}.ald-modal-body input{width:100%;min-height:42px;border:1px solid #dfe3eb;border-radius:12px;padding:10px 12px;font-size:14px;outline:none}.ald-modal-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:10px 12px;font-size:13px}.ald-modal-actions{display:flex;justify-content:flex-end;gap:12px}.ald-modal-cancel,.ald-modal-save{min-width:120px;padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer;border:none}.ald-modal-cancel{background:#f8fafc;color:#334155}.ald-modal-save{background:#2563eb;color:#fff}.ald-modal-save:disabled{opacity:.65;cursor:not-allowed}border-color: #3d5fbf; } .ald-send-reminder-btn:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed}.ald-table-container{overflow-x:auto}.ald-table{width:100%;border-collapse:collapse}.ald-checkbox-header,.ald-checkbox-row{width:18px;height:18px;cursor:pointer;accent-color:#4f7df3}.ald-checkbox-cell{width:50px;text-align:center}.ald-table th{text-align:left;padding:12px;font-size:13px;color:#333;border-bottom:1px solid #eaeaea;font-weight:600}.ald-table td{padding:16px 12px;font-size:13px;color:#1a1a1a;border-bottom:1px solid #eaeaea;font-weight:600}.ald-status{display:inline-flex;align-items:center;gap:6px}.ald-status:before{content:"";display:block;width:6px;height:6px;border-radius:50%}.ald-status.close:before{background:#4f7df3}.ald-status.paid:before{background:#52c41a}.ald-status.active:before{background:#52c41a}.ald-status.macet:before{background:#ff4d4f}.ald-status.late-paid:before{background:#faad14}@media(max-width:768px){.ald-table-controls{flex-direction:column;align-items:stretch}.ald-search{width:100%;box-sizing:border-box}.ald-filter select,.ald-print-btn{width:100%}}.ald-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:24px;padding-bottom:8px}.ald-pagination button{background:#fff;border:1px solid #eaeaea;border-radius:6px;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#1a1a1a;cursor:pointer;transition:all .2s;padding:0 12px}.ald-pagination button:hover{background:#f5f5f5}.ald-pagination button.active{background:#1a1a1a;color:#4f7df3;border-color:#1a1a1a}.ald-pagination span{color:#666;font-weight:600;padding:0 4px}.admin-pending-approvals{font-family:Plus Jakarta Sans,Segoe UI,Arial,sans-serif;letter-spacing:-.01em;color:#0f172a}.admin-pending-approvals{padding:24px;background-color:var(--bg-primary, #f9fafc);min-height:100%}.apa-header h1{font-size:28px;font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:4px;color:#0f172a}.apa-breadcrumb{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;letter-spacing:.01em;color:#94a3b8;margin-bottom:24px}.apa-breadcrumb a{color:#4f7df3;text-decoration:none;transition:color .15s ease}.apa-breadcrumb a:hover{color:#3b63d6;text-decoration:underline}.apa-breadcrumb-sep{color:#cbd5e1;flex-shrink:0}.apa-breadcrumb-current{color:#334155;font-weight:700}.apa-tabs{display:flex;gap:12px;margin-bottom:24px}.apa-tab{padding:10px 24px;border-radius:8px;border:1px solid #eaeaea;background:#fff;font-size:14px;font-weight:700;letter-spacing:.01em;color:#475569;cursor:pointer;transition:all .2s}.apa-tab.active{background:#f7f9fa;color:#0f172a;border-color:#eaeaea}.apa-approvals-content{display:flex;flex-direction:column;gap:16px}.apa-approval-card{display:flex;align-items:center;padding:20px;background:#fff;border-radius:12px;border:1px solid #eaeaea;gap:24px;flex-wrap:wrap;box-shadow:0 1px 2px #0f172a0a}.apa-card-avatar{width:56px;height:56px;border-radius:8px;background:#4f7df3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.apa-card-user{flex:1;min-width:150px}.apa-card-name{font-size:15px;font-weight:800;letter-spacing:-.01em;color:#0f172a}.apa-card-dept,.apa-card-id{font-size:13px;color:#64748b}.apa-card-id{font-weight:700;color:#334155;margin-top:2px}.apa-card-purpose{flex:2}.apa-card-term{flex:1}.apa-card-amount{flex:1.5}.apa-card-label{font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#475569;margin-bottom:4px}.apa-card-value{font-size:14px;line-height:1.5;color:#0f172a}.apa-card-value.bold{font-weight:800}.apa-btn-details{padding:8px 16px;border-radius:6px;border:1px solid #c7d2fe;background:#edf2ff;color:#4f7df3;font-weight:700;letter-spacing:.01em;font-size:13px;cursor:pointer;transition:all .2s}.apa-btn-details:hover{background:#e0e7ff}.apa-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.apa-stat-card{min-width:200px}.apa-stat-card{flex:1;background:#eaeaec;border-radius:12px;padding:20px}.apa-stat-title{font-size:14px;font-weight:800;letter-spacing:.01em;color:#0f172a;margin-bottom:12px}.apa-stat-body{display:flex;align-items:center;gap:12px}.apa-stat-icon{width:40px;height:40px;border-radius:8px;background:#4f7df3;color:#fff;display:flex;align-items:center;justify-content:center}.apa-stat-icon.overdue{background:#5c67f2}.apa-stat-val{font-size:18px;font-weight:800;letter-spacing:-.02em;color:#0f172a}.apa-stat-val.overdue{color:#f55}.apa-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;background:#eaeaec;padding:16px;border-radius:12px 12px 0 0;border-bottom:1px solid #dcdcdc}.apa-filter-group{display:flex;align-items:center;gap:8px}.apa-filter-group label{font-size:14px;font-weight:700;color:#475569}.apa-filter-group select{padding:6px 12px;border-radius:6px;border:1px solid #ccc;background:#999;color:transparent;width:80px;height:28px}.apa-date-range{display:flex;align-items:center;gap:8px}.apa-date-range input{padding:6px 12px;border-radius:6px;border:1px solid #ccc;background:#999;color:transparent;width:100px;height:28px}.apa-filter-actions{display:flex;gap:8px;margin-left:auto}.apa-btn-gray{padding:8px 16px;border-radius:6px;border:none;background:#999;color:#fff;font-weight:600;cursor:pointer;font-size:13px}.apa-table-wrapper{background:#eaeaec;padding:20px;border-radius:0 0 12px 12px}.apa-table{width:100%;border-collapse:collapse}.apa-table th{text-align:left;padding:12px;font-size:14px;font-weight:700;color:#666;border-bottom:1px solid #dcdcdc}.apa-table td{padding:16px 12px;font-size:13px;border-bottom:1px solid #dcdcdc;color:#1a1a1a}.apa-table td.bold{font-weight:700}.apa-btn-table{padding:6px 20px;border-radius:6px;border:none;background:#999;color:#fff;font-weight:600;cursor:pointer}.apa-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px}.apa-pagination button{width:32px;height:32px;border-radius:6px;border:1px solid #ccc;background:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.apa-pagination button.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.apa-pagination button:last-child{width:auto;padding:0 12px}.admin-loan-detail-modern{padding:32px;background-color:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,sans-serif;color:#1e293b}.aldet-m-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;border-bottom:1px solid #e2e8f0;padding-bottom:16px}.aldet-m-header-left{display:flex;align-items:center;gap:16px}.aldet-m-header-left h1{font-size:24px;font-weight:700;color:#0f172a;margin:0}.aldet-m-back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#334155;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.aldet-m-back-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.aldet-m-badge{padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.5px}.aldet-m-badge-pending{background-color:#fef08a;color:#854d0e}.aldet-m-badge-verifying{background-color:#fed7aa;color:#9a3412}.aldet-m-badge-approved{background-color:#dcfce7;color:#166534}.aldet-m-badge-rejected{background-color:#fee2e2;color:#991b1b}.aldet-m-date{font-size:14px;color:#64748b;margin:0}.aldet-m-grid{display:grid;grid-template-columns:1fr 2fr;gap:24px}@media(max-width:1024px){.aldet-m-grid{grid-template-columns:1fr}}.aldet-m-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;margin-bottom:24px;border:1px solid #f1f5f9}.aldet-m-card-title{font-size:16px;font-weight:600;color:#334155;margin-top:0;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.profile-card-content{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.profile-avatar-large{width:64px;height:64px;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #6366f133}.profile-details h3{margin:0 0 8px;font-size:18px;color:#0f172a}.profile-details p{margin:4px 0;font-size:14px;color:#475569}.profile-details strong{color:#1e293b}.aldet-m-btn-outline{width:100%;padding:10px;border:1px solid #e2e8f0;background:transparent;color:#475569;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.aldet-m-btn-outline:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.ai-risk-status{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ai-risk-label{font-size:14px;color:#64748b;font-weight:500}.ai-risk-badge{padding:6px 16px;border-radius:6px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ai-risk-badge.low{background:#dcfce7;color:#166534}.ai-risk-badge.medium{background:#fef08a;color:#854d0e}.ai-risk-badge.high{background:#fee2e2;color:#991b1b}.ai-risk-confidence,.ai-risk-suggestion{font-size:14px;color:#475569;margin-top:12px;padding:12px;background:#f8fafc;border-radius:8px;border-left:4px solid #6366f1}.doc-preview-link{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;text-decoration:none;color:#334155;font-weight:500;transition:all .2s ease}.doc-preview-link:hover{border-color:#6366f1;background:#e0e7ff}.doc-empty{font-size:14px;color:#94a3b8;text-align:center;padding:20px;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mt-4{margin-top:16px}.config-item{background:#f8fafc;padding:16px;border-radius:8px;border:1px solid #f1f5f9}.config-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.icon-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.icon-btn:hover{background:#e2e8f0;color:#0f172a}.config-value{font-size:18px;font-weight:600;color:#1e293b}.config-value.highlight-val{color:#6366f1;font-size:22px}.m-input{width:100%;border:none;background:transparent;font-size:16px;font-weight:600;color:#0f172a;outline:none}.input-with-prefix,.input-with-suffix{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #cbd5e1;padding:8px 12px;border-radius:6px}.input-with-prefix span,.input-with-suffix span{font-weight:600;color:#64748b}.allocation-panel{margin-top:24px;border-radius:8px;padding:20px;border:1px solid #e2e8f0}.allocation-panel.safe{background:#f0fdf4;border-color:#bbf7d0}.allocation-panel.over-limit{background:#fef2f2;border-color:#fecaca}.alloc-title{font-size:14px;font-weight:700;margin-top:0;margin-bottom:16px;color:#334155}.alloc-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:15px}.alloc-row span{color:#64748b}.alloc-row strong{color:#0f172a}.alloc-status{display:flex;align-items:center;gap:8px;padding-top:16px;margin-top:16px;border-top:1px solid rgba(0,0,0,.05);font-weight:600;font-size:15px}.alloc-status.success{color:#16a34a}.alloc-status.error{color:#dc2626}.upload-label{display:flex;align-items:center;gap:16px;padding:20px;border:2px dashed #c7d2fe;background:#e0e7ff;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.upload-label:hover{background:#c7d2fe}.upload-title{display:block;font-weight:600;color:#4338ca;font-size:15px}.upload-sub{font-size:13px;color:#6366f1}.file-selected{font-size:14px;color:#059669;font-weight:600;margin-bottom:16px}.note-section label{display:block;font-size:14px;font-weight:600;color:#475569;margin-bottom:8px}.m-textarea{width:100%;height:100px;border:1px solid #cbd5e1;border-radius:8px;padding:12px;font-family:inherit;font-size:14px;resize:vertical;margin-bottom:24px;outline:none;transition:border-color .2s}.m-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.action-buttons{display:flex;gap:16px}.btn-reject,.btn-approve{flex:1;padding:14px;border-radius:8px;font-weight:600;font-size:15px;border:none;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center}.btn-reject{background:#fff1f2;color:#e11d48;border:1px solid #ffe4e6}.btn-reject:hover:not(:disabled){background:#ffe4e6}.btn-approve{background:#4f46e5;color:#fff;box-shadow:0 4px 6px #4f46e533}.btn-approve:hover:not(:disabled){background:#4338ca;box-shadow:0 6px 12px #4f46e54d}.btn-approve.disabled,.btn-approve:disabled{background:#cbd5e1;color:#f8fafc;cursor:not-allowed;box-shadow:none}.btn-reject:disabled{opacity:.5;cursor:not-allowed}.validation-msg{display:flex;align-items:center;gap:8px;margin-top:16px;color:#dc2626;font-size:13px;font-weight:500}.aldet-loader{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;font-weight:600;color:#475569}.verify-hint{font-size:14px;color:#64748b;margin:0 0 16px;line-height:1.5}.reject-reason-box{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px;font-size:14px;color:#991b1b;min-height:60px}.installments-card{overflow:hidden}.installment-table-wrapper{overflow-x:auto}.installment-table{width:100%;border-collapse:collapse;font-size:13px}.installment-table th{text-align:left;padding:10px 12px;font-weight:700;color:#64748b;text-transform:uppercase;font-size:11px;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.installment-table td{padding:12px;border-bottom:1px solid #f1f5f9;color:#1e293b;white-space:nowrap}.installment-status{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.installment-status.paid{background:#dcfce7;color:#166534}.installment-status.unpaid{background:#f1f5f9;color:#475569}.installment-status.overdue{background:#fee2e2;color:#991b1b}.aald-page{padding:24px;background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif}.aald-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.aald-header-left{display:flex;align-items:center;gap:16px}.aald-back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.aald-back-btn:hover{background:#f1f5f9;color:#1e293b}.aald-header h1{font-size:24px;font-weight:700;color:#1e293b;margin:0}.aald-status-pill{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.aald-status-pill.active{background:#ecfdf5;color:#059669}.aald-status-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.aald-btn-outline{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid #4f7df3;border-radius:8px;color:#4f7df3;font-size:14px;font-weight:600;cursor:pointer}.aald-grid-top{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;margin-bottom:24px}.aald-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;padding:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h3{font-size:16px;font-weight:700;color:#1e293b;margin:0}.view-profile{font-size:13px;font-weight:600;color:#4f7df3;background:none;border:none;cursor:pointer;padding:0}.profile-content{display:flex;gap:16px;align-items:center}.profile-avatar{width:64px;height:64px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-details .name{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:4px}.profile-details .meta{display:flex;gap:12px;font-size:13px;color:#64748b}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;height:100%}.stat-item .label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;margin-bottom:4px}.stat-item .value{font-size:20px;font-weight:700;color:#1e293b}.stat-item .value.highlight{color:#4f7df3}.aald-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px}.progress-card{margin-bottom:24px}.prog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.prog-header h3{font-size:15px;font-weight:700;margin:0}.prog-header .pct{font-size:18px;font-weight:800;color:#4f7df3}.prog-bar{height:10px;background:#f1f5f9;border-radius:5px;overflow:hidden;margin-bottom:12px}.prog-fill{height:100%;background:#4f7df3;transition:width .5s ease-out}.prog-footer{display:flex;justify-content:space-between;font-size:13px;color:#64748b;font-weight:500}.table-card h3{margin-bottom:20px}.table-wrap{overflow-x:auto}.aald-table{width:100%;border-collapse:collapse}.aald-table th,.aald-table thead th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:#000!important;text-transform:uppercase;border-bottom:1px solid #e2e8f0;background:#f8fafc!important}.aald-table td{padding:14px 16px;font-size:14px;color:#334155;border-bottom:1px solid #f1f5f9}.aald-table td.bold{font-weight:700;color:#1e293b}.status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.status-badge.paid,.status-badge.paid_off{background:#dcfce7;color:#16a34a}.status-badge.unpaid{background:#f1f5f9;color:#64748b}.status-badge.due_soon{background:#fef3c7;color:#d97706}.status-badge.macet{background:#fee2e2;color:#dc2626}.info-card h3,.actions-card h3{margin-bottom:20px;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.info-list{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase}.info-item span{font-size:14px;font-weight:600;color:#1e293b}.action-btns{display:flex;flex-direction:column;gap:12px}.btn-action{width:100%;padding:12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-action.primary{background:#4f7df3;color:#fff}.btn-action.primary:hover{background:#3b66d6}.btn-action.secondary{background:#f1f5f9;color:#475569}.btn-action.danger{background:#fff1f2;color:#e11d48}.aald-preview-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.aald-preview-modal{background:#fff;border-radius:12px;width:90vw;max-width:900px;height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px #0000004d}.aald-preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.aald-preview-header h3{margin:0;font-size:16px;font-weight:700;color:#0f172a}.aald-preview-action{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;color:#334155}.aald-preview-action:hover{background:#f1f5f9}.aald-preview-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;color:#64748b}.aald-preview-close:hover{background:#e2e8f0;color:#0f172a}.aald-preview-body{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;background:#f1f5f9;padding:16px}.aald-preview-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 2px 8px #0000001a}.aald-preview-iframe{width:100%;height:100%;border:none;border-radius:4px}.savings-container{min-height:100vh;padding:28px;background:radial-gradient(circle at top right,rgba(59,130,246,.08),transparent 30%),radial-gradient(circle at bottom left,rgba(16,185,129,.06),transparent 28%),#f5f7fb;font-family:var(--font-b, "Inter", Arial, sans-serif);color:#0f172a}.savings-container{padding:28px!important;background:radial-gradient(circle at top right,rgba(59,130,246,.08),transparent 30%),radial-gradient(circle at bottom left,rgba(16,185,129,.06),transparent 28%),#f5f7fb!important;font-family:var(--font-b, "Inter", Arial, sans-serif)!important}.savings-header h2{margin:0!important;font-size:clamp(26px,3vw,34px)!important;font-weight:800!important;letter-spacing:-.03em;color:#0f172a!important}.mandatory-card{display:grid!important;grid-template-columns:280px 1fr;gap:24px;background:linear-gradient(135deg,#fffffffa,#f8fafcf5)!important;padding:26px!important;border-radius:22px!important;border:1px solid rgba(226,232,240,.92)!important;box-shadow:0 14px 36px #0f172a0f!important}.rate-box{width:100%!important;min-height:220px;background:linear-gradient(135deg,#2563eb,#1d4ed8 45%,#0f172a)!important;color:#fff!important;border-radius:20px!important;padding:22px!important;text-align:left!important;display:flex;flex-direction:column;justify-content:space-between}.placeholder{width:72px!important;height:52px!important;background:#ffffff2e!important;margin:0 0 12px!important;border-radius:14px!important}.amount{font-size:clamp(24px,3vw,34px)!important;font-weight:800!important;letter-spacing:-.03em;margin:0!important}.mandatory-form h3{margin:0 0 8px!important;font-size:22px!important;font-weight:800!important;letter-spacing:-.03em;color:#0f172a!important}.mandatory-form p{color:#64748b!important;margin:0 0 18px!important;line-height:1.6}.mandatory-form input{width:100%;padding:14px 16px!important;border-radius:14px!important;border:1px solid #dbe3ee!important;margin:0 0 16px!important;font-size:15px!important;background:#fff!important;color:#0f172a!important}.mandatory-form input:focus{outline:none;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61f!important}.btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;box-shadow:0 10px 20px #2563eb2e}.analytics-section{background:#fffffff5!important;border-radius:22px!important;padding:24px!important;border:1px solid rgba(226,232,240,.92)!important;box-shadow:0 14px 36px #0f172a0f!important}.analytics-cards{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px!important;margin-bottom:24px!important}.analytics-card{display:flex!important;align-items:center;gap:14px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;border:1px solid #e5eaf2!important;border-radius:16px!important;padding:16px!important}.analytics-value{font-size:18px!important;font-weight:800!important;color:#0f172a!important}.chart-card{background:#fff!important;border:1px solid #e5eaf2!important;border-radius:18px!important;padding:18px!important}.card-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px!important}.approval-card{width:100%!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;padding:18px!important;border-radius:18px!important;border:1px solid #e5eaf2!important;box-shadow:0 10px 24px #0f172a0d!important}.approval-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px #0f172a14!important}.avatar{width:48px!important;height:48px!important;border-radius:14px!important;background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important}@media(max-width:768px){.savings-container{padding:16px!important}.savings-header{flex-direction:column;align-items:flex-start}.analytics-cards,.card-list{grid-template-columns:1fr}}.mandatory-section,.analytics-section,.pending-section{margin-bottom:22px}.mandatory-card,.analytics-section,.approval-card,.card-list,.chart-card,.analytics-card,.pending-section{box-sizing:border-box}.mandatory-card{display:grid;grid-template-columns:280px 1fr;gap:24px;background:linear-gradient(135deg,#fffffffa,#f8fafcf5);padding:26px;border-radius:22px;border:1px solid rgba(226,232,240,.92);box-shadow:0 14px 36px #0f172a0f;margin-bottom:0}.rate-box{width:100%;min-height:220px;background:linear-gradient(135deg,#2563eb,#1d4ed8 45%,#0f172a);color:#fff;border-radius:20px;padding:22px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 1px #ffffff1f}.placeholder{width:72px;height:52px;background:#ffffff2e;margin:0 0 12px;border-radius:14px}.amount{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.03em;margin:0}.rate-box span{display:inline-flex;margin-top:10px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb8}.mandatory-form{padding:4px 2px}.mandatory-form h3{margin:0 0 8px;font-size:22px;font-weight:800;letter-spacing:-.03em;color:#0f172a}.mandatory-form p{color:#64748b;margin:0 0 18px;line-height:1.6}.mandatory-form label{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#475569;margin-bottom:10px}.mandatory-form input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid #dbe3ee;margin:0 0 16px;font-size:15px;background:#fff;color:#0f172a;box-shadow:0 1px 2px #0f172a0a}.mandatory-form input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:11px 16px;border-radius:12px;border:none;cursor:pointer;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 10px 20px #2563eb2e}.btn.primary:hover{box-shadow:0 12px 24px #2563eb38}.analytics-section{background:#fffffff5;border-radius:22px;padding:24px;border:1px solid rgba(226,232,240,.92);box-shadow:0 14px 36px #0f172a0f}.analytics-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:24px}.analytics-card{display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e5eaf2;border-radius:16px;padding:16px;min-width:0}.analytics-label{font-size:12px;color:#64748b;margin:0 0 4px}.analytics-value{font-size:18px;font-weight:800;color:#0f172a;margin:0}.chart-card{background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:18px;box-shadow:inset 0 1px #fff9}.chart-card h4{margin:0 0 14px;font-size:15px;font-weight:800;color:#0f172a}.chart-donut-wrapper,.chart-bar-wrapper{position:relative;height:280px}.chart-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.trend-tabs{display:inline-flex;padding:4px;background:#f1f5f9;border-radius:999px;gap:4px}.trend-tab{padding:7px 12px;border:none;border-radius:999px;background:transparent;color:#64748b;font-size:12px;font-weight:700;cursor:pointer}.trend-tab.active{background:#fff;color:#0f172a;box-shadow:0 4px 12px #0f172a14}.pending-header h3{font-size:18px;font-weight:800;margin:0 0 4px;color:#0f172a}.card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}.approval-card{width:100%;background:linear-gradient(180deg,#fff,#f8fafc);padding:18px;border-radius:18px;border:1px solid #e5eaf2;box-shadow:0 10px 24px #0f172a0d;transition:transform .2s ease,box-shadow .2s ease}.approval-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px #0f172a14}.user-info{display:flex;gap:12px;margin-bottom:10px;align-items:center}.avatar{width:48px;height:48px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:14px;flex-shrink:0}.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 16px}.details p{margin:0 0 4px;font-size:12px;color:#64748b}.details span{font-size:15px;font-weight:800;color:#0f172a}.highlight{color:#16a34a;font-weight:700;margin:0}.analytics-loading,.analytics-empty,.empty{color:#94a3b8}@media(max-width:1100px){.mandatory-card{grid-template-columns:1fr}.analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.savings-container{padding:16px}.savings-header{align-items:flex-start;flex-direction:column}.analytics-cards{grid-template-columns:1fr}.pending-header{flex-direction:column;align-items:flex-start;gap:8px}.chart-donut-wrapper,.chart-bar-wrapper{height:240px}}.savings-container{padding:24px;background:#f5f7fb;min-height:100vh;font-family:Inter,Arial,sans-serif}.tabs{display:flex;gap:5px;margin-bottom:24px;background:#e8ecf4;padding:5px;border-radius:999px;width:fit-content;max-width:100%}.tab{padding:9px 20px;border-radius:999px;background:transparent;text-decoration:none;color:#4b5563;font-weight:500;font-size:13.5px;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}.tab:hover{background:#ffffffb3;color:#1e3a5f}.tab.active{background:linear-gradient(135deg,#4f8dfd,#3b6edc);color:#fff;box-shadow:0 2px 8px #3b6edc40}.mandatory-card{display:flex;gap:24px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 6px 20px #0000000f;margin-bottom:30px}.rate-box{width:220px;background:linear-gradient(135deg,#4f8dfd,#3b6edc);color:#fff;border-radius:16px;padding:20px;text-align:center}.placeholder{width:70px;height:50px;background:#ffffff4d;margin:0 auto 10px;border-radius:10px}.amount{font-size:20px;font-weight:700}.mandatory-form{flex:1}.mandatory-form h3{margin-bottom:6px}.mandatory-form p{color:#6b7280;margin-bottom:12px}.mandatory-form input{width:100%;padding:12px;border-radius:10px;border:1px solid #d1d5db;margin:10px 0 16px;font-size:14px}.actions{display:flex;gap:12px}.btn{padding:10px 16px;border-radius:10px;border:none;cursor:pointer;font-weight:500;transition:.2s}.btn.primary{background:#3b82f6;color:#fff}.btn.primary:hover{background:#2563eb}.btn.secondary{background:#e5e7eb}.btn.secondary:hover{background:#d1d5db}.btn.reject{background:#fee2e2;color:#dc2626}.btn.approve{background:#dcfce7;color:#16a34a}.pending-section{margin-top:30px}.pending-header{display:flex;justify-content:space-between;align-items:center}.pending-header h3{font-size:18px;font-weight:600;margin:0 0 4px}.pending-subtitle{font-size:13px;color:#64748b;margin:0}.card-list{display:flex;gap:20px;margin-top:16px;flex-wrap:wrap}.approval-card{width:300px;background:#fff;padding:18px;border-radius:16px;box-shadow:0 6px 20px #0000000f;transition:.2s}.approval-card:hover{transform:translateY(-4px)}.user-info{display:flex;gap:12px;margin-bottom:10px}.avatar{width:45px;height:45px;background:#e5e7eb;border-radius:12px}.highlight{color:#16a34a;font-weight:600}.analytics-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 6px 20px #0000000f;margin-bottom:30px}.analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.analytics-header h3{font-size:18px;font-weight:700;color:#1e293b;margin:0}.analytics-badge{font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;background:#e0f2fe;color:#0284c7}.analytics-cards{display:flex;gap:14px;margin-bottom:24px;flex-wrap:wrap}.analytics-card{flex:1;min-width:150px;display:flex;align-items:center;gap:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.analytics-icon{font-size:22px;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.analytics-label{font-size:12px;color:#64748b;margin:0 0 4px;white-space:nowrap}.analytics-value{font-size:16px;font-weight:700;color:#0f172a;margin:0}.analytics-distribution{border-top:1px solid #f1f5f9;padding-top:20px}.analytics-distribution h4{font-size:14px;font-weight:600;color:#475569;margin:0 0 16px}.dist-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.dist-label{font-size:13px;color:#374151;width:120px;flex-shrink:0}.dist-bar-bg{flex:1;height:10px;background:#f1f5f9;border-radius:999px;overflow:hidden}.dist-bar-fill{height:100%;border-radius:999px;transition:width .6s ease}.dist-pct{font-size:13px;font-weight:600;color:#374151;width:36px;text-align:right;flex-shrink:0}.dist-amount{font-size:12px;color:#94a3b8;width:140px;text-align:right;flex-shrink:0}.analytics-empty{font-size:13px;color:#94a3b8;font-style:italic;margin-top:8px}.analytics-loading{text-align:center;padding:40px 0;color:#94a3b8;font-size:14px}.analytics-charts{display:grid;grid-template-columns:1fr 2fr;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid #f1f5f9}.chart-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px}.chart-card h4{font-size:13px;font-weight:600;color:#475569;margin:0 0 14px}.chart-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.chart-card-header h4{margin:0}.chart-donut-wrapper,.chart-bar-wrapper{height:240px;position:relative}.trend-tabs{display:flex;gap:3px;background:#e2e8f0;border-radius:8px;padding:3px}.trend-tab{padding:4px 10px;border-radius:6px;border:none;background:transparent;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s}.trend-tab.active{background:#fff;color:#1e293b;box-shadow:0 1px 3px #0000001a}.trend-tab:hover:not(.active){color:#1e293b}@media(max-width:768px){.tabs{flex-wrap:wrap;border-radius:16px;width:100%;box-sizing:border-box}.mandatory-card{flex-direction:column}.rate-box{width:100%;box-sizing:border-box}.actions{flex-direction:column}.btn{width:100%}.pending-header{flex-direction:column;align-items:flex-start;gap:12px}.card-list{flex-direction:column}.approval-card{width:100%;box-sizing:border-box}.analytics-cards{flex-direction:column}.analytics-card{min-width:unset}.dist-label{width:90px}.dist-amount{display:none}.analytics-charts{grid-template-columns:1fr}.chart-donut-wrapper,.chart-bar-wrapper{height:200px}}.savings-tab-nav{display:flex;flex-wrap:wrap;gap:10px;padding:8px;background:#ffffffeb;border:1px solid rgba(226,232,240,.95);border-radius:16px;box-shadow:0 10px 28px #0f172a0d}.savings-tab{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;background:transparent;text-decoration:none;color:#475569;font-weight:600;font-size:13px;white-space:nowrap;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.savings-tab:hover{color:#0f172a;background:#0f172a0a}.savings-tab--active{background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;box-shadow:0 8px 18px #1d4ed838}@media(max-width:768px){.savings-tab-nav{overflow-x:auto;flex-wrap:nowrap;padding:8px}}.card{background:#fffffff5;border-radius:22px;padding:24px;border:1px solid rgba(226,232,240,.92);box-shadow:0 14px 36px #0f172a0f;margin-top:18px}.savings-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.savings-header h2{margin:0;font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.03em;color:#0f172a}@media(max-width:768px){.savings-header{flex-direction:column;align-items:flex-start}}.savings-page{padding:24px;background:#f5f6f8}.breadcrumb{font-size:14px;margin-bottom:10px}.breadcrumb a{color:#6b7280;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.title{margin-bottom:16px}.tab.active{background:linear-gradient(135deg,#4f8dfd,#3b6edc);color:#fff}.table-header{display:flex;justify-content:space-between;margin-bottom:20px}.table-header input{width:60%;padding:10px;border-radius:10px;border:1px solid #ddd}.table-header select{padding:10px;border-radius:10px}table{width:100%;border-collapse:collapse}th{text-align:left;color:#6b7280;padding:10px}td{padding:14px 10px;border-top:1px solid #eee}.sub{font-size:12px;color:gray}.total{color:#3b82f6;font-weight:700}.table-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.search-box{flex:1}.search-box input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;outline:none;transition:.2s}.search-box input:focus{border-color:#4f8dfd;box-shadow:0 0 0 2px #4f8dfd26}.filter-box select{padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;cursor:pointer}.breadcrumb{font-size:14px;margin-bottom:6px}.breadcrumb a{color:#6b7280;text-decoration:none;transition:.2s}.breadcrumb a:hover{color:#3b82f6;text-decoration:underline}.page-title{margin-bottom:16px}.empty{text-align:center;padding:20px;color:#9ca3af;font-style:italic}.filter-box{display:flex;gap:10px}.filter-box select{padding:10px 12px;border-radius:10px;border:1px solid #e5e7eb;cursor:pointer}.action-bar{display:flex;gap:10px;margin-bottom:16px}.btn-generate{padding:10px 16px;border-radius:10px;border:none;background:#d1d5db;color:#6b7280;cursor:not-allowed}.btn-generate.active{background:linear-gradient(135deg,#4f8dfd,#3b6edc);color:#fff;cursor:pointer}.btn-print{padding:10px 14px;border-radius:10px;border:none;background:#e5e7eb;cursor:pointer}.bill-preview{margin-top:20px;padding:20px;background:#fff;border-radius:12px}.bill-card{border-bottom:1px solid #eee;padding:10px 0}.action-bar{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:16px}.action-bar.right{width:100%}.print-area{display:none}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;top:0;left:0;width:100%}.print-area h2{text-align:center;margin-bottom:10px}.print-area table{width:100%;border-collapse:collapse;margin-top:20px}.print-area th,.print-area td{border:1px solid #000;padding:8px;text-align:left}}.btn-print.active{background:#3b82f6;color:#fff}@media(max-width:768px){.tabs{flex-wrap:wrap}.table-header{flex-direction:column;align-items:stretch}.search-box{width:100%}.filter-box{flex-wrap:wrap;width:100%}.filter-box select{flex:1}.action-bar{flex-wrap:wrap}.action-bar button{flex:1}.card{overflow-x:auto}table{min-width:600px}}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e5eaf2;border-radius:18px;overflow:hidden}th{text-align:left;color:#64748b;background:#f8fafc;padding:14px 12px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}td{padding:14px 12px;border-top:1px solid #eef2f7;color:#0f172a}tbody tr:hover td{background:#f8fafc}.empty{text-align:center;padding:28px;color:#94a3b8;font-style:italic}.sub{font-size:12px;color:#64748b}.total{color:#1d4ed8;font-weight:800}@media(max-width:768px){.savings-header{flex-direction:column;align-items:flex-start}.card{overflow-x:auto}table{min-width:600px}}.card{background:#fff;padding:24px;border-radius:16px;margin-top:18px;box-shadow:0 16px 32px #0f172a14}.savings-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.savings-header h2{margin:0;font-size:24px;font-weight:600}.breadcrumb{margin-bottom:10px;color:#666}.breadcrumb a{text-decoration:none;color:#6b7280}.sub-title{color:#9ca3af;margin-bottom:20px}.tab{padding:10px 18px;border-radius:999px;background:#e5e7eb;text-decoration:none;color:#374151;font-weight:500}.tab.active{background:linear-gradient(135deg,#4f8cff,#3b82f6);color:#fff}.summary-cards{display:flex;gap:16px;margin-bottom:20px}.card-box{flex:1;background:#f3f4f6;padding:16px;border-radius:12px}.card-box p{color:#6b7280;font-size:14px}.card-box h3{margin-top:8px}.red{color:#ef4444}.filter-bar{display:flex;gap:10px;margin-bottom:20px}.filter-bar select,.filter-bar input{padding:8px;border-radius:8px;border:1px solid #d1d5db}.btn-clear{background:#d1d5db;border:none;padding:8px 16px;border-radius:8px}.btn-search{background:#6b7280;color:#fff;border:none;padding:8px 16px;border-radius:8px}.table-wrapper{overflow-x:auto;border-radius:12px}.mandatory-savings table{width:100%;min-width:900px;border-collapse:collapse;background:#f9fafb;border-radius:12px;overflow:hidden}.mandatory-savings thead{background:#f3f4f6}.mandatory-savings th,.mandatory-savings td{padding:12px;text-align:left}.mandatory-savings tr{border-bottom:1px solid #e5e7eb}.pending{color:#f59e0b;font-weight:500}.success{color:#10b981;font-weight:500}.pagination{margin-top:20px;display:flex;gap:8px}.pagination button{padding:6px 12px;border:1px solid #d1d5db;background:#fff;border-radius:6px}.pagination .active{background:#000;color:#fff}.mandatory-savings thead{background:linear-gradient(135deg,#3b82f6,#2563eb)}.mandatory-savings thead th{color:#fff;font-weight:600;letter-spacing:.5px}.mandatory-savings thead{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.mandatory-savings th{font-weight:500}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-box{background:#fff;border-radius:20px;padding:32px 28px 24px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000002e;text-align:center}.modal-icon{display:flex;justify-content:center;margin-bottom:14px}.modal-icon svg{background:#eff6ff;border-radius:50%;padding:10px;width:52px;height:52px}.modal-title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 10px}.modal-message{font-size:14px;color:#374151;margin:0 0 6px;line-height:1.6}.modal-sub{font-size:12px;color:#9ca3af;margin:0 0 24px;line-height:1.5}.modal-actions{display:flex;gap:10px;justify-content:center}.modal-btn{flex:1;padding:11px 0;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,transform .1s}.modal-btn:active{transform:scale(.97)}.modal-btn-cancel{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.modal-btn-cancel:hover{background:#e5e7eb}.modal-btn-confirm{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.modal-btn-confirm:hover{opacity:.9}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.tabs{flex-wrap:wrap}.summary-cards{flex-direction:column}.filter-bar{flex-wrap:wrap}.filter-bar select,.filter-bar input,.filter-bar button{flex:1;min-width:120px}.card{overflow-x:auto}table{min-width:600px}.pagination{flex-wrap:wrap}}.tabs{display:flex;gap:12px;margin-bottom:20px}.tab{padding:10px 18px;background:#e5e7eb;border-radius:999px;text-decoration:none;color:#374151;font-weight:500;transition:all .2s ease;font-size:14px}.tab:hover{background:#d1d5db}.tab.active{background:linear-gradient(135deg,#4f8dfd,#3b6edc);color:#fff;font-weight:600}.btn-detail{background:#999;border:none;padding:6px 14px;border-radius:6px;color:#fff;cursor:pointer}.btn-detail:hover{background:#777}.filter-bar select,.filter-bar input{margin-right:10px}.summary-cards{display:flex;gap:20px;margin-bottom:20px}.card-box{flex:1;background:#f5f5f5;padding:15px;border-radius:10px}@media(max-width:768px){.summary-cards{flex-direction:column}}.savings-header h2{margin-bottom:16px;font-size:24px;font-weight:600}.request-list{display:flex;flex-direction:column;gap:12px}.request-card{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;padding:16px 20px;border-radius:14px;border:1px solid transparent;gap:16px;transition:all .2s ease}.request-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000012;border-color:#e2e8f0}.profile{display:flex;gap:12px;align-items:center;min-width:180px}.avatar{background:linear-gradient(135deg,#4f8dfd,#3b6edc);color:#fff;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.profile h4{margin:0 0 2px;font-size:14px;font-weight:600;color:#0f172a}.profile p{margin:0;font-size:12px;color:#64748b}.profile b{font-size:12px;color:#94a3b8;font-weight:400}.info{min-width:140px}.label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin:0 0 3px}.info p:last-child{font-size:13px;color:#1e293b;margin:0}.btn-detail{background:#1e3a5f;color:#fff;border:none;padding:9px 20px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap;flex-shrink:0;letter-spacing:.01em}.btn-detail:hover{background:#2d4f7c;transform:translateY(-1px);box-shadow:0 4px 14px #1e3a5f47}.btn-detail:active{transform:scale(.97)}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.btn-back-inline{background:none;border:none;color:#64748b;font-size:13px;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:4px;transition:color .2s;margin-bottom:4px}.btn-back-inline:hover{color:#1e3a5f}.status-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border-radius:99px;font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.card-box{padding:18px 20px;border-radius:14px;border:1px solid transparent}.card-box--blue{background:#eff6ff;border-color:#bfdbfe}.card-box--red{background:#fff1f2;border-color:#fecdd3}.card-box--green{background:#f0fdf4;border-color:#bbf7d0}.card-box__label{font-size:11px;color:#64748b;font-weight:500;margin:0 0 6px;text-transform:uppercase;letter-spacing:.05em}.card-box__value{font-size:20px;font-weight:700;margin:0 0 4px;color:#0f172a}.card-box__value--blue{color:#1d4ed8}.card-box__value--red{color:#dc2626}.card-box__sub{font-size:11px;color:#94a3b8;margin:0}.reject-banner{background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;padding:12px 16px;font-size:13px;color:#991b1b;margin-bottom:14px}.reject-banner span{font-weight:600}.upload-msg{padding:12px 16px;border-radius:10px;font-size:13px;font-weight:500;margin-bottom:14px}.upload-msg--ok{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.upload-msg--err{background:#fff1f2;color:#dc2626;border:1px solid #fecdd3}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.detail-card{background:#f8fafc;border:1px solid #e2e8f0;padding:20px;border-radius:14px;transition:box-shadow .2s}.detail-card:hover{box-shadow:0 2px 12px #0000000f}.detail-card__header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.detail-card__header h4{margin:0;font-size:14px;font-weight:600;color:#0f172a}.detail-card__icon{font-size:16px;line-height:1}.detail-rows{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.detail-row__label{font-size:12px;color:#94a3b8;flex-shrink:0}.detail-row__value{font-size:13px;color:#1e293b;font-weight:500;text-align:right}.detail-row__value--mono{font-family:Courier New,monospace;letter-spacing:.05em}.detail-empty{font-size:13px;color:#94a3b8;font-style:italic;margin:4px 0 0}.notes-box{background:#f1f5f9;border-radius:10px;padding:14px;font-size:14px;color:#334155;line-height:1.6;min-height:72px}.timeline{display:flex;flex-direction:column;position:relative}.timeline:before{content:"";position:absolute;left:9px;top:14px;bottom:14px;width:2px;background:#e2e8f0}.timeline-item{display:flex;align-items:flex-start;gap:14px;padding:7px 0;position:relative}.timeline-dot{width:20px;height:20px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;flex-shrink:0;position:relative;z-index:1;transition:all .2s}.timeline-item.done .timeline-dot{background:#22c55e;border-color:#22c55e}.timeline-label{font-size:12px;color:#94a3b8;margin:0 0 2px}.timeline-date{font-size:13px;color:#1e293b;font-weight:500;margin:0}.action-bar{display:flex;gap:12px;margin-bottom:4px}.btn-action{flex:1;padding:13px 20px;border-radius:12px;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;letter-spacing:.01em}.btn-action:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-action:active:not(:disabled){transform:scale(.97)!important}.btn-action--upload{background:#f1f5f9;color:#1e3a5f;border:1px solid #cbd5e1}.btn-action--upload:hover:not(:disabled){background:#e2e8f0}.btn-action--approve{background:#22c55e;color:#fff;box-shadow:0 4px 14px #22c55e4d}.btn-action--approve:hover:not(:disabled){background:#16a34a;transform:translateY(-2px);box-shadow:0 6px 18px #22c55e59}.btn-action--reject{background:#ef4444;color:#fff;box-shadow:0 4px 14px #ef444447}.btn-action--reject:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 18px #ef444452}.modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:#fff;border-radius:18px;padding:28px;width:100%;max-width:440px;box-shadow:0 24px 64px #0000002e;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-box h3{margin:0 0 4px;font-size:18px;font-weight:700;color:#0f172a}.modal-label{display:block;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:18px 0 7px}.modal-textarea{width:100%;min-height:120px;padding:12px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;resize:vertical;box-sizing:border-box;font-family:inherit;color:#1e293b;outline:none;transition:border-color .2s,box-shadow .2s}.modal-textarea:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.modal-error{color:#dc2626;font-size:13px;margin:8px 0 0}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-btn{flex:1;padding:12px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.modal-btn--cancel{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.modal-btn--cancel:hover{background:#f1f5f9}.modal-btn--confirm{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444440}.modal-btn--confirm:hover:not(:disabled){background:#dc2626}.modal-btn--approve-confirm{background:#22c55e;color:#fff;box-shadow:0 4px 12px #22c55e40}.modal-btn--approve-confirm:hover:not(:disabled){background:#16a34a}.file-upload-zone{border:2px dashed #cbd5e1;border-radius:12px;padding:24px 16px;cursor:pointer;text-align:center;background:#f8fafc;min-height:110px;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s}.file-upload-zone:hover{border-color:#22c55e;background:#f0fdf4}.file-upload-zone--filled{border-color:#22c55e;background:#f0fdf4;padding:12px}.file-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px}.file-upload-icon{font-size:28px;line-height:1}.file-upload-hint{font-size:11px;color:#94a3b8}.file-upload-name{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;color:#1e293b;font-weight:500}.file-preview-img{max-width:100%;max-height:200px;border-radius:8px;object-fit:contain}.detail-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#3b6edc;border-radius:50%;animation:spin .75s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease}.btn-back:hover{background:#f1f5f9;transform:translate(-2px)}@media(max-width:768px){.request-card{flex-direction:column;align-items:flex-start;gap:12px}.summary-cards,.detail-grid{grid-template-columns:1fr}.action-bar{flex-direction:column}.btn-detail{width:100%;text-align:center}.detail-header{flex-direction:column;align-items:flex-start}}.wa-settings{padding:28px;font-family:Inter,Arial,sans-serif;max-width:1180px;margin:0 auto;min-height:100%}.wa-settings:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(37,211,102,.1),transparent 28%),radial-gradient(circle at top right,rgba(59,130,246,.08),transparent 24%),linear-gradient(180deg,#f8fafce6,#f8fafcb8);z-index:-1}.wa-toast{position:fixed;top:20px;right:24px;z-index:9999;padding:12px 20px;border-radius:10px;font-size:13.5px;font-weight:500;box-shadow:0 4px 16px #00000024;animation:wa-slide-in .22s ease}.wa-toast--success{background:#d1fae5;color:#065f46}.wa-toast--error{background:#fee2e2;color:#991b1b}@keyframes wa-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.wa-page-header{margin-bottom:22px;padding:22px 24px;border-radius:22px;background:linear-gradient(135deg,#fffffff0,#f0fdf4eb);border:1px solid rgba(229,231,235,.9);box-shadow:0 16px 36px #0f172a0f}.wa-page-title{display:flex;align-items:center;gap:16px}.wa-page-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#dcfce7,#ecfeff);border:1px solid rgba(37,211,102,.14);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 1px #fffc}.wa-page-title h2,.wa-page-header .wa-page-title h2{font-size:22px;font-weight:700;color:#1d4ed8!important;margin:0 0 2px}.wa-card-head h3{font-size:16px;font-weight:700;color:#1d4ed8!important;margin:0 0 6px}.wa-page-title p{font-size:13.5px;color:#64748b;margin:0;line-height:1.5}.wa-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.wa-card{background:#fffffff0;border-radius:20px;box-shadow:0 10px 30px #0f172a0f;padding:24px;margin-bottom:20px;border:1px solid rgba(226,232,240,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wa-card--highlight{background:linear-gradient(135deg,#fffffffa,#ecfdf5f2)}.wa-card-head{margin-bottom:16px}.wa-card-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0f766e;background:#14b8a61a;border:1px solid rgba(20,184,166,.14);padding:6px 10px;border-radius:999px;margin-bottom:10px}.wa-card-eyebrow--green{color:#166534;background:#22c55e1a;border-color:#22c55e24}.wa-card-head h3{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 6px}.wa-card-sub{font-size:12.8px;color:#64748b;line-height:1.5}.wa-card-head--row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.wa-phone-display{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between}.wa-phone-value{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#0f172a;flex:1;min-width:0}.wa-phone-badge{background:#25d366;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.04em}.wa-value-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-phone-edit{display:flex;flex-direction:column;gap:8px}.wa-phone-hint{font-size:12px;color:#6b7280}.wa-phone-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wa-phone-prefix{font-size:15px;font-weight:600;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px}.wa-loading{text-align:center;padding:72px 0;color:#64748b;font-size:14px}.wa-empty{text-align:center;padding:44px 0;color:#64748b;font-size:13.5px}.wa-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:16px;background:#fff}.wa-table{width:100%;border-collapse:collapse;font-size:13.5px}.wa-table th{text-align:left;padding:10px 12px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);color:#000!important;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0}.wa-table td{padding:12px;border-bottom:1px solid #f3f4f6;color:#334155;vertical-align:middle}.wa-table tr:last-child td{border-bottom:none}.wa-table tr:hover td{background:#f8fafc}.wa-row--inactive td{opacity:.5}.wa-td-center{text-align:center}.wa-td-message{color:#64748b;font-size:13px;max-width:380px;line-height:1.45}.wa-label-chip{background:linear-gradient(135deg,#eff6ff,#f0f9ff);color:#1d4ed8;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}.wa-toggle{border:none;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.wa-toggle--on{background:#d1fae5;color:#065f46}.wa-toggle--off{background:#f3f4f6;color:#6b7280}.wa-toggle:hover{filter:brightness(.94)}.wa-td-actions{display:flex;gap:6px;align-items:center}.wa-icon-btn{width:30px;height:30px;border-radius:8px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .14s,border-color .14s}.wa-icon-btn--edit{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.wa-icon-btn--edit:hover{background:#dbeafe}.wa-icon-btn--delete{background:#fff1f2;color:#e11d48;border-color:#fecdd3}.wa-icon-btn--delete:hover{background:#ffe4e6}.wa-btn{padding:9px 18px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;border:none;transition:background .15s,opacity .15s,transform .15s,box-shadow .15s}.wa-btn:disabled{opacity:.6;cursor:not-allowed}.wa-btn:hover:not(:disabled){transform:translateY(-1px)}.wa-btn--primary{background:linear-gradient(135deg,#25d366,#1aac52);color:#fff;box-shadow:0 8px 20px #25d3662e}.wa-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#1ebe5d,#18a04c)}.wa-btn--outline{background:#fff;color:#374151;border:1.5px solid #d1d5db}.wa-btn--outline:hover{background:#f9fafb}.wa-btn--ghost{background:#f3f4f6;color:#374151}.wa-btn--ghost:hover{background:#e5e7eb}.wa-btn--danger{background:#ef4444;color:#fff}.wa-btn--danger:hover:not(:disabled){background:#dc2626}.wa-input{width:100%;padding:10px 12px;border:1.5px solid #d6dbe3;border-radius:12px;font-size:13.5px;color:#0f172a;outline:none;box-sizing:border-box;transition:border-color .15s;background:#fff;font-family:inherit}.wa-input:focus{border-color:#25d366;box-shadow:0 0 0 4px #25d3661a}.wa-textarea{resize:vertical;min-height:90px}.wa-label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:#334155;margin-bottom:14px}.wa-label-hint{font-weight:400;color:#9ca3af;font-size:12px}.wa-required{color:#ef4444}.wa-modal-overlay{position:fixed;inset:0;background:#00000061;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.wa-modal{background:#fff;border-radius:20px;width:100%;max-width:520px;box-shadow:0 24px 70px #0f172a38;animation:wa-modal-pop .2s cubic-bezier(.34,1.56,.64,1)}.wa-modal--sm{max-width:380px}@keyframes wa-modal-pop{0%{opacity:0;transform:scale(.93) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.wa-modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 0}.wa-modal-header h3{font-size:15px;font-weight:700;color:#111827;margin:0}.wa-modal-close{background:#f3f4f6;border:none;border-radius:8px;width:30px;height:30px;cursor:pointer;color:#6b7280;font-size:13px;display:flex;align-items:center;justify-content:center}.wa-modal-close:hover{background:#e5e7eb}.wa-modal-body{padding:20px 24px}.wa-modal-row{display:flex;gap:16px}.wa-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 20px}@media(max-width:900px){.wa-settings{padding:18px}.wa-top-grid{grid-template-columns:1fr}.wa-page-header{padding:18px}.wa-phone-display{align-items:flex-start}.wa-phone-value{min-width:100%}}@media(max-width:640px){.wa-page-title{align-items:flex-start}.wa-page-title h2{font-size:20px}.wa-card{padding:18px;border-radius:18px}.wa-table th,.wa-table td{padding-left:10px;padding-right:10px}.wa-modal-body,.wa-modal-header,.wa-modal-footer{padding-left:18px;padding-right:18px}}.wa-delete-text{font-size:14px;color:#374151;line-height:1.6;margin:0}