*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f7fa;color:#1a1a2e;line-height:1.6}#app{max-width:720px;margin:60px auto;padding:0 20px}h1{font-size:1.8rem;font-weight:700;margin-bottom:24px;color:#16213e}#loading{color:#666;font-size:.95rem}#error{background:#fee;color:#c00;padding:12px 16px;border-radius:8px;font-size:.9rem}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000014}thead{background:#16213e;color:#fff}th{padding:12px 16px;text-align:left;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}td{padding:12px 16px;font-size:.95rem;border-bottom:1px solid #eee}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f0f4ff}.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.badge-admin{background:#e0e7ff;color:#3730a3}.badge-user{background:#d1fae5;color:#065f46}