:root{--bg-primary: #13171c;--bg-card: #151923;--bg-hover: #1a1f2e;--bg-elevated: #1e2433;--bg-input: rgba(255, 255, 255, .06);--bg-muted: rgba(255, 255, 255, .04);--bg-secondary: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .05);--text-primary: #fafafa;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .35);--text-tertiary: rgba(255, 255, 255, .35);--accent: #14ce71;--accent-hover: #12b865;--accent-muted: rgba(20, 206, 113, .12);--accent-ring: rgba(20, 206, 113, .15);--success: #14ce71;--success-bg: rgba(20, 206, 113, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--error: #ef4444;--error-bg: rgba(239, 68, 68, .08);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .1);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .3);--shadow-xl: 0 25px 50px rgba(0, 0, 0, .4);--sidebar-width: 220px;--topbar-height: 56px;--bottomnav-height: 60px;--overlay-bg: rgba(16, 19, 26, .7);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary: #f2f7f4;--bg-card: #ffffff;--bg-hover: #eef3f0;--bg-elevated: #fafcfb;--bg-input: rgba(0, 0, 0, .04);--bg-muted: rgba(0, 0, 0, .03);--bg-secondary: rgba(0, 0, 0, .03);--border: rgba(0, 0, 0, .08);--border-subtle: rgba(0, 0, 0, .05);--text-primary: #1a1a2e;--text-secondary: #4a5568;--text-muted: #a0aec0;--text-tertiary: #999;--accent: #14ce71;--accent-hover: #12b865;--accent-muted: rgba(20, 206, 113, .08);--accent-ring: rgba(20, 206, 113, .12);--success: #14ce71;--success-bg: rgba(20, 206, 113, .06);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .06);--error: #ef4444;--error-bg: rgba(239, 68, 68, .05);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .06);--danger: #ef4444;--overlay-bg: rgba(255, 255, 255, .75);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px rgba(0, 0, 0, .12)}[data-theme=light]{scrollbar-color:rgba(0,0,0,.12) transparent}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0003}[data-theme=light] .sidebar{background:#fff;border-right:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=light] .sidebar-header h2{color:#1a1a2e}[data-theme=light] .sidebar-item{color:#4a5568}[data-theme=light] .sidebar-item:hover{color:#1a1a2e;background:#f5f6f8}[data-theme=light] .sidebar-item.active{color:#14ce71;background:#14ce710f}[data-theme=light] .sidebar-sub-item{color:#4a5568}[data-theme=light] .sidebar-sub-item:hover{color:#1a1a2e;background:#f5f6f8}[data-theme=light] .sidebar-sub-item.active{color:#14ce71;background:#14ce710f}[data-theme=light] .sidebar-footer-btn{color:#718096}[data-theme=light] .sidebar-footer-btn:hover{color:#1a1a2e;background:#f5f6f8}[data-theme=light] .sidebar-footer{border-top-color:#0000000f}[data-theme=light] th{background:#f8faf9;color:#4a5568;border-bottom:2px solid rgba(0,0,0,.06)}[data-theme=light] tr:hover td{background:#f8faf9}[data-theme=light] tr.clickable:hover td{background:#14ce7108}[data-theme=light] .card{border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #0000000a}[data-theme=light] .input{border-color:#00000026;background:#fff}[data-theme=light] .input:focus{border-color:#14ce71;box-shadow:0 0 0 3px #14ce711a}[data-theme=light] .btn{border-color:#0000001f;color:#4a5568}[data-theme=light] .btn:hover{background:#f0f1f3;color:#1a1a2e}[data-theme=light] .btn-primary{color:#fff;border-color:transparent}[data-theme=light] .btn-primary:hover{color:#fff}[data-theme=light] .btn-danger{color:#fff;border-color:transparent}[data-theme=light] .btn-danger:hover{color:#fff}[data-theme=light] .btn-warning{background:#f59e0b1a;color:#b45309;border-color:#f59e0b33}[data-theme=light] .db-hero-divider{background:#00000014}[data-theme=light] .top-bar{background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}[data-theme=light] .top-bar-title{color:#1a1a2e}[data-theme=light] .badge-ok{background:#14ce7114;color:#0d8f4a}[data-theme=light] .badge-fail{background:#ef444414;color:#c53030}[data-theme=light] .badge-pending{background:#f59e0b14;color:#b45309}[data-theme=light] .modal-overlay{background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=light] .bottom-nav{background:#ffffffeb;border-top:1px solid rgba(0,0,0,.06)}[data-theme=light] .top-bar{background:#ffffffe0}*,*:before,*:after{box-sizing:border-box}html{font-size:14px}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;font-variant-numeric:tabular-nums}html,body{overflow-x:hidden}#root{min-height:100vh;min-height:100dvh;overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:100px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#fff3}a{color:var(--accent);text-decoration:none;transition:var(--transition-smooth)}a:hover{color:var(--accent-hover)}button{cursor:pointer;font:inherit}input,select,textarea{font:inherit}code{font-family:SF Mono,Monaco,Consolas,Liberation Mono,monospace;font-size:.85em;color:var(--text-primary);background:var(--bg-hover);padding:.125rem .375rem;border-radius:var(--radius-sm)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm);transition:var(--transition-smooth);position:relative}.card.clickable:hover,.card[role=button]:hover{border-color:var(--border);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card.clickable:active,.card[role=button]:active{transform:scale(.995) translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.375rem 1rem;height:40px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-hover);color:var(--text-primary);font-size:.8125rem;font-weight:500;gap:.5rem;white-space:nowrap;transition:var(--transition-smooth);-webkit-tap-highlight-color:transparent}.btn:hover{background:var(--bg-elevated);border-color:#ffffff1a;box-shadow:var(--shadow-sm)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent),0 0 0 4px var(--accent-ring)}.btn-primary{background:var(--accent);border-color:transparent;color:#fff;font-weight:600;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-danger{background:var(--error);border-color:transparent;color:#fff}.btn-danger:hover{background:#dc2626;box-shadow:var(--shadow-md)}.action-menu{position:absolute;right:0;top:100%;z-index:50;min-width:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.25rem 0}.action-menu-item{display:block;width:100%;padding:.5rem .75rem;text-align:left;background:none;border:none;font-size:.8125rem;color:var(--text-primary);cursor:pointer}.action-menu-item:hover{background:var(--bg-hover)}.action-menu-danger{color:var(--error)}.action-menu-danger:hover{background:#ef444414}.action-menu-sep{height:1px;background:var(--border-subtle);margin:.25rem 0}[data-theme=light] .action-menu{background:#fff;border-color:#0000001f;box-shadow:0 4px 16px #0000001f}.btn-warning{background:var(--warning-bg);border-color:#f59e0b26;color:var(--warning)}.btn-warning:hover{background:#f59e0b33}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:.25rem .75rem;height:32px;font-size:.75rem;border-radius:var(--radius-sm)}.btn-close{background:transparent;border:none;color:var(--text-secondary);padding:.375rem;border-radius:var(--radius-sm);min-height:36px}.btn-close:hover{color:var(--text-primary);background:var(--bg-hover)}.input{height:44px;padding:.5rem .875rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);width:100%;font-size:.875rem;transition:var(--transition-smooth)}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:#ffffff1f}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}select.input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}textarea.input{resize:vertical;min-height:80px;height:auto}.input-currency{position:relative;display:flex;align-items:center;flex:1 1 140px;max-width:220px}.input-currency .input{padding-left:2.5rem}.input-currency-prefix{position:absolute;left:.75rem;color:var(--text-muted);font-size:.85rem;font-weight:600;pointer-events:none;z-index:1}@media(max-width:768px){.input{font-size:16px!important}}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;letter-spacing:.01em;white-space:nowrap}.badge-ok{background:var(--success-bg);color:var(--success)}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-fail{background:var(--error-bg);color:var(--error)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-muted{background:#ffffff0f;color:var(--text-secondary)}.app-layout{display:flex;height:100vh;height:100dvh;overflow:hidden}.sidebar{width:var(--sidebar-width);background:#15192399;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:10;border-right:1px solid var(--border-subtle);transition:background .2s}.sidebar-header{padding:1.25rem 1rem 1rem;display:flex;align-items:center;gap:.625rem}.sidebar-logo{height:32px;width:auto;display:block}.sidebar-header h2{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.sidebar-subtitle{font-size:.6875rem;color:var(--text-muted);font-weight:400;letter-spacing:.02em}[data-theme=light] .sidebar-subtitle{color:var(--text-secondary)}.sidebar-nav{flex:1;padding:.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.sidebar-item{display:flex;align-items:center;gap:.625rem;padding:.575rem .75rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);text-decoration:none;font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:var(--transition-smooth);width:100%}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.sidebar-item.active{color:var(--accent);background:var(--accent-muted);font-weight:600}.sidebar-item .nav-svg-icon{width:18px;height:18px;opacity:.6;flex-shrink:0}.sidebar-item.active .nav-svg-icon,.sidebar-item:hover .nav-svg-icon{opacity:1}.sidebar-item span{flex:1;text-align:left}.sidebar-chevron{transition:transform .2s ease;transform:rotate(0);opacity:.4;flex-shrink:0}.sidebar-chevron.open{transform:rotate(90deg)}.sidebar-group{margin-top:2px}.sidebar-sub{padding-left:2rem;animation:subReveal .2s ease}@keyframes subReveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-sub-item{display:block;padding:.375rem .75rem;font-size:.8125rem;font-weight:400;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:var(--transition-smooth)}.sidebar-sub-item:hover{color:var(--text-primary);background:var(--bg-hover);text-decoration:none}.sidebar-sub-item.active{color:var(--accent);font-weight:600;background:var(--accent-muted)}.sidebar-footer{padding:.5rem .75rem;border-top:1px solid var(--border);margin-top:auto}.sidebar-footer-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .5rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:.75rem;font-family:inherit;cursor:pointer;transition:var(--transition)}.sidebar-footer-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-footer-btn .nav-svg-icon{width:16px;height:16px;opacity:.5}.main-content{margin-left:0;flex:1;min-width:0;background:var(--bg-primary);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}@media(min-width:769px){.main-content{margin-left:var(--sidebar-width);border-top-left-radius:24px;box-shadow:-2px 0 0 var(--border-subtle)}}.page-wrapper{padding:1.5rem 2rem;max-width:1400px;margin:0 auto;position:relative}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.bento-grid .bento-span-2{grid-column:span 2}.bento-grid .bento-span-full{grid-column:1 / -1}@media(max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-grid .bento-span-2{grid-column:span 1}}@media(max-width:768px){.bento-grid{grid-template-columns:1fr;gap:1rem}.bento-grid .bento-span-2{grid-column:span 1}}.card-reveal{animation:cardReveal .3s cubic-bezier(.25,.4,.25,1) backwards}.card-reveal:nth-child(1){animation-delay:.01s}.card-reveal:nth-child(2){animation-delay:.03s}.card-reveal:nth-child(3){animation-delay:.05s}.card-reveal:nth-child(4){animation-delay:.07s}.card-reveal:nth-child(5){animation-delay:.09s}.card-reveal:nth-child(6){animation-delay:.11s}.card-reveal:nth-child(7){animation-delay:.13s}.card-reveal:nth-child(8){animation-delay:.15s}.card-reveal:nth-child(9){animation-delay:.17s}.card-reveal:nth-child(10){animation-delay:.19s}@keyframes cardReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.filter-pills{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;margin-bottom:.5rem}.filter-pills .btn-sm{border-radius:var(--radius-full);border-color:transparent;background:transparent}.filter-pills .btn-sm:hover{background:var(--bg-hover)}.filter-pills .btn-sm.active-pill{background:var(--accent-muted);border-color:#14ce7133;color:var(--accent)}.nav-svg-icon{width:20px;height:20px;flex-shrink:0;opacity:.5;transition:opacity .2s}.bottom-nav-item .nav-svg-icon{width:22px;height:22px;opacity:.5}.bottom-nav-item.active .nav-svg-icon{opacity:1}.table-wrap{overflow-x:auto;overflow-y:hidden;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);position:relative}table{width:100%;border-collapse:collapse}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-subtle);font-size:.8125rem;transition:background .15s}th{color:var(--text-muted);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;padding-top:.75rem;padding-bottom:.75rem;position:sticky;top:0;background:var(--bg-card);z-index:1;white-space:nowrap}td{color:var(--text-secondary)}tr:hover td{background:#ffffff04}tr.clickable{cursor:pointer;transition:background .15s}tr.clickable:hover td{background:#14ce710a}tr.clickable.tx-row-loading{opacity:.85;cursor:wait}tr.row-closed td{opacity:.55}tr.row-closed:hover td{opacity:.8}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:fadeIn .2s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border:none;border-radius:var(--radius-xl);padding:1.75rem;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;overscroll-behavior:contain;box-shadow:var(--shadow-xl);animation:modalIn .25s cubic-bezier(.4,0,.2,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;gap:1rem}.modal-header h3{margin:0;font-size:1.0625rem;font-weight:600;letter-spacing:-.01em}.toggle{position:relative;width:36px;height:20px;border-radius:10px;background:var(--bg-hover);cursor:pointer;transition:background .2s;border:none;padding:0;flex-shrink:0;-webkit-tap-highlight-color:transparent}.toggle.on{background:var(--accent)}.toggle .toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}.toggle.on .toggle-knob{left:18px}.toggle-row{display:flex;align-items:center;gap:.625rem;padding:.5rem 0;cursor:pointer}.toggle-label{font-size:.8125rem;color:var(--text-primary)}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}@media(max-width:640px){.toggle-grid{grid-template-columns:1fr}}.stat-card{text-align:left;position:relative;overflow:hidden;transition:var(--transition-smooth)}.stat-card:hover{border-color:var(--border)}.stat-label{color:var(--text-muted);font-size:.75rem;font-weight:600;margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:1.25rem;font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--text-primary)}.stat-value-sm{font-size:1.125rem;font-weight:300;letter-spacing:-.03em;line-height:1.2}.stat-sub{color:var(--text-muted);font-size:.75rem;margin-top:.375rem;font-weight:400}.stat-sub .trend-up{color:var(--success);font-weight:600}.stat-sub .trend-down{color:var(--error);font-weight:600}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.page-header h1,.page-header .page-title{margin:0 0 .125rem;font-size:1.375rem;font-weight:700;letter-spacing:-.02em}.page-header .section-desc{margin:0}.page-header-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.page-header-right{display:flex;align-items:center;gap:.5rem}.page-header-count{color:var(--text-muted);font-size:.8125rem}.filter-bar{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;align-items:flex-end;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1rem 1.25rem;box-shadow:var(--shadow-sm)}.filter-select{width:170px;height:40px;font-size:.8125rem;padding:0 .75rem;border-radius:var(--radius-sm)}.filter-input{flex:1;min-width:200px;height:40px;font-size:.8125rem;padding:0 .75rem;border-radius:var(--radius-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=search].filter-input::-webkit-search-decoration,input[type=search].filter-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-date{max-width:140px;height:36px;font-size:.8125rem;padding:0 .5rem}.filter-btn{height:36px;width:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.page-subtitle{font-size:.8125rem;color:var(--text-muted);margin:-.5rem 0 1rem}.filter-group{display:flex;flex-direction:column;gap:.375rem}.filter-group.filter-grow{flex:1;min-width:200px}.filter-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.filter-bar-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.section-title{font-size:1rem;font-weight:600;margin:0 0 .75rem;letter-spacing:-.01em}.section-divider{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;border-bottom:1px solid var(--border-subtle);gap:.5rem}.detail-row:last-child{border-bottom:none}.detail-row.clickable{padding:.375rem .5rem;margin:0 -.5rem;border-radius:var(--radius-sm);border-bottom:none}.detail-row.clickable:hover{background:var(--bg-hover)}.detail-label{color:var(--text-secondary);font-size:.8125rem;font-weight:400;flex-shrink:0}.detail-value{font-weight:500;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;min-width:0}.detail-code{font-size:.8125rem;word-break:break-all;color:var(--text-secondary)}.tx-detail-badges{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap;align-items:center}.tx-detail-amount{font-size:1.375rem;font-weight:300;letter-spacing:-.03em;margin-bottom:1rem;color:var(--accent)}.tx-section{margin-bottom:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.tx-section-title{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 1rem}.tx-section-toggle{background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0;color:inherit;font:inherit}.tx-section-toggle:hover .tx-section-title{color:var(--text-secondary)}.tx-timeline{display:flex;flex-direction:column}.tx-timeline-step{display:flex;gap:.875rem;padding:.625rem 0;position:relative}.tx-timeline-step:before{content:"";position:absolute;left:11px;top:32px;bottom:-4px;width:2px;background:var(--border)}.tx-timeline-step:last-child:before{display:none}.tx-timeline-marker{width:24px;height:24px;border-radius:50%;background:var(--bg-hover);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;z-index:1}.tx-timeline-step.done .tx-timeline-marker{background:var(--success-bg);color:var(--success)}.tx-timeline-step.error .tx-timeline-marker{background:var(--error-bg);color:var(--error)}.tx-timeline-content{flex:1;min-width:0}.tx-timeline-label{font-size:.875rem;font-weight:500}.tx-timeline-date{font-size:.8125rem;color:var(--text-muted);margin-top:.125rem}.tx-section-error .tx-section-title{color:var(--error)}.tx-error-box{padding:1rem;background:var(--error-bg);border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-md);color:var(--error);font-size:.875rem}.tx-provider-empty{margin:0;padding:1rem;background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.875rem;border:1px dashed var(--border)}.tx-log-list{display:flex;flex-direction:column;gap:4px}.tx-log-entry{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.tx-log-header{width:100%;display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--bg-primary);border:none;text-align:left;font-size:.78rem;color:var(--text-secondary);flex-wrap:wrap}.tx-log-header:hover{background:var(--bg-secondary)}.tx-log-dir{font-weight:700;font-size:.7rem;padding:1px 5px;border-radius:3px;flex-shrink:0}.tx-log-in{background:var(--success-bg);color:var(--success)}.tx-log-out{background:var(--info-bg);color:var(--info)}.tx-log-service{font-weight:600;color:var(--text-primary);flex-shrink:0}.tx-log-method{font-weight:600;color:var(--text-muted);flex-shrink:0}.tx-log-url{color:var(--text-muted);font-family:SF Mono,Monaco,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.tx-log-status{font-weight:700;flex-shrink:0}.tx-log-ok{color:#3fb950}.tx-log-err{color:var(--error)}.tx-log-dur{color:var(--text-muted);flex-shrink:0}.tx-log-time{color:var(--text-muted);margin-left:auto;flex-shrink:0}.tx-log-chevron{color:var(--text-muted);flex-shrink:0}.tx-log-body{border-top:1px solid var(--border-subtle);padding:8px 10px;display:flex;flex-direction:column;gap:8px;background:var(--bg-primary)}.tx-log-section-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.tx-log-pre{font-size:.775rem;background:var(--bg-secondary);padding:8px 10px;border-radius:var(--radius-sm);overflow-x:auto;margin:0;white-space:pre-wrap;word-break:break-all;color:var(--text-secondary);font-family:SF Mono,Monaco,Consolas,monospace;max-height:300px;overflow-y:auto;border:1px solid var(--border-subtle)}.tx-log-pre-error{color:var(--error)}.tx-row-error td{border-left:3px solid var(--error)}.tx-row-error:hover td{background:var(--error-bg)}.tx-error-preview{color:var(--error);font-size:.8125rem;max-width:200px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-amount{font-weight:600;font-variant-numeric:tabular-nums}.tx-phone{font-size:.8125rem}.tx-name{font-size:.8125rem;color:var(--text-secondary)}.empty-cell{text-align:center;color:var(--text-muted)}.tx-qr-payload{font-size:.75rem;word-break:break-all;display:block;background:var(--bg-primary);padding:.875rem;border-radius:var(--radius-sm);color:var(--text-secondary)}.tx-refund-btn{margin-left:auto}.btn-copy{padding:.25rem .625rem;font-size:.75rem;border-radius:6px;margin-left:.375rem;height:auto}.progress-bar{height:5px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-item{margin-bottom:.5rem}.progress-header{display:flex;justify-content:space-between;font-size:.8125rem;margin-bottom:.375rem}.progress-count{color:var(--text-secondary)}.gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:.875rem}.gauge{width:130px;height:65px;border-radius:130px 130px 0 0;position:relative;overflow:hidden;box-shadow:0 2px 16px #00000059}.gauge-value{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);font-size:1rem;font-weight:300;text-shadow:0 1px 4px rgba(0,0,0,.3)}.gauge-sub{font-size:.75rem;color:var(--text-muted);text-align:center}.top-bar{display:none;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#151923e0;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:5}.top-bar-logo{height:28px;width:auto}.top-bar-title{font-weight:600;font-size:1rem}.btn-icon.hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:none;background:transparent}.btn-icon.hamburger span{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:1px;transition:var(--transition)}.drawer-open .btn-icon.hamburger span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.drawer-open .btn-icon.hamburger span:nth-child(2){opacity:0}.drawer-open .btn-icon.hamburger span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:20;animation:fadeIn .15s ease}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottomnav-height) + env(safe-area-inset-bottom,0));background:#151923eb;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-top:1px solid var(--border-subtle);z-index:10;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:2px;padding:.375rem .125rem;color:var(--text-muted);text-decoration:none;font-size:.5625rem;font-weight:500;-webkit-tap-highlight-color:transparent;transition:color .2s;min-width:0}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-label{font-size:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:min(420px,calc(100vw - 2rem));pointer-events:none}.toast{padding:.75rem 1.25rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;box-shadow:var(--shadow-lg);pointer-events:auto;cursor:pointer;animation:toastIn .35s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes toastIn{0%{transform:translate(100%) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.toast-success{background:var(--accent);color:#fff}.toast-error{background:var(--error);color:#fff}.toast-info{background:var(--info);color:#fff}.skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-elevated) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:skeleton 1.2s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em}.skeleton-card{height:80px}.card-loading{pointer-events:none;position:relative}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg, rgba(255, 255, 255, .7));border-radius:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-secondary);font-size:.875rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-muted);padding:1.5rem 1rem;margin:0;font-size:.8125rem}.loading-card{text-align:center;padding:1.5rem 1rem}.tx-card-list{display:flex;flex-direction:column;gap:.625rem}.tx-card{padding:.875rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent}.tx-card:hover,.tx-card:focus{background:var(--bg-hover);outline:none}.tx-card:active{transform:scale(.99)}.tx-card-loading{opacity:.85;cursor:wait}.tx-card-loading .tx-card-loading-label{color:var(--accent);font-size:.75rem;font-weight:600}.tx-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.tx-card-type{font-size:.8125rem;color:var(--text-muted)}.tx-card-amount{font-size:1.125rem;font-weight:300;letter-spacing:-.02em;margin-bottom:.5rem}.tx-card-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem;color:var(--text-muted)}.tx-card-user{color:var(--text-primary);font-weight:500}.tx-card-detail{font-size:.8125rem;color:var(--text-muted);margin-top:.25rem}.user-card{padding:.75rem}.user-card-header{margin-bottom:.5rem}.user-card-name{font-size:.875rem;font-weight:600;display:block}.user-card-phone{font-size:.8125rem;color:var(--text-muted)}.user-card-badges{display:flex;gap:.375rem;flex-wrap:wrap;margin-bottom:.5rem}.user-card-meta{font-size:.8125rem;color:var(--text-muted)}.user-card-closed{opacity:.55}.user-card-closed:hover{opacity:.8}.login-page{min-height:100vh;min-height:100dvh;display:flex;background:var(--bg-primary)}.login-brand-side{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d1117,#151923,#1a2332);position:relative;overflow:hidden}.login-brand-side:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(20,206,113,.08) 0%,transparent 60%)}.login-brand-content{position:relative;text-align:center;padding:2rem}.login-brand-logo{height:64px;width:auto;margin-bottom:1.5rem;filter:drop-shadow(0 4px 12px rgba(20,206,113,.2))}.login-brand-title{font-size:2rem;font-weight:700;color:#fafafa;margin:0 0 .25rem;letter-spacing:-.02em}.login-brand-sub{font-size:.9375rem;color:#ffffff80;margin:0;font-weight:400;letter-spacing:.02em}.login-form-side{width:480px;min-width:360px;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.login-theme-toggle{position:absolute;top:1rem;right:1rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.login-theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:900px){.login-brand-side{display:none}.login-form-side{width:100%;min-width:unset}}@media(max-width:480px){.login-form-side{padding:1rem}}.admin-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--accent-muted);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;flex-shrink:0}.admin-avatar-img{width:36px;height:36px;border-radius:var(--radius-full);object-fit:cover}.admin-actions{display:flex;gap:.25rem;justify-content:flex-end}.admin-actions [data-tooltip]{position:relative}.admin-actions [data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-elevated);color:var(--text-primary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;box-shadow:var(--shadow-md);border:1px solid var(--border);z-index:10}.admin-actions [data-tooltip]:hover:after{opacity:1}.modal-title{font-size:1.1rem;font-weight:600;margin:0 0 1rem;letter-spacing:-.01em}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem}.form-hint{display:block;font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.sessions-list{display:flex;flex-direction:column;gap:.5rem}.session-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-hover);border-radius:var(--radius-md)}.alert{padding:.625rem .875rem;border-radius:var(--radius-md);font-size:.85rem}.alert-error{background:var(--error-bg);color:var(--error);border:1px solid rgba(239,68,68,.15)}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid rgba(20,206,113,.15)}.login-card{width:100%;max-width:360px;background:transparent;border:none;box-shadow:none;padding:0}.login-header{text-align:center;margin-bottom:2rem}.login-logo{height:36px;width:auto;margin:0 auto 1.25rem;display:block}.login-header h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:300;letter-spacing:-.01em}.login-header-sub,.login-header p{margin:0;color:var(--text-secondary);font-size:.875rem}.login-field{margin-bottom:1.25rem}.login-label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.8125rem;font-weight:500}.login-field .input{height:48px;font-size:.9375rem}.login-error{color:var(--error);background:var(--error-bg);padding:.625rem .875rem;border-radius:var(--radius-md);margin-bottom:1.25rem;font-size:.8125rem;font-weight:500}.login-submit{width:100%;height:48px;font-size:.9375rem;font-weight:600;border-radius:var(--radius-md)}.login-divider-wrap{display:flex;align-items:center;margin:1.25rem 0;gap:.75rem}.login-divider-wrap:before,.login-divider-wrap:after{content:"";flex:1;height:1px;background:var(--border)}.login-divider-text{font-size:.8125rem;color:var(--text-muted)}.login-alt-methods{display:flex;flex-direction:column;gap:.5rem}.login-google-btn{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md)}.filter-bar-collapsible{flex-direction:column;align-items:stretch}.filter-bar-toggle{justify-content:flex-start;font-size:.75rem;border-color:transparent;background:transparent;color:var(--text-secondary)}.filter-bar-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.filter-bar-toggle-icon{margin-right:.25rem;font-size:.75rem}.filter-bar-badge{margin-left:auto;background:var(--accent);color:#fff;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600}.filter-bar-content{display:flex;flex-direction:column;gap:.625rem;padding-top:.625rem}.filter-bar-inline{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.pagination-bar{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:.75rem}.pagination-info{color:var(--text-muted);font-size:.8125rem}.pagination-buttons{display:flex;align-items:center;gap:.375rem}.pagination-page{padding:0 .625rem;font-size:.8125rem;color:var(--text-secondary);font-weight:500}.pagination-buttons .btn.btn-sm{min-width:32px;padding:.375rem .75rem}.chart-title{margin:0 0 1rem;font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.volume-chart{display:flex;flex-direction:column;gap:.625rem}.volume-chart-bar-wrap{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.volume-chart-bar{height:14px;min-width:8px;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:var(--radius-sm);transition:width .3s ease}.volume-chart-label{color:var(--text-secondary);width:44px;flex-shrink:0;font-weight:500;font-size:.8125rem}.donut-wrapper{position:relative;flex-shrink:0}.donut-chart{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--donut-stops));box-shadow:inset 0 0 0 14px var(--bg-card),0 2px 16px #00000059;transition:transform .2s ease}.donut-chart:hover{transform:scale(1.03)}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.donut-center-value{font-size:1rem;font-weight:600}.donut-center-label{font-size:.6875rem;color:var(--text-muted);font-weight:500}.donut-chart-wrap{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.donut-legend{display:flex;flex-direction:column;gap:.5rem}.donut-legend-item{display:flex;align-items:center;gap:.375rem;font-size:.8125rem}.donut-legend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.donut-legend-count{color:var(--text-secondary);font-weight:500;margin-left:auto}.error-chart-wrap{flex:1;min-width:60px;max-width:200px}.error-chart-bar{height:14px;min-width:8px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--error),#dc2626);transition:width .3s ease}.error-chart-bar-wrap{display:flex;align-items:center;gap:.75rem;font-size:.875rem;margin-bottom:.625rem}.error-chart-label{flex:0 0 180px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.8125rem}.error-chart-count{flex-shrink:0;min-width:2.5rem;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.error-message-cell{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.error-message-cell{max-width:none;white-space:normal;word-break:break-word}}.stacked-bar-wrap{display:flex;align-items:flex-end;gap:4px;height:100px;padding-bottom:1rem}.stacked-bar-day{flex:1;min-width:8px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}.stacked-bar-completed{background:linear-gradient(180deg,var(--accent),var(--accent-hover));border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px;transition:height .2s ease}.stacked-bar-failed{background:linear-gradient(180deg,var(--error),#dc2626);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px;transition:height .2s ease}.stacked-bar-label{font-size:.625rem;color:var(--text-muted);text-align:center;margin-top:.375rem;font-weight:500}.trend-chart{display:flex;align-items:flex-end;gap:5px;height:80px;padding-bottom:1rem}.trend-bar{flex:1;min-width:6px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:6px;transition:height .3s ease}.trend-bar.ok{background:linear-gradient(180deg,var(--accent),var(--accent-hover))}.trend-bar.warn{background:linear-gradient(180deg,var(--warning),#d97706)}.trend-bar.fail{background:linear-gradient(180deg,var(--error),#dc2626)}.bar-chart-vertical{display:flex;align-items:flex-end;gap:4px;height:110px;padding-bottom:1rem}.bar-chart-item{flex:1;min-width:8px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:linear-gradient(180deg,var(--accent),var(--accent-hover));opacity:.85;transition:opacity .15s ease,height .3s ease}.bar-chart-item:hover{opacity:1}.bot-status{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.bot-status:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.bot-status-online{background:var(--success-bg);color:var(--success)}.bot-status-online:before{background:var(--success);box-shadow:0 0 8px var(--success)}.bot-status-offline{background:var(--error-bg);color:var(--error)}.bot-status-offline:before{background:var(--error)}.bot-status-loading{background:#ffffff0a;color:var(--text-muted)}.bot-status-loading:before{background:var(--text-muted)}.analysis-card-list,.audit-card-list{display:flex;flex-direction:column;gap:.625rem}.analysis-card,.audit-card{padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent}.analysis-card:hover,.analysis-card:focus,.audit-card:hover,.audit-card:focus{background:var(--bg-hover);outline:none}.analysis-card:active,.audit-card:active{transform:scale(.99)}.analysis-card-header,.audit-card-header{display:flex;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.audit-card-header{justify-content:space-between;align-items:center}.analysis-card-meta,.audit-card-meta{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--text-secondary);gap:.5rem}.analysis-card-tx{font-size:.8125rem;color:var(--text-muted);margin-top:.375rem}.audit-detail-row td{background:var(--bg-primary);border-bottom:1px solid var(--border-subtle)}.audit-row-expanded td{border-bottom:none}.action-row{display:flex;gap:.625rem;flex-wrap:wrap;align-items:center}.action-row .input{flex:1 1 140px;max-width:220px}.action-column{display:flex;flex-direction:column;gap:.625rem}.action-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border-subtle)}.action-item:last-child{border-bottom:none}.action-hint{font-size:.8125rem;color:var(--text-muted);margin-top:.375rem}.tab-bar{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:1.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tab-bar::-webkit-scrollbar{display:none}.tab-item{padding:.625rem 1rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:var(--transition);-webkit-tap-highlight-color:transparent;flex:1;text-align:center}.tab-item:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-item.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}@media(max-width:768px){.tab-item{padding:.75rem .875rem;min-height:44px;font-size:.8125rem}}.confirm-body{color:var(--text-secondary);margin:0 0 1rem;font-size:.875rem;line-height:1.5}.confirm-actions{display:flex;gap:.625rem;justify-content:flex-end}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;padding-bottom:env(safe-area-inset-bottom,0);z-index:30;background:var(--bg-card);-webkit-backdrop-filter:none;backdrop-filter:none}.sidebar.sidebar-open{transform:translate(0);box-shadow:8px 0 32px #00000080}.top-bar{display:flex;padding-top:calc(.75rem + env(safe-area-inset-top,0))}.bottom-nav{display:flex;flex-direction:row;flex-wrap:nowrap}.bottom-nav-item{min-height:44px;padding:.5rem .25rem}.page-wrapper{padding:1rem 1.25rem 1.25rem;padding-bottom:calc(76px + env(safe-area-inset-bottom,0));padding-left:calc(1.25rem + env(safe-area-inset-left,0));padding-right:calc(1.25rem + env(safe-area-inset-right,0))}.grid-2,.grid-3{grid-template-columns:1fr;gap:.75rem}.grid-4{grid-template-columns:repeat(2,1fr);gap:.75rem}.grid-2:has(>.stat-card),.grid-3:has(>.stat-card){grid-template-columns:repeat(2,1fr)}.stat-card{padding:.875rem}.stat-value{font-size:1.125rem}.stat-value-sm{font-size:.9375rem}.stat-label,.stat-sub{font-size:.6875rem}.filter-bar{display:grid;grid-template-columns:1fr 1fr;gap:.5rem .5rem;padding:.75rem;margin-bottom:.75rem;align-items:end}.filter-select{width:100%}.filter-bar>.btn{height:36px;font-size:.8125rem}.filter-group.filter-grow{grid-column:1 / -1}.filter-bar .input,.filter-bar select{max-width:none;min-height:44px}.filter-select,.filter-input,.filter-date{max-width:none;min-width:0;width:auto;height:44px}.filter-btn{height:44px;width:44px}.page-header{flex-direction:column;align-items:flex-start;gap:.625rem;margin-bottom:1.5rem}.page-header h1{font-size:1.125rem}.page-header-left{width:100%}.page-header-right{width:100%;justify-content:flex-start}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.card{overflow:hidden}.table-wrap table{min-width:0}th,td{padding:.625rem .75rem;font-size:.875rem}th{font-size:.6875rem}.btn{min-height:44px;-webkit-tap-highlight-color:transparent}.btn-sm{min-height:38px}.btn-close{min-height:44px;min-width:44px}.card{padding:1.125rem;border-radius:var(--radius-lg)}.detail-row{padding:.625rem 0}.tx-card,.user-card,.analysis-card,.audit-card{min-height:44px;-webkit-tap-highlight-color:transparent}.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-height:90vh;height:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:0;padding-bottom:calc(1.75rem + env(safe-area-inset-bottom,0));animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden;max-width:100vw}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-content.modal-mobile{max-height:90vh;max-width:none;height:auto;position:relative;padding-top:calc(1.25rem + env(safe-area-inset-top,0))}.modal-content.modal-mobile .modal-header{position:sticky;top:0;z-index:1;background:var(--bg-card);margin:-1.75rem -1.75rem 1.25rem;margin-top:calc(-1.75rem - env(safe-area-inset-top,0));padding:1rem 1.75rem;border-bottom:1px solid var(--border)}.toast-container{bottom:calc(68px + env(safe-area-inset-bottom,0));right:1rem;left:1rem;max-width:none}.donut-chart{width:110px;height:110px}.donut-chart-wrap{gap:1.25rem}.action-row .input,.action-row .input-currency{max-width:none}.action-item{flex-direction:column;align-items:stretch;gap:.625rem}.action-item>button,.action-item>.btn{align-self:flex-start}.pagination-pro-right .btn-page{min-width:38px;height:38px}.bar-chart,.stacked-bar-wrap{height:100px}}@media(max-width:768px)and (orientation:landscape){.modal-content{max-height:80vh;border-radius:var(--radius-lg)}.modal-overlay{align-items:center}.bottom-nav{height:48px}.bottom-nav-item{min-height:40px;padding:.25rem}.bottom-nav-item svg{width:18px;height:18px}.bottom-nav-label{font-size:.5rem}.page-wrapper{padding-bottom:calc(56px + env(safe-area-inset-bottom,0))}}@media(max-width:640px){.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-value{text-align:left;justify-content:flex-start}.action-row{flex-direction:column}.action-row .input{max-width:none;min-width:0}.action-row .btn{width:100%}}@media(max-width:480px){.page-wrapper{padding:.875rem;padding-bottom:calc(68px + env(safe-area-inset-bottom,0))}.stat-value{font-size:1rem}.stat-card{padding:.75rem}.grid-4{grid-template-columns:1fr}.grid-2:has(>.stat-card),.grid-3:has(>.stat-card){grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr}.error-chart-label{flex:0 0 100px;max-width:100px}.page-header-right{flex-wrap:wrap}.page-header-right .btn{flex:1;min-width:0}}@media(max-width:360px){.page-wrapper{padding:.75rem}.card{padding:.625rem}}.tx-card-v2{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px 16px;background:var(--bg-card);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid transparent}.tx-card-v2:hover{background:var(--bg-hover)}.tx-card-v2.expanded{border-color:var(--accent)}.tx-card-v2 .tx-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.tx-icon.send{background:#ef44441f;color:var(--error)}.tx-icon.receive{background:var(--success-bg);color:var(--success)}.tx-icon.qr{background:var(--info-bg);color:var(--info)}.tx-card-v2 .tx-body{min-width:0}.tx-card-v2 .tx-body .tx-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.tx-card-v2 .tx-body .tx-time{font-size:12px;color:var(--text-muted);margin-top:2px}.tx-employee-tag{font-size:11px;color:var(--warning);margin-top:1px}.role-badge{display:inline-block;font-size:10px;padding:1px 6px;border-radius:var(--radius-full);margin-left:6px;font-weight:600;vertical-align:middle}.role-badge.employee{background:var(--warning-bg);color:var(--warning)}.role-badge.master{background:var(--accent-bg, rgba(99, 102, 241, .1));color:var(--accent)}.tx-card-v2 .tx-amount-col{text-align:right}.tx-card-v2 .tx-amount{font-weight:700;font-size:15px}.tx-card-v2 .tx-amount.credit{color:var(--success)}.tx-card-v2 .tx-amount.debit{color:var(--error)}.tx-date-group{margin-bottom:16px}.tx-date-group .tx-date-label{font-size:13px;font-weight:600;color:var(--text-muted);padding:8px 0;text-transform:uppercase;letter-spacing:.5px}.tx-date-group .tx-cards{display:flex;flex-direction:column;gap:6px}.filter-pill{padding:5px 14px;border-radius:var(--radius-full);font-size:13px;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:var(--transition);color:var(--text-secondary)}.filter-pill:hover{border-color:#ffffff1f}.filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.date-presets{display:flex;gap:6px}.date-preset{padding:5px 12px;border-radius:var(--radius-sm);font-size:12px;background:transparent;border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);transition:var(--transition)}.date-preset:hover{border-color:#ffffff1f;color:var(--text-primary)}.date-preset.active{background:var(--accent);border-color:var(--accent);color:#fff}.tx-detail-v2{padding:12px 16px;background:var(--bg-card);border:1px solid var(--accent);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);margin-top:-6px;margin-bottom:6px}.tx-detail-v2-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tx-detail-v2-field{font-size:13px}.tx-detail-v2-field .label{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.tx-detail-v2-field .value{color:var(--text-secondary);word-break:break-all}.badge-v2-completed{background:var(--success-bg);color:var(--success)}.badge-v2-processing{background:var(--warning-bg);color:var(--warning)}.badge-v2-pending{background:var(--info-bg);color:var(--info)}.badge-v2-failed{background:var(--error-bg);color:var(--error)}.badge-v2-refunded{background:#9c27b01a;color:#ce93d8}.badge-v2-cancelled{background:#9e9e9e1a;color:#9e9e9e}.badge-v2-expired{background:#78909c1a;color:#78909c}.badge-v2-waiting-refund{background:#ce93d81a;color:#ce93d8}[class^=badge-v2-]{padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;display:inline-block}.copyable-field{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:2px 4px;border-radius:4px;transition:var(--transition)}.copyable-field:hover{background:#ffffff0f}.copyable-field .copy-icon{opacity:0;transition:opacity .15s;font-size:12px;color:var(--text-muted)}.copyable-field:hover .copy-icon{opacity:1}.date-range-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.date-range-picker input[type=date]{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);padding:5px 8px;font-size:12px;transition:var(--transition)}.date-range-picker input[type=date]:focus{outline:none;border-color:#14ce7166;box-shadow:0 0 0 3px var(--accent-ring)}.date-range-sep{color:var(--text-muted)}@media(max-width:768px){.tx-card-v2{padding:10px 12px;gap:10px}.tx-card-v2 .tx-icon{width:36px;height:36px;font-size:16px}.tx-card-v2 .tx-amount{font-size:14px}.tx-detail-v2-grid{grid-template-columns:1fr}.date-range-picker{flex-direction:column;align-items:flex-start}.date-presets{flex-wrap:wrap}}.breadcrumb{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-muted);margin-bottom:.375rem}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.breadcrumb a:hover{color:var(--text-primary)}.breadcrumb-sep{color:var(--text-muted);font-size:.75rem}.page-title{font-size:1.375rem;font-weight:700;margin:0 0 1rem;letter-spacing:-.02em}.section-header{margin-bottom:.75rem}.section-header .section-title{margin-bottom:.125rem}.section-desc{font-size:.8125rem;color:var(--text-muted);font-weight:400;margin:0}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 2rem;margin-bottom:1.25rem}.data-field-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem;font-weight:400}.data-field-value{font-size:.9375rem;font-weight:600;color:var(--text-primary);word-break:break-word}.data-field-value .input{font-size:.875rem;font-weight:400}.data-field-actions{display:flex;align-items:center;gap:.375rem;margin-top:.25rem}@media(max-width:640px){.data-grid{grid-template-columns:1fr;gap:1rem}}.pagination-pro{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:.75rem}.pagination-pro-left{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-muted)}.pagination-pro-left select{height:30px;padding:.125rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:.8125rem;cursor:pointer}.pagination-pro-right{display:flex;align-items:center;gap:.25rem}.pagination-pro-right .btn-page{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:var(--transition)}.pagination-pro-right .btn-page:hover{background:var(--bg-hover);color:var(--text-primary)}.pagination-pro-right .btn-page:disabled{opacity:.3;cursor:not-allowed}.pagination-pro-right .btn-page.active{background:var(--accent);border-color:transparent;color:#fff;font-weight:600}.empty-state-pro{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;color:var(--text-muted);gap:.5rem}.empty-state-pro svg{width:32px;height:32px;opacity:.3}.empty-state-pro p{margin:0;font-size:.8125rem}.db-hero-row{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.db-hero-item{flex:1;min-width:140px}.db-hero-divider{width:1px;height:44px;background:var(--border-subtle);flex-shrink:0}@media(max-width:768px){.db-hero-row{gap:1rem}.db-hero-divider{display:none}.db-hero-item{min-width:120px;flex-basis:calc(50% - .5rem)}}.bar-chart{display:flex;flex-direction:column;gap:.375rem}.bar-chart-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.bar-chart-row:last-child{margin-bottom:0}.bar-chart-date{font-size:.75rem;color:var(--text-muted);min-width:3.5rem;text-align:right;font-weight:500;font-variant-numeric:tabular-nums}.bar-chart-track{flex:1;display:flex;height:1.25rem;background:var(--bg-muted);border-radius:var(--radius-sm);overflow:hidden;gap:1px}.bar-fill{height:100%;border-radius:var(--radius-sm);transition:width .5s cubic-bezier(.4,0,.2,1);min-width:2px}.bar-fill-error{border-radius:0}.bar-chart-value{font-size:.75rem;color:var(--text-secondary);min-width:5rem;text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.toggle-switch{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.toggle-track{display:inline-block;width:2.25rem;height:1.25rem;border-radius:.75rem;background:var(--border);position:relative;transition:background .2s}.toggle-on .toggle-track{background:var(--accent)}.toggle-thumb{display:block;width:.9rem;height:.9rem;border-radius:50%;background:#fff;position:absolute;top:50%;left:.2rem;transform:translateY(-50%);transition:left .2s}.toggle-on .toggle-thumb{left:calc(100% - 1.1rem)}.btn-icon-sm{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text);cursor:pointer;transition:background .15s}.btn-icon-sm:hover{background:var(--bg-hover)}.btn-icon-sm:disabled{opacity:.5;cursor:not-allowed}.dropdown-menu{position:absolute;z-index:100;min-width:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000002e;padding:.25rem 0;animation:dropdown-in .12s ease-out}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:none;color:var(--text);font-size:.8rem;cursor:pointer;text-align:left;transition:background .1s;white-space:nowrap}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item svg{flex-shrink:0}.dropdown-item-danger{color:var(--error)}.dropdown-item-danger:hover{background:#ef444414}.dropdown-divider{height:1px;margin:.25rem 0;background:var(--border)}:root{--cache-bust: 5}
