:root{--bg: #F7F7F8;--card: #FFFFFF;--text: #111111;--text-2: #666666;--text-3: #999999;--line: #E6E6E8;--line-strong: #D5D5D8;--accent: #111111;--blue: #2563EB;--green: #16A34A;--red: #DC2626;--orange: #D97706;--radius: 6px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:208px;background:#fafafa;border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0;padding:18px 12px}.logo{display:flex;align-items:center;gap:8px;padding:4px 8px 20px;font-size:15px;font-weight:600}.logo-mark{width:22px;height:22px;border-radius:4px;background:var(--text);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-mark svg{width:13px;height:13px}.nav{flex:1;display:flex;flex-direction:column;gap:2px}.nav-label{font-size:11px;color:var(--text-3);padding:14px 10px 5px;letter-spacing:.05em}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:5px;color:var(--text-2);cursor:pointer;font-size:13.5px;font-weight:500;-webkit-user-select:none;user-select:none;text-decoration:none}.nav-item svg{width:16px;height:16px;flex-shrink:0}.nav-item:hover{background:#efeff1;color:var(--text)}.nav-item.active{background:var(--text);color:#fff}.nav-item .badge{margin-left:auto;font-size:11px;font-weight:600;background:var(--red);color:#fff;border-radius:10px;padding:0 6px;min-width:18px;text-align:center}.sidebar-foot{border-top:1px solid var(--line);padding:14px 10px 2px;display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:50%;background:#333;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.sidebar-foot .name{font-size:13px;font-weight:600}.sidebar-foot .role{font-size:11px;color:var(--text-3)}.main{flex:1;overflow-y:auto;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 28px 4px;flex-shrink:0}.topbar h1{font-size:20px;font-weight:700}.sync-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2)}.sync-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.content{padding:16px 28px 40px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.stat-card .label{font-size:12.5px;color:var(--text-2)}.stat-card .value{font-size:26px;font-weight:700;margin-top:6px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.stat-card .value .unit{font-size:13px;font-weight:500;color:var(--text-2);margin-left:2px}.stat-card .delta{font-size:12px;margin-top:5px;color:var(--text-3)}.stat-card .delta.up{color:var(--green)}.stat-card .delta.down{color:var(--red)}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-top:14px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.panel-head h2{font-size:15px;font-weight:600}.panel-head .sub{font-size:12px;color:var(--text-3);margin-top:1px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.date-range{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2)}.date-input{border:1px solid var(--line-strong);border-radius:var(--radius);padding:6px 10px;font-size:12.5px;font-family:var(--font);color:var(--text);background:#fff;outline:none}.search{display:flex;align-items:center;gap:7px;border:1px solid var(--line-strong);border-radius:var(--radius);padding:7px 11px;min-width:240px;background:#fff}.search svg{width:14px;height:14px;color:var(--text-3)}.search input{border:none;outline:none;font-size:13px;width:100%;font-family:var(--font);color:var(--text)}.seg{display:flex;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden}.seg button{border:none;background:#fff;padding:7px 12px;font-size:12.5px;color:var(--text-2);cursor:pointer;font-family:var(--font);border-right:1px solid var(--line)}.seg button:last-child{border-right:none}.seg button.active{background:#f0f0f2;color:var(--text);font-weight:600}.btn{border:1px solid var(--line-strong);border-radius:var(--radius);padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font);background:#fff;color:var(--text)}.btn:hover{background:#f5f5f6}.btn-primary{background:var(--text);color:#fff;border-color:var(--text)}.btn-primary:hover{background:#333}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-sm{padding:4px 10px;font-size:12px}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:12px;color:var(--text-3);font-weight:500;padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}tbody td{padding:12px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafafa}.mono{font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--text-2)}.cell-main{font-weight:500}.cell-sub{font-size:11.5px;color:var(--text-3);margin-top:1px}.amount{font-weight:600;font-variant-numeric:tabular-nums}.num-green{color:var(--green);font-weight:600;font-variant-numeric:tabular-nums}.num-red{color:var(--red);font-weight:600;font-variant-numeric:tabular-nums}.dim{color:var(--text-3);font-size:12px}.pl-jd{color:var(--red);font-weight:500}.pl-tb{color:var(--orange);font-weight:500}.pl-yuntu{color:var(--blue);font-weight:500}.status{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;white-space:nowrap}.status .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status .star{width:12px;height:12px;flex-shrink:0}.s-green{color:var(--green)}.s-green .dot{background:var(--green)}.s-red{color:var(--red)}.s-red .dot{background:var(--red)}.s-blue{color:var(--blue)}.s-blue .dot{background:var(--blue)}.s-orange{color:var(--orange)}.s-orange .dot{background:var(--orange)}.s-gray{color:var(--text-2)}.s-gray .dot{background:var(--text-3)}.recovery-banner{border:1px solid var(--red);border-radius:var(--radius);padding:16px 20px;display:flex;align-items:center;gap:14px;background:#fff}.recovery-banner .icon{width:36px;height:36px;border-radius:var(--radius);background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recovery-banner .icon svg{width:18px;height:18px}.recovery-banner .txt{flex:1}.recovery-banner .txt h3{font-size:14px;font-weight:600}.recovery-banner .txt p{font-size:12px;color:var(--text-2);margin-top:2px}.recovery-banner .amount-big{text-align:right}.recovery-banner .amount-big .n{font-size:22px;font-weight:700;color:var(--red);font-variant-numeric:tabular-nums}.recovery-banner .amount-big .l{font-size:11.5px;color:var(--text-2)}.chart-wrap{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}.chart-legend{display:flex;gap:16px}.chart-legend span{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-2)}.chart-legend i{width:8px;height:8px;border-radius:2px;display:inline-block}.legend-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.legend-list .row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.legend-list .row .k{display:flex;align-items:center;gap:8px;color:var(--text-2)}.legend-list .row .k i{width:8px;height:8px;border-radius:2px;display:inline-block}.legend-list .row b{font-variant-numeric:tabular-nums}.empty{text-align:center;padding:40px 0;color:var(--text-3)}.pagination{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-top:14px;font-size:13px;color:var(--text-2)}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.chart-wrap{grid-template-columns:1fr}}