:root{--rx-navy:#0b0b12;--rx-navy-soft:#14141f;--rx-gold:#c49a4c;--rx-gold-hover:#d4ae63;--rx-gold-muted:#c49a4c24;--rx-gold-border:#c49a4c59;--rx-bg:#f7f6f3;--rx-card:#fff;--rx-text:#1a1a22;--rx-text-muted:#6b6b76;--rx-border:#e6e4df;--rx-success:#1f7a4c;--rx-success-bg:#e8f6ef;--rx-danger:#b42318;--rx-danger-bg:#fef3f2;--rx-warning:#b54708;--rx-warning-bg:#fffaeb;--rx-info:#175cd3;--rx-info-bg:#eff8ff;--rx-radius:14px;--rx-radius-sm:10px;--rx-shadow:0 10px 30px #0b0b120f;--rx-font:"Segoe UI", system-ui, -apple-system, sans-serif;--primary:var(--rx-gold);--bg:var(--rx-bg);--card:var(--rx-card);--text:var(--rx-text);--border:var(--rx-border)}*{box-sizing:border-box;font-family:var(--rx-font);margin:0;padding:0}body{background:var(--rx-bg);color:var(--rx-text);overflow-x:hidden}.app-container{width:100%;min-height:100vh;display:flex;position:relative}.main{flex-direction:column;flex:1;min-width:0;min-height:100vh;transition:margin-left .4s cubic-bezier(.4,0,.2,1);display:flex}.expanded-layout{margin-left:288px}.collapsed-layout{margin-left:113px}.content{flex:1;width:100%;padding:100px 28px 32px 12px}.card{background:var(--rx-card);border-radius:var(--rx-radius);box-shadow:var(--rx-shadow);border:1px solid var(--rx-border);margin-bottom:20px;padding:22px}.btn{border-radius:var(--rx-radius-sm);cursor:pointer;border:1px solid #0000;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s}.btn-primary{background:var(--rx-gold);color:var(--rx-navy)}.btn-danger{background:var(--rx-danger);color:#fff}.btn:not(.btn-primary):not(.btn-danger):not(.btn-success){border-color:var(--rx-border);color:var(--rx-text);background:#fff}.btn-success{background:var(--rx-navy);color:#fff}.btn-success:hover{background:var(--rx-navy-soft)}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--rx-text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--rx-border);background:#faf9f7;padding:12px 14px;font-size:12px}.table td{border-bottom:1px solid var(--rx-border);padding:12px 14px;font-size:14px}.badge,.status-badge{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-valid,.status-badge.valid,.status-badge.submitted{background:var(--rx-success-bg);color:var(--rx-success)}.badge-invalid,.status-badge.invalid,.status-badge.failed{background:var(--rx-danger-bg);color:var(--rx-danger)}.badge-draft,.status-badge.draft{background:var(--rx-warning-bg);color:var(--rx-warning)}.status-badge.local,.status-badge.validated{background:var(--rx-info-bg);color:var(--rx-info)}.status-badge.sent{background:var(--rx-gold-muted);color:#8a6a2f}.controls{gap:10px;margin:15px 0;display:flex}@media (width<=768px){.expanded-layout,.collapsed-layout{margin-left:0}.content{padding:90px 15px 20px}}.app-footer{border-top:1px solid var(--rx-border,#e6e4df);color:var(--rx-text-muted,#6b6b76);background:0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:18px 28px 22px;font-size:12px;display:flex}.app-footer p{margin:0}.app-footer-powered strong{color:var(--rx-navy,#0b0b12);font-weight:700}.login-footer{color:#c9c7c0;z-index:5;background:#0b0b12eb;border-top:1px solid #c49a4c38;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 20px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.login-footer strong{color:#c49a4c;font-weight:700}.login-page{position:relative}.sidebar{background:var(--rx-navy,#0b0b12);color:#fff;z-index:1000;overscroll-behavior:contain;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #c49a4c2e;border-radius:22px;width:260px;height:calc(100vh - 28px);margin:0;padding:20px 14px;transition:width .4s cubic-bezier(.4,0,.2,1);position:fixed;top:14px;left:14px;overflow:hidden auto;box-shadow:0 16px 40px #0b0b1247}.sidebar:before{content:"";z-index:0;background:linear-gradient(#0b0b12eb 0%,#14141fe0 100%);border-radius:22px;position:absolute;inset:0}.sidebar-overlay{z-index:0;border-radius:22px;padding:20px 14px;position:absolute;inset:0}.sidebar.collapsed{width:85px}.sidebar.collapsed span{display:none}.sidebar *{z-index:1;position:relative}.sidebar-logo{justify-content:center;margin-bottom:26px;display:flex}.sidebar.collapsed .sidebar-logo img{width:68px;height:68px;transform:scale(.9)}.sidebar-logo img{width:130px;height:130px;padding:8px;transition:width .35s,height .35s,transform .35s,opacity .3s}.sidebar .menu-item span{transition:opacity .25s,transform .25s}.sidebar.collapsed .menu-item span{opacity:0;pointer-events:none;transform:translate(-10px)}.sidebar.collapsed .menu-left{justify-content:center}.sidebar.collapsed .menu-icon{font-size:20px}.sidebar .menu-item{transition:background .25s,transform .25s}.sidebar .menu-item:hover{transform:translate(2px)}.sidebar-menu{margin:0;padding:0;list-style:none}.submenu{flex-direction:column;gap:4px;margin:6px 0 10px;padding-left:28px;display:flex;position:relative}.submenu:before{content:"";background:#ffffff40;border-radius:2px;width:2px;position:absolute;top:4px;bottom:4px;left:16px}.submenu-item{color:#fff;border-radius:8px;align-items:center;padding:8px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background .25s,padding-left .25s;display:flex}.submenu-item:hover{background:#ffffff1f;padding-left:18px}.submenu-item.active{background:#fff;border-radius:10px;padding-left:18px}.submenu-item.active:before{color:#0a3d2e;opacity:1}.sidebar .submenu-item.active,.sidebar .submenu-item.active span{font-weight:600;color:#0a3d2e!important}.submenu{animation:.25s submenuFade}@keyframes submenuFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu-arrow{transition:transform .3s}.menu-arrow.rotate{transform:rotate(90deg)}.menu-item{color:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 16px;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.menu-item:hover{background:#ffffff26}.menu-item.active{background:var(--rx-gold,#c49a4c);color:var(--rx-navy,#0b0b12);font-weight:600}.menu-left{align-items:center;gap:12px;display:flex}.menu-icon{font-size:15px}.menu-arrow{opacity:.7;font-size:12px}.top-navbar{background:#fff;border-radius:18px;justify-content:space-between;align-items:center;height:64px;padding:0 1.75rem;transition:left .3s,width .3s;display:flex;position:fixed;top:.75rem;box-shadow:0 6px 16px #00000014;z-index:10!important;overflow:visible!important}.top-navbar.expanded{width:calc(100vw - 310px);left:290px}.top-navbar.collapsed{width:calc(100vw - 130px);left:110px}.nav-left{align-items:center;gap:1rem;display:flex}.topnav-left{align-items:center;gap:15px;display:flex}.toggle-btn{cursor:pointer;width:22px;height:22px}.topnav-left .user-info{flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.1;display:flex}.page-title{color:#000;font-size:1.25rem;font-weight:700}.topnav-right{align-items:center;gap:1.25rem;display:flex}.time-date{text-align:right;color:#000;flex-direction:column;font-weight:600;line-height:1.1;display:flex}.time-date span,.time-date div{color:#000}.date-text{color:#000;font-size:.7rem}.nav-divider{opacity:.6;background-color:#000;width:2px;height:36px}.bank-logo{width:auto;height:auto}.menu-toggle{cursor:pointer;width:22px}.user-info{flex-direction:column;line-height:1.1;display:flex}.user-name{color:#000;font-weight:700}.user-role{color:#000;font-weight:600}.top-navbar .user-info{flex-direction:column;justify-content:center;line-height:1.1;display:flex}.top-navbar .user-name{color:#000;font-size:.8rem;font-weight:700}.top-navbar .user-role{color:#000;opacity:1;font-size:.7rem;font-weight:600}.nav-right{align-items:center;gap:1.25rem;display:flex}.date-time{text-align:right;color:#444;font-size:.75rem}.bank-logo{width:70px}.sidebar .menu-item,.sidebar .menu-item span,.sidebar .menu-item .menu-icon{color:#fff}.sidebar .menu-item:hover,.sidebar .menu-item:hover span,.sidebar .menu-item:hover .menu-icon{color:#fff!important}.sidebar .menu-item.active,.sidebar .menu-item.active span,.sidebar .menu-item.active .menu-icon{color:#0b0b12!important}.sidebar .submenu-item,.sidebar .submenu-item:hover{color:#fff!important}.sidebar .submenu-item.active{font-weight:600}.profile-dropdown{cursor:pointer;z-index:99999;display:inline-block;position:relative}.profile-img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:38px;height:38px}.logout-btn{color:#1f5f47;cursor:pointer;text-align:left;background:#fff;border:none;border-radius:4px;width:100%;padding:8px 10px;font-size:14px;transition:all .3s}.logout-btn:hover{color:#fff;background:#1f5f47}.mobile-menu-btn{color:#0a3d2e;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:none}.mobile-menu-btn:hover{background:#0000000f}.sidebar-backdrop{z-index:999;background:#0b0b1280;position:fixed;inset:0}@media (width<=768px){.mobile-menu-btn{display:inline-flex}.sidebar{width:min(80vw,280px);transition:transform .3s;transform:translate(-120%)}.sidebar.mobile-open{transform:translate(0)}.sidebar.mobile-closed .menu-item span,.sidebar.mobile-closed .sidebar-logo img{opacity:1}.top-navbar,.top-navbar.expanded,.top-navbar.collapsed{width:calc(100vw - 24px);padding:0 1rem;left:12px}.topnav-right .time-date{display:none}.topnav-left .user-info .user-name{font-size:.75rem}}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-page{background:#f1f5f9;min-height:100vh;display:flex}.login-left{z-index:2;background:#fff;justify-content:center;align-items:center;width:480px;padding:40px;display:flex;position:relative}.login-right{background:linear-gradient(145deg,#0b0b12 0%,#15151f 45%,#1a1620 100%);flex:1;position:relative;overflow:hidden}.overlay{background:radial-gradient(circle at 100% 0,#ffffff1f,#0000 30%);justify-content:center;align-items:center;width:100%;height:100%;padding:60px;display:flex}.left-content{color:#fff;max-width:520px}.left-content h1{margin-bottom:24px;font-size:56px;font-weight:800;line-height:1.1}.left-content p{opacity:.9;font-size:18px;line-height:1.8}.login-box{width:100%;max-width:360px}.login-logo{width:85px;margin-bottom:15px}.login-box h2{color:#0f172a;margin:0;font-size:34px}.login-subtitle{color:#64748b;margin-top:8px;margin-bottom:35px}.input-group{margin-bottom:18px}.input-group label{color:#334155;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.input-group input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:all .25s}.input-group input:focus{background:#fff;border-color:#c49a4c;box-shadow:0 0 0 4px #c49a4c2e}.btn-login{color:#0b0b12;cursor:pointer;background:linear-gradient(135deg,#c49a4c,#a87f3a);border:none;border-radius:14px;width:100%;margin-top:12px;padding:15px;font-size:16px;font-weight:700;transition:all .25s;box-shadow:0 10px 20px #c49a4c47}.btn-login:hover{transform:translateY(-2px);box-shadow:0 14px 24px #c49a4c61}.btn-login:disabled{opacity:.7;cursor:not-allowed}@media (width<=900px){.login-right{display:none}.login-left{width:100%}.login-box{max-width:420px}}@media (width<=500px){.login-left{padding:25px}.login-box h2{font-size:28px}}.dashboard-container{width:100%}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--rx-gold,#c49a4c);margin-bottom:8px;font-size:12px;font-weight:700}.welcome-card{color:#fff;background:linear-gradient(135deg,#0b0b12 0%,#1a1a28 70%);border:1px solid #c49a4c40;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:28px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #0b0b1238}.welcome-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#c49a4c47,#0000 70%);width:220px;height:220px;position:absolute;top:-40px;right:-40px}.welcome-card h1{color:#fff;margin:0;font-size:30px}.welcome-card p{opacity:.85;color:#e8e7e3;max-width:560px;margin-top:8px;line-height:1.5}.welcome-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.btn-ghost{color:#fff!important;background:0 0!important;border:1px solid #ffffff40!important}.welcome-metric{text-align:right;z-index:1;background:#ffffff0f;border:1px solid #c49a4c4d;border-radius:16px;min-width:180px;padding:18px}.welcome-metric span{color:#c9c7c0;font-size:12px;display:block}.welcome-metric strong{color:var(--rx-gold,#c49a4c);margin:6px 0;font-size:34px;display:block}.welcome-metric small{color:#9b9aa3}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{color:#fff;border-radius:18px;padding:22px;transition:all .2s;box-shadow:0 8px 24px #0b0b1214}.stat-card:hover{transform:translateY(-3px)}.stat-card h3{opacity:.9;margin:0;font-size:14px;font-weight:500}.stat-card h2{color:#fff;margin-top:14px;font-size:34px}.stat-card.total{background:linear-gradient(135deg,#0b0b12,#242433)}.stat-card.submitted{background:linear-gradient(135deg,#1f7a4c,#166534)}.stat-card.failed{background:linear-gradient(135deg,#b42318,#912018)}.stat-card.draft{background:linear-gradient(135deg,#c49a4c,#8a6a2f)}.dash-panels{grid-template-columns:1.6fr .9fr;gap:18px;display:grid}.recent-card,.info-card{border:1px solid var(--rx-border,#e6e4df);box-shadow:var(--rx-shadow);background:#fff;border-radius:18px;padding:20px}.recent-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.recent-header h2{margin:0;font-size:18px}.recent-header a,.quick-links a{color:#8a6a2f;font-size:13px;font-weight:600;text-decoration:none}.side-stack{flex-direction:column;gap:14px;display:flex}.info-card h3{margin:0 0 10px;font-size:16px}.info-card ol{color:var(--rx-text-muted,#6b6b76);margin:0;padding-left:18px;font-size:14px;line-height:1.55}.info-card p{color:var(--rx-text-muted,#6b6b76);font-size:14px;line-height:1.55}.info-card.gold{background:linear-gradient(#fffaf0,#fff);border-color:#c49a4c59}.quick-links{flex-direction:column;gap:8px;display:flex}@media (width<=980px){.welcome-card{flex-direction:column;align-items:flex-start}.welcome-metric{text-align:left;width:100%}.dash-panels{grid-template-columns:1fr}}.card{background:#fff;border-radius:16px;width:100%;padding:24px;overflow:hidden;box-shadow:0 2px 10px #0000000f}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.page-header h2{color:#111827;margin:0;font-size:24px}.page-header p{color:#6b7280;margin-top:4px;font-size:14px}.header-actions{flex-wrap:wrap;gap:10px;display:flex}.controls-right{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:14px;margin-bottom:10px;display:flex}.controls-left,.controls-right{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.rows-wrapper{margin-left:auto}.controls-left input,.controls-left select,.controls-right input,.controls-right select{background:#fff;border:1px solid #dbe2ea;border-radius:12px;outline:none;width:180px;min-width:180px;height:46px;margin-bottom:5px;padding:0 14px;font-size:14px;transition:all .2s}.controls-left input:focus,.controls-left select:focus,.controls-right input:focus,.controls-right select:focus{border-color:#c49a4c;box-shadow:0 0 0 4px #4f46e51a}.date-filter{flex-direction:column;gap:3px;display:flex}.date-filter-label{color:#6b7280;text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:600}.date-filter input{margin-bottom:0!important}.btn-clear{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;height:2.5rem;margin-top:-8px;padding:0 18px;font-weight:600;transition:all .2s}.btn-clear:hover{opacity:.9}@media (width<=1100px){.top-controls{flex-direction:column}.controls-left,.controls-right{width:100%}.rows-wrapper{margin-left:0}}.btn{cursor:pointer;border:none;border-radius:10px;padding:12px 18px;font-weight:600;transition:all .2s}.btn:hover{transform:translateY(-1px)}.btn-success{color:#fff;background:#16a34a}.btn-danger{color:#fff;background:#dc2626}.table-wrapper{border:1px solid #e5e7eb;border-radius:14px;width:100%;overflow-x:auto}.table-loading-overlay{z-index:5;color:#6b7280;background:#ffffffbf;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.spinner{border:3px solid #e5e7eb;border-top-color:#c49a4c;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.table{border-collapse:collapse;width:100%;min-width:900px}.table thead{background:#f9fafb}.table th{text-align:left;color:#374151;border-bottom:1px solid #e5e7eb;padding:14px;font-size:14px}.table td{color:#111827;border-bottom:1px solid #f1f5f9;padding:14px;font-size:14px}.table tbody tr:hover{background:#f8fafc}.status-badge{text-transform:uppercase;border-radius:30px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-block}.status-badge.draft{color:#ea580c;background:#fff7ed}.status-badge.valid{color:#15803d;background:#dcfce7}.status-badge.invalid{color:#dc2626;background:#fee2e2}.status-badge.local{color:#8a6a2f;background:#c49a4c24}.status-badge.pending{color:#1d4ed8;background:#dbeafe}.status-badge.cancelled{color:#6b7280;background:#f3f4f6}.status-badge.sent{color:#7c3aed;background:#ede9fe}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:22px;display:flex}.pagination button{cursor:pointer;color:#fff;background:#0b0b12;border:none;border-radius:10px;padding:10px 16px;font-weight:600}.pagination button:disabled{cursor:not-allowed;background:#cbd5e1}.pagination span{color:#374151;font-weight:600}input[type=checkbox]{cursor:pointer;width:16px;height:16px}.selected-box{background:#fff;border:1px solid #eee;border-radius:14px;margin-bottom:20px;padding:18px}.selected-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.selected-header h3{margin:0}.selected-list{flex-direction:column;gap:12px;display:flex}.selected-item{background:#f9fafb;border-radius:10px;justify-content:space-between;align-items:center;padding:14px;display:flex}.selected-item p{color:#666;margin:4px 0 0;font-size:13px}@media (width<=768px){.controls{flex-direction:column}.controls input,.controls select,.header-actions{width:100%}.header-actions .btn{flex:1}.page-header{align-items:flex-start}}.status-wrapper{display:inline-block;position:relative}.fbr-tooltip{color:#fff;opacity:0;visibility:hidden;z-index:999;background:#1f1f1f;border-radius:10px;min-width:260px;max-width:320px;padding:12px 14px;font-size:12px;line-height:1.5;transition:all .2s;position:absolute;bottom:130%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.status-wrapper:hover .fbr-tooltip{opacity:1;visibility:visible}.fbr-tooltip:after{content:"";border:7px solid #0000;border-top-color:#1f1f1f;position:absolute;top:100%;left:50%;transform:translate(-50%)}.fbr-tooltip strong{color:#ff7675;margin-bottom:6px;display:block}.fbr-tooltip p{margin:3px 0}.fbr-modal-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.fbr-modal{background:#fff;border-radius:12px;width:min(640px,100%);max-height:90vh;padding:20px;overflow:auto;box-shadow:0 20px 50px #0003}.fbr-modal-wide{width:min(900px,100%)}.fbr-modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.fbr-modal-meta{color:#4b5563;margin-bottom:12px;font-size:13px}.fbr-error-box{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 14px}.fbr-error-box h4{margin:0 0 8px}.fbr-error-box ul{margin:0;padding-left:18px}.fbr-raw{margin-top:14px}.fbr-raw pre{color:#e5e7eb;background:#111827;border-radius:8px;max-height:280px;padding:12px;font-size:11px;overflow:auto}.fbr-edit-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:12px;display:grid}.fbr-edit-grid input,.fbr-edit-grid select{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:8px 10px}.fbr-edit-item{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:10px;padding:10px}.fbr-modal-actions{margin-top:12px}.rate-field{gap:6px;display:flex}.rate-field input{flex:1;min-width:0}.rate-check-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #d1d5db;border-radius:8px;flex-shrink:0;padding:0 10px;font-size:12px;font-weight:600}.rate-check-btn:hover:not(:disabled){color:#92400e;border-color:#c49a4c}.rate-check-btn:disabled{cursor:default;opacity:.6}.rate-hint{margin-top:4px;font-size:12px;display:block}.rate-hint.error{color:#b42318}.rate-options{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.rate-option{color:#92400e;cursor:pointer;background:#fdf6e8;border:1px solid #c49a4c;border-radius:999px;padding:5px 10px;font-size:12px}.rate-option:hover{background:#f8e9c4}.field{flex-direction:column;gap:4px;display:flex}.field-label{color:#6b7280;text-transform:uppercase;letter-spacing:.02em;font-size:11px}.form{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.form input{border:1px solid #d1d5db;border-radius:8px;padding:10px;transition:all .2s}.form input:focus{border-color:#c49a4c;outline:none;box-shadow:0 0 0 2px #c49a4c2e}.header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.search{border:1px solid #d1d5db;border-radius:8px;width:100%;margin-bottom:15px;padding:12px;transition:all .2s}.search:focus{border-color:#c49a4c;outline:none}.client-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;margin-top:10px;padding:16px;transition:all .2s;display:flex}.client-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000000d}.client-card p{color:#6b7280;margin:2px 0;font-size:14px}.right{align-items:center;gap:10px;display:flex}.badge{color:#0369a1;background:#e0f2fe;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.btn{cursor:pointer;background:#e5e7eb;border:none;border-radius:6px;padding:8px 14px;transition:all .2s}.btn:hover{background:#d1d5db}.btn-primary{color:#0b0b12;background:#c49a4c}.btn-primary:hover{background:#d4ae63}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;box-sizing:border-box;background:#0f172a8c;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;gap:10px;width:min(640px,100%);max-width:100%;max-height:none;margin:auto 0;padding:24px 26px;animation:.25s modalSlide;display:flex;box-shadow:0 24px 48px #0000002e}.modal-content.modal-lg{width:min(760px,100%)}.modal-content.modal-xl{width:min(920px,100%)}.modal-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-form-grid .full{grid-column:1/-1}.modal-section-title{color:#0b0b12;border-top:1px solid #eee;grid-column:1/-1;margin:6px 0 0;padding-top:8px;font-size:13px;font-weight:700}.modal-content label{color:#4b5563;flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.modal-content label.inline-check{flex-direction:row;align-items:center;gap:8px;margin-top:4px;font-weight:500}.modal-content select,.modal-content input[type=date],.modal-content input[type=number],.modal-content input[type=email],.modal-content input[type=password],.modal-content input[type=text],.modal-content input:not([type=checkbox]){color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;font-weight:400}.password-field{align-items:center;display:flex;position:relative}.password-field input{width:100%;padding-right:38px!important}.password-toggle{cursor:pointer;color:#6b7280;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{color:#111827}.modal-hint{color:#6b7280;margin:4px 0 0;font-size:12px;line-height:1.4}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content h3{color:#111827;text-align:left;margin:0 0 6px;font-size:20px;font-weight:700}.modal-actions{background:#fff;border-top:1px solid #f1f0ec;justify-content:flex-end;gap:10px;margin-top:12px;padding-top:12px;display:flex;position:sticky;bottom:-1px}.modal-actions .btn{flex:none;min-width:110px}.modal-actions .btn:last-child{background:#f3f4f6}.modal-actions .btn:last-child:hover{background:#e5e7eb}@media (width<=640px){.modal{align-items:flex-start;padding:16px 10px}.modal-form-grid{grid-template-columns:1fr}.modal-content{width:100%;padding:18px 16px}}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}@media (width<=768px){.form{grid-template-columns:1fr}.client-card{flex-direction:column;align-items:flex-start;gap:10px}.right{justify-content:space-between;width:100%}}.custom-message{z-index:9999;color:#fff;border-radius:12px;min-width:280px;max-width:400px;padding:14px 18px;font-weight:600;animation:.3s slideIn;position:fixed;top:20px;right:20px;box-shadow:0 10px 25px #00000026}.custom-message.success{background:#16a34a}.custom-message.error{background:#dc2626}.billing-banner{border:1px solid var(--rx-border,#e6e4df);background:#fff;border-radius:14px;margin-bottom:14px;padding:16px 18px;font-size:14px;line-height:1.45}.billing-banner.info{background:#fff8eb;border-color:#c49a4c59}.billing-banner.error{color:#912018;background:#fef3f2;border-color:#fecdca}.billing-banner.muted{color:#444;background:#f7f6f3;font-size:13px}.billing-banner ol{margin:10px 0 12px 18px;padding:0}.billing-banner .banner-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.billing-banner .banner-warn{color:#b54708;margin-top:10px;font-weight:600}.setup-list{color:#444;margin:0;padding-left:18px;font-size:13px;line-height:1.7}.billing-page{width:100%}.billing-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.billing-header .eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--rx-gold,#c49a4c);margin-bottom:6px;font-size:12px;font-weight:700}.billing-header h2{color:var(--rx-navy,#0b0b12);margin:0}.billing-header .sub{color:#6b6b76;max-width:560px;margin-top:6px;font-size:14px;line-height:1.45}.billing-actions{flex-wrap:wrap;gap:8px;display:flex}.billing-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.b-stat{border:1px solid var(--rx-border,#e6e4df);background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 8px 20px #0b0b120a}.b-stat span{color:#6b6b76;text-transform:uppercase;letter-spacing:.04em;font-size:12px;display:block}.b-stat strong{color:#0b0b12;margin-top:8px;font-size:28px;display:block}.b-stat.overdue strong{color:#b42318}.b-stat.cleared strong{color:#1f7a4c}.b-stat.pending strong{color:#b54708}.b-stat.open strong{color:#c49a4c}.billing-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.billing-toolbar .search{flex:1;min-width:200px;margin-bottom:0}.billing-toolbar select{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px}.billing-generate-one{border:1px solid var(--rx-border,#e6e4df);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.billing-generate-one select{border:1px solid #d1d5db;border-radius:8px;flex:1;min-width:220px;padding:10px 12px}.link-muted{color:#8a6a2f;font-size:13px;font-weight:600;text-decoration:none}.billing-layout{grid-template-columns:1fr 280px;align-items:start;gap:16px;display:grid}.billing-table-card,.side-card{border:1px solid var(--rx-border,#e6e4df);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px #0b0b120a}.billing-table-card{overflow-x:auto}.billing-table{min-width:640px}.side-card{padding:16px}.side-card h3{margin:0 0 12px;font-size:15px}.billing-table{border-collapse:collapse;width:100%;font-size:13px}.billing-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#6b6b76;background:#f7f6f3;border-bottom:1px solid #e6e4df;padding:12px 10px;font-size:11px}.billing-table td{vertical-align:middle;border-bottom:1px solid #f1f0ec;padding:12px 10px}.billing-table .actions{flex-wrap:wrap;gap:6px;display:flex}.btn-sm{padding:6px 10px!important;font-size:12px!important}.bill-badge{color:#444;background:#f1f0ec;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.bill-badge.pending{color:#b54708;background:#fffaeb}.bill-badge.overdue{color:#b42318;background:#fef3f2}.bill-badge.cleared{color:#1f7a4c;background:#e8f6ef}.bill-badge.cancelled{color:#6b6b76;background:#f1f0ec}.client-roll{margin:0;padding:0;list-style:none}.client-roll li{border-bottom:1px solid #f1f0ec;justify-content:space-between;gap:8px;padding:10px 0;display:flex}.client-roll li:last-child{border-bottom:none}.client-roll strong{font-size:13px;display:block}.client-roll small{color:#6b6b76;font-size:11px}.roll-badges{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.empty{color:#6b6b76;font-size:13px}@media (width<=1100px){.billing-layout{grid-template-columns:1fr}}.custom-message{z-index:2000;background:#fff;border-radius:10px;padding:12px 16px;font-weight:600;position:fixed;top:20px;right:20px;box-shadow:0 8px 24px #0000001f}.custom-message.success{color:#1f7a4c;background:#e8f6ef}.custom-message.error{color:#b42318;background:#fef3f2}.billing-page .modal{z-index:1500;background:#0b0b1273;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.billing-page .modal-content{background:#fff;border-radius:14px;width:420px;max-width:95%;padding:22px;box-shadow:0 20px 40px #00000026}.billing-page .modal-actions{justify-content:flex-end;gap:8px;display:flex}.mis-wrapper{background:#f4f6f8;border-radius:16px;min-height:85vh;position:relative;overflow:hidden}.mis-dashboard{filter:blur(9px);opacity:.65;pointer-events:none;padding:30px;animation:3s ease-in-out infinite pulse}.kpi-row{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;display:grid}.kpi-card{background:#fff;border-radius:12px;height:110px}.chart-area{align-items:flex-end;gap:18px;height:260px;margin-bottom:30px;display:flex}.table-row{background:#e6ebe7;border-radius:8px;height:44px;box-shadow:0 4px 10px #00000026}.chart-bar{background:linear-gradient(#0f0a57,#6441ff);border-radius:8px;flex:1;animation:2.5s ease-in-out infinite grow}.chart-bar:nth-child(2){animation-delay:.3s}.chart-bar:nth-child(3){animation-delay:.6s}.chart-bar:nth-child(4){animation-delay:.9s}.chart-bar:nth-child(5){animation-delay:1.2s}.table-area{flex-direction:column;gap:14px;height:50px;margin-bottom:25px;display:flex}.table-row{background:#fff;border-radius:8px;height:42px}.action-row{gap:16px;display:flex}.action-row button{color:#fff;background:#0f0a57;border:none;border-radius:6px;padding:10px 22px;font-weight:600}.mis-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mis-overlay h2{color:#0f0a57;margin-top:-150px;font-size:30px}.mis-overlay p{color:#333;max-width:480px;font-size:16px}@keyframes grow{0%{height:30%}50%{height:90%}to{height:30%}}@keyframes pulse{0%{opacity:.55}50%{opacity:.7}to{opacity:.55}}@media (width<=900px){.kpi-row{grid-template-columns:repeat(2,1fr);gap:14px}.mis-dashboard{padding:18px}.mis-overlay h2{margin-top:-80px;padding:0 16px;font-size:24px}.mis-overlay p{padding:0 20px}}@media (width<=480px){.kpi-row{grid-template-columns:1fr}.chart-area{gap:10px;height:160px}}