:root{--bg:#0b1020;--text:#e2e8f0;--text-dim:#94a3b8;--accent:#38bdf8;--accent2:#a855f7;--grad:linear-gradient(120deg,var(--accent),var(--accent2));--glass-bg:rgba(15,23,42,0.55);--glass-border:rgba(148,163,184,0.18);--inner-bg:rgba(2,6,23,0.35);--field-bg:rgba(2,6,23,0.55);--err:#ef4444;--ok:#34d399;--warn:#fbbf24;--exp:#f87171;--inc:#34d399;--ease:cubic-bezier(0.22,1,0.36,1);--nav-h:62px;--sidebar-w:224px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-size:15px;line-height:1.6;min-height:100vh;-webkit-tap-highlight-color:transparent}.mono,code{font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:.9em}.num{font-variant-numeric:tabular-nums;letter-spacing:.01em}a{color:inherit;text-decoration:none}.bg-layer{position:fixed;inset:0;z-index:0;overflow:hidden;transform:translateZ(0);will-change:transform}.app-frame{position:relative;z-index:1;min-height:100vh}.page{max-width:1080px;margin:0 auto;padding:18px 16px calc(var(--nav-h) + 88px)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes sheet-up{0%{opacity:.4;transform:translateY(48px)}to{opacity:1;transform:none}}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-9px)}40%,80%{transform:translateX(9px)}}.rise{animation:rise .65s var(--ease) both}.stagger>*{animation:rise .6s var(--ease) both}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:70ms}.stagger>:nth-child(3){animation-delay:.14s}.stagger>:nth-child(4){animation-delay:.21s}.stagger>:nth-child(5){animation-delay:.28s}.stagger>:nth-child(6){animation-delay:.35s}.stagger>:nth-child(7){animation-delay:.42s}.stagger>:nth-child(8){animation-delay:.49s}.stagger>:nth-child(n+9){animation-delay:.56s}.shake{animation:shake .4s var(--ease)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.panel{padding:18px}.inner{background:var(--inner-bg);border:1px solid var(--glass-border);border-radius:10px}.lift{position:relative;transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.lift:hover{transform:translateY(-3px);border-color:rgba(56,189,248,.45);box-shadow:0 14px 34px rgba(2,6,23,.5)}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--text-dim)}.small{font-size:13px}.tiny{font-size:12px}.section{margin-top:26px}.section-name{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);margin:0 0 10px}.panel-title{margin:0;font-size:17px;font-weight:600}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.page-title{margin:0 0 4px;font-size:22px;font-weight:700}.page-sub{margin:0 0 18px;font-size:13px;color:var(--text-dim)}.btn{appearance:none;border:none;border-radius:10px;padding:10px 20px;font:inherit;font-size:14px;font-weight:600;color:#04101c;background:var(--grad);cursor:pointer;transition:transform .15s var(--ease),box-shadow .2s var(--ease),opacity .2s var(--ease)}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px rgba(56,189,248,.35)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{appearance:none;background:transparent;border:1px solid var(--glass-border);border-radius:10px;padding:10px 20px;font:inherit;font-size:14px;font-weight:500;color:var(--text-dim);cursor:pointer;transition:color .2s var(--ease),border-color .2s var(--ease),transform .15s var(--ease)}.btn-ghost:hover:not(:disabled){color:var(--accent);border-color:rgba(56,189,248,.5)}.btn-ghost.danger:hover:not(:disabled){color:var(--err);border-color:rgba(239,68,68,.5)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-small{padding:7px 14px;font-size:13px;border-radius:8px}.actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:6px}.field{width:100%;min-width:0;background:var(--field-bg);border:1px solid var(--glass-border);border-radius:10px;padding:10px 12px;font:inherit;font-size:16px;color:var(--text);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.field:focus{outline:none;border-color:rgba(56,189,248,.6);box-shadow:0 0 0 3px rgba(56,189,248,.15)}select.field{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}input[type=date].field,input[type=datetime-local].field{appearance:none;-webkit-appearance:none;min-height:44px;max-width:100%}.field::placeholder{color:rgba(148,163,184,.5)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.form-grid>*{min-width:0;overflow:hidden}.form-row{margin-bottom:14px}.err-text{color:var(--err);font-size:13px}.ok-text{color:var(--ok);font-size:13px}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;letter-spacing:.06em;border:1px solid var(--glass-border);color:var(--text-dim)}.pill.cyan{color:var(--accent);border-color:rgba(56,189,248,.5)}.pill.violet{color:var(--accent2);border-color:rgba(168,85,247,.5)}.pill.green{color:var(--ok);border-color:rgba(52,211,153,.5)}.pill.red{color:var(--err);border-color:rgba(239,68,68,.5)}.pill.amber{color:var(--warn);border-color:rgba(251,191,36,.5)}.chip{appearance:none;font:inherit;font-size:13px;padding:7px 14px;border-radius:999px;border:1px solid var(--glass-border);background:var(--inner-bg);color:var(--text-dim);cursor:pointer;transition:color .15s var(--ease),border-color .15s var(--ease),background .15s var(--ease);white-space:nowrap}.chip:hover{color:var(--text)}.chip.active{color:var(--accent);border-color:rgba(56,189,248,.55);background:rgba(56,189,248,.12)}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.amt-exp{color:var(--exp)}.amt-inc{color:var(--inc)}.amt-neutral{color:var(--text-dim)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.stat-card{padding:14px 16px}.stat-label{font-size:12px;color:var(--text-dim);letter-spacing:.06em;margin-bottom:2px;display:flex;align-items:center;gap:6px}.stat-value{font-size:22px;font-weight:700}.stat-sub{margin-top:2px}.stat-sub,.tx-day{font-size:12px;color:var(--text-dim)}.tx-day{display:flex;align-items:baseline;justify-content:space-between;padding:14px 4px 6px;letter-spacing:.05em}.tx-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;transition:background .15s var(--ease);cursor:pointer}.tx-row:hover{background:rgba(56,189,248,.06)}.tx-icon{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:18px;background:var(--inner-bg);border:1px solid var(--glass-border)}.tx-main{flex:1;min-width:0}.tx-title{font-size:14px;font-weight:500}.tx-meta,.tx-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-meta{font-size:12px;color:var(--text-dim)}.tx-amt{flex:none;font-size:15px;font-weight:600;text-align:right}.tx-amt .cur{font-size:11px;color:var(--text-dim);font-weight:500;margin-right:4px}.pool-card{padding:16px}.pool-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pool-name{font-size:15px;font-weight:600;flex:1}.pool-balance{font-size:20px;font-weight:700}.bar{height:8px;border-radius:999px;background:var(--inner-bg);border:1px solid var(--glass-border);overflow:hidden;margin:8px 0 6px}.bar-fill{height:100%;border-radius:999px;background:var(--grad);transition:width .5s var(--ease)}.bar-fill.over{background:linear-gradient(120deg,var(--warn),var(--err))}.table-wrap{overflow-x:auto;border-radius:12px}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-weight:600;font-size:12px;color:var(--text-dim);letter-spacing:.05em;border-bottom:1px solid var(--glass-border)}.tbl td,.tbl th{padding:9px 12px;white-space:nowrap}.tbl td{border-bottom:1px solid rgba(148,163,184,.08)}.tbl tr:last-child td{border-bottom:none}.shell{display:block}.sidebar{display:none}.mobile-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(11,16,32,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(148,163,184,.1)}.brand-title{margin:0;font-size:18px;font-weight:700;letter-spacing:.01em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub{font-size:10px;color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;height:calc(var(--nav-h) + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);background:rgba(11,16,32,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(148,163,184,.12)}.bn-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:var(--text-dim);transition:color .15s var(--ease);padding:6px 0}.bn-item .bn-icon{font-size:20px;line-height:1}.bn-item.active{color:var(--accent)}.bn-add{display:grid;place-items:center}.bn-add-btn{width:46px;height:46px;border-radius:15px;border:none;background:var(--grad);color:#04101c;font-size:26px;font-weight:600;line-height:1;cursor:pointer;box-shadow:0 6px 22px rgba(56,189,248,.4);transition:transform .15s var(--ease)}.bn-add-btn:active{transform:scale(.92)}.overlay{position:fixed;inset:0;z-index:50;background:rgba(2,6,23,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-height:88dvh;display:flex;flex-direction:column;border-radius:20px 20px 0 0;background:rgba(15,23,42,.92);border:1px solid var(--glass-border);border-bottom:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:sheet-up .35s var(--ease) both}.sheet-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 10px}.sheet-title{margin:0;font-size:16px;font-weight:600}.sheet-body{flex:1;overflow-y:auto;padding:4px 18px 18px;scrollbar-width:none}.sheet-body::-webkit-scrollbar{display:none}.sheet-foot{flex:none;display:flex;gap:10px;padding:12px 18px calc(14px + env(safe-area-inset-bottom, 0px));border-top:1px solid rgba(148,163,184,.1)}.sheet-foot .btn,.sheet-foot .btn-ghost{flex:1}.close-x{appearance:none;background:transparent;border:none;color:var(--text-dim);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:color .15s var(--ease)}.close-x:hover{color:var(--text)}.empty{text-align:center;padding:36px 16px;color:var(--text-dim);font-size:14px}.empty .empty-icon{font-size:34px;margin-bottom:8px}.row,.spread{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:10px}.wrap{flex-wrap:wrap}.divider{height:1px;background:rgba(148,163,184,.1);margin:12px 0;border:none}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:380px;padding:30px 26px}@media (min-width:900px){.page{padding:26px 32px 64px;margin-left:var(--sidebar-w);max-width:calc(1080px + var(--sidebar-w))}.bottom-nav,.mobile-topbar{display:none}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:30;width:var(--sidebar-w);display:flex;flex-direction:column;gap:4px;padding:22px 14px;background:rgba(11,16,32,.66);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-right:1px solid rgba(148,163,184,.1)}.sidebar .brand-block{padding:0 10px 18px}.sidebar .brand-title{font-size:21px}.side-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-dim);transition:color .15s var(--ease),background .15s var(--ease)}.side-item:hover{color:var(--text)}.side-item.active{color:var(--accent);background:rgba(56,189,248,.1)}.side-item .bn-icon{font-size:17px}.side-add{margin:14px 10px 0}.overlay{align-items:center;padding:28px}.sheet{max-width:560px;max-height:82vh;border-radius:18px;border-bottom:1px solid var(--glass-border);animation:rise .4s var(--ease) both}.sheet-foot{padding-bottom:14px}.sheet-foot .btn,.sheet-foot .btn-ghost{flex:none;margin-left:auto}.stat-value{font-size:26px}}@media (prefers-reduced-motion:reduce){.rise,.sheet,.stagger>*{animation:none}}