:root{font-family:Segoe UI,system-ui,sans-serif;color:#1a1a1a;background:#f4f6f8}.wrap{max-width:960px;margin:40px auto;padding:0 16px}header h1{margin:0;font-size:1.6rem}.sub{color:#666;margin-top:4px}.card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 4px #0000000f;display:grid;gap:8px;max-width:360px}input{padding:10px 12px;border:1px solid #ddd;border-radius:8px}button{padding:10px 14px;border:0;border-radius:8px;background:#1677ff;color:#fff;cursor:pointer}button.ghost{background:#eee;color:#333}button.sm{padding:4px 10px;font-size:12px}.toolbar{display:flex;gap:8px;margin:20px 0}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{padding:10px 12px;border-bottom:1px solid #eee;text-align:left;font-size:14px}.err{color:#c00}