:root{--bg:#eef2f7;--top:#2b313a;--nav:#f7f9fc;--border:#d5deeb;--text:#22354f;--blue:#4978ee}*{box-sizing:border-box}body,html{margin:0;height:100%;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input{height:34px;border:1px solid #bfcbda;border-radius:5px;background:#fff;color:#27405f;padding:0 10px;font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr;grid-template-rows:46px 1fr}.topbar{grid-column:1/3;background:var(--top);color:#f8fbff;justify-content:space-between;padding:0 10px}.brand,.topbar{display:flex;align-items:center}.brand{gap:9px;font-size:20px;font-weight:700}.logo{width:24px;height:24px;border-radius:7px;background:#1688ff;display:inline-grid;place-items:center;font-weight:900}.userBtn{background:#344154;border-color:#536278;color:#fff}.sidebar{background:var(--nav);border-right:1px solid var(--border);padding:6px}.sideTools{display:flex;gap:4px;margin-bottom:14px}.sideTools button{width:30px;padding:0}.navChild,.navGroup{height:36px;display:flex;align-items:center;border-radius:5px;padding:0 10px;margin:4px 0}.navGroup.active{background:#fff}.navChild{margin-left:28px}.navChild.active{background:#dfe8ff;border-left:3px solid var(--blue)}.content{padding:18px 20px}.pageHead{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pageHead h1{font-size:26px;margin:0}.headIcons{display:flex;gap:6px}.headIcons button{width:34px;padding:0}.toolbar{display:flex;gap:8px;margin-bottom:14px}.tableTop{height:48px;border:1px solid var(--border);border-bottom:0;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;padding:7px 9px}.tableTop input{width:280px}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--border)}td,th{height:34px;border-bottom:1px solid var(--border);padding:5px 8px;text-align:left;font-size:14px;white-space:nowrap}th{background:#edf2f8;color:#39516f;font-weight:600}tbody tr:nth-child(2n){background:#f6f8fb}tbody tr:hover{background:#eaf2ff}.pill{display:inline-block;min-width:64px;text-align:center;border-radius:999px;background:#e5f5e9;color:#257942;padding:2px 8px;font-size:12px}@media(max-width:900px){.shell{grid-template-columns:64px 1fr}.sidebar nav{font-size:0}.navChild,.navGroup{justify-content:center;margin-left:0}.content{padding:12px}.toolbar{flex-wrap:wrap}}