:root{--bg-page: #EFEEF6;--bg-glass: rgba(239, 238, 246, .8);--primary: #0070C0;--primary-glow: rgba(0, 112, 192, .15);--text-main: #2D2A3E;--text-muted: #6B6882;--border-outer: rgba(45, 42, 62, .05);--color-error: #D94B62;--bg-error-light: rgba(217, 75, 98, .08);--border-error: rgba(217, 75, 98, .2);--radius-card: 24px;--radius-inner: 18px;--spring-bounce: cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: all .6s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background-color:var(--bg-page);color:var(--text-main);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;min-h:100dvh}.bezel-outer{background:var(--border-outer);border:1px solid var(--border-glass);padding:6px;border-radius:var(--radius-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bezel-inner{background:#fff;border-radius:var(--radius-inner);padding:16px;box-shadow:inset 0 1px 1px #fffc}.navbar-mobile{position:fixed;top:0;left:0;right:0;height:60px;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;display:flex;align-items:center;padding:0 20px;border-bottom:.5px solid rgba(45,42,62,.1)}.brand-container{display:flex;align-items:center;gap:10px}.brand-logo{height:28px;width:auto}.brand-text{font-size:18px;letter-spacing:-.02em}.brand-text b{font-weight:700}.brand-text span{font-weight:300;color:var(--text-muted)}.touch-press{transition:var(--transition-smooth)}.touch-press:active{transform:scale(.96)}.bottom-nav{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:20px;right:20px;height:64px;background:#2d2a3ee6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:32px;display:flex;justify-content:space-around;align-items:center;box-shadow:0 12px 40px #00000026;z-index:100}.mobile-input{width:100%;border:none;background:var(--bg-page);padding:14px;border-radius:12px;font-size:16px;color:var(--text-main);outline:none;transition:var(--transition-smooth);border:1px solid transparent}.mobile-input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.tx-block{margin-bottom:12px}.tx-amount-pos{color:var(--color-success);font-weight:700}.tx-amount-neg{color:var(--text-main);font-weight:700}.pill-account{display:inline-flex;align-items:center;gap:4px;background:var(--primary-glow);color:var(--primary);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:32px 32px 0 0;padding:24px 20px 40px;z-index:201;max-height:80vh;overflow-y:auto;box-shadow:0 -8px 40px #0000001a}.sheet-handle{width:40px;height:4px;background:var(--color-bg-disabled);border-radius:2px;margin:0 auto 20px}.account-option{padding:16px;border-bottom:.5px solid var(--color-bg-disabled);display:flex;justify-content:space-between;align-items:center}.account-option:active{background:var(--color-bg-disabled)}.bento-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:12px;margin-bottom:24px}.bento-item{padding:16px;display:flex;flex-direction:column;justify-content:space-between}.bento-large{grid-row:span 2;background:var(--primary)!important;color:#fff!important}.bento-large .bezel-inner{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2);color:#fff}.report-row{display:grid;grid-template-columns:80px 1fr 80px;gap:8px;padding:12px 0;border-bottom:.5px solid var(--color-bg-disabled);align-items:center}.report-row-secondary{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-top:4px}main{min-height:100dvh;width:100%}:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-active: #4338ca;--color-primary-light: #eef2ff;--color-secondary: #475569;--color-secondary-hover: #334155;--color-secondary-active: #1e293b;--color-secondary-light: #f1f5f9;--color-success: #10b981;--color-success-hover: #059669;--color-success-active: #047857;--color-success-light: #ecfdf5;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-active: #b91c1c;--color-danger-light: #fef2f2;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-active: #b45309;--color-warning-light: #fffbeb;--color-text-primary: #0f172a;--color-text-secondary: #64748b;--color-text-disabled: #94a3b8;--color-text-placeholder: #cbd5e1;--color-text-link: #6366f1;--color-text-white: #ffffff;--color-bg-page: #f8fafc;--color-bg-card: #ffffff;--color-bg-input: #ffffff;--color-bg-disabled: #f1f5f9;--color-bg-hover: #f1f5f9;--color-border-default: #e2e8f0;--color-border-light: #f1f5f9;--color-border-dark: #94a3b8;--color-border-focus: #6366f1;--font-family-primary: "Microsoft YaHei", "微软雅黑", sans-serif;--font-family-monospace: "Consolas", "Monaco", "Lucida Console", monospace;--font-size-display: 3rem;--font-size-h1: 1.75rem;--font-size-h2: 1.25rem;--font-size-h3: 1.125rem;--font-size-h4: 1rem;--font-size-base: 15px;--font-size-sm: 13px;--font-size-xs: 12px;--line-height-display: 1.2;--line-height-tight: 1.3;--line-height-base: 1.6;--line-height-relaxed: 1.75;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 600;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2.5rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--glass-background: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-blur: blur(12px);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 20px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-premium: 0 0 0 1px rgba(0, 0, 0, .05), 0 10px 20px rgba(0, 0, 0, .1);--transition-base: all .2s ease}*{font-family:var(--font-family-primary)!important}body{font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg-page);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.page-title{font-size:var(--font-size-h1)!important;line-height:var(--line-height-tight)!important;font-weight:600!important;color:var(--color-text-primary)!important;margin-top:0!important;margin-bottom:var(--spacing-lg)!important}h2,.section-title{font-size:var(--font-size-h2)!important;line-height:var(--line-height-tight)!important;font-weight:600!important;color:var(--color-text-primary)!important;margin-top:0!important;margin-bottom:var(--spacing-md)!important}h3,.subsection-title,.card-title{font-size:var(--font-size-h3)!important;line-height:var(--line-height-tight)!important;font-weight:600!important;color:var(--color-text-primary)!important;margin-top:0!important;margin-bottom:var(--spacing-sm)!important}p,span,td,div,label,input,select,button{font-size:var(--font-size-base)}.text-tiny,.text-xs,small,.metric-label{font-size:var(--font-size-xs)!important}.text-sm,.table td,.table th{font-size:var(--font-size-sm)!important}.page-container{width:100%;max-width:none;margin:0;padding:var(--spacing-lg) var(--spacing-xl);box-sizing:border-box}.page-container.transactions-page{width:100%!important;max-width:none!important;margin:0!important;padding:var(--spacing-sm)!important}.page-header{margin-bottom:var(--spacing-lg)}.section{margin-bottom:var(--spacing-2xl)}.card{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);transition:var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center}.card-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);margin:0;color:var(--color-primary)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-base)}.form-control{display:block;width:100%;padding:var(--spacing-sm) 12px;font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-input);background-clip:padding-box;border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-sizing:border-box}.form-control:focus{border-color:var(--color-border-focus);outline:0;box-shadow:var(--shadow-focus)}.form-control::placeholder{color:var(--color-text-placeholder)}.form-control:disabled{background-color:var(--color-bg-disabled);opacity:1;cursor:not-allowed}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}.table-container{overflow-x:auto;background:var(--color-bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--color-border-default)}.table{width:100%;border-collapse:collapse;margin-bottom:0}.table th,.table td{padding:12px var(--spacing-md);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light)}.table th{background-color:#0070c0!important;color:#fff!important;font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-border-default);white-space:nowrap}.reports-page .table th:nth-child(1){text-align:left!important}.reports-page .table th:nth-child(2),.reports-page .table th:nth-child(3),.reports-page .table th:nth-child(4),.reports-page .table th:nth-child(5),.reports-page .table th:nth-child(6),.reports-page .table th:nth-child(7){text-align:right!important}.modal-dialog .table th:nth-child(1){text-align:left!important}.modal-dialog .table th:nth-child(2){text-align:left!important}.modal-dialog .table th:nth-child(3),.modal-dialog .table th:nth-child(4),.modal-dialog .table th:nth-child(5){text-align:right!important}.table tbody tr:hover{background-color:var(--color-bg-hover)}.badge{display:inline-flex;align-items:center;padding:4px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--border-radius-pill)}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-secondary{background-color:var(--color-bg-disabled);color:var(--color-text-secondary)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-active)}.badge-info{background-color:var(--color-info-light);color:var(--color-info)}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-primary{color:var(--color-primary)!important}.text-success{color:var(--color-success)!important}.text-danger{color:var(--color-danger)!important}.text-warning{color:var(--color-warning)!important}.text-muted{color:var(--color-text-secondary)!important}.d-flex{display:flex!important}.flex-column{flex-direction:column!important}.align-items-center{align-items:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}.gap-sm{gap:var(--spacing-sm)!important}.gap-md{gap:var(--spacing-md)!important}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.mt-md{margin-top:var(--spacing-md)!important}.mb-md{margin-bottom:var(--spacing-md)!important}.my-md{margin-top:var(--spacing-md)!important;margin-bottom:var(--spacing-md)!important}.p-0{padding:0!important}.p-md{padding:var(--spacing-md)!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-dialog{background-color:var(--color-bg-card);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--color-border-default)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.modal-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.modal-body{margin-bottom:var(--spacing-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light)}.spinner{border:4px solid var(--color-bg-disabled);border-top:4px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{background-color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;color:var(--color-text-white);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:1000;height:60px}.navbar-brand{display:flex;align-items:center;gap:var(--spacing-sm)}.navbar-brand a{display:flex;align-items:center;text-decoration:none;color:var(--color-text-white);gap:8px}.navbar-logo-icon{font-size:24px}.navbar-brand-text{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);letter-spacing:-.5px}.navbar-desktop-menu{display:flex;align-items:center;gap:var(--spacing-xl)}.navbar-nav{display:flex;list-style:none;margin:0;padding:0;gap:var(--spacing-sm)}.nav-item a{color:#ffffffd9;text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:var(--transition-base);padding:8px 12px;border-radius:var(--border-radius-md);display:flex;align-items:center;gap:6px}.nav-item a:hover{color:var(--color-text-white);background-color:#ffffff26}.nav-item a.active{color:var(--color-text-white);background-color:#fff3;font-weight:var(--font-weight-semibold)}.navbar-select{padding:6px 10px;border-radius:var(--border-radius-md);border:1px solid rgba(255,255,255,.4);background-color:#ffffff1a;color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base)}.navbar-select:focus,.navbar-select:hover{outline:none;border-color:#fff;background-color:#ffffff40}.navbar-select option{background-color:var(--color-bg-card);color:var(--color-text-primary)}.navbar-mobile-toggle{display:none;cursor:pointer;padding:4px;border-radius:var(--border-radius-sm);transition:background-color .2s ease}.navbar-mobile-toggle:hover{background-color:#ffffff26}.navbar-mobile-overlay,.navbar-mobile-drawer{display:none}@media (max-width: 992px){.navbar{height:50px}.navbar-brand-text{display:none}.page-container{padding:var(--spacing-sm) var(--spacing-xs)}.navbar-desktop-menu{display:none}.navbar-mobile-toggle{display:block}.navbar-mobile-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1040;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.navbar-mobile-overlay.open{opacity:1;visibility:visible}.navbar-mobile-drawer{display:flex;flex-direction:column;position:fixed;top:0;right:0;width:85vw;max-width:340px;height:100vh;background-color:var(--color-bg-card);z-index:1050;box-shadow:-4px 0 24px #00000026;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);overflow-y:auto}.navbar-mobile-drawer.open{transform:translate(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.drawer-close-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.drawer-close-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.drawer-client-selector{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg-hover)}.drawer-label{display:block;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-bold)}.drawer-select{width:100%;background-color:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--color-border-dark);padding:10px 12px;font-size:var(--font-size-base)}.drawer-nav{list-style:none;padding:var(--spacing-md) 0;margin:0;flex:1}.drawer-nav-item a{display:flex;align-items:center;padding:14px var(--spacing-lg);color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:background-color .2s}.drawer-nav-item a:hover{background-color:var(--color-bg-hover)}.drawer-nav-item a.active{background-color:var(--color-primary-light);color:var(--color-primary);border-left:4px solid var(--color-primary);padding-left:calc(var(--spacing-lg) - 4px)}.drawer-nav-icon{margin-right:var(--spacing-md);display:flex;color:var(--color-text-secondary)}.drawer-nav-item a.active .drawer-nav-icon{color:var(--color-primary)}.page-title{font-size:24px!important;line-height:32px!important}.section-title{font-size:20px!important;line-height:28px!important}.modal-dialog{padding:16px!important;width:95%!important}.flex-column-mobile{flex-direction:column!important;align-items:flex-start!important}}@keyframes pico-breath{0%{box-shadow:0 0 5px #007bff80}50%{box-shadow:0 0 25px #007bff;transform:scale(1.02)}to{box-shadow:0 0 5px #007bff80}}.pico-highlight{animation:pico-breath 1.5s ease-in-out infinite!important;border:2px solid #007bff!important;border-radius:4px;z-index:1000}