:root{--bg: #f5f9ff;--card: #eaf2ff;--text: #1f2937;--muted: #5a6a85;--danger: #d9534f;--primary: #2b6cb0}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}.layout{display:flex;min-height:100vh;overflow-x:hidden}.sidebar{display:none}.brand{font-weight:600;font-family:娃娃简体,PingFang SC,Microsoft YaHei,sans-serif;font-size:22px}.menu{display:grid;gap:8px}.menu-item{padding:8px 12px;border-radius:8px;cursor:pointer;background:var(--bg);display:inline-flex;align-items:center;line-height:1;min-height:32px}.cell-actions{display:flex;gap:8px;align-items:center}.menu-item.active{background:var(--primary);color:#fff}.main{flex:1;padding:16px}.container{max-width:1160px;margin:0 auto}.topbar{position:sticky;top:0;background:var(--bg);border-bottom:none;padding:20px 12px;display:flex;align-items:center;justify-content:space-between;border-radius:10px;z-index:1500}.topbar-left{display:flex;align-items:center;gap:12px}.menu-toggle{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#f5f9ff;border:1px solid #c9d6e8;border-radius:6px;cursor:pointer;margin-right:8px}.topbar-right{display:flex;align-items:center;gap:12px}.user-wrapper{position:fixed;top:12px;right:12px;z-index:1100}.user-chip{display:inline-flex;align-items:center;gap:8px;background:var(--bg);border:none;border-radius:999px;padding:6px 10px;cursor:default}.username{font-size:13px;color:var(--text)}.user-popover{position:absolute;right:0;top:100%;margin-top:6px;background:#fff;border:1px solid #c9d6e8;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:2000;padding:8px;display:grid;gap:6px;min-width:180px}.user-popover .menu-item{width:100%;text-align:left;background:transparent;border:none;padding:8px 10px;border-radius:6px;cursor:pointer}.user-popover .menu-item:hover{background:#f5f9ff}.tenant-name{font-size:13px;color:var(--muted)}.divider{width:1px;height:16px;background:#c9d6e8;display:inline-block}.menu-wrapper{position:relative;display:inline-block}.menu-popover{position:absolute;left:0;top:100%;margin-top:4px;background:#fff;border:1px solid #c9d6e8;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:2000;padding:10px;display:grid;gap:8px;width:180px}.stack{display:grid;gap:12px}.filter-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.field{display:grid;gap:6px}.field label{color:var(--muted);font-size:12px}.field input,.field select{padding:10px;border:1px solid #c9d6e8;border-radius:8px;background:#fff}.actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px}.button-outline{padding:8px 12px;background:transparent;color:var(--primary);border:1px solid var(--primary);border-radius:6px;cursor:pointer}.header{display:flex;gap:8px;align-items:center;margin-bottom:12px;justify-content:flex-end}.header input,.header select{padding:8px;border:1px solid #c9d6e8;border-radius:6px;background:#fff}.button{padding:8px 12px;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer}.btn-with-icon{display:inline-flex;align-items:center;gap:6px}.btn-icon{display:inline-flex;align-items:center;justify-content:center}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{background:var(--card);border-radius:10px;padding:12px}.income-card{background:#d09e88;color:#fff}.full{grid-column:1 / -1}.expense-card{background:#fadad8}.balance-card{background:#f0e5de}.row-pies,.row-charts{display:flex;gap:12px}.half{width:calc(50% - 6px)}.pie-row{display:flex;align-items:center;gap:12px;position:relative}.pie-svg{width:100%;max-width:240px;height:180px}.legend-right{display:grid;gap:8px}.legend-right .legend-item{color:var(--text)}.svg-label{font-weight:500;paint-order:stroke;stroke:#fff;stroke-width:3px}.title{font-weight:600;margin-bottom:8px}.muted{color:var(--muted);font-size:12px}.list{display:grid;gap:6px}.row{display:flex;justify-content:space-between}.number{font-size:20px}.neg,.trend-up{color:var(--danger)}.trend-down{color:#2ca167}.trend-chart{width:100%}.x-axis{display:flex;justify-content:space-between;width:100%}.legend{display:flex;gap:12px;align-items:center;margin:8px 0;justify-content:center}.legend-item{display:flex;gap:6px;align-items:center;color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.trend-chart{position:relative}.tooltip{position:absolute;background:#1f2937;color:#fff;padding:6px 8px;border-radius:6px;font-size:12px;pointer-events:none}.fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:7000}.fullscreen-content{position:fixed;top:40px;right:40px;bottom:40px;left:40px;background:#fff;border-radius:12px;box-shadow:0 12px 32px #0003;z-index:7001;display:flex;flex-direction:column}.fullscreen-content .content-body{padding:12px;flex:1;overflow:auto}@media (max-width: 768px){.fullscreen-content{top:0;right:0;bottom:0;left:0;border-radius:0}}.sidebar-bottom{margin-top:12px}.tenant-switch{display:flex;gap:6px;align-items:center}.table-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}.pagination{display:flex;gap:12px;align-items:center}.pager{display:flex;gap:8px;align-items:center}.page-size{display:flex;gap:6px;align-items:center}.page-size select{padding:6px 8px;border:1px solid #c9d6e8;border-radius:6px;background:#fff}.pager .button-outline,.pagination .button-outline{padding:4px 8px;font-size:12px;border-radius:4px}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sort-arrow{font-size:12px;color:var(--muted)}.th-sort{background:transparent;border:none;padding:0;color:inherit;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:10px;overflow:hidden}.data-table thead th{text-align:left;background:#f0f4fb;color:var(--muted);font-weight:600;padding:10px 12px;border-bottom:1px solid #e2e8f3}.data-table tbody td{padding:10px 12px;border-bottom:1px solid #f2f6fb}.data-table tbody tr:hover{background:#f7fbff}.data-table tbody tr:last-child td{border-bottom:none}.text-right{text-align:right}.badge{display:inline-block;background:#eef3ff;color:var(--primary);padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid #d3e1f6}.data-table.right-head thead th{text-align:right}.cell-actions{display:flex;gap:8px;justify-content:flex-end}.action-btn{padding:4px 10px;font-size:12px;border-radius:6px;cursor:pointer}.action-btn.outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}.action-btn.primary{background:var(--primary);color:#fff;border:none}.action-btn:disabled{opacity:.6;cursor:not-allowed}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:5000}.drawer{position:fixed;right:0;top:0;width:420px;height:100vh;background:#fff;box-shadow:-4px 0 16px #0000001f;z-index:5001;display:flex;flex-direction:column}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #e2e8f3}.drawer-title{font-weight:600}.drawer-close{background:transparent;border:none;font-size:20px;line-height:20px;cursor:pointer}.drawer-content{padding:12px;display:grid;gap:10px}.detail-row{display:flex;justify-content:space-between}.detail-row .label{color:var(--muted)}.detail-row .value.number{font-weight:600}.drawer-form{padding:12px;display:grid;gap:10px}.drawer-subtitle{font-weight:600;color:var(--muted);margin-top:4px;margin-bottom:6px}.hint{color:var(--muted);font-size:12px}.form-row{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:8px}.form-row input,.form-row select,.form-row textarea{padding:8px;border:1px solid #c9d6e8;border-radius:6px;background:#fff}.form-row input:disabled,.form-row select:disabled,.form-row textarea:disabled{background:#f5f9ff;color:var(--muted)}.form-row textarea{resize:vertical}.drawer-actions{padding:12px;border-top:1px solid #e2e8f3;display:flex;justify-content:flex-end}.icon-button{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid #c9d6e8;border-radius:6px;color:var(--muted);cursor:pointer;line-height:1;padding:0}.icon-button:hover{color:var(--danger);border-color:var(--danger)}.desktop-only{display:inline-flex}.mobile-only{display:none}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f9ff,#eaf2ff);padding:12px;padding-left:calc(12px + env(safe-area-inset-left,0px));padding-right:calc(12px + env(safe-area-inset-right,0px));box-sizing:border-box;width:100%}.login-card{width:100%;max-width:420px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 12px 28px #0000001f;border:1px solid #e2e8f3}.login-title{font-weight:700;margin-bottom:16px;text-align:center;color:#2b6cb0}.login-form{display:grid;gap:12px}.login-input{padding:10px;border:1px solid #c9d6e8;border-radius:8px;background:#fff}.login-row{display:flex;gap:8px;align-items:center;justify-content:space-between}.captcha-img{height:40px;cursor:pointer;border-radius:8px;border:1px solid #c9d6e8}.login-actions{display:flex;justify-content:center}.login-error{color:var(--danger);font-size:12px;text-align:center}.data-table thead th,.data-table tbody td{word-break:break-word}.calculator-page .card{background:#fff;border:1px solid #e2e8f3;border-radius:12px;box-shadow:0 8px 24px #00000014}.calculator-page .card:hover{box-shadow:0 12px 28px #0000001a}.calculator-page .title{font-size:16px;margin-bottom:10px}.calculator-page .row{align-items:center;gap:10px}.calculator-page .row span{color:var(--muted);font-size:13px}.calculator-page .row input{flex:0 0 150px;padding:8px;border:1px solid #c9d6e8;border-radius:8px;background:#fff;font-size:14px}.calculator-page .grid{gap:14px}.calculator-page .button{border-radius:8px;padding:10px 14px}.calculator-page .data-table input{padding:8px;border:1px solid #c9d6e8;border-radius:8px;background:#fff;font-size:14px}.calculator-page .data-table .number{width:80px}.calculator-page .data-table .amount{width:100px}.calculator-page .section-title{font-weight:700;color:var(--primary)}@media (max-width: 768px){.container{padding:0 10px}.topbar{padding:12px 8px}.brand{font-size:18px}.menu-toggle{width:28px;height:28px}.menu-popover,.user-popover{left:0;right:auto;width:90vw}.grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr;gap:8px}.filter-bar .field input[type=date],.filter-bar .field input[type=month]{width:100%;min-width:0}.row-pies,.row-charts{flex-direction:column}.half{width:100%}.pie-row{flex-direction:column}.pie-svg{height:160px;max-width:none}.legend-right{width:100%;margin-top:8px}.header{justify-content:flex-start}.data-table{table-layout:fixed}.data-table thead th{text-align:left;font-size:12px}.data-table tbody td{font-size:12px}.data-table thead th.text-right{text-align:right}.data-table thead th,.data-table tbody td{padding:8px}.cell-actions{flex-wrap:wrap}.pagination{flex-wrap:wrap;gap:8px}.page-size{flex-wrap:wrap}.drawer{width:100vw}.desktop-only{display:none}.mobile-only{display:inline-flex;gap:6px}.mobile-hide{display:none}.calculator-page .form-grid{grid-template-columns:1fr}}@media (max-width: 480px){.login-card{width:100%;max-width:440px;padding:16px;border-radius:12px}.login-row{gap:6px}.captcha-img{flex:0 0 88px;height:36px}}.calculator-page .form-grid{grid-template-columns:repeat(2,1fr);gap:16px}.calculator-page .field input{padding:8px;border:1px solid #c9d6e8;border-radius:8px;background:#fff;font-size:14px}.calculator-page .field textarea{padding:8px;border:1px solid #c9d6e8;border-radius:8px;background:#fff;font-size:14px;min-height:64px;resize:vertical}.calculator-page input:focus,.calculator-page textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2b6cb01f}.data-table.compact thead th,.data-table.compact tbody td{padding:8px 10px}.data-table.compact tbody tr:nth-child(2n){background:#fbfdff}