.main-content,body,html{position:static;overflow-x:hidden}.notification-bell,.welcome-text,body,h1,h2,h3,h4,html{color:var(--text-color)}.page-container,.snapshot-card,.snapshots,.top-header,body,html{box-sizing:border-box}.net-position-card:hover,.recent-activity-card:hover,.stat-card:hover,.summary-card:hover,.tool-card:hover{transform:translateY(-8px);box-shadow:var(--card-shadow-hover)}.main-content,.navigation-cards,.page-container,.section-card,.snapshots,body,html{overflow-x:hidden}.btn,.btn-link,.btn-primary,.explore-card,.explore-card:hover,.footer a,.nav-card-link,.profile-icon{text-decoration:none}.action-subtext,body{letter-spacing:-.01em}:root{--navbar-height:80px;--bottom-nav-height:65px;--footer-height:200px;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.1);--background-main:#F2EFEA;--card-bg:#f9f9f9;--button-primary-bg:#22488d;--button-primary-hover:#1a3a73;--button-secondary-bg:linear-gradient(to bottom, white, #f8faff);--button-secondary-border:#f0812d;--button-secondary-hover:#e8f0ff;--button-success-bg:#10b981;--button-success-hover:#059669;--button-danger-bg:#ef4444;--button-danger-hover:#dc2626;--button-warning-bg:#f0812d;--button-warning-hover:#d6721f;--footer-link-color:#4a5568;--alert-success-bg:#f6ffed;--alert-success-border:#b7eb8f;--alert-success-text:#237804;--alert-danger-bg:#fff0f6;--alert-danger-border:#ffadd2;--alert-danger-text:#a8071a;--alert-warning-bg:#fffbe6;--alert-warning-border:#ffe58f;--alert-warning-text:#ad8b00;--alert-info-bg:#e6f7ff;--alert-info-border:#91d5ff;--alert-info-text:#0050b3;--text-color:#1e293b;--text-muted:#6b7280;--text-secondary:#4a5568;--navbar-bg:rgba(255, 255, 255, 0.95);--navbar-text-color:#1F1F1F;--navbar-shadow:0 2px 8px rgba(0, 0, 0, 0.1);--footer-bg:#0F3D57;--card-border:#e5e7eb;--card-shadow:0 4px 12px rgba(0, 0, 0, 0.08);--card-shadow-hover:0 8px 24px rgba(0, 15, 40, 0.15);--table-border:#e2e8f0;--table-header-bg:#0F3D57;--table-header-text:#ffffff;--table-text:#1e293b;--table-light-bg:#f8fafc;--table-striped-bg:#f1f5f9;--amount-highlight:#22488d;--error-highlight:#a8071a;--accent-blue:#22488d;--success-color:#10b981;--table-row-even-bg:#FDFEFC;--table-row-bg-overdue:#fefcbf;--table-row-bg-pending:#fef9c3;--table-row-bg-settled:#d1fae5;--pastel-beige:#F5F5DC;--pastel-teal:#B2DFDB;--pastel-white:#f8fafc;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M2.146 2.146a.5.5 0 0 1 .708 0L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--gradient-primary:linear-gradient(135deg, #fef3c7, #fed7aa);--gradient-accent:linear-gradient(135deg, #bae6fd, #7dd3fc);--gradient-hero:linear-gradient(135deg, #f3e8ff, #bfdbfe);--gradient-card:linear-gradient(135deg, #f9f9f9, #f8fafc);--transition-base:all 0.3s ease;--dropdown-shadow:0 6px 16px rgba(0, 0, 0, 0.15)}.financial-snapshots,.notification-bell,.profile-icon{transition:var(--transition-base)}.dark-mode{--background-main:#0f172a;--card-bg:#1e293b;--button-primary-bg:#22488d;--button-primary-hover:#042e5e;--button-secondary-bg:linear-gradient(to bottom, #1e293b, #1a202c);--button-secondary-border:#f0812d;--button-secondary-hover:#334155;--button-success-bg:#34d399;--button-success-hover:#10b981;--button-danger-bg:#ef4444;--button-danger-hover:#dc2626;--button-warning-bg:#f0812d;--button-warning-hover:#d6721f;--footer-link-color:#cbd5e0;--alert-success-bg:#0a2d1f;--alert-success-border:#4caf50;--alert-success-text:#a8e8b0;--alert-danger-bg:#3c0c16;--alert-danger-border:#ef5350;--alert-danger-text:#ffcdd2;--alert-warning-bg:#3f2f0a;--alert-warning-border:#ffeb3b;--alert-warning-text:#ffe082;--alert-info-bg:#0c2040;--alert-info-border:#4d8ce8;--alert-info-text:#d4e8ff;--text-color:#f1f5f9;--text-muted:#9ca3af;--text-secondary:#94a3b8;--navbar-bg:rgba(31, 31, 31, 0.95);--navbar-text-color:#f1f5f9;--navbar-shadow:0 2px 8px rgba(0, 0, 0, 0.2);--footer-bg:#1e293b;--card-border:#4b5563;--card-shadow:0 4px 12px rgba(0, 0, 0, 0.2);--card-shadow-hover:0 10px 24px rgba(0, 0, 0, 0.45);--table-border:#475569;--table-header-bg:#1e3a8a;--table-header-text:#f1f5f9;--table-text:#f1f5f9;--table-light-bg:#334155;--table-striped-bg:#2a3447;--amount-highlight:#93c5fd;--error-highlight:#ffcdd2;--accent-blue:#22488d;--success-color:#34d399;--table-row-even-bg:#1a2333;--table-row-bg-overdue:#3f2f0a;--table-row-bg-pending:#2d2a0e;--table-row-bg-settled:#0a2d1f;--pastel-beige:#2D2A22;--pastel-teal:#2B7A78;--pastel-white:#334155;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f1f5f9'%3e%3cpath d='M2.146 2.146a.5.5 0 0 1 .708 0L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--gradient-primary:linear-gradient(135deg, #2a3447, #1e293b);--gradient-accent:linear-gradient(135deg, #4b6cb7, #182848);--gradient-hero:linear-gradient(135deg, #1e293b, #4b6cb7);--gradient-card:linear-gradient(135deg, #1e293b, #334155);--dropdown-shadow:0 6px 16px rgba(0, 0, 0, 0.3)}body,html{height:100%;margin:0!important;padding:0!important;font-family:Poppins,sans-serif;background-color:var(--background-main)}body{display:flex;flex-direction:column;scroll-behavior:smooth;font-size:clamp(.875rem, 2vw, .9375rem);font-weight:500;line-height:1.65;padding-bottom:var(--bottom-nav-height)}.container-fluid,.full-width,.wrapper{width:100vw;max-width:100vw;padding:0;margin:0}footer,header,main,section{padding-left:0;padding-right:0}article,aside,body,div,footer,header,main,nav,section{box-sizing:inherit}.section-card{box-shadow:0 4px 6px rgba(0,0,0,.1)}.page-container{padding:1rem 1rem 2rem;max-width:1200px;margin:0 auto}h1,h2,h3,h4{font-weight:700;letter-spacing:-.03em;line-height:1.2}h1{font-size:clamp(2rem, 5vw, 2.5rem)}h2{font-size:clamp(1.5rem, 4vw, 2rem)}h3{font-size:clamp(1.25rem, 3vw, 1.5rem)}h4{font-size:clamp(1rem, 2.5vw, 1.25rem)}.main-content{flex:1 0 auto;display:flex;flex-direction:column;gap:2rem;padding-top:.3rem;padding-bottom:calc(var(--bottom-nav-height) + 2rem);min-height:calc(100vh - var(--navbar-height) - var(--bottom-nav-height))}.col,.container,.container-fluid,.main-content>.page-container:first-child,.main-content>.section-card:first-child,.row{margin-top:0!important;padding-top:0!important}.top-header{top:0;left:0;width:100%;height:var(--navbar-height);background-color:transparent;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;flex-wrap:wrap;margin-bottom:0!important}.header-actions button{background:0 0;border:none;font-size:18px;padding:8px;border-radius:50%;transition:background .2s}.header-actions button:hover{background:#f1f1f1}.welcome-text{font-size:clamp(.75rem, 1.8vw, .875rem);font-weight:600;margin:0;max-width:120px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-radius:24px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.notification-bell{background:rgba(0,0,0,.05);border:none;font-size:1.25rem;cursor:pointer;position:relative;padding:.375rem;border-radius:50%}.dark-mode .btn-close:hover,.dark-mode .notification-bell{background:rgba(255,255,255,.1)}.notification-badge,.summary-card.debt-card::before{background:var(--button-danger-bg)}.activity-item:hover,.notification-bell:hover{background:var(--button-secondary-hover)}.notification-badge{position:absolute;top:.125rem;right:.125rem;color:#fff;border-radius:50%;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600}.dark-mode .financial-snapshots,.dark-mode .recent-activity,.financial-snapshots{background:var(--gradient-card)}.notification-badge.d-none{display:none}.profile-icon{font-size:1.5rem;color:var(--text-color)}.btn-link:hover .bi-moon-stars,.btn-link:hover .bi-sun,.dark-mode .footer a:hover,.profile-icon:hover,.why-item:active i,.why-item:hover i{color:var(--accent-blue)}.header-toggles .btn,.header-toggles .dropdown-toggle{min-width:36px;font-size:clamp(.75rem, 1.8vw, .875rem);padding:.375rem .75rem;display:flex;align-items:center;gap:.25rem}.header-toggles{gap:.5rem;display:flex;align-items:center}@media (max-width:767.98px){.top-header{flex-direction:column;gap:.5rem;padding:.5rem;height:auto}.welcome-text{font-size:clamp(.7rem, 1.6vw, .8rem);max-width:100px}.header-actions{gap:.25rem;justify-content:center}.notification-bell{font-size:1.1rem;padding:.25rem}.notification-badge{width:.875rem;height:.875rem;font-size:.5rem}.profile-icon{font-size:1.25rem}.header-toggles .btn,.header-toggles .dropdown-toggle{min-width:32px;font-size:clamp(.7rem, 1.6vw, .8rem);padding:.25rem .5rem}}@media (max-width:575.98px){.top-header{padding:.5rem .75rem}.welcome-text{font-size:clamp(.65rem, 1.5vw, .75rem);max-width:80px}.header-actions{gap:.2rem}.notification-bell{font-size:1rem}.notification-badge{width:.75rem;height:.75rem;font-size:.45rem}.profile-icon{font-size:1.1rem}.header-toggles .btn,.header-toggles .dropdown-toggle{min-width:30px;padding:.2rem .4rem}}.snapshots{display:flex;flex-direction:column;gap:16px;padding:0 16px}.snapshot-card{width:100%;max-width:100%;padding:16px;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.05);text-align:center}.financial-snapshots{margin:2rem 0;padding:2rem;border-radius:16px;box-shadow:var(--card-shadow);position:relative;overflow:hidden}.summary-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem;padding:0}.net-position-card,.summary-card{border-radius:16px;padding:1.5rem}.summary-card{background:#f8f9fc;border:1px solid #e1e7f0;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:background .3s;text-align:left;position:relative;overflow:hidden}.activity-item,.navbar{border-bottom:1px solid var(--card-border)}.net-position-card,.stat-card{transition:transform .3s,box-shadow .3s}.action-label,.activity-description,.snapshot-label,.stat-card-value{word-break:break-word;overflow-wrap:anywhere}.summary-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent-blue);opacity:.3;transition:opacity .3s}.summary-card:hover::before{opacity:1}.summary-card:hover{background:#eef2f9}.summary-card.credit-card::before{background:var(--button-success-bg)}.card-header{display:flex;color:#333;align-items:center;gap:.75rem;margin-bottom:1rem}.card-icon,.stat-card .snapshot-icon{align-items:center;color:var(--accent-blue)}.amount-value{font-size:22px;font-weight:700;color:#007bff}.bi.bi-bar-chart{color:#17a2b8}.bi.bi-calendar-event{color:#ffc107}.bi.bi-cart{color:#28a745}.bi.bi-box-seam{color:#6f42c1}.currency-symbol{font-size:16px;margin-right:4px;color:#6c757d}.card-icon{display:flex;justify-content:center}.card-amount{font-size:clamp(1.25rem, 3vw, 1.5rem);font-weight:700;color:var(--text-color)}.net-position-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);display:flex;justify-content:space-between;align-items:center}.stat-card,.stat-card.inventory-value,.stat-card.net-cashflow,.stat-card.wallet-balance{box-shadow:var(--card-shadow)}.net-position-info{flex:1}.net-label{font-size:clamp(1rem, 2.5vw, 1.25rem);font-weight:600}.net-amount{font-size:clamp(1.25rem, 3vw, 1.5rem);font-weight:700}.stat-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:0}.stat-card{background:var(--gradient-accent);border-radius:16px;padding:1.5rem;border:1px solid var(--card-border);display:flex;flex-direction:column;align-items:center;text-align:center}.stat-card .snapshot-icon{font-size:1.75rem;background:rgba(58,134,255,.2);border-radius:50%;width:3rem;height:3rem;display:flex;justify-content:center;margin-bottom:.75rem}.dark-mode .action-icon,.dark-mode .activity-icon,.dark-mode .stat-card .snapshot-icon{background:rgba(147,197,253,.3)}.snapshot-label{font-size:clamp(.875rem, 2vw, 1rem);font-weight:600;color:var(--text-color);margin-bottom:.5rem}.quick-actions-heading,.section-title,.stat-card-value{font-weight:700;color:var(--text-color)}.stat-card-value{font-size:clamp(1rem, 2.5vw, 1.25rem);white-space:normal;max-width:100%}.stat-card.wallet-balance{background:var(--pastel-blue);border-radius:12px;border:1px solid var(--card-border)}.stat-card.net-cashflow{background:var(--pastel-lightblue);border-radius:12px;border:1px solid var(--card-border)}.stat-card.inventory-value{background:var(--pastel-beige);border-radius:12px;border:1px solid var(--card-border)}.stat-card.wallet-balance .snapshot-icon{background:rgba(58,134,255,.15);color:var(--accent-blue)}.stat-card.net-cashflow .snapshot-icon{background:rgba(135,206,250,.15);color:#3a85ff}.stat-card.inventory-value .snapshot-icon{background:rgba(245,245,220,.3);color:#bfa06b}.dark-mode .quick-actions,.navbar-collapse.show .navbar-nav,.quick-actions{background:0 0}.section-title{font-size:clamp(1.25rem, 3vw, 1.5rem);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.quick-actions-section{padding:1rem;max-width:1200px;margin:0 auto}.quick-actions-heading{font-size:1.8rem;margin-bottom:1.5rem;text-align:left;padding-left:1rem}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(50% - 0.5rem),1fr));gap:1rem;margin:0 1rem;padding:0;border-radius:0}.quick-action-card{background:#f9fbff;border-radius:12px;padding:1rem;border:1px solid var(--card-border);box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.2s ease-in-out;min-height:120px;word-break:break-word;flex-grow:1}.explore-card,.navigation-cards,.recent-activity-card{box-shadow:var(--card-shadow)}.quick-action-card:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(0,0,0,.08)}.quick-action-card.deposit{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.quick-action-card.withdraw{background:linear-gradient(135deg,#fef3c7,#fed7aa)}.quick-action-card.check-balance{background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.dark-mode .quick-action-card.deposit{background:linear-gradient(135deg,#0a2d1f,#064e3b)}.dark-mode .quick-action-card.withdraw{background:linear-gradient(135deg,#3f2f0a,#2d2a0e)}.dark-mode .quick-action-card.check-balance{background:linear-gradient(135deg,#0c2040,#1e3a8a)}.card-content{display:flex;flex-direction:column;align-items:center}.action-icon,.activity-item{align-items:center;display:flex}.action-icon{font-size:24px;color:#007bff;background:rgba(58,134,255,.2);border-radius:50%;padding:10px;width:3.5rem;height:3.5rem;justify-content:center;margin-bottom:8px}.action-label{font-size:clamp(.875rem, 2vw, 1rem);font-weight:600;color:#333}.quick-action-card.deposit .action-label::after{content:"Saka Kudi"}.quick-action-card.withdraw .action-label::after{content:"Cire Kudi"}.quick-action-card.check-balance .action-label::after{content:"Duba"}.quick-action-card p{font-size:clamp(.75rem, 1.5vw, .875rem);color:var(--text-muted);margin:.5rem 0 0}.recent-activity,.testimonials-section,.tools-section{margin:2rem 0;padding:2rem;background:var(--gradient-card);border-radius:16px;box-shadow:var(--card-shadow);transition:var(--transition-base)}.recent-activity-card{background:var(--card-bg);border-radius:16px;padding:1rem;border:1px solid var(--card-border);transition:transform .3s,box-shadow .3s}.activity-item{gap:1rem;padding:1rem;transition:background .3s}.activity-item:last-child,.notification-item:last-child,.table tr:last-child td{border-bottom:none}.activity-icon{font-size:1.5rem;width:3rem;height:3rem;background:rgba(58,134,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.activity-content{flex:1;min-width:0}.activity-description{font-size:clamp(.875rem, 2vw, 1rem);font-weight:500;color:var(--text-color);margin-bottom:.25rem}.activity-time{font-size:clamp(.75rem, 1.5vw, .875rem);color:var(--text-muted);white-space:normal;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.activity-amount,.nav-card-content h4{font-size:clamp(.875rem, 2vw, 1rem);white-space:normal;word-break:break-word;overflow-wrap:anywhere;max-width:100%;font-weight:600}.activity-amount{color:var(--text-color)}.explore-card{background:var(--card-bg);border-radius:12px;padding:1.5rem 1.75rem;margin-bottom:1.5rem;border:1px solid var(--card-border);display:flex;gap:1rem;align-items:center;transition:box-shadow .3s,background-color .3s;color:inherit}.nav-card,.navigation-cards{border-radius:10px;box-sizing:border-box}.bottom-nav .nav-item,.nav-card,.nav-card-icon,.navigation-cards{transition:var(--transition-base)}.explore-card:hover{box-shadow:var(--card-shadow-hover);background-color:var(--pastel-white)}.dark-mode .navigation-cards,.navigation-cards{background:var(--gradient-primary)}.explore-card-icon{font-size:2rem;flex-shrink:0}.nav-card,.role-card{display:flex;flex-direction:column}.explore-card-text h4{margin:0 0 .25rem;font-weight:600}.explore-card-text p{margin:0;color:var(--text-muted)}.navigation-cards{margin:1.5rem 0;padding:1.5rem}.section-card{width:100%;box-shadow:0 2px 5px rgba(0,0,0,.04);box-sizing:border-box}.nav-card,.role-card,.roles-section{box-shadow:var(--card-shadow)}.nav-card{background:var(--gradient-accent);padding:1.75rem;border:1px solid var(--card-border);position:relative;min-height:180px;max-width:100%;align-items:center;justify-content:space-between;overflow:visible}.avatar-circle,.nav-card-icon{width:3rem;height:3rem;align-items:center}.card:hover,.nav-card:hover{transform:translateY(-6px);box-shadow:var(--card-shadow-hover);filter:brightness(1.08)}.nav-card-icon{font-size:1.75rem;color:var(--accent-blue);margin-bottom:.75rem;background:rgba(58,134,255,.15);border-radius:50%;display:flex;justify-content:center}.dark-mode .card-icon,.dark-mode .nav-card-icon{background:rgba(147,197,253,.25)}.nav-card-content h4{color:var(--text-color);margin-bottom:.5rem}.nav-card-content p{font-size:clamp(.75rem, 1.5vw, .875rem);color:var(--text-muted);margin:0;line-height:1.4;white-space:normal;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.nav-card-link{position:absolute;top:0;left:0;right:0;bottom:0}.cta-section,.why-item{position:relative;text-align:center}.roles-section{padding:2rem 1.5rem;background:linear-gradient(135deg,var(--card-bg),rgba(255,255,255,.9));border-radius:.75rem;margin:2rem 1rem;animation:.5s ease-in-out .2s both fadeIn}.role-card,.tool-card{background:var(--card-bg);border:1px solid var(--card-border)}.dark-mode .roles-section,.dark-mode .why-section{background:linear-gradient(135deg,#1e293b,#2a3447)}.roles-section h2,.why-section h2{font-size:clamp(1.8rem, 4vw, 2.2rem);font-weight:700;margin-bottom:1rem;text-align:center}.roles-section p{font-size:clamp(1rem, 2.5vw, 1.2rem);color:var(--text-muted);max-width:800px;margin:0 auto 2rem;text-align:center}.password-toggle:hover,.role-card .card-body i,.tool-card h4{color:var(--text-color)}.roles-section .row,.why-section .row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.role-card{min-height:220px;justify-content:space-between}.role-card:active,.role-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:var(--card-shadow-hover);filter:brightness(1.05)}.role-card.role-personal{border-left:4px solid var(--accent-blue);background:linear-gradient(135deg,rgba(58,134,255,.1),var(--card-bg))}.role-card.role-business{border-left:4px solid var(--button-success-bg);background:linear-gradient(135deg,rgba(16,185,129,.1),var(--card-bg))}.role-card.role-agent{border-left:4px solid var(--button-warning-bg);background:linear-gradient(135deg,rgba(245,158,11,.1),var(--card-bg))}.role-card .card-body i{font-size:2rem;margin-bottom:1rem}.role-card .card-body h3{font-size:clamp(1.2rem, 2.5vw, 1.4rem);font-weight:600;margin-bottom:.75rem}.role-card .card-body p{font-size:clamp(.85rem, 2vw, .95rem);color:var(--text-muted);margin-bottom:1rem}.role-card .btn{padding:.6rem 1.5rem;font-size:.9rem}@media (max-width:576px){.roles-section{padding:1.5rem 1rem;margin:1.5rem .5rem}.roles-section h2{font-size:clamp(1.5rem, 3.5vw, 1.8rem)}.roles-section p{font-size:clamp(.9rem, 2vw, 1rem);margin-bottom:1.5rem}.roles-section .row{gap:.75rem}.role-card{min-height:200px;padding:1rem}.role-card .card-body i{font-size:1.8rem}.role-card .card-body h3{font-size:clamp(1.1rem, 2vw, 1.2rem)}.role-card .card-body p{font-size:clamp(.8rem, 1.8vw, .9rem)}.role-card .btn{padding:.5rem 1rem;font-size:.85rem}}.tool-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.tool-card{box-shadow:var(--card-shadow);text-align:center}.why-item,.why-section{border-radius:.75rem;box-shadow:var(--card-shadow)}.tool-card p,.why-section p{color:var(--text-muted)}.tool-card .btn{border-radius:12px}.why-section{padding:2rem 1.5rem;background:linear-gradient(135deg,var(--card-bg),rgba(255,255,255,.9));margin:2rem 1rem;animation:.5s ease-in-out .4s both fadeIn}.why-section p{max-width:800px;margin:0 auto 2rem;text-align:center}.why-item{padding:1.5rem;background:var(--card-bg);border:1px solid var(--card-border);min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center}.why-item:active,.why-item:hover{transform:translateY(-6px);box-shadow:var(--card-shadow-hover);filter:brightness(1.05)}.why-item::before{content:"✔";font-size:1.5rem;color:var(--success-color);position:absolute;left:1rem;top:1rem}.why-item i{font-size:2rem;color:var(--success-color);margin-bottom:.75rem}.why-item p{font-size:clamp(.85rem, 2vw, .95rem);color:var(--text-muted);margin:0}.why-section .animated-counter{font-size:clamp(1.8rem, 4vw, 2rem);font-weight:700;color:var(--accent-blue);display:inline-block}.accordion-button,.avatar-circle,.bottom-nav .nav-item,.testimonial .name{font-weight:600;color:var(--text-color)}.why-section .animated-counter+span{font-size:clamp(1rem, 2.5vw, 1.2rem);font-weight:500;color:var(--text-secondary)}@media (max-width:576px){.why-section{padding:1.5rem 1rem;margin:1.5rem .5rem}.why-section .animated-counter,.why-section h2{font-size:clamp(1.5rem, 3.5vw, 1.8rem)}.why-section .animated-counter+span,.why-section p{font-size:clamp(.9rem, 2vw, 1rem)}.why-section p{margin-bottom:1.5rem}.why-section .row{gap:.75rem}.why-item{padding:1rem;min-height:120px}.why-item::before{font-size:1.2rem;left:.75rem;top:.75rem}.why-item i{font-size:1.8rem}.why-item p{font-size:clamp(.8rem, 1.8vw, .9rem)}}@media (max-width:360px){.roles-section,.why-section{padding:1rem .5rem;margin:1rem .3rem}.roles-section .row,.why-section .row{gap:.5rem}.role-card{min-height:180px}.role-card .card-body i,.why-item i{font-size:1.5rem}.role-card .card-body h3{font-size:clamp(1rem, 1.8vw, 1.1rem)}.role-card .card-body p,.why-item p{font-size:clamp(.75rem, 1.6vw, .85rem)}.why-item{padding:.75rem;min-height:100px}.why-item::before{font-size:1rem;left:.5rem;top:.5rem}}.card,.toolcard{min-height:180px}.animated-counter{font-size:clamp(1.5rem, 4vw, 2rem);color:var(--accent-blue)}.testimonial{text-align:center;padding:2rem}.avatar-circle{background:var(--gradient-primary);border-radius:50%;display:flex;justify-content:center;font-size:1.25rem;margin:0 auto 1rem}.bottom-nav,.navbar-brand{display:flex;align-items:center}.accordion-body,.testimonial .name,.testimonial p{font-size:clamp(.875rem, 2vw, 1rem)}.testimonial p{color:var(--text-muted);max-width:600px;margin:0 auto 1rem}.carousel-control-next,.carousel-control-prev{width:5%;background:rgba(0,0,0,.2);border-radius:12px}.carousel-control-next-icon,.carousel-control-prev-icon{background-size:50%}.accordion-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;margin-bottom:1rem;overflow:hidden}.accordion-button{background:var(--card-bg);padding:1.5rem;border-radius:12px}.accordion-button:not(.collapsed){background:var(--gradient-accent);color:var(--text-color)}.accordion-body{padding:1.5rem;color:var(--text-muted)}.cta-section{margin:2rem 0;background:var(--gradient-hero);box-shadow:var(--card-shadow);overflow:hidden}.alert-container,.cta-section p{max-width:600px;margin-left:auto}.bottom-nav,.navbar{position:fixed;width:100%;z-index:1000}.cta-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.2),transparent 50%);opacity:.5;z-index:0}.cta-section .hero-actions,.cta-section h3,.cta-section p{position:relative;z-index:1}.cta-section h3{font-size:clamp(1.5rem, 4vw, 2rem);font-weight:700;margin-bottom:1rem}.cta-section p{font-size:clamp(1rem, 2.5vw, 1.25rem);color:var(--text-muted);margin-bottom:2rem;margin-right:auto}.bottom-nav{bottom:0;height:var(--bottom-nav-height);box-shadow:0 -2px 6px rgba(0,0,0,.1);background:var(--card-bg);border-top:1px solid var(--card-border);justify-content:center}.dark-mode .bottom-nav{background:#2c2c2c;border-top:1px solid #444;box-shadow:0 -2px 12px rgba(0,0,0,.3)}.btn-danger:focus,.btn-danger:hover,.btn-success:focus,.btn-success:hover,.btn-warning:focus,.btn-warning:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.bottom-nav .nav-container{display:flex;justify-content:space-around;align-items:center;max-width:600px;width:100%;padding:.5rem 0}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:clamp(.75rem, 1.5vw, .8125rem);text-decoration:none;padding:.5rem 1rem;border-radius:8px;min-width:70px}.dark-mode .bottom-nav .nav-item{color:#f8fafc}.bottom-nav .nav-item.active{color:var(--accent-blue);background:rgba(58,134,255,.15);padding:.3rem .75rem;border-radius:8px;box-sizing:border-box;max-width:fit-content;overflow:hidden}.bottom-nav .nav-item:active{background:rgba(0,0,0,.05)}.bottom-nav .nav-item:hover{color:var(--accent-blue);background:rgba(58,134,255,.15)}.bottom-nav .nav-item .bi{font-size:1.5rem;margin-bottom:.25rem}.bottom-nav .nav-item i{font-size:1.2rem;margin-bottom:.2rem}.bottom-nav .nav-label{max-width:80px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.navbar{background:0 0;top:0;height:var(--navbar-height);box-shadow:var(--navbar-shadow)}.btn,.btn-primary,.card{box-shadow:var(--card-shadow)}.navbar-brand{color:var(--navbar-text-color);font-weight:600;font-size:clamp(.9rem, 2vw, 1rem)}.alert,.card-title{align-items:center;display:flex}.btn-link,.nav-link{font-size:clamp(.875rem, 2vw, .9375rem);color:var(--navbar-text-color);transition:var(--transition-base)}.logo{height:36px;width:auto;margin-right:.5rem;border-radius:4px}.card,.d-grid.gap-2 .btn,.tools-section .btn,.w-100{width:100%}.navbar-toggler{border:none;padding:.5rem}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%231F1F1F' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.dark-mode .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23f1f5f9' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.btn-link:focus,.btn-link:hover,.dark-mode .navbar-collapse.show .nav-link:focus,.dark-mode .navbar-collapse.show .nav-link:hover,.nav-link:focus,.nav-link:hover,.navbar-collapse.show .nav-link:focus,.navbar-collapse.show .nav-link:hover{color:var(--accent-blue);background:rgba(255,255,255,.1)}.nav-link{font-weight:500;padding:.5rem 1rem}.dark-mode .btn-link:focus,.dark-mode .btn-link:hover,.dark-mode .nav-link:focus,.dark-mode .nav-link:hover{background:rgba(0,0,0,.3)}.dropdown-toggle::after{border-color:var(--navbar-text-color) transparent transparent transparent}.btn-link{padding:.5rem}.bi-moon-stars,.bi-sun{font-size:1.2rem;color:var(--navbar-text-color)}.alert,.btn,.btn-primary{font-size:clamp(.875rem, 2vw, .9375rem)}.alert-container{margin-top:var(--navbar-height);margin-right:auto;position:relative;margin-top:0!important;margin-bottom:.5rem!important}.card,.card-text,.card-title{max-width:100%}.alert{position:relative;padding:1rem;margin:.5rem 0;border-radius:.25rem;gap:.5rem;margin-bottom:.5rem!important}.card-narrow,.card-wide{margin-left:auto;margin-right:auto}.alert-success{background:var(--alert-success-bg);color:var(--alert-success-text);border-color:var(--alert-success-border)}.alert-danger{background:var(--alert-danger-bg);color:var(--alert-danger-text);border-color:var(--alert-danger-border)}.alert-warning{background:var(--alert-warning-bg);color:var(--alert-warning-text);border-color:var(--alert-warning-border)}.alert-info{background:var(--alert-info-bg);color:var(--alert-info-text);border-color:var(--alert-info-border)}.alert .btn-close{position:absolute;top:.5rem;right:1rem}.notification-modal .modal-content{border-radius:.5rem}.notification-item{border-bottom:1px solid var(--card-border);padding:.75rem;transition:var(--transition-base)}.notification-item.unread{background-color:#e9f5ff}.dark-mode .notification-item.unread{background-color:#2e4b5c}.btn,.btn-primary{padding:.75rem 1.5rem;border-radius:10px;font-weight:600;transition:var(--transition-base)}.btn-primary{background:var(--button-primary-bg);color:#fff;border:none}.btn-primary:focus,.btn-primary:hover,.header-actions #darkModeToggle:hover,.header-actions .language-toggle:hover,.header-actions .notification-bell:hover,.navbar #darkModeToggle:hover,.navbar .language-toggle:hover{background:var(--button-primary-hover);transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.btn-secondary{background:var(--button-secondary-bg);color:var(--button-secondary-border);border:2px solid var(--button-secondary-border)}.btn-danger,.btn-success,.btn-warning{color:#fff;border:none}.btn-secondary:focus,.btn-secondary:hover{background:var(--button-secondary-hover);color:var(--text-color);transform:translateY(-2px)}.btn-success{background:var(--button-success-bg)}.btn-success:focus,.btn-success:hover{background:var(--button-success-hover)}.btn-danger{background:var(--button-danger-bg)}.btn-danger:focus,.btn-danger:hover{background:var(--button-danger-hover)}.btn-warning{background:var(--button-warning-bg)}.btn-warning:focus,.btn-warning:hover{background:var(--button-warning-hover)}.report-card:hover,.role-card:hover,.tools-section .tool-card:hover{transform:translateY(-5px)}.btn-sm{padding:.5rem 1rem;font-size:clamp(.75rem, 1.5vw, .875rem)}.card-title,h2.card-title{font-size:clamp(.875rem, 2vw, 1rem)}.card{padding:16px;margin-bottom:16px;border-radius:12px;box-sizing:border-box;background:var(--gradient-accent);border:1px solid var(--card-border);cursor:pointer;overflow:hidden;transition:var(--transition-base)}.card-text,.card-title,.form-check-label,.form-label,.invalid-feedback{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.card-body{padding:0}.card-title{color:var(--text-color);margin-bottom:.5rem;gap:.75rem}.card-text,.toolcard{margin-bottom:.75rem}.card-text{font-size:clamp(.75rem, 1.5vw, .875rem);color:var(--text-muted)}.card-icon,.form-label{color:var(--text-color)}.card-icon{font-size:1.75rem;background:rgba(58,134,255,.15);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.form-container,.toolcard{background:var(--gradient-accent);box-shadow:var(--card-shadow);transition:var(--transition-base)}.toolcard{width:100%;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;padding:1.75rem;border:1px solid var(--card-border)}.form-label,.is-invalid~.invalid-feedback{display:block}.card .btn-primary{margin-top:auto;width:100%;text-align:center}.card-narrow{max-width:400px}.card-wide{max-width:600px}.form-container{max-width:400px;margin:1rem auto;padding:1.5rem;border-radius:10px}.form-check-input,header img{margin-right:.5rem}.form-group{margin-bottom:1rem}.form-label{font-weight:600;font-size:clamp(.875rem, 2vw, 1rem);margin-bottom:.25rem;max-width:100%}.animated-counter,.table th{font-weight:700}.form-control,.form-select{padding:.75rem;border:2px solid var(--card-border);border-radius:10px;background:var(--card-bg);color:var(--text-color);font-size:clamp(.875rem, 2vw, .9375rem)}.form-control::placeholder,.form-select::placeholder{color:var(--text-muted)}.form-control:focus,.form-select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(58,134,255,.1);outline:0}.form-control.is-invalid,.form-select.is-invalid{border-color:var(--alert-danger-border)}.invalid-feedback{color:var(--error-highlight);font-size:clamp(.75rem, 1.5vw, .875rem);margin-top:.25rem;display:none;max-width:100%}.form-check-label,.table td,.table th{font-size:clamp(.875rem, 2vw, .9375rem)}.form-check{display:flex;align-items:center;margin-bottom:.5rem}.form-check-input{width:1.25rem;height:1.25rem;border:2px solid var(--card-border)}.form-check-input:checked{background-color:var(--accent-blue);border-color:var(--accent-blue)}.form-check-label{color:var(--text-color);max-width:100%}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--text-muted);transition:var(--transition-base)}.bi-eye,.tool-card .bi-lock-fill{font-size:1.2rem}.table-responsive{overflow-x:auto!important;position:relative;z-index:1;max-width:100%;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--table-light-bg);border:1px solid var(--table-border);border-radius:10px;overflow:hidden;table-layout:auto}.table td,.table th{padding:1rem 1.25rem;border-bottom:1px solid var(--table-border);text-align:left;vertical-align:middle;color:var(--table-text);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table th{background:var(--table-header-bg);color:var(--table-header-text);text-shadow:0 1px 1px rgba(0,0,0,.2);min-width:100px}.table td{color:var(--table-text);white-space:normal;word-break:break-word;overflow-wrap:anywhere;max-width:200px;position:relative}.table-striped tbody tr:nth-of-type(2n){background:var(--table-striped-bg)}.table-hover tbody tr:hover{background:var(--active-row-bg,var(--button-secondary-hover))}.table .status-overdue{background:var(--table-row-bg-overdue)}.table .status-pending{background:var(--table-row-bg-pending)}.table .status-settled{background:var(--table-row-bg-settled)}.table-bordered td,.table-bordered th{border:1px solid var(--table-border)}.table td:first-child,.table th:first-child{min-width:150px}.table td:nth-child(2),.table td:nth-child(4),.table th:nth-child(2),.table th:nth-child(4){min-width:120px}.table td:nth-child(3),.table th:nth-child(3){min-width:130px}.table td:nth-child(5),.table th:nth-child(5){min-width:100px}.table td:nth-child(6),.table th:nth-child(6){min-width:250px}.dark-mode .table,.dark-mode .table td,.dark-mode .table th{color:var(--table-text)!important;background:var(--table-light-bg)!important;border-color:var(--table-border)!important}.dark-mode .table th{background:var(--table-header-bg)!important;color:var(--table-header-text)!important;text-shadow:0 1px 1px rgba(0,0,0,.4)}@media (max-width:576px){.table td,.table th{padding:.75rem 1rem;font-size:clamp(.75rem, 1.5vw, .875rem);min-width:80px}.table td:nth-child(6),.table th:nth-child(6){min-width:200px}}@media print{.table,.table td,.table th{border:1px solid #000}.table td,.table th{padding:.5rem;font-size:.875rem;white-space:normal;color:#000!important}}.footer-wrapper{background:var(--footer-bg);color:#fff;border-top:1px solid var(--card-border)}.footer{padding:2rem 1rem;text-align:center;flex-shrink:0;min-height:var(--footer-height);max-width:1200px;margin:0 auto;box-sizing:border-box}.footer a{color:#fff;margin:0 .5rem;font-size:clamp(.875rem, 2vw, .9375rem);white-space:nowrap}.tool-card h4,.tool-card p{white-space:normal;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.footer a:hover{color:var(--accent-blue);text-decoration:underline}.footer>*{max-width:100%;overflow-wrap:break-word}.dark-mode .footer,.dark-mode .footer-wrapper,.dark-mode .header-actions #darkModeToggle,.dark-mode .header-actions .language-toggle,.dark-mode .header-actions .notification-bell,.dark-mode .navbar #darkModeToggle,.dark-mode .navbar .language-toggle,.dropdown-menu.show .dropdown-item{color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--card-bg)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.responsive-btn-group{display:flex;flex-wrap:wrap;gap:.75rem}.modal-content{background:var(--gradient-accent);border:1px solid var(--card-border);border-radius:10px;color:var(--text-color)}.modal-header{border-bottom:1px solid var(--card-border)}.modal-footer{border-top:1px solid var(--card-border)}.btn-close{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23222' viewBox='0 0 16 16'%3e%3cpath d='M2.146 2.146a.5.5 0 0 1 .708 0L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") center/1em 1em no-repeat;opacity:.8;padding:.25rem;border:none;width:1.5em;height:1.5em;cursor:pointer;transition:var(--transition-base)}.btn-close:hover{opacity:1;background:rgba(0,0,0,.1)}@media (min-width:769px){.bottom-nav{display:none!important}.main-content{padding-top:.5rem!important;padding-bottom:2rem!important}}@media (max-width:768px){.page-container{padding:0 1rem 2rem}.navbar-brand{font-size:clamp(.875rem, 2vw, .9375rem)}.logo{height:32px}.nav-item{font-size:.75rem}.nav-item i,.notification-bell,.profile-icon{font-size:1.25rem}.cta-section,.explore-section,.faq-section,.financial-snapshots,.hero,.navigation-cards,.quick-actions,.recent-activity,.roles-section,.testimonials-section,.tools-section,.why-section{padding:1.5rem;margin:1.5rem 0}.navigation-cards .row,.quick-actions,.role-cards,.stat-cards-container,.summary-cards,.tool-cards,.why-items{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.hero h1{font-size:clamp(1.5rem, 5vw, 2rem)}.cta-section p,.hero p,.welcome-text{font-size:clamp(.875rem, 2vw, 1rem)}.quick-action-card,.role-card,.stat-card,.summary-card,.tool-card,.why-item{padding:1.25rem}.action-icon,.activity-icon,.card-icon,.snapshot-icon{width:2.5rem;height:2.5rem;font-size:1.25rem}.card-amount,.net-amount,.section-title,.stat-card-value{font-size:clamp(1rem, 2.5vw, 1.25rem)}.header-actions{gap:.75rem}.header-toggles .btn,.header-toggles .dropdown-toggle{font-size:clamp(.75rem, 1.5vw, .875rem);padding:.25rem .5rem}.main-content{padding-top:.5rem!important}}@media (max-width:576px){.hero-actions{flex-direction:column;gap:.75rem}.hero-actions .btn,.hero-actions .dropdown-toggle{width:100%;padding:.5rem 1.5rem}.summary-cards{flex-direction:column;flex:1 1 100%;gap:12px}.summary-card{width:100%;padding:1rem}.nav-card,.quick-action-card,.role-card,.snapshot-card,.stat-card,.tool-card,.why-item{max-width:100%;padding:1rem;min-height:160px;margin-left:0;margin-right:0}.card-amount,.net-amount,.stat-card-value{font-size:clamp(.875rem, 2vw, 1rem)}.action-label,.activity-description,.snapshot-label{font-size:clamp(.75rem, 1.5vw, .875rem)}.activity-time,.quick-action-card p{font-size:clamp(.7rem, 1.5vw, .8rem)}.form-control,.form-select,.table td,.table th{font-size:clamp(.75rem, 1.5vw, .875rem);padding:.5rem}.form-container{padding:1rem}.bottom-nav .nav-item{font-size:.7rem;padding:.4rem 0}.responsive-btn-group{flex-direction:column;align-items:stretch;gap:.4rem}.responsive-btn-group .btn,.responsive-btn-group form{width:100%}.responsive-btn-group form{margin-bottom:0!important}}@media print{.alert-container,.bottom-nav,.btn,.btn-primary,.btn-secondary,.footer,.header-actions,.navbar,.visibility-toggle{display:none}body{background:#f9f9f9;color:#000;padding-bottom:0}.card,.nav-card,.quick-action-card,.recent-activity-card,.role-card,.snapshot-card,.stat-card,.summary-card,.tool-card,.why-item{border:1px solid #000;box-shadow:none}.table,.table td,.table th{border:1px solid #000}}.role-card,.tools-section .tool-card{background:#fff;padding:1.5rem;border-radius:8px;transition:transform .2s}.role-card h3{font-size:1.5rem;margin-bottom:1rem}.role-card p,.why-section p{font-size:.95rem}.tools-section h3{font-size:1.75rem;margin-bottom:1.5rem}.why-section .why-item{padding:1rem}.cta-section .section-title,.why-section .why-item i{font-size:2rem}.testimonials-section .testimonial{max-width:600px;margin:0 auto}.testimonials-section .avatar-circle{width:60px;height:60px;line-height:60px;font-size:1.5rem;background:linear-gradient(135deg,#007bff,#00d4ff);color:#fff;border-radius:50%}.testimonials-section .carousel-control-next,.testimonials-section .carousel-control-prev{width:5%}.testimonials-section .carousel-control-next-icon,.testimonials-section .carousel-control-prev-icon{background-color:rgba(0,0,0,.5);border-radius:50%}.faq-section .accordion-button{font-size:1.1rem;font-weight:500;color:var(--text-color);background:var(--card-bg);border-radius:.75rem;padding:.75rem;display:flex;align-items:center}.faq-section .accordion-button:not(.collapsed){background:var(--button-secondary-hover);color:var(--accent-blue)}.faq-section .accordion-button i{margin-right:.5rem;font-size:1.2rem}.faq-section .accordion-body{font-size:.9rem;color:var(--text-secondary);padding:.75rem;line-height:1.6}.tools-section .tool-card h4{margin-bottom:.75rem;font-size:1.1rem}.tools-section .tool-card p{font-size:.85rem}.tool-card .btn-outline-primary{border-color:#0d6efd;color:#0d6efd}.tool-card .btn-outline-primary:hover{background-color:#0d6efd;color:#fff}.cta-section{background:#f8f9fa;padding:3rem;border-radius:12px}.cta-section .btn{padding:.75rem 1.5rem;font-size:1.1rem}.app,.main-wrapper,.top-header,body{overflow:visible!important;position:relative!important;z-index:auto!important}.action-label,.activity-description,.notification-description,.snapshot-label{white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;max-width:100%;text-overflow:unset!important}.tool-card{padding:1.75rem!important;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;background:var(--card-bg);border-radius:8px;border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:transform .2s}.tool-card h4{font-size:clamp(1rem, 2.5vw, 1.25rem);font-weight:600;color:var(--text-color);margin-bottom:.75rem}.tool-card .btn,.tool-card p{font-size:clamp(.875rem, 2vw, 1rem)}.tool-card p{color:var(--text-muted);margin-bottom:1rem}.tool-card .btn{width:100%;padding:.75rem 1.5rem}.main-content>.cta-section,.main-content>.explore-section,.main-content>.faq-section,.main-content>.financial-snapshots,.main-content>.navigation-cards,.main-content>.quick-actions,.main-content>.recent-activity,.main-content>.roles-section,.main-content>.testimonials-section,.main-content>.tools-section,.main-content>.why-section,.main-content>:first-child{margin-top:0!important;padding-top:1rem!important}.main-content h1,.main-content h2,.main-content h3,.main-content h4{margin-top:0!important}.main-content .page-container{padding-top:0!important;padding:.5rem .5rem 1.5rem}:focus-visible{outline:3px solid var(--accent-blue);outline-offset:2px;outline:3px solid var(--accent-blue);outline-offset:3px;box-shadow:0 0 0 5px rgba(58,134,255,.2)}.dropdown-menu,.navbar-collapse.show{box-shadow:var(--dropdown-shadow);z-index:9999}df-messenger{position:fixed!important;top:50px!important;left:50px!important;z-index:99999!important;display:block!important}.header-actions #darkModeToggle,.header-actions .language-toggle,.header-actions .notification-bell{background:var(--button-primary-bg);color:#fff;border-radius:50%;padding:.5rem;font-size:1.25rem;transition:var(--transition-base)}.header-actions .language-toggle span{font-size:.9rem;color:#fff;font-weight:500}.header-actions .notification-bell .notification-badge{background:var(--button-danger-bg);color:#fff;font-size:.625rem;width:1rem;height:1rem;top:.125rem;right:.125rem}.navbar #darkModeToggle,.navbar .language-toggle{background:var(--button-primary-bg);color:#fff;border-radius:50%;padding:.5rem;font-size:1rem;transition:var(--transition-base)}.navbar .language-toggle span{font-size:.9rem;color:#fff}@media (max-width:767.98px){.header-actions #darkModeToggle,.header-actions .language-toggle,.header-actions .notification-bell{padding:.375rem;font-size:1.1rem}.header-actions .language-toggle span,.navbar .language-toggle span{font-size:.8rem}.navbar #darkModeToggle,.navbar .language-toggle{padding:.375rem;font-size:.9rem}}@media (max-width:575.98px){.header-actions #darkModeToggle,.header-actions .language-toggle,.header-actions .notification-bell{padding:.25rem;font-size:1rem}.header-actions .language-toggle span,.navbar .language-toggle span{font-size:.75rem}.navbar #darkModeToggle,.navbar .language-toggle{padding:.25rem;font-size:.8rem}}.dropdown-menu{position:absolute!important;background:var(--navbar-bg);border:1px solid var(--card-border);border-radius:10px;min-width:160px;max-height:200px;overflow-y:auto;overflow-x:hidden;padding:.5rem;transition:.2s ease-in-out}.dropdown-menu.show{background:#1e3a8a;color:#fff}.dropdown-item{color:var(--text-color);padding:.5rem 1rem;font-size:clamp(.875rem, 2vw, .9375rem);transition:var(--transition-base);border-radius:6px;cursor:pointer;background:0 0}.dark-mode .dropdown-item:focus,.dark-mode .dropdown-item:hover,.dropdown-item:focus,.dropdown-item:hover{background:rgba(255,255,255,.1);color:#fff}.dark-mode .dropdown-menu{background:var(--navbar-bg)}.dark-mode .dropdown-menu.show{background:#1e3a8a}.dark-mode .dropdown-item{background:0 0;color:#fff}@media (max-width:576px){.faq-section{margin:1.5rem .5rem}.faq-section .accordion-button{font-size:1rem}.faq-section .accordion-body{font-size:.85rem}.dropdown-menu{min-width:140px;padding:.75rem}.dropdown-menu.show{background:#1e3a8a}.dropdown-item{padding:.4rem .75rem;font-size:clamp(.75rem, 1.5vw, .875rem)}}.navbar-collapse.show{background:var(--navbar-bg);border:1px solid var(--card-border);border-radius:10px;padding:1rem;width:100%}.navbar-collapse.show .nav-item{padding:.5rem 0}.dark-mode .navbar-collapse.show{background:var(--navbar-bg);border-color:var(--card-border)}.navbar-collapse.show .nav-link{color:var(--navbar-text-color)}@media (max-width:991.98px){.navbar-collapse.show{position:absolute;top:var(--navbar-height);left:0;width:100%;max-height:calc(100vh - var(--navbar-height));overflow-y:auto}}.welcome-section-card{z-index:900}.report-card{transition:.3s;border:1px solid #e3e6f0;border-radius:.35rem;box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15)}.report-card:hover{box-shadow:0 .5rem 2rem 0 rgba(58,59,69,.3);border-color:#4e73df}.report-icon{font-size:2.5rem}.card-title{color:#5a5c69;font-weight:600}.page-title h1{color:#5a5c69;font-weight:700}.subtext{color:#858796;font-style:italic}.dark-mode .text-bg-warning,.text-bg-error,.text-bg-info,.text-bg-success{color:#fff!important}a.text-decoration-none:hover .card-title{color:#4e73df}a.text-decoration-none:hover .btn-outline-primary{background-color:#4e73df;color:#fff;border-color:#4e73df}.collapse,.collapsing{transition:height .3s}.toast-container{z-index:9999}.toast{min-width:250px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.text-bg-success{background-color:#28a745!important}.text-bg-error{background-color:#dc3545!important}.text-bg-info{background-color:#17a2b8!important}.text-bg-warning{background-color:#ffc107!important;color:#212529!important}.toast-body{font-size:.9rem;padding:.75rem}.btn-close-white{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%)}.daily-planner-tools{background:linear-gradient(135deg,rgba(240,248,255,.95),rgba(220,233,255,.75));backdrop-filter:blur(12px);padding:28px;border-radius:20px;box-shadow:0 6px 24px rgba(0,20,60,.1);margin-bottom:28px;border:1px solid rgba(173,216,230,.3);transition:.3s}.daily-planner-tools:hover{box-shadow:0 8px 32px rgba(0,20,60,.15)}.daily-planner-tools .section-title{font-size:1.6rem;font-weight:700;color:#1e3a8a;margin-bottom:24px;letter-spacing:-.025em;text-transform:capitalize}.daily-planner-tools .quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px;justify-content:center}.daily-planner-tools .quick-action-card{background:rgba(255,255,255,.98);border:1px solid rgba(173,216,230,.2);border-radius:16px;padding:24px;text-align:center;transition:.3s ease-in-out;box-shadow:0 4px 16px rgba(0,20,60,.06);display:flex;flex-direction:column;align-items:center;justify-content:center}.daily-planner-tools .quick-action-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 10px 28px rgba(0,20,60,.12);background:#fff;border-color:rgba(100,149,237,.3)}.daily-planner-tools .action-icon{font-size:2.75rem;margin-bottom:14px;color:#4169e1;transition:.3s}.daily-planner-tools .quick-action-card:hover .action-icon{color:#1e3a8a;transform:scale(1.1)}.daily-planner-tools .action-label{font-weight:600;font-size:1.15rem;color:#1e3a8a;letter-spacing:-.015em}.homepage-tools{background:linear-gradient(to bottom right,#e6f0fa,#f0f8ff);padding:1.25rem;border-radius:16px;margin-bottom:1.25rem;border:1px solid rgba(173,216,230,.25)}.homepage-tools .quick-action-card,.section-card{box-shadow:0 5px 14px rgba(0,20,60,.06);background:#fff;padding:1.25rem}.homepage-tools .quick-action-card{border-radius:18px;transition:.3s;text-align:center;border:1px solid rgba(173,216,230,.2)}.homepage-tools .quick-action-card:hover{transform:scale(1.03);box-shadow:0 8px 20px rgba(0,20,60,.1);border-color:rgba(100,149,237,.3)}.section-card{border-radius:16px;margin-bottom:1.25rem;border:1px solid rgba(173,216,230,.2)}.quick-action-card .action-icon{font-size:1.75rem;margin-bottom:.75rem;transition:.3s}.quick-action-card:hover .action-icon{animation:.6s ease-in-out pulse}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.shopping-management .action-icon{color:#00b7eb}.food-order-management .action-icon{color:#4169e1}.action-subtext{font-size:.9rem;color:#4682b4;margin-top:.3rem}.login-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 60px);background-color:#f8f9fa}.login-page__container{width:100%;max-width:400px;padding:1rem}.app-logo,header img{max-height:50px;width:auto}.login-page__card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:2rem}.login-page__form{display:flex;flex-direction:column;gap:1rem}.login-page .form-group{position:relative;margin-bottom:1rem}.login-page .form-control{border:1px solid #d1d5db;border-radius:8px;padding:.75rem 2.5rem .75rem 1rem;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:.3s;width:100%;box-sizing:border-box}.login-page .form-control:focus{outline:0;border-color:#4f46e5;box-shadow:0 0 8px rgba(79,70,229,.3)}.login-page .floating-label{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:#6b7280;font-size:.9rem;transition:.2s;pointer-events:none}.login-page .form-control:focus+.floating-label,.login-page .form-control:not(:placeholder-shown)+.floating-label{top:-.5rem;left:.75rem;font-size:.75rem;color:#4f46e5;background:#fff;padding:0 .25rem}.login-page .password-container{position:relative;display:flex;align-items:center}.login-page .toggle-password-btn{background:0 0;border:none;padding:0;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.login-page .btn-primary,.login-page .btn-secondary{padding:.75rem;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:.3s;position:relative;overflow:hidden}.login-page .toggle-password-btn i{font-size:1rem;color:#6b7280}.login-page .toggle-password-btn:hover i{color:#4b5563}.login-page .remember-container{display:flex;align-items:center;gap:.5rem}.login-page .remember-container input[type=checkbox]{margin:0;accent-color:#4f46e5}.login-page .remember-container label{line-height:1.5;font-size:.9rem}.login-page .btn-primary{background:var(--button-primary-bg,#b88a44);border:none;border-radius:8px}.login-page .btn-primary:hover{background:var(--button-primary-hover,#917243);box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-2px)}.login-page .btn-primary:active,.login-page .btn-secondary:active{transform:translateY(0)}.login-page .btn-primary.loading::after{content:'';display:inline-block;width:1.5rem;height:1.5rem;border:2px solid #fff;border-radius:50%;border-top-color:transparent;animation:.8s linear infinite spin;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.login-page .btn-secondary{background:var(--button-secondary-bg,linear-gradient(to bottom,#fff,#f8faff));border:2px solid var(--button-secondary-border,#3a86ff);border-radius:8px}.login-page .btn-secondary:hover{background:var(--button-secondary-hover,#e8f0ff);box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-2px)}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.login-page .alert{border-radius:8px;padding:1rem;font-size:.9rem}.login-page .links-container{display:flex;justify-content:space-between;font-size:.9rem}.dark-mode .login-page{background-color:#1f2937}.dark-mode .login-page__card{background:#2d3748;box-shadow:0 4px 20px rgba(0,0,0,.3)}.dark-mode .login-page .form-control{background:#374151;border-color:#4b5563;color:#fff}.dark-mode .login-page .floating-label{color:#9ca3af}.dark-mode .login-page .form-control:focus+.floating-label,.dark-mode .login-page .form-control:not(:placeholder-shown)+.floating-label{color:#a5b4fc;background:#2d3748}.dark-mode .login-page .remember-container label{color:#d1d5db}.dark-mode .login-page .links-container a{color:#a5b4fc}.dark-mode .login-page .links-container a:hover{color:#c7d2fe}.app-logo{max-width:160px;height:auto}.fintech-top-header{padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between}.brand-text{font-size:1.25rem;vertical-align:middle}

