*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#fff;background:#0f0f0f;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(at 0 0,rgba(74,143,231,.08) 0,transparent 50%),radial-gradient(at 100% 0,rgba(139,92,246,.06) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(59,130,246,.05) 0,transparent 50%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;color:#fff}h1{font-size:2.25rem}h1,h2{letter-spacing:-.025em}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem;color:#a0a0a0}p:last-child{margin-bottom:0}a{color:#f5c042;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1)}a:hover{color:#ffcf5c}a:active{color:#e6a922}b,strong{font-weight:600;color:#fff}em,i{font-style:italic}small{font-size:.875rem;color:#a0a0a0}code{font-size:.9em;padding:.25rem .5rem;border:1px solid hsla(0,0%,100%,.05);border-radius:.375rem;color:#f5c042}code,pre{font-family:JetBrains Mono,Fira Code,monospace;background:#2a2a2a}pre{font-size:.875rem;padding:1rem;border:1px solid hsla(0,0%,100%,.05);border-radius:.75rem;overflow-x:auto;margin:1rem 0}pre code{padding:0;background:none;border:none}ol,ul{padding-left:1.5rem;margin-bottom:1rem;color:#a0a0a0}ol:last-child,ul:last-child{margin-bottom:0}ol li,ul li{margin-bottom:.5rem}ul{list-style-type:disc}ol{list-style-type:decimal}img,video{display:block}img,svg,video{max-width:100%;height:auto}svg{fill:currentColor}table{width:100%;border-collapse:collapse;border-spacing:0;margin:1.5rem 0}thead{border-bottom:1px solid hsla(0,0%,100%,.08)}thead th{padding:.75rem 1rem;text-align:left;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:#6b6b6b}tbody tr{border-bottom:1px solid hsla(0,0%,100%,.05);transition:background .15s cubic-bezier(.4,0,.2,1)}tbody tr:hover{background:#1e1e1e}tbody tr:last-child{border-bottom:none}tbody td{padding:1rem;color:#a0a0a0;font-size:.875rem}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit}fieldset{border:1px solid hsla(0,0%,100%,.08);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}legend{padding:0 .5rem;font-weight:600;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#373737}*{scrollbar-width:thin;scrollbar-color:#2a2a2a #1a1a1a}::selection{background:rgba(74,143,231,.3);color:#fff}::-moz-selection{background:rgba(74,143,231,.3);color:#fff}:focus-visible{outline:2px solid #f5c042;outline-offset:2px}.container,.container-narrow,.container-wide{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}@media(max-width:640px){.container,.container-narrow,.container-wide{padding:0 1rem}}.container-narrow{max-width:800px}.container-wide{max-width:1536px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:#fff}.text-secondary{color:#a0a0a0}.text-tertiary{color:#6b6b6b}.text-success{color:#4ade80}.text-error{color:#f87171}.text-warning{color:#fbbf24}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.card{background:#1e1e1e;border:1px solid hsla(0,0%,100%,.05);border-radius:1rem;padding:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:hsla(0,0%,100%,.08);box-shadow:0 8px 16px rgba(0,0,0,.4)}.card--elevated{background:#2a2a2a;box-shadow:0 4px 8px rgba(0,0,0,.35)}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.45)}.card--interactive:active{transform:translateY(0)}.card--glass{background:rgba(31,41,55,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.08)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-header__title{font-size:1.125rem;font-weight:600;color:#fff}.card-header__subtitle{font-size:.875rem;color:#a0a0a0;margin-top:.25rem}.card-body{color:#a0a0a0;font-size:.875rem;line-height:1.625}.card-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.05)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:9999px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:#f5c042;color:#fff}.btn--primary:hover:not(:disabled){background:#ffcf5c;box-shadow:0 0 20px rgba(74,144,226,.3)}.btn--primary:active:not(:disabled){background:#e6a922}.btn--secondary{background:transparent;border:1px solid hsla(0,0%,100%,.08);color:#fff}.btn--secondary:hover:not(:disabled){background:#2a2a2a;border-color:hsla(0,0%,100%,.12)}.btn--ghost{background:transparent;color:#a0a0a0}.btn--ghost:hover:not(:disabled){background:#1e1e1e;color:#fff}.btn--success{background:#4ade80;color:#fff}.btn--success:hover:not(:disabled){background:#60e28f;box-shadow:0 0 20px rgba(76,175,80,.3)}.btn--danger{background:#f87171;color:#fff}.btn--danger:hover:not(:disabled){background:#f98989}.btn--sm{padding:.5rem 1rem;font-size:.75rem}.btn--lg{padding:1rem 2rem;font-size:1rem}.btn--icon{padding:.75rem;border-radius:9999px}.btn--wide{width:100%}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px;white-space:nowrap}.badge--category{padding:.5rem .75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;font-size:10px}.badge--category.food{background:rgba(249,115,22,.15);color:#f97316}.badge--category.transport{background:rgba(234,179,8,.15);color:#eab308}.badge--category.entertainment{background:rgba(168,85,247,.15);color:#a855f7}.badge--category.shopping{background:rgba(236,72,153,.15);color:#ec4899}.badge--category.bills{background:rgba(59,130,246,.15);color:#3b82f6}.badge--category.health{background:rgba(16,185,129,.15);color:#10b981}.badge--category.travel{background:rgba(6,182,212,.15);color:#06b6d4}.badge--category.home{background:rgba(139,92,246,.15);color:#8b5cf6}.badge--category.income{background:rgba(74,222,128,.1);color:#4ade80}.badge--category.other{background:hsla(220,9%,46%,.15);color:#6b7280}.badge--success{background:rgba(74,222,128,.1);color:#4ade80}.badge--warning{background:rgba(251,191,36,.1);color:#fbbf24}.badge--error{background:hsla(0,91%,71%,.1);color:#f87171}.badge--info{background:rgba(96,165,250,.1);color:#60a5fa}.badge--neutral{background:rgba(156,163,175,.1);color:#a0a0a0}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(74,143,231,.15);color:#f5c042;border-radius:9999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.pill:hover{background:rgba(74,143,231,.25);border-color:rgba(74,143,231,.3)}.pill--active{background:#f5c042;color:#fff}.pill__close{display:flex;align-items:center;justify-content:center;padding:.25rem;margin:-1rem 0;border-radius:9999px;transition:background .15s cubic-bezier(.4,0,.2,1)}.pill__close:hover{background:rgba(0,0,0,.2)}.input,.search-bar__input,.select{width:100%;padding:.75rem 1rem;background:#1a1a1a;border:1px solid hsla(0,0%,100%,.05);border-radius:.75rem;color:#fff;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.input::placeholder,.search-bar__input::placeholder,.select::placeholder{color:#6b6b6b}.input:focus,.search-bar__input:focus,.select:focus{outline:none;border-color:#f5c042;box-shadow:0 0 0 3px rgba(74,143,231,.1)}.input:disabled,.search-bar__input:disabled,.select:disabled{opacity:.5;cursor:not-allowed}.input--error{border-color:#f87171}.input--error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.input-group{position:relative}.input-group__icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b6b6b;pointer-events:none}.input-group--with-icon .input,.input-group--with-icon .search-bar__input,.input-group--with-icon .select{padding-left:2.5rem}.label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#a0a0a0}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.transaction-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:transparent;border-radius:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.transaction-item:hover{background:#1e1e1e}.transaction-item__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.5rem;background:#2a2a2a;color:#a0a0a0;font-size:1.125rem;flex-shrink:0}.transaction-item__content{flex:1 1;min-width:0}.transaction-item__merchant{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;color:#fff;margin-bottom:.25rem}.transaction-item__category{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b6b6b}.transaction-item__amount{font-size:1.125rem;font-weight:600;color:#fff;flex-shrink:0}.transaction-item__amount--positive{color:#4ade80}.transaction-item__amount--negative{color:#fff}.transaction-group{margin-bottom:2rem}.transaction-group__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b6b6b}.transaction-group__date{color:#a0a0a0}.transaction-group__total{color:#fff}.stat__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;color:#6b6b6b;margin-bottom:.5rem}.stat__value{font-size:2.25rem;font-weight:700;color:#fff;line-height:1}.stat__value--large{font-size:3rem}.stat__value--positive{color:#4ade80}.stat__value--negative{color:#f87171}.stat__change{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.875rem;font-weight:500}.stat__change--up{color:#4ade80}.stat__change--down{color:#f87171}.stat__subtext{margin-top:.5rem;font-size:.875rem;color:#a0a0a0}.divider{height:1px;background:hsla(0,0%,100%,.05);margin:1.5rem 0}.divider--thick{height:2px}.divider--dashed{border-top:1px dashed hsla(0,0%,100%,.05);height:0}.search-bar{position:relative;width:100%}.search-bar__input{padding-left:2.5rem}.search-bar__icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b6b6b;pointer-events:none}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1300;animation:fadeIn .2s cubic-bezier(.4,0,.2,1)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 2rem);max-width:500px;max-height:90vh;overflow-y:auto;background:#2a2a2a;border:1px solid hsla(0,0%,100%,.08);border-radius:1.25rem;box-shadow:0 20px 40px rgba(0,0,0,.5);z-index:1400;animation:slideUp .2s cubic-bezier(.4,0,.2,1)}.modal__header{padding:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.05)}.modal__title{font-size:1.5rem;font-weight:700;color:#fff}.modal__body{padding:1.5rem}.modal__footer{padding:1.5rem;border-top:1px solid hsla(0,0%,100%,.05);display:flex;gap:.75rem;justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}