@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&family=ZCOOL+XiaoWei&display=swap";:root{--ink: #202522;--ink-soft: #333a36;--paper: #f2efe8;--panel: #fffdf8;--line: #d7d1c5;--muted: #737972;--accent: #c6532f;--accent-dark: #8f3922;--green: #327258;--amber: #b87a26;--red: #a44038;font-family:Noto Sans SC,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1180px;min-height:100vh;background:linear-gradient(#f2efe8f5,#f2efe8f5),repeating-linear-gradient(135deg,#d4cec2 0,#d4cec2 1px,transparent 1px,transparent 16px)}body.qr-public-body{min-width:0}button,input{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:20;background:var(--ink);color:#fff;box-shadow:0 12px 28px #2025221f}.topbar{min-height:62px;display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:4px solid var(--accent)}.brand-block{flex:0 0 auto;display:flex;align-items:center;gap:10px;width:194px;min-width:0;color:#fff;text-decoration:none}.brand-mark{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;background:var(--accent);border-radius:5px;font-family:ZCOOL XiaoWei,serif;font-size:24px;transform:rotate(-3deg)}.brand-logo-img{flex:0 0 auto;width:40px;height:40px;border-radius:5px;background:#fffaf3;object-fit:contain;padding:3px}.brand-copy{min-width:0}.brand-name{max-width:136px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ZCOOL XiaoWei,serif;font-size:20px;letter-spacing:1px}.brand-caption,.page-kicker{color:#c57a5e;font-size:9px;font-weight:800;letter-spacing:2px;margin-top:4px}.nav-list{display:flex;align-items:center;flex:1 1 auto;gap:4px;margin:0;min-height:0;min-width:0;overflow:visible;padding:8px 2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.nav-list::-webkit-scrollbar{height:6px}.nav-list::-webkit-scrollbar-thumb{background:#ffffff3d;border-radius:999px}.nav-item{flex:0 0 auto;display:flex;align-items:center;gap:0;padding:9px 10px;color:#bac1bc;border-radius:6px;font-size:15px;font-weight:700;text-decoration:none;transition:.16s ease;white-space:nowrap}.nav-item:hover{color:#fff;background:#2c332f}.nav-item.active{color:#fff;background:var(--accent);box-shadow:0 8px 22px #c6532f40}.topbar-actions{flex:0 0 auto;display:flex;align-items:center;gap:8px}.user-block{display:flex;flex-direction:column;align-items:flex-end;min-width:max-content;line-height:1.25}.user-block strong{color:#fffaf3;font-size:14px;font-weight:800}.user-block small{color:#bec4c0;font-size:11px}.logout-button{width:38px;height:38px;display:flex;align-items:center;justify-content:center;gap:10px;color:#bec4c0;background:transparent;border:1px solid #454d48;border-radius:7px;padding:0;cursor:pointer}.top-subnav{background:#fffdf8f0;border-bottom:1px solid var(--line);padding:10px 30px;overflow-x:auto;overflow-y:hidden}.main-area{flex:1 1 auto;min-width:0}.content-area{padding:24px 38px 48px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #2025220d}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-title{margin:0;font-size:17px;font-weight:800}.ledger-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.column-settings-button{width:34px;height:34px;padding:0;border-color:var(--ink);border-radius:5px;color:#fff;background:var(--ink)}.column-settings-button:hover,.column-settings-button:focus-visible{border-color:var(--accent);color:#fff;background:var(--accent)}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.el-button--primary{--el-button-bg-color: var(--accent);--el-button-border-color: var(--accent);--el-button-hover-bg-color: var(--accent-dark);--el-button-hover-border-color: var(--accent-dark);--el-button-active-bg-color: var(--accent-dark)}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr}.login-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:80px 8vw;color:var(--ink);background:radial-gradient(circle at 72% 30%,rgba(198,83,47,.12),transparent 28%),linear-gradient(#fffdf8e0,#fffdf8e0),repeating-linear-gradient(135deg,#d4cec2 0,#d4cec2 1px,transparent 1px,transparent 16px)}.login-story:after{content:"";position:absolute;right:-170px;bottom:-230px;width:520px;height:520px;border:70px solid rgba(198,83,47,.07);border-radius:50%}.login-story h1{margin:0;font-size:clamp(42px,4vw,68px);line-height:1.2;letter-spacing:0}.login-panel{display:grid;place-items:center;padding:60px;background:linear-gradient(#f2efe8f0,#f2efe8f0),repeating-linear-gradient(135deg,#cfc8bb 0 1px,transparent 1px 17px)}.login-card{width:min(440px,100%);padding:46px;background:var(--panel);border:1px solid var(--line);box-shadow:18px 18px #ded8cc}.card-label{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:3px}.login-card h2{margin:12px 0 30px;font-size:34px}.login-submit{width:100%;margin-top:6px}.demo-box{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px;align-items:center;margin-top:26px;padding-top:22px;border-top:1px dashed var(--line);font-size:12px}.demo-box button{padding:7px 9px;border:1px solid var(--line);background:#f0ece4;border-radius:5px;cursor:pointer}.demo-box small{grid-column:1 / -1;color:var(--muted)}