:root{--bg: #1A2118;--surface: #232D20;--surface-low: #1E2719;--surface-high: #2D3828;--card: #232D20;--text: #D4DBC8;--text-2: #8A9478;--text-3: #5E6B50;--gold: #C9A84C;--gold-dim: #A8893A;--gold-bg: rgba(201,168,76,.12);--olive: #4A6741;--olive-light: #6B8C5A;--olive-bg: rgba(74,103,65,.25);--green-bg: #1E3318;--green: #6DBF80;--red: #ffb4ab;--red-bg: rgba(147,0,10,.25);--border: rgba(255,255,255,.08);--nav: rgba(26,33,24,.94);--radius: 8px;--shadow: 0 2px 6px rgba(0,0,0,.35);--f-xs: .75rem;--f-sm: .9375rem;--f-base: 1rem;--f-lg: 1.25rem;--f-xl: 1.5rem;--f-2xl: 1.875rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:var(--f-base);font-weight:400;line-height:1.5;color:var(--text);background:var(--bg);background-image:radial-gradient(ellipse at 15% 30%,rgba(74,103,65,.15) 0%,transparent 50%),radial-gradient(ellipse at 85% 70%,rgba(74,103,65,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(201,168,76,.04) 0%,transparent 60%);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.military-stripe{background:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(74,103,65,.08) 10px,rgba(74,103,65,.08) 20px)}input,textarea,select,button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}.t-label{font-size:var(--f-xs);font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em}.t-sm{font-size:var(--f-sm);color:var(--text-2)}.t-body{font-size:var(--f-base)}.t-title{font-family:Manrope,sans-serif;font-size:var(--f-lg);font-weight:800;line-height:1.3}.t-page{font-family:Manrope,sans-serif;font-size:var(--f-xl);font-weight:800;line-height:1.2}.t-hero{font-family:Manrope,sans-serif;font-size:var(--f-2xl);font-weight:800;line-height:1.15}.t-gold{color:var(--gold)}.t-olive{color:var(--olive-light)}.t-muted{color:var(--text-3)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border:none;border-radius:var(--radius);font-size:var(--f-sm);font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s;letter-spacing:.03em}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:linear-gradient(135deg,#4a6741,#3a5231);color:#d4dbc8;border:1px solid rgba(107,140,90,.3)}.btn-secondary{background:transparent;color:var(--gold);border:1px solid rgba(255,255,255,.08)}.btn-danger{background:var(--red-bg);color:var(--red)}.btn-icon{width:34px;height:34px;padding:0;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#ffffff0a;color:var(--text-2);transition:all .15s}.btn-icon:active{transform:scale(.9)}.input{width:100%;padding:11px 14px;background:#00000040;border:1px solid var(--border);border-radius:8px;font-size:var(--f-sm);outline:none;transition:border-color .15s}.input:focus{border-color:#e6c36459}.input::placeholder{color:var(--text-3)}.input-label{display:block;margin-bottom:5px}.search-wrap{position:relative;margin-bottom:16px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-3)}.search-input{width:100%;padding:12px 12px 12px 40px;background:#0000004d;border:1px solid var(--border);border-radius:var(--radius);font-size:var(--f-sm);outline:none}.search-input:focus{border-color:#e6c3644d}.search-input::placeholder{color:var(--text-3)}.tag{display:inline-block;padding:3px 10px;border-radius:20px;background:#ffffff0d;font-size:var(--f-xs);font-weight:600;color:var(--text-2)}.tag-green{background:var(--green-bg);color:var(--green)}.tag-olive{background:var(--olive-bg);color:var(--olive-light)}.chip{padding:7px 14px;border-radius:20px;border:none;white-space:nowrap;font-size:var(--f-xs);font-weight:700;cursor:pointer;transition:all .15s}.chip-active{background:var(--olive);color:#d4dbc8}.chip-inactive{background:#ffffff0d;color:var(--text-2)}.categories-scroll{display:flex;gap:6px;overflow-x:auto;padding-bottom:12px}.book-card{border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow);cursor:pointer;transition:transform .15s}.book-card:active{transform:scale(.97)}.book-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 640px){.book-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}}.subcategory-grid{display:grid;grid-template-columns:1fr;gap:10px}.stat-card{padding:14px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-value{font-family:Manrope,sans-serif;font-size:var(--f-xl);font-weight:800}.admin-row{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:6px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.notice-card{background:var(--surface);border-radius:var(--radius);padding:14px;border-left:3px solid var(--gold)}.progress-bar{height:4px;border-radius:2px;background:#ffffff0f;overflow:hidden}.progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#4a6741,#6b8c5a);transition:width .3s}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--nav);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:space-around;height:64px;align-items:center;border-top:1px solid var(--border)}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:1px;background:none;border:none;cursor:pointer;padding:4px 12px;color:var(--text-3);transition:color .15s;position:relative}.nav-btn.active{color:var(--gold)}.nav-btn.active:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:2px;background:var(--gold);border-radius:1px}.nav-label{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.page-content{padding-bottom:140px}.empty-state{text-align:center;padding:48px 20px;color:var(--text-3)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .3s ease both}.skeleton{background:linear-gradient(90deg,var(--surface) 30%,var(--surface-high) 50%,var(--surface) 70%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.react-pdf__Page{display:flex;justify-content:center}.react-pdf__Page canvas{max-height:100vh!important;width:auto!important}