/* public/css/app.css */
:root {
  --bg:#f7f7fb; --fg:#111; --muted:#6b7280; --card:#fff; --border:#e5e7eb;
}
* { box-sizing:border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"; background:var(--bg); color:var(--fg); }
.container { max-width:1100px; margin:0 auto; padding:24px; }
.h1 { font-size:28px; font-weight:700; margin:0 0 16px; }
.input { width:100%; max-width:420px; border:1px solid var(--border); border-radius:12px; padding:10px 12px; }
.card { background:var(--card); border-radius:16px; box-shadow:0 2px 10px rgba(0,0,0,.04); overflow-x:auto; }
.table { width:100%; border-collapse:collapse; }
.table th, .table td { padding:12px; border-bottom:1px solid var(--border); text-align:left; }
.table thead th { background:#f3f4f6; font-size:12px; letter-spacing:.03em; text-transform:uppercase; color:#374151; }
.footer { font-size:12px; color:var(--muted); margin-top:12px; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-weight:600; }