@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Mono:wght@300;400;500&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-yellow-400:oklch(85.2% .199 91.936);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-purple-600:oklch(55.8% .288 302.321);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-sm:.25rem;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.end{inset-inline-end:var(--spacing)}.right-1{right:calc(var(--spacing) * 1)}.bottom-1{bottom:calc(var(--spacing) * 1)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.h-8{height:calc(var(--spacing) * 8)}.h-24{height:calc(var(--spacing) * 24)}.h-full{height:100%}.h-screen{height:100vh}.w-8{width:calc(var(--spacing) * 8)}.w-24{width:calc(var(--spacing) * 24)}.w-full{width:100%}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-gray-200{border-color:var(--color-gray-200)}.border-white{border-color:var(--color-white)}.border-yellow-400{border-color:var(--color-yellow-400)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-blue-600{color:var(--color-blue-600)}.text-gray-500{color:var(--color-gray-500)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-60{opacity:.6}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}}@media(min-width:40rem){.sm\:right-2{right:calc(var(--spacing) * 2)}.sm\:bottom-2{bottom:calc(var(--spacing) * 2)}.sm\:h-28{height:calc(var(--spacing) * 28)}.sm\:w-28{width:calc(var(--spacing) * 28)}.sm\:p-2\.5{padding:calc(var(--spacing) * 2.5)}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(prefers-color-scheme:dark){.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:border-gray-800{border-color:var(--color-gray-800)}.dark\:bg-gray-800\/50{background-color:#1e293980}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-800\/50{background-color:color-mix(in oklab,var(--color-gray-800) 50%,transparent)}}.dark\:text-gray-400{color:var(--color-gray-400)}}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#12121a;--surface2:#1a1a26;--border:#ffffff0f;--border-hover:#ffffff24;--accent:#e8ff3c;--accent-dim:#e8ff3c1f;--red:#ff4d6d;--red-dim:#ff4d6d1f;--green:#4dffb4;--green-dim:#4dffb41f;--text:#f0f0f8;--text-dim:#f0f0f873;--text-faint:#f0f0f833;--radius:16px;--radius-sm:10px;--font-head:"Syne", sans-serif;--font-mono:"DM Mono", monospace}body{background:var(--bg);color:var(--text);font-family:var(--font-head);min-height:100vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:99px}input::-ms-reveal{display:none}input::-ms-clear{display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #0a0a0f4d;border-top-color:#0a0a0f;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.spinner.light{border:2px solid #f0f0f833;border-top-color:var(--text)}.global-err{background:var(--red-dim);border-radius:var(--radius-sm);color:var(--red);font-size:13px;font-family:var(--font-mono);border:1px solid #ff4d6d4d;margin-bottom:16px;padding:12px 14px}.layout{background:var(--bg);min-height:100vh;display:flex}.layout-body{flex-direction:column;flex:1;min-width:0;display:flex}.layout-content{flex:1;padding:32px;overflow-y:auto}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;height:100vh;min-height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.sidebar-logo{align-items:center;gap:10px;margin-bottom:36px;padding:0 8px;display:flex}.sidebar-logo-icon{background:var(--accent);border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.sidebar-logo-text{letter-spacing:-.5px;font-size:18px;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-dim);border:1px solid #0000;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:var(--accent-dim);color:var(--accent);border-color:#e8ff3c26}.sidebar-footer{background:var(--surface2);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:10px;padding:12px;display:flex}.sidebar-user{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sidebar-avatar{background:var(--accent-dim);width:32px;height:32px;color:var(--accent);border:1px solid #e8ff3c4d;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.sidebar-user-info{flex-direction:column;min-width:0;display:flex}.sidebar-username{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.sidebar-email{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-family:var(--font-mono);overflow:hidden}.sidebar-logout{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;place-items:center;padding:4px;transition:all .2s;display:grid}.sidebar-logout:hover{color:var(--red);background:var(--red-dim)}.mobile-header,.hamburger-btn,.sidebar-overlay{display:none}.auth-wrap{background:radial-gradient(ellipse 80% 60% at 50% -10%,#e8ff3c14 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,#4d9fff0f 0%,transparent 50%),var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;width:100%;max-width:420px;padding:40px;animation:.5s fadeUp}.auth-logo{align-items:center;gap:10px;margin-bottom:32px;display:flex}.auth-logo-icon{background:var(--accent);border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.auth-logo-text{letter-spacing:-.5px;font-size:22px;font-weight:800}.auth-title{letter-spacing:-1px;margin-bottom:6px;font-size:28px;font-weight:800}.auth-sub{color:var(--text-dim);margin-bottom:28px;font-size:14px}.tab-row{background:var(--bg);border-radius:var(--radius-sm);gap:4px;margin-bottom:28px;padding:4px;display:flex}.tab-btn{font-family:var(--font-head);cursor:pointer;color:var(--text-dim);background:0 0;border:none;border-radius:7px;flex:1;padding:9px;font-size:13px;font-weight:600;transition:all .2s}.tab-btn.active{background:var(--surface2);color:var(--text);box-shadow:0 1px 4px #0006}.auth-field{margin-bottom:16px}.auth-field label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.field-wrap{position:relative}.auth-field input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-head);outline:none;padding:13px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.auth-field input.error{border-color:var(--red);box-shadow:0 0 0 3px var(--red-dim)}.field-err{color:var(--red);font-size:12px;font-family:var(--font-mono);margin-top:5px}.eye-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;place-items:center;padding:4px;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.btn-primary{background:var(--accent);color:#0a0a0f;border-radius:var(--radius-sm);width:100%;font-family:var(--font-head);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.page-header{margin-bottom:28px}.page-title{letter-spacing:-1px;font-size:28px;font-weight:800}.page-sub{color:var(--text-dim);margin-top:4px;font-size:14px}.balance-card{border:1px solid var(--border);background:linear-gradient(135deg,#1a1a26,#12121a);border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:32px 36px;animation:.4s fadeUp;display:flex;position:relative;overflow:hidden}.balance-card:before{content:"";pointer-events:none;background:radial-gradient(60% 100% at 100%,#e8ff3c0d,#0000 60%);position:absolute;inset:0}.balance-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:10px;font-size:12px;font-weight:600}.balance-amount{letter-spacing:-2px;font-size:44px;font-weight:800;line-height:1;font-family:var(--font-mono);margin-bottom:6px}.balance-amount span{color:var(--accent)}.balance-sub{color:var(--text-faint);font-size:13px;font-family:var(--font-mono)}.balance-icon{background:var(--accent-dim);width:72px;height:72px;color:var(--accent);border:1px solid #e8ff3c33;border-radius:20px;place-items:center;display:grid}.shortcut-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.shortcut-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-family:var(--font-head);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.shortcut-btn:hover{background:var(--surface2);border-color:var(--border-hover);color:var(--accent);transform:translateY(-2px)}.shortcut-btn svg{color:var(--accent)}.stat-row{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px}.stat-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-faint);margin-bottom:8px;font-size:11px;font-weight:600}.stat-value{font-size:22px;font-weight:700;font-family:var(--font-mono);letter-spacing:-.5px}.stat-value.in{color:var(--green)}.stat-value.out{color:var(--red)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;animation:.5s fadeUp}.panel-sm{max-width:560px}.panel-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);align-items:center;gap:8px;margin-bottom:20px;font-size:14px;font-weight:700;display:flex}.panel-title svg{color:var(--accent)}.form-field{margin-bottom:14px}.form-field label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:7px;font-size:11px;font-weight:600;display:block}.form-field input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-head);outline:none;padding:11px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-field input.error{border-color:var(--red);box-shadow:0 0 0 3px var(--red-dim)}.form-err{color:var(--red);font-size:11px;font-family:var(--font-mono);margin-top:4px}.btn-action{border-radius:var(--radius-sm);width:100%;font-family:var(--font-head);cursor:pointer;border:none;justify-content:center;align-items:center;gap:7px;margin-top:4px;padding:12px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.btn-green{background:var(--green);color:#0a0a0f}.btn-accent{background:var(--accent);color:#0a0a0f}.btn-green:hover:not(:disabled),.btn-accent:hover:not(:disabled){filter:brightness(1.08)}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-link{color:var(--accent);font-family:var(--font-head);cursor:pointer;text-align:center;opacity:.8;background:0 0;border:none;width:100%;padding:0;font-size:13px;font-weight:600;transition:opacity .2s;display:block}.btn-link:hover{opacity:1}.tx-table{border-collapse:collapse;width:100%}.tx-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);text-align:left;border-bottom:1px solid var(--border);padding:0 0 12px;font-size:11px;font-weight:600}.tx-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 0;font-size:13px}.tx-type{border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.tx-in{background:var(--green-dim);color:var(--green)}.tx-out{background:var(--red-dim);color:var(--red)}.tx-amount{font-family:var(--font-mono);font-size:14px;font-weight:500}.tx-amount.in{color:var(--green)}.tx-amount.out{color:var(--red)}.tx-date{color:var(--text-dim);font-size:12px;font-family:var(--font-mono)}.tx-desc{color:var(--text-dim);font-size:13px}.empty-state{text-align:center;color:var(--text-faint);padding:40px;font-size:14px}.loading-row{text-align:center;padding:32px}.tx-table-desktop{display:table}.tx-card-list{display:none}.tx-card{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.tx-card:last-child{border-bottom:none}.tx-card-left{flex-direction:column;gap:4px;min-width:0;display:flex}.tx-card-left .tx-desc{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:12px;overflow:hidden}.tx-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.payment-methods{flex-direction:column;gap:8px;display:flex}.payment-method-btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:all .2s;display:flex}.payment-method-btn:hover{border-color:var(--border-hover)}.payment-method-btn.active{border-color:var(--green);background:var(--green-dim)}.payment-method-icon{background:var(--surface);border:1px solid var(--border);width:40px;height:40px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.payment-method-btn.active .payment-method-icon{background:var(--green-dim);color:var(--green);border-color:#4dffb44d}.payment-method-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.payment-method-label{color:var(--text);font-size:14px;font-weight:700}.payment-method-sub{color:var(--text-dim);font-size:11px;font-family:var(--font-mono)}.payment-method-radio{border:2px solid var(--border-hover);width:20px;height:20px;color:var(--green);border-radius:50%;flex-shrink:0;place-items:center;transition:all .2s;display:grid}.payment-method-btn.active .payment-method-radio{border-color:var(--green);background:var(--green-dim)}.quick-amounts{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.quick-amount-btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-family:var(--font-head);cursor:pointer;padding:10px 8px;font-size:13px;font-weight:600;transition:all .2s}.quick-amount-btn:hover{border-color:var(--green);color:var(--green)}.quick-amount-btn.active{background:var(--green-dim);border-color:var(--green);color:var(--green)}.nav-section-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-faint);padding:12px 14px 4px;font-size:10px;font-weight:700}.nav-item-admin.active{background:var(--accent-dim);color:var(--accent);border-color:#e8ff3c26}.admin-tabs{gap:8px;margin-bottom:20px;display:flex}.admin-tab{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-family:var(--font-head);cursor:pointer;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.admin-tab:hover{border-color:var(--border-hover);color:var(--text)}.admin-tab.active{background:var(--accent-dim);color:var(--accent);border-color:#e8ff3c4d}.admin-action-btns{gap:6px;display:flex}.admin-btn-approve{background:var(--green-dim);color:var(--green);font-family:var(--font-head);cursor:pointer;border:1px solid #4dffb44d;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .2s}.admin-btn-approve:hover{background:var(--green);color:#0a0a0f}.admin-btn-reject{background:var(--red-dim);color:var(--red);font-family:var(--font-head);cursor:pointer;border:1px solid #ff4d6d4d;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .2s}.admin-btn-reject:hover{background:var(--red);color:#0a0a0f}.tx-pending{color:var(--accent);background:#e8ff3c1f}.tx-admin{background:var(--accent-dim);color:var(--accent)}.tx-user-role{background:var(--surface2);color:var(--text-dim)}.modal-icon-red{background:var(--red-dim);color:var(--red);border:1px solid #ff4d6d33}.btn-red{background:var(--red);color:#fff}.btn-red:hover:not(:disabled){filter:brightness(1.08)}.payment-instruction{flex-direction:column;gap:20px;display:flex}.payment-instruction-header{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding-bottom:16px;display:flex}.payment-instruction-icon{background:var(--accent-dim);width:48px;height:48px;color:var(--accent);border:1px solid #e8ff3c33;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.payment-instruction-title{color:var(--text);font-size:15px;font-weight:700}.payment-instruction-amount{font-size:22px;font-weight:800;font-family:var(--font-mono);color:var(--green);letter-spacing:-.5px}.payment-instruction-actions{gap:10px;display:flex}.qr-wrap{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:14px;padding:20px;display:flex}.qr-hint{color:var(--text-dim);text-align:center;font-size:12px;font-family:var(--font-mono)}.va-wrap{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:20px;display:flex}.va-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-faint);font-size:11px;font-weight:600}.va-code{font-size:26px;font-weight:800;font-family:var(--font-mono);letter-spacing:2px;color:var(--accent)}.va-bank{color:var(--text-dim);font-size:12px;font-weight:600}.va-hint{color:var(--text-faint);font-size:12px;font-family:var(--font-mono);margin-top:8px;line-height:1.6}.receiver-lookup{color:var(--text-dim);font-size:12px;font-family:var(--font-mono);align-items:center;gap:8px;margin-top:8px;display:flex}.receiver-found{background:var(--green-dim);border-radius:var(--radius-sm);border:1px solid #4dffb433;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;display:flex}.receiver-avatar{background:var(--green-dim);width:28px;height:28px;color:var(--green);border:1px solid #4dffb44d;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.receiver-name{color:var(--text);font-size:13px;font-weight:700}.receiver-username{color:var(--green);font-size:11px;font-family:var(--font-mono)}.toast-wrap{z-index:100;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:24px;right:24px}.toast{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;min-width:280px;padding:12px 16px;font-size:13px;animation:.3s slideIn;display:flex;box-shadow:0 8px 32px #0006}.toast.success{border-color:#4dffb44d}.toast.error{border-color:#ff4d6d4d}.toast-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.toast.success .toast-dot{background:var(--green)}.toast.error .toast-dot{background:var(--red)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#000000b3;place-items:center;padding:24px;animation:.2s fadeUp;display:grid;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--border-hover);text-align:center;border-radius:24px;width:100%;max-width:400px;padding:36px 32px;animation:.25s fadeUp}.modal-icon{border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 20px;display:grid}.modal-icon-green{background:var(--green-dim);color:var(--green);border:1px solid #4dffb433}.modal-icon-accent{background:var(--accent-dim);color:var(--accent);border:1px solid #e8ff3c33}.modal-title{letter-spacing:-.5px;margin-bottom:8px;font-size:22px;font-weight:800}.modal-sub{color:var(--text-dim);margin-bottom:4px;font-size:14px}.modal-recipient{font-size:15px;font-weight:600;font-family:var(--font-mono);color:var(--text);margin-bottom:4px}.modal-amount{font-size:32px;font-weight:800;font-family:var(--font-mono);letter-spacing:-1px;color:var(--accent);margin:12px 0 28px}.modal-highlight{color:var(--text);font-weight:700}.modal-actions{gap:10px;display:flex}.modal-btn-cancel{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-family:var(--font-head);cursor:pointer;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.modal-btn-cancel:hover{border-color:var(--border-hover);color:var(--text)}.modal-btn-confirm{border-radius:var(--radius-sm);font-family:var(--font-head);cursor:pointer;border:none;flex:1;padding:12px;font-size:14px;font-weight:700;transition:all .2s}.modal-btn-confirm:hover{filter:brightness(1.08)}@media(max-width:768px){.layout-content{padding:16px}.mobile-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.mobile-header .sidebar-logo{margin-bottom:0;padding:0}.hamburger-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;padding:6px;transition:background .2s;display:flex}.hamburger-btn:hover{background:var(--surface2)}.hamburger-btn span{background:var(--text);border-radius:99px;width:22px;height:2px;display:block}.sidebar{z-index:100;width:260px;height:100vh;min-height:unset;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:block;position:fixed;inset:0}.balance-card{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.balance-amount{font-size:32px}.shortcut-row{gap:8px}.shortcut-btn{padding:14px 8px;font-size:12px}.stat-row{gap:8px}.stat-value{font-size:18px}.tx-table-desktop{display:none}.tx-card-list{display:block}}@media(min-width:769px){.hamburger-btn,.mobile-header{display:none}.sidebar{position:sticky;transform:none!important}}.two-col-layout{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}.two-col-main,.two-col-side{min-width:0}@media(max-width:900px){.two-col-layout{grid-template-columns:1fr}.two-col-side{display:none}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
