*{box-sizing:border-box}body{color:#171717;background:#f4f3ef;margin:0;font-family:Arial,Helvetica,sans-serif}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.side{color:#eee;background:#111;height:100vh;padding:26px 16px;position:sticky;top:0}.brand,.loginBrand{letter-spacing:.08em;font-weight:800}.brand{margin:0 8px 28px;font-size:18px}.side a{border-radius:8px;margin:3px 0;padding:10px 12px;display:block}.side a:hover{background:#272727}.logout{background:#222;width:calc(100% - 36px);position:absolute;bottom:24px;left:18px;right:18px}.main{min-width:0;padding:34px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.card{background:#fff;border:1px solid #deddd8;border-radius:12px;padding:18px;box-shadow:0 1px 2px #00000008}.muted{color:#737373}.login{background:#fff;border:1px solid #ddd;border-radius:14px;max-width:420px;margin:12vh auto;padding:30px}.loginBrand{margin-bottom:24px;font-size:14px}label{margin-top:10px;font-size:13px;display:block}input,button{border:1px solid #ccc;border-radius:8px;width:100%;margin:6px 0;padding:12px}button{color:#fff;cursor:pointer;background:#111;border-color:#111}.small{width:auto;padding:9px 14px}.pageHead{justify-content:space-between;align-items:center;display:flex}.tableWrap{padding:0;overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #eee;padding:13px 14px}th{color:#666;background:#fafafa;font-size:12px}.empty{color:#777;padding:30px}.alert{background:#fff3f3;border:1px solid #f2caca;border-radius:8px;margin:12px 0;padding:12px}@media (max-width:800px){.shell{grid-template-columns:1fr}.side{height:auto;position:static}.side a{display:inline-block}.logout{width:100%;position:static}.grid{grid-template-columns:1fr 1fr}.main{padding:20px}}