*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sans:"Plus Jakarta Sans", system-ui, -apple-system, Roboto, sans-serif;--bg:#f4f6fa;--surface:#fff;--card:var(--surface);--border:#0f172a14;--border-focus:#1e40af;--text:#0b1329;--text-mute:#5c6f84;--accent:#1e40af;--accent-2:#1d4ed8;--accent-bg:#1e40af0a;--accent-gradient:linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);--red:#dc2626;--green:#059669;--amber:#d97706;--nav-h:64px;--header-h:62px;--content-max:680px;color:var(--text);background:var(--bg);font-size:15px;line-height:1.6;font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);margin:0;transition:background-color .3s}body.dark{--bg:#070d19;--surface:#0f172a;--card:var(--surface);--border:#ffffff12;--border-focus:#3b82f6;--text:#f1f5f9;--text-mute:#64748b;--accent:#3b82f6;--accent-2:#60a5fa;--accent-bg:#3b82f614;--accent-gradient:linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%)}#root{background:var(--bg);width:100%;min-height:100dvh;margin:0;padding:0}#app-root{max-width:var(--content-max);background:var(--bg);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}#desktop-sidebar{display:none}#app-header{z-index:100;height:var(--header-h);-webkit-backdrop-filter:blur(20px);background:#0b1329eb;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0000001f}#app-header span,#app-header button{color:#e2e8f0}#app-content{padding:20px 16px calc(var(--nav-h) + 24px);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}#nav-bar{width:100%;max-width:var(--content-max);height:var(--nav-h);-webkit-backdrop-filter:blur(20px);z-index:200;padding-bottom:env(safe-area-inset-bottom);scrollbar-width:none;-ms-overflow-style:none;background:#0b1329eb;border-top:1px solid #ffffff12;display:flex;position:fixed;bottom:0;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 -4px 20px #0000001f}#nav-bar::-webkit-scrollbar{display:none}.nav-item{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;gap:3px;min-width:62px;padding:6px 4px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:active{background:#ffffff0f}.nav-icon{font-size:18px;line-height:1;transition:transform .2s}.nav-label{color:#64748b;letter-spacing:.2px;white-space:nowrap;font-size:10px;font-weight:600;transition:color .2s}.nav-item.active .nav-label{color:#3b82f6;font-weight:700}.nav-item.active .nav-icon{filter:drop-shadow(0 0 6px #3b82f680);transform:scale(1.15)}.nav-item.active{border-top:3px solid #3b82f6;padding-top:3px}.card,.corp-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;padding:20px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 18px -2px #0b132908,0 2px 6px -1px #0b132905}.card:hover,.corp-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0b13290f,0 4px 12px -2px #0b13290a}.section-title,.sec-title{color:var(--text-mute);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:6px;margin-bottom:14px;font-size:11px;font-weight:800;display:flex}.sec-hdr{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.see-all{border:1px solid var(--border);color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .2s}.see-all:hover{background:var(--accent-bg);border-color:var(--accent)}.grid2{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:16px;padding:16px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 12px -2px #0b132905}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #0b13290d}.stat-icon{margin-bottom:8px;font-size:20px;display:inline-block}.stat-label{color:var(--text-mute);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;font-size:10px;font-weight:700}.stat-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.progress-bar{background:var(--bg);border:1px solid var(--border);border-radius:99px;width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--accent-gradient);border-radius:99px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--accent-gradient);color:#fff;cursor:pointer;letter-spacing:.3px;border:none;border-radius:10px;width:100%;margin-bottom:12px;padding:13px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px -3px #1e40af59}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 6px 20px -3px #1e40af73}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:var(--surface);width:100%;color:var(--text-mute);border:1px solid var(--border);cursor:pointer;border-radius:10px;margin-bottom:12px;padding:12px;font-size:14px;font-weight:700;transition:all .2s}.btn-secondary:hover{background:var(--bg);color:var(--text);border-color:var(--text-mute)}.btn-secondary:active{transform:scale(.97)}.btn-icon{background:var(--bg);border:1px solid var(--border);cursor:pointer;color:var(--text-mute);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700;transition:all .2s}.btn-icon:hover{background:var(--border);color:var(--text)}input,select,textarea{background:var(--surface);border:1.5px solid var(--border);width:100%;font-size:14px;font-family:var(--sans);color:var(--text);border-radius:10px;outline:none;margin-bottom:12px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:block}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3.5px var(--accent-bg)}label{color:var(--text-mute);text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.info-box{background:var(--accent-bg);color:var(--accent);border:1px solid #1e40af26;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:600}body.dark .info-box{border-color:#3b82f633}#toast{bottom:calc(var(--nav-h) + 16px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:9998;white-space:nowrap;pointer-events:none;letter-spacing:.1px;background:#0f172af2;border:1px solid #ffffff14;border-radius:10px;padding:12px 24px;font-size:13px;font-weight:700;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}#toast.error{background:var(--red)}.txn-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:13px 0;transition:background .2s;display:flex;position:relative}.txn-row:last-child{border-bottom:none}.txn-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.txn-info{flex:1;min-width:0}.txn-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.txn-meta{color:var(--text-mute);margin-top:2px;font-size:11px}.txn-amount{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:14px;font-weight:800}.txn-actions{flex-shrink:0;gap:6px;display:flex}.bcat-row{align-items:center;gap:14px;margin-bottom:12px;display:flex}.bcat-row:last-child{margin-bottom:0}.bcat-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.commit-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.commit-row:last-child{border-bottom:none}.pl-month-row{border-bottom:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.pl-month-row:hover{background:var(--accent-bg)}.pl-month-row:active{background:var(--border)}.pl-month-row:last-child{border-bottom:none}.pl-expand{background:var(--accent-bg);border:1px solid var(--border);border-top:none;border-radius:0 0 12px 12px;margin-top:-6px;margin-bottom:8px;padding:14px 18px 18px}.cat-pills{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.cat-pill{cursor:pointer;-webkit-tap-highlight-color:transparent;letter-spacing:.2px;border:none;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.cat-pill:active{transform:scale(.95)}.month-chips{scrollbar-width:none;-ms-overflow-style:none;gap:7px;margin-bottom:14px;padding-bottom:8px;display:flex;overflow-x:auto}.month-chips::-webkit-scrollbar{display:none}.month-chip{border:1.5px solid var(--border);background:var(--surface);color:var(--text-mute);cursor:pointer;letter-spacing:.2px;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s}.month-chip.active{background:var(--accent-gradient);color:#fff;border-color:#0000;box-shadow:0 4px 12px -2px #1e40af40}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.filter-row select{flex:1;min-width:100px;margin-bottom:0;padding:9px 12px;font-size:12px}.filter-row input[type=text],.filter-row input[type=search]{flex:2;margin-bottom:0;padding:9px 14px;font-size:12px}#login-screen{background:radial-gradient(circle at 100% 0,#1e3a8a 0%,#070d19 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:420px;padding:40px 32px;transition:transform .3s;box-shadow:0 25px 50px -12px #00000080}body.dark .login-card{background:#0f172a}.login-header{text-align:center;margin-bottom:28px}.login-logo{filter:drop-shadow(0 4px 10px #3b82f64d);margin-bottom:12px;font-size:48px}.login-title{color:var(--text);letter-spacing:-.5px;margin:0 0 6px;font-size:24px;font-weight:800}.login-subtitle{color:var(--text-mute);margin:0;font-size:13px}.login-form{flex-direction:column;display:flex}.login-status{text-align:center;margin-bottom:14px;font-size:13px;font-weight:700}.login-footer{color:var(--text-mute);text-align:center;margin-top:20px;font-size:12px}@media (width>=600px){:root{--header-h:66px;--nav-h:68px}#app-content{padding:28px 24px calc(var(--nav-h) + 28px)}#app-header{padding:0 32px}.card,.corp-card{border-radius:20px;padding:24px}.stat-card{border-radius:18px;padding:20px 18px}.stat-value{font-size:20px}.grid2{gap:14px}.txn-row{padding:15px 0}.nav-icon{font-size:20px}.nav-label{font-size:10px}}@media (width>=900px){:root{--content-max:760px}#app-content{padding:32px 36px calc(var(--nav-h) + 32px)}#app-header{padding:0 40px}.card,.corp-card{padding:28px}}@media (width>=1024px){#app-root{background:var(--bg);flex-direction:row;max-width:1440px;min-height:100dvh;margin:0 auto;display:flex;box-shadow:0 0 40px #0000000d}#app-body{flex-direction:column;flex:1;min-height:100dvh;display:flex;overflow:hidden}#app-header,#nav-bar{display:none!important}#app-content{overflow-y:auto;padding:40px 48px!important}#desktop-sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:500;flex-direction:column;justify-content:space-between;width:280px;min-width:280px;height:100dvh;padding:32px 20px;display:flex;position:sticky;top:0;box-shadow:4px 0 20px #0b132905}.sidebar-brand{align-items:center;gap:8px;margin-bottom:24px;padding:0 10px;display:flex}.sidebar-profile{background:var(--bg);border:1px solid var(--border);border-radius:14px;margin-bottom:24px;padding:14px 16px;transition:all .2s}.sidebar-profile:hover{border-color:var(--accent)}.sidebar-profile-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.sidebar-profile-status{margin-top:4px;font-size:10px;font-weight:700;display:inline-block}.sidebar-menu{scrollbar-width:none;flex-direction:column;flex:1;gap:6px;margin-bottom:24px;display:flex;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{display:none}.sidebar-item{color:var(--text-mute);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sidebar-item:hover{background:var(--accent-bg);color:var(--accent);transform:translate(2px)}.sidebar-item.active{background:var(--accent-gradient);color:#fff;font-weight:700;box-shadow:0 4px 12px -2px #1e40af40}body.dark .sidebar-item.active{box-shadow:0 4px 12px -2px #3b82f64d}.sidebar-item-icon{text-align:center;width:20px;font-size:16px}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:20px;display:flex}.sidebar-footer-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text-mute);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.sidebar-footer-btn:hover{background:var(--bg);color:var(--text);border-color:var(--text-mute)}}@media (width>=481px){#app-content::-webkit-scrollbar{width:6px}#app-content::-webkit-scrollbar-track{background:0 0}#app-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}#app-content::-webkit-scrollbar-thumb:hover{background:var(--text-mute)}}body.dark .card,body.dark .corp-card{box-shadow:0 4px 20px #0006}body.dark .stat-card{border-left-color:#3b82f6;box-shadow:0 4px 12px #0000004d}body.dark #app-header{background:#070d19eb;border-bottom-color:#ffffff0d}body.dark #nav-bar{background:#070d19eb;border-top-color:#ffffff0d}.text-green{color:var(--green)!important}.text-red{color:var(--red)!important}.text-amber{color:var(--amber)!important}.text-accent{color:var(--accent)!important}.text-mute{color:var(--text-mute)!important}.fw-900{font-weight:800!important}.mt-8{margin-top:8px}.mb-0{margin-bottom:0!important}