:root{--sidebar-open-width: 270px;--sidebar-closed-width: 90px;--navbar-height: 60px;--transition-smooth: .35s ease;--app-bg: #f9fafb;--border-light: #e0e0e0}html,body,#root{height:100%;margin:0;font-family:Inter,system-ui,sans-serif;background:var(--app-bg);overflow-x:hidden}.fv-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-open-width);transition:width var(--transition-smooth);z-index:1200}body.sidebar-closed .fv-sidebar{width:var(--sidebar-closed-width)}.fv-navbar{position:fixed;top:var(--layout-offset, 0px);left:var(--sidebar-open-width);height:var(--navbar-height);width:calc(100% - var(--sidebar-open-width));display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fff;border-bottom:1px solid var(--border-light);box-shadow:0 1px 4px #00000014;box-sizing:border-box;z-index:1100;transition:left var(--transition-smooth),width var(--transition-smooth)}body.sidebar-closed .fv-navbar{left:var(--sidebar-closed-width);width:calc(100% - var(--sidebar-closed-width))}.fv-left-content{display:flex;align-items:center}.navbar-title{font-size:18px;font-weight:700;color:#1d2a3b}.fv-navbar .right{display:flex;align-items:center;gap:5px}.fv-notif-container{position:relative;padding:8px;border-radius:50%;cursor:pointer}.fv-notif-container:hover{background:#f0f0f0}.fv-notif-icon{color:#333}.fv-badge{position:absolute;top:0;right:0;background:#f1b305;color:#000;border-radius:50%;font-size:10px;font-weight:700;padding:2px 5px;height:14px;line-height:14px;box-shadow:0 0 0 2px #fff}.fv-profile-menu{position:relative;z-index:1010;padding-bottom:15px;margin-bottom:-15px}.fv-profile-header{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;cursor:pointer}.fv-profile-header:hover{background:#f0f0f0}.fv-avatar{width:38px;height:38px;border-radius:50%;background:#1d2a3b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.fv-profile-text{display:flex;flex-direction:column;line-height:1.2}.fv-name{font-size:15px;font-weight:600}.fv-role{font-size:11px;color:#777}.fv-dropdown-options{position:absolute;top:calc(100% - 5px);right:0;min-width:150px;background:#fff;border-radius:8px;border:1px solid #eee;box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease}.fv-profile-menu:hover .fv-dropdown-options{opacity:1;visibility:visible;pointer-events:auto}.fv-dropdown-item{padding:10px;display:flex;gap:10px;cursor:pointer}.fv-dropdown-item:hover{background:#f5f5f5}.fv-logout-item{border-top:1px solid #eee;color:#dc3545}.fv-main{margin-left:var(--sidebar-open-width);min-height:100vh;transition:margin-left var(--transition-smooth)}body.sidebar-closed .fv-main{margin-left:var(--sidebar-closed-width)}.fv-navbar-spacer{height:var(--navbar-height)}.fv-content{padding:20px 24px 120px}@media(max-width:768px){.fv-navbar{padding:0 16px}.fv-profile-text{display:none}.fv-navbar .right{gap:10px}}@media(max-width:900px){.fv-navbar{left:0;width:100%}.fv-main,body.sidebar-closed .fv-main{margin-left:0}.fv-content{padding:16px}}.loader-wrapper{opacity:1;transition:opacity .7s ease-in-out}.loader-wrapper.fade-out{opacity:0}.statement-card{border-radius:12px!important;background-color:#fff!important;border:1px solid #e5e7eb!important;box-shadow:none!important;padding:24px}.sidebar-panel{background-color:#f9fafb;border-right:1px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.sidebar-content::-webkit-scrollbar{width:3px}.sidebar-content::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.search-wrapper{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}.search-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #0000000d}.table-header-cell{font-weight:700!important;background-color:#f9fafb!important;color:#111827!important}.clickable-row{cursor:pointer;transition:background-color .2s}.clickable-row:hover{background-color:#f9fafb!important}.status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize;white-space:nowrap;line-height:1.4}.status-active,.status-open{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.status-pending,.status-matured{background-color:#fffde7;color:#ff6f00;border:1px solid #fff9c4}.status-unknown,.status-closed,.status-inactive{background-color:#f5f5f5;color:#616161;border:1px solid #e0e0e0}.loader-page{height:100vh;width:100vw;background-color:#1d2a3b;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;position:fixed;top:0;left:0;z-index:9999}.loader-logo{display:flex;flex-direction:column;align-items:center;gap:14px;animation:fadeIn .9s ease-in-out forwards}.transact-iq-icon{transform-origin:50% 50%;animation:rotateGlow 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(245,180,0,.45))}.transact-iq-text{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:20px;font-weight:600;color:#f5b400;letter-spacing:.6px;margin:0;opacity:0;animation:fadeInText 1.4s ease-in-out .45s forwards}@keyframes rotateGlow{0%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 6px rgba(245,180,0,.25))}50%{transform:scale(1.06) rotate(180deg);filter:drop-shadow(0 0 14px rgba(245,180,0,.75))}to{transform:scale(1) rotate(360deg);filter:drop-shadow(0 0 6px rgba(245,180,0,.25))}}@keyframes fadeInText{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media(max-width:420px){.transact-iq-text{font-size:16px}.transact-iq-icon{width:72px;height:72px}}