:root{color:#182235;font-synthesis:none;background:#f4f7fb;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:#f4f7fb;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.login-shell{background:radial-gradient(circle at 20% 10%,#e4eeff 0,#0000 36%),#f4f7fb;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e5eaf2;border-radius:20px;width:min(100%,430px);padding:44px;box-shadow:0 20px 60px #1822351a}.brand-mark{color:#fff;background:#246bfe;border-radius:12px;place-items:center;width:42px;height:42px;font-size:21px;font-weight:800;display:grid;box-shadow:0 8px 20px #246bfe42}.brand-mark.small{border-radius:9px;width:32px;height:32px;font-size:16px}.eyebrow{color:#6c7a92;letter-spacing:.13em;margin:20px 0 8px;font-size:11px;font-weight:800}h1,h2,p{margin-top:0}.login-card h1{margin:0 0 10px;font-size:28px}.login-copy{color:#6c7a92;margin-bottom:30px;font-size:14px}.login-form,.operation-form{gap:18px;display:grid}label{color:#4f5d73;gap:8px;font-size:13px;font-weight:700;display:grid}input{color:#182235;background:#fbfcfe;border:1px solid #d9e1ed;border-radius:10px;outline:0;width:100%;padding:12px 13px;transition:border-color .18s,box-shadow .18s}input:focus{border-color:#246bfe;box-shadow:0 0 0 3px #246bfe1f}.credential-hint{color:#99a4b5;text-align:center;margin:20px 0 0;font-size:12px}.primary-button,.danger-button,.secondary-button{border:0;border-radius:10px;min-height:42px;padding:0 18px;font-weight:750;transition:transform .15s,box-shadow .15s,background .15s}.primary-button{color:#fff;background:#246bfe;box-shadow:0 8px 18px #246bfe33}.danger-button{color:#fff;background:#e34b55;box-shadow:0 8px 18px #e34b552e}.secondary-button{color:#3f506a;background:#edf2f8}.primary-button:hover,.danger-button:hover,.secondary-button:hover{transform:translateY(-1px)}.form-error,.page-error{color:#b52a36;background:#fff5f5;border:1px solid #f5c8cc;border-radius:8px;padding:10px 12px;font-size:13px}.dashboard-shell{min-height:100vh}.topbar{background:#fffffff0;border-bottom:1px solid #e4eaf2;justify-content:space-between;align-items:center;height:68px;padding:0 40px;display:flex}.topbar-brand,.topbar-actions,.company-cell,.account-cell,.row-actions,.modal-header,.table-heading,.page-heading{align-items:center;display:flex}.topbar-brand{gap:11px}.topbar-brand strong,.topbar-brand span{display:block}.topbar-brand strong{font-size:15px}.topbar-brand span{color:#8491a5;font-size:11px}.topbar-actions{gap:18px}.admin-chip,.count-badge{color:#53637a;background:#f0f4f9;border-radius:999px;padding:6px 10px;font-size:12px}.text-button,.icon-button{color:#607089;background:0 0;border:0}.text-button{font-size:13px}.content{width:min(1180px,100% - 48px);margin:0 auto;padding:42px 0 52px}.page-heading{justify-content:space-between;gap:24px;margin-bottom:30px}.page-heading .eyebrow{margin-top:0}.page-heading h1{letter-spacing:-.02em;margin:0 0 5px;font-size:31px}.page-heading p:not(.eyebrow){color:#77869b;margin-bottom:0;font-size:14px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px;display:grid}.metric-card{background:#fff;border:1px solid #e4eaf2;border-radius:14px;padding:22px}.metric-card.accent{background:linear-gradient(135deg,#f8faff,#edf3ff);border-color:#cddcff}.metric-card span,.metric-card small{color:#7c8ba2;font-size:12px;display:block}.metric-card strong{color:#1d2a40;margin:7px 0 3px;font-size:26px;display:block}.table-card{background:#fff;border:1px solid #e3e9f2;border-radius:16px;overflow:hidden;box-shadow:0 10px 32px #1a2c480a}.table-heading{border-bottom:1px solid #edf1f6;justify-content:space-between;padding:22px 24px}.table-heading h2{margin:0 0 4px;font-size:17px}.table-heading span:not(.count-badge){color:#8a97aa;font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:850px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf1f6;padding:16px 20px}th{color:#8491a5;background:#fbfcfe;font-size:12px;font-weight:700}td{color:#33445d;font-size:13px}tbody tr:last-child td{border-bottom:0}.company-cell,.account-cell{gap:10px}.company-icon{color:#246bfe;background:#eaf0ff;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.company-cell strong,.account-cell strong,.company-cell small,.account-cell small{display:block}.company-cell small,.account-cell small{color:#9aa6b6;margin-top:2px;font-size:11px}.company-total{color:#246bfe}.row-actions{gap:8px}.primary-small,.danger-small{border-radius:7px;padding:7px 12px;font-size:12px;font-weight:750}.primary-small{color:#246bfe;background:#f2f6ff;border:1px solid #c7d8ff}.danger-small{color:#cd3845;background:#fff8f8;border:1px solid #f5ccd0}.empty-state{color:#8b98aa;text-align:center;padding:64px 20px;font-size:13px}.page-error{margin-bottom:18px}.footer-note{color:#8a97aa;margin:18px 0 0;font-size:12px}.pagination{color:#718097;border-top:1px solid #edf1f6;justify-content:center;align-items:center;gap:16px;padding:18px 20px;font-size:12px;display:flex}.pagination .secondary-button{min-height:34px;padding:0 13px;font-size:12px}.modal-backdrop{z-index:10;background:#0f1b2f6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:16px;width:min(100%,470px);padding:26px;box-shadow:0 24px 80px #0f1b2f38}.modal-header{justify-content:space-between;margin-bottom:20px}.modal-header .eyebrow{margin:0 0 5px}.modal-header h2{margin:0;font-size:21px}.icon-button{width:30px;height:30px;font-size:24px;line-height:1}.target-summary{background:#f6f8fb;border-radius:10px;gap:4px;margin-bottom:22px;padding:14px;display:grid}.target-summary strong{color:#24324a;font-size:14px}.target-summary span{color:#7d8ba0;font-size:12px}.field-note{color:#8a97aa;margin:-8px 0 0;font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}@media (width<=720px){.topbar{padding:0 18px}.admin-chip{display:none}.content{width:min(100% - 28px,1180px);padding-top:28px}.page-heading{flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:1fr}.login-card{padding:32px 24px}}
