@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--jade: hsl(132, 96%, 31%);--jade-hover: #008f5d;--jade-soft: rgba(0, 163, 108, .08);--bg-main: #f4f7f6;--text-dark: #1f2937;--text-gray: #4b5563;--text-light: #9ca3af;--border-color: #e5e7eb}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px}body{background-color:var(--bg-main);color:var(--text-dark);line-height:1.5}.login-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-main)}.login-header{background-color:var(--jade);height:4.5rem;display:flex;align-items:center;padding:0 2.5rem;box-shadow:0 2px 10px #0000001a;position:relative;z-index:10}.header-content{display:flex;align-items:center;gap:1rem}.logo-container{width:2.5rem;height:2.5rem;background-color:#fff;border-radius:.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #00000026}.logo-icon{color:var(--jade);width:1.5rem;height:1.5rem}.brand-text{display:flex;flex-direction:column;justify-content:center}.brand-title{color:#fff;font-weight:900;font-size:1.25rem;line-height:1;letter-spacing:-.025em}.brand-subtitle{color:#ffffffd9;font-weight:700;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;margin-top:.15rem}.login-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{width:100%;max-width:420px;background-color:#fff;border-radius:1.25rem;box-shadow:0 15px 35px #0000000d,0 5px 15px #00000008;padding:2.5rem;border:1px solid var(--border-color);margin-top:-3rem}.login-header-text{text-align:center;margin-bottom:2rem}.login-header-text h2{font-size:1.5rem;font-weight:800;color:var(--text-dark);margin-bottom:.25rem;letter-spacing:-.025em}.login-header-text p{font-size:.875rem;color:var(--text-gray);font-weight:500}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.75rem;font-weight:800;color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em;margin-left:.25rem}.input-wrapper{position:relative;width:100%}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-light)}.input-field{width:100%;height:3.25rem;padding:0 1rem 0 2.75rem;border:1px solid var(--border-color);border-radius:.75rem;font-size:.875rem;font-family:Outfit,sans-serif;font-weight:500;color:var(--text-dark);outline:none;background-color:#fafbfc;transition:all .2s ease}.input-field::placeholder{color:var(--text-light);font-weight:400}.input-field:focus{border-color:var(--jade);background-color:#fff;box-shadow:0 0 0 3px var(--jade-soft)}.form-options{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer}.custom-checkbox{width:1.125rem;height:1.125rem;border-radius:.25rem;border:1px solid var(--border-color);accent-color:var(--jade);cursor:pointer}.checkbox-wrapper span{font-size:.8125rem;font-weight:600;color:var(--text-gray)}.forgot-password{font-size:.8125rem;font-weight:700;color:var(--jade);text-decoration:none;transition:color .2s}.forgot-password:hover{color:var(--jade-hover)}.btn-primary{width:100%;height:3.25rem;background-color:var(--jade);color:#fff;border-radius:.75rem;font-size:.875rem;font-family:Outfit,sans-serif;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;transition:all .2s ease}.btn-primary:hover{background-color:var(--jade-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--jade-soft)}.login-footer{background-color:#fff;border-top:1px solid var(--border-color);height:3.5rem;display:flex;align-items:center;justify-content:center}.login-footer p{font-size:.65rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.1em}.main-header{background-color:var(--jade);height:5rem;display:flex;align-items:center;justify-content:space-between;padding:0 3.5rem;box-shadow:0 4px 15px #0000001a;position:sticky;top:0;z-index:50}.header-left{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}.header-right{display:flex;flex:1;justify-content:flex-end;align-items:center;gap:2.5rem}.user-profile{display:flex;align-items:center;gap:1.25rem}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-name{color:#fff;font-size:.875rem;font-weight:800;letter-spacing:-.01em;line-height:1.2}.user-role{color:#fff9;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em;margin-top:.15rem}.user-avatar{width:2.75rem;height:2.75rem;background-color:#fff;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:var(--jade);box-shadow:0 4px 6px #0000001a}.header-actions{display:flex;align-items:center;gap:1rem}.action-btn{width:2.75rem;height:2.75rem;background-color:#ffffff1a;border:none;border-radius:1rem;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s}.action-btn:hover{background-color:#fff3;transform:translateY(-2px)}.action-btn .badge{position:absolute;top:.65rem;right:.65rem;width:.5rem;height:.5rem;background-color:#ef4444;border:1.5px solid var(--jade);border-radius:50%}.dashboard-view{animation:fadeIn .4s ease-out}.stat-card{transition:all .2s}.stat-card:hover{transform:translateY(-4px);border-color:#00a36c33}.system-health-card{box-shadow:0 25px 50px -12px #00000080}.activity-item{border:1px solid transparent}.activity-item:hover{border-color:#f1f5f9}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.grid{display:grid}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.h-screen{height:100vh}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.max-w-\[1440px\]{max-width:1440px}.mx-auto{margin-left:auto;margin-right:auto}.p-6{padding:1.5rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.pb-4{padding-bottom:1rem}.pb-12{padding-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-2{margin-top:.5rem}.mt-12{margin-top:3rem}.bg-slate-50{background-color:#f8fafc}.bg-slate-900{background-color:#0f172a}.bg-emerald-50{background-color:#ecfdf5}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-800{color:#1e293b}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-sidebar{width:280px;background-color:#fff;border-right:1px solid #eef2f6;display:flex;flex-direction:column;flex-shrink:0;height:100%;z-index:40;box-shadow:4px 0 20px #00000005;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.main-sidebar.collapsed{width:0;border-right:none}.sidebar-header{padding:1.5rem;display:flex;align-items:center}.head-office-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background-color:var(--jade-soft);color:var(--jade);border-radius:.75rem;font-size:.65rem;font-weight:800;letter-spacing:.1em;border:1px solid rgba(0,163,108,.1)}.branch-badge{background-color:#eff6ff;color:#2563eb;border-color:#2563eb1a}.sidebar-nav{flex:1;overflow-y:auto;padding:0 1rem 2rem}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:#e2e8f0}.nav-section-label{font-size:.65rem;font-weight:900;color:#94a3b8;letter-spacing:.15em;padding:1.5rem 1rem .75rem;text-transform:uppercase}.sidebar-item-container{margin-bottom:.125rem}.sidebar-item{border-radius:.75rem;overflow:hidden;transition:all .2s ease;cursor:pointer}.sidebar-link{display:flex;align-items:center;padding:.875rem 1rem;color:#475569;text-decoration:none;font-size:.875rem;font-weight:700;gap:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box;width:100%}.sidebar-item:hover .sidebar-link{background-color:#f1f5f9;color:var(--jade)}.sidebar-item.active .sidebar-link{background-color:var(--jade-soft);color:var(--jade)}.item-icon{flex-shrink:0;color:#94a3b8;transition:color .2s}.sidebar-item.active .item-icon,.sidebar-item.expanded .sidebar-link{color:var(--jade)}.chevron{margin-left:auto;transition:transform .3s cubic-bezier(.4,0,.2,1)}.chevron.rotated{transform:rotate(90deg)}.sidebar-children{margin-left:1.5rem;padding-left:.5rem;border-left:1.5px solid #f1f5f9;margin-top:.25rem;margin-bottom:.75rem}.depth-1 .sidebar-link{padding:.625rem 1rem;font-size:.8125rem;font-weight:700}.depth-2 .sidebar-link{padding:.5rem 1rem;font-size:.75rem;font-weight:700}.depth-3 .sidebar-link{padding:.45rem 1rem;font-size:.75rem;font-weight:600;color:#94a3b8}.depth-3.active .sidebar-link{color:var(--jade);font-weight:800}.sidebar-footer{padding:1.5rem;border-top:1px solid #f1f5f9}.system-status{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;background-color:#f8fafc;border-radius:1rem;font-size:.75rem;font-weight:800;color:#64748b}.status-dot{width:.5rem;height:.5rem;border-radius:50%}.status-dot.online{background-color:var(--jade);box-shadow:0 0 8px #00a36c66}.preauth-split-layout{display:grid;grid-template-columns:1fr 450px;gap:1rem;padding:.5rem;min-height:calc(100vh - 100px)}.preauth-left-panel{display:flex;flex-direction:column;gap:1.5rem}.preauth-right-panel{background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:1rem;display:flex;flex-direction:column}.panel-header{font-size:1.125rem;font-weight:800;color:#000;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.section-subtitle{font-size:.875rem;font-weight:900;color:#000;margin:1rem 0 .75rem}.detail-field-row{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:.5rem;margin-bottom:.35rem}.detail-field-row label{font-size:.9375rem;font-weight:600;color:#000}.detail-display-box{padding:.5rem .875rem;border:1px solid #94a3b8;border-radius:3px;font-size:.9375rem;font-weight:700;color:#000;min-height:2.25rem;display:flex;align-items:center;background-color:#fff}.detail-input-box{padding:.5rem .875rem;border:1px solid #94a3b8;border-radius:3px;font-size:.9375rem;font-weight:700;color:#000;min-height:2.25rem;display:flex;align-items:center;background-color:#fff;outline:none;transition:border-color .2s}.detail-input-box:focus{border-color:var(--jade);box-shadow:0 0 0 2px var(--jade-soft)}.op-buttons-panel{margin-top:auto;padding-top:1.5rem;display:flex;gap:.5rem}.btn-portal{flex:1;padding:.4rem 1rem;background-color:#f1f5f9;border:1px solid #94a3b8;border-radius:4px;font-size:.8125rem;font-weight:700;cursor:pointer;text-align:center}.btn-portal:hover{background-color:#e2e8f0}.preauth-container{padding:1rem;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.page-title-box{margin-bottom:2rem}.page-title-box h1{font-size:1.5rem;font-weight:900;color:var(--text-dark);letter-spacing:-.01em}.page-title-box p{font-size:.8125rem;color:var(--text-gray);font-weight:500}.legacy-search-card{background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000000d}.search-form{display:flex;flex-direction:column;gap:.75rem;max-width:600px}.form-row{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:1rem}.form-row label{font-size:.9375rem;font-weight:600;color:var(--text-dark)}.form-row input{padding:.5rem .875rem;border:1px solid #94a3b8;border-radius:4px;font-size:.9375rem;outline:none;transition:border-color .2s}.form-row input:focus{border-color:var(--jade)}.btn-row{display:flex;gap:.5rem;margin-top:.5rem}.btn-secondary{padding:.4rem 1.5rem;background-color:#f1f5f9;border:1px solid #94a3b8;border-radius:4px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:#e2e8f0}.note-box{margin-top:1.5rem;border-top:1px solid #f1f5f9;padding-top:1rem}.note-box h4{color:#b91c1c;font-size:.75rem;font-weight:900;margin-bottom:.25rem}.note-box p{color:#b91c1c;font-size:.75rem;font-weight:700;line-height:1.4}.table-wrapper{background-color:#e8f4f1;padding:1.5rem;border:1px solid #cbd5e1;border-radius:4px}.data-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #94a3b8}.data-table th{background:linear-gradient(to bottom,var(--jade),#007a4d);padding:.75rem 1rem;font-size:.875rem;font-weight:900;color:#fff;border:1px solid #005a39;text-transform:capitalize}.data-table td{padding:.625rem 1rem;font-size:.875rem;font-weight:600;border:1px solid #e2e8f0;color:#334155}.trx-ref-btn{background:none;border:none;color:#000;text-decoration:underline;font-weight:900;cursor:pointer;font-size:.75rem}.detail-view{display:flex;flex-direction:column;gap:1.5rem}.tab-nav{display:flex;gap:.5rem;background-color:#f1f5f9;padding:.4rem;border-radius:1rem;width:fit-content}.tab-btn{padding:.625rem 2rem;border-radius:.75rem;border:none;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s;color:#64748b;background:transparent}.tab-btn.active{background-color:#fff;color:var(--jade);box-shadow:0 4px 6px #0000000d}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.info-card{background:#fff;padding:2.5rem;border-radius:1.5rem;border:1px solid #eef2f6;box-shadow:0 4px 20px #00000005}.card-title{font-size:.75rem;font-weight:900;color:var(--jade);text-transform:uppercase;letter-spacing:.1em;padding-bottom:1rem;border-bottom:2px solid var(--jade-soft);margin-bottom:2rem}.grid-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.detail-item label{display:block;font-size:.6rem;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.detail-item p{font-size:.8125rem;font-weight:700;color:#1e293b;word-break:break-all}.terminal-card{background-color:#0f172a;padding:2rem;border-radius:1.5rem;color:#fff;box-shadow:0 20px 40px #0003}.terminal-card h3{font-size:.65rem;font-weight:900;color:var(--jade);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem}.action-stack{display:flex;flex-direction:column;gap:1rem}.btn-terminal{width:100%;padding:1rem;border-radius:.75rem;border:none;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s}.btn-terminal.confirm{background-color:var(--jade);color:#fff}.btn-terminal.reject{background-color:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.btn-terminal.confirm:hover{background-color:var(--jade-hover);transform:translateY(-2px)}.print-card{background-color:#fff;padding:1.25rem;border-radius:1.5rem;display:flex;align-items:center;gap:1rem;border:1px solid #eef2f6;cursor:pointer;transition:all .2s}.print-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000000d}.icon-box{width:3rem;height:3rem;border-radius:1rem;background-color:var(--jade-soft);display:flex;align-items:center;justify-content:center;color:var(--jade)}.access-assignment-container{padding:2.5rem;height:calc(100vh - 5rem);display:flex;flex-direction:column;background-color:#f8fafb;color:var(--text-dark)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem 2rem;border-radius:1.25rem;box-shadow:0 4px 15px #0000000d}.header-title{display:flex;align-items:center;gap:1.5rem}.header-title h1{font-size:1.75rem;font-weight:800;margin-bottom:.25rem}.header-title p{font-size:.875rem;color:var(--text-gray)}.header-icon{width:3rem;height:3rem;background:var(--jade-soft);color:var(--jade);display:flex;align-items:center;justify-content:center;padding:.75rem;border-radius:1rem}.header-actions .btn-save-access{background:var(--jade);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px var(--jade-soft)}.btn-save-access:hover{background:var(--jade-hover);transform:translateY(-2px)}.btn-save-access:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none}.access-split-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem;flex:1;min-height:0}.user-selection-panel{display:flex;flex-direction:column;gap:1.5rem}.panel-card,.filter-card{background:#fff;border-radius:1.25rem;padding:1.5rem;box-shadow:0 4px 15px #0000000d;border:1px solid var(--border-color)}.panel-card h3,.filter-card h3{font-size:.875rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem;color:var(--text-gray)}.user-search-wrapper{position:relative;margin-bottom:1.5rem}.user-picker{width:100%;padding:.75rem 1rem .75rem 2.5rem;border-radius:.75rem;border:1px solid var(--border-color);background:#f8fafc;font-weight:500;outline:none;appearance:none;-webkit-appearance:none}.user-picker:focus{border-color:var(--jade);background:#fff}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-light)}.user-summary{background:var(--jade-soft);padding:1.25rem;border-radius:1rem;position:relative;overflow:hidden}.active-badge{position:absolute;top:0;right:0;background:var(--jade);color:#fff;font-size:.625rem;font-weight:800;padding:.25rem .75rem;border-bottom-left-radius:.75rem}.user-id{font-size:.8125rem;margin-bottom:.25rem}.rights-count strong{color:var(--jade)}.module-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.module-pill{background:#f1f5f9;border:1px solid #e2e8f0;padding:.5rem .875rem;border-radius:.625rem;font-size:.75rem;font-weight:700;cursor:pointer}.module-pill.active{background:var(--jade);color:#fff;border-color:var(--jade)}.quick-actions button{width:100%;padding:.75rem;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:.75rem;font-size:.8125rem;font-weight:700;color:var(--text-gray);cursor:pointer}.quick-actions button:hover{background:#fff;border-color:var(--jade);color:var(--jade)}.pages-management-panel{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.search-bar-modern{background:#fff;height:4.5rem;border-radius:1.25rem;display:flex;align-items:center;padding:0 1.5rem;gap:1.25rem;box-shadow:0 4px 15px #0000000d;border:1px solid var(--border-color)}.search-bar-modern input{flex:1;border:none;outline:none;font-size:1rem;font-weight:500;color:var(--text-dark)}.pages-scroll-area{flex:1;overflow-y:auto;padding-right:1rem}.module-section{margin-bottom:2.5rem}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;border-bottom:1px solid #e2e8f0;padding-bottom:.75rem}.module-header h2{font-size:1.125rem;font-weight:800;text-transform:uppercase;letter-spacing:.025em}.count-chip{background:#e2e8f0;color:#475569;padding:.125rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:800}.module-select-btn{font-size:.75rem;font-weight:800;color:var(--jade);border:none;background:none;cursor:pointer;text-transform:uppercase}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.page-card{background:#fff;border:1px solid var(--border-color);border-radius:1rem;padding:1rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s}.page-card:hover{border-color:var(--jade);transform:translateY(-2px);box-shadow:0 4px 10px #00000008}.page-card.selected{background:var(--jade-soft);border-color:var(--jade)}.checkbox-custom{width:1.25rem;height:1.25rem;border-radius:.375rem;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;color:#fff}.page-card.selected .checkbox-custom{background:var(--jade);border-color:var(--jade)}.page-info{display:flex;flex-direction:column}.page-id{font-size:.625rem;font-weight:900;background:#f1f5f9;padding:.125rem .5rem;border-radius:.25rem;width:fit-content;margin-bottom:.25rem}.page-title{font-size:.875rem;font-weight:700;line-height:1.2}.page-internal{font-size:.6875rem;color:var(--text-light);font-style:italic;margin-top:.125rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem;color:var(--text-light);gap:1rem}.toast-notification{position:fixed;bottom:2rem;right:2rem;background:#fff;padding:1rem 1.5rem;border-radius:1rem;box-shadow:0 10px 30px #0000001a;display:flex;align-items:center;gap:1rem;font-weight:700;z-index:1000;animation:slideIn .3s ease-out}.toast-notification.success{color:var(--jade);border-left:4px solid var(--jade)}.toast-notification.error{color:#ef4444;border-left:4px solid #ef4444}.toast-notification.info{color:#3b82f6;border-left:4px solid #3b82f6}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.enquire-portal{min-height:calc(100vh - 5rem);background-color:#f8fafc;padding:2.5rem}.portal-container{max-width:1400px;margin:0 auto}.enquire-header{background-color:#fff;padding:1.5rem 2rem;border-radius:1.25rem;box-shadow:0 1px 3px #0000000d;border:1px solid #edf2f7;display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.header-meta{display:flex;align-items:center;gap:1.25rem}.header-icon-box{background-color:#00a36c14;color:var(--jade);padding:.75rem;border-radius:1rem;display:flex;align-items:center;justify-content:center}.header-text-box h1{font-size:1.5rem;font-weight:900;color:#1a202c;line-height:1}.header-text-box p{font-size:.65rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.15em;margin-top:.5rem}.portal-grid{display:grid;grid-template-columns:350px 1fr;gap:2.5rem;align-items:start}@media(max-width:1024px){.portal-grid{grid-template-columns:1fr}}.enquire-sidebar{display:flex;flex-direction:column;gap:1.5rem}.card-glass{background-color:#fff;padding:2rem;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #edf2f7}.sidebar-title{font-size:.75rem;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;padding-bottom:1.25rem;border-bottom:1px solid #f1f5f9;margin-bottom:1.5rem}.select-label{font-size:.65rem;font-weight:800;color:#64748b;text-transform:uppercase;margin-bottom:.5rem;display:block;padding-left:.25rem}.custom-select-trigger{background-color:#f8fafc;border:2px solid #f1f5f9;border-radius:.75rem;padding:.875rem 1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s}.custom-select-trigger:hover{border-color:#e2e8f0;background-color:#f1f5f9}.custom-select-trigger.active{border-color:var(--jade);background-color:#fff;box-shadow:0 0 0 3px var(--jade-soft)}.trigger-content{display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:700;color:#334155;overflow:hidden}.trigger-content.empty{color:#94a3b8}.dropdown-popover{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-search{padding:.75rem;border-bottom:1px solid #f1f5f9;background-color:#f8fafc}.search-input-box{width:100%;border:1px solid #e2e8f0;border-radius:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;outline:none}.options-list{max-height:250px;overflow-y:auto}.option-item{padding:.75rem 1rem;cursor:pointer;transition:background .1s}.option-item:hover{background-color:var(--jade-soft)}.option-name{display:block;font-size:.8125rem;font-weight:700;color:#334155}.option-id{font-size:.65rem;font-weight:600;color:#94a3b8}.tabs-menu.horizontal-tabs-view{display:flex;border-bottom:2px solid #e2e8f0;margin-bottom:2rem;gap:2rem;background:transparent;border-radius:0;padding:0}.tab-link-view{padding:1rem .5rem;font-size:.9375rem;font-weight:700;color:#64748b;background:transparent;border:none;cursor:pointer;position:relative;transition:all .2s ease;text-transform:uppercase;letter-spacing:.025em}.tab-link-view.active{color:var(--jade)}.tab-link-view.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background-color:var(--jade);border-radius:3px 3px 0 0}.result-card-view{background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;border:1px solid #eef2f6;display:flex;flex-direction:column}.result-banner-view{display:flex;justify-content:space-between;align-items:center}.action-guidance{display:flex;flex-direction:column;align-items:flex-end}.guidance-label{font-size:.75rem;font-weight:800;color:#94a3b8;text-transform:uppercase}.tab-link{background:transparent;border:none;padding:1rem;border-radius:.75rem;display:flex;align-items:center;gap:.875rem;font-size:.8125rem;font-weight:800;color:#64748b;cursor:pointer;transition:all .2s;text-align:left}.tab-link:hover{background-color:#ffffff80;color:#334155}.tab-link.active{background-color:#fff;color:var(--jade);box-shadow:0 2px 4px #0000000d}.result-card{background-color:#fff;border-radius:1.5rem;box-shadow:0 4px 20px #00000008;border:1px solid #edf2f7;overflow:hidden;animation:fadeIn .4s ease-out}.result-banner{background-color:#0f172a;padding:1.5rem 2.5rem;display:flex;justify-content:space-between;align-items:center}.status-group{display:flex;align-items:center;gap:.75rem}.status-dot{width:.625rem;height:.625rem;border-radius:50%}.status-dot.active{background-color:var(--jade);box-shadow:0 0 10px var(--jade);animation:pulse 2s infinite}.status-dot.inactive{background-color:#ef4444}.status-label{color:#fff;font-size:.875rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.action-guidance{text-align:right}.guidance-label{display:block;color:#64748b;font-size:.5625rem;font-weight:900;text-transform:uppercase;margin-bottom:.25rem}.guidance-value{color:var(--jade);font-size:.75rem;font-weight:900;text-transform:uppercase}.result-body{padding:2.5rem}.section-title-box{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.title-line{width:.25rem;height:1.5rem;background-color:var(--jade);border-radius:1rem}.title-text{font-size:.8125rem;font-weight:900;color:#1a202c;text-transform:uppercase;letter-spacing:.05em}.data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.data-item{display:flex;flex-direction:column;gap:.5rem}.data-label{font-size:.625rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.data-value{font-size:.9375rem;font-weight:700;color:#334155}.data-value.ref{color:var(--jade);font-family:monospace;font-weight:800}.data-value.amount{font-size:1.25rem;font-weight:900;color:#1a202c}.timeline-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.timeline-item{display:flex;gap:1.25rem}.line-box{display:flex;flex-direction:column;align-items:center}.point{width:.5rem;height:.5rem;border-radius:50%;background-color:#cbd5e1}.timeline-item:first-child .point{background-color:var(--jade);box-shadow:0 0 5px var(--jade)}.connector{width:1px;flex:1;background-color:#f1f5f9;margin-top:.25rem}.event-content{padding-bottom:.5rem}.event-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.375rem}.event-user{font-size:.6875rem;font-weight:900;color:#1e293b;text-transform:uppercase}.event-time{font-size:.625rem;font-weight:700;color:#94a3b8}.event-desc{font-size:.75rem;font-weight:600;color:#64748b;line-height:1.5}.result-footer{background-color:#f8fafc;padding:1.5rem 2.5rem;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:1rem}.btn-reject{background-color:#fff;border:2px solid #f1f5f9;color:#94a3b8;padding:.75rem 1.5rem;border-radius:.75rem;font-size:.6875rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-reject:hover{color:#ef4444;border-color:#fca5a5;background-color:#fef2f2}.btn-execute{background-color:var(--jade);color:#fff;border:none;padding:.75rem 2rem;border-radius:.75rem;font-size:.6875rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;box-shadow:0 10px 15px -3px var(--jade-soft);transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-execute:hover{transform:translateY(-2px);box-shadow:0 12px 20px -3px #00a36c33;background-color:var(--jade-hover)}.empty-hero{background-color:#fff;border-radius:2rem;padding:6rem 2rem;border:2px dashed #f1f5f9;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-icon{background-color:#f8fafc;color:#e2e8f0;padding:2rem;border-radius:50%;margin-bottom:2rem}.hero-title{font-size:1.25rem;font-weight:800;color:#334155}.hero-desc{color:#94a3b8;font-size:.875rem;margin-top:.5rem}.modal-backdrop{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:5000}.modal-content{background-color:#fff;width:100%;max-width:500px;border-radius:2rem;box-shadow:0 25px 50px -12px #0003;overflow:hidden}.modal-header{background-color:#f8fafc;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9}.modal-title{font-size:.75rem;font-weight:900;color:#1e293b;text-transform:uppercase;letter-spacing:.1em}.modal-body{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.modal-footer{padding:1.5rem 2rem;background-color:#f8fafc;display:flex;gap:1rem}.btn-cancel{flex:1;background:transparent;border:none;font-size:.6875rem;font-weight:900;color:#94a3b8;text-transform:uppercase;cursor:pointer}.btn-confirm-reject{flex:1.5;background-color:#ef4444;color:#fff;border:none;padding:.875rem;border-radius:.75rem;font-size:.6875rem;font-weight:900;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 6px #ef444433}@keyframes pulse{0%{box-shadow:0 0 #00a36c66}70%{box-shadow:0 0 0 10px #00a36c00}to{box-shadow:0 0 #00a36c00}}.detail-field-row{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:.75rem 0}.detail-field-row label{font-size:.75rem;font-weight:800;color:#94a3b8;text-transform:uppercase;flex:0 0 160px}.detail-display-box{flex:1;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;padding:.75rem 1rem;font-size:.875rem;font-weight:700;color:#334155;min-height:2.75rem;display:flex;align-items:center}.detail-input-box{flex:1;background-color:#fff;border:2px solid #f1f5f9;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-weight:800;color:var(--jade);transition:all .2s;outline:none;box-shadow:inset 0 2px 4px #00000005}.detail-input-box:focus{border-color:var(--jade);background-color:#fff;box-shadow:0 0 0 4px var(--jade-soft)}.detail-input-box::placeholder{color:#cbd5e1;font-weight:500}.edit-toggle-btn:hover{background:#d1fae5!important;transform:translateY(-1px);box-shadow:0 4px 12px #10b9811a}.section-subtitle{font-size:.75rem;font-weight:900;color:var(--jade);text-transform:uppercase;letter-spacing:.1em;padding-bottom:.625rem;border-bottom:2px solid var(--jade-soft);margin:2rem 1.5rem 1rem}.detail-display-box.text-right{justify-content:flex-end;font-family:Courier New,Courier,monospace}.btn-portal:hover{background-color:#f1f5f9;color:#1e293b}.feedback-toast{position:fixed;bottom:2rem;right:2rem;background-color:#0f172a;color:#fff;padding:1rem 2rem;border-radius:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 20px 25px -5px #0000001a;z-index:10000;animation:slideIn .3s cubic-bezier(.16,1,.3,1)}.detail-status-banner.warning{background-color:#fffbeb;border-bottom:1px solid #fef3c7}.detail-status-banner.warning .status-badge-text{color:#d97706}.detail-status-banner.warning .action-value{color:#d97706}.status-pill{font-size:.65rem;font-weight:900;padding:4px 10px;border-radius:12px;text-transform:uppercase}.status-pill.paid{background:#ecfdf5;color:#059669}.status-pill.pending{background:#fffbeb;color:#d97706}.modal-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:2000;animation:fadeInOverlay .2s ease-out}.modal-content{background:#fff;padding:2.5rem;border-radius:1.5rem;width:100%;maxWidth:500px;box-shadow:0 25px 50px -12px #00000040;animation:slideUpModal .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reason-alert-box{margin:1.5rem;padding:1.25rem;background-color:#f0f9ff;border-radius:1rem;border:1px solid #bae6fd;display:flex;gap:1rem;align-items:flex-start}.reason-title{font-size:.75rem;font-weight:800;color:#0369a1;text-transform:uppercase;margin-bottom:.25rem}.reason-text{font-size:.875rem;color:#075985;font-weight:600;line-height:1.5}.authorise-portal{min-height:calc(100vh - 5rem);background-color:#f8fafc;padding:1.5rem}.preauth-split-layout{display:grid;grid-template-columns:1fr 450px;gap:1.5rem;max-width:1700px;margin:0 auto}.preauth-left-panel{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.preauth-right-panel{background:#fff;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000000d;border:1px solid #edf2f7;display:flex;flex-direction:column;overflow:hidden;height:fit-content;position:sticky;top:1.5rem}.detail-tabs-nav{display:flex;gap:2.5rem;padding:0 1.5rem;background:#fff;border-bottom:1px solid #edf2f7}.detail-tab{padding:1.25rem 0;font-size:.75rem;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;position:relative;transition:all .2s}.detail-tab.active{color:var(--jade)}.detail-tab.active:after{content:"";position:absolute;bottom:0;left:-5px;right:-5px;height:3px;background-color:var(--jade);border-radius:3px 3px 0 0}.list-segmented-control{display:flex;background:#f1f5f9;padding:4px;border-radius:.75rem;margin:0 0 1rem}.segmented-item{flex:1;padding:.625rem;border-radius:.5rem;border:none;cursor:pointer;font-size:.75rem;font-weight:800;text-transform:uppercase;transition:all .2s;background:transparent;color:#64748b}.segmented-item.active{background:#fff;color:var(--jade);box-shadow:0 4px 6px -1px #0000001a}.detail-status-banner{background-color:#f0fdf4;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dcfce7}.detail-status-banner.rejected{background-color:#fff1f2;border-bottom:1px solid #ffe4e6}.status-badge-text{font-size:.875rem;font-weight:900;color:var(--jade);text-transform:uppercase}.detail-status-banner.rejected .status-badge-text{color:#e11d48}.action-point-box{text-align:right}.action-label{display:block;font-size:.6rem;font-weight:900;color:#64748b;text-transform:uppercase;margin-bottom:.25rem}.action-value{font-size:.75rem;font-weight:900;color:var(--jade);text-transform:uppercase}.detail-status-banner.rejected .action-value{color:#e11d48}.auth-record-title{font-size:.875rem;font-weight:900;color:var(--jade);text-transform:uppercase;letter-spacing:.05em;margin:2rem 1.5rem 1rem}.legacy-search-card{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #edf2f7}.table-wrapper{background-color:#fff;border-radius:1.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #edf2f7;flex:1}.data-table{width:100%;border-collapse:collapse}.data-table th{background-color:#f8fafc;padding:1rem;font-size:.65rem;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid #f1f5f9}.data-table td{padding:.875rem 1rem;font-size:.8125rem;font-weight:600;color:#334155;border-bottom:1px solid #f8fafc}.data-table tr:hover{background-color:#f8fafc}.data-table tr.selected{background-color:var(--jade-soft)}.detail-field-row{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:1rem;padding:.35rem 1.5rem}.detail-field-row label{font-size:.75rem;font-weight:800;color:#64748b;text-transform:uppercase}.detail-display-box{padding:.5rem .875rem;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:.5rem;font-size:.875rem;font-weight:700;color:#1e293b;min-height:2.25rem;display:flex;align-items:center}.detail-display-box.text-right{justify-content:flex-end}.detail-input-box{padding:.5rem .875rem;background-color:#fff;border:2px solid #f1f5f9;border-radius:.5rem;font-size:.875rem;font-weight:700;color:#1e293b;min-height:2.25rem;outline:none;transition:border-color .2s}.detail-input-box:focus{border-color:var(--jade)}.op-buttons-panel{margin-top:1.5rem;padding:1.5rem;background-color:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:.75rem}.btn-portal{flex:1;padding:.75rem;border-radius:.75rem;font-size:.75rem;font-weight:900;cursor:pointer;text-align:center;text-transform:uppercase;letter-spacing:.05em;transition:all .2s;border:1px solid #e2e8f0;background:#fff;color:#64748b}.btn-portal:hover:not(:disabled){background-color:#f1f5f9;color:#1e293b}.btn-portal:disabled{opacity:.5;cursor:not-allowed}.feedback-toast{position:fixed;bottom:2rem;right:2rem;background-color:#0f172a;color:#fff;padding:1rem 1.5rem;border-radius:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 20px 25px -5px #0000001a;z-index:10000;animation:slideIn .3s cubic-bezier(.16,1,.3,1);min-width:300px}.feedback-toast.error{border-left:4px solid #ef4444}.feedback-toast.success{border-left:4px solid var(--jade)}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .3s ease-out}.closing-container{padding:2.5rem;max-width:1100px;margin:0 auto;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-indicator{display:flex;justify-content:center;align-items:center;gap:4rem;margin-bottom:3.5rem;position:relative}.step-indicator:before{content:"";position:absolute;top:50%;left:50%;width:200px;height:1px;background:#e2e8f0;z-index:1;transform:translate(-50%)}.step{width:2.5rem;height:2.5rem;border-radius:50%;background:#fff;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.875rem;color:#94a3b8;z-index:2;transition:all .3s ease}.step.active{border-color:var(--jade);color:var(--jade);box-shadow:0 0 0 6px var(--jade-soft)}.step.completed{background:var(--jade);border-color:var(--jade);color:#fff}.closing-card{background:#fff;border-radius:1.5rem;box-shadow:0 10px 25px #00000008,0 4px 12px #00000005;border:1px solid #f1f5f9;overflow:hidden}.closing-card-header{padding:2rem 2.5rem;background:linear-gradient(to right,#fafbfc,#fff);border-bottom:1px solid #f1f5f9}.closing-card-content{padding:2.5rem}.info-banner{background:var(--jade-soft);border-radius:1rem;padding:1.25rem 2rem;display:flex;gap:3rem;margin-bottom:2rem}.info-item{display:flex;flex-direction:column}.info-label{font-size:.65rem;font-weight:800;color:var(--jade);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.info-value{font-size:1.125rem;font-weight:800;color:var(--text-dark)}.entry-table{width:100%;border-collapse:separate;border-spacing:0 .75rem}.entry-table th{padding:0 1rem 1rem;font-size:.75rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.entry-row-card{background:#fafbfc;transition:all .2s}.entry-row-card:hover{background:#f1f5f9}.entry-row-card td{padding:1.25rem 1rem}.entry-row-card td:first-child{border-top-left-radius:1rem;border-bottom-left-radius:1rem;font-weight:700;color:#475569}.entry-row-card td:last-child{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.closing-input{width:100%;background:#fff;border:1.5px solid #e2e8f0;border-radius:.75rem;padding:.75rem 1rem;text-align:right;font-weight:700;font-family:inherit;transition:all .2s;outline:none}.closing-input:focus{border-color:var(--jade);box-shadow:0 0 0 3px var(--jade-soft)}.closing-btn{padding:1rem 2.5rem;border-radius:1rem;font-weight:800;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.btn-primary-closing{background:var(--jade);color:#fff}.btn-primary-closing:hover{background:var(--jade-hover);transform:translateY(-2px);box-shadow:0 8px 15px var(--jade-soft)}.btn-secondary-closing{background:#f1f5f9;color:#64748b}.btn-secondary-closing:hover{background:#e2e8f0;color:#1e293b}.comparison-card{border:1.5px solid #f1f5f9;border-radius:1rem;margin-bottom:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.comparison-card.match{border-color:#dcfce7;background:#fafdfb}.comparison-card.mismatch{border-color:#fee2e2;background:#fefafb}.status-icon{width:1.25rem;height:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-icon.match{background:#22c55e;color:#fff}.status-icon.mismatch{background:#ef4444;color:#fff}.variance-badge{padding:.15rem .6rem;border-radius:2rem;font-size:.65rem;font-weight:800}.variance-badge.match{background:#dcfce7;color:#15803d}.variance-badge.mismatch{background:#fee2e2;color:#b91c1c}.success-icon-container{width:64px;height:64px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 20px #10b98133}.success-icon-svg{width:32px;height:32px;color:#fff}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(max-width:768px){.comparison-grid{grid-template-columns:1fr}}.success-hero{animation:successPop .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes successPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}