body { font-family: Arial, Helvetica, sans-serif; padding:16px; margin:0; background:#f5f5f5; }
.card { background:#fff; border-radius:6px; padding:16px; margin-top:18px; box-shadow:0 2px 4px rgba(0,0,0,.12); }
input, textarea, select { width:100%; padding:8px; border:1px solid #aaa; border-radius:4px; }
h2 { margin-top:0; font-size:18px; font-weight:bold; }
.btn { width:100%; padding:12px; background:#1976d2; color:#fff; border:none; border-radius:5px; font-size:16px; margin-top:10px; }
.wrapper { width:100%; max-width:1200px; margin:0 auto; }
.table-scroll { width:100%; overflow-x:auto; }
.table { width:100%; border-collapse:collapse; background:#fff; }
.table th, .table td { border:1px solid #bdbdbd; padding:6px; font-size:12px; }
.table th { background:#e9e9e9; font-weight:bold; text-align:center; }
.title { font-size:20px; font-weight:bold; text-align:center; background:#efefef; }
.logo-cell { width: 120px; text-align:center; }
.logo-cell img { max-width:100px; }
.meta th { width: 18%; text-align:left; }
.meta td { width: 32%; }
.pages-view { display:flex; flex-direction:column; gap:16px; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.ro { background:#fafafa; color:#333; }
@media (max-width:560px){ input, select, textarea{ font-size:16px } }
.btn.is-busy { background: #0e5aa6; cursor: wait; opacity: 0.90; box-shadow: inset 0 -2px 0 rgba(0,0,0,.12); }
.btn.is-pressed { transform: translateY(1px); filter: brightness(0.92); }
.toast { position: fixed; left: 16px; right: 16px; bottom: 16px; background: #2e7d32; color: #fff; border-radius: 8px; padding: 10px 14px; font-size: 14px; line-height: 1.25; display: none; z-index: 9999; box-shadow: 0 2px 8px rgba(0,0,0,.18); }
.toast.show { display: inline-block; }
@media (min-width: 768px) { .toast { left: auto; right: 24px; min-width: 320px; max-width: 420px; } }