*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#1b2940;font:14px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}a{color:#3467dc;text-decoration:none}button,.button{border:1px solid transparent;background:#3467dc;color:#fff;border-radius:8px;padding:10px 18px;font:inherit;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#fff;color:#33445d;border-color:#dbe2ed}h1,h2,p{margin:0 0 12px}h1{font-size:22px;line-height:1.3}h2{font-size:17px}small,.muted{color:#78859b}.staff-shell{display:flex;min-height:100vh}.sidebar{width:232px;background:#152138;color:#d8e0ee;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:28px 18px;z-index:30}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:650;padding:0 8px 28px}.brand small,.sidebar-foot small{display:block;font-size:11px;letter-spacing:.5px;color:#9aa9c2;font-weight:400}.brand-icon{background:#4a77ed;color:#fff;width:38px;height:38px;display:inline-grid;place-items:center;border-radius:10px;font-size:23px;font-weight:700;flex-shrink:0}.sidebar nav{display:grid;gap:6px}.sidebar nav a{color:#b8c5db;padding:11px 16px;border-radius:8px}.sidebar nav a:hover,.sidebar nav a.router-link-active{background:#2d4268;color:#fff}.sidebar-foot{margin-top:auto;padding:24px 12px 0;font-size:12px}.main{margin-left:232px;min-width:0;width:calc(100% - 232px)}.topbar{min-height:88px;padding:20px 32px;background:#fff;border-bottom:1px solid #e6ebf2;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar h1{margin:2px 0 0}.title-group,.user-area{display:flex;align-items:center;gap:14px}.menu-toggle{display:none!important}.page{max-width:1440px;margin:auto;padding:28px 32px 48px}.card{background:#fff;border:1px solid #e2e8f1;border-radius:12px;box-shadow:0 2px 5px #26395a04;min-width:0}.section{padding:24px;margin-bottom:20px}.welcome,.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.welcome{margin-bottom:24px}.welcome p,.section-head h2{margin-bottom:0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-bottom:24px}.kpi{padding:22px}.kpi span{color:#78859b;font-size:12px}.kpi strong{display:block;font-size:27px;line-height:1.4;margin-top:10px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.kpi .smaller{font-size:22px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.details{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;margin:16px 0}.details dt{color:#78859b}.details dd{margin:0;overflow-wrap:anywhere}.amount,.balance-highlight{font-size:25px;font-weight:650;color:#3467dc}.balance-highlight{background:#eef3ff;border-radius:8px;padding:12px}.break{overflow-wrap:anywhere;word-break:break-word}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:wrap}label{display:block;color:#4c5b73;margin:16px 0}input,select,textarea{font:inherit;color:#1b2940;border:1px solid #d6deea;border-radius:7px;min-height:44px;padding:10px 12px;width:100%;margin-top:6px;background:#fff}textarea{min-height:80px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #b3c8ff;outline-offset:1px}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input{width:18px;min-height:18px;margin:0}.notice{padding:12px 16px;background:#edf3ff;border:1px solid #d7e4ff;border-radius:8px;margin-bottom:20px;overflow-wrap:anywhere}.notice.error{background:#fff1f1;border-color:#f3d3d5;color:#aa3443}.notice.success{background:#edfbf5;border-color:#c8eadc;color:#277e5f}.empty{padding:56px 24px;text-align:center}.empty-symbol{font-size:42px;color:#8a9bbb;margin-bottom:12px}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:6px;background:#eef1f6;color:#5e6f88;font-size:12px;white-space:nowrap}.badge.paid,.badge.active{background:#e8f7ef;color:#25815b}.badge.waiting,.badge.confirming,.badge.matched{background:#fff3d8;color:#987215}.badge.cancelled,.badge.expired,.badge.review{background:#fcecef;color:#ab4255}.records{padding:24px}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{background:#f7f9fc;font-weight:500;color:#78859b;padding:12px}td{padding:14px 12px;border-bottom:1px solid #edf0f5;max-width:260px;overflow-wrap:anywhere}tr:last-child td{border-bottom:0}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:20px}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.plan{padding:28px}.eyebrow{font-size:11px;color:#78859b;letter-spacing:2px}.plan-price{font-size:25px;display:block;margin:20px 0}.plan-price small{font-size:13px}.plan button{width:100%;margin-top:12px}.modal-layer{position:fixed;inset:0;background:#12203888;z-index:50;padding:20px;display:flex;align-items:center;justify-content:center}.modal{padding:24px;width:460px;max-width:100%;max-height:90dvh;overflow:auto}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:20px}.login-card{max-width:440px;width:100%;background:#fff;border:1px solid #e2e8f1;border-radius:16px;padding:36px;box-shadow:0 15px 60px #2033530c}.login-card h1{margin-top:22px}.login-card li{margin:12px 0}.skeleton{padding:32px;color:#78859b;background:#fff;border-radius:10px}.sidebar-mask{display:none}@media(max-width:980px){.page{padding:22px}.topbar{padding:20px 22px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.sidebar{transform:translate(-100%);width:232px}.sidebar.open{transform:translate(0)}.sidebar-mask{display:block;position:fixed;inset:0;background:#15213877;z-index:29;border:0;border-radius:0}.main{margin:0;width:100%}.menu-toggle{display:inline-flex!important;padding:8px 12px}.topbar{padding:16px;gap:8px}.topbar h1{font-size:19px}.user-area{gap:8px;font-size:12px}.user-area span{max-width:80px;overflow-wrap:anywhere}.page{padding:18px 14px 36px}.section,.records{padding:18px}.kpi-grid{gap:12px;margin-bottom:18px}.kpi{padding:16px}.kpi strong{font-size:21px}.two-column{grid-template-columns:1fr;gap:0}.welcome{align-items:flex-start;flex-direction:column}.welcome .button{width:100%}.details{grid-template-columns:96px minmax(0,1fr);font-size:13px}.plan-grid{grid-template-columns:1fr}.modal-layer{padding:12px}.modal{padding:20px}.modal .actions button{flex:1}.records table,.records tbody,.records tr,.records td{display:block;width:100%;max-width:none}.records thead{display:none}.records tr{border:1px solid #e4e9f1;border-radius:8px;padding:10px 12px;margin-bottom:12px}.records td{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;border:0;padding:7px 0}.records td:before{content:attr(data-label);color:#78859b}.pagination{justify-content:space-between;gap:8px}.pagination button{padding:8px 12px}.login-card{padding:26px}.actions button{flex:1}.section-head{flex-wrap:wrap}.plan-price{font-size:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}