:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
body { margin: 0; background: #f6f7fb; color: #111; }
header, footer { padding: 12px 16px; background: white; border-bottom: 1px solid #eee; }
main { padding: 18px; max-width: 720px; margin: 0 auto; }
h1 { margin: 0; font-size: 20px; }
.card { background: white; padding: 16px; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,.06); display: grid; gap: 10px; }
input, select, button { font-size: 18px; padding: 10px 12px; border: 1px solid #ddd; border-radius: 10px; }
button { cursor: pointer; }
.flashes { list-style: none; padding: 0; }
.flashes li { margin: 8px 0; padding: 8px 12px; border-radius: 8px; }
.flashes li.ok { background: #e8f7ee; border: 1px solid #bae5c6; }
.flashes li.error { background: #fdeeee; border: 1px solid #f5c2c2; }
.big { font-size: 28px; }
.warn { border-left: 4px solid #f8c200; }
.success { border-left: 4px solid #00a96e; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 8px; border-bottom: 1px solid #eee; text-align: left; }
tr.used td .strike { text-decoration: line-through; color: #888; }
.outlet { margin-top: 6px; font-size: 14px; }