.dark{background-color:#0f172a!important;color:#f8fafc!important}.dark .card,.dark .bg-white{background-color:#1e293b!important;color:#f8fafc!important}.dark h1,.dark h2,.dark h3,.dark h4,.dark p,.dark span,.dark label{color:#f8fafc!important}.dark input,.dark select,.dark textarea{background-color:#1e293b!important;border-color:#334155!important;color:#f8fafc!important}.dark #sidebar{background-color:#1e293b!important}.dark table{color:#f8fafc!important}.dark thead{background-color:#334155!important}.dark tbody tr{background-color:#1e293b!important;border-bottom:1px solid #334155!important}.header{background-color:#1976d2;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.header .user-info{font-size:1rem}.logout-btn{background:transparent;border:none;color:#e3f2fd;font-size:1.2rem;cursor:pointer;transition:color .2s ease}.logout-btn:hover{color:#fff}.dark .logout-btn{color:#fffc}.dark .logout-btn:hover{color:#fff}.content{padding:2rem}.dark #sidebar{background-color:#2d2d2d;border-right:1px solid #404040}.dark .bg-white{background-color:#2d2d2d}.dark .text-gray-700{color:#e5e7eb}.dark .text-gray-600{color:#d1d5db}.dark .text-gray-500{color:#9ca3af}.dark .bg-gray-50{background-color:#374151}.dark .border{border-color:#4b5563}.dark .shadow-md{box-shadow:0 4px 6px -1px #0000004d}.dark input,.dark select,.dark textarea{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.dark input::-moz-placeholder{color:#9ca3af}.dark input::placeholder{color:#9ca3af}.dark .hover\:bg-gray-100:hover{background-color:#374151}@media (max-width: 768px){#sidebar{position:fixed;height:100vh;z-index:50;transform:translate(-100%);transition:transform .3s ease-in-out}#sidebar.show{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:40;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.sidebar-backdrop.show{opacity:1;pointer-events:auto}}.dark .chartjs-render-monitor{filter:invert(.85) hue-rotate(180deg)}.dark th{background-color:#374151!important}.dark tr:hover{background-color:#374151}.dark #budget-modal .bg-white,.dark #game-over-modal .bg-white{background-color:#2d2d2d;border:1px solid #4b5563}.dark .border-dashed{border-color:#4b5563}.dark canvas{background-color:transparent!important}.dark .text-\[\#377f8e\]{color:#5fb0c0}.dark .hover\:bg-gray-100:hover{background-color:#404040}.dark .shadow-md{box-shadow:0 4px 6px -1px #00000080}.tab-link.active{background-color:#377f8e1a;font-weight:600}@media (max-width: 768px){#sidebar{position:fixed;height:100vh;transform:translate(-100%)}#sidebar.active{transform:translate(0)}}.transaction-enter{opacity:0;transform:translateY(-20px)}.transaction-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.hidden{display:none}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.faq-answer.show{max-height:200px}.form-input:focus{outline:none;border-color:#377f8e;box-shadow:0 0 0 2px #377f8e33}.category-icon{width:2rem;height:2rem;border-radius:9999px;display:flex;align-items:center;justify-content:center}.dark .bg-gray-50{background-color:#2d2d2d}.dark .border-l-4{border-left-color:#4a5568}.dark .text-gray-500{color:#a0aec0}.dark #expense-chart{color:#fff}.chart-container{position:relative;margin:auto;height:300px;width:100%}.dark .chart-legend{color:#fff}.receipt-modal{animation:fadeIn .3s ease-out}.receipt-content{max-height:70vh;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dark .receipt-modal{background-color:#2d2d2d;border-color:#404040}.dark .receipt-content{background-color:#1a1a1a}.expense-row{transition:background-color .2s ease}.expense-row:hover{background-color:#377f8e0d}.dark .expense-row:hover{background-color:#5fb0c01a}.chart-tooltip{background:#000c!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;color:#fff!important}.dark .chart-tooltip{background:#ffffffe6!important;color:#000!important}@keyframes downloadBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}#export-csv:hover i{animation:downloadBounce .5s ease infinite}.expenses-table th{position:sticky;top:0;background:#fff;z-index:10}.dark .expenses-table th{background:#2d2d2d}.category-breakdown-item{transition:all .2s ease}.category-breakdown-item:hover{transform:translate(4px)}.chart-wrapper{position:relative;min-height:300px}.empty-chart-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#6b7280}.date-range-inputs.show{display:block;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#expense-chart{width:100%!important;height:300px!important}.chart-container{position:relative;height:300px;width:100%}.dark #expense-chart{background-color:transparent}.dark .chartjs-tooltip{background-color:#2d2d2de6!important;color:#fff!important}#export-menu{transform-origin:top right;transition:all .2s ease}#export-menu button{transition:all .2s ease}.dark #export-menu{background-color:#2d2d2d;border:1px solid #404040}.dark #export-menu button{color:#fff}#export-menu{transform-origin:top right;transition:opacity .2s ease,transform .2s ease;opacity:0;transform:scale(.95)}#export-menu:not(.hidden){opacity:1;transform:scale(1)}#export-menu button{width:100%;text-align:left}.dark #export-menu button:hover{background-color:#404040}.budget-progress-bar{transition:width .3s ease}#budget-modal{transition:opacity .3s ease}#budget-modal:not(.hidden){display:flex}.dark #budget-modal .bg-white{background-color:#2d2d2d}.dark .bg-gray-50{background-color:#3d3d3d}@keyframes progressFill{0%{width:0}to{width:var(--target-width)}}#budget-progress .bg-red-500,#budget-progress .bg-yellow-500,#budget-progress .bg-green-500{animation:progressFill 1s ease-out forwards}#budget-progress .relative{overflow:hidden}#budget-progress .bg-red-500,#budget-progress .bg-yellow-500,#budget-progress .bg-green-500{transition:width 1s ease-out;will-change:width}.dark #budget-progress .bg-gray-200{background-color:#4a5568}.dark #budget-progress .text-sm{color:#e2e8f0}#budget-progress .progress-bar-container{background-color:#f3f4f6;border-radius:.25rem;height:.5rem;overflow:hidden;position:relative}#budget-progress .progress-bar{position:absolute;top:0;left:0;height:100%;transition:width .6s ease-in-out;border-radius:.25rem}.dark #budget-progress .progress-bar-container{background-color:#374151}.progress-bar.safe{background-color:#10b981}.progress-bar.warning{background-color:#fbbf24}.progress-bar.danger{background-color:#ef4444}.recommendation{transition:transform .2s ease}.recommendation:hover{transform:translateY(-2px)}.dark .recommendation{background-color:#374151}.dark #insights canvas{filter:invert(.9) hue-rotate(180deg)}.dark #trends-chart,.dark #comparison-chart{background-color:transparent}.dark .recommendation p{color:#d1d5db}#game-timer{font-family:monospace}#challenge-container{min-height:200px}#game-history{max-height:400px;overflow-y:auto}.game-history-item{transition:transform .2s ease}.game-history-item:hover{transform:translate(4px)}.dark #game-over-modal .bg-white{background-color:#2d2d2d}.dark #game-feedback{color:#d1d5db}@keyframes scoreIncrease{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.score-update{animation:scoreIncrease .3s ease-out}#game-over-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;place-items:center;z-index:50}#game-over-modal.active{display:grid}#game-over-modal>div{width:90%;max-width:28rem;margin:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dark{background-color:#1a1a1a;color:#e5e7eb}.dark body{background-color:#1a1a1a}.dark main{background-color:#1a1a1a}.dark header{background-color:#2d2d2d;border-bottom:1px solid #404040}.dark .bg-gray-50{background-color:#2d2d2d!important}.dark #currency-select,.dark #type,.dark #category,.dark #date-range,.dark #filter-category{background-color:#374151;color:#e5e7eb;border-color:#4b5563}.dark .space-y-2>*{background-color:#2d2d2d}.dark .rounded-lg{background-color:#2d2d2d}.dark .notification{background-color:#2d2d2d;border:1px solid #4b5563}.dark .modal-backdrop{background-color:#000000b3}.dark tbody tr:nth-child(2n){background-color:#333}.dark tbody tr:hover{background-color:#404040!important}.dark ::-webkit-scrollbar{width:12px}.dark ::-webkit-scrollbar-track{background:#2d2d2d}.dark ::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:6px;border:3px solid #2d2d2d}.notification-container{pointer-events:none}.notification-container>div{pointer-events:auto;transform:translate(100%);opacity:0}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notification-enter{animation:slideInRight .3s ease forwards}.notification-exit{animation:slideOutRight .3s ease forwards}.notification-container{animation:fadeIn .2s ease}.notification{box-shadow:0 4px 6px #0000001a;transform-origin:top right}.notification button{transition:opacity .2s ease}.notification button:hover{opacity:1!important}.dark .notification{box-shadow:0 4px 6px #0000004d}