.login-container{align-items:center;background:#101218f2;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary,"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif);justify-content:center;min-height:100vh;padding:20px;position:relative}.login-container:before{background:#101218f2;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.login-box{animation:fadeInUp .4s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#101218f2;border:1px solid #ffffff1a;border:1px solid var(--border-light,#ffffff1a);border-radius:16px;border-radius:var(--radius-large,16px);box-shadow:0 8px 24px #00000040,0 4px 8px #00000026;box-shadow:var(--shadow-heavy,0 8px 24px #00000040,0 4px 8px #00000026);max-width:420px;padding:48px 40px;position:relative;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:32px;text-align:center}.login-header svg{color:#8b5cf6;color:var(--accent-purple,#8b5cf6);filter:drop-shadow(0 0 8px rgba(139,92,246,.5));margin-bottom:16px}.login-header h1{color:#fff;color:var(--text-primary,#fff);font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px;text-shadow:0 0 30px #ffffff4d}.login-subtitle{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{gap:8px}.form-group label{color:var(--text-primary,#fff)}.form-group input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light,#ffffff1a);border-radius:12px;border-radius:var(--radius-medium,12px);box-sizing:border-box;color:#fff;color:var(--text-primary,#fff);font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input::placeholder{color:#64748b;color:var(--text-tertiary,#64748b)}.form-group input:focus{background:#2a2a2ae6;border-color:#8b5cf6;border-color:var(--accent-purple,#8b5cf6);box-shadow:0 0 0 3px #8b5cf633,0 0 20px #8b5cf64d;outline:none}.form-group input.error{border-color:#ef4444;border-color:var(--accent-red,#ef4444);box-shadow:0 0 0 3px #ef444433}.form-group input:disabled{background-color:#2a2a2a80;cursor:not-allowed;opacity:.6}.error-message{color:#ef4444;color:var(--accent-red,#ef4444);margin:4px 0 0}.login-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary,linear-gradient(135deg,#667eea 0,#764ba2 100%));border:1px solid #8b5cf64d;border-radius:12px;border-radius:var(--radius-medium,12px);box-shadow:0 6px 20px #8b5cf64d,0 2px 4px #0000001a,inset 0 1px 0 #fff3;color:#fff;color:var(--primary-white,#fff);cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;margin-top:8px;overflow:hidden;padding:14px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:1}.login-button:hover:not(:disabled):before{left:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#a855f7f2,#c4b5fde6 50%,#a855f7f2);border-color:#8b5cf680;box-shadow:0 10px 30px #8b5cf666,0 4px 8px #00000026,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(-1px)}.login-button:disabled{background:#8b5cf64d;cursor:not-allowed;opacity:.6}@media (max-width:480px){.login-box{padding:32px 24px}.login-header h1{font-size:28px}}.theme-toggle{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-large);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;overflow:hidden;padding:8px;padding:var(--spacing-sm);position:relative;transition:all .3s ease}.theme-toggle:hover{background:#2a2a2ae6;border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle-icon{align-items:center;color:#fff;color:var(--text-primary);display:flex;justify-content:center;transition:all .3s ease}.theme-toggle:hover .theme-toggle-icon{color:#3b82f6;color:var(--accent-blue);transform:scale(1.1)}.theme-toggle svg{transition:all .3s ease}.theme-toggle:hover svg{filter:drop-shadow(0 0 8px rgba(59,130,246,.5))}button:not(.nav-item){backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border-radius:var(--radius-medium);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a,inset 0 1px 0 #ffffff1a;font-size:13px;font-weight:600;letter-spacing:.5px;min-height:44px;min-width:44px;overflow:hidden;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}button:not(.nav-item):before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:1}button:not(.nav-item):hover:before{left:100%}button:not(.nav-item):hover{box-shadow:0 8px 25px #0003,0 4px 8px #00000026,inset 0 1px 0 #fff3;transform:translateY(-2px)}button:not(.nav-item):active{transform:translateY(-1px)}.submit-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf6e6,#a855f7cc 50%,#8b5cf6e6);border:1px solid #8b5cf64d;box-shadow:0 6px 20px #8b5cf64d,0 2px 4px #0000001a,inset 0 1px 0 #fff3;font-size:14px;overflow:hidden;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.submit-button:hover{background:linear-gradient(135deg,#a855f7f2,#c4b5fde6 50%,#a855f7f2);border-color:#8b5cf680;box-shadow:0 10px 30px #8b5cf666,0 4px 8px #00000026,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.submit-button:active{transform:translateY(-1px)}.add-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f6e6,#60a5facc 50%,#3b82f6e6);border:1px solid #3b82f64d;border-radius:12px;border-radius:var(--radius-medium);box-shadow:0 4px 12px #3b82f64d,0 2px 4px #0000001a,inset 0 1px 0 #fff3;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-button:hover{background:linear-gradient(135deg,#60a5faf2,#93c5fde6 50%,#60a5faf2);border-color:#3b82f680;box-shadow:0 8px 25px #3b82f666,0 4px 8px #00000026,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.update-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981e6,#34d399cc 50%,#10b981e6);border:1px solid #10b9814d;border-radius:12px;border-radius:var(--radius-medium);box-shadow:0 4px 12px #10b9814d,0 2px 4px #0000001a,inset 0 1px 0 #fff3;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.update-button:hover{background:linear-gradient(135deg,#34d399f2,#6ee7b7e6 50%,#34d399f2);border-color:#10b98180;box-shadow:0 8px 25px #10b98166,0 4px 8px #00000026,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.delete-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef4444e6,#f87171cc 50%,#ef4444e6);border-radius:12px;border-radius:var(--radius-medium);box-shadow:0 4px 12px #ef44444d,0 2px 4px #0000001a,inset 0 1px 0 #fff3;font-size:14px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.delete-button:hover{background:linear-gradient(135deg,#f87171f2,#fca5a5e6 50%,#f87171f2);border-color:#ef444480;box-shadow:0 8px 25px #ef444466,0 4px 8px #00000026,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.app-footer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#101218f2;margin-top:auto;padding:24px 32px;padding:var(--spacing-lg) var(--spacing-xl);position:relative;text-align:right}.app-footer p{color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);font-size:12px;font-weight:500;letter-spacing:.5px;margin:0}.footer-link{color:#3b82f6;color:var(--accent-blue);font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:#fff;color:var(--primary-white);text-shadow:0 0 8px #3b82f699;transform:translateY(-1px)}:root{--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono","Monaco","Cascadia Code","Roboto Mono","Consolas","Courier New",monospace;--primary-black:#0a0a0a;--secondary-black:#1a1a1a;--tertiary-black:#2a2a2a;--primary-white:#fff;--secondary-white:#f8fafc;--tertiary-white:#f1f5f9;--border-light:#ffffff1a;--border-medium:#fff3;--text-primary:#fff;--text-secondary:#94a3b8;--text-tertiary:#64748b;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-purple:#8b5cf6;--accent-green:#10b981;--accent-red:#ef4444;--accent-orange:#f59e0b;--accent-pink:#ec4899;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-success:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-warning:linear-gradient(135deg,#43e97b,#38f9d7);--gradient-danger:linear-gradient(135deg,#fa709a,#fee140);--gradient-dark:linear-gradient(135deg,#1e3c72,#2a5298);--shadow-light:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow-medium:0 4px 12px #00000026,0 2px 4px #0000001f;--shadow-heavy:0 8px 24px #00000040,0 4px 8px #00000026;--shadow-glow:0 0 20px #3b82f64d;--shadow-glow-green:0 0 20px #10b9814d;--shadow-glow-red:0 0 20px #ef44444d;--radius-small:8px;--radius-medium:12px;--radius-large:16px;--radius-xl:20px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#101218f2;background-attachment:fixed;color:#fff;color:var(--text-primary);filter:contrast(1.2) saturate(1.3) brightness(.95) hue-rotate(8deg) sepia(.1) blur(.3px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);font-size:16px;line-height:1.6}.app,body{min-height:100vh}.app{background:#0000;display:flex;flex-direction:column;position:relative}.app:before{background:#101218f2;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.app-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#101218f2;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);justify-content:space-between;padding:24px 32px 8px;padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-sm) var(--spacing-xl);position:relative;z-index:200}.app-header h1{color:#fff;flex:1 1;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0;min-width:200px;text-align:left;text-shadow:0 0 30px #ffffff4d}.header-controls{align-items:center;display:flex;gap:16px;gap:var(--spacing-md)}.logout-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;border-radius:var(--radius-medium);color:#ef4444e6;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:8px 12px;transition:all .3s ease}.logout-button:hover{background:#ef444433;border-color:#ef444480;box-shadow:0 4px 12px #ef44444d;color:#ef4444;transform:translateY(-2px)}.logout-button:active{transform:translateY(0)}.logout-button svg{transition:all .3s ease}.app-layout{min-height:calc(100vh - 120px);position:relative}.app-layout,.sidebar-navigation{display:flex;scroll-behavior:smooth}.sidebar-navigation{-webkit-overflow-scrolling:touch;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#101218f2;flex-direction:column;flex-shrink:0;height:100vh;isolation:isolate;max-width:240px;min-width:240px;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;transform:translateZ(0);transition:transform .3s ease;width:240px;z-index:100}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-light);display:none;justify-content:space-between;padding:24px;padding:var(--spacing-lg)}.sidebar-logo h2{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.sidebar-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-light);flex-shrink:0;margin-top:auto;padding:24px 8px;padding:var(--spacing-lg) var(--spacing-sm)}.nav-item-logout{background:#ef44441a!important;color:#ef4444e6!important}.nav-item-logout:hover{transform:translateX(4px)}.nav-item-logout.active,.nav-item-logout:hover{background:#ef444433!important;color:#ef4444!important}.logout-button,.mobile-menu-overlay{display:none}.nav-items{display:flex;flex:1 1;flex-direction:column;gap:8px;gap:var(--spacing-sm);min-height:0;overflow-y:auto;padding:24px 8px;padding:var(--spacing-lg) var(--spacing-sm)}.nav-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000;border:none;border-radius:12px;border-radius:var(--radius-medium);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:16px;gap:var(--spacing-md);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.nav-item:before{background:#3b82f6;background:var(--accent-blue);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:3px}.nav-item:hover{background:#3b82f61a;border:1px solid #3b82f64d;box-shadow:0 4px 20px #3b82f633;color:#fff;color:var(--text-primary);transform:translateX(4px)}.nav-item:hover:before{transform:scaleY(1)}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:1px solid #3b82f680;box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);color:#fff;color:var(--primary-white);transform:translateX(4px)}.nav-item.active:before{background:#fff;background:var(--primary-white);transform:scaleY(1)}.nav-item-primary{background:linear-gradient(135deg,#8b5cf626,#a855f71a 50%,#8b5cf626)!important;border:1px solid #8b5cf64d!important;box-shadow:0 2px 8px #8b5cf61a,0 1px 3px #8b5cf60d!important;font-weight:600!important;overflow:hidden;position:relative}.nav-item-primary:after{background:linear-gradient(90deg,#0000,#8b5cf61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.nav-item-primary:hover{background:linear-gradient(135deg,#8b5cf640,#a855f733 50%,#8b5cf640)!important;border:1px solid #8b5cf680!important;box-shadow:0 4px 16px #8b5cf633,0 2px 6px #8b5cf61a!important;transform:translateX(6px)!important}.nav-item-primary:hover:after{left:100%}.nav-item-primary.active{background:linear-gradient(135deg,#8b5cf6e6,#a855f7cc 50%,#8b5cf6e6)!important;border:1px solid #8b5cf699!important;box-shadow:0 6px 20px #8b5cf64d,0 3px 8px #8b5cf633,inset 0 1px 0 #fff3!important;transform:translateX(6px)!important}.nav-item-primary.active:before{background:#ffffffe6!important;width:4px!important}.nav-separator{background:linear-gradient(90deg,#0000,#8b5cf64d 20%,#8b5cf680 50%,#8b5cf64d 80%,#0000);height:1px;margin:16px 24px;margin:var(--spacing-md) var(--spacing-lg);position:relative}.nav-separator:before{background:#8b5cf699;border-radius:2px;content:"";height:3px;left:50%;position:absolute;top:-1px;transform:translateX(-50%);width:4px}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.nav-icon svg{height:100%;transition:all .3s ease;width:100%}.nav-text{font-weight:500;letter-spacing:-.1px}.sidebar-navigation{animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.nav-item{overflow:hidden;position:relative}.nav-item:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.nav-item:active:after{height:300px;width:300px}.sidebar-navigation::-webkit-scrollbar{width:4px}.sidebar-navigation::-webkit-scrollbar-track{background:#f1f5f9;background:var(--tertiary-white)}.sidebar-navigation::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--border-light);border-radius:2px}.sidebar-navigation::-webkit-scrollbar-thumb:hover{background:#fff3;background:var(--border-medium)}.app-main{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#14161cd9,#181a22cc 10%,#1c1e28bf 20%,#20222eb3 30%,#242634a6 40%,#282a3a99 50%,#242634a6 60%,#20222eb3 70%,#1c1e28bf 80%,#181a22cc 90%,#14161cd9),radial-gradient(circle at 15% 15%,#8b5cf626 0,#0000 60%),radial-gradient(circle at 85% 15%,#3b82f61f 0,#0000 60%),radial-gradient(circle at 15% 85%,#10b9811a 0,#0000 60%),radial-gradient(circle at 85% 85%,#f59e0b26 0,#0000 60%),radial-gradient(circle at 50% 50%,#ec48990f 0,#0000 70%),radial-gradient(circle at 30% 70%,#a855f71f 0,#0000 55%),radial-gradient(circle at 70% 30%,#06b6d41a 0,#0000 55%),radial-gradient(circle at 25% 25%,#ffa50014 0,#0000 50%),radial-gradient(circle at 75% 75%,#ff8c000f 0,#0000 50%);border:.5px solid #8b5cf699;border-radius:20px;border-radius:var(--radius-xl);box-shadow:inset 0 0 20px #0000004d,inset 0 0 40px #8b5cf61a,inset 0 1px 0 #ffffff1a,0 0 0 .5px #8b5cf680;box-sizing:border-box;flex:1 1;margin-left:8px;margin-left:var(--spacing-sm);margin-right:16px;margin-right:var(--spacing-md);max-width:1200px;min-height:0;overflow-x:hidden;overflow:hidden;overflow-y:auto;padding:32px;padding:var(--spacing-xl);position:relative;scroll-behavior:smooth;width:100%;z-index:1}.app-main:before{background:linear-gradient(45deg,#0000 20%,#8b5cf608 35%,rgba(59,130,246,.025) 50%,#10b98105 65%,rgba(255,165,0,.015) 75%,#0000 80%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.app-main>*{position:relative;z-index:1}.transaction-form{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;margin:0;max-width:none;overflow:visible;padding:0;position:relative}.form-group label{font-size:15px;letter-spacing:.3px}.form-group input,.form-group select,.form-group textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);color:#fff;color:var(--text-primary);font-family:inherit;font-size:16px;padding:16px;padding:var(--spacing-md);transition:all .3s ease;width:100%}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 20px #3b82f633}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#3b82f61a;border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow)}.form-group input::placeholder,.form-group textarea::placeholder{color:#cbd5e1;opacity:1}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:none;border-radius:12px;border-radius:var(--radius-medium);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;margin-top:16px;margin-top:var(--spacing-md);padding:24px;padding:var(--spacing-lg);text-shadow:0 1px 2px #0000004d;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-button:hover{background:linear-gradient(135deg,#5a67d8,#667eea);background:#1a1a1a;background:var(--secondary-black);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);transform:translateY(-2px);transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.expenses-tab,.income-tab,.overview-tab{background:#0000;padding:0}.expenses-tab h2,.income-tab h2,.overview-tab h2{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0;padding:32px 24px 0;padding:var(--spacing-xl) var(--spacing-lg) 0;text-align:left;text-shadow:0 0 20px #ffffff4d}.filters-section{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);display:flex;flex-wrap:wrap;gap:24px;gap:var(--spacing-lg);margin-bottom:32px;margin-bottom:var(--spacing-xl);overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative}.filters-section .filter-actions{align-items:center;display:flex;gap:16px;gap:var(--spacing-md);margin-left:auto}.filters-section:before{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.filter-group{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs);min-width:120px}.expenses-tab .filter-group,.income-tab .filter-group,.overview-tab .filter-group{align-items:center;flex-direction:row;gap:8px;gap:var(--spacing-sm);min-width:auto}@media (max-width:768px){.expenses-tab .filter-group,.income-tab .filter-group,.overview-tab .filter-group{align-items:stretch;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.filter-group label{font-size:14px;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.filter-group input,.filter-group select{min-width:auto;width:100%}.filters-container{gap:16px;gap:var(--spacing-md)}}@media (max-width:480px){.filters-container{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.filter-group{min-width:auto}}.filter-group label{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.8px;opacity:.8;text-transform:uppercase;white-space:nowrap}.filter-group select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);box-sizing:border-box;color:#fff;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:600;height:32px;padding:8px 12px;transition:all .3s ease}.filter-group select:hover{box-shadow:0 0 20px #3b82f633}.filter-group select:focus,.filter-group select:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--accent-blue)}.filter-group select:focus{box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);outline:none}.total-section{background:#0a0a0a;background:var(--primary-black);border-radius:16px;border-radius:var(--radius-large);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);color:#fff;color:var(--primary-white);margin-bottom:32px;margin-bottom:var(--spacing-xl);padding:32px;padding:var(--spacing-xl);text-align:center}.total-section h3{font-size:32px;font-weight:600;letter-spacing:-.5px;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.transactions-table tr:hover{background:#3b82f61a}.amount{font-size:16px;font-weight:600}.amount,.amount.expense{color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary)}.timestamp{color:#64748b;color:var(--text-tertiary);font-size:12px;white-space:nowrap}.select-all-checkbox,.transaction-checkbox{accent-color:#fff;accent-color:var(--text-primary)}.transactions-table tr.selected{background-color:#3b82f633;box-shadow:0 0 20px #3b82f64d}.bulk-actions{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-left:3px solid #ef4444;border-left:3px solid var(--accent-red);border-radius:12px;border-radius:var(--radius-medium);display:flex;gap:16px;gap:var(--spacing-md);margin-top:16px;margin-top:var(--spacing-md);padding:8px;padding:var(--spacing-sm)}.bulk-actions p{font-size:14px;font-weight:500;margin:0}.bulk-delete-button{background:#ef4444;background:var(--accent-red);border-radius:8px;border-radius:var(--radius-small);font-weight:500;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.bulk-delete-button:hover:not(:disabled){background:#d70015;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-light)}.bulk-delete-button:disabled{background:#ffffff1a;background:var(--border-light);color:#64748b;color:var(--text-tertiary)}.delete-button{background:none;color:#64748b;color:var(--text-tertiary);font-weight:400;padding:4px;padding:var(--spacing-xs);transition:all .2s ease}.delete-button:hover{background:#ef44441a;color:#ef4444;color:var(--accent-red)}.no-transactions{padding:48px;padding:var(--spacing-xxl)}.gross-revenue-basis{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-large);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);text-align:center}.gross-revenue-basis p{color:#94a3b8;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.summary-cards,.summary-section{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.summary-cards{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.summary-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);background:#ffffff1a;background:var(--border-light);bottom:0;content:"";height:3px;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .3s ease;z-index:-1}.summary-card:hover{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 8px 24px #00000040,0 4px 8px #00000026;box-shadow:var(--shadow-heavy);transform:translateY(-8px) scale(1.02)}.summary-card.income:before{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-success);box-shadow:0 0 20px #10b9814d;box-shadow:var(--shadow-glow-green)}.summary-card.expenses:before{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-danger);box-shadow:0 0 20px #ef44444d;box-shadow:var(--shadow-glow-red)}.summary-card.tax:before{background:linear-gradient(135deg,#43e97b,#38f9d7);background:var(--gradient-warning);box-shadow:0 0 20px #f59e0b4d}.summary-card.savings:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow)}.summary-card.deficit:before{background:linear-gradient(135deg,#43e97b,#38f9d7);background:var(--gradient-warning);box-shadow:0 0 20px #f59e0b4d}.summary-card.personal:before{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 20px #10b9814d}.summary-card.business:before{background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 0 20px #f59e0b4d}.summary-card.tax:before{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 20px #ef44444d}.summary-card.net:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed);box-shadow:0 0 20px #8b5cf64d}.summary-card.net-income:before{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 20px #10b9814d}.summary-card.revenue:before{background:linear-gradient(90deg,#3b82f6,#2563eb);box-shadow:0 0 20px #3b82f64d}.summary-card.tax-collected:before{background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 0 20px #f59e0b4d}.summary-card.net-revenue:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed);box-shadow:0 0 20px #8b5cf64d}.summary-card h3{color:#94a3b8;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:16px;margin-bottom:var(--spacing-md);opacity:.9;text-transform:uppercase}.summary-card .amount{color:#fff;color:var(--text-primary);font-size:28px;font-weight:800;letter-spacing:-1px;line-height:1.1;text-shadow:0 0 20px #ffffff4d}.calculation-explanation{color:#64748b;color:var(--text-tertiary);font-size:12px;font-weight:400;line-height:1.3;opacity:.8;text-align:center}.calculation-explanation,.sub-amounts{margin-top:8px;margin-top:var(--spacing-sm)}.sub-amounts{display:flex;flex-direction:column;font-size:.8rem;gap:4px;gap:var(--spacing-xs)}.sub-amounts .tax-amount{color:#ef4444;color:var(--accent-red);font-weight:500}.sub-amounts .net-amount{color:#8b5cf6;color:var(--accent-purple);font-weight:500}.overall-budget-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);margin-bottom:32px;margin-bottom:var(--spacing-xl);overflow:hidden;padding:0;position:relative}.overall-budget-section:before{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.overall-budget-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0 0 24px;margin:0 0 var(--spacing-lg) 0;padding:32px 24px 0;padding:var(--spacing-xl) var(--spacing-lg) 0;text-shadow:0 0 30px #3b82f680}.breakdown-description{color:#94a3b8;color:var(--text-secondary);font-size:15px;font-weight:500;letter-spacing:.3px;margin:0 0 24px;margin:0 0 var(--spacing-lg) 0;opacity:.9}.overall-budget-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2a2ae6;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);margin:0 0 32px;margin:0 0 var(--spacing-xl) 0;overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.overall-budget-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.overall-budget-card:hover{border-color:#10b981;border-color:var(--accent-green);box-shadow:0 8px 24px #00000040,0 4px 8px #00000026;box-shadow:var(--shadow-heavy);transform:translateY(-4px) scale(1.01)}.overall-budget-header{align-items:center;display:flex;gap:32px;gap:var(--spacing-xl);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.budget-summary{display:flex;flex:1 1;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.budget-summary-item{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:8px 0;padding:var(--spacing-sm) 0}.budget-summary-item:last-child{border-bottom:none}.budget-label{color:#94a3b8;color:var(--text-secondary);font-size:15px;font-weight:500}.budget-value{font-size:16px;font-weight:600}.budget-value,.budget-value.positive{color:#fff;color:var(--text-primary)}.budget-value.negative{color:#ef4444;color:var(--accent-red)}.budget-percentage-display{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);min-width:120px}.percentage-circle{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;border:3px solid #ffffff1a;border:3px solid var(--border-light);border-radius:50%;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);display:flex;height:80px;justify-content:center;position:relative;width:80px}.percentage-circle.under-budget{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:2px solid #10b981;border:2px solid var(--accent-green);box-shadow:0 4px 20px #22c55e33,0 0 0 1px #22c55e1a,inset 0 1px 0 #22c55e33;overflow:hidden;position:relative}.percentage-circle.under-budget:before{animation:rotate 4s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#22c55e4d 90deg,#0000 180deg,#22c55e4d 270deg,#0000 1turn);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.percentage-circle.under-budget:after{background:#2a2a2ae6;border-radius:50%;bottom:2px;content:"";left:2px;position:absolute;right:2px;top:2px;z-index:1}.percentage-circle.near-limit{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:2px solid #f59e0b;border:2px solid var(--accent-orange);box-shadow:0 4px 20px #f59e0b33,0 0 0 1px #f59e0b1a,inset 0 1px 0 #f59e0b33;overflow:hidden;position:relative}.percentage-circle.near-limit:before{animation:rotate 3s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#f59e0b4d 90deg,#0000 180deg,#f59e0b4d 270deg,#0000 1turn);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.percentage-circle.near-limit:after{background:#2a2a2ae6;border-radius:50%;bottom:2px;content:"";left:2px;position:absolute;right:2px;top:2px;z-index:1}.percentage-circle.over-budget{border-color:#ef4444;border-color:var(--accent-red)}.percentage-text{color:#fff;color:var(--text-primary);font-size:18px;font-weight:700;position:relative;z-index:2}.percentage-circle.under-budget .percentage-text{color:#10b981;color:var(--accent-green);font-weight:800;text-shadow:0 0 8px #22c55e66}.percentage-circle.near-limit .percentage-text{color:#f59e0b;color:var(--accent-orange);font-weight:800;text-shadow:0 0 8px #f59e0b66}.budget-status-text{color:#94a3b8;color:var(--text-secondary);font-size:14px;font-weight:600;text-align:center}.overall-progress-section{margin-top:24px;margin-top:var(--spacing-lg)}.overall-progress-section .progress-bar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);height:16px;margin-bottom:8px;margin-bottom:var(--spacing-sm);overflow:hidden}.overall-progress-section .progress-fill{border-radius:12px;border-radius:var(--radius-medium);height:100%;overflow:hidden;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1)}.overall-progress-section .progress-fill:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-labels{display:flex;font-size:13px;font-weight:600;justify-content:space-between}.no-budget-message,.progress-labels{color:#94a3b8;color:var(--text-secondary);letter-spacing:.3px}.no-budget-message{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);font-style:italic;font-weight:500;padding:32px;padding:var(--spacing-xl);text-align:center}.budget-section{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.budget-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0;padding:32px 24px 0 32px;padding:var(--spacing-xl) var(--spacing-lg) 0 var(--spacing-xl);text-shadow:0 0 30px #3b82f680}.budget-section .budget-description{color:#94a3b8;color:var(--text-secondary);font-size:15px;font-weight:500;letter-spacing:.3px;margin:0 0 24px;margin:0 0 var(--spacing-lg) 0;opacity:.9;padding:0 0 0 32px;padding:0 0 0 var(--spacing-xl)}.budget-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:0 32px 32px;padding:0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl)}.budget-status{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;border-radius:var(--radius-medium);color:#3b82f6;color:var(--accent-blue);font-size:13px;font-weight:700;letter-spacing:.5px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase}.budget-details{margin-bottom:16px;margin-bottom:var(--spacing-md)}.budget-row{color:#94a3b8;color:var(--text-secondary);display:flex;font-size:15px;font-weight:500;justify-content:space-between;letter-spacing:.2px;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.budget-progress{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.budget-progress-bar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);flex:1 1;height:12px;overflow:hidden;position:relative}.budget-progress-bar .progress-fill{border-radius:12px;border-radius:var(--radius-medium);height:100%;overflow:hidden;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1)}.budget-progress-bar .progress-fill:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.budget-progress-bar .progress-fill.under-budget{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 0 10px #3b82f680}.budget-progress-bar .progress-fill.near-limit{background:linear-gradient(135deg,#43e97b,#38f9d7);background:var(--gradient-warning);box-shadow:0 0 10px #f59e0b80}.budget-progress-bar .progress-fill.over-budget{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-danger);box-shadow:0 0 10px #ef444480}.progress-bar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);flex:1 1;height:8px;overflow:hidden}.progress-fill{border-radius:8px;border-radius:var(--radius-small);height:100%;overflow:hidden;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-fill:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-fill.under-budget{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 0 10px #3b82f680}.progress-fill.near-limit{background:linear-gradient(135deg,#43e97b,#38f9d7);background:var(--gradient-warning);box-shadow:0 0 10px #f59e0b80}.progress-fill.over-budget{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-danger);box-shadow:0 0 10px #ef444480}.progress-text{color:#fff;color:var(--text-primary);font-size:13px;font-weight:700;letter-spacing:.3px;min-width:40px;text-shadow:0 0 10px #ffffff4d}.no-expenses-message,.no-income-message{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);color:#94a3b8;color:var(--text-secondary);font-style:italic;font-weight:500;letter-spacing:.3px;padding:48px;padding:var(--spacing-xxl);text-align:center}.category-breakdown{margin-top:32px;margin-top:var(--spacing-xl);padding:0}.category-breakdown:before{background:linear-gradient(135deg,#ec48990d,#3b82f60d)}.breakdown-container h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0;padding:0;text-shadow:0 0 30px #3b82f680}.category-breakdown{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);margin-bottom:32px;margin-bottom:var(--spacing-xl);overflow:hidden;position:relative}.category-breakdown:before{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.breakdown-container{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:32px;padding:var(--spacing-xl)}.breakdown-content{display:flex;gap:32px;gap:var(--spacing-xl)}.breakdown-list{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);flex:1 1;margin:0;min-width:300px;padding:24px;padding:var(--spacing-lg)}.breakdown-graphs{display:flex;flex:1 1;flex-direction:column;gap:24px;gap:var(--spacing-lg);min-width:300px}.graph-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2a99;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);padding:24px;padding:var(--spacing-lg)}.graph-container h4{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px;margin:0 0 var(--spacing-md) 0;text-align:center}.pie-chart-container{align-items:center;display:flex;gap:24px;gap:var(--spacing-lg)}.pie-chart-svg{flex-shrink:0;height:160px;width:160px}.pie-slice{cursor:pointer;transition:all .2s ease}.pie-slice:hover{opacity:.8;transform:scale(1.05);transform-origin:center}.pie-chart-legend{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--spacing-xs);max-width:100%;overflow:visible;padding:4px;padding:var(--spacing-xs)}.legend-item{align-items:flex-start;border-radius:8px;border-radius:var(--radius-small);cursor:pointer;display:flex;font-size:12px;gap:8px;gap:var(--spacing-sm);margin:2px 0;min-height:32px;padding:8px;padding:var(--spacing-sm);transition:all .2s ease}.legend-item:hover{background-color:var(--background-hover)}.legend-item.highlighted{background-color:#3b82f61a;border:1px solid #3b82f6;border:1px solid var(--accent-blue);box-shadow:0 0 10px #3b82f64d;position:relative;transform:scale(1.02);z-index:1}.legend-color{border-radius:2px;flex-shrink:0;height:12px;margin-top:2px;width:12px}.legend-label{word-wrap:break-word;flex:1 1;line-height:1.3;overflow-wrap:break-word;white-space:normal;word-break:break-word}.legend-percentage{color:#94a3b8;color:var(--text-secondary);flex-shrink:0;font-weight:600;margin-left:auto}.bar-chart-container{flex-direction:column;height:300px;overflow-y:auto;padding:16px 0;padding:var(--spacing-md) 0;padding-right:8px;padding-right:var(--spacing-sm)}.bar-chart-container,.bar-item{display:flex;gap:8px;gap:var(--spacing-sm)}.bar-item{align-items:center;border-bottom:1px solid var(--border-lighter);flex-direction:row;min-height:40px;padding:4px 0;padding:var(--spacing-xs) 0}.bar-item:last-child{border-bottom:none}.bar-label{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:12px;font-weight:500;max-width:120px;min-width:120px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.bar-container{background:#ffffff1a;flex:1 1;height:20px;margin:0 8px;margin:0 var(--spacing-sm);overflow:hidden;position:relative}.bar-container,.bar-fill{border-radius:8px;border-radius:var(--radius-small)}.bar-fill{background:linear-gradient(90deg,#0003,#0000);height:100%;transition:all .3s ease}.bar-item:hover .bar-fill{opacity:.8;transform:scaleX(1.05);transform-origin:left}.bar-value{color:#fff;color:var(--text-primary);font-size:12px;font-weight:600;min-width:80px;text-align:right}.bar-chart-all-container{gap:4px;gap:var(--spacing-xs);height:180px}.bar-item-small{min-width:0}.bar-label-small{font-size:9px;height:30px;line-height:1.2}.bar-value-small{font-size:9px;margin-top:2px}.income-summary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.income-summary h3{color:#fff;color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 16px;margin:0 0 var(--spacing-md) 0;text-align:center}.income-breakdown{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.income-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0;padding:var(--spacing-sm) 0}.income-item:last-child{border-bottom:none}.income-label{color:#94a3b8;color:var(--text-secondary);font-weight:500}.income-amount{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600}.income-amount.tax-amount{color:#f59e0b;color:var(--accent-orange)}.income-amount.net-amount{color:#10b981;color:var(--accent-green)}.income-breakdown-by-type{border-top:1px solid #ffffff1a;display:flex;gap:24px;gap:var(--spacing-lg);margin-top:24px;margin-top:var(--spacing-lg);padding-top:24px;padding-top:var(--spacing-lg)}.income-type-section{background:#1a1a2e99;border-radius:8px;border-radius:var(--radius-small);flex:1 1;padding:16px;padding:var(--spacing-md)}.income-type-section h4{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 8px;margin:0 0 var(--spacing-sm) 0;text-align:center}.income-type-section .income-item{border-bottom:1px solid #ffffff0d;padding:4px 0;padding:var(--spacing-xs) 0}.income-type-section .income-item:last-child{border-bottom:none}.income-type-section .income-label{font-size:12px}.income-type-section .income-amount{font-size:14px}.transaction-count{color:#94a3b8;color:var(--text-secondary);font-size:14px;margin:8px 0;margin:var(--spacing-sm) 0;text-align:center}.gross-amount{color:#fff;color:var(--text-primary);font-weight:600}.tax-amount{color:#f59e0b;color:var(--accent-orange);font-weight:500}.tax-percentage{display:block;font-size:10px;margin-top:2px;opacity:.8}.net-amount{color:#10b981;color:var(--accent-green);font-weight:600}.sales-tax-rate{align-items:center;display:flex;margin:8px 0;margin:var(--spacing-sm) 0}.tax-rate-label{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:12px;gap:4px;gap:var(--spacing-xs)}.tax-rate-text{font-weight:500;white-space:nowrap}.tax-rate-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;border-radius:var(--radius-small);padding:2px 6px;width:60px}.tax-rate-input:focus{box-shadow:0 0 0 2px #3b82f633}.tax-rate-suffix{color:#64748b;color:var(--text-tertiary);font-size:11px;font-weight:500}.income-tax-toggle{margin:8px 0;margin:var(--spacing-sm) 0}.form-group:has(+.business-income-indicator){margin-bottom:0}.business-income-indicator:has(+.tax-options-minimal){margin-bottom:4px;margin-bottom:var(--spacing-xs)}.tax-toggle-label{align-items:center;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;gap:var(--spacing-sm);-webkit-user-select:none;user-select:none}.tax-toggle-label input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--accent-blue);height:16px;width:16px}.tax-options-minimal{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2a99;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);margin-top:8px;margin-top:var(--spacing-sm);padding:8px;padding:var(--spacing-sm)}.tax-input-minimal{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.tax-input-minimal label{font-weight:500;white-space:nowrap}.tax-input-minimal label,.tax-input-small{color:#fff;color:var(--text-primary);font-size:13px}.tax-input-small{background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);outline:none;padding:4px 6px;text-align:center;transition:border-color .2s ease;width:60px}.tax-input-small:focus{border-color:#3b82f6;border-color:var(--accent-blue)}.tax-symbol{color:#94a3b8;color:var(--text-secondary);font-size:13px;font-weight:500}.tax-default{color:#64748b;color:var(--text-tertiary);font-size:11px;font-style:italic;margin-left:4px;margin-left:var(--spacing-xs)}.business-income-indicator{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#22c55e1a;border:1px solid #22c55e4d;display:flex;gap:8px;gap:var(--spacing-sm);margin:4px 0 8px;margin:var(--spacing-xs) 0 var(--spacing-sm) 0;padding:8px;padding:var(--spacing-sm)}.business-badge,.business-income-indicator{border-radius:8px;border-radius:var(--radius-small)}.business-badge{background:linear-gradient(135deg,#10b981,#10b981);background:linear-gradient(135deg,var(--accent-green),#10b981);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .5rem;text-transform:uppercase}.tax-rate-info{font-size:.75rem;font-weight:500}.edit-tax-btn,.tax-rate-info{color:#94a3b8;color:var(--text-secondary)}.edit-tax-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:400;height:32px;justify-content:center;margin-left:auto;padding:8px;padding:var(--spacing-sm);transition:all .2s ease;width:32px}.edit-tax-btn:hover{background:#3b82f6;background:var(--accent-blue);border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 10px #3b82f64d;color:#fff;transform:translateY(-1px)}.no-tax-minimal{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-style:italic;padding:4px 0;padding:var(--spacing-xs) 0;text-align:center}.load-more-container{display:flex;gap:16px;gap:var(--spacing-md);justify-content:center;margin-bottom:24px;margin-bottom:var(--spacing-lg);margin-top:24px;margin-top:var(--spacing-lg);padding:16px;padding:var(--spacing-md)}.load-more-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);color:#fff;color:var(--primary-white);cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);text-transform:uppercase;transition:all .3s ease}.load-more-btn:hover{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-secondary);border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 8px 24px #00000040,0 4px 8px #00000026;box-shadow:var(--shadow-heavy);transform:translateY(-2px)}.load-more-btn:active{transform:translateY(0)}.load-more-btn:active,.show-all-btn{box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium)}.show-all-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-success);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);color:#fff;color:var(--primary-white);cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);text-transform:uppercase;transition:all .3s ease}.show-all-btn:hover{background:linear-gradient(135deg,#43e97b,#38f9d7);background:var(--gradient-warning);border-color:#10b981;border-color:var(--accent-green);box-shadow:0 8px 24px #00000040,0 4px 8px #00000026;box-shadow:var(--shadow-heavy);transform:translateY(-2px)}.show-all-btn:active{box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);transform:translateY(0)}.modal-overlay{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#000000d9;padding:24px;padding:var(--spacing-lg)}.modal-content{animation:modalSlideIn .3s ease-out;background:var(--primary-dark);border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-large);display:flex;flex-direction:column;padding:0}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);padding:32px 32px 24px;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg)}.modal-header h3{font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.modal-close{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;border-radius:var(--radius-medium);color:#ef4444;color:var(--accent-red);display:flex;font-size:1.25rem;font-weight:600;height:36px;justify-content:center;padding:0;width:36px}.modal-close:hover{background:#ef444433;border-color:#ef4444;border-color:var(--accent-red);transform:scale(1.05)}.edit-form{flex:1 1;flex-direction:column;gap:24px;gap:var(--spacing-lg);overflow-y:auto;padding:24px;padding:var(--spacing-lg)}.edit-form .form-group{gap:8px;gap:var(--spacing-sm)}.edit-form .form-row{display:flex;gap:24px;gap:var(--spacing-lg)}.edit-form .form-row .form-group{flex:1 1}.edit-form label{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.3px;margin:0}.edit-form input,.edit-form select{-webkit-appearance:none;appearance:none;background:#1a1a1a!important;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);box-sizing:border-box;color:#fff!important;display:block;font-family:inherit;font-size:15px;height:48px;line-height:normal;padding:0 16px;padding:0 var(--spacing-md);transition:all .2s ease;vertical-align:middle;width:100%}.edit-form input[type=date],.edit-form input[type=number],.edit-form input[type=text],.edit-form select{height:48px;line-height:normal}.edit-form select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:16px;padding-right:36px;padding-right:calc(var(--spacing-md) + 20px)}.edit-form input[type=date]{-webkit-appearance:none;-moz-appearance:textfield}.edit-form input[type=date]::-webkit-calendar-picker-indicator{background:#0000;color:#fff;cursor:pointer;height:20px;margin-right:8px;margin-right:var(--spacing-sm);width:20px}.edit-form input[type=number]::-webkit-inner-spin-button,.edit-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.edit-form input[type=number]{-moz-appearance:textfield}.edit-form input:focus,.edit-form select:focus{box-shadow:0 0 0 2px #3b82f633;outline:none}.edit-form input:focus,.edit-form input:hover,.edit-form select:focus,.edit-form select:hover{background:#1a1a1a!important;border-color:#3b82f6;border-color:var(--accent-blue);color:#fff!important;height:48px;line-height:normal}.edit-form input::placeholder{color:#888!important;opacity:1}.modal-actions{background:#0000;border-top:1px solid #ffffff1a;border-top:1px solid var(--border-light);flex-shrink:0;justify-content:center;padding:24px;padding:var(--spacing-lg)}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:12px;border-radius:var(--radius-medium);box-shadow:0 2px 8px 0 #3b82f64d;font-size:15px;font-weight:600;height:44px;min-width:160px;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl)}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px 0 #3b82f666}.submit-btn:disabled{box-shadow:none}@media (max-width:768px){.modal-overlay{padding:16px;padding:var(--spacing-md)}.modal-content{max-height:95vh;max-width:100%}.modal-header{padding:24px;padding:var(--spacing-lg)}.modal-header h3{font-size:1.25rem}.edit-form{gap:16px;gap:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.edit-form .form-row{flex-direction:column;gap:16px;gap:var(--spacing-md)}.modal-actions{padding:16px;padding:var(--spacing-md)}.submit-btn{height:44px;min-width:auto;width:100%}}@media (max-width:480px){.modal-overlay{padding:8px;padding:var(--spacing-sm)}.modal-header{padding:16px;padding:var(--spacing-md)}.edit-form{gap:8px;gap:var(--spacing-sm)}.edit-form,.modal-actions{padding:8px;padding:var(--spacing-sm)}.edit-form input,.edit-form select{font-size:16px;height:44px}}.breakdown-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1a1a2e99;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);display:flex;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--spacing-xs);overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.breakdown-item:before{background:linear-gradient(135deg,#ffffff0d,#ffffff05);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.breakdown-item:last-child{border-bottom:none;margin-bottom:0}.breakdown-item:hover{background-color:#3b82f61a;border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);transform:translateX(8px) scale(1.02)}.breakdown-item.category-header{align-items:center;display:flex;flex-direction:row;gap:16px;gap:var(--spacing-md);justify-content:space-between}.breakdown-item.category-header .category-info{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:4px;gap:var(--spacing-xs)}.breakdown-item.category-header .category-amounts{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:4px;gap:var(--spacing-xs)}.breakdown-item.category-header .category-amount,.breakdown-item.category-header .category-percentage{white-space:nowrap}.breakdown-item.subcategory-item{align-items:center;display:flex;flex-direction:row;gap:16px;gap:var(--spacing-md);justify-content:space-between}.breakdown-item.subcategory-item .subcategory-amounts{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:4px;gap:var(--spacing-xs)}.breakdown-item.subcategory-item .subcategory-amount,.breakdown-item.subcategory-item .subcategory-percentage{white-space:nowrap}.breakdown-category{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.category-header{background-color:var(--background-secondary);cursor:pointer;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.category-header:hover{background-color:var(--background-hover)}.category-info{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.expand-arrow{color:#94a3b8;color:var(--text-secondary);font-size:12px;text-align:center;transition:transform .2s ease;width:16px}.expand-arrow.expanded{transform:rotate(180deg)}.subcategory-list{border-left:2px solid #ffffff1a;border-left:2px solid var(--border-light);margin-left:24px;margin-left:var(--spacing-lg);padding-left:16px;padding-left:var(--spacing-md)}.subcategory-item{background:#0000;border-bottom:1px solid var(--border-lighter);color:#94a3b8;color:var(--text-secondary);font-size:14px;margin-bottom:4px;margin-bottom:var(--spacing-xs);padding:4px 0;padding:var(--spacing-xs) 0}.subcategory-item:last-child{border-bottom:none}.subcategory-item:hover{background-color:#3b82f60d;box-shadow:none;transform:none}.subcategory-amount{color:#fff;color:var(--text-primary);font-weight:600;margin-right:4px;margin-right:var(--spacing-xs)}.subcategory-percentage{color:#64748b;color:var(--text-tertiary);font-size:12px}.category-name{font-size:16px;font-weight:600;letter-spacing:-.2px}.category-amount,.category-name{color:#fff;color:var(--text-primary)}.category-amount{font-size:18px;font-weight:700;letter-spacing:-.3px;margin-right:4px;margin-right:var(--spacing-xs);text-align:right}.category-percentage{color:#94a3b8;color:var(--text-secondary);font-size:13px;font-weight:500;opacity:.8;text-align:right}.category-values{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.global-notifications{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);max-height:calc(100vh - 48px);max-width:400px;overflow-x:visible;overflow-y:auto;padding-right:12px;transform:translateZ(0)}.global-notification{animation:slideInRight .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2a2af2;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);box-shadow:0 8px 32px #0000004d;color:#fff;color:var(--text-primary);cursor:pointer;margin-bottom:8px;margin-bottom:var(--spacing-sm);overflow:hidden;pointer-events:auto;transition:all .2s ease}.global-notification:hover{box-shadow:0 12px 40px #00000026;transform:translateX(4px)}.global-notification-content{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);min-height:48px;padding:16px;padding:var(--spacing-md)}.global-notification-icon{align-items:center;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:20px;justify-content:center;width:20px}.global-notification-message{align-items:center;color:#fff;color:var(--text-primary);display:flex;flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.global-notification-close{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.global-notification-close:hover{background:var(--bg-secondary);color:#ef4444;color:var(--accent-red)}.global-notification-success{border-left:4px solid #10b981;border-left:4px solid var(--accent-green)}.global-notification-success .global-notification-icon{color:#10b981;color:var(--accent-green)}.global-notification-error{border-left:4px solid #ef4444;border-left:4px solid var(--accent-red)}.global-notification-error .global-notification-icon{color:#ef4444;color:var(--accent-red)}.global-notification-info{border-left:4px solid #3b82f6;border-left:4px solid var(--accent-blue)}.global-notification-info .global-notification-icon{color:#3b82f6;color:var(--accent-blue)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.global-notifications{left:16px;left:var(--spacing-md);max-width:none;right:16px;right:var(--spacing-md);top:16px;top:var(--spacing-md)}.global-notification{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.global-notification-content{padding:8px;padding:var(--spacing-sm)}.global-notification-message{font-size:13px}}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.form-header h2{margin:0}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.analytics-header h2{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0;padding:32px 24px 0;padding:var(--spacing-xl) var(--spacing-lg) 0;text-align:left;text-shadow:0 0 20px #ffffff4d}.tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.tab-header h2{margin:0}.header-buttons{gap:8px;gap:var(--spacing-sm)}.header-buttons,.settings-btn{align-items:center;display:flex}.settings-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000;border:1px solid #0000;border-radius:var(--border-radius);box-shadow:none;color:#94a3b8;color:var(--text-secondary);cursor:pointer;height:40px;justify-content:center;min-width:40px;overflow:hidden;padding:8px;padding:var(--spacing-sm);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-btn:hover{background:linear-gradient(135deg,#3b82f6e6,#2563ebcc 50%,#3b82f6e6);border-color:#3b82f699;box-shadow:0 6px 20px #3b82f64d,0 3px 8px #3b82f633,inset 0 1px 0 #fff3;color:#fff;color:var(--primary-white);transform:translateY(-2px) scale(1.05)}.settings-btn:active{box-shadow:0 2px 8px #3b82f666,inset 0 1px 0 #ffffff1a;transform:translateY(0) scale(1.02)}.settings-modal{animation:modalSlideIn .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ee6;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:none;display:flex;flex-direction:column;margin:0;max-height:90vh;max-width:500px;overflow:hidden;position:relative;transform:none;width:500px}.modal-header{background:#0000;border-bottom:1px solid var(--border-light);padding:var(--spacing-lg)}.modal-header h3{font-size:1.25rem}.close-btn{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-small);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;padding:var(--spacing-xs);transition:all .2s ease}.close-btn:hover{background:var(--bg-secondary);color:#ef4444;color:var(--accent-red)}.modal-content{background:#0000;border:none;flex:1 1;padding:24px;padding:var(--spacing-lg)}.settings-section h4{color:var(--color-text-primary);font-size:1.1rem;margin:0 0 16px;margin:0 0 var(--spacing-md) 0}.metric-toggles{flex-direction:column}.metric-toggle,.metric-toggles{display:flex;gap:8px;gap:var(--spacing-sm)}.metric-toggle{align-items:center;border-radius:var(--border-radius);cursor:pointer;padding:8px;padding:var(--spacing-sm);transition:background-color .2s ease}.metric-toggle:hover{background:var(--color-background-light)}.metric-toggle input[type=checkbox]{cursor:pointer;height:18px;width:18px}.toggle-label{color:var(--color-text-primary);font-size:.95rem}body.modal-open{height:100%!important;left:0!important;position:fixed!important;top:0!important;width:100%!important}body.modal-open,html.modal-open{overflow:hidden!important}html.modal-open body{height:100%!important;width:100%!important}.modal-overlay,html.modal-open body{left:0!important;overflow:hidden!important;position:fixed!important;top:0!important}.modal-overlay{align-items:center!important;background:#00000080;bottom:0!important;box-sizing:border-box!important;display:flex!important;height:100vh!important;justify-content:center!important;margin:0!important;padding:0!important;right:0!important;width:100vw!important;z-index:9999!important}.analytics-content{background:#0000;position:relative}.category-group .subcategories{margin-left:0;margin-top:8px;margin-top:var(--spacing-sm);padding-right:24px;padding-right:var(--spacing-lg);width:100%}.subcategories-headline{color:#94a3b8;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;margin:0 0 var(--spacing-sm) 0;padding:0;text-transform:uppercase}.subcategory-item{background:#2a2a2a66;border-radius:8px;border-radius:var(--radius-small);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:8px;padding:var(--spacing-sm)}.subcategory-item:hover{background:#2a2a2a99}.subcategory-content{flex:1 1;gap:8px;gap:var(--spacing-sm)}.subcategory-content>span{color:#fff;color:var(--text-primary);font-weight:500;min-width:120px}.subcategory-budget-label,.subcategory-budget-percentage{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.subcategory-budget-label{color:#94a3b8;color:var(--text-secondary);font-size:12px}.subcategory-budget-text{font-size:11px;font-weight:500;letter-spacing:.5px;min-width:50px;text-transform:uppercase}.subcategory-budget-input-container{align-items:center;display:flex;gap:4px;gap:var(--spacing-xs)}.subcategory-budget-input{background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);color:#fff;color:var(--text-primary);font-size:12px;height:32px;padding:8px 12px;text-align:center;transition:all .2s ease;width:60px}.subcategory-percentage-indicator{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-weight:600;min-width:12px}.subcategory-budget-remaining-indicator{color:#64748b;color:var(--text-tertiary);font-size:9px;font-style:italic;margin-top:2px;text-align:center}.subcategory-budget-input:focus{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633;outline:none}.subcategory-budget-input.warning{background:#fb923c1a;border-color:#f59e0b;border-color:var(--accent-orange)}.subcategory-budget-input.warning:focus{box-shadow:0 0 0 2px #fb923c33}.subcategory-actions .delete-btn,.subcategory-actions .edit-btn{align-items:center;border-radius:8px;border-radius:var(--radius-small);display:flex;font-size:12px;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.subcategory-actions .edit-btn{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6;color:var(--accent-blue)}.subcategory-actions .edit-btn:hover{background:#3b82f64d;border-color:#3b82f6;border-color:var(--accent-blue)}.subcategory-actions .delete-btn{background:#ef444433;border:1px solid #ef44444d;color:#ef4444;color:var(--accent-red)}.subcategory-actions .delete-btn:hover{background:#ef44444d;border-color:#ef4444;border-color:var(--accent-red)}.subcategory-budget-summary{margin:8px 0;margin:var(--spacing-sm) 0;padding:8px 0;padding:var(--spacing-sm) 0;text-align:center}.subcategory-budget-total{align-items:center;background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);color:#fff;color:var(--text-primary);display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;min-width:60px;padding:8px 12px}.category-header{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:8px 0;padding:var(--spacing-sm) 0}.category-header.no-subcategories{border-bottom:none;margin-bottom:0}.category-header-row{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr auto auto auto;padding:8px 0;padding:var(--spacing-sm) 0}.category-header-row.expense-category{grid-template-columns:1fr auto auto auto auto}.category-header-row h5,.subcategory-header-row h5{align-self:center;color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.category-header-row .category-actions-buttons{align-self:center}.category-title-section{align-items:center;display:flex;gap:16px;gap:var(--spacing-md)}.category-title-section h4{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.category-actions-buttons{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.category-actions-buttons .save-btn{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.category-actions-buttons .save-btn:hover{background:#22c55e4d;border-color:#22c55e}.category-actions-buttons .cancel-btn{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.category-actions-buttons .cancel-btn:hover{background:#3b82f64d;border-color:#3b82f6}.category-settings-grid{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md)}.setting-group{align-items:flex-start;display:flex;flex-direction:column;gap:2px;justify-content:center;width:auto}.setting-group.budget-group{min-width:120px;width:auto}.setting-label{color:#94a3b8;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:2px;text-align:left;text-transform:uppercase}.setting-group .toggle-switch{align-self:flex-start;margin-top:0}.budget-input-container{align-items:center;display:flex;gap:4px;gap:var(--spacing-xs);justify-content:center;min-width:120px;width:auto}.budget-input-container .budget-percentage-input{background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);box-sizing:border-box;color:#fff;color:var(--text-primary);font-size:12px;height:32px;line-height:1;min-width:80px;padding:8px 12px;text-align:center;transition:all .2s ease;vertical-align:middle;width:80px}.percentage-indicator{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-weight:600;min-width:12px}.budget-remaining-indicator{color:#64748b;color:var(--text-tertiary);font-size:10px;font-style:italic;margin-top:2px;text-align:center}.setting-group .budget-percentage-input:focus{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633;outline:none}.setting-group .budget-percentage-input.warning{background:#fb923c1a;border-color:#f59e0b;border-color:var(--accent-orange)}.setting-group .tax-location-select{background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);box-sizing:border-box;color:#fff;color:var(--text-primary);font-size:11px;height:32px;line-height:1;padding:8px 12px;text-align:left;transition:all .2s ease;vertical-align:middle;width:120px}.setting-group .tax-location-select:focus{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633;outline:none}.export-pdf-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000;border:1px solid #0000;border-radius:12px;border-radius:var(--radius-medium);box-shadow:none;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px!important;justify-content:center;max-height:40px!important;max-width:40px!important;min-height:40px!important;min-width:40px!important;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px!important}.export-pdf-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.export-pdf-btn:hover:not(:disabled){background:linear-gradient(135deg,#22c55ee6,#10b981cc 50%,#22c55ee6);border-color:#22c55e99;box-shadow:0 6px 20px #22c55e4d,0 3px 8px #22c55e33,inset 0 1px 0 #fff3;color:#fff;color:var(--primary-white);transform:translateY(-2px) scale(1.05)}.export-pdf-btn:hover:before{left:100%}.export-pdf-btn:active{box-shadow:0 2px 8px #22c55e66,inset 0 1px 0 #ffffff1a;transform:translateY(0) scale(1.02)}.export-pdf-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.export-pdf-btn:disabled:hover{box-shadow:none;transform:none}.export-csv-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000;border:1px solid #0000;border-radius:12px;border-radius:var(--radius-medium);box-shadow:none;color:var letzten(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px!important;justify-content:center;max-height:40px!important;max-width:40px!important;min-height:40px!important;min-width:40px!important;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px!important}.export-csv-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.export-csv-btn:hover:not(:disabled){background:linear-gradient(135deg,#22c55ee6,#10b981cc 50%,#22c55ee6);border-color:#22c55e99;box-shadow:0 6px 20px #22c55e4d,0 3px 8px #22c55e33,inset 0 1px 0 #fff3;color:#fff;color:var(--primary-white);transform:translateY(-2px) scale(1.05)}.export-csv-btn:hover:before{left:100%}.export-csv-btn:active{box-shadow:0 2px 8px #22c55e66,inset 0 1px 0 #ffffff1a;transform:translateY(0) scale(1.02)}.export-csv-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.export-csv-btn:disabled:hover{box-shadow:none;transform:none}.transaction-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.transaction-management-header h3{margin:0}.settings-gear-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000;border:1px solid #0000;border-radius:12px;border-radius:var(--radius-medium);box-shadow:none;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;overflow:hidden;padding:8px;padding:var(--spacing-sm);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.settings-gear-button:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.settings-gear-button:hover{background:linear-gradient(135deg,#3b82f6e6,#2563ebcc 50%,#3b82f6e6);border-color:#3b82f699;box-shadow:0 6px 20px #3b82f64d,0 3px 8px #3b82f633,inset 0 1px 0 #fff3;color:#fff;color:var(--primary-white);transform:translateY(-2px) scale(1.05)}.settings-gear-button:hover:before{left:100%}.settings-gear-button:active{box-shadow:0 2px 8px #3b82f666,inset 0 1px 0 #ffffff1a;transform:translateY(0) scale(1.02)}.bulk-import-settings{background:var(--primary-dark);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-large);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;max-height:80vh;max-width:800px;overflow:hidden}.settings-description{color:#94a3b8;color:var(--text-secondary);line-height:1.5;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:0 32px;padding:0 var(--spacing-xl)}.modal-body{flex:1 1;overflow-y:auto;padding:32px;padding:var(--spacing-xl)}.settings-content{max-height:400px;overflow-y:auto;padding:0 32px;padding:0 var(--spacing-xl)}.mappings-section{padding:0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md)}.section-header h4{color:#fff;color:var(--text-primary);margin:0}.clear-all-button{background:#ef4444;background:var(--accent-red);border:none;border-radius:8px;border-radius:var(--radius-small);color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:background .2s ease}.clear-all-button:hover{background:#d32f2f}.empty-state{background:#2a2a2a66;border:2px dashed #ffffff1a;border:2px dashed var(--border-light);border-radius:12px;border-radius:var(--radius-medium);margin:24px 0;margin:var(--spacing-lg) 0}.empty-state p{line-height:1.6;margin:8px 0;margin:var(--spacing-sm) 0}.empty-state p:first-child{color:#fff;color:var(--text-primary);font-weight:500}.mappings-list{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.mapping-item{background:#2a2a2a99;border:1px solid #ffffff1a;border:1px solid var(--border-light);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:16px;padding:var(--spacing-md);transition:all .2s ease}.mapping-item:hover{background:#2a2a2acc;border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.mapping-info{gap:8px;gap:var(--spacing-sm)}.mapping-source{min-width:120px}.mapping-source,.mapping-target{color:#fff;color:var(--text-primary);font-weight:500}.mapping-target .category{color:#3b82f6;color:var(--accent-blue);font-weight:500}.mapping-target .subcategory{color:#94a3b8;color:var(--text-secondary);font-style:italic}.mapping-timestamp{color:#94a3b8;color:var(--text-secondary);font-size:11px;min-width:80px;text-align:right;white-space:nowrap}.mapping-item{background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-medium);gap:.75rem;justify-content:space-between;margin-bottom:.5rem;padding:.5rem .75rem;width:100%}.mapping-info,.mapping-item{align-items:center;display:flex}.mapping-info{flex:1 1;gap:.25rem;min-width:0;overflow:hidden}.mapping-source{max-width:120px}.mapping-source,.mapping-target{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapping-arrow{color:#94a3b8;color:var(--text-secondary);font-size:12px;margin:0 .25rem}.remove-mapping-button{align-items:center;background:#ef4444;background:var(--accent-red);border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.remove-mapping-button:hover{background:#d32f2f;box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}@media (max-width:768px){.bulk-import-settings{margin:16px;margin:var(--spacing-md);max-height:90vh;max-width:95vw}.modal-body{padding:16px;padding:var(--spacing-md)}.settings-content,.settings-description{padding:0 16px;padding:0 var(--spacing-md)}.mapping-item{gap:8px;gap:var(--spacing-sm)}.mapping-info,.mapping-item{align-items:flex-start;flex-direction:column}.mapping-info{gap:4px;gap:var(--spacing-xs);width:100%}.mapping-source,.mapping-target,.mapping-timestamp{min-width:auto;text-align:left}.remove-mapping-button{align-self:flex-end;margin-left:0}}.notification{animation:slideIn .3s ease-out;border-radius:12px;border-radius:var(--radius-medium);margin-bottom:24px;margin-bottom:var(--spacing-lg);overflow:hidden;position:relative}.notification-content{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);padding:16px;padding:var(--spacing-md)}.notification-icon{flex-shrink:0;font-size:16px;font-weight:700}.notification-text{flex:1 1;font-weight:500}.success-notification{background:#10b981;background:var(--accent-green);border:1px solid #10b981;border:1px solid var(--accent-green);box-shadow:0 4px 12px #4caf504d;color:#fff;color:var(--primary-white)}.error-notification{background:#ef4444;background:var(--accent-red);border:1px solid #ef4444;border:1px solid var(--accent-red);box-shadow:0 4px 12px #f443364d;color:#fff;color:var(--primary-white)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.monthly-averages-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);margin-bottom:24px;margin-bottom:var(--spacing-lg);overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative}.monthly-averages-section:before{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.category-section-header h3,.monthly-averages-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px;margin:0 0 var(--spacing-sm) 0;padding:0;text-shadow:0 0 30px #3b82f680}.averages-description{color:#94a3b8;color:var(--text-secondary);font-size:15px;font-weight:500;letter-spacing:.3px;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0;opacity:.9;padding:0}.line-graph-container{background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-sizing:border-box;margin:0;overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.line-graph-container:hover{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 8px 24px #00000040,0 4px 8px #00000026;box-shadow:var(--shadow-heavy);transform:translateY(-6px) scale(1.02)}.line-graph-container:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.line-graph-container h4{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 16px;margin:0 0 var(--spacing-md) 0;position:relative;z-index:1}.line-graph-wrapper{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md);position:relative;width:100%;z-index:1}.line-graph-svg{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff1a,0 4px 16px #0003;height:auto;max-width:100%;overflow:hidden;position:relative;width:100%}.line-graph-svg:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.line-graph-legend{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm);justify-content:center;margin-top:8px;margin-top:var(--spacing-sm)}.line-graph-legend .legend-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2ecc,#1e1e32b3);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 2px 8px #0003,inset 0 1px 0 #ffffff1a;display:flex;gap:4px;gap:var(--spacing-xs);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease}.line-graph-legend .legend-item:hover{border-color:#fff3;border-color:var(--border-medium);box-shadow:0 4px 12px #0000004d,inset 0 1px 0 #ffffff26;transform:translateY(-1px)}.line-graph-legend .legend-color{border:1px solid #fff3;border-radius:50%;box-shadow:0 0 8px #0000004d,inset 0 1px 0 #fff3;height:12px;transition:all .3s ease;width:12px}.line-graph-legend .legend-item:hover .legend-color{box-shadow:0 0 12px #0006,inset 0 1px 0 #ffffff4d;transform:scale(1.1)}.line-graph-legend .legend-label{color:#fff;font-size:12px;font-weight:500;transition:all .3s ease}.line-graph-legend .legend-item:hover .legend-label{color:#94a3b8;color:var(--text-secondary)}.no-data-message{color:#9ca3af;padding:32px;padding:var(--spacing-xl);text-align:center}.no-data-message p{font-size:14px;margin:0}.line-graph-tooltip{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f0f19fa,#141423f2);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff1a;box-shadow:0 8px 32px #0006,0 0 0 1px var(--border-light),inset 0 1px 0 #ffffff1a;padding:0;position:absolute!important;transition:all .2s ease;width:200px;z-index:9999!important}.line-graph-tooltip:before{background:linear-gradient(135deg,#3b82f61a,#8b5cf614 25%,#06b6d414 50%,#10b98114 75%,#3b82f61a);border-radius:16px;bottom:-1px;content:"";left:-1px;opacity:.6;position:absolute;right:-1px;top:-1px;z-index:-1}.tooltip-content{padding:8px;padding:var(--spacing-sm)}.tooltip-header{border-bottom:1px solid var(--border-color);margin-bottom:4px;margin-bottom:var(--spacing-xs);padding-bottom:4px;padding-bottom:var(--spacing-xs)}.tooltip-header h4{color:#fff;color:var(--text-primary);font-size:12px;font-weight:600;margin:0;text-align:center}.tooltip-metrics{display:flex;flex-direction:column;gap:2px}.tooltip-metric{align-items:center;display:flex;gap:4px;gap:var(--spacing-xs);padding:1px 0}.tooltip-metric-color{border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 0 6px #0006,inset 0 1px 0 #fff3;flex-shrink:0;height:6px;width:6px}.tooltip-metric-label{color:#9ca3af;flex:1 1;font-size:11px;font-weight:500;text-shadow:0 0 4px #0000004d}.tooltip-metric-value{color:#fff;color:var(--text-primary);font-size:11px;font-weight:600;min-width:60px;text-align:right}.averages-cards{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 0 24px;margin:0 0 var(--spacing-lg) 0}.average-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.average-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);background:#ffffff1a;background:var(--border-light);bottom:0;content:"";height:3px;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .3s ease;z-index:-1}.average-card:hover{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 8px 24px #00000040,0 4px 8px #00000026;box-shadow:var(--shadow-heavy);transform:translateY(-6px) scale(1.02)}.average-card.income:before{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-success);box-shadow:0 0 20px #10b9814d;box-shadow:var(--shadow-glow-green)}.average-card.expenses:before{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-danger);box-shadow:0 0 20px #ef44444d;box-shadow:var(--shadow-glow-red)}.average-card.savings:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow)}.average-card.deficit:before,.average-card.tax:before{background:linear-gradient(135deg,#43e97b,#38f9d7);background:var(--gradient-warning);box-shadow:0 0 20px #f59e0b4d}.average-card.net:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow)}.average-card.revenue:before{background:linear-gradient(90deg,#3b82f6,#2563eb);box-shadow:0 0 20px #3b82f64d}.average-card.net-income:before{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 20px #10b9814d}.average-card-header h4{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.8px;margin:0 0 16px;margin:0 0 var(--spacing-md) 0;opacity:.8;text-transform:uppercase}.average-card-content{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.average-amount{color:#fff;color:var(--text-primary);font-size:28px;font-weight:800;letter-spacing:-.8px;line-height:1.2;text-shadow:0 0 20px #ffffff4d}.net-income-savings-graph-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);margin-bottom:24px;margin-bottom:var(--spacing-lg);overflow:hidden;padding:0;position:relative}.net-income-savings-graph-section:before{background:linear-gradient(135deg,#10b9810d,#3b82f60d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.net-income-savings-graph-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0 0 24px;margin:0 0 var(--spacing-lg) 0;padding:32px 24px 0;padding:var(--spacing-xl) var(--spacing-lg) 0;text-shadow:0 0 30px #3b82f680}.net-income-savings-graph-section .graph-description{color:#94a3b8;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:0 24px;padding:0 var(--spacing-lg)}.net-income-savings-graph-container{padding:0 24px 32px;padding:0 var(--spacing-lg) var(--spacing-xl)}.graph-columns{align-items:flex-start;display:flex;gap:1rem;width:100%}.graph-column{flex:1 1}.chart-column{flex:1 1;min-width:0}.metrics-column{flex:0 0 100px;max-width:100px;min-width:100px}@media (max-width:1200px){.metrics-column{flex:0 0 90px;max-width:90px;min-width:90px}.graph-columns{gap:.75rem}}@media (max-width:992px){.graph-columns{flex-direction:column;gap:1rem}.chart-column{width:100%}.metrics-column{flex:none;max-width:none;min-width:auto;width:100%}.metrics-container{flex-direction:row;gap:2rem;justify-content:center;padding:.75rem}.metric-item{font-size:.75rem}}@media (max-width:768px){.net-income-savings-graph-container{padding:0 16px 24px;padding:0 var(--spacing-md) var(--spacing-lg)}.line-chart-container{padding:.75rem}.metrics-container{gap:1.5rem}.metric-item{font-size:.7rem}.metric-indicator{height:10px;width:10px}}@media (max-width:480px){.net-income-savings-graph-container{padding:0 8px 16px;padding:0 var(--spacing-sm) var(--spacing-md)}.line-chart-container{padding:.5rem}.metrics-container{align-items:center;flex-direction:column;gap:.5rem}.metric-item{font-size:.65rem}}.net-income-savings-graph-container .graph-container{width:100%}.line-chart-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;overflow:visible;padding:1rem}.net-income-savings-graph-container .graph-container h4{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md);text-align:center}.line-chart-container{background:#0003;overflow-x:auto;padding:16px;padding:var(--spacing-md)}.line-chart-container,.line-chart-svg{border-radius:12px;border-radius:var(--radius-medium);width:100%}.line-chart-svg{background:var(--background-primary);display:block;height:auto;margin:0 auto;max-width:100%}.line-chart-svg .data-point{stroke:#0000;stroke-width:0;cursor:pointer;transition:all .15s ease}.line-chart-svg .data-point:hover{r:5;stroke:#ffffffe6;stroke-width:2;filter:drop-shadow(0 0 8px rgba(255,255,255,.6))}.line-chart-svg .data-point:active{r:4;filter:drop-shadow(0 0 4px rgba(255,255,255,.4))}.metrics-container{display:flex;flex-direction:column;gap:.75rem;padding:1rem .5rem}.metric-item{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:500;gap:.5rem}.metric-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.metric-indicator.net-income{background:#10b981;box-shadow:0 0 6px #10b98166}.metric-indicator.net-savings{background:#3b82f6;box-shadow:0 0 6px #3b82f666}.metric-indicator.gross-expenses{background:#ef4444;box-shadow:0 0 6px #ef444466}.category-input-group,.subcategory-input-group{align-items:center;display:flex;gap:.5rem;width:100%}.auto-matched-badge{border-radius:12px;font-size:.75rem;font-weight:500;margin-left:8px;padding:2px 8px}.auto-matched-badge.memory-badge{background-color:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.auto-matched-badge.ai-badge{background-color:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6}.net-income-line{filter:drop-shadow(0 2px 4px rgba(16,185,129,.3))}.net-savings-line{filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.gross-expenses-line{filter:drop-shadow(0 2px 4px rgba(239,68,68,.3))}.year-end-forecast-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);margin-bottom:24px;margin-bottom:var(--spacing-lg);overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative}.year-end-forecast-section:before{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.year-end-forecast-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px;margin:0 0 var(--spacing-sm) 0;padding:0;text-shadow:0 0 30px #3b82f680}.forecast-description{color:#94a3b8;color:var(--text-secondary);font-size:15px;font-weight:500;letter-spacing:.3px;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0;opacity:.9;padding:0}.forecast-cards{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 0 24px;margin:0 0 var(--spacing-lg) 0}.forecast-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.forecast-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);background:#ffffff1a;background:var(--border-light);bottom:0;content:"";height:3px;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .3s ease;z-index:-1}.forecast-card:hover{border-color:#8b5cf6;border-color:var(--accent-purple);box-shadow:0 8px 24px #00000040,0 4px 8px #00000026;box-shadow:var(--shadow-heavy);transform:translateY(-6px) scale(1.02)}.forecast-card.income:before{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-success);box-shadow:0 0 20px #10b9814d;box-shadow:var(--shadow-glow-green)}.forecast-card.expenses:before{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-danger);box-shadow:0 0 20px #ef44444d;box-shadow:var(--shadow-glow-red)}.forecast-card.savings:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow)}.forecast-card.deficit:before,.forecast-card.tax:before{background:linear-gradient(135deg,#43e97b,#38f9d7);background:var(--gradient-warning);box-shadow:0 0 20px #f59e0b4d}.forecast-card.net:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow)}.forecast-card.revenue:before{background:linear-gradient(90deg,#3b82f6,#2563eb);box-shadow:0 0 20px #3b82f64d}.forecast-card.net-income:before{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 20px #10b9814d}.forecast-trend{font-size:11px;font-style:italic;opacity:.7}.forecast-card-header h4{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.8px;margin:0 0 16px;margin:0 0 var(--spacing-md) 0;opacity:.8;text-transform:uppercase}.forecast-card-content{display:flex;flex-direction:column}.forecast-subtitle{font-size:13px;font-style:italic;font-weight:600;letter-spacing:.3px;margin-top:8px;margin-top:var(--spacing-sm);opacity:1;text-shadow:0 1px 2px #0000004d}.forecast-amount{color:#fff;color:var(--text-primary);font-size:28px;font-weight:800;letter-spacing:-.8px;line-height:1.2;text-shadow:0 0 20px #ffffff4d}.average-subtitle{font-size:13px;font-style:italic;font-weight:600;letter-spacing:.3px;margin-top:8px;margin-top:var(--spacing-sm);opacity:1;text-shadow:0 1px 2px #0000004d}.average-amount-change{font-size:12px;font-weight:600;margin-bottom:2px}.average-trend{font-size:11px;font-style:italic;opacity:.7}.forecast-amount-change{font-size:12px;font-weight:600;margin-bottom:2px}@media (max-width:1200px){.summary-cards{gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.averages-cards,.forecast-cards,.summary-cards{gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.average-card,.forecast-card,.summary-card{padding:24px;padding:var(--spacing-lg)}.average-amount,.forecast-amount,.summary-card .amount{font-size:24px}.average-label,.forecast-label,.summary-card .label{font-size:13px}.average-change,.forecast-change,.summary-card .change{font-size:11px}.average-card,.forecast-card,.summary-card{display:flex;flex-direction:column;justify-content:center;min-height:120px}.budget-status-card{padding:16px;padding:var(--spacing-md)}.budget-status-card .category-header{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.budget-status-card .header-actions{flex-direction:column;gap:8px;gap:var(--spacing-sm);width:100%}.budget-status-card .add-new-button{width:100%}.overall-budget-status{padding:16px;padding:var(--spacing-md)}.overall-budget-status .budget-progress-bar{height:12px}.overall-budget-status .percentage-circle{height:60px;width:60px}.monthly-averages-section,.overall-budget-section,.year-end-forecast-section{margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:16px;padding:var(--spacing-md) var(--spacing-md)}.filters-section{gap:16px;gap:var(--spacing-md);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:16px;padding:var(--spacing-md)}.filter-group{min-width:100px}.category-management h2,.expenses-tab h2,.income-tab h2,.transaction-form h2{font-size:24px}.expenses-tab .total-section h3,.income-tab .total-section h3{font-size:20px}.transactions-table td,.transactions-table th{padding:16px;padding:var(--spacing-md)}.add-category form,.add-subcategory form{align-items:stretch;flex-direction:column}.add-category input,.add-category select,.add-subcategory input,.add-subcategory select{min-width:auto}.expenses-tab .filter-group,.income-tab .filter-group{align-items:stretch;flex-direction:column;min-width:100px}.bulk-actions-header{align-items:flex-start}.bulk-actions-content,.bulk-actions-header{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.bulk-actions-content{justify-content:flex-start;margin-top:8px;margin-top:var(--spacing-sm)}.bulk-actions-content button{min-width:auto;width:100%}.expenses-tab .transactions-table,.income-tab .transactions-table{font-size:14px}.expenses-tab .transactions-table td,.expenses-tab .transactions-table th,.income-tab .transactions-table td,.income-tab .transactions-table th{overflow:hidden;padding:8px;padding:var(--spacing-sm);text-overflow:ellipsis;white-space:nowrap}.transactions-table th.sortable{align-items:center;display:flex;justify-content:center;min-height:44px}.transactions-list{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.income-tab .transactions-table .tax-amount{font-size:12px}.income-tab .transactions-table .tax-percentage{font-size:10px}.income-tab .transactions-table .income-type{font-size:10px;padding:2px 6px}.income-tab .summary-cards{gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.income-tab .category-breakdown{flex-direction:column}.income-tab .breakdown-list{margin-bottom:24px;margin-bottom:var(--spacing-lg);width:100%}.income-tab .pie-chart{margin:0 auto;max-width:300px;width:100%}@media (max-width:480px){.app-main{border-radius:var(--radius-md)}.app-header,.app-main{padding:8px;padding:var(--spacing-sm)}.app-header h1{font-size:20px}.summary-cards{gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-card{padding:16px;padding:var(--spacing-md)}.summary-card .amount{font-size:20px}.income-tab .transactions-table{min-width:800px}.income-tab .transactions-table td,.income-tab .transactions-table th{font-size:12px;padding:4px;padding:var(--spacing-xs)}.income-tab .transactions-table .tax-percentage{font-size:9px}.income-tab .transactions-table .income-type{font-size:9px;padding:1px 4px}input,select,textarea{font-size:16px;padding:8px;padding:var(--spacing-sm)}button{padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}}.category-title-row{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--spacing-md)}.category-actions{justify-content:space-between;width:100%}}.income-tab h2{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0;padding:32px 24px 0;padding:var(--spacing-xl) var(--spacing-lg) 0;text-align:left;text-shadow:0 0 20px #ffffff4d}.income-tab .total-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);margin-bottom:32px;margin-bottom:var(--spacing-xl);overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative;text-align:center}.income-tab .total-section:before{background:linear-gradient(135deg,#10b9811a,#06b6d41a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.income-tab .total-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-success);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px;margin:0 0 var(--spacing-sm) 0;text-shadow:0 0 30px #10b98180}.expenses-tab .total-section p,.income-tab .total-section p{color:#94a3b8;color:var(--text-secondary);font-size:14px;margin:0;opacity:.8}.bulk-actions{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);margin-top:24px;margin-top:var(--spacing-lg);overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative}.bulk-actions:before{background:linear-gradient(135deg,#ef44441a,#f59e0b1a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.bulk-actions p{color:#fff;color:var(--text-primary);font-weight:600;margin:0 0 16px;margin:0 0 var(--spacing-md) 0}.bulk-delete-button{font-weight:700;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.bulk-delete-button:hover:not(:disabled){background:#d32f2f;box-shadow:0 4px 12px #d32f2f4d;transform:translateY(-1px)}.transactions-list{background:#1a1a2ee6;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);contain:layout style paint;margin-bottom:0;overflow:hidden;padding:0;position:relative}.transactions-list:before{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.transactions-table{border-collapse:collapse;contain:layout style;font-size:14px;margin:0;width:100%;will-change:auto}.transactions-table th{background:#2a2a2af2;color:#94a3b8;color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:1px;text-align:left;text-transform:uppercase;will-change:auto}.transactions-table td,.transactions-table th{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-light);padding:24px;padding:var(--spacing-lg);position:relative}.transactions-table td{background:#1a1a2ecc;color:#fff;color:var(--text-primary);transition:background-color .2s ease;will-change:background-color}.transactions-table tr:hover td{background:#3b82f61a}.transactions-table tr.selected td{background:#3b82f633;border-color:#3b82f6;border-color:var(--accent-blue)}.transactions-table tr:last-child td{border-bottom:none}.transactions-table .amount{color:#10b981;color:var(--accent-green);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);font-size:15px;font-weight:700}.transactions-table .timestamp{color:#64748b;color:var(--text-tertiary);font-size:12px}.select-all-checkbox,.transaction-checkbox{accent-color:#3b82f6;accent-color:var(--accent-blue);cursor:pointer;height:16px;width:16px}.delete-button{align-items:center;background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-danger);border:none;border-radius:8px;border-radius:var(--radius-small);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-light);color:#fff;color:var(--primary-white);cursor:pointer;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;transition:all .3s ease;width:28px}.delete-button:hover{background:linear-gradient(135deg,#dc2626,#ef4444);background:#d32f2f;box-shadow:0 0 20px #ef44444d;box-shadow:var(--shadow-glow-red);transform:scale(1.1)}.no-transactions{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);color:#94a3b8;color:var(--text-secondary);font-style:italic;font-weight:500;letter-spacing:.3px;padding:32px;padding:var(--spacing-xl);text-align:center}.expenses-tab h2{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0;padding:32px 24px 0;padding:var(--spacing-xl) var(--spacing-lg) 0;text-align:left;text-shadow:0 0 20px #ffffff4d}.expenses-tab .total-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);margin-bottom:32px;margin-bottom:var(--spacing-xl);overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative;text-align:center}.expenses-tab .total-section:before{background:linear-gradient(135deg,#ef44441a,#f59e0b1a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.expenses-tab .total-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-danger);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px;margin:0 0 var(--spacing-sm) 0;text-shadow:0 0 30px #ef444480}.expenses-tab .transactions-table .amount{color:#ef4444;color:var(--accent-red);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);font-size:15px;font-weight:700}.expense-type{border-radius:50px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.expense-type.business{background-color:#3b82f61a;border:1px solid #3b82f633;color:var(--primary-blue)}.expense-type.personal{background-color:#9ca3af1a;border:1px solid #9ca3af33;color:#94a3b8;color:var(--text-secondary)}.income-type{border-radius:50px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.income-type.business{background-color:#3b82f61a;border:1px solid #3b82f633;color:var(--primary-blue)}.income-type.personal{background-color:#9ca3af1a;border:1px solid #9ca3af33}.income-type.personal,.readonly-field{color:#94a3b8;color:var(--text-secondary)}.readonly-field{background-color:#2a2a2a80;cursor:not-allowed}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-modal{animation:modalSlideIn .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ee6;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:none;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;padding:0;position:relative;width:500px}.confirmation-modal .modal-header{align-items:center;background:#0000;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:24px;padding:var(--spacing-lg)}.confirmation-modal .modal-header h3{color:#fff;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.confirmation-modal .close-btn{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-small);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;padding:var(--spacing-xs);transition:all .2s ease}.confirmation-modal .close-btn:hover{background:var(--bg-secondary);color:#ef4444;color:var(--accent-red)}.confirmation-modal .modal-content{background:#0000;border:none;flex:1 1;overflow-y:auto;padding:24px;padding:var(--spacing-lg)}.confirmation-message{color:#94a3b8;color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0 0 24px;margin:0 0 var(--spacing-lg) 0}.confirmation-modal .modal-actions{display:flex;gap:16px;gap:var(--spacing-md);justify-content:flex-end;margin-top:24px;margin-top:var(--spacing-lg)}.confirmation-modal .cancel-btn,.confirmation-modal .confirm-btn{background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);color:#fff;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;min-width:80px;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.confirmation-modal .cancel-btn:hover{background:var(--bg-tertiary);border-color:#fff3;border-color:var(--border-medium);transform:translateY(-1px)}.confirmation-modal .confirm-btn{background:#3b82f6;background:var(--accent-blue);border-color:#3b82f6;border-color:var(--accent-blue);color:#fff}.confirmation-modal .confirm-btn:hover{background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.confirmation-modal .confirm-btn.destructive{background:#ef4444;background:var(--accent-red);border-color:#ef4444;border-color:var(--accent-red)}.confirmation-modal .confirm-btn.destructive:hover{background:var(--accent-red-hover);border-color:var(--accent-red-hover);box-shadow:0 4px 12px #ef44444d}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:12px;box-shadow:none;max-height:90vh;max-width:500px;overflow-y:auto;width:500px}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px}.modal-header h3{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.modal-close:hover{background:#ef44441a;color:#ef4444;color:var(--accent-red)}.edit-form{padding:32px 24px}.edit-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px;width:100%}.edit-form .form-row.single{grid-template-columns:1fr}.edit-form .form-row.tax-preview{gap:8px;grid-template-columns:1fr 1fr;margin-bottom:20px;margin-top:0}.edit-form .form-group{display:flex;flex-direction:column;gap:6px}.edit-form .form-group label{color:#fff;color:var(--text-primary);font-size:14px;font-weight:500;margin:0}.edit-form .form-group input,.edit-form .form-group select{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .2s ease}.edit-form .form-group input:focus,.edit-form .form-group select:focus{background:#ffffff14;border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-form .form-group input:hover,.edit-form .form-group select:hover{background:#ffffff14;border-color:#ffffff4d}.preview-field{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:6px;color:#10b981;color:var(--accent-green);display:flex;font-size:12px;font-weight:600;justify-content:center;min-height:32px;padding:8px 12px;text-align:center}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px 24px}.submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--accent-blue) 0,#2563eb 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.modal-content{margin:20px;max-width:none;width:95%}.modal-header{margin-bottom:20px;padding:20px 20px 0}.edit-form{padding:0 20px 20px}.edit-form .form-row{gap:12px;grid-template-columns:1fr;margin-bottom:16px}.modal-actions{padding:16px 20px 20px}.submit-btn{width:100%}}.income-tab .transactions-table .amount{color:#10b981;color:var(--accent-green);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);font-size:15px;font-weight:700}.income-tab .transactions-table .gross-amount{color:#10b981;color:var(--accent-green)}.income-tab .transactions-table .net-amount{color:#3b82f6;color:var(--accent-blue)}.income-tab .transactions-table .tax-amount{color:#94a3b8;color:var(--text-secondary);font-size:14px}.income-tab .transactions-table .tax-percentage{color:var(--text-muted);display:block;font-size:12px;margin-top:2px}.income-tab .transactions-list{-webkit-overflow-scrolling:touch;contain:layout style paint;max-width:100%;overflow-x:auto;will-change:scroll-position}.income-tab .transactions-table{min-width:1000px;width:100%}.expenses-tab .transactions-list{-webkit-overflow-scrolling:touch;contain:layout style paint;max-width:100%;overflow-x:auto;will-change:scroll-position}.expenses-tab .transactions-table{min-width:1000px;width:100%}.expenses-tab,.income-tab{box-sizing:border-box;max-width:100%;width:100%}.expenses-tab .category-breakdown,.expenses-tab .summary-section,.income-tab .category-breakdown,.income-tab .summary-section{box-sizing:border-box;max-width:100%;overflow:visible;width:100%}.bulk-actions-section{margin-top:24px;margin-top:var(--spacing-lg)}.bulk-actions-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative}.bulk-actions-card:before{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-danger);box-shadow:0 0 20px #ef44444d;box-shadow:var(--shadow-glow-red);content:"";height:3px;left:0;position:absolute;right:0;top:0}.bulk-actions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md)}.bulk-actions-header h4{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.bulk-status{color:#94a3b8;color:var(--text-secondary);font-size:.9rem;font-weight:500}.bulk-actions-content{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.bulk-tax-section{background:#1a1a2e99;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);padding:16px;padding:var(--spacing-md)}.bulk-tax-header h5{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.bulk-tax-header p{color:#94a3b8;color:var(--text-secondary);font-size:12px;margin:0 0 16px;margin:0 0 var(--spacing-md) 0}.bulk-tax-controls{display:flex;gap:16px;gap:var(--spacing-md);justify-content:flex-start}.bulk-tax-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:none;border-radius:12px;border-radius:var(--radius-medium);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);color:#fff;color:var(--primary-white);cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.bulk-tax-button:hover:not(:disabled){background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-secondary);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.bulk-tax-button:disabled{background:#64748b;background:var(--text-tertiary);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.bulk-tax-remove-button{background:linear-gradient(135deg,#43e97b,#38f9d7);background:var(--gradient-warning);border:none;border-radius:12px;border-radius:var(--radius-medium);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);color:#fff;color:var(--primary-white);cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.bulk-tax-remove-button:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 0 20px #f59e0b4d;transform:translateY(-2px)}.bulk-tax-remove-button:disabled{background:#64748b;background:var(--text-tertiary);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.bulk-delete-section{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;padding-top:16px;padding-top:var(--spacing-md)}.bulk-delete-button{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-danger);border:none;border-radius:12px;border-radius:var(--radius-medium);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);color:#fff;color:var(--primary-white);cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase;transition:all .3s ease}.bulk-delete-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 0 20px #ef44444d;box-shadow:var(--shadow-glow-red);transform:translateY(-2px)}.bulk-delete-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.transaction-form h2{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0;padding:32px 24px 0;padding:var(--spacing-xl) var(--spacing-lg) 0;text-align:left;text-shadow:0 0 20px #ffffff4d}.sub-tabs{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-large);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);display:flex;gap:4px;gap:var(--spacing-xs);margin-bottom:32px;margin-bottom:var(--spacing-xl);padding:8px;padding:var(--spacing-sm);position:relative}.sub-tabs button{background:#0000;border:none;box-shadow:none;color:#94a3b8;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:relative;z-index:2}.sub-tabs button,.sub-tabs:before{border-radius:12px;border-radius:var(--radius-medium);transition:all .3s cubic-bezier(.4,0,.2,1)}.sub-tabs:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);content:"";height:calc(100% - 16px);height:calc(100% - var(--spacing-sm)*2);left:8px;left:var(--spacing-sm);position:absolute;top:8px;top:var(--spacing-sm);width:calc(50% - 10px);width:calc(50% - var(--spacing-sm) - var(--spacing-xs)/2);z-index:1}.sub-tabs[data-active=single]:before{transform:translateX(0)}.sub-tabs[data-active=bulk]:before,.sub-tabs[data-active=single]:before{width:calc(33.333% - 9.33333px);width:calc(33.333% - var(--spacing-sm) - var(--spacing-xs)/3)}.sub-tabs[data-active=bulk]:before{transform:translateX(calc(100% + 4px));transform:translateX(calc(100% + var(--spacing-xs)))}.sub-tabs[data-active=html]:before,.sub-tabs[data-active=sync]:before{transform:translateX(calc(200% + 8px));transform:translateX(calc(200% + var(--spacing-xs)*2));width:calc(33.333% - 9.33333px);width:calc(33.333% - var(--spacing-sm) - var(--spacing-xs)/3)}.sub-tabs[data-active=income]:before,.sub-tabs[data-active=subcategory]:before{transform:translateX(calc(100% + 4px));transform:translateX(calc(100% + var(--spacing-xs)))}.sub-tabs button.active{color:#fff;color:var(--primary-white);font-weight:700;text-shadow:0 1px 2px #0000004d}.sub-tabs button:hover:not(.active){background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 4px 12px #0003,0 2px 6px #00000026,inset 0 1px 0 #ffffff1a;color:#fff;color:var(--text-primary);transform:translateY(-1px)}.bulk-form,.html-table-import,.single-form{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);overflow:hidden;padding:32px 24px;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-xl) var(--spacing-lg);position:relative}.bulk-form:before,.html-table-import:before,.single-form:before{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.form-group{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.form-group label{color:#94a3b8;color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.8px;margin-bottom:8px;margin-bottom:var(--spacing-sm);opacity:.8;text-transform:uppercase}.form-group textarea{font-family:inherit}.submit-button:hover:not(:disabled){background:#1976d2;box-shadow:0 4px 12px #2196f34d}.submit-button:disabled{opacity:.6}.help-text{word-wrap:break-word;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-light);margin-top:8px;margin-top:var(--spacing-sm);overflow:hidden;padding:16px;padding:var(--spacing-md)}.help-text p{color:#94a3b8;color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.help-text p:last-child{margin-bottom:0}.help-text strong{color:#fff;color:var(--text-primary);font-weight:600}.amount-filter-toggle-container{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);margin-top:4px;margin-top:var(--spacing-xs)}.toggle-label-group{background:#2a2a2a99;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);display:flex;flex-direction:column;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.toggle-label-group:hover{background:#2a2a2acc;border-color:#94a3b8;border-color:var(--text-secondary)}.toggle-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.toggle-label-group .toggle-text{color:#fff;color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.toggle-description{margin-top:4px;margin-top:var(--spacing-xs)}.toggle-description p{color:#94a3b8;color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0}.toggle-description p:not(:last-child){margin-bottom:4px;margin-bottom:var(--spacing-xs)}.unified-add-form{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);margin:0 32px 32px;margin:0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative}.unified-add-form:before{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.unified-add-form h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;letter-spacing:-.4px;margin:0 0 24px;margin:0 0 var(--spacing-lg) 0;text-shadow:0 0 20px #3b82f680}.category-type-tabs{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.expense-categories,.income-categories{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-xl)}.unified-add-form .form-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md)}.unified-add-form .form-group{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs);min-width:150px}.unified-add-form .form-group label{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.unified-add-form input,.unified-add-form select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);color:#fff;color:var(--text-primary);font-size:15px;font-weight:500;padding:16px;padding:var(--spacing-md);transition:all .2s ease}.transactions-table th.sortable{transition:all .2s ease;-webkit-user-select:none;user-select:none}.transactions-table th.sortable:hover{background:#3b82f633;color:#3b82f6;color:var(--accent-blue)}.transactions-table th.sortable.active{background:#3b82f6;background:var(--accent-blue);color:#fff}.filter-group input[type=date]{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);color:#fff;color:var(--text-primary);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);font-size:15px;font-weight:500;padding:16px;padding:var(--spacing-md);transition:all .3s ease}.filter-group input[type=date]:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 20px #3b82f633}.filter-group input[type=date]:focus{background:#3b82f61a;border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);outline:none}.filter-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.filter-group input[type=date]::-webkit-datetime-edit-text{color:#fff;color:var(--text-primary)}.filter-group input[type=date]::-webkit-datetime-edit-day-field,.filter-group input[type=date]::-webkit-datetime-edit-month-field,.filter-group input[type=date]::-webkit-datetime-edit-year-field{color:#fff;color:var(--text-primary)}.filter-group .date-range-separator{color:#94a3b8;color:var(--text-secondary);font-weight:500;margin:0 8px;margin:0 var(--spacing-sm);-webkit-user-select:none;user-select:none}.unified-add-form input:focus,.unified-add-form select:focus{background:#3b82f61a;border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);outline:none}.unified-add-form .add-button{align-self:flex-end;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:none;border-radius:12px;border-radius:var(--radius-medium);color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease;white-space:nowrap}.unified-add-form .add-button:hover{background:linear-gradient(135deg,#5a67d8,#667eea);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.add-category,.add-subcategory{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);margin-bottom:24px;margin-bottom:var(--spacing-lg);overflow:hidden;padding:0;position:relative}.add-category:before,.add-subcategory:before{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.add-category h3,.add-subcategory h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;letter-spacing:-.4px;margin:0 0 24px;margin:0 0 var(--spacing-lg) 0;padding:32px 24px 0;padding:var(--spacing-xl) var(--spacing-lg) 0;text-shadow:0 0 20px #3b82f680}.add-category form,.add-subcategory form{align-items:flex-end;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);padding:0 32px 32px;padding:0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl)}.add-category input,.add-category select,.add-subcategory input,.add-subcategory select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);color:#fff;color:var(--text-primary);font-size:15px;font-weight:500;min-width:150px;padding:16px;padding:var(--spacing-md);transition:all .2s ease}.add-category input:focus,.add-category select:focus,.add-subcategory input:focus,.add-subcategory select:focus{background:#3b82f61a;border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);outline:none}.add-category button,.add-subcategory button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:none;border-radius:12px;border-radius:var(--radius-medium);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);text-shadow:0 1px 2px #0000004d;transition:all .2s ease;white-space:nowrap}.add-category button:hover,.add-subcategory button:hover{background:linear-gradient(135deg,#5a67d8,#667eea);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.categories-display{background:#0000;display:flex;flex-direction:column;gap:32px;gap:var(--spacing-xl);padding:0}.category-section-header{align-items:center;border-bottom:2px solid #ffffff1a;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding-bottom:16px;padding-bottom:var(--spacing-md)}.header-actions{align-items:flex-end;display:flex;gap:16px;gap:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}.add-new-button{background:linear-gradient(135deg,#3b82f6e6,#60a5facc 50%,#3b82f6e6);border:1px solid #3b82f64d;border-radius:12px;border-radius:var(--radius-medium);box-shadow:0 4px 12px #3b82f64d,0 2px 4px #0000001a,inset 0 1px 0 #fff3;box-sizing:border-box;color:#fff;color:var(--primary-white);cursor:pointer;font-size:12px;font-weight:600;height:32px;overflow:hidden;padding:8px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.add-new-button:hover{background:linear-gradient(135deg,#3b82f6,#60a5fae6 50%,#3b82f6);box-shadow:0 8px 20px #3b82f666,0 4px 8px #00000026,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.add-new-button.close-mode{background:linear-gradient(135deg,#ef4444e6,#f87171cc 50%,#ef4444e6);border:1px solid #ef44444d;box-shadow:0 4px 12px #ef44444d,0 2px 4px #0000001a,inset 0 1px 0 #fff3;color:#fff;color:var(--primary-white)}.add-new-button.close-mode:hover{background:linear-gradient(135deg,#ef4444,#f87171e6 50%,#ef4444);box-shadow:0 8px 20px #ef444466,0 4px 8px #00000026,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.category-count{align-items:center;backdrop-filter:none;-webkit-backdrop-filter:none;background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);box-shadow:none;box-sizing:border-box;color:#fff;color:var(--text-primary);display:flex;font-size:12px;font-weight:600;height:32px;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.expense-categories h3,.income-categories h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0 0 24px;margin:0 0 var(--spacing-lg) 0;padding:32px 24px 0;padding:var(--spacing-xl) var(--spacing-lg) 0;text-shadow:0 0 30px #3b82f680}.category-group{border-radius:16px;border-radius:var(--radius-large)}.category-header{padding:24px;padding:var(--spacing-lg)}.category-title-row{align-items:center;display:flex;justify-content:space-between}.category-info h4{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:-.2px;margin:0}.category-actions{gap:16px;gap:var(--spacing-md)}.business-toggle{gap:8px;gap:var(--spacing-sm)}.toggle-switch{border-radius:12px;height:24px}.toggle-switch:before{height:20px;width:20px}.toggle-switch.active{background:#3b82f6;background:var(--accent-blue)}.toggle-switch.active:before{transform:translateX(20px)}.action-buttons{display:flex;gap:4px;gap:var(--spacing-xs)}.subcategory-list{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.subcategory-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);box-sizing:border-box;display:flex;justify-content:space-between;overflow:hidden;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all .2s ease;width:100%}.subcategory-item:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 4px 20px #3b82f633;transform:translateX(4px)}.subcategory-name{color:#fff;color:var(--text-primary);font-size:14px;font-weight:500}.subcategory-actions{gap:4px;gap:var(--spacing-xs)}.budget-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);margin-top:24px;margin-top:var(--spacing-lg);overflow:hidden;padding:0;position:relative}.budget-section:before{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.budget-section h4{color:#94a3b8;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;margin:0 0 var(--spacing-md) 0;padding:24px 24px 0;padding:var(--spacing-lg) var(--spacing-lg) 0 var(--spacing-lg);text-transform:uppercase}.budget-input{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);padding:0 24px 24px;padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.budget-input input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);color:#fff;color:var(--text-primary);font-size:14px;padding:8px;padding:var(--spacing-sm);text-align:center;transition:all .3s ease;width:80px}.budget-input input:hover{box-shadow:0 0 20px #3b82f633}.budget-input input:focus,.budget-input input:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--accent-blue)}.budget-input input:focus{box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);outline:none}.budget-input span{color:#94a3b8;color:var(--text-secondary);font-size:14px}.category-breakdown .subcategories{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.subcategory-content{width:100%}.subcategory-content span{color:#fff;color:var(--text-primary);font-weight:500}.expense-categories p,.income-categories p{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-light);color:#94a3b8;color:var(--text-secondary);font-style:italic;padding:0 32px 32px;padding:0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);text-align:center}.loading{font-style:italic;padding:32px;padding:var(--spacing-xl)}.error-message{border:1px solid #ef4444;border:1px solid var(--accent-red)}.error-message,.success-message{box-shadow:0 2px 8px #0000001a;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:16px;padding:var(--spacing-md);text-align:center}.success-message{border:1px solid #10b981;border:1px solid var(--accent-green)}.loading{color:#94a3b8;color:var(--text-secondary);padding:48px;padding:var(--spacing-xxl);text-align:center}.loading h3{font-size:18px;font-weight:500;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.loading p{color:#64748b;color:var(--text-tertiary);font-size:15px}.category-management{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;max-width:100%;overflow:visible;padding:0;position:relative}.category-management h2{color:#fff;font-size:32px;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0;text-align:left;text-shadow:0 0 20px #ffffff4d}.category-management h2,.category-management h3{font-weight:800;letter-spacing:-.5px;padding:32px 24px 0;padding:var(--spacing-xl) var(--spacing-lg) 0}.category-management h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;margin:0 0 24px;margin:0 0 var(--spacing-lg) 0;text-shadow:0 0 30px #3b82f680}.category-management .category-header{margin-bottom:24px;margin-bottom:var(--spacing-lg);padding-left:0;padding-right:0}.category-management .category-header.no-subcategories{margin-bottom:0}.category-management .subcategories{padding-right:0}.budget-header{cursor:pointer;gap:16px;gap:var(--spacing-md)}.budget-category-info{align-items:center;display:flex;gap:4px;gap:var(--spacing-xs)}.budget-header .expand-arrow{color:#94a3b8;color:var(--text-secondary);font-size:12px;transition:transform .2s ease}.budget-header .expand-arrow.expanded{transform:rotate(180deg)}.subcategory-budget-list{border-left:2px solid #ffffff1a;border-left:2px solid var(--border-light);margin-top:16px;margin-top:var(--spacing-md);padding-left:24px;padding-left:var(--spacing-lg)}.subcategory-budget-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:16px;padding:var(--spacing-md)}.subcategory-budget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.subcategory-budget-header .subcategory-name{color:#fff;color:var(--text-primary);font-weight:600}.subcategory-budget-status{background:#ffffff1a;border-radius:8px;border-radius:var(--radius-small);font-size:12px;font-weight:600;padding:4px 12px}.subcategory-budget-details{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.subcategory-budget-details .budget-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.subcategory-budget-details .budget-row:last-child{margin-bottom:0}.budget-totals{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.budget-total.business,.budget-total.personal{color:#fbbf24;font-weight:600}.budget-total.business.at-limit,.budget-total.personal.at-limit{color:#22c55e;font-weight:700}.add-category form,.add-subcategory form{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;gap:var(--spacing-sm);margin:0;max-width:100%}.expense-categories,.income-categories{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);overflow:hidden;padding:0;position:relative}.expense-categories:before,.income-categories:before{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.category-list{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg);padding:0 32px 32px;padding:0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl)}.category-group{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2a2acc;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative;transition:all .3s ease}.category-group:before{background:linear-gradient(135deg,#ffffff0d,#ffffff05);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.category-group:hover{box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);transform:translateY(-4px) scale(1.02)}.category-info{flex:1 1}.category-title-row h4{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0}.business-toggle{margin-right:8px;margin-right:var(--spacing-sm)}.toggle-label{font-size:13px;font-weight:500}.toggle-label:hover{color:#fff;color:var(--text-primary)}.toggle-switch{background:#ffffff1a;background:var(--border-light);border:none;border-radius:13px;cursor:pointer;height:26px;min-height:0!important;outline:none;position:relative;transition:all .3s ease;width:44px}.toggle-switch.active{background:#10b981;background:var(--accent-green)}.toggle-switch:before{background:#fff;background:var(--primary-white);border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:22px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:22px}.toggle-switch.active:before{transform:translateX(18px)}.toggle-text{font-size:13px;-webkit-user-select:none;user-select:none}.subcategory-item:last-child{margin-bottom:0}.subcategory-content{align-items:center;background:#0000;border:none;display:flex;justify-content:space-between;padding:4px 0;padding:var(--spacing-xs) 0}.subcategory-header-row{grid-gap:20px;align-items:start;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:1fr auto;padding:8px 0;padding:var(--spacing-sm) 0;width:100%}.subcategory-right-section{align-items:center;display:flex;gap:20px;justify-content:flex-end}.subcategory-content span{color:#94a3b8;color:var(--text-secondary);font-size:14px;font-weight:400;position:relative}.subcategory-name-input{align-self:center;background:var(--background-secondary);border:2px solid #3b82f6;border:2px solid var(--accent-blue);border-radius:8px;border-radius:var(--radius-small);color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;height:32px;max-width:200px;outline:none;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease;width:150px}.subcategory-name-input:focus{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.read-only-value{background:#0000;border:none;border-radius:0;color:#fff;color:var(--text-primary);display:inline;font-size:13px;font-weight:500;height:auto;padding:0;text-align:left;white-space:nowrap;width:auto}.budget-remaining-text{color:#94a3b8;color:var(--text-secondary);font-size:11px;font-weight:400;margin-left:4px}.budget-remaining-text.has-remaining{color:#fbbf24;font-weight:500}.category-name-input{align-self:center;background:var(--background-secondary);border:2px solid #3b82f6;border:2px solid var(--accent-blue);border-radius:8px;border-radius:var(--radius-small);color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;height:32px;outline:none;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease;width:150px}.category-name-input:focus{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.subcategory-actions{display:flex;gap:8px;gap:var(--spacing-sm);opacity:0;transition:opacity .2s ease}.subcategory-content:hover .subcategory-actions{opacity:1}.edit-form{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-light);display:flex;gap:8px;gap:var(--spacing-sm)}.edit-form,.edit-form input{border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.edit-form input{background:#fff;background:var(--primary-white);color:#fff;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;transition:all .2s ease}.edit-form input:focus{border-color:#0a0a0a;border-color:var(--primary-black);box-shadow:0 0 0 2px #0000001a;outline:none}.save-btn{background:#0a0a0a;background:var(--primary-black);border:none;border-radius:8px;border-radius:var(--radius-small);color:#fff;color:var(--primary-white);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;min-width:60px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.save-btn:hover{background:#1a1a1a;background:var(--secondary-black);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-light);transform:translateY(-1px)}.cancel-btn{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;min-width:60px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.cancel-btn:hover{background:#f8fafc;background:var(--secondary-white);border-color:#fff3;border-color:var(--border-medium);color:#fff;color:var(--text-primary)}.edit-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:400;height:32px;justify-content:center;padding:8px;padding:var(--spacing-sm);transition:all .2s ease;width:32px}.edit-btn:hover{background:#3b82f6;background:var(--accent-blue);border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 10px #3b82f64d;color:#fff;transform:translateY(-1px)}.delete-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:400;height:32px;justify-content:center;padding:8px;padding:var(--spacing-sm);transition:all .2s ease;width:32px}.delete-btn:hover{background:#ef4444;background:var(--accent-red);border-color:#ef4444;border-color:var(--accent-red);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-light);color:#fff;color:var(--primary-white);transform:translateY(-1px)}@media (max-width:768px){.categories-display{gap:24px;gap:var(--spacing-lg)}.category-section-header,.category-section-header h3{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.category-management h2,.category-section-header,.category-section-header h3,.expense-categories h3,.income-categories h3,.taxes-page h2{padding-left:16px!important;padding-left:var(--spacing-md)!important;padding-right:16px!important;padding-right:var(--spacing-md)!important}.header-actions{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--spacing-md)}.add-new-button{text-align:center;width:100%}.unified-add-form{margin:0 16px 16px;margin:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}.add-category form,.add-subcategory form{align-items:stretch;flex-direction:column;gap:16px;gap:var(--spacing-md)}.add-category button,.add-category input,.add-category select,.add-subcategory button,.add-subcategory input,.add-subcategory select{min-width:auto;width:100%}.unified-add-form .form-row{align-items:stretch;flex-direction:column;gap:16px;gap:var(--spacing-md)}.unified-add-form .add-button,.unified-add-form .form-group,.unified-add-form input,.unified-add-form select{min-width:auto;width:100%}.unified-add-form .add-button{align-self:stretch}.category-type-tabs{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.category-title-row{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.category-actions{align-self:flex-end}.category-breakdown .subcategories{margin-left:16px;margin-left:var(--spacing-md);padding-left:16px;padding-left:var(--spacing-md)}}.category-tabs{background:#0000;display:flex;gap:16px;gap:var(--spacing-md);justify-content:center;margin-bottom:32px;margin-bottom:var(--spacing-xl);padding:0}.category-tabs button{background:#0000;border:none;color:#64748b;color:var(--text-tertiary);cursor:pointer;font-size:15px;font-weight:400;letter-spacing:-.1px;padding:8px 0;padding:var(--spacing-sm) 0;position:relative;transition:all .2s ease}.category-tabs button:hover{color:#94a3b8;color:var(--text-secondary)}.category-tabs button.active{color:#fff;color:var(--text-primary);font-weight:500}.category-tabs button.active:after{background:#fff;background:var(--text-primary);bottom:-2px;content:"";height:1px;left:0;position:absolute;right:0}.add-category-section,.add-subcategory-section{background:#f1f5f9;background:var(--tertiary-white);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);margin-bottom:32px;margin-bottom:var(--spacing-xl);padding:24px;padding:var(--spacing-lg)}.add-category-section h3,.add-subcategory-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0 0 24px;margin:0 0 var(--spacing-lg) 0;padding:32px 24px 0;padding:var(--spacing-xl) var(--spacing-lg) 0;text-shadow:0 0 30px #3b82f680}.add-category-section .form-group,.add-subcategory-section .form-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.add-category-section input,.add-subcategory-section input,.add-subcategory-section select{background:#fff;background:var(--primary-white);border:1px solid #fff3;border:1px solid var(--border-medium);border-radius:8px;border-radius:var(--radius-small);color:#fff;color:var(--text-primary);flex:1 1;font-size:15px;min-width:200px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.add-button{background:#3b82f6;background:var(--accent-blue);border:none;border-radius:8px;border-radius:var(--radius-small);color:#fff;color:var(--primary-white);cursor:pointer;font-size:14px;font-weight:500;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease;white-space:nowrap}.add-button:hover{background:#0056b3;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-light);transform:translateY(-1px)}.categories-list h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0 0 24px;margin:0 0 var(--spacing-lg) 0;padding:32px 24px 0;padding:var(--spacing-xl) var(--spacing-lg) 0;text-shadow:0 0 30px #8b5cf680}.no-categories{background:#f1f5f9;background:var(--tertiary-white);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);color:#94a3b8;color:var(--text-secondary);font-style:italic;padding:32px;padding:var(--spacing-xl);text-align:center}.category-items{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md)}.category-item{background:#fff;background:var(--primary-white);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-light);padding:24px;padding:var(--spacing-lg);transition:all .2s ease}.category-item:hover{box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);transform:translateY(-1px)}.category-header h4{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.business-toggle,.toggle-label{align-items:center;display:flex}.toggle-label{color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:14px;gap:8px;gap:var(--spacing-sm)}.toggle-input{display:none}.toggle-slider{background:#ffffff1a;background:var(--border-light);border-radius:20px;height:20px;position:relative;transition:all .2s ease;width:40px}.toggle-slider:before{background:#fff;background:var(--primary-white);border-radius:50%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-light);content:"";height:16px;left:2px;position:absolute;top:2px;transition:all .2s ease;width:16px}.toggle-input:checked+.toggle-slider{background:#fff;background:var(--text-primary)}.toggle-input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-text{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-weight:500}.category-actions,.edit-category-form{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.edit-category-form{flex:1 1}.category-edit-input{background:#fff;background:var(--primary-white);border:1px solid #3b82f6;border:1px solid var(--accent-blue);border-radius:8px;border-radius:var(--radius-small);color:#fff;color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.category-edit-input:focus{box-shadow:0 0 0 2px #007aff33;outline:none}.edit-buttons{display:flex;gap:4px;gap:var(--spacing-xs)}.edit-icon{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-small);color:#64748b;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:16px;font-weight:400;justify-content:center;padding:4px;padding:var(--spacing-xs);transition:all .2s ease}.edit-icon:hover{background:#f1f5f9;background:var(--tertiary-white)}.edit-icon:hover,.save-icon{color:#fff;color:var(--text-primary)}.save-icon{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-small);cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;padding:4px;padding:var(--spacing-xs);transition:all .2s ease}.save-icon:hover{background:#f1f5f9;background:var(--tertiary-white);color:#10b981;color:var(--accent-green)}.cancel-icon{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-small);color:#64748b;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;padding:4px;padding:var(--spacing-xs);transition:all .2s ease}.cancel-icon:hover{background:#f1f5f9;background:var(--tertiary-white);color:#ef4444;color:var(--accent-red)}.delete-icon{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-small);color:#64748b;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:16px;font-weight:400;justify-content:center;padding:4px;padding:var(--spacing-xs);transition:all .2s ease}.delete-icon:hover{background:#f1f5f9;background:var(--tertiary-white);color:#ef4444;color:var(--accent-red)}.other-context .subcategories{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm);margin-top:8px;margin-top:var(--spacing-sm)}.delete-subcategory-icon{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-small);color:#64748b;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:14px;font-weight:400;justify-content:center;margin-left:4px;margin-left:var(--spacing-xs);padding:4px;padding:var(--spacing-xs);transition:all .2s ease}.delete-subcategory-icon:hover{color:#ef4444;color:var(--accent-red)}.budget-settings,.delete-subcategory-icon:hover{background:#f1f5f9;background:var(--tertiary-white)}.budget-settings{border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);padding:24px;padding:var(--spacing-lg)}.budget-settings h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#43e97b,#38f9d7);background:var(--gradient-warning);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0;padding:32px 24px 0;padding:var(--spacing-xl) var(--spacing-lg) 0;text-shadow:0 0 30px #f59e0b80}.budget-description{color:#94a3b8;color:var(--text-secondary);font-size:15px;font-weight:500;letter-spacing:.3px;line-height:1.5;margin:0 0 24px;margin:0 0 var(--spacing-lg) 0;opacity:.9}.filter-indicator{color:#fff;color:var(--text-primary);font-style:italic;font-weight:500}.budget-items{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md)}.budget-item{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative;transition:all .3s ease}.budget-item:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.budget-item:hover{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 8px 24px #00000040,0 4px 8px #00000026;box-shadow:var(--shadow-heavy);transform:translateY(-4px) scale(1.02)}.budget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md)}.budget-header h4{color:#fff;color:var(--text-primary);flex:1 1;font-size:18px;font-weight:700;letter-spacing:-.2px;margin:0;padding:0;text-shadow:0 0 10px #fff3}.current-percentage{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;border-radius:var(--radius-medium);color:#3b82f6;color:var(--accent-blue);font-size:14px;font-weight:700;letter-spacing:.5px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.budget-control{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.budget-control input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);color:#fff;color:var(--text-primary);flex:1 1;font-size:15px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.budget-control input:hover{box-shadow:0 0 20px #3b82f633}.budget-control input:focus,.budget-control input:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--accent-blue)}.budget-control input:focus{box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);outline:none}.update-button{background:#10b981;background:var(--accent-green);border:none;border-radius:8px;border-radius:var(--radius-small);color:#fff;color:var(--primary-white);cursor:pointer;font-size:14px;font-weight:500;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease;white-space:nowrap}.update-button:hover{background:#2fb344;transform:translateY(-1px)}.bulk-import,.update-button:hover{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-light)}.bulk-import{background:#fff;background:var(--primary-white);border-radius:12px;border-radius:var(--radius-medium);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.mapping-row.auto-matched{background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;border-radius:var(--radius-medium);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:8px;padding:var(--spacing-sm)}.auto-match-badge{background:#10b98133;border:1px solid #10b9814d;border-radius:4px;color:#10b981;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-left:8px;margin-left:var(--spacing-sm);padding:2px 6px;text-transform:uppercase}.mapping-row.skipped{background:#9ca3af1a;border:1px solid #9ca3af33;border-radius:12px;border-radius:var(--radius-medium);margin-bottom:8px;margin-bottom:var(--spacing-sm);opacity:.6;padding:8px;padding:var(--spacing-sm)}.mapping-row.skipped .mapping-value{color:#94a3b8;color:var(--text-secondary);text-decoration:line-through}.skip-badge{background:#9ca3af33;border:1px solid #9ca3af4d;border-radius:4px;color:#94a3b8;color:var(--text-secondary);display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-left:8px;margin-left:var(--spacing-sm);padding:2px 6px;text-transform:uppercase}.bulk-import h2{color:#fff;color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.bulk-form,.bulk-import-form,.single-form{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.form-group label{color:#fff;color:var(--text-primary);font-size:14px;font-weight:500}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#fff;border-color:var(--text-primary);box-shadow:0 0 0 2px #0000001a;outline:none}.form-group textarea{line-height:1.5;min-height:120px;resize:vertical}.form-group textarea,.help-text pre{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary)}.help-text pre{word-wrap:break-word;background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);color:#fff;color:var(--text-primary);font-size:12px;margin:0;max-width:100%;overflow-wrap:break-word;padding:4px;padding:var(--spacing-xs);white-space:pre-wrap}.submit-button:hover:not(:disabled){background:#94a3b8;background:var(--text-secondary);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);transform:translateY(-1px)}.submit-button:disabled{background:#ffffff1a;background:var(--border-light);box-shadow:none;color:#64748b;color:var(--text-tertiary);cursor:not-allowed;transform:none}.success-message{background:#10b981;background:var(--accent-green)}.error-message,.success-message{border-radius:8px;border-radius:var(--radius-small);color:#fff;color:var(--primary-white);font-size:14px;font-weight:500;padding:8px;padding:var(--spacing-sm)}.error-message{background:#ef4444;background:var(--accent-red)}.mobile-menu-toggle{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);cursor:pointer;display:none;height:36px;margin:0;max-height:36px;max-width:36px;min-height:36px;min-width:36px;overflow:hidden;padding:4px;padding:var(--spacing-xs);position:relative;transition:all .3s ease;width:36px}.mobile-menu-toggle:hover{background:#2a2a2ae6;border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.mobile-menu-toggle:active{transform:translateY(0)}.mobile-menu-toggle svg{color:#fff;color:var(--text-primary);height:24px;transition:all .3s ease;width:24px}.mobile-menu-toggle:hover svg{color:#3b82f6;color:var(--accent-blue);transform:scale(1.1)}.mobile-menu-close{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);cursor:pointer;display:none;min-height:44px;min-width:44px;padding:8px;padding:var(--spacing-sm);position:absolute;right:24px;right:var(--spacing-lg);top:24px;top:var(--spacing-lg);transition:all .3s ease;z-index:1001}.mobile-menu-close:hover{background:#2a2a2ae6;border-color:#ef4444;border-color:var(--accent-red);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.mobile-menu-close svg{color:#fff;color:var(--text-primary);height:24px;transition:all .3s ease;width:24px}.mobile-menu-close:hover svg{color:#ef4444;color:var(--accent-red);transform:scale(1.1)}.sidebar-navigation.mobile-open{opacity:1;transform:translateX(0);visibility:visible}@media (min-width:769px){.mobile-menu-toggle{display:none!important}}@media (max-width:1024px){.app-main{margin-left:4px;margin-left:var(--spacing-xs);margin-right:8px;margin-right:var(--spacing-sm);padding:24px;padding:var(--spacing-lg)}.sidebar-navigation{max-width:200px;min-width:200px;width:200px}.app-header h1{font-size:28px}.cards-grid,.summary-cards{gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}}@media (max-width:768px){.app-main{margin-left:0!important;margin-right:0!important;max-width:100%;overflow-x:hidden;padding:16px;padding:var(--spacing-md) var(--spacing-md);width:100%}.expenses-tab,.income-tab,.overview-tab,.transaction-form{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding-left:0!important;padding-right:0!important;width:100%}.app-header{align-items:center;flex-direction:row;gap:8px;gap:var(--spacing-sm);height:auto;justify-content:space-between;min-height:60px;padding:16px;padding:var(--spacing-md);position:relative!important}.app-header h1{flex:1 1;font-size:24px;min-width:auto}.app-layout{flex-direction:column}.mobile-menu-toggle{align-items:center!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#2a2a2acc!important;border:1px solid #ffffff1a!important;border:1px solid var(--border-light)!important;border-radius:8px!important;border-radius:var(--radius-small)!important;display:flex!important;height:36px!important;justify-content:center!important;margin:0!important;max-height:36px!important;max-width:36px!important;min-height:36px!important;min-width:36px!important;padding:4px!important;padding:var(--spacing-xs)!important;position:absolute!important;right:16px!important;right:var(--spacing-md)!important;top:50%!important;transform:translateY(-50%)!important;width:36px!important;z-index:201!important}.mobile-menu-close{align-items:center;display:flex;justify-content:center}.sidebar-navigation{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#101218fa;box-shadow:-4px 0 24px #0000004d;display:flex;flex-direction:column;height:100vh;left:auto;max-height:100vh;max-width:100vw;opacity:0;overflow:hidden;padding:0;position:fixed!important;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;visibility:hidden;width:100vw;z-index:1000}.sidebar-navigation.mobile-open{opacity:1;transform:translateX(0);visibility:visible}.sidebar-header{display:flex!important;justify-content:center}.mobile-menu-close{display:none!important}.mobile-menu-overlay{animation:fadeIn .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;bottom:0;display:block!important;left:0;opacity:1;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:visible;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-header{flex-shrink:0}.nav-items{-webkit-overflow-scrolling:touch;display:flex!important;flex:1 1 auto;flex-direction:column!important;gap:8px;gap:var(--spacing-sm);max-height:100%;min-height:0;overflow-x:hidden;overflow-y:auto!important;width:100%}.sidebar-footer{flex-shrink:0;margin-top:auto;padding:16px;padding:var(--spacing-md);padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom, 0px));width:100%}.sidebar-footer .nav-item{width:100%}.nav-item{align-items:center;border-radius:12px;border-radius:var(--radius-medium);display:flex!important;flex-direction:row!important;margin:0;min-width:100%;padding:16px 24px!important;padding:var(--spacing-md) var(--spacing-lg)!important;width:100%!important}.nav-item .nav-icon{flex-shrink:0;margin-right:16px;margin-right:var(--spacing-md)}.nav-item .nav-text{flex:1 1;text-align:left}.form-row{grid-template-columns:1fr!important}input,select,textarea{box-sizing:border-box;font-size:16px;min-height:44px;padding:16px;padding:var(--spacing-md);width:100%}button{min-height:44px;min-width:auto;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);width:100%}input[type=checkbox],input[type=radio]{margin:0;min-height:44px;min-width:44px}.form-row{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.form-row>*{width:100%}.nav-items{flex-direction:row;gap:16px;gap:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.nav-item{flex-direction:column;gap:4px;gap:var(--spacing-xs);min-width:120px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:center;white-space:nowrap}.nav-icon{height:18px;width:18px}.nav-text{font-size:12px}.category-tabs{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.category-tabs button{padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.filters-section{align-items:stretch;flex-direction:column}.filter-group{justify-content:space-between}.transactions-table{font-size:14px}.transactions-table td,.transactions-table th{padding:8px;padding:var(--spacing-sm)}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.budget-grid{grid-template-columns:1fr}.overall-budget-header{align-items:stretch;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.budget-percentage-display{align-self:center}.summary-card .amount{font-size:24px}.total-section h3{font-size:28px}.bulk-import{padding:16px;padding:var(--spacing-md)}.bulk-import h2{font-size:20px}.form-group textarea{min-height:100px}.help-text pre{font-size:11px}.sub-tabs{flex-direction:column;gap:0}.bulk-actions{align-items:stretch;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.bulk-actions p,.sub-tabs button{text-align:center}.sub-tabs button{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-light);border-right:none;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.sub-tabs button.active{border-bottom-color:#fff;border-bottom-color:var(--text-primary)}}@media (max-width:480px){.app-main{margin-left:0;margin-right:0;max-width:100%;overflow-x:hidden;padding:8px;padding:var(--spacing-sm);width:100%}.expenses-tab,.income-tab,.overview-tab,.transaction-form{box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}.transactions-table{font-size:12px}.summary-card .amount{font-size:20px}.total-section h3{font-size:24px}.bulk-import{padding:8px;padding:var(--spacing-sm)}.bulk-import h2{font-size:18px}.form-group textarea{min-height:80px}.help-text pre{font-size:10px}.sub-tabs button{font-size:12px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.unified-add-form{margin:0 8px 8px;margin:0 var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)}}.html-table-import .category-mapping{margin:24px 0;margin:var(--spacing-lg) 0}.html-table-import .mapping-row{align-items:center;background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:16px;padding:var(--spacing-md)}.html-table-import .mapping-source,.html-table-import .mapping-target{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.html-table-import .mapping-label{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.html-table-import .mapping-value{background:#ffffff1a;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);color:#fff;color:var(--text-primary);font-weight:600;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.html-table-import .mapping-arrow{color:var(--primary-blue);font-size:18px;font-weight:700;margin:0 8px;margin:0 var(--spacing-sm)}.html-table-import .transaction-count{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;border-radius:var(--radius-medium);margin-top:24px;margin-top:var(--spacing-lg);padding:16px;padding:var(--spacing-md);text-align:center}.html-table-import .transaction-count p{color:#fff;color:var(--text-primary);font-weight:500;margin:0}.html-table-import .preview-summary{background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-large);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.html-table-import .preview-summary h4{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 16px;margin:0 0 var(--spacing-md) 0}.html-table-import .summary-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.html-table-import .summary-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0;padding:var(--spacing-sm) 0}.html-table-import .summary-item:last-child{border-bottom:none}.html-table-import .summary-item .label{color:#94a3b8;color:var(--text-secondary);font-weight:500}.html-table-import .summary-item .value{color:#fff;color:var(--text-primary);font-weight:600}.html-table-import .preview-transactions{background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-large);padding:24px;padding:var(--spacing-lg)}.html-table-import .preview-transactions h4{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 16px;margin:0 0 var(--spacing-md) 0}.html-table-import .transactions-list{max-height:300px;overflow-y:auto}.html-table-import .transaction-preview{grid-gap:16px;grid-gap:var(--spacing-md);align-items:center;border-bottom:1px solid #ffffff1a;display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:1fr 1fr 1fr;padding:8px 0;padding:var(--spacing-sm) 0}.html-table-import .transaction-preview:last-child{border-bottom:none}.html-table-import .transaction-preview .amount{color:var(--primary-blue);font-weight:600}.html-table-import .transaction-preview .category{color:#fff;color:var(--text-primary)}.html-table-import .transaction-preview .date{color:#94a3b8;color:var(--text-secondary);font-size:12px}.html-table-import .more-transactions{color:#94a3b8;color:var(--text-secondary);font-style:italic;padding:16px 0;padding:var(--spacing-md) 0;text-align:center}@media (max-width:768px){.html-table-import .mapping-row{align-items:stretch;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.html-table-import .mapping-source,.html-table-import .mapping-target{flex:none}.html-table-import .mapping-arrow{align-self:center;margin:4px 0;margin:var(--spacing-xs) 0}.transaction-category-row{align-items:stretch;flex-direction:column;gap:16px;gap:var(--spacing-md)}.category-assignment,.category-selection,.subcategory-selection,.tax-location-selection{min-width:auto;width:100%}}.taxes-page{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;margin:0;max-width:none;overflow:visible;padding:0;position:static}.tax-locations-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);contain:layout style;margin-bottom:32px;margin-bottom:var(--spacing-xl);overflow:visible;padding:32px;padding:var(--spacing-xl);position:relative}.tax-locations-section:before{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:20px;border-radius:var(--radius-xl);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.taxes-page h2{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0;padding:32px 24px 0;padding:var(--spacing-xl) var(--spacing-lg) 0;text-align:left;text-shadow:0 0 20px #ffffff4d}.taxes-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--spacing-xl);padding:0 24px;padding:0 var(--spacing-lg)}@media (max-width:768px){.taxes-header,.taxes-page h2{padding-left:16px!important;padding-left:var(--spacing-md)!important;padding-right:16px!important;padding-right:var(--spacing-md)!important}}.taxes-header .header-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px;margin:0 0 var(--spacing-sm) 0}.taxes-header .header-info p{color:#94a3b8;color:var(--text-secondary);font-size:14px;margin:0}.tax-location-form{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);margin:0 24px 32px;margin:0 var(--spacing-lg) var(--spacing-xl) var(--spacing-lg);overflow:hidden;padding:32px 24px;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-xl) var(--spacing-lg);position:relative}.tax-location-form:before{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.tax-location-form h3{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 24px;margin:0 0 var(--spacing-lg) 0}.tax-location-form .form-row{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;margin-bottom:var(--spacing-lg)}.tax-location-form .form-group{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.tax-location-form .form-group label{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600}.tax-location-form .form-group input{background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);color:#fff;color:var(--text-primary);font-size:14px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.tax-location-form .form-group input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 2px #3b82f633;outline:none}.tax-location-form .checkbox-label{align-items:center;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;gap:var(--spacing-sm)}.tax-location-form .checkbox-label input[type=checkbox]{accent-color:var(--primary-blue);height:18px;width:18px}.tax-location-form .form-actions{display:flex;gap:16px;gap:var(--spacing-md);justify-content:flex-end}.tax-location-form .cancel-button,.tax-location-form .submit-button{border:none;border-radius:12px;border-radius:var(--radius-medium);cursor:pointer;font-size:14px;font-weight:600;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.tax-location-form .cancel-button{background:#ffffff1a;border:1px solid #ffffff1a;border:1px solid var(--border-light);color:#fff;color:var(--text-primary)}.tax-location-form .cancel-button:hover{background:#fff3}.tax-location-form .submit-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);color:#fff;color:var(--primary-white)}.tax-location-form .submit-button:hover{box-shadow:var(--shadow-glow-hover);transform:translateY(-2px)}.tax-locations-list{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md);padding:0 32px;padding:0 var(--spacing-xl) 0 var(--spacing-xl)}.tax-location-card{align-items:center;background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-large);display:flex;justify-content:space-between;overflow:visible;padding:24px;padding:var(--spacing-lg);position:relative;transition:all .3s ease}.tax-location-card:before{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.tax-location-card.default{border-color:var(--primary-blue);box-shadow:0 0 20px #3b82f64d}.tax-location-card:hover{box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.location-info{flex:1 1}.location-header{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:4px;margin-bottom:var(--spacing-xs)}.location-header h4{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.default-badge{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:8px;border-radius:var(--radius-small);color:#fff;color:var(--primary-white);font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.location-details{align-items:center;display:flex;gap:16px;gap:var(--spacing-md)}.tax-rate{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;border-radius:var(--radius-small);color:var(--primary-blue);font-size:16px;font-weight:600;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.location-actions{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.delete-button,.edit-button,.set-default-button{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-small);cursor:pointer;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease}.set-default-button{background:#22c55e1a;border:1px solid #22c55e4d;color:var(--success-color)}.set-default-button:hover{background:#22c55e33;transform:translateY(-1px)}.edit-button{background:#3b82f61a;border:1px solid #3b82f64d;color:var(--primary-blue)}.edit-button:hover{background:#3b82f633;transform:translateY(-1px)}.delete-button{background:#ef44441a;border:1px solid #ef44444d;color:var(--error-color)}.delete-button:hover{background:#ef444433;transform:translateY(-1px)}.empty-state{background:#2a2a2acc;color:#94a3b8;color:var(--text-secondary);font-style:italic;padding:32px;padding:var(--spacing-xl);text-align:center}.tax-location-header-row{grid-gap:20px;align-items:start;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:1fr auto auto auto;padding:8px 0;padding:var(--spacing-sm) 0;width:100%}.tax-location-name-section{align-items:flex-end;display:flex;flex-wrap:wrap;gap:4px;gap:var(--spacing-xs)}.tax-location-input-group{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.tax-location-input-label{color:#94a3b8;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.3px;text-align:left;text-transform:uppercase}.tax-location-read-group{align-items:flex-start;display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.tax-location-read-label{color:#94a3b8;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.3px;text-align:left;text-transform:uppercase}.tax-location-name-with-badge{align-items:center;display:flex;gap:4px;gap:var(--spacing-xs);justify-content:space-between;width:100%}.tax-location-name-input{background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);box-sizing:border-box;color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;height:32px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease;width:120px}.tax-location-name-input:focus{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 0 2px #007aff33;outline:none}.location-separator{color:#94a3b8;color:var(--text-secondary);font-weight:600}.tax-location-right-section{display:contents}.tax-rate-section{align-items:center;display:flex;gap:4px;gap:var(--spacing-xs)}.tax-rate-input{background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);box-sizing:border-box;color:#fff;color:var(--text-primary);font-size:12px;height:32px;line-height:1;min-width:80px;padding:8px 12px;text-align:center;transition:all .2s ease;vertical-align:middle;width:80px}.tax-rate-input:focus{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 0 2px #007aff33;outline:none}.tax-location-actions-buttons{align-items:center;display:flex;gap:4px;gap:var(--spacing-xs)}.tax-location-actions-buttons .save-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:400;height:32px;justify-content:center;padding:8px;padding:var(--spacing-sm);transition:all .2s ease;width:32px}.tax-location-actions-buttons .save-btn:hover{background:#10b981;background:var(--accent-green);border-color:#10b981;border-color:var(--accent-green);box-shadow:0 0 10px #22c55e4d;color:#fff;transform:translateY(-1px)}.tax-location-actions-buttons .cancel-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:400;height:32px;justify-content:center;padding:8px;padding:var(--spacing-sm);transition:all .2s ease;width:32px}.tax-location-actions-buttons .cancel-btn:hover{background:#3b82f6;background:var(--accent-blue);border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 10px #3b82f64d;color:#fff;transform:translateY(-1px)}.tax-location-header-row h5{align-self:center;color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.tax-location-header-row .setting-group{align-items:flex-start;display:flex;flex-direction:column;gap:2px;justify-content:center;min-width:80px;width:auto}.tax-location-header-row .setting-label{color:#94a3b8;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:2px;text-align:left;text-transform:uppercase}.tax-location-header-row .read-only-value{background:#0000;border:none;border-radius:0;color:#fff;color:var(--text-primary);display:inline;font-size:13px;font-weight:500;height:auto;justify-content:flex-start;overflow:visible;padding:0;text-align:left;text-overflow:clip;white-space:nowrap;width:auto}.integration-card{cursor:pointer;transition:all .2s ease}.integration-card:hover{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.integration-icon{align-items:center;background:#3b82f61a;border-radius:12px;border-radius:var(--radius-medium);color:#3b82f6;color:var(--accent-blue);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.connection-indicator{background-color:#ef4444;border-radius:50%;box-shadow:0 0 4px #ef444480;display:inline-block;height:8px;width:8px}.connection-indicator.connected{background-color:#10b981;box-shadow:0 0 8px #10b98180}.test-connection-btn{min-width:140px;padding:8px 24px!important;padding:var(--spacing-sm) var(--spacing-lg)!important}.test-connection-btn:hover{background:#3b82f6!important;background:var(--accent-blue)!important;border-color:#3b82f6!important;border-color:var(--accent-blue)!important;color:#000!important;font-weight:600}.save-api-key-btn{font-weight:500;min-width:180px;padding:8px 32px!important;padding:var(--spacing-sm) var(--spacing-xl)!important}.mapping-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.mapping-progress-modal{background:#2a2a2af2;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:var(--shadow-large);max-width:500px;min-width:400px;padding:32px;padding:var(--spacing-xl)}.mapping-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.mapping-progress-header h3{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.cancel-mapping-btn{background:#ef444433;border:1px solid #ef444466;border-radius:12px;border-radius:var(--radius-medium);color:#ef4444;cursor:pointer;font-size:14px;font-weight:500;padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md);transition:all .2s ease}.cancel-mapping-btn:hover{background:#ef44444d;border-color:#ef4444;transform:translateY(-1px)}.mapping-progress-content{align-items:center;display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.mapping-spinner-container{align-items:center;display:flex;justify-content:center}.mapping-spinner{animation:spin 1s linear infinite;color:#3b82f6;color:var(--accent-blue)}.mapping-progress-info{text-align:center;width:100%}.mapping-stage{color:#fff;color:var(--text-primary);font-size:16px;font-weight:500;margin:0 0 16px;margin:0 0 var(--spacing-md) 0}.mapping-progress-bar-container{background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:4px;height:8px;margin-bottom:8px;margin-bottom:var(--spacing-sm);overflow:hidden;width:100%}.mapping-progress-bar{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));border-radius:4px;box-shadow:0 0 10px #3b82f680;height:100%;transition:width .3s ease}.mapping-percentage{color:#94a3b8;color:var(--text-secondary);font-size:14px;font-weight:600;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tax-location-header-row .toggle-switch{align-self:flex-start;margin-top:0}.budget-percentage-selector{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.budget-percentage-label{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:12px;font-weight:500;gap:4px;gap:var(--spacing-xs)}.budget-percentage-text{white-space:nowrap}.budget-percentage-input{background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);color:#fff;color:var(--text-primary);font-size:12px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;transition:all .2s ease;width:60px}.budget-percentage-input:focus{box-shadow:0 0 0 2px #3b82f633;outline:none}.budget-percentage-input:focus,.budget-percentage-input:hover{border-color:#3b82f6;border-color:var(--accent-blue)}.budget-percentage-input.warning{background:#fb923c1a;border-color:#f59e0b;border-color:var(--accent-orange)}.budget-percentage-input.warning:focus{border-color:#f59e0b;border-color:var(--accent-orange);box-shadow:0 0 0 2px #fb923c33}.budget-allocation-summary,.budget-total{align-items:center;display:flex}.budget-total{background:#2a2a2acc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);color:#fff;color:var(--text-primary);font-size:12px;font-weight:600;height:32px;padding:8px 12px;white-space:nowrap}.budget-total.at-limit{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.budget-pools-display{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:12px;border-radius:var(--radius-medium);box-sizing:border-box;display:flex;flex-direction:row;gap:20px;height:32px;padding:8px 12px}.budget-pools-display.at-limit{background:#22c55e1a;border:1px solid #22c55e4d}.budget-pool-item{align-items:center;display:flex;flex-direction:row;gap:8px}.budget-pool-item span:first-child{color:#fff;color:var(--text-primary);font-size:13px;font-weight:500;letter-spacing:normal;margin-bottom:0;text-transform:none}.tax-location-selector{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.tax-location-label{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:12px;font-weight:500;gap:4px;gap:var(--spacing-xs)}.tax-location-text{white-space:nowrap}.tax-location-select{background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);color:#fff;color:var(--text-primary);font-size:12px;min-width:120px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease}.tax-location-select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 2px #3b82f633;outline:none}.tax-location-select option{background:#1a1a2ef2;color:#fff;color:var(--text-primary)}.tax-amounts-display{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;border-radius:var(--radius-medium);display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs);margin:8px 0;margin:var(--spacing-sm) 0;padding:16px;padding:var(--spacing-md)}.tax-amount-item{align-items:center;display:flex;font-size:14px;justify-content:space-between}.tax-label{color:#94a3b8;color:var(--text-secondary);font-weight:500}.tax-value{color:var(--primary-blue)}.amount.tax,.tax-value{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);font-weight:600}.amount.tax{color:var(--warning-color)}.amount.net{color:var(--success-color)}.amount.gross-amount,.amount.net{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);font-weight:600}.amount.gross-amount{color:#fff;color:var(--text-primary)}.tax-breakdown{display:flex;flex-direction:column;gap:2px;margin-top:4px;margin-top:var(--spacing-xs)}.tax-breakdown small{color:#94a3b8;color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);font-size:11px}.tax-breakdown small:first-child{color:#fff;color:var(--text-primary)}.tax-breakdown small:nth-child(2){color:var(--warning-color)}.tax-breakdown small:last-child{color:var(--success-color)}.savings-subtitle{color:#94a3b8;color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);font-size:11px;font-style:italic;margin-top:4px;margin-top:var(--spacing-xs)}@media (max-width:768px){.taxes-header,.taxes-page h2{padding-left:16px!important;padding-left:var(--spacing-md)!important;padding-right:16px!important;padding-right:var(--spacing-md)!important}.taxes-header{align-items:stretch;flex-direction:column;gap:16px;gap:var(--spacing-md)}.tax-location-form .form-row{grid-template-columns:1fr}.tax-location-card,.tax-location-form .form-actions{flex-direction:column}.tax-location-card{align-items:stretch;gap:16px;gap:var(--spacing-md)}.location-actions{justify-content:center}.tax-location-selector{align-items:stretch;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.tax-location-select{min-width:auto;width:100%}}.auto-tax-info{background:#6366f10d;border:1px solid #6366f133;border-radius:var(--border-radius);margin:8px 0;margin:var(--spacing-sm) 0;padding:8px;padding:var(--spacing-sm)}.tax-location-display{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);justify-content:space-between}.tax-location-display .tax-label{color:var(--primary-color);font-size:.9rem;font-weight:600}.tax-location-display .tax-location-text{color:#fff;color:var(--text-primary);flex:1 1;font-size:.9rem}.tax-options{background:#00000005;border:1px solid var(--border-color);border-radius:var(--border-radius);margin:8px 0;margin:var(--spacing-sm) 0;padding:8px;padding:var(--spacing-sm)}.auto-tax-info .tax-amounts-display{border-top:1px solid #6366f133;margin-top:8px;margin-top:var(--spacing-sm);padding-top:8px;padding-top:var(--spacing-sm)}.auto-tax-info .tax-amount-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.auto-tax-info .tax-amount-item:last-child{margin-bottom:0}.auto-tax-info .tax-label{color:#94a3b8;color:var(--text-secondary);font-size:.9rem}.auto-tax-info .tax-value{color:#fff;color:var(--text-primary);font-size:.9rem;font-weight:600}.step-indicator{align-items:flex-start;display:flex;gap:0;justify-content:center;margin-bottom:32px;margin-bottom:var(--spacing-xl);padding:0 24px;padding:0 var(--spacing-lg);position:relative}.step-indicator:before{background:#ffffff1a;background:var(--border-light);content:"";height:2px;left:50px;position:absolute;right:50px;top:20px;z-index:1}.step{align-items:center;background:#0000;border:none;color:#94a3b8;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:0;position:relative;transition:all .3s ease;z-index:2}.step.active{color:#fff;color:var(--text-primary)}.step-number{align-items:center;background:#2a2a2acc;border:2px solid #ffffff1a;border:2px solid var(--border-light);border-radius:50%;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px;z-index:3}.step.active .step-number{background:#3b82f6;background:var(--accent-blue);border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 15px #3b82f680;color:#fff;color:var(--text-primary)}.step-label{font-size:.8rem;font-weight:500;line-height:1.2;margin-top:4px;margin-top:var(--spacing-xs);text-align:center}.step-content{margin:0 auto;max-width:800px}.header-mapping{background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--border-light);margin:24px 0;margin:var(--spacing-lg) 0}.header-mapping,.mapping-row{border-radius:12px;border-radius:var(--radius-medium);padding:24px;padding:var(--spacing-lg)}.mapping-row{align-items:center;background:#ffffff05;border:1px solid #ffffff1a;border:1px solid var(--border-light);display:flex;gap:24px;gap:var(--spacing-lg);margin-bottom:16px;margin-bottom:var(--spacing-md);transition:all .3s ease}.mapping-row:hover{background:#ffffff0d;border-color:#3b82f6;border-color:var(--accent-blue)}.mapping-row:last-child{margin-bottom:0}.mapping-source{min-width:200px}.mapping-source,.mapping-target{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.mapping-target{flex:1 1}.mapping-label{color:#94a3b8;color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mapping-value{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;border-radius:var(--radius-small);color:#fff;color:var(--text-primary);font-size:1rem;font-weight:500;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.mapping-arrow{color:#3b82f6;color:var(--accent-blue);font-size:1.5rem;font-weight:700;margin:0 8px;margin:0 var(--spacing-sm)}.mapping-target select{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);color:#fff;color:var(--text-primary);font-size:.9rem;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.mapping-target select:focus{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633;outline:none}.preview-transactions{background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);margin:24px 0;margin:var(--spacing-lg) 0;max-height:400px;overflow-y:auto;padding:16px;padding:var(--spacing-md)}.preview-transaction{align-items:center;background:#ffffff05;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md);transition:all .3s ease}.preview-transaction:last-child{margin-bottom:0}.preview-transaction:hover{background:#ffffff0d;border-color:#fff3;border-color:var(--border-medium)}.transaction-info{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.transaction-info div{color:#94a3b8;color:var(--text-secondary);font-size:.9rem}.transaction-info strong{color:#fff;color:var(--text-primary);font-weight:600}.transaction-category-assignment{background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);margin:24px 0;margin:var(--spacing-lg) 0;max-height:500px;overflow-y:auto;padding:16px;padding:var(--spacing-md)}.transaction-category-row{align-items:center;background:#ffffff05;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md);transition:all .3s ease}.transaction-category-row:last-child{margin-bottom:0}.transaction-category-row:hover{background:#ffffff0d;border-color:#fff3;border-color:var(--border-medium)}.transaction-details{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.transaction-details div{color:#94a3b8;color:var(--text-secondary);font-size:.9rem}.transaction-details strong{color:#fff;color:var(--text-primary);font-weight:600}.category-assignment{display:flex;flex:1 1;flex-direction:column;gap:8px;gap:var(--spacing-sm);min-width:300px}.category-selection,.subcategory-selection,.tax-location-selection{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--spacing-xs);min-width:150px}.category-selection label,.subcategory-selection label,.tax-location-selection label{color:#94a3b8;color:var(--text-secondary);font-size:.8rem;font-weight:500;text-align:left}.category-selection select,.subcategory-selection select,.tax-location-selection select{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);color:#fff;color:var(--text-primary);font-size:.9rem;min-width:150px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;width:100%}.category-input-group select,.subcategory-input-group select{flex:1 1;text-align:left;width:100%}.category-selection select:focus,.subcategory-selection select:focus,.tax-location-selection select:focus{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633;outline:none}.category-selection select:disabled,.subcategory-selection select:disabled,.tax-location-selection select:disabled{cursor:not-allowed;opacity:.5}.transaction-summary{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);display:flex;justify-content:space-between;margin:24px 0;margin:var(--spacing-lg) 0;padding:16px;padding:var(--spacing-md)}.summary-stats{display:flex;gap:24px;gap:var(--spacing-lg)}.selected-count,.total-count{color:#94a3b8;color:var(--text-secondary);font-size:.9rem;font-weight:500}.selected-count{color:#3b82f6;color:var(--accent-blue)}.selection-controls{display:flex;gap:8px;gap:var(--spacing-sm)}.deselect-all-button,.select-all-button{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-small);color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md);transition:all .3s ease}.select-all-button:hover{background:#10b9811a;border-color:#10b981;border-color:var(--accent-green);color:#10b981;color:var(--accent-green)}.deselect-all-button:hover{background:#ef44441a;border-color:#ef4444;border-color:var(--accent-red);color:#ef4444;color:var(--accent-red)}.transaction-selection{align-items:center;display:flex;min-width:40px;padding-right:8px;padding-right:var(--spacing-sm)}.transaction-checkbox{accent-color:#3b82f6;accent-color:var(--accent-blue);cursor:pointer;height:18px;width:18px}.transaction-category-row.unselected{background:#ffffff03;opacity:.6}.transaction-category-row.unselected .transaction-details,.transaction-category-row.unselected .transaction-details strong{color:#64748b;color:var(--text-tertiary)}.step-actions{align-items:center;display:flex;gap:16px;gap:var(--spacing-md);justify-content:space-between;margin-top:32px;margin-top:var(--spacing-xl)}.back-button{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-medium);color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.back-button:hover{background:#ffffff1a;border-color:#fff3;border-color:var(--border-medium)}.back-button:hover,.next-button{color:#fff;color:var(--text-primary)}.next-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:none;border-radius:12px;border-radius:var(--radius-medium);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);cursor:pointer;font-size:.9rem;font-weight:600;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.next-button:hover{box-shadow:0 8px 24px #00000040,0 4px 8px #00000026;box-shadow:var(--shadow-heavy);transform:translateY(-2px)}.import-button{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-success);border:none;border-radius:12px;border-radius:var(--radius-medium);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);color:#fff;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.import-button:hover:not(:disabled){box-shadow:0 8px 24px #00000040,0 4px 8px #00000026;box-shadow:var(--shadow-heavy);transform:translateY(-2px)}.import-button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.html-table-import{padding:24px;padding:var(--spacing-lg)}.step-indicator{flex-direction:column;gap:16px;gap:var(--spacing-md);padding:0}.step-indicator:before{display:none}.step{flex-direction:row;gap:16px;gap:var(--spacing-md);justify-content:flex-start;text-align:left}.step-number{font-size:.9rem;height:32px;width:32px}.step-label{font-size:.9rem;margin-top:0;text-align:left}.mapping-row{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--spacing-md)}.mapping-source,.mapping-target{min-width:auto;width:100%}.mapping-arrow{align-self:center;transform:rotate(90deg)}.preview-transaction{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--spacing-md)}.category-assignment,.category-selection{min-width:auto;width:100%}.category-selection,.subcategory-selection{width:100%}.transaction-summary{align-items:stretch;flex-direction:column;gap:16px;gap:var(--spacing-md)}.summary-stats{justify-content:space-between}.selection-controls{justify-content:center}.transaction-category-row{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--spacing-md)}.transaction-selection{min-width:auto;padding-bottom:8px;padding-bottom:var(--spacing-sm);padding-right:0}.step-actions{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.back-button,.import-button,.next-button{text-align:center;width:100%}}.import-selection{margin:0 auto;max-width:800px;padding:32px;padding:var(--spacing-xl);text-align:center}.import-selection h3{color:#fff;color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md)}.import-selection>p{color:#94a3b8;color:var(--text-secondary);font-size:1.1rem;margin-bottom:32px;margin-bottom:var(--spacing-xl)}.import-options{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin-top:32px;margin-top:var(--spacing-xl)}.import-option{background:var(--background-secondary);border:2px solid #8b5cf64d;border-radius:16px;border-radius:var(--radius-large);box-shadow:0 2px 8px #8b5cf61a;cursor:pointer;overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative;text-align:left;transition:all .3s ease;-webkit-user-select:none;user-select:none}.import-option:hover{background:var(--background-primary);border-color:#8b5cf6cc;box-shadow:0 12px 30px #8b5cf64d;transform:translateY(-3px)}.import-option:active{box-shadow:0 6px 20px #00000026;transform:translateY(-1px)}.import-option:hover:before{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));content:"";height:4px;left:0;position:absolute;right:0;top:0}.import-option:after{background:var(--accent-primary);border-radius:8px;border-radius:var(--radius-small);color:#fff;content:"Click to select";font-size:.75rem;font-weight:600;opacity:0;padding:.25rem .5rem;position:absolute;right:8px;right:var(--spacing-sm);top:8px;top:var(--spacing-sm);transition:opacity .3s ease}.import-option:hover:after{opacity:1}.option-icon{color:#94a3b8;color:var(--text-secondary);margin-bottom:16px;margin-bottom:var(--spacing-md);text-align:center;transition:color .3s ease}.import-option:hover .option-icon{color:#8b5cf6cc}.option-content h4{color:#fff;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm);text-align:center}.option-content p{color:#94a3b8;color:var(--text-secondary);line-height:1.5;margin-bottom:16px;margin-bottom:var(--spacing-md);text-align:center}.option-content ul{list-style:none;margin:0;padding:0}.option-content li{color:#94a3b8;color:var(--text-secondary);font-size:.9rem;padding:.25rem 0 .25rem 1.25rem;position:relative}.option-content li:before{color:var(--accent-primary);content:"✓";font-weight:700;left:0;position:absolute}.import-back-button{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.back-to-selection{background:#0000;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-medium);color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.back-to-selection:hover{background:var(--background-secondary);border-color:var(--accent-primary);color:#fff;color:var(--text-primary)}@media (max-width:768px){.line-graph-container{margin:0 16px 24px;margin:0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.line-graph-container h4{font-size:16px;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.line-graph-legend{gap:4px;gap:var(--spacing-xs);margin-top:4px;margin-top:var(--spacing-xs)}.line-graph-legend .legend-item{font-size:11px;padding:4px;padding:var(--spacing-xs)}.line-graph-legend .legend-color{height:10px;width:10px}.line-graph-tooltip{padding:8px;padding:var(--spacing-sm);width:180px}.line-graph-tooltip .tooltip-metric{font-size:11px}.line-graph-tooltip .tooltip-value{font-size:12px}}@media (max-width:480px){.line-graph-container{margin:0 8px 16px;margin:0 var(--spacing-sm) var(--spacing-md) var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.line-graph-container h4{font-size:14px}.line-graph-legend{align-items:center;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.line-graph-legend .legend-item{justify-content:center;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);width:100%}.line-graph-tooltip{padding:4px;padding:var(--spacing-xs);width:160px}.line-graph-tooltip .tooltip-metric{font-size:10px}.line-graph-tooltip .tooltip-value{font-size:11px}}@media (max-width:768px){.confirmation-modal{margin:16px;margin:var(--spacing-md);max-width:400px;width:90%}.confirmation-modal .modal-header{padding:24px 24px 16px;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.confirmation-modal .modal-content{padding:0 24px 24px;padding:0 var(--spacing-lg) var(--spacing-lg)}.confirmation-modal .modal-actions{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.confirmation-modal .cancel-btn,.confirmation-modal .confirm-btn{min-width:auto;width:100%}}@media (max-width:480px){.confirmation-modal{margin:8px;margin:var(--spacing-sm);max-width:350px;width:95%}.confirmation-modal .modal-header{padding:16px 16px 8px;padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm)}.confirmation-modal .modal-content{padding:0 16px 16px;padding:0 var(--spacing-md) var(--spacing-md)}.confirmation-modal h3{font-size:18px}.confirmation-modal p{font-size:14px}}@media (max-width:768px){.import-options{gap:16px;gap:var(--spacing-md);grid-template-columns:1fr}.import-option,.import-selection{padding:24px;padding:var(--spacing-lg)}*{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.app-main,.sidebar-navigation,.transactions-list{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.sidebar-navigation{height:100vh;position:-webkit-sticky;position:sticky;top:0;transform:translateZ(0);will-change:transform}.taxes-page .sidebar-navigation{position:sticky!important;position:-webkit-sticky!important;top:0!important;z-index:100!important}.taxes-page{overflow:visible!important;position:static!important}.taxes-page .app-layout{contain:none;position:relative}.app-main{margin-left:8px;margin-left:var(--spacing-sm);scroll-behavior:smooth;will-change:scroll-position}.average-card:hover,.forecast-card:hover,.summary-card:hover{transform:translateY(-2px) scale(1.01)}}@media (max-width:768px){@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nav-item{margin:4px 0;margin:var(--spacing-xs) 0;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}svg{height:auto;max-width:100%}.app-main{touch-action:pan-x pan-y}.transactions-list{touch-action:pan-x}.nav-item,.sortable,button,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #3b82f6;outline:2px solid var(--accent-blue);outline-offset:2px}}@media (max-width:768px){@media (prefers-contrast:high){.average-card,.budget-status-card,.forecast-card,.summary-card,button{border:2px solid #fff;border:2px solid var(--text-primary)}}@media (prefers-color-scheme:dark){.confirmation-modal,.line-graph-container{background:#101218f2}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.nav-item:active,.sortable:active,button:active{transform:scale(.98);transition:transform .1s ease}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;border-radius:var(--radius-medium);color:#ef4444;font-size:14px;margin:8px 0;margin:var(--spacing-sm) 0;padding:16px;padding:var(--spacing-md)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff1a;border-top:2px solid #3b82f6;border:2px solid var(--border-light);border-radius:50%;border-top-color:var(--accent-blue);height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}}.sync-integration{margin:0 auto;max-width:600px;padding:32px;padding:var(--spacing-xl);text-align:center}.sync-integration h3{color:#fff;color:var(--text-primary);font-size:1.5rem;margin-bottom:16px;margin-bottom:var(--spacing-md)}.sync-integration>p{color:#94a3b8;color:var(--text-secondary);font-size:1rem;margin-bottom:32px;margin-bottom:var(--spacing-xl)}.coming-soon{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-large);margin-top:24px;margin-top:var(--spacing-lg);padding:32px;padding:var(--spacing-xl)}.coming-soon-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;border-radius:var(--radius-medium);color:#fff;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:.5rem 1rem;text-transform:uppercase}.coming-soon p{color:#fff;color:var(--text-primary);font-weight:500;margin-bottom:16px;margin-bottom:var(--spacing-md)}.coming-soon ul{list-style:none;margin:0 auto;max-width:300px;padding:0;text-align:left}.coming-soon li{border-bottom:1px solid var(--border-color);color:#94a3b8;color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative}.coming-soon li:last-child{border-bottom:none}.coming-soon li:before{color:var(--accent-primary);content:"•";font-weight:700;left:0;position:absolute}body,html{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box;max-width:100%}@media (max-width:768px){.transactions-table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -16px;margin:0 calc(var(--spacing-md)*-1);overflow-x:auto;padding:0 16px;padding:0 var(--spacing-md)}.transactions-table{font-size:13px;min-width:600px}.transactions-table td,.transactions-table th{padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.transactions-table .actions-header,.transactions-table .timestamp{display:none}.transactions-table .action-btn{margin:4px;margin:var(--spacing-xs);min-height:44px;min-width:44px;padding:8px;padding:var(--spacing-sm)}}@media (max-width:480px){.transactions-table{font-size:12px}.transactions-table td,.transactions-table th{padding:4px;padding:var(--spacing-xs)}}@media (max-width:768px){.confirmation-modal,.settings-modal,.transaction-edit-modal{-webkit-overflow-scrolling:touch;margin:16px auto!important;margin:var(--spacing-md) auto!important;max-height:90vh;max-width:500px!important;overflow-y:auto;width:95vw!important}.modal-content{padding:16px!important;padding:var(--spacing-md)!important}.form-actions,.modal-actions{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.form-actions button,.modal-actions button{margin:0!important;width:100%!important}.chart-container,.line-graph-container,.pie-chart-container{margin:16px 0;margin:var(--spacing-md) 0;padding:16px;padding:var(--spacing-md);width:100%}.monthly-averages-section,.year-end-forecast-section{-webkit-overflow-scrolling:touch;overflow-x:auto}.line-graph-container svg{height:auto;max-width:100%}.form-group,.form-row>*{margin-bottom:16px;margin-bottom:var(--spacing-md);width:100%!important}.form-row{flex-direction:column!important;gap:16px!important;gap:var(--spacing-md)!important}input[type=checkbox],input[type=radio]{height:44px;min-height:44px;min-width:44px;width:44px}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font-size:16px!important;min-height:44px!important;padding:16px!important;padding:var(--spacing-md)!important}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-position:right var(--spacing-md) center;background-repeat:no-repeat;padding-right:40px!important}.action-btn,.btn,button{-webkit-tap-highlight-color:rgba(255,255,255,.1);font-size:16px!important;min-height:44px!important;min-width:44px!important;padding:16px 24px!important;padding:var(--spacing-md) var(--spacing-lg)!important;touch-action:manipulation}.bulk-actions button,.form-group button,.transaction-form button{margin:8px 0!important;margin:var(--spacing-sm) 0!important;width:100%!important}.icon-btn,button[aria-label]{min-height:44px;min-width:44px;padding:8px!important;padding:var(--spacing-sm)!important}.nav-item{align-items:center;display:flex;min-height:48px;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.category-tabs,.nav-item{gap:8px;gap:var(--spacing-sm)}.category-tabs{flex-wrap:wrap}.category-tabs button{flex:1 1;min-width:calc(50% - 8px);min-width:calc(50% - var(--spacing-sm));padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.filters-section{flex-direction:column;gap:16px;gap:var(--spacing-md);padding:16px!important;padding:var(--spacing-md)!important}.filter-group{align-items:stretch;flex-direction:column;gap:8px;gap:var(--spacing-sm);width:100%}.filter-group label{font-size:14px;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.filter-group input,.filter-group select{width:100%!important}.averages-cards,.forecast-cards,.summary-cards{gap:16px!important;gap:var(--spacing-md)!important;grid-template-columns:1fr!important}.average-card,.forecast-card,.summary-card{margin:0!important;width:100%!important}.budget-grid{grid-template-columns:1fr!important;padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}.budget-status-card{margin-bottom:16px;margin-bottom:var(--spacing-md)}.budget-status-card .category-header{align-items:flex-start!important;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.overall-budget-status{padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}.overall-budget-card{padding:16px!important;padding:var(--spacing-md)!important}.overall-budget-card,.overall-budget-header{margin-bottom:16px;margin-bottom:var(--spacing-md)}.overall-budget-header{align-items:flex-start!important;flex-direction:column!important;gap:8px;gap:var(--spacing-sm)}.overall-budget-header h4{font-size:18px!important;margin:0}.budget-progress-bar{height:14px!important;margin:8px 0;margin:var(--spacing-sm) 0;width:100%}.overall-budget-section{padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}.budget-summary,.budget-summary-item{gap:4px;gap:var(--spacing-xs)}.budget-summary-item{align-items:flex-start!important;flex-direction:column;padding:8px 0;padding:var(--spacing-sm) 0}.budget-label{font-size:13px!important}.budget-value{font-size:16px!important;font-weight:700!important}.percentage-circle,.white-circle{font-size:14px!important;height:50px!important;width:50px!important}.budget-percentage-display{align-self:center;margin-top:8px;margin-top:var(--spacing-sm)}.breakdown-container{flex-direction:column;padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}.breakdown-list,.pie-chart-wrapper{margin:var(--spacing-mdдивидуальные) 0;width:100%!important}.pie-chart-container svg{height:auto;max-width:100%}.category-breakdown{padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}.settings-item,.settings-section,.tax-location-item,.tax-locations-list{padding:16px;padding:var(--spacing-md)}.settings-item,.tax-location-item{align-items:stretch;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.settings-actions,.tax-location-actions{flex-direction:column;gap:8px;gap:var(--spacing-sm);width:100%}.settings-actions button,.tax-location-actions button{width:100%}.bulk-import{padding:16px!important;padding:var(--spacing-md)!important}.import-options{grid-template-columns:1fr!important;padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}.import-option{padding:24px!important;padding:var(--spacing-lg)!important}.html-table-import .summary-grid,.html-table-import .transaction-preview{grid-template-columns:1fr!important;padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}.html-table-import .transaction-preview{gap:8px;gap:var(--spacing-sm)}.html-table-import{padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}.app-header{flex-wrap:wrap;gap:8px;gap:var(--spacing-sm);padding:8px 16px!important;padding:var(--spacing-sm) var(--spacing-md)!important}.app-header h1{flex:1 1 auto;font-size:22px!important}.app-header .logout-button{min-height:44px;min-width:44px}.overview-tab{padding:0!important}.analytics-header,.analytics-header h2,.overview-tab h2{font-size:20px;margin-bottom:16px;margin-bottom:var(--spacing-md);padding:0 16px!important;padding:0 var(--spacing-md)!important}.summary-section{margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:0 16px;padding:0 var(--spacing-md)}.budget-section h3,.monthly-averages-section h3,.transaction-management-header,.transaction-management-header h3,.year-end-forecast-section h3{padding-left:16px!important;padding-left:var(--spacing-md)!important;padding-right:16px!important;padding-right:var(--spacing-md)!important}.expenses-tab,.income-tab{padding:0!important}.expenses-tab h2,.income-tab h2,.tab-header,.tab-header h2{font-size:20px;margin-bottom:16px;margin-bottom:var(--spacing-md);padding-left:16px!important;padding-left:var(--spacing-md)!important;padding-right:16px!important;padding-right:var(--spacing-md)!important}.transactions-list{margin:16px 0;margin:var(--spacing-md) 0;padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}.transactions-table-container,.transactions-table-wrapper{-webkit-overflow-scrolling:touch;box-sizing:border-box;margin:0!important;overflow-x:auto;padding:0!important;scrollbar-color:#8b5cf680 #2a2a2a4d;scrollbar-width:thin;width:100%}}@media (max-width:768px){.transactions-table-wrapper::-webkit-scrollbar{height:8px}.transactions-table-wrapper::-webkit-scrollbar-track{background:#2a2a2a4d;border-radius:8px;border-radius:var(--radius-small)}.transactions-table-wrapper::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:8px;border-radius:var(--radius-small)}.transactions-table-wrapper::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}.transactions-table{background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-collapse:collapse;border-radius:20px;border-radius:var(--radius-xl);box-sizing:border-box;display:table!important;font-size:10px!important;margin:0!important;min-width:750px;padding:0!important;width:100%}.transactions-table thead{display:table-header-group}.transactions-table tbody{display:table-row-group}.transactions-table th{background:#1a1a2ef2!important;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-light);box-sizing:border-box;color:#94a3b8;color:var(--text-secondary);font-size:9px!important;font-weight:700;letter-spacing:.5px;min-height:44px;padding:8px 4px!important;padding:var(--spacing-sm) var(--spacing-xs)!important;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;vertical-align:middle;white-space:nowrap;z-index:21}.transactions-table thead{background:#1a1a2ef2}.transactions-table thead tr{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-light)}.transactions-table tbody{background:#1a1a2ecc}.transactions-table td{background:#1a1a2ecc;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-light);box-sizing:border-box;color:#fff;color:var(--text-primary);font-size:10px!important;padding:8px 4px!important;padding:var(--spacing-sm) var(--spacing-xs)!important;text-align:left;vertical-align:middle;white-space:nowrap}.transactions-table tr{transition:background-color .2s ease}.transactions-table tbody tr:hover{background:#3b82f614}.transactions-table tbody tr:active{background:#3b82f626}.transactions-table .timestamp,.transactions-table td.actions-cell,.transactions-table td:has(.timestamp),.transactions-table th.actions-header,.transactions-table th:has(+.actions-header){display:none!important}.transactions-table td:has(.action-btn){display:table-cell!important;padding:4px!important;padding:var(--spacing-xs)!important}.transactions-table .action-btn{font-size:10px!important;min-height:32px!important;min-width:32px!important;padding:4px!important;padding:var(--spacing-xs)!important}.transactions-table .amount{font-size:12px!important;font-weight:700!important}.transactions-table .category,.transactions-table .description{display:inline-block;max-width:100px;overflow:hidden;text-overflow:ellipsis}.transactions-table .date{font-size:9px!important;min-width:65px}.transactions-table th.sortable{-webkit-tap-highlight-color:rgba(59,130,246,.2);cursor:pointer;display:table-cell!important;min-height:44px;-webkit-user-select:none;user-select:none}.transactions-table th.sortable:active{background:#3b82f633!important}.transactions-table td:first-child,.transactions-table th:first-child{padding:8px 4px!important;padding:var(--spacing-sm) var(--spacing-xs)!important;text-align:center;width:40px}.transactions-table{table-layout:auto}.transactions-table td,.transactions-table th{width:auto}.transactions-table input[type=checkbox]{height:20px;min-height:20px;min-width:20px;width:20px}.category-breakdown,.total-section{padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}.overall-budget-header,.overall-budget-header h4,.transaction-form h2{padding-left:16px!important;padding-left:var(--spacing-md)!important;padding-right:16px!important;padding-right:var(--spacing-md)!important}.transaction-form{padding:0!important}.transaction-form h2{font-size:20px;margin-bottom:16px;margin-bottom:var(--spacing-md);padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}.unified-add-form{margin:0!important;padding:16px!important;padding:var(--spacing-md)!important;padding-left:16px!important;padding-left:var(--spacing-md)!important;padding-right:16px!important;padding-right:var(--spacing-md)!important}.category-management{padding:0!important}.category-list{gap:8px;gap:var(--spacing-sm);padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}.category-item{align-items:stretch;padding:16px;padding:var(--spacing-md)}.category-actions,.category-item{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.category-actions{width:100%}.taxes-page{padding:0!important}.tax-summary{flex-direction:column;gap:8px;gap:var(--spacing-sm);padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}.tax-summary-card{padding:16px;padding:var(--spacing-md);width:100%!important}.hide-mobile{display:none!important}.show-mobile{display:block!important}.mobile-full-width{max-width:100%!important;width:100%!important}.mobile-stack{flex-direction:column!important}}@media (max-width:480px){.app-main{padding:4px!important;padding:var(--spacing-xs)!important}.average-card,.forecast-card,.metric-card,.summary-card{min-height:auto!important;padding:8px!important;padding:var(--spacing-sm)!important}.average-amount,.forecast-amount,.summary-card .amount{font-size:18px!important}h1{font-size:20px!important}h2{font-size:16px!important}h3{font-size:14px!important}button{padding:8px 16px!important;padding:var(--spacing-sm) var(--spacing-md)!important}}@media (max-width:768px) and (orientation:landscape){.sidebar-navigation{width:240px}.app-main{padding:16px;padding:var(--spacing-md)}.summary-cards{grid-template-columns:repeat(2,1fr)!important}}.help-page{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;margin:0;max-width:none;overflow:visible;padding:0;position:static}.help-page h2{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0;padding:32px 24px 0;padding:var(--spacing-xl) var(--spacing-lg) 0;text-align:left;text-shadow:0 0 20px #ffffff4d}.help-container{display:flex;gap:32px;gap:var(--spacing-xl);margin:0 auto;max-width:1400px;padding:32px 24px;padding:var(--spacing-xl) var(--spacing-lg)}.help-sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);flex:0 0 280px;height:-webkit-fit-content;height:fit-content;padding:24px;padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:32px;top:var(--spacing-xl)}.help-sidebar h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 24px;margin:0 0 var(--spacing-lg) 0;padding:0;text-shadow:none}.help-nav,.help-nav-group{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.help-nav-page{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;border-radius:var(--radius-medium);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all .2s ease;width:100%}.help-nav-page:hover{background:#3b82f61a;border-color:#3b82f64d;color:#fff;color:var(--text-primary)}.help-nav-page.active{background:#3b82f626;border-color:#3b82f6;border-color:var(--accent-blue);color:#3b82f6;color:var(--accent-blue)}.help-nav-features{border-left:2px solid #ffffff1a;border-left:2px solid var(--border-light);display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs);margin-top:4px;margin-top:var(--spacing-xs);padding-left:16px;padding-left:var(--spacing-md)}.help-nav-feature{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-small);color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md);text-align:left;transition:all .2s ease;width:100%}.help-nav-feature:hover{background:#3b82f614;color:#fff;color:var(--text-primary)}.help-nav-feature.active{background:#3b82f61f;color:#3b82f6;color:var(--accent-blue);font-weight:600}.help-nav-icon{flex-shrink:0;font-size:18px}.help-nav-text{flex:1 1}.help-main{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ecc;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;box-shadow:var(--shadow-medium);flex:1 1;min-height:600px;padding:32px;padding:var(--spacing-xl)}.help-content{max-width:900px}.help-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 24px;margin:0 0 var(--spacing-lg) 0;padding:0;text-shadow:none}.help-intro{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-light);color:#94a3b8;color:var(--text-secondary);font-size:16px;line-height:1.6;padding-bottom:24px;padding-bottom:var(--spacing-lg)}.help-intro,.help-section{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.help-section h3{align-items:center;display:flex;font-size:20px;gap:8px;gap:var(--spacing-sm);margin:0 0 16px;margin:0 0 var(--spacing-md) 0}.help-section h3,.help-section h4{color:#fff;color:var(--text-primary);font-weight:600}.help-section h4{font-size:16px;margin:16px 0 8px;margin:var(--spacing-md) 0 var(--spacing-sm) 0}.help-section ol,.help-section ul{color:#94a3b8;color:var(--text-secondary);line-height:1.8;margin:8px 0;margin:var(--spacing-sm) 0;padding-left:24px;padding-left:var(--spacing-lg)}.help-section li{margin-bottom:4px;margin-bottom:var(--spacing-xs)}.help-section li strong{color:#fff;color:var(--text-primary);font-weight:600}.help-section ul ul{margin-bottom:4px;margin-bottom:var(--spacing-xs);margin-top:4px;margin-top:var(--spacing-xs)}.help-note{background:#3b82f61a;border-left:3px solid #3b82f6;border-left:3px solid var(--accent-blue);border-radius:12px;border-radius:var(--radius-medium);color:#94a3b8;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:16px 0;margin:var(--spacing-md) 0;padding:16px;padding:var(--spacing-md)}@media (max-width:1024px){.help-container{flex-direction:column;gap:24px;gap:var(--spacing-lg)}.help-sidebar{flex:1 1;position:static}.help-nav{flex-direction:row;flex-wrap:wrap}.help-nav-group{flex:1 1;min-width:200px}.help-nav-features{padding-left:8px;padding-left:var(--spacing-sm)}}@media (max-width:768px){.help-container,.help-page h2{padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}.help-main,.help-sidebar{padding:16px;padding:var(--spacing-md)}.help-content h2{font-size:24px}.help-section h3{font-size:18px}.help-nav{flex-direction:column}.help-nav-group{width:100%}.help-nav-features{padding-left:16px;padding-left:var(--spacing-md)}}@supports (-webkit-touch-callout:none){@media (max-width:768px){input,select,textarea{font-size:16px!important}body{overflow:hidden}.app-main,body{position:fixed;width:100%}.app-main{-webkit-overflow-scrolling:touch;height:100vh;overflow-y:scroll}}}@media (max-width:768px){.nav-item,.sortable,button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.loading-spinner{height:32px;width:32px}.loading-overlay{padding:32px;padding:var(--spacing-xl)}}
/*# sourceMappingURL=main.16e3d384.css.map*/