*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#253044;font:14px Segoe UI,Microsoft YaHei,sans-serif}.shell{display:grid;grid-template:64px 1fr/190px 1fr;min-height:100vh}header{grid-column:1/3;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #dce3ee;font-size:18px}aside{padding:18px;background:#fff;border-right:1px solid #dce3ee}button,.upload{display:block;border:0;border-radius:9px;padding:10px 14px;margin:6px 0;background:#eaf1fd;color:#245db8;cursor:pointer}main{padding:22px}section,.login{background:#fff;border-radius:14px;padding:20px;box-shadow:0 6px 24px #243b5a12}.login{grid-column:1/3;width:380px;margin:60px auto;height:max-content}input{width:100%;padding:9px;margin:5px 0 12px;border:1px solid #cfd8e6;border-radius:8px}.toolbar{display:flex;justify-content:space-between;align-items:center}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f5}.form{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px}.notice{color:#d66b00}