@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@layer reset{*{box-sizing:border-box;margin:0;padding:0}}@layer base{:root{--color-primary-0:white;--color-primary-50:#ffe6e6;--color-primary-100:#fcc;--color-primary-200:#f99;--color-primary-300:#f66;--color-primary-400:#f33;--color-primary-500:red;--color-primary-600:#d90000;--color-primary-700:#b30000;--color-primary-800:#8c0000;--color-primary-900:#600;--color-gray-0:white;--color-gray-50:#f3f3f3;--color-gray-100:#e8e8e8;--color-gray-200:#d0d0d0;--color-gray-300:#b9b9b9;--color-gray-400:#a1a1a1;--color-gray-500:#8a8a8a;--color-gray-600:#757575;--color-gray-700:#616161;--color-gray-800:#4c4c4c;--color-gray-900:#373737;--color-success-0:white;--color-success-50:#f2f5f3;--color-success-100:#e5ebe6;--color-success-200:#ccd6cd;--color-success-300:#b2c2b4;--color-success-400:#99ad9b;--color-success-500:#7f9982;--color-success-600:#6c826f;--color-success-700:#596b5b;--color-success-800:#465448;--color-success-900:#333d34;--color-warning-0:white;--color-warning-50:#f2f0ec;--color-warning-100:#e5e2d9;--color-warning-200:#ccc5b2;--color-warning-300:#b2a78c;--color-warning-400:#998a65;--color-warning-500:#7f6d3f;--color-warning-600:#6c5d36;--color-warning-700:#594c2c;--color-warning-800:#463c23;--color-warning-900:#332c19;--color-danger-0:white;--color-danger-50:#f4eeee;--color-danger-100:#e8ddde;--color-danger-200:#d1bbbc;--color-danger-300:#bb9a9b;--color-danger-400:#a47879;--color-danger-500:#8d5658;--color-danger-600:#78494b;--color-danger-700:#633c3e;--color-danger-800:#4e2f30;--color-danger-900:#382223;--color-info-0:white;--color-info-50:#ebf1f6;--color-info-100:#d8e2ed;--color-info-200:#b1c5db;--color-info-300:#89a9ca;--color-info-400:#628cb8;--color-info-500:#3b6fa6;--color-info-600:#325e8d;--color-info-700:#294e74;--color-info-800:#203d5b;--color-info-900:#182c42;--font-family:"Roboto", sans-serif;--color-primary:var(--color-primary-500);--color-background:var(--color-gray-100);--color-surface:var(--color-gray-50);--color-surface-elevated:var(--color-gray-0);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-400);--color-border:var(--color-gray-500);--color-success:#02af58;--color-success-background:#b5ebcd;--color-warning:#ff9e02;--color-warning-background:#fee5c8;--color-danger:#ff3b2d;--color-danger-background:#f9e6df;--color-info:#0276ff;--color-info-background:#c3edfe;--color-navbar-background:#fdfbfcc7;--color-navbar-surface:#d5d5d58c}[data-theme=dark]{--color-primary:var(--color-primary-500);--color-background:var(--color-gray-900);--color-surface:var(--color-gray-800);--color-surface-elevated:var(--color-gray-700);--color-text-primary:var(--color-gray-0);--color-text-secondary:var(--color-gray-200);--color-border:var(--color-gray-700);--color-success:var(--color-success-400);--color-warning:var(--color-warning-400);--color-danger:var(--color-danger-400);--color-info:var(--color-info-400);--color-navbar-background:#000000c7;--color-navbar-surface:#8181818c}body{font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-background)}a{color:inherit;text-decoration:none}}@layer components{.navbar{background:var(--color-navbar-background);border-radius:9999px;flex-shrink:0;gap:-9px;width:337px;height:50px;padding:4px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.navbar>:not(:first-child){margin-left:-20px}.navbar .active{background:var(--color-navbar-surface);z-index:1}.navbar-item{border-radius:9999px;justify-content:center;align-items:center;width:230px;display:flex}.credit-card{background:linear-gradient()}.input{border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);background:0 0;border-radius:4px;padding:8px 12px}.btn-primary{background:var(--color-primary);color:var(--color-background);border:none;border-radius:8px;padding:10px}.btn{background:var(--color-surface-elevated);border:none;border-radius:8px;width:fit-content;padding:10px;font-size:14px}.btn-square,.btn-circle{background:var(--color-surface);border:none;border-radius:4px;justify-content:center;align-items:center;gap:10px;width:38px;height:38px;display:flex}.btn-square-bg{background:linear-gradient(135deg, var(--color-background) 20%, var(--color-text-primary) 50%, var(--color-background) 80%);border-radius:4px;width:fit-content;padding:1px}.glass{-webkit-backdrop-filter:blur(4px)saturate(150%);background:#ffffff4d;border:1px solid #fff3;border-radius:20px}#search_transaction{background:0 0;border:none;width:100%;height:100%}#search_transaction:focus{outline:none}}@layer utilities{.m-1{margin:.25rem}.mt-1{margin-top:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.mr-1{margin-right:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.p-1{padding:.25rem}.pt-1{padding-top:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.pr-1{padding-right:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.h-1{height:.25rem}.w-1{width:.25rem}.gap-1{gap:.25rem}.m-2{margin:.5rem}.mt-2{margin-top:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.p-2{padding:.5rem}.pt-2{padding-top:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.h-2{height:.5rem}.w-2{width:.5rem}.gap-2{gap:.5rem}.m-3{margin:.75rem}.mt-3{margin-top:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mr-3{margin-right:.75rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.p-3{padding:.75rem}.pt-3{padding-top:.75rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.pr-3{padding-right:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.h-3{height:.75rem}.w-3{width:.75rem}.gap-3{gap:.75rem}.m-4{margin:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mr-4{margin-right:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-4{margin-top:1rem;margin-bottom:1rem}.p-4{padding:1rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.h-4{height:1rem}.w-4{width:1rem}.gap-4{gap:1rem}.m-5{margin:1.25rem}.mt-5{margin-top:1.25rem}.mb-5{margin-bottom:1.25rem}.ml-5{margin-left:1.25rem}.mr-5{margin-right:1.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.p-5{padding:1.25rem}.pt-5{padding-top:1.25rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.pr-5{padding-right:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.h-5{height:1.25rem}.w-5{width:1.25rem}.gap-5{gap:1.25rem}.m-6{margin:1.5rem}.mt-6{margin-top:1.5rem}.mb-6{margin-bottom:1.5rem}.ml-6{margin-left:1.5rem}.mr-6{margin-right:1.5rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.p-6{padding:1.5rem}.pt-6{padding-top:1.5rem}.pb-6{padding-bottom:1.5rem}.pl-6{padding-left:1.5rem}.pr-6{padding-right:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.h-6{height:1.5rem}.w-6{width:1.5rem}.gap-6{gap:1.5rem}.m-7{margin:1.75rem}.mt-7{margin-top:1.75rem}.mb-7{margin-bottom:1.75rem}.ml-7{margin-left:1.75rem}.mr-7{margin-right:1.75rem}.mx-7{margin-left:1.75rem;margin-right:1.75rem}.my-7{margin-top:1.75rem;margin-bottom:1.75rem}.p-7{padding:1.75rem}.pt-7{padding-top:1.75rem}.pb-7{padding-bottom:1.75rem}.pl-7{padding-left:1.75rem}.pr-7{padding-right:1.75rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.h-7{height:1.75rem}.w-7{width:1.75rem}.gap-7{gap:1.75rem}.m-8{margin:2rem}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.ml-8{margin-left:2rem}.mr-8{margin-right:2rem}.mx-8{margin-left:2rem;margin-right:2rem}.my-8{margin-top:2rem;margin-bottom:2rem}.p-8{padding:2rem}.pt-8{padding-top:2rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.pr-8{padding-right:2rem}.px-8{padding-left:2rem;padding-right:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.h-8{height:2rem}.w-8{width:2rem}.gap-8{gap:2rem}.p-2\.5{padding:.625rem}.container{margin:2rem 1rem}.h-14{height:3.5rem}.m-auto{margin:auto}.w-full{width:100%}.w-screen{width:100vw}.h-full{height:100%}.h-screen{height:100vh}.bg-red-500{background-color:#ef4444}.bg-blue-500{background-color:#3b82f6}.bg-green-500{background-color:#22c55e}.bg-gray-200{background-color:#e5e7eb}.bg-gray-300{background-color:#d1d5db}.bg-gray-400{background-color:#9ca3af}.bg-gray-500{background-color:#6b7280}.bg-gray-600{background-color:#4b5563}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#1f2937}.block{display:block}.hidden{display:none}.flex{display:flex}.flex-col{flex-direction:column}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.text-center{text-align:center}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.cursor-pointer{cursor:pointer}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-9xl{font-size:8rem;line-height:1}.text-white{color:#fff}.text-secondary{color:var(--color-text-secondary)}.text-primary{color:var(--color-primary)}.bg-primary{background:var(--color-primary)}.border{color:var(--color-border);border-style:solid;border-width:1px}.border-0{border-width:0}.border-2{border-style:solid;border-width:2px}.border-4{border-style:solid;border-width:4px}.border-8{border-style:solid;border-width:8px}.border-text{border-color:var(--color-text)}.bg-text{background-color:var(--color-text)}.w-fit{width:fit-content}.h-fit{height:fit-content}.rounded-full{border-radius:9999px}.aspect-square{aspect-ratio:1}.bg-white{background-color:#fff}.success{border-bottom:1px solid var(--color-success);background:var(--color-success-background);color:var(--color-success);border-radius:4px;padding:1rem}.danger{border-bottom:1px solid var(--color-danger);background:var(--color-danger-background);color:var(--color-danger);border-radius:4px;padding:1rem}.list-none{list-style:none}.bg-surface{background:var(--color-surface)}.grid-cols-1fr-auto{grid-template-columns:1fr auto;display:grid}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.aspect-8-5{aspect-ratio:8/5}.bg-text{background:var(--color-text-primary)}.text-bg{color:var(--color-background)}}