input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #070d1f inset!important;-webkit-text-fill-color:#dce1fb!important;caret-color:#dce1fb;transition:background-color 9999s ease-in-out 0s}:root{--primary: #3B9688;--primary-light: #4AADA0;--secondary: #3B9688;--secondary-light: #4AADA0;--bg-main: #F5F7FA;--bg-card: #FFFFFF;--text-main: #111827;--text-muted: #6B7280;--border: #E5E9F0;--danger: #374151;--success: #3B9688;--radius: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .05);--glass: rgba(255, 255, 255, .85);--sidebar-bg: #FFFFFF}[data-theme=dark]{--primary: #4AADA0;--primary-light: #5BBEB5;--secondary: #4AADA0;--secondary-light: #5BBEB5;--bg-main: #0D1626;--bg-card: #162032;--text-main: #F1F5F9;--text-muted: #8B9BB4;--border: #1E2D42;--danger: #8B9BB4;--success: #4AADA0;--shadow: 0 4px 16px rgb(0 0 0 / .35);--glass: rgba(13, 22, 38, .88);--sidebar-bg: #0A1220}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .3s ease,border-color .3s ease,color .3s ease}html,body{height:100%;height:-webkit-fill-available}body{background-color:var(--bg-main);color:var(--text-main);overflow-x:hidden;-webkit-tap-highlight-color:transparent}.dashboard-container{display:flex;min-height:100vh;min-height:-webkit-fill-available}.sidebar{width:260px;background-color:var(--sidebar-bg);color:var(--text-main);padding:2rem 1rem;display:flex;flex-direction:column;gap:0;position:sticky;top:0;height:100vh;border-right:1px solid var(--border);box-shadow:2px 0 8px #0000000a}.sidebar-logo{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.75rem;color:var(--primary);padding:0 .25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius);cursor:pointer;transition:all .2s;color:var(--text-muted);text-decoration:none;font-weight:500}.nav-item:hover{background-color:#3b968812;color:var(--primary)}.nav-item.active{background-color:#3b96881a;color:var(--primary);font-weight:600}.main-content{flex:1;padding:2rem;overflow-y:auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.top-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2.5rem;background:var(--bg-card);border-bottom:1px solid var(--border);margin:-2rem -2rem 3rem;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--glass);box-shadow:0 4px 20px #00000008}.welcome-text{font-size:1.5rem;font-weight:800;color:var(--text-main)}.welcome-text span{color:var(--secondary)}.logout-btn-header{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#3741510f;color:var(--text-muted);border:1px solid var(--border);border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.logout-btn-header:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #3b968840}.fab-support-container{position:fixed;bottom:2rem;right:2rem;z-index:2000;display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.fab-button{width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #25d36666;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:none}.fab-button:hover{transform:scale(1.1) rotate(5deg)}.fab-card{background:var(--bg-card);padding:1.25rem;border-radius:16px;box-shadow:0 10px 40px #00000026;border:1px solid var(--border);width:280px;animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275);transform-origin:bottom right}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.whatsapp-btn-fab:hover{filter:brightness(1.1);transform:translateY(-2px)}.card{background-color:var(--bg-card);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001a;border-color:var(--primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stats-compact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.tx-item-hover{border-radius:10px;padding:.85rem .75rem;margin:0 -.75rem;transition:background .15s ease;cursor:default}.tx-item-hover:hover{background:var(--bg-main)}.stat-card{display:flex;flex-direction:column;gap:.5rem;border-left:4px solid var(--primary)}.stat-card:nth-child(2n){border-left-color:var(--secondary)}.stat-card:hover{border-left-width:8px}.stat-label{font-size:.875rem;color:var(--text-muted);font-weight:500}.stat-value{font-size:1.75rem;font-weight:700;color:var(--primary)}.stat-diff{font-size:.875rem;font-weight:500}.stat-diff.up{color:var(--success)}.stat-diff.down{color:var(--danger)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.form-control{width:100%;padding:.75rem;border-radius:8px;border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-main);outline:none;font-size:16px}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b968826}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-primary{background-color:var(--primary);color:#fff}[data-theme=dark] .btn-primary{color:#fff}.btn-primary:hover{background-color:var(--primary-light)}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{background-color:var(--secondary-light)}.chart-container{height:300px;width:100%}.currency-toggle{display:flex;background:var(--bg-main);border:1px solid var(--border);border-radius:20px;padding:4px;width:fit-content}.toggle-btn{border-radius:16px;padding:4px 12px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s;color:var(--text-muted);background:transparent;border:none}.toggle-btn:hover{color:var(--text-main)}.toggle-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 6px #3b96884d}.mobile-top-nav,.mobile-footer{display:none}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:6px 4px 2px;flex:1;min-width:0}.mobile-nav-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff14;color:#fff9;transition:background .2s,color .2s,transform .15s}.mobile-nav-circle.active{background:var(--secondary);color:#fff;box-shadow:0 4px 12px #00a36c73}.mobile-nav-label{font-size:.6rem;font-weight:600;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56px;text-align:center}.mobile-nav-btn.active .mobile-nav-label{color:var(--secondary)}.mobile-footer-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.6rem;font-weight:600;padding:4px 8px;border-radius:8px;transition:color .2s,background .2s;flex:1}.mobile-footer-btn:hover{color:var(--text-main);background:var(--bg-main)}.mobile-footer-logout{color:var(--text-muted)}.mobile-footer-logout:hover{background:#37415114;color:var(--text-main)}@media (max-width: 768px){.dashboard-container{flex-direction:column}.sidebar{display:none!important}.dashboard-container{height:100dvh;height:-webkit-fill-available;overflow:hidden}.mobile-top-nav{display:flex!important;flex-shrink:0;background:var(--primary);border-bottom:none;padding:8px 4px;align-items:flex-start;box-shadow:0 4px 16px #3b968840;position:relative}.mobile-top-nav:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.6),rgba(255,255,255,.15),transparent)}.mobile-footer{display:flex!important;flex-shrink:0;background:var(--bg-card);border-top:1px solid var(--border);padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom,6px));align-items:center;gap:2px;box-shadow:0 -4px 16px #0000001a;z-index:2001}.fab-support-container{position:fixed;bottom:85px;right:1rem;z-index:2000}.mobile-nav-label{color:#ffffffd9}[data-theme=dark] .mobile-nav-label{color:var(--text-muted)}[data-theme=dark] .mobile-nav-btn.active .mobile-nav-label{color:var(--primary)}.main-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;min-height:0}.top-header{display:none!important}.main-content>div>div[style*="minmax(400px"]{grid-template-columns:1fr!important}.stats-compact-grid,.totals-grid,.main-content form div[style*="minmax(150px"]{grid-template-columns:1fr!important}input[type=date].form-control{width:100%!important;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.hide-mobile{display:none!important}.main-content>div>div[style*="minmax(350px"]{grid-template-columns:1fr!important}.header{flex-wrap:wrap;gap:.75rem}}.auth-input-group{position:relative;display:flex;align-items:center}.auth-icon{position:absolute;left:12px;color:var(--text-muted)}.login-input{width:100%;background:#070d1f!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:.6rem!important;padding:1rem 3.5rem 1rem 1.2rem!important;color:#dce1fb!important;font-size:16px!important;outline:none!important;box-sizing:border-box!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:block}.login-input:hover{border-color:#4edea366!important;background:#09132b!important;transform:translateY(-1px)}.login-input:focus{border-color:#4edea3!important;background:#0c1a35!important;box-shadow:0 0 0 4px #4edea326,0 10px 15px -3px #0000004d!important}.login-input-icon{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);color:#3b4b57;pointer-events:none;transition:color .3s ease;z-index:2}button.login-input-icon{pointer-events:auto;cursor:pointer}.auth-input-container:focus-within .login-input-icon{color:#4edea3}[data-theme=dark] .sidebar{border-right-color:var(--border);box-shadow:4px 0 20px #0000004d}[data-theme=dark] .sidebar-logo{color:var(--primary)}[data-theme=dark] .nav-item{color:var(--text-muted)}[data-theme=dark] .nav-item:hover{background-color:#4aada01f;color:var(--primary)}[data-theme=dark] .nav-item.active{background-color:#4aada02e;color:var(--primary)}[data-theme=dark] .top-header{background:var(--glass);border-bottom-color:var(--border)}[data-theme=dark] .welcome-text{color:var(--text-main)}[data-theme=dark] .logout-btn-header{background:#ffffff0d;border-color:var(--border);color:var(--text-muted)}[data-theme=dark] .logout-btn-header:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 16px #4aada04d}[data-theme=dark] .card{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .card:hover{box-shadow:0 8px 24px #00000059;border-color:var(--primary)}[data-theme=dark] .stat-diff.up{color:var(--success)}[data-theme=dark] .stat-diff.down{color:var(--danger)}[data-theme=dark] .form-control{background:#ffffff0a;border-color:var(--border);color:var(--text-main);color-scheme:dark}[data-theme=dark] .form-control:focus{border-color:var(--primary);background:#4aada00f;box-shadow:0 0 0 3px #4aada026}[data-theme=dark] select.form-control option{background-color:#162032;color:#f1f5f9}[data-theme=dark] .btn-primary{background-color:var(--primary);color:#fff}[data-theme=dark] .btn-primary:hover{background-color:var(--primary-light)}[data-theme=dark] .btn-secondary{background-color:var(--secondary);color:#fff}[data-theme=dark] .currency-toggle{background:#ffffff0a;border-color:var(--border)}[data-theme=dark] .toggle-btn{color:var(--text-muted)}[data-theme=dark] .toggle-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #4aada059}[data-theme=dark] .mobile-top-nav{background:var(--sidebar-bg);border-bottom-color:var(--border);box-shadow:0 4px 16px #0006}[data-theme=dark] .mobile-nav-circle{background:#ffffff0f;color:var(--text-muted)}[data-theme=dark] .mobile-nav-circle.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #4aada066}[data-theme=dark] .mobile-footer{background:var(--bg-card);border-top-color:var(--border)}[data-theme=dark] .fab-card{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] span[style*="rgba(59,150,136,0.1)"]{background:#4aada026!important;border-color:#4aada04d!important}[data-theme=dark] div[style*="rgba(59,150,136,0.1)"]{background:#4aada01a!important}[data-theme=dark] div[style*="rgba(55,65,81,0.07)"],[data-theme=dark] div[style*="rgba(55,65,81,0.08)"]{background:#ffffff0d!important}