*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1a1a;--header-bg:#111;--header-height:56px;--text:#e5e5e5;--text-muted:#888;--accent:#c9a96e}html,body,#root{height:100%}body{background-color:var(--bg);color:var(--text);font-family:Georgia,serif;overflow:hidden}.header{height:var(--header-height);background:var(--header-bg);z-index:100;border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.header-title{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.9rem}.catalog-wrapper{min-height:100vh;padding-top:var(--header-height);flex-direction:column;justify-content:center;align-items:center;padding-bottom:48px;display:flex}.page-counter{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:14px;font-size:.75rem}.flipbook-page{-webkit-user-select:none;user-select:none;cursor:grab;backface-visibility:hidden;background:#2c2c2c;position:relative;overflow:hidden;transform:translateZ(0)}.flipbook-page:active{cursor:grabbing}.flipbook-page img{object-fit:cover;width:100%;height:100%;display:block}.page-placeholder{width:100%;height:100%;color:var(--text-muted);letter-spacing:.1em;background:linear-gradient(135deg,#2a2a2a 0%,#1e1e1e 100%);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:.8rem;display:flex}.page-placeholder .placeholder-num{opacity:.15;font-size:3rem;font-weight:700;line-height:1}.lang-switcher{gap:6px;display:flex}.lang-btn{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #333;border-radius:2px;padding:5px 12px;font-family:inherit;font-size:.7rem;transition:all .15s}.lang-btn:hover{border-color:var(--accent);color:var(--accent)}.lang-btn.active{background:var(--accent);border-color:var(--accent);color:#111;font-weight:700}.admin-login{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-form{background:#111;border:1px solid #2a2a2a;border-radius:4px;flex-direction:column;gap:12px;width:100%;max-width:320px;padding:40px;display:flex}.login-title{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);text-align:center;margin-bottom:8px;font-size:1.1rem}.login-input{color:var(--text);background:#1a1a1a;border:1px solid #333;border-radius:2px;outline:none;padding:10px 12px;font-family:inherit;font-size:.9rem}.login-input:focus{border-color:var(--accent)}.login-error{color:#e05555;text-align:center;font-size:.75rem}.login-btn{background:var(--accent);color:#111;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;padding:10px;font-family:inherit;font-size:.8rem;font-weight:700;transition:opacity .15s}.login-btn:disabled{opacity:.5;cursor:default}.admin-wrapper{background:var(--bg);height:100vh;min-height:100vh;overflow-y:auto}.admin-header{height:var(--header-height);z-index:100;background:#111;border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.admin-title{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.85rem}.admin-link{color:var(--text-muted);letter-spacing:.05em;font-size:.75rem;text-decoration:none}.admin-link:hover{color:var(--text)}.logout-btn{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #333;border-radius:2px;padding:5px 12px;font-family:inherit;font-size:.7rem;transition:all .15s}.logout-btn:hover{color:#e05555;border-color:#e05555}.admin-tabs{border-bottom:1px solid #2a2a2a;gap:4px;padding:16px 24px 0;display:flex}.admin-tab{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:2px 2px 0 0;padding:8px 20px;font-family:inherit;font-size:.75rem;transition:all .15s}.admin-tab:hover{color:var(--text)}.admin-tab.active{border-color:#2a2a2a;border-bottom-color:var(--bg);color:var(--accent);background:var(--bg);margin-bottom:-1px}.admin-content{flex-direction:column;gap:48px;max-width:1100px;margin:0 auto;padding:32px 24px;display:flex}.admin-section-title{letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid #2a2a2a;margin-bottom:16px;padding-bottom:8px;font-size:.8rem}.admin-status{color:var(--text-muted);padding:24px 0;font-size:.85rem}.upload-drop{text-align:center;cursor:pointer;color:var(--text-muted);border:2px dashed #333;border-radius:4px;padding:40px 24px;transition:all .15s}.upload-drop:hover,.upload-drop.dragging{border-color:var(--accent);color:var(--text)}.upload-drop small{opacity:.6;letter-spacing:.1em;margin-top:8px;font-size:.7rem;display:block}.upload-config{flex-direction:column;gap:12px;margin-top:16px;display:flex}.upload-table{border-collapse:collapse;width:100%;color:var(--text-muted);font-size:.78rem}.upload-table th{text-align:left;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #2a2a2a;padding:4px 8px 6px;font-size:.7rem;font-weight:600}.upload-table td{border-bottom:1px solid #1e1e1e;padding:5px 8px;font-family:Courier New,monospace}.upload-cell-src{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.upload-cell-dst{color:var(--text);font-weight:500}.upload-row-error td{background:#e055550f}.upload-warn{color:#e05555}.upload-table code{background:#1a1a1a;border-radius:3px;padding:1px 5px;font-size:.72rem}.upload-error{color:#e05555;font-size:.78rem}.upload-btn{background:var(--accent);color:#111;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;align-self:flex-start;padding:10px 24px;font-family:inherit;font-size:.8rem;font-weight:700;transition:opacity .15s}.upload-btn:disabled{opacity:.5;cursor:default}.upload-progress-track{background:#2a2a2a;border-radius:2px;height:4px;overflow:hidden}.upload-progress-fill{background:var(--accent);height:100%;transition:width .2s}.upload-status{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:8px;font-size:.72rem}.grid-toolbar{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.78rem;display:flex}.grid-actions{align-items:center;gap:10px;display:flex}.action-btn{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #333;border-radius:2px;padding:4px 10px;font-family:inherit;font-size:.7rem;transition:all .15s}.action-btn:hover{border-color:var(--accent);color:var(--accent)}.delete-btn{color:#e05555;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #e05555;border-radius:2px;padding:4px 10px;font-family:inherit;font-size:.7rem;transition:all .15s}.delete-btn:hover{color:#fff;background:#e05555}.delete-btn:disabled{opacity:.5;cursor:default}.pages-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.page-card{cursor:pointer;border:2px solid #0000;border-radius:3px;transition:border-color .15s;overflow:hidden}.page-card:hover{border-color:#444}.page-card.selected{border-color:var(--accent)}.page-card-img{aspect-ratio:1/1.41;background:#222;position:relative;overflow:hidden}.page-card-img img{object-fit:cover;width:100%;height:100%;display:block}.page-card-check{color:#fff;background:#c9a96e80;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;inset:0}.page-card-name{color:var(--text-muted);text-align:center;letter-spacing:.05em;padding:4px 2px;font-size:.65rem;display:block}