:root{--accent: #c2456b;--accent-hover: #a93257;--accent-soft: #fcb9f0;--accent-ghost: #fbeaef;--sidebar-bg: #1f1a29;--topbar-1: #1f1a29;--topbar-2: #c2456b;--brand-1: #201b2e;--brand-2: #6e2a4c;--nav-active: #c2456b;--nav-idle: #c9c3d6;--canvas: #f4f6fb;--card: #ffffff;--ink: #1f1a29;--ink-2: #6e6b7b;--muted: #a9a6b5;--on-brand-weak: #b7b0c6;--border: #eae7ef;--tag-ok-bg: #fcb9f0;--tag-idle-bg: #efe7ea;--green: #298c5c;--amber: #e09933;--red: #cc4040;--font-family: "Inter", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-15: 15px;--fs-16: 16px;--fs-17: 17px;--fs-22: 22px;--fs-26: 26px;--fs-34: 34px;--gap-page: 24px;--gap-card: 20px;--gap: 16px;--gap-sm: 8px;--gap-xs: 4px;--topbar-h: 56px;--sidebar-w: 220px;--thead-h: 48px;--row-h: 60px;--pager-h: 56px;--input-h: 44px;--btn-h-lg: 46px;--btn-h-md: 40px;--btn-h-sm: 26px;--tag-h: 22px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-xs: 6px;--radius-tag: 11px;--radius-chip: 14px;--radius-opt: 10px;--shadow-card: 0 1px 3px rgba(31, 26, 41, .06), 0 6px 18px rgba(31, 26, 41, .04);--shadow-login: 0 12px 28px rgba(31, 26, 41, .08);--shadow-modal: 0 4px 16px rgba(0, 0, 0, .1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-family);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;font-size:14px}#app{min-height:100vh}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit}h1,h2,h3,h4,p{margin:0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.page-title{font-size:var(--fs-22);font-weight:700;color:var(--ink)}.page-sub{font-size:var(--fs-12);color:var(--ink-2)}.muted{color:var(--muted)}.mono{font-weight:600}.amount{color:var(--accent);font-weight:700}.app-textarea{width:100%;min-height:76px;padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:var(--ink);font-size:14px;line-height:1.5;resize:vertical;font-family:inherit;transition:border-color .2s,box-shadow .2s}.app-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c2456b14}.app-textarea::placeholder{color:#bbb}.ops{display:flex;align-items:center;gap:8px}.table-head{display:flex;align-items:center;background:var(--canvas);color:var(--ink-2);font-size:var(--fs-13);font-weight:500}.page{display:flex;flex-direction:column;flex:1;min-height:0;gap:var(--gap)}.page.page-0{gap:0}.scroll-y{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--gap);scrollbar-gutter:stable}.scroll-y::-webkit-scrollbar{width:6px}.scroll-y::-webkit-scrollbar-thumb{background:#1f1a2926;border-radius:3px}.scroll-y::-webkit-scrollbar-thumb:hover{background:#1f1a294d}.scroll-y::-webkit-scrollbar-track{background:transparent}@media (max-width: 767px){.scroll-y{scrollbar-width:none}.scroll-y::-webkit-scrollbar{display:none}}.page-content{padding-bottom:16px}.page-content>*{flex-shrink:0}.foot-ops{position:sticky;bottom:0;z-index:10;flex-shrink:0;display:flex;justify-content:center;gap:12px;padding:12px 0 4px;border-top:1px solid var(--border);background:var(--canvas)}.foot-ops>*{flex:0 0 140px}@media (max-width: 767px){.foot-ops>*{flex:7;min-width:0}.foot-ops>*:first-child:nth-last-child(2){flex:3}.foot-ops>*:only-child{flex:1}}.confirm-text{font-size:var(--fs-14);color:var(--ink-2);line-height:1.6}.confirm-text b{color:var(--ink);font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d9d4e2;border-radius:8px}.mobile-only{display:none!important}@media (max-width: 767px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.hint{margin:0 0 12px;padding:10px 14px;border-radius:var(--radius-md, 10px);background:var(--accent-soft, #FCE9F0);color:var(--accent);font-size:var(--fs-13, 13px);text-align:center;line-height:1.5}