.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f0f,#39363c,#0f172a);background-size:400% 400%;animation:shineGradient 15s ease infinite;padding:1rem;max-width:1920px!important;width:100%!important}.auth-card{background:linear-gradient(145deg,#1a1a1a,#2c2c2c);box-shadow:0 4px 10px #00000080;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:2.5rem;width:100%;max-width:700px}.auth-header{text-align:center;margin-bottom:2rem}.logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.logo h1{font-size:52px;font-weight:700;color:#34865d;margin:0}.auth-header p{color:#6b7280;font-size:24px;margin:0}.auth-form{display:flex;flex-direction:column;gap:32px}.auth-form .error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:.5rem;font-size:20px;text-align:center}.auth-form .form-group{margin-bottom:0}.auth-form label{display:block;margin-bottom:14px;font-weight:500;color:#d3d3d3;font-size:20px}.auth-form input{width:100%;padding:16px;border:1px solid #d1d5db;border-radius:.5rem;font-size:20px;transition:all .2s ease}.auth-form input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.password-input{position:relative}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#dcdde0;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#374151}.auth-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:18px;border-radius:.5rem;font-size:20px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:20px}.auth-button:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.auth-button:active{transform:translateY(0)}.auth-footer{text-align:center;margin-top:32px;padding-top:1.5rem;border-top:1px solid #e5e7eb}.auth-footer p{color:#d9d9d9;font-size:24px;margin:0}.auth-link{color:#10b981;text-decoration:none;font-weight:500;transition:color .2s ease}.auth-link:hover{color:#059669;text-decoration:underline}@media (max-width: 480px){.auth-card{padding:1.5rem}.logo h1{font-size:1.5rem}}.dashboard{max-width:100%;padding:40px 120px;background:linear-gradient(135deg,#0f0f0f,#39363c,#0f172a);background-size:400% 400%;animation:shineGradient 15s ease infinite;color:#fff}@keyframes shineGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h1{font-size:2rem;font-weight:700;color:#fff;margin:0}.add-transaction-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#16e293,#059669);color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .2s ease;font-size:18px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;border-radius:1rem;padding:1.5rem;background:linear-gradient(145deg,#1a1a1a,#2c2c2c);box-shadow:0 4px 10px #00000080;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-card.income .card-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.summary-card.expense .card-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.summary-card.balance .card-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.card-content h3{font-size:26px;font-weight:500;color:#fafafa;margin:0 0 .5rem}.card-content .amount{font-size:24px;font-weight:700;color:#aaadb2;margin:0 0 .25rem}.card-content .amount.positive{color:#10b981}.card-content .amount.negative{color:#ef4444}.card-content small{font-size:18px;color:#f2f2f2}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-bottom:2rem}.chart-container{background:linear-gradient(145deg,#1a1a1a,#2c2c2c);box-shadow:0 4px 10px #00000080;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:1.5rem}.chart-container h3{font-size:20px;font-weight:600;color:#fefefe;margin:0 0 1rem}.recent-transactions{background:linear-gradient(145deg,#1a1a1a,#2c2c2c);box-shadow:0 4px 10px #00000080;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{font-size:28px;font-weight:600;color:#fff;margin:0}.view-all-link{color:#10b981;text-decoration:none;font-size:28px;font-weight:500;transition:color .2s ease}.view-all-link:hover{color:#059669;text-decoration:underline}.transactions-list{display:flex;flex-direction:column;gap:1rem}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s ease}.transaction-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.transaction-info h4{font-size:20px;font-weight:600;color:#6a8aeb;margin:0 0 .25rem}.transaction-category{font-size:28px;color:#fff;margin:0 0 .25rem}.transaction-date{font-size:18px;color:#7c7b7b;margin:0}.transaction-amount{font-size:24px;font-weight:600}.transaction-amount.income{color:#10b981}.transaction-amount.expense{color:#ef4444}@media (max-width: 1500px){.dashboard{padding:40px 80px}}@media (max-width: 991px){.dashboard{padding:40px}}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:1rem;align-items:flex-start}.dashboard-header h1{font-size:1.5rem}.summary-cards,.charts-section{grid-template-columns:1fr}.chart-container{min-height:300px}.transaction-item{flex-direction:column;align-items:flex-start;gap:.5rem}.transaction-amount{align-self:flex-end}}@media (max-width: 600px){.dashboard{padding:40px 20px}}.transaction-form-container{max-width:100%;height:200vh;margin:0 auto;background:linear-gradient(135deg,#0f0f0f,#39363c,#0f172a);background-size:400% 400%;animation:shineGradient 15s ease infinite;padding:120px}.form-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.back-button{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid #e5e7eb;color:#f0f0f0;padding:.5rem 1rem;border-radius:.5rem;font-size:20px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-button:hover{background-color:#f3f4f6;color:#374151;border-color:#d1d5db}.form-header h1{font-size:1.875rem;font-weight:700;color:#fff;margin:0}.transaction-form{background:#fff;border-radius:1rem;padding:2rem;background:linear-gradient(145deg,#1a1a1a,#2c2c2c);box-shadow:0 4px 10px #00000080;border:1px solid rgba(255,255,255,.05)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}option{color:#0f0f0f}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#b9b9b9;font-size:20px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:20px;border:1px solid #d1d5db;border-radius:.5rem;font-size:20px;transition:all .2s ease;background-color:transparent;color:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group input.error,.form-group select.error{border-color:#ef4444}.form-group input.error:focus,.form-group select.error:focus{box-shadow:0 0 0 3px #dccbcb1a}.form-group textarea{resize:vertical;min-height:80px}input[type=date]{color:#fff;background-color:transparent;border:1px solid #d1d5db;padding:8px}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem;display:block}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.save-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#16e293,#059669);color:#fff;border:none;padding:.875rem 2rem;border-radius:.5rem;font-size:20px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-button:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.save-button:active{transform:translateY(0)}.delete-button{display:flex;align-items:center;gap:.5rem;background:#ef4444;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-button:hover{background:#dc2626;transform:translateY(-1px)}.delete-button:active{transform:translateY(0)}@media (max-width: 1500px){.transaction-form-container{padding:120px 80px}}@media (max-width: 991px){.transaction-form-container{padding:120px 40px}}@media (max-width: 768px){.transaction-form-container{padding:0 1rem}.form-header{flex-direction:column;align-items:flex-start;gap:.5rem}.form-header h1{font-size:1.5rem}.transaction-form{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column;gap:1rem;align-items:stretch}.save-button,.delete-button{justify-content:center}}@media (max-width: 600px){.transaction-form-container{padding:80px 20px}}html{max-width:1920px;width:100%}.transaction-history{max-width:1920px;width:100%;background:linear-gradient(135deg,#0f0f0f,#39363c,#0f172a);background-size:400% 400%;animation:shineGradient 15s ease infinite;padding:120px;height:200vh}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.history-header h1{font-size:32px;font-weight:700;color:#fff;margin:0}.add-transaction-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#16e293,#059669);color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .2s ease;font-size:20px}.add-transaction-btn:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.history-summary{background:linear-gradient(145deg,#1a1a1a,#2c2c2c);box-shadow:0 4px 10px #00000080;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:transparent;border-radius:.5rem}.summary-item span:first-child{font-size:22px;color:#fcfcfc;font-weight:500}.summary-item span:last-child{font-size:22px;font-weight:600}.summary-item .income,.summary-item .expense{font-weight:700;color:transparent;background-clip:text;-webkit-background-clip:text;background-size:200% auto;animation:shine 2s linear infinite}.summary-item .income{background-image:linear-gradient(90deg,#059669,#10b981,#059669)}.summary-item .expense{background-image:linear-gradient(90deg,#b91c1c,#ef4444,#b91c1c)}@keyframes shine{to{background-position:200% center}}.filters-section{background:linear-gradient(145deg,#1a1a1a,#2c2c2c);box-shadow:0 4px 10px #00000080;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.filters-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.filters-header h3{font-size:24px;font-weight:600;color:#fff;margin:0}.clear-filters-btn{margin-left:auto;background:none;border:1px solid #e5e7eb;color:#f7f7f7;padding:12px 20px;border-radius:.5rem;font-size:20px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background-color:#676768;color:#fff;border-color:#d1d5db}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:20px;font-weight:500;color:#d3d3d3;padding:10px}.filter-group input,.filter-group select{padding:20px;border:1px solid #d1d5db;border-radius:.5rem;font-size:16px;transition:border-color .2s ease;background:transparent;color:#fff}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}input[type=date]{color:#fff;background-color:transparent;border:1px solid #d1d5db;padding:20px}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}input[type=date]::-moz-focus-inner{border:0}.search-input{position:relative}.search-input svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#b5b9bf}.search-input input{padding-left:2.5rem}.transactions-table-container{background:linear-gradient(145deg,#1a1a1a,#2c2c2c);box-shadow:0 4px 10px #00000080;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:40px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.table-header h3{font-size:28px;font-weight:600;color:#fafafa;margin:0}.sort-controls{display:flex;align-items:center;gap:16px}.sort-controls span{font-size:20px;color:#d9d9d9}.sort-btn{background:none;border:1px solid #e5e7eb;color:#c6c6c6;padding:.5rem 1rem;border-radius:.5rem;font-size:20px;font-weight:500;cursor:pointer;transition:all .2s ease}.sort-btn:hover{background-color:#f3f4f6;color:#374151;border-color:#d1d5db}.sort-btn.active{background-color:#10b981;color:#fff;border-color:#10b981}.transactions-table{overflow-x:auto}.transactions-table table{width:100%;border-collapse:collapse}.transactions-table th{background-color:transparent;padding:30px;text-align:left;font-size:20px;font-weight:600;color:#c4c4c4;border-bottom:1px solid #e5e7eb}.transactions-table td{padding:24px;border-bottom:1px solid #f3f4f6;font-size:20px;color:#d9d9d9}.transactions-table tr:hover{background-color:#f8fafc}.transactions-table tr:hover td{color:#000}.type-badge{display:inline-block;padding:8px 18px;border-radius:8px;font-size:18px;font-weight:500;text-transform:capitalize}.type-badge.income{background-color:#d1fae5;color:#065f46}.type-badge.expense{background-color:#fee2e2;color:#991b1b}.amount{font-weight:600}.amount.income{color:#10b981}.amount.expense{color:#ef4444}.action-buttons{display:flex;gap:.5rem}.edit-btn,.delete-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.edit-btn{background-color:#3b82f6;color:#fff}.edit-btn:hover{background-color:#2563eb}.delete-btn{background-color:#ef4444;color:#fff}.delete-btn:hover{background-color:#dc2626}.empty-state{text-align:center;padding:3rem 1rem;color:#6b7280}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{font-size:1rem;margin-bottom:1rem}.add-first-btn{display:inline-flex;align-items:center;gap:.5rem;background:#10b981;color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .2s ease}.add-first-btn:hover{background:#059669;transform:translateY(-1px)}@media (max-width: 1500px){.transaction-history{padding:80px}}@media (max-width: 991px){.transaction-history{padding:80px 40px}}@media (max-width: 768px){.history-header{flex-direction:column;gap:1rem;align-items:flex-start}.history-header h1{font-size:1.5rem}.history-summary,.filters-grid{grid-template-columns:1fr}.table-header{flex-direction:column;gap:1rem;align-items:flex-start}.sort-controls{flex-wrap:wrap}.transactions-table{font-size:.75rem}.transactions-table th,.transactions-table td{padding:.75rem .5rem}.action-buttons{flex-direction:column}}@media (max-width: 600px){.transaction-history{padding:80px 20px}}.navbar{max-width:1920px;border-bottom:none;position:sticky;top:0;z-index:100;height:100px;background:linear-gradient(135deg,#0f0f0f,#39363c,#0f172a)}.navbar-container{width:100%;padding:0 120px;display:flex;align-items:center;justify-content:space-between;height:100px;background:linear-gradient(135deg,#0f0f0f,#39363c,#0f172a)}.navbar-brand{display:flex;align-items:center}.brand-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#34865d;font-weight:600;font-size:18px;transition:color .2s ease}.brand-link:hover{color:#10b981}.brand-link span{font-size:24px}.navbar-menu{display:flex;align-items:center;gap:2rem}.nav-link{text-decoration:none;color:#6b7280;font-weight:500;font-size:20px;transition:all .2s ease;padding:.5rem 0;position:relative}.nav-link:hover{color:#10b981}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#10b981;transition:width .2s ease}.nav-link:hover:after{width:100%}.navbar-user{display:flex;align-items:center;gap:1rem}.user-info{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:20px}.logout-button{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid #e5e7eb;color:#6b7280;padding:.5rem 1rem;border-radius:.5rem;font-size:20px;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-button:hover{background-color:#f3f4f6;color:#374151;border-color:#d1d5db}.mobile-menu-toggle{display:none;background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem}@media (max-width: 1500px){.navbar-container{padding:0 80px}}@media (max-width: 991px){.navbar-container{padding:0 40px}}@media (max-width: 768px){.navbar-container{padding:0 1rem}.mobile-menu-toggle{display:block}.navbar-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;gap:0;padding:1rem 0}.navbar-menu.active{display:flex}.nav-link{padding:.75rem 2rem;width:100%;border-bottom:1px solid #f3f4f6}.nav-link:last-child{border-bottom:none}.navbar-user{gap:.5rem}.user-info span,.logout-button span{display:none}}@media (max-width: 600px){.navbar-container{padding:0 20px}}.landing-page{background:linear-gradient(135deg,#0f0f0f,#39363c,#0f172a);background-size:400% 400%;animation:shineGradient 175s ease infinite;min-height:100vh;max-width:1920px;width:100%;padding:0 120px}.hero-content h1{font-size:56px;color:#fff;text-align:center}.hero-content{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.start-btn{width:240px;height:72px;font-size:28px;background:linear-gradient(135deg,#16e293,#059669);color:#fff;border:none;border-radius:16px}.hero-scripts{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Instrument Sans,sans-serif;background-color:#f9f9f9;color:#333;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}