html,body,#root{margin:0;padding:0;height:100%;background:#f4f6fb;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-track{background:transparent}.login-bg{min-height:100vh;background:linear-gradient(135deg,#0f1d3a,#1f3a8a);display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:880px;background:#fff;border-radius:12px;box-shadow:0 24px 80px #0f1d3a59;display:flex;overflow:hidden}.login-side{flex:1;color:#fff;padding:48px 36px;background:linear-gradient(135deg,#1f3a8a,#0f1d3a);display:flex;flex-direction:column;justify-content:space-between}.login-side h1{font-size:28px;margin:0 0 8px;font-weight:600}.login-side p{color:#c7d2fe;line-height:1.7;margin:4px 0}.login-form-wrap{flex:1;padding:48px 40px}.login-form-wrap h2{margin:0 0 8px;font-size:22px;color:#111827}.login-form-wrap .sub{color:#6b7280;margin-bottom:28px;font-size:13px}.demo-acct{margin-top:18px;padding:12px 14px;background:#f1f5ff;border:1px dashed #93c5fd;border-radius:6px;font-size:12px;color:#1e3a8a;line-height:1.7}.contract-paper{background:#fff;padding:1.1cm 2.5cm 1.3cm;min-height:800px;width:794px;border:1px solid #e5e7eb;box-shadow:0 6px 18px #0f172a0f;color:#111827;line-height:20pt;font-family:SimSun,Songti SC,serif;font-size:10.5pt;position:relative;margin:0 auto}.contract-paper h1{font-family:SimSun,Songti SC,serif;text-align:center;font-size:16pt;font-weight:700;margin:0 0 12pt;letter-spacing:.2em}.contract-paper .meta{font-size:10.5pt;color:#111827;text-align:center;margin-bottom:12pt}.contract-paper .qr-area{position:absolute;top:1.1cm;right:2.5cm;text-align:center;font-size:11px;color:#6b7280}.contract-paper .qr-area img{width:110px;height:110px;display:block}.contract-paper p{margin:0;text-align:justify}.contract-paper u{text-decoration:none;border-bottom:1px solid #111827;padding-bottom:.1px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-header h2{font-size:20px;font-weight:600;color:#1f2937;margin:0}.page-header .desc{color:#6b7280;font-size:13px;margin-top:4px}.metric-card{background:#fff;padding:20px 22px;border-radius:8px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 4px #0f172a0a;border:1px solid #eef2f7}.metric-card .icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.metric-card .value{font-size:24px;font-weight:600;color:#111827}.metric-card .label{color:#6b7280;font-size:13px}.metric-card .delta{font-size:12px;color:#16a34a}.metric-card .delta.down{color:#dc2626}.tag-pill{display:inline-flex;padding:1px 8px;border-radius:10px;font-size:12px;line-height:20px}.tag-pill.blue{background:#e0ebff;color:#1f3a8a}.tag-pill.green{background:#dcfce7;color:#166534}.tag-pill.gray{background:#f1f5f9;color:#475569}.tag-pill.orange{background:#ffedd5;color:#9a3412}.tag-pill.red{background:#fee2e2;color:#991b1b}.no-permission{background:#fff;padding:80px 24px;text-align:center;border-radius:8px;border:1px solid #fee2e2}.no-permission h3{color:#b91c1c;margin:0 0 8px}.no-permission p{color:#6b7280;margin:0}.contract-paper .seal{margin-top:60px;display:flex;justify-content:flex-end;align-items:center;gap:20px;font-size:14px}.contract-paper .seal .circular{width:80px;height:80px;border-radius:50%;border:2px solid #b91c1c;color:#b91c1c;display:flex;align-items:center;justify-content:center;font-size:12px;transform:rotate(-15deg);text-align:center;line-height:1.2}