@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";:root{color:#1f2937;background:radial-gradient(circle at top left,rgba(234,88,12,.12),transparent 24%),linear-gradient(180deg,#fff7ed 0%,#fffaf5 100%);font-family:Be Vietnam Pro,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}.admin-shell{width:min(1400px,calc(100% - 32px));margin:0 auto;padding:24px 0 40px}.admin-hero,.story-panel,.editor-panel,.tool-card{border:1px solid rgba(154,52,18,.14);border-radius:28px;background:rgba(255,255,255,.78);box-shadow:0 24px 60px #7c2d121a}.admin-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:28px}.eyebrow{margin:0 0 8px;color:#c2410c;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700}.lead{max-width:760px;color:#6b7280;line-height:1.6}.hero-actions,.editor-actions{display:flex;flex-wrap:wrap;gap:12px 14px}.primary-btn,.outline-btn,.danger-btn{min-height:46px;padding:0 20px;border-radius:999px;border:1px solid transparent;cursor:pointer;font-weight:700;line-height:1;white-space:nowrap}.primary-btn{color:#fff;background:linear-gradient(135deg,#ea580c 0%,#f59e0b 100%)}.loading-btn{display:inline-flex;align-items:center;gap:10px}.loading-dot{width:12px;height:12px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:18px 0 #fff9,36px 0 #ffffff4d;animation:pulse-dot 1s infinite ease-in-out}.loading-dot-dark{background:rgba(154,52,18,.92);box-shadow:18px 0 #9a341299,36px 0 #9a34124d}.outline-btn{background:white;border-color:#9a341229}.danger-btn{color:#fff;background:#b91c1c}.admin-grid{margin-top:18px;display:grid;grid-template-columns:320px minmax(0,1fr) 360px;gap:18px;align-items:start}.story-panel,.editor-panel,.tool-card{padding:18px}.tools-panel{display:grid;gap:18px}.panel-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:18px}.panel-header h2{margin:0}.story-list{display:grid;gap:10px}.story-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:14px;border-radius:18px;border:1px solid rgba(154,52,18,.12);background:#fffaf5;cursor:pointer}.story-row.active{border-color:#fb923c;background:#fff2e2}.story-row span,.story-row small,.tool-card p,.sample-row span{color:#6b7280}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid.single-column{grid-template-columns:1fr}.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.category-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.chip-btn{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(154,52,18,.14);background:#fff7ed;cursor:pointer}label{display:flex;flex-direction:column;gap:8px}label span{font-size:14px;color:#6b7280}input,textarea,select{width:100%;border:1px solid rgba(154,52,18,.14);border-radius:16px;background:white;padding:12px 14px;outline:none}.full-field{margin-top:16px}.upload-field,.chapter-upload-card{border:1px solid rgba(154,52,18,.12);border-radius:20px;background:#fffaf5;padding:18px}.upload-preview{width:100%;max-height:240px;object-fit:cover;border-radius:14px;border:1px solid rgba(154,52,18,.1)}.logo-preview{max-height:120px;object-fit:contain;background:white}.chapter-upload-card{margin-top:18px}.chapter-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chapter-select-field{margin-top:16px}.chapter-pill-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:16px}.chapter-quick-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.chapter-meta-note{margin:0 0 14px;color:#6b7280}.chapter-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.chapter-pill{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(154,52,18,.14);background:white;cursor:pointer}.chapter-pill.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#ea580c 0%,#f59e0b 100%)}.chapter-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.chapter-pages-upload{margin-top:16px}.upload-hint{color:#6b7280;line-height:1.5}.chapter-preview-list,.page-file-list{margin-top:18px}.compact-header{margin-bottom:12px}.compact-header h4{margin:0}.page-file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.page-file-card{margin:0;display:grid;gap:8px}.page-file-card figcaption{color:#6b7280;font-size:13px}.page-empty-state{margin:12px 0 0;color:#6b7280}.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.page-thumb{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:14px;border:1px solid rgba(154,52,18,.12);background:white}.editor-actions{margin-top:22px}.managed-category-list{display:grid;gap:12px;margin-top:14px}.managed-category-row{display:flex;justify-content:space-between;gap:14px;padding:14px;border-radius:18px;background:#fffaf5;border:1px solid rgba(154,52,18,.12)}.managed-category-row p,.managed-category-row small{margin:6px 0 0;color:#6b7280}.row-actions{display:flex;gap:10px;align-items:flex-start}.small-btn{min-height:38px;padding:0 14px}.floating-status-popup{position:fixed;right:24px;bottom:24px;z-index:200;display:flex;align-items:flex-start;gap:14px;width:min(440px,calc(100vw - 32px));padding:16px 18px;border-radius:22px;border:1px solid rgba(154,52,18,.16);background:rgba(255,255,255,.96);box-shadow:0 24px 60px #7c2d1238;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.floating-status-popup.accent{border-color:#ea580c42;background:linear-gradient(180deg,rgba(255,247,237,.98) 0%,rgba(255,255,255,.96) 100%)}.floating-status-popup.success{border-color:#16a34a2e;background:linear-gradient(180deg,rgba(240,253,244,.98) 0%,rgba(255,255,255,.96) 100%)}.floating-status-popup.error{border-color:#dc262633;background:linear-gradient(180deg,rgba(254,242,242,.98) 0%,rgba(255,255,255,.96) 100%)}.floating-status-spinner,.floating-status-icon{flex:0 0 auto;width:20px;height:20px;margin-top:2px}.floating-status-spinner{border-radius:999px;border:3px solid rgba(154,52,18,.16);border-top-color:#ea580c;animation:spin-ring .9s linear infinite}.floating-status-icon{border-radius:999px;display:grid;place-items:center;font-weight:800;color:#fff}.floating-status-icon:before{display:block;line-height:1}.floating-status-icon.success{background:#16a34a}.floating-status-icon.success:before{content:"✓"}.floating-status-icon.error{background:#dc2626}.floating-status-icon.error:before{content:"!"}.floating-status-body{display:grid;gap:4px;flex:1 1 auto}.floating-status-body strong{color:#7c2d12}.floating-status-body span{color:#6b7280;line-height:1.5}.floating-status-close{padding:0;border:0;background:transparent;color:#9a3412;font-weight:700;cursor:pointer}.translation-draft-card{margin-top:22px;padding:20px;border:1px solid rgba(154,52,18,.12);border-radius:24px;background:linear-gradient(180deg,rgba(255,247,237,.94) 0%,rgba(255,255,255,.96) 100%)}.draft-note{margin:0 0 18px;color:#6b7280;line-height:1.6}.translation-page-list{display:grid;gap:18px}.translation-page-card{padding:18px;border-radius:22px;border:1px solid rgba(154,52,18,.12);background:rgba(255,255,255,.92)}.translation-page-card h5{margin:0;font-size:16px}.draft-clean-preview{width:min(100%,360px);max-height:520px;display:block;margin-bottom:16px;border-radius:16px;border:1px solid rgba(154,52,18,.12);object-fit:contain;background:white}.translation-region-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.translation-region-card{display:grid;gap:12px;padding:16px;border-radius:18px;border:1px solid rgba(154,52,18,.1);background:#fffaf5}.translation-region-card textarea{min-height:92px;resize:vertical}.translation-region-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#9a3412}.translation-region-meta strong{color:#7c2d12}.translation-region-meta span{font-size:13px;color:#6b7280}.readonly-textarea{background:#f8fafc;color:#4b5563}@keyframes pulse-dot{0%,to{transform:translate(0);opacity:1}50%{transform:translate(4px);opacity:.85}}@keyframes spin-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1180px){.admin-grid{grid-template-columns:1fr}}@media (max-width: 720px){.admin-shell{width:min(100% - 20px,1400px)}.admin-hero,.form-grid,.upload-grid,.page-grid,.page-file-grid,.chapter-tools-grid,.chapter-meta-grid,.translation-region-grid{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.chapter-pill-toolbar,.chapter-quick-actions{flex-direction:column;align-items:stretch}.hero-actions,.editor-actions{width:100%}.hero-actions>*,.editor-actions>*,.row-actions>*{width:100%}.managed-category-row,.row-actions{flex-direction:column}.floating-status-popup{right:10px;left:10px;bottom:10px;width:auto}}