*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:#f5f6f8;color:#1f2328}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fff;border-bottom:1px solid #e2e5ea}.brand{font-size:18px;font-weight:600;color:#4f46e5}.user{display:flex;align-items:center;gap:10px}.badge{padding:2px 8px;border-radius:10px;background:#eef2ff;color:#4338ca;font-size:12px}.btn{padding:6px 14px;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:13px}.btn.primary{background:#4f46e5;color:#fff}.btn.ghost{background:transparent;border-color:#d0d5dd;color:#475467}.content{flex:1;padding:20px;overflow-y:auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.card{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:16px;background:#fff;border:1px solid #e2e5ea;border-radius:10px;cursor:pointer;transition:box-shadow .15s ease;text-align:left}.card:hover:not(:disabled){box-shadow:0 4px 12px #00000014}.card:disabled{opacity:.5;cursor:not-allowed}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot[data-status=active]{background:#12b76a}.dot[data-status=inactive]{background:#f04438}.name{font-size:14px;font-weight:500}.sub{font-size:12px;color:#98a2b3}.empty{text-align:center;color:#667085;padding:60px 20px}.hint{color:#667085}.error{margin-top:16px;padding:10px 14px;background:#fef3f2;color:#b42318;border-radius:6px;font-size:13px}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#eef2ff}.login-card{display:flex;flex-direction:column;gap:14px;width:340px;padding:32px 28px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #4f46e51f}.login-brand{text-align:center;font-size:24px}.login-tip{text-align:center;color:#667085;font-size:13px;margin-bottom:8px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#475467}.field input{padding:8px 12px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px}.field input:focus{outline:2px solid #4f46e5;border-color:transparent}.login-btn{margin-top:8px;padding:10px;font-size:14px}