/* Dashboard table enhancements for mobile */
@media (max-width: 768px) {
    .table-responsive {
        border-radius: 8px;
        margin-bottom: 1rem;
    }
    
    .table-responsive table {
        min-width: 500px; /* Ensure tables have minimum width for proper scrolling */
    }
    
    .table th, .table td {
        white-space: nowrap;
        padding: 0.75rem 0.5rem;
    }
    
    .table th:first-child, .table td:first-child {
        padding-left: 1rem;
    }
    
    .table th:last-child, .table td:last-child {
        padding-right: 1rem;
    }
}
/* Optimize Quick Action Tools section spacing for mobile */
@media (max-width: 576px) {
    .quick-actions-section {
        margin: 0.5rem 0 !important;
        padding: 0.5rem 0.25rem !important;
    }
    .quick-actions-heading {
        margin-bottom: 0.75rem !important;
        font-size: 1.1rem !important;
    }
    .quick-actions {
        gap: 8px !important;
        margin-bottom: 0.5rem !important;
        padding: 0 !important;
    }
    .quick-action-card {
        padding: 0.5rem !important;
        margin-bottom: 0.25rem !important;
        min-height: 100px !important;
    }
    .explore-section {
        margin-top: 0.5rem !important;
    }
}

/* Profit display enhancement */
.alert-info .h5 {
    font-size: 1.5rem;
    font-weight: 700;
}