:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#173653;background:#edf7ff;--blue:#1677ff;--line:#d8e9f8;--muted:#7890a5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#dff1ff,#f7fbff)}.login-card{width:min(420px,92vw);padding:36px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px #1677ff22}.login-card h1{margin:0 0 8px}.login-card p{color:var(--muted);font-size:13px}.field{display:grid;gap:7px;margin:18px 0}.field input,.field select,.field textarea,.toolbar input,.toolbar select{border:1px solid var(--line);border-radius:9px;padding:11px;background:#fff;outline:none}.primary,.outline,.text-btn{border:0;border-radius:9px;padding:10px 16px;cursor:pointer}.primary{background:var(--blue);color:#fff}.outline{background:#fff;border:1px solid var(--line);color:#176cc1}.login-card .primary{width:100%;height:44px}.hint{font-size:12px;color:#7890a5}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:#e5f3ff;border-right:1px solid #c9e4fa;padding:18px 12px;display:flex;flex-direction:column}.brand{font-size:20px;font-weight:800;color:#10548f;padding:8px 10px 20px}.brand b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--blue);color:#fff;margin-right:8px}.nav{display:grid;gap:4px}.nav button{border:0;background:transparent;text-align:left;padding:11px 14px;border-radius:9px;color:#47789e;cursor:pointer}.nav button.active{background:#c8e7ff;color:#0768d8;font-weight:700}.user{margin-top:auto;padding:14px 10px;border-top:1px solid #c5e1f7}.main{min-width:0}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 28px;gap:12px}.topbar button{width:38px;height:38px;border:1px solid var(--line);background:#f4faff;border-radius:10px}.content{padding:28px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.page-head p{margin:0 0 6px;color:var(--muted);font-size:12px}.page-head h1{margin:0;font-size:28px}.actions{display:flex;gap:9px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px #1677ff0a}.metric{padding:20px}.metric small{color:var(--muted)}.metric b{display:block;font-size:25px;margin-top:10px}.panel{overflow:hidden;margin-top:18px}.toolbar{display:flex;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar .search{margin-left:auto;min-width:260px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid #edf3f8;white-space:nowrap}th{color:#68829a;background:#f7fbff;font-size:12px}.name{color:#0871dc;font-weight:700;border:0;background:none;cursor:pointer}.tag{display:inline-block;padding:4px 8px;border-radius:12px;background:#e1f1ff;color:#0871dc}.empty{text-align:center;padding:55px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#17365355;display:grid;place-items:center;padding:20px;z-index:20}.modal{width:min(720px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:16px;padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head button{border:0;background:none;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.pool-tabs{display:flex;gap:8px}.pool-tabs button{height:44px}.pool-tabs .active{background:var(--blue);color:#fff}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-item{padding:14px;background:#f5faff;border-radius:10px}.detail-item small,.detail-item b{display:block}.detail-item small{color:var(--muted);margin-bottom:6px}#toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#173653;color:#fff;padding:12px 20px;border-radius:10px;display:none;z-index:50}@media(max-width:900px){.shell{grid-template-columns:72px 1fr}.brand{font-size:0}.brand b{margin:0}.nav button{font-size:0;text-align:center}.nav button::first-letter{font-size:18px}.user{font-size:0}.metrics{grid-template-columns:repeat(2,1fr)}.content{padding:18px}.form-grid{grid-template-columns:1fr}}@media(max-width:560px){.shell{display:block}.sidebar{position:fixed;z-index:10;left:0;right:0;bottom:0;height:66px;display:flex;flex-direction:row;padding:6px;overflow:auto}.brand,.user{display:none}.nav{display:flex}.nav button{min-width:62px}.main{padding-bottom:66px}.topbar{height:52px}.content{padding:14px}.page-head{align-items:flex-start;gap:12px}.actions{flex-wrap:wrap;justify-content:flex-end}.metrics{grid-template-columns:1fr 1fr}.toolbar .search{margin-left:0;min-width:100%}.detail-grid{grid-template-columns:1fr}}

.user button{margin-top:8px;border:0;background:transparent;color:#1677ff;padding:0;cursor:pointer}