@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.6;color:var(--primary-text, #ffffff);background:var(--primary-bg, #0a0a0a);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem;color:var(--secondary-text, #e0e0e0)}a{color:var(--primary-accent, #ffffff);text-decoration:none;transition:color .15s ease}a:hover{color:var(--primary-accent, #ffffff);opacity:.8}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:.5rem;font-weight:600;font-size:.875rem;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary-accent, #ffffff),var(--primary-accent-dark, #cccccc));color:var(--primary-bg, #0a0a0a);box-shadow:0 4px 15px var(--primary-accent-shadow, rgba(255, 255, 255, .3))}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-accent-shadow-hover, rgba(255, 255, 255, .4))}.btn-secondary{background:transparent;color:var(--primary-accent, #ffffff);border:2px solid var(--primary-accent, #ffffff)}.btn-secondary:hover{background:var(--primary-accent, #ffffff);color:var(--primary-bg, #0a0a0a);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--secondary-text, #e0e0e0);border:1px solid var(--border-color, #404040)}.btn-outline:hover{background:var(--secondary-bg, #1a1a1a);border-color:var(--primary-accent, #ffffff);color:var(--primary-accent, #ffffff)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.container-fluid{width:100%;margin:0 auto;padding:0 1.5rem}@supports not (-webkit-background-clip: text){.text-gradient{background:none;-webkit-text-fill-color:initial;background-clip:initial;color:var(--primary-accent, #ffffff)}}.glass-effect{background:rgba(var(--secondary-bg, #1a1a1a),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-light, #505050)}.card{background:var(--secondary-bg, #1a1a1a);border-radius:1rem;border:1px solid var(--border-color, #404040);padding:2rem;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px var(--shadow-dark, rgba(0, 0, 0, .8));border-color:var(--primary-accent, #ffffff)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.fade-in-up{animation:fadeInUp .6s ease-out}.pulse{animation:pulse 2s infinite}@media (max-width: 768px){.container{padding:0 1rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}.app-layout{min-height:100vh;display:flex;flex-direction:column;position:relative}.main-content{flex:1;padding-bottom:60px}.theme-switcher{position:fixed;top:20px;right:20px;z-index:1001}.system-status{position:fixed;bottom:0;left:0;right:0;background:rgba(var(--primary-bg, #0a0a0a),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color, #404040);z-index:1000}.system-status .status-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;font-family:Courier New,monospace;font-size:.875rem}.system-status .status-bar .status-item{display:flex;align-items:center;gap:8px}.system-status .status-bar .status-item .status-dot{width:8px;height:8px;background:var(--primary-accent, #ffffff);border-radius:50%}.system-status .status-bar .status-item .status-dot.pulse{animation:pulse 2s infinite}.system-status .status-bar .status-item .status-label{color:var(--muted-text, #a0a0a0);font-weight:500}.system-status .status-bar .status-item .status-value{color:var(--secondary-text, #e0e0e0);font-weight:600}.system-status .status-bar .status-item .status-text{color:var(--secondary-text, #e0e0e0);font-weight:500}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width: 768px){.theme-switcher{display:none}.system-status .status-bar{flex-direction:row;justify-content:center;gap:8px;padding:8px 16px;position:relative}.system-status .status-bar .status-item:first-child,.system-status .status-bar .status-item:nth-child(3){display:none}.system-status .status-bar .status-item:nth-child(2){display:flex;align-items:center;justify-content:center}.system-status .status-bar .status-item.announcements-bell-container,.system-status .status-bar .status-item.theme-switcher-container{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.system-status .status-bar .status-item.theme-switcher-container .theme-switcher{display:flex;position:relative;top:auto;right:auto}.main-content{padding-bottom:80px}}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(var(--primary-bg, #0a0a0a),.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.navigation.scrolled{background:rgba(var(--primary-bg, #0a0a0a),.95);border-bottom-color:var(--border-color, #404040);box-shadow:0 4px 20px #0000004d}.navigation .nav-container{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;max-width:1400px;margin:0 auto;position:relative}.navigation .nav-logo{display:flex;flex-direction:column;text-decoration:none;transition:transform .3s ease;z-index:10}.navigation .nav-logo:hover{transform:scale(1.05)}.navigation .nav-logo .logo-text{font-size:1.5rem;font-weight:800;color:var(--primary-accent, #ffffff);line-height:1}.navigation .nav-logo .logo-subtitle{font-size:.7rem;color:var(--muted-text, #a0a0a0);font-weight:500;letter-spacing:2px;text-transform:uppercase}.navigation .nav-links{display:flex;gap:2rem;align-items:center}.navigation .nav-links .nav-link{position:relative;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;color:var(--secondary-text, #e0e0e0);font-weight:500;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.navigation .nav-links .nav-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-accent, #ffffff),var(--secondary-accent, #cccccc));opacity:0;transition:opacity .3s ease;border-radius:12px}.navigation .nav-links .nav-link:hover{color:var(--primary-bg, #0a0a0a);transform:translateY(-2px)}.navigation .nav-links .nav-link:hover:before{opacity:.1}.navigation .nav-links .nav-link:hover .nav-indicator{transform:scaleX(1)}.navigation .nav-links .nav-link.active{color:var(--primary-accent, #ffffff);background:rgba(var(--primary-accent, #ffffff),.1);border:1px solid rgba(var(--primary-accent, #ffffff),.2)}.navigation .nav-links .nav-link.active .nav-indicator{transform:scaleX(1)}.navigation .nav-links .nav-link .nav-icon{font-size:1.2rem;z-index:1;position:relative}.navigation .nav-links .nav-link .nav-text{font-size:.9rem;font-weight:600;z-index:1;position:relative}.navigation .nav-links .nav-link .nav-indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background:linear-gradient(90deg,var(--primary-accent, #ffffff),var(--secondary-accent, #cccccc));border-radius:1px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.navigation .nav-user{display:flex;align-items:center}.navigation .nav-user .user-info{display:flex;align-items:center;gap:1rem}.navigation .nav-user .user-info .user-greeting{font-size:.9rem;color:var(--secondary-text, #e0e0e0);font-weight:500}.navigation .nav-user .user-info .user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-accent, #ffffff),var(--secondary-accent, #cccccc));display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary-bg, #0a0a0a);font-size:1.1rem;border:2px solid rgba(var(--primary-accent, #ffffff),.3);transition:all .3s ease}.navigation .nav-user .user-info .user-avatar:hover{transform:scale(1.1);border-color:var(--primary-accent, #ffffff)}.navigation .nav-user .user-info .nav-logout-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.navigation .nav-user .user-info .nav-logout-btn:hover{background:#dc354533;border-color:#dc3545;transform:translateY(-2px);box-shadow:0 8px 25px #dc354533}.navigation .nav-user .user-info .nav-logout-btn:active{transform:translateY(0)}.navigation .nav-user .auth-buttons{display:flex;gap:.75rem}.navigation .nav-user .auth-buttons .nav-auth-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.navigation .nav-user .auth-buttons .nav-auth-btn.login{color:var(--primary-accent, #ffffff);background:rgba(var(--primary-accent, #ffffff),.1);border:1px solid rgba(var(--primary-accent, #ffffff),.3)}.navigation .nav-user .auth-buttons .nav-auth-btn.login:hover{background:rgba(var(--primary-accent, #ffffff),.2);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-accent, #ffffff),.2)}.navigation .nav-user .auth-buttons .nav-auth-btn.register{color:var(--primary-bg, #0a0a0a);background:var(--primary-accent, #ffffff);border:1px solid var(--primary-accent, #ffffff)}.navigation .nav-user .auth-buttons .nav-auth-btn.register:hover{background:var(--secondary-accent, #cccccc);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-accent, #ffffff),.3)}.navigation .mobile-menu-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--primary-bg, #0a0a0a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color, #404040);box-shadow:0 8px 32px #00000080;max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0}.navigation .mobile-menu-dropdown.open{max-height:800px;opacity:1;padding:1.5rem}.navigation .mobile-menu-dropdown .mobile-nav-links{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.navigation .mobile-menu-dropdown .mobile-nav-links .mobile-nav-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;text-decoration:none;color:var(--secondary-text, #e0e0e0);border-radius:12px;transition:all .3s ease;border:1px solid transparent}.navigation .mobile-menu-dropdown .mobile-nav-links .mobile-nav-link:hover{background:rgba(var(--primary-accent, #ffffff),.1);color:var(--primary-accent, #ffffff);border-color:rgba(var(--primary-accent, #ffffff),.2);transform:translate(8px)}.navigation .mobile-menu-dropdown .mobile-nav-links .mobile-nav-link.active{background:rgba(var(--primary-accent, #ffffff),.15);color:var(--primary-accent, #ffffff);border-color:rgba(var(--primary-accent, #ffffff),.4)}.navigation .mobile-menu-dropdown .mobile-nav-links .mobile-nav-link .nav-icon{font-size:1.2rem;width:24px;text-align:center}.navigation .mobile-menu-dropdown .mobile-user-section{border-top:1px solid var(--border-color, #404040);padding-top:1.5rem;margin-bottom:1rem}.navigation .mobile-menu-dropdown .mobile-user-section .mobile-user-info{margin-bottom:1rem}.navigation .mobile-menu-dropdown .mobile-user-section .mobile-user-info .mobile-user-greeting{color:var(--muted-text, #a0a0a0);font-size:.875rem;font-weight:500}.navigation .mobile-menu-dropdown .mobile-user-section .mobile-logout-btn{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.navigation .mobile-menu-dropdown .mobile-user-section .mobile-logout-btn:hover{background:#ef444433;border-color:#ef444480}.navigation .mobile-menu-dropdown .mobile-auth-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.navigation .mobile-menu-dropdown .mobile-auth-buttons .mobile-auth-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s ease}.navigation .mobile-menu-dropdown .mobile-auth-buttons .mobile-auth-btn:first-child{color:var(--primary-accent, #ffffff);background:rgba(var(--primary-accent, #ffffff),.1);border:1px solid rgba(var(--primary-accent, #ffffff),.3)}.navigation .mobile-menu-dropdown .mobile-auth-buttons .mobile-auth-btn:first-child:hover{background:rgba(var(--primary-accent, #ffffff),.2);border-color:rgba(var(--primary-accent, #ffffff),.5)}.navigation .mobile-menu-dropdown .mobile-auth-buttons .mobile-auth-btn:last-child{color:var(--primary-bg, #0a0a0a);background:var(--primary-accent, #ffffff);border:1px solid var(--primary-accent, #ffffff)}.navigation .mobile-menu-dropdown .mobile-auth-buttons .mobile-auth-btn:last-child:hover{background:rgba(var(--primary-accent, #ffffff),.9);transform:translateY(-2px)}.navigation .mobile-burger-menu{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;z-index:1001}.navigation .mobile-burger-menu span{width:24px;height:2px;background:var(--primary-accent, #ffffff);border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px rgba(var(--primary-accent, #ffffff),.3)}.navigation .mobile-burger-menu:hover{background:rgba(var(--primary-accent, #ffffff),.1);transform:scale(1.05)}.navigation .mobile-burger-menu:hover span{box-shadow:0 0 12px rgba(var(--primary-accent, #ffffff),.5)}.navigation .mobile-burger-menu.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.navigation .mobile-burger-menu.open span:nth-child(2){opacity:0}.navigation .mobile-burger-menu.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 1700px){.navigation .nav-container{padding:1rem}.navigation .nav-links,.navigation .nav-user{display:none}.navigation .mobile-hamburger-container{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;z-index:1001}.navigation .mobile-hamburger-menu{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;z-index:1001;position:relative}.navigation .mobile-hamburger-menu span{width:24px;height:2px;background:var(--primary-accent, #ffffff);border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px rgba(var(--primary-accent, #ffffff),.3)}.navigation .mobile-hamburger-menu:hover{background:rgba(var(--primary-accent, #ffffff),.1);transform:scale(1.05)}.navigation .mobile-hamburger-menu:hover span{box-shadow:0 0 12px rgba(var(--primary-accent, #ffffff),.5)}.navigation .mobile-hamburger-menu.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.navigation .mobile-hamburger-menu.open span:nth-child(2){opacity:0}.navigation .mobile-hamburger-menu.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}}body{padding-top:80px}.home{min-height:100vh;position:relative;overflow:hidden;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><pattern id="circuit" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M 0 20 L 10 20 L 10 10 L 30 10 L 30 20 L 40 20 M 20 0 L 20 10 M 20 30 L 20 40" fill="none" stroke="rgba(255,255,255,0.04)" stroke-width="1"/><circle cx="10" cy="20" r="2" fill="rgba(255,255,255,0.06)"/><circle cx="30" cy="20" r="2" fill="rgba(255,255,255,0.06)"/><circle cx="20" cy="10" r="2" fill="rgba(255,255,255,0.06)"/><circle cx="20" cy="30" r="2" fill="rgba(255,255,255,0.06)"/></pattern><pattern id="dots" width="30" height="30" patternUnits="userSpaceOnUse"><circle cx="15" cy="15" r="1" fill="rgba(255,255,255,0.02)"/></pattern></defs><rect width="200" height="200" fill="url(%23circuit)"/><rect width="200" height="200" fill="url(%23dots)"/></svg>'),radial-gradient(ellipse at center,#000000b3,#0a0a0ae6,#000);background-size:80px 80px,100% 100%;background-position:center,center;background-repeat:repeat,no-repeat}.home:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(var(--primary-accent, #ffffff),.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(var(--secondary-accent, #cccccc),.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(var(--tertiary-accent, #999999),.08) 0%,transparent 50%);animation:backgroundShift 20s ease-in-out infinite}.home:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(var(--primary-accent, #ffffff),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--primary-accent, #ffffff),.05) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}@keyframes backgroundShift{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-10px) translateY(-10px)}50%{transform:translate(10px) translateY(-5px)}75%{transform:translate(-5px) translateY(10px)}}.hero{position:relative;z-index:2;padding:4rem 0;text-align:center}.hero .hero-content{max-width:1000px;margin:0 auto}.hero .hero-title{font-size:4rem;font-weight:900;margin-bottom:1.5rem;position:relative}.hero .hero-title .logo-text{color:var(--primary-accent, #ffffff);position:relative}.hero .hero-title .logo-text:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--primary-accent, #ffffff),var(--secondary-accent, #cccccc));border-radius:2px}.hero .hero-title .subtitle{display:block;font-size:1.5rem;font-weight:400;color:var(--muted-text, #a0a0a0);margin-top:1rem}.hero .hero-description{font-size:1.25rem;color:var(--secondary-text, #e0e0e0);margin-bottom:3rem;max-width:1000px;margin-left:auto;margin-right:auto;line-height:1.8}.hero .hero-description a{color:var(--primary-accent, #ffffff);text-decoration:none;font-weight:600}.hero .hero-description a:hover{opacity:.8}.hero .hidden-easter-egg{color:transparent;-webkit-user-select:text;user-select:text;cursor:text;font-size:.9rem;font-style:italic;opacity:.3;transition:all .3s ease}.hero .hidden-easter-egg:hover{color:var(--primary-accent, #ffffff);opacity:.8}.hero .hidden-easter-egg::selection{color:var(--primary-accent, #ffffff);background:rgba(var(--primary-accent, #ffffff),.2)}.hero .hidden-easter-egg::-moz-selection{color:var(--primary-accent, #ffffff);background:rgba(var(--primary-accent, #ffffff),.2)}.hero .hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;align-items:center}.hero .hero-buttons .welcome-message{margin-bottom:1rem;text-align:center}.hero .hero-buttons .welcome-message .welcome-text{font-size:1.5rem;font-weight:600;color:var(--primary-accent, #ffffff);text-shadow:0 0 10px rgba(var(--primary-accent, #ffffff),.3)}.latest-drops{position:relative;z-index:2;padding:4rem 0;background:rgba(var(--primary-bg, #0a0a0a),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.latest-drops .section-title{text-align:center;margin-bottom:3rem}.latest-drops .section-title .text-gradient{font-size:2.5rem;font-weight:800;color:var(--primary-accent, #ffffff);display:block;margin-bottom:.5rem}.latest-drops .section-title .subtitle{font-size:1.1rem;color:var(--muted-text, #a0a0a0);font-weight:500}.latest-drops .drops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.latest-drops .drop-card{background:rgba(var(--secondary-bg, #1a1a1a),.8);border:1px solid var(--border-color, #404040);border-radius:1rem;padding:2rem;position:relative;overflow:hidden;transition:all .3s ease;text-decoration:none;display:block;cursor:pointer}.latest-drops .drop-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-accent, #ffffff),var(--secondary-accent, #cccccc))}.latest-drops .drop-card:hover{transform:translateY(-8px);border-color:var(--primary-accent, #ffffff);box-shadow:0 20px 40px var(--shadow-dark, rgba(0, 0, 0, .8));text-decoration:none}.latest-drops .drop-card:focus{outline:2px solid var(--primary-accent, #ffffff);outline-offset:2px}.latest-drops .drop-card .drop-badge{position:absolute;top:1rem;right:1rem;background:var(--primary-accent, #ffffff);color:var(--primary-bg, #0a0a0a);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.latest-drops .drop-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--primary-text, #ffffff)}.latest-drops .drop-card p{color:var(--secondary-text, #e0e0e0);margin-bottom:1.5rem;line-height:1.6}.latest-drops .drop-card .drop-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--muted-text, #a0a0a0)}.latest-drops .drop-card .drop-meta span{display:flex;align-items:center;gap:.25rem}.followed-chapters{position:relative;z-index:2;padding:4rem 0;background:rgba(var(--secondary-bg, #1a1a1a),.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color, #404040);border-bottom:1px solid var(--border-color, #404040)}.followed-chapters .section-title{text-align:center;margin-bottom:3rem}.followed-chapters .section-title .text-gradient{font-size:2.5rem;font-weight:800;color:var(--secondary-accent, #cccccc);display:block;margin-bottom:.5rem}.followed-chapters .section-title .subtitle{font-size:1.1rem;color:var(--muted-text, #a0a0a0);font-weight:500}.followed-chapters .drops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.followed-chapters .drop-card{background:rgba(var(--tertiary-bg, #2a2a2a),.8);border:1px solid var(--border-light, #505050);border-radius:1rem;padding:2rem;position:relative;overflow:hidden;transition:all .3s ease;text-decoration:none;display:block;cursor:pointer}.followed-chapters .drop-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--secondary-accent, #cccccc),var(--tertiary-accent, #999999))}.followed-chapters .drop-card:hover{transform:translateY(-8px);border-color:var(--secondary-accent, #cccccc);box-shadow:0 20px 40px var(--shadow-dark, rgba(0, 0, 0, .8));text-decoration:none}.followed-chapters .drop-card:focus{outline:2px solid var(--secondary-accent, #cccccc);outline-offset:2px}.followed-chapters .drop-card .drop-badge{position:absolute;top:1rem;right:1rem;background:var(--secondary-accent, #cccccc);color:var(--primary-bg, #0a0a0a);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.followed-chapters .drop-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--primary-text, #ffffff)}.followed-chapters .drop-card p{color:var(--secondary-text, #e0e0e0);margin-bottom:1.5rem;line-height:1.6}.followed-chapters .drop-card .drop-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--muted-text, #a0a0a0)}.followed-chapters .drop-card .drop-meta span{display:flex;align-items:center;gap:.25rem}.about-section{position:relative;z-index:2;padding:4rem 0;background:rgba(var(--secondary-bg, #1a1a1a),.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color, #404040);border-bottom:1px solid var(--border-color, #404040)}.about-section .section-title{text-align:center;margin-bottom:3rem}.about-section .section-title .text-gradient{font-size:2.5rem;font-weight:800;color:var(--primary-accent, #ffffff);display:block;margin-bottom:.5rem}.about-section .section-title .subtitle{font-size:1.1rem;color:var(--muted-text, #a0a0a0);font-weight:500}.about-section .about-content{max-width:800px;margin:0 auto;text-align:center}.about-section .about-description{font-size:1.1rem;line-height:1.8;color:var(--secondary-text, #e0e0e0);margin-bottom:1.5rem}.about-section .about-description:last-child{margin-bottom:0}.about-section .about-description a{color:var(--primary-accent, #ffffff);text-decoration:none;font-weight:600;transition:opacity .3s ease}.about-section .about-description a:hover{opacity:.8;text-decoration:underline}.manifesto{position:relative;z-index:2;padding:4rem 0;background:rgba(var(--primary-bg, #0a0a0a),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.manifesto .manifesto-content{max-width:800px;margin:0 auto;text-align:center}.manifesto .manifesto-title{font-size:2.5rem;font-weight:800;margin-bottom:2rem;color:var(--primary-accent, #ffffff)}.manifesto .manifesto-text{font-size:1.1rem;line-height:1.8;color:var(--secondary-text, #e0e0e0)}.manifesto .manifesto-text p{margin-bottom:1.5rem}.manifesto .manifesto-text p:last-child{margin-bottom:0;font-size:1.2rem;font-weight:600;color:var(--primary-accent, #ffffff)}.manifesto .manifesto-text strong{color:var(--primary-accent, #ffffff);font-weight:800}.cta{position:relative;z-index:2;padding:4rem 0;text-align:center}.cta .cta-content{max-width:600px;margin:0 auto}.cta .cta-title{font-size:2.5rem;margin-bottom:1.5rem;color:var(--primary-text, #ffffff);font-weight:800}.cta .cta-description{font-size:1.25rem;color:var(--secondary-text, #e0e0e0);margin-bottom:3rem}.floating{animation:floating 6s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.all-books-showcase{padding:3rem 0 2rem;background:none}.all-books-showcase .section-title{text-align:center;font-size:2.2rem;font-weight:800;margin-bottom:2rem;color:var(--primary-accent, #ffffff)}.all-books-showcase .embla{position:relative;margin:0 auto;padding-bottom:2rem}.all-books-showcase .embla .embla__container{display:flex;gap:1rem;flex-wrap:nowrap}.all-books-showcase .embla .embla__slide{flex:0 0 auto;min-width:0;padding:0 .5rem;width:auto}.all-books-showcase .book-card{background:rgba(var(--secondary-bg, #1a1a1a),.8);border:1px solid var(--border-color, #404040);border-radius:14px;box-shadow:0 2px 8px #0000001f;padding:0;display:flex;flex-direction:column;align-items:center;width:300px;height:400px;transition:transform .2s,box-shadow .2s;cursor:pointer;text-align:center;overflow:hidden;flex-shrink:0}.all-books-showcase .book-card:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 8px 24px #0000002e;border-color:var(--primary-accent, #ffffff)}.all-books-showcase .book-cover{width:100%;height:320px;background:rgba(var(--primary-accent, #ffffff),.08);overflow:hidden;display:flex;align-items:center;justify-content:center;border:none;border-radius:0;flex-shrink:0}.all-books-showcase .book-cover img{width:100%;height:100%;object-fit:cover;border-radius:0;display:block}.all-books-showcase .book-cover .book-cover-placeholder{color:var(--muted-text, #a0a0a0);font-size:1rem;font-weight:600;text-align:center;padding:1rem}.all-books-showcase .book-info{padding:1rem;width:100%;flex:1;display:flex;flex-direction:column;justify-content:center}.all-books-showcase .book-title{font-size:1.2rem;font-weight:700;color:var(--primary-text, #ffffff);margin-bottom:.3rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.all-books-showcase .book-author{font-size:1rem;color:var(--muted-text, #a0a0a0);font-weight:500;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.all-books-showcase{padding:2rem 0 1rem}.all-books-showcase .books-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem}.all-books-showcase .book-card{max-width:200px;width:200px;height:320px;padding:0}.all-books-showcase .book-cover{width:100%;height:240px}.all-books-showcase .book-info{padding:.8rem}.all-books-showcase .book-title{font-size:1rem}.all-books-showcase .book-author{font-size:.85rem}}@media (max-width: 768px){.hero{padding:3rem 0}.hero .hero-title{font-size:2.5rem}.hero .hero-title .subtitle{font-size:1.25rem}.hero .hero-description{font-size:1.1rem}.hero .hero-buttons{flex-direction:column;align-items:center}.latest-drops{padding:3rem 0}.latest-drops .section-title .text-gradient{font-size:2rem}.latest-drops .drops-grid{grid-template-columns:1fr}.about-section{padding:3rem 0}.about-section .section-title .text-gradient{font-size:2rem}.about-section .about-description{font-size:1rem;line-height:1.7}.manifesto{padding:3rem 0}.manifesto .manifesto-title{font-size:2rem}.cta{padding:3rem 0}.cta .cta-title{font-size:2rem}}.cta{padding:4rem 0;background:linear-gradient(135deg,rgba(var(--primary-bg, #0a0a0a),.9),rgba(var(--secondary-bg, #1a1a1a),.9))}.cta .cta-content{text-align:center;max-width:800px;margin:0 auto}.cta .cta-content .cta-title{font-size:2.5rem;font-weight:800;color:var(--primary-text, #ffffff);margin-bottom:1rem}.cta .cta-content .cta-title .text-gradient{color:var(--primary-accent, #ffffff)}.cta .cta-content .cta-description{font-size:1.2rem;color:var(--secondary-text, #e0e0e0);margin-bottom:3rem;line-height:1.6}.cta .cta-content .discord-section{display:flex;flex-direction:column;align-items:center;gap:2rem}.cta .cta-content .discord-section .discord-banner{width:100%;max-width:600px}.cta .cta-content .discord-section .discord-banner .discord-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:rgba(var(--secondary-bg, #1a1a1a),.8);border:2px dashed var(--border-color, #404040);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer}.cta .cta-content .discord-section .discord-banner .discord-placeholder:hover{border-color:var(--primary-accent, #ffffff);background:rgba(var(--primary-accent, #ffffff),.05);transform:translateY(-2px)}.cta .cta-content .discord-section .discord-banner .discord-placeholder .discord-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.cta .cta-content .discord-section .discord-banner .discord-placeholder .discord-text{font-size:1.5rem;font-weight:600;color:var(--primary-text, #ffffff);margin-bottom:.5rem}.cta .cta-content .discord-section .discord-banner .discord-placeholder .discord-note{font-size:1rem;color:var(--muted-text, #a0a0a0);font-style:italic}.cta .cta-content .discord-section .hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.cta .cta-content .discord-section .hero-buttons .btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;text-decoration:none;border-radius:12px;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.cta .cta-content .discord-section .hero-buttons .btn.btn-primary{background:var(--primary-accent, #ffffff);color:var(--primary-bg, #0a0a0a)}.cta .cta-content .discord-section .hero-buttons .btn.btn-primary:hover{background:var(--secondary-accent, #cccccc);transform:translateY(-4px);box-shadow:0 12px 30px rgba(var(--primary-accent, #ffffff),.3)}.cta .cta-content .discord-section .hero-buttons .btn.btn-outline{background:transparent;color:var(--primary-accent, #ffffff);border-color:var(--primary-accent, #ffffff)}.cta .cta-content .discord-section .hero-buttons .btn.btn-outline:hover{background:var(--primary-accent, #ffffff);color:var(--primary-bg, #0a0a0a);transform:translateY(-4px);box-shadow:0 12px 30px rgba(var(--primary-accent, #ffffff),.2)}@media (max-width: 768px){.home .hero .hero-content .hero-title{font-size:2.5rem}.home .hero .hero-content .hero-title .logo-text{font-size:2rem}.home .hero .hero-content .hero-title .subtitle{font-size:1rem}.home .hero .hero-content .hero-description{font-size:1rem;line-height:1.6}.home .hero .hero-content .hero-buttons{flex-direction:column;gap:1rem}.home .hero .hero-content .hero-buttons .btn{padding:.75rem 1.5rem;font-size:.9rem}.home .cta{padding:2rem 0}.home .cta .cta-content .cta-title{font-size:2rem}.home .cta .cta-content .cta-description{font-size:1rem;margin-bottom:2rem}.home .cta .cta-content .discord-section{gap:1.5rem}.home .cta .cta-content .discord-section .discord-banner .discord-placeholder{padding:2rem 1rem}.home .cta .cta-content .discord-section .discord-banner .discord-placeholder .discord-icon{font-size:2rem}.home .cta .cta-content .discord-section .discord-banner .discord-placeholder .discord-text{font-size:1.2rem}.home .cta .cta-content .discord-section .discord-banner .discord-placeholder .discord-note{font-size:.9rem}.home .cta .cta-content .discord-section .hero-buttons{flex-direction:column;gap:1rem}.home .cta .cta-content .discord-section .hero-buttons .btn{padding:.75rem 1.5rem;font-size:.9rem}}.books-page{min-height:100vh;padding:2rem 0;background:linear-gradient(135deg,rgba(var(--primary-bg, #0a0a0a),.9),rgba(var(--secondary-bg, #1a1a1a),.9))}.books-page .container{max-width:1400px;margin:0 auto;padding:0 2rem}.books-page .books-header{text-align:center;margin-bottom:3rem}.books-page .books-header .page-title{font-size:3rem;font-weight:800;margin-bottom:1rem}.books-page .books-header .page-title .text-gradient{color:var(--primary-accent, #ffffff)}.books-page .books-header .page-subtitle{font-size:1.2rem;color:var(--secondary-text, #e0e0e0);font-weight:500}.books-page .books-filters{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:2rem;background:rgba(var(--secondary-bg, #1a1a1a),.8);border-radius:16px;border:1px solid var(--border-color, #404040);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.books-page .books-filters .search-box{position:relative}.books-page .books-filters .search-box .search-input{width:100%;padding:1rem 3rem 1rem 1.5rem;background:rgba(var(--primary-bg, #0a0a0a),.8);border:1px solid var(--border-color, #404040);border-radius:12px;color:var(--primary-text, #ffffff);font-size:1rem;transition:all .3s ease}.books-page .books-filters .search-box .search-input::placeholder{color:var(--muted-text, #a0a0a0)}.books-page .books-filters .search-box .search-input:focus{outline:none;border-color:var(--primary-accent, #ffffff);box-shadow:0 0 0 3px rgba(var(--primary-accent, #ffffff),.1)}.books-page .books-filters .search-box .search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:var(--muted-text, #a0a0a0)}.books-page .books-filters .filter-controls{display:flex;gap:1rem;flex-wrap:wrap}.books-page .books-filters .filter-controls .filter-select{flex:1;min-width:200px;padding:.75rem 2.5rem .75rem 1rem;background:rgba(var(--primary-bg, #0a0a0a),.8);border:1px solid var(--border-color, #404040);border-radius:8px;color:var(--primary-text, #ffffff);font-size:.9rem;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.books-page .books-filters .filter-controls .filter-select:focus{outline:none;border-color:var(--primary-accent, #ffffff)}.books-page .books-filters .filter-controls .filter-select option{background:var(--primary-bg, #0a0a0a);color:var(--primary-text, #ffffff)}.books-page .results-info{margin-bottom:2rem}.books-page .results-info .results-count{font-size:1rem;color:var(--secondary-text, #e0e0e0);font-weight:500}.books-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}.books-page .loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #404040);border-top:3px solid var(--primary-accent, #ffffff);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.books-page .loading-state p{color:var(--secondary-text, #e0e0e0);font-size:1.1rem}.books-page .no-results{text-align:center;padding:4rem 0}.books-page .no-results .no-results-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.books-page .no-results h3{font-size:1.5rem;color:var(--primary-text, #ffffff);margin-bottom:.5rem}.books-page .no-results p{color:var(--secondary-text, #e0e0e0);font-size:1rem}.books-page .error-state{text-align:center;padding:4rem 0}.books-page .error-state .error-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.books-page .error-state h3{font-size:1.5rem;color:var(--primary-text, #ffffff);margin-bottom:.5rem}.books-page .error-state p{color:var(--secondary-text, #e0e0e0);font-size:1rem;margin-bottom:2rem}.books-page .error-state .retry-button{padding:.75rem 2rem;background:var(--primary-accent, #ffffff);color:var(--primary-bg, #0a0a0a);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.books-page .error-state .retry-button:hover{background:var(--secondary-accent, #cccccc);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-accent, #ffffff),.3)}.books-page .books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.books-page .books-grid .book-card{background:rgba(var(--secondary-bg, #1a1a1a),.8);border:1px solid var(--border-color, #404040);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column}.books-page .books-grid .book-card:hover{transform:translateY(-8px);border-color:var(--primary-accent, #ffffff);box-shadow:0 20px 40px #0006}.books-page .books-grid .book-card:hover .book-overlay{opacity:1}.books-page .books-grid .book-card:hover .book-cover img{transform:scale(1.05)}.books-page .books-grid .book-card .book-card-link{text-decoration:none;color:inherit;flex:1;display:flex;flex-direction:column}.books-page .books-grid .book-card .book-cover{position:relative;height:200px;overflow:hidden}.books-page .books-grid .book-card .book-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.books-page .books-grid .book-card .book-cover .book-cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-accent, #ffffff),var(--secondary-accent, #cccccc));display:flex;align-items:center;justify-content:center}.books-page .books-grid .book-card .book-cover .book-cover-placeholder .cover-text{color:var(--primary-bg, #0a0a0a);font-weight:700;font-size:1.2rem;text-align:center;padding:1rem;line-height:1.3}.books-page .books-grid .book-card .book-cover .book-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.books-page .books-grid .book-card .book-cover .book-overlay .view-details{color:var(--primary-accent, #ffffff);font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.books-page .books-grid .book-card .book-info{padding:1.5rem;flex:1;display:flex;flex-direction:column}.books-page .books-grid .book-card .book-info .book-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.books-page .books-grid .book-card .book-info .book-header .book-title{font-size:1.3rem;font-weight:700;color:var(--primary-text, #ffffff);line-height:1.3;flex:1;margin-right:1rem}.books-page .books-grid .book-card .book-info .book-header .status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.books-page .books-grid .book-card .book-info .book-author{color:var(--secondary-text, #e0e0e0);font-size:.9rem;margin-bottom:1rem;font-style:italic}.books-page .books-grid .book-card .book-info .book-description{color:var(--secondary-text, #e0e0e0);font-size:.9rem;line-height:1.5;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.books-page .books-grid .book-card .book-info .book-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.books-page .books-grid .book-card .book-info .book-meta .chapters-count{color:var(--muted-text, #a0a0a0);font-size:.85rem;font-weight:500}.books-page .books-grid .book-card .book-info .book-meta .book-tags{display:flex;gap:.5rem;flex-wrap:wrap}.books-page .books-grid .book-card .book-info .book-meta .book-tags .tag{padding:.25rem .5rem;background:rgba(var(--primary-accent, #ffffff),.1);border:1px solid rgba(var(--primary-accent, #ffffff),.2);border-radius:12px;font-size:.7rem;color:var(--primary-accent, #ffffff);font-weight:500}.books-page .books-grid .book-card .book-info .book-meta .book-tags .tag-more{padding:.25rem .5rem;background:rgba(var(--muted-text, #a0a0a0),.1);border:1px solid rgba(var(--muted-text, #a0a0a0),.2);border-radius:12px;font-size:.7rem;color:var(--muted-text, #a0a0a0);font-weight:500}.books-page .books-grid .book-card .book-actions{padding:0 1.5rem 1.5rem}.books-page .books-grid .book-card .book-actions .follow-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.books-page .books-grid .book-card .book-actions .follow-btn.not-following{background:rgba(var(--primary-accent, #ffffff),.1);color:var(--primary-accent, #ffffff);border:1px solid rgba(var(--primary-accent, #ffffff),.3)}.books-page .books-grid .book-card .book-actions .follow-btn.not-following:hover{background:rgba(var(--primary-accent, #ffffff),.2);border-color:var(--primary-accent, #ffffff);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-accent, #ffffff),.2)}.books-page .books-grid .book-card .book-actions .follow-btn.following{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.3)}.books-page .books-grid .book-card .book-actions .follow-btn.following:hover{background:#dc354533;border-color:#dc3545;transform:translateY(-2px);box-shadow:0 8px 25px #dc354533}.books-page .books-grid .book-card .book-actions .follow-btn.login-required{background:rgba(var(--muted-text, #a0a0a0),.1);color:var(--muted-text, #a0a0a0);border:1px solid rgba(var(--muted-text, #a0a0a0),.3)}.books-page .books-grid .book-card .book-actions .follow-btn.login-required:hover{background:rgba(var(--muted-text, #a0a0a0),.2);border-color:var(--muted-text, #a0a0a0);transform:translateY(-2px)}.books-page .books-grid .book-card .book-actions .follow-btn.loading{opacity:.7;cursor:not-allowed}.books-page .books-grid .book-card .book-actions .follow-btn.loading .loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.books-page .books-grid .book-card .book-actions .follow-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.books-page .books-grid .book-card .book-actions .follow-btn .follow-icon{font-size:1rem}.books-page .books-grid .book-card .book-actions .follow-btn .follow-text{font-size:.85rem}.follow-btn .loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.books-page{padding:1rem 0}.books-page .container{padding:0 1rem}.books-page .books-header{margin-bottom:2rem}.books-page .books-header .page-title{font-size:2rem}.books-page .books-header .page-subtitle{font-size:1rem}.books-page .books-filters{padding:1.5rem}.books-page .books-filters .filter-controls{flex-direction:column}.books-page .books-filters .filter-controls .filter-select{min-width:auto}.books-page .books-grid{grid-template-columns:1fr;gap:1.5rem}}.book-detail-page{min-height:100vh;padding:2rem 0;background:linear-gradient(135deg,rgba(var(--primary-bg, #0a0a0a),.9),rgba(var(--secondary-bg, #1a1a1a),.9))}.book-detail-page .container{max-width:1400px;margin:0 auto;padding:0 2rem}.book-detail-page .breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem}.book-detail-page .breadcrumb .breadcrumb-link{color:var(--primary-accent, #ffffff);text-decoration:none;transition:all .3s ease}.book-detail-page .breadcrumb .breadcrumb-link:hover{color:var(--secondary-accent, #cccccc);text-decoration:underline}.book-detail-page .breadcrumb .breadcrumb-separator{color:var(--muted-text, #a0a0a0)}.book-detail-page .breadcrumb .breadcrumb-current{color:var(--secondary-text, #e0e0e0);font-weight:500}.book-detail-page .book-header{display:grid;grid-template-columns:300px 1fr;gap:3rem;margin-bottom:3rem;padding:2rem;background:rgba(var(--secondary-bg, #1a1a1a),.8);border-radius:20px;border:1px solid var(--border-color, #404040);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.book-detail-page .book-header .book-cover-section .book-cover{width:100%;height:400px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px #0000004d}.book-detail-page .book-header .book-cover-section .book-cover-placeholder{width:100%;height:400px;background:linear-gradient(135deg,var(--primary-accent, #ffffff),var(--secondary-accent, #cccccc));border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0000004d}.book-detail-page .book-header .book-cover-section .book-cover-placeholder .cover-text{color:var(--primary-bg, #0a0a0a);font-weight:700;font-size:1.2rem;text-align:center;padding:1rem;line-height:1.3}.book-detail-page .book-header .book-info-section{display:flex;flex-direction:column;gap:1.5rem}.book-detail-page .book-header .book-info-section .book-title-section{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.book-detail-page .book-header .book-info-section .book-title-section .book-title{font-size:2.5rem;font-weight:800;color:var(--primary-text, #ffffff);line-height:1.2;margin:0;flex:1;min-width:0}.book-detail-page .book-header .book-info-section .book-title-section .status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;align-self:flex-start}.book-detail-page .book-header .book-info-section .book-author{font-size:1.2rem;color:var(--secondary-text, #e0e0e0);font-style:italic;margin:0}.book-detail-page .book-header .book-info-section .book-description{font-size:1rem;color:var(--secondary-text, #e0e0e0);line-height:1.6;margin:0}.book-detail-page .book-header .book-info-section .book-stats{display:flex;gap:2rem;flex-wrap:wrap}.book-detail-page .book-header .book-info-section .book-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.book-detail-page .book-header .book-info-section .book-stats .stat-item .stat-icon{font-size:1.5rem}.book-detail-page .book-header .book-info-section .book-stats .stat-item .stat-label{font-size:.8rem;color:var(--muted-text, #a0a0a0);text-transform:uppercase;letter-spacing:.5px}.book-detail-page .book-header .book-info-section .book-stats .stat-item .stat-value{font-size:1.2rem;font-weight:700;color:var(--primary-text, #ffffff)}.book-detail-page .book-header .book-info-section .book-actions{display:flex;gap:1rem;flex-wrap:wrap}.book-detail-page .book-header .book-info-section .book-actions .follow-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.book-detail-page .book-header .book-info-section .book-actions .follow-btn.not-following{background:rgba(var(--primary-accent, #ffffff),.1);color:var(--primary-accent, #ffffff);border:1px solid rgba(var(--primary-accent, #ffffff),.3)}.book-detail-page .book-header .book-info-section .book-actions .follow-btn.not-following:hover{background:rgba(var(--primary-accent, #ffffff),.2);border-color:var(--primary-accent, #ffffff);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-accent, #ffffff),.2)}.book-detail-page .book-header .book-info-section .book-actions .follow-btn.following{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.3)}.book-detail-page .book-header .book-info-section .book-actions .follow-btn.following:hover{background:#dc354533;border-color:#dc3545;transform:translateY(-2px);box-shadow:0 8px 25px #dc354533}.book-detail-page .book-header .book-info-section .book-actions .follow-btn.loading{opacity:.7;cursor:not-allowed}.book-detail-page .book-header .book-info-section .book-actions .follow-btn.loading .loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.book-detail-page .book-header .book-info-section .book-actions .follow-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.book-detail-page .book-header .book-info-section .book-actions .external-link-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(var(--secondary-accent, #cccccc),.1);color:var(--secondary-accent, #cccccc);border:1px solid rgba(var(--secondary-accent, #cccccc),.3);border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.book-detail-page .book-header .book-info-section .book-actions .external-link-btn:hover{background:rgba(var(--secondary-accent, #cccccc),.2);border-color:var(--secondary-accent, #cccccc);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--secondary-accent, #cccccc),.2)}.book-detail-page .book-header .book-info-section .book-tags h4{font-size:1rem;color:var(--primary-text, #ffffff);margin-bottom:.5rem}.book-detail-page .book-header .book-info-section .book-tags .tags-list{display:flex;gap:.5rem;flex-wrap:wrap}.book-detail-page .book-header .book-info-section .book-tags .tags-list .tag{padding:.25rem .75rem;background:rgba(var(--primary-accent, #ffffff),.1);border:1px solid rgba(var(--primary-accent, #ffffff),.2);border-radius:12px;font-size:.8rem;color:var(--primary-accent, #ffffff);font-weight:500}.book-detail-page .book-header .book-info-section .book-team h4{font-size:1rem;color:var(--primary-text, #ffffff);margin-bottom:.5rem}.book-detail-page .book-header .book-info-section .book-team .team-section{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.book-detail-page .book-header .book-info-section .book-team .team-section .team-role{font-size:.9rem;color:var(--secondary-text, #e0e0e0);font-weight:500;min-width:80px}.book-detail-page .book-header .book-info-section .book-team .team-section .team-members{display:flex;gap:.5rem;flex-wrap:wrap}.book-detail-page .book-header .book-info-section .book-team .team-section .team-members .team-member{padding:.25rem .5rem;background:rgba(var(--secondary-accent, #cccccc),.1);border:1px solid rgba(var(--secondary-accent, #cccccc),.2);border-radius:8px;font-size:.8rem;color:var(--secondary-accent, #cccccc);font-weight:500}.book-detail-page .book-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color, #404040)}.book-detail-page .book-tabs .tab-btn{padding:1rem 2rem;background:none;border:none;color:var(--secondary-text, #e0e0e0);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.book-detail-page .book-tabs .tab-btn:hover{color:var(--primary-text, #ffffff)}.book-detail-page .book-tabs .tab-btn.active{color:var(--primary-accent, #ffffff);border-bottom-color:var(--primary-accent, #ffffff)}.book-detail-page .tab-content .overview-tab{display:flex;flex-direction:column;gap:2rem}.book-detail-page .tab-content .overview-tab .overview-section{padding:2rem;background:rgba(var(--secondary-bg, #1a1a1a),.8);border-radius:16px;border:1px solid var(--border-color, #404040);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.book-detail-page .tab-content .overview-tab .overview-section h3{font-size:1.3rem;color:var(--primary-text, #ffffff);margin-bottom:1rem}.book-detail-page .tab-content .overview-tab .overview-section p{color:var(--secondary-text, #e0e0e0);line-height:1.6;margin:0}.book-detail-page .tab-content .overview-tab .overview-section .progress-info .progress-bar{width:100%;height:8px;background:rgba(var(--border-color, #404040),.5);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.book-detail-page .tab-content .overview-tab .overview-section .progress-info .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-accent, #ffffff),var(--secondary-accent, #cccccc));border-radius:4px;transition:width .3s ease}.book-detail-page .tab-content .overview-tab .overview-section .progress-info .progress-text{color:var(--secondary-text, #e0e0e0);font-size:.9rem}.book-detail-page .tab-content .overview-tab .overview-section .source-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-accent, #ffffff);text-decoration:none;font-weight:500;transition:all .3s ease}.book-detail-page .tab-content .overview-tab .overview-section .source-link:hover{color:var(--secondary-accent, #cccccc);transform:translate(4px)}.book-detail-page .tab-content .chapters-tab .no-chapters{text-align:center;padding:4rem 0}.book-detail-page .tab-content .chapters-tab .no-chapters .no-chapters-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.book-detail-page .tab-content .chapters-tab .no-chapters h3{font-size:1.5rem;color:var(--primary-text, #ffffff);margin-bottom:.5rem}.book-detail-page .tab-content .chapters-tab .no-chapters p{color:var(--secondary-text, #e0e0e0);font-size:1rem}.book-detail-page .tab-content .chapters-tab .chapters-list{display:flex;flex-direction:column;gap:1rem}.book-detail-page .tab-content .chapters-tab .chapters-list .chapter-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:rgba(var(--secondary-bg, #1a1a1a),.8);border:1px solid var(--border-color, #404040);border-radius:12px;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.book-detail-page .tab-content .chapters-tab .chapters-list .chapter-item:hover{transform:translateY(-2px);border-color:var(--primary-accent, #ffffff);box-shadow:0 8px 25px #0003}.book-detail-page .tab-content .chapters-tab .chapters-list .chapter-item:hover .chapter-arrow{transform:translate(4px)}.book-detail-page .tab-content .chapters-tab .chapters-list .chapter-item .chapter-info{flex:1}.book-detail-page .tab-content .chapters-tab .chapters-list .chapter-item .chapter-info .chapter-title{font-size:1.1rem;font-weight:600;color:var(--primary-text, #ffffff);margin-bottom:.5rem}.book-detail-page .tab-content .chapters-tab .chapters-list .chapter-item .chapter-info .chapter-summary{color:var(--secondary-text, #e0e0e0);font-size:.9rem;line-height:1.4;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-detail-page .tab-content .chapters-tab .chapters-list .chapter-item .chapter-info .chapter-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.book-detail-page .tab-content .chapters-tab .chapters-list .chapter-item .chapter-info .chapter-meta .chapter-date,.book-detail-page .tab-content .chapters-tab .chapters-list .chapter-item .chapter-info .chapter-meta .chapter-likes{color:var(--muted-text, #a0a0a0);font-size:.8rem}.book-detail-page .tab-content .chapters-tab .chapters-list .chapter-item .chapter-info .chapter-meta .chapter-status{padding:.25rem .5rem;border-radius:8px;font-size:.7rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.book-detail-page .tab-content .chapters-tab .chapters-list .chapter-item .chapter-arrow{font-size:1.2rem;color:var(--primary-accent, #ffffff);transition:transform .3s ease}.book-detail-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}.book-detail-page .loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #404040);border-top:3px solid var(--primary-accent, #ffffff);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.book-detail-page .loading-state p{color:var(--secondary-text, #e0e0e0);font-size:1.1rem}.book-detail-page .error-state{text-align:center;padding:4rem 0}.book-detail-page .error-state .error-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.book-detail-page .error-state h3{font-size:1.5rem;color:var(--primary-text, #ffffff);margin-bottom:.5rem}.book-detail-page .error-state p{color:var(--secondary-text, #e0e0e0);font-size:1rem;margin-bottom:2rem}.book-detail-page .error-state .back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-accent, #ffffff);color:var(--primary-bg, #0a0a0a);text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease}.book-detail-page .error-state .back-button:hover{background:var(--secondary-accent, #cccccc);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-accent, #ffffff),.3)}@media (max-width: 1024px){.book-detail-page .book-header{grid-template-columns:250px 1fr;gap:2rem}}@media (max-width: 768px){.book-detail-page{padding:1rem 0}.book-detail-page .container{padding:0 1rem}.book-detail-page .book-header{grid-template-columns:1fr;gap:2rem;padding:1.5rem}.book-detail-page .book-header .book-cover-section .book-cover,.book-detail-page .book-header .book-cover-section .book-cover-placeholder{height:300px}.book-detail-page .book-header .book-info-section .book-title-section .book-title{font-size:2rem}.book-detail-page .book-header .book-info-section .book-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:1.5rem 0}.book-detail-page .book-header .book-info-section .book-stats .stat-item{padding:1rem;background:rgba(var(--primary-bg, #0a0a0a),.5);border-radius:12px;border:1px solid var(--border-color, #404040);text-align:center}.book-detail-page .book-header .book-info-section .book-stats .stat-item .stat-icon{font-size:1.8rem;margin-bottom:.5rem}.book-detail-page .book-header .book-info-section .book-stats .stat-item .stat-label{font-size:.75rem;color:var(--muted-text, #a0a0a0);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.book-detail-page .book-header .book-info-section .book-stats .stat-item .stat-value{font-size:1.1rem;font-weight:700;color:var(--primary-text, #ffffff)}.book-detail-page .book-header .book-info-section .book-actions{flex-direction:column;gap:1rem;margin-top:1rem}.book-detail-page .book-header .book-info-section .book-actions .follow-btn,.book-detail-page .book-header .book-info-section .book-actions .external-link-btn{width:100%;justify-content:center;padding:1rem 1.5rem}.book-detail-page .book-tabs .tab-btn{padding:.75rem 1rem;font-size:.9rem}.book-detail-page .tab-content .chapters-tab .chapters-list .chapter-item{padding:1rem}.book-detail-page .tab-content .chapters-tab .chapters-list .chapter-item .chapter-info .chapter-meta{gap:.5rem}}.chapter-detail-page{min-height:100vh;padding:2rem 0;background:linear-gradient(135deg,rgba(var(--primary-bg, #0a0a0a),.9),rgba(var(--secondary-bg, #1a1a1a),.9))}.chapter-detail-page .container{max-width:1400px;margin:0 auto;padding:0 2rem}.chapter-detail-page .breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;flex-wrap:wrap}.chapter-detail-page .breadcrumb .breadcrumb-link{color:var(--primary-accent, #ffffff);text-decoration:none;transition:all .3s ease}.chapter-detail-page .breadcrumb .breadcrumb-link:hover{color:var(--secondary-accent, #cccccc);text-decoration:underline}.chapter-detail-page .breadcrumb .breadcrumb-separator{color:var(--muted-text, #a0a0a0)}.chapter-detail-page .breadcrumb .breadcrumb-current{color:var(--secondary-text, #e0e0e0);font-weight:500}.chapter-detail-page .chapter-header{margin-bottom:3rem;padding:2rem;background:rgba(var(--secondary-bg, #1a1a1a),.8);border-radius:20px;border:1px solid var(--border-color, #404040);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chapter-detail-page .chapter-header .chapter-title-section{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.chapter-detail-page .chapter-header .chapter-title-section .chapter-title{font-size:2.5rem;font-weight:800;color:var(--primary-text, #ffffff);line-height:1.2;margin:0;flex:1;min-width:0}.chapter-detail-page .chapter-header .chapter-title-section .status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;align-self:flex-start}.chapter-detail-page .chapter-header .chapter-meta{display:flex;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.chapter-detail-page .chapter-header .chapter-meta .meta-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.chapter-detail-page .chapter-header .chapter-meta .meta-item .meta-icon{font-size:1.2rem}.chapter-detail-page .chapter-header .chapter-meta .meta-item .meta-label{font-size:.8rem;color:var(--muted-text, #a0a0a0);text-transform:uppercase;letter-spacing:.5px}.chapter-detail-page .chapter-header .chapter-meta .meta-item .meta-value{font-size:1rem;font-weight:600;color:var(--primary-text, #ffffff)}.chapter-detail-page .chapter-header .chapter-meta .meta-item.comment-count-item{cursor:pointer;transition:all .3s ease}.chapter-detail-page .chapter-header .chapter-meta .meta-item.comment-count-item:hover{transform:translateY(-2px)}.chapter-detail-page .chapter-header .chapter-meta .meta-item.comment-count-item:hover .meta-icon{transform:scale(1.1)}.chapter-detail-page .chapter-header .chapter-meta .meta-item.comment-count-item:hover .meta-value{color:var(--primary-accent, #ffffff)}.chapter-detail-page .chapter-header .chapter-meta .meta-item.comment-count-item .meta-icon{transition:transform .3s ease}.chapter-detail-page .chapter-header .chapter-actions{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.chapter-detail-page .chapter-header .chapter-actions .like-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.chapter-detail-page .chapter-header .chapter-actions .like-btn.not-liked{background:rgba(var(--primary-accent, #ffffff),.1);color:var(--primary-accent, #ffffff);border:1px solid rgba(var(--primary-accent, #ffffff),.3)}.chapter-detail-page .chapter-header .chapter-actions .like-btn.not-liked:hover{background:rgba(var(--primary-accent, #ffffff),.2);border-color:var(--primary-accent, #ffffff);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-accent, #ffffff),.2)}.chapter-detail-page .chapter-header .chapter-actions .like-btn.liked{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.3)}.chapter-detail-page .chapter-header .chapter-actions .like-btn.liked:hover{background:#dc354533;border-color:#dc3545;transform:translateY(-2px);box-shadow:0 8px 25px #dc354533}.chapter-detail-page .chapter-header .chapter-actions .like-btn.loading{opacity:.7;cursor:not-allowed}.chapter-detail-page .chapter-header .chapter-actions .like-btn.loading .loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.chapter-detail-page .chapter-header .chapter-actions .like-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.chapter-detail-page .chapter-header .chapter-actions .edit-chapter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffc1071a;color:#ffc107;border:1px solid rgba(255,193,7,.3);border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.chapter-detail-page .chapter-header .chapter-actions .edit-chapter-btn:hover{background:#ffc10733;border-color:#ffc107;transform:translateY(-2px);box-shadow:0 8px 25px #ffc10733}.chapter-detail-page .chapter-header .chapter-actions .back-to-book-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(var(--secondary-accent, #cccccc),.1);color:var(--secondary-accent, #cccccc);border:1px solid rgba(var(--secondary-accent, #cccccc),.3);border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.chapter-detail-page .chapter-header .chapter-actions .back-to-book-btn:hover{background:rgba(var(--secondary-accent, #cccccc),.2);border-color:var(--secondary-accent, #cccccc);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--secondary-accent, #cccccc),.2)}.chapter-detail-page .chapter-header .chapter-summary h3{font-size:1.2rem;color:var(--primary-text, #ffffff);margin-bottom:.5rem}.chapter-detail-page .chapter-header .chapter-summary p{color:var(--secondary-text, #e0e0e0);line-height:1.6;margin:0;font-style:italic}.chapter-detail-page .chapter-content-container{margin-bottom:3rem}.chapter-detail-page .chapter-content-container .chapter-content{background:rgba(var(--secondary-bg, #1a1a1a),.8);border:1px solid var(--border-color, #404040);border-radius:16px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chapter-detail-page .chapter-content-container .chapter-content .content-text{color:var(--primary-text, #ffffff);line-height:1.8;font-size:1.1rem;max-width:none}.chapter-detail-page .chapter-content-container .chapter-content .content-text h1,.chapter-detail-page .chapter-content-container .chapter-content .content-text h2,.chapter-detail-page .chapter-content-container .chapter-content .content-text h3,.chapter-detail-page .chapter-content-container .chapter-content .content-text h4,.chapter-detail-page .chapter-content-container .chapter-content .content-text h5,.chapter-detail-page .chapter-content-container .chapter-content .content-text h6{color:var(--primary-text, #ffffff);margin-top:2rem;margin-bottom:1rem;font-weight:600}.chapter-detail-page .chapter-content-container .chapter-content .content-text h1{font-size:2rem}.chapter-detail-page .chapter-content-container .chapter-content .content-text h2{font-size:1.75rem}.chapter-detail-page .chapter-content-container .chapter-content .content-text h3{font-size:1.5rem}.chapter-detail-page .chapter-content-container .chapter-content .content-text h4{font-size:1.25rem}.chapter-detail-page .chapter-content-container .chapter-content .content-text h5{font-size:1.1rem}.chapter-detail-page .chapter-content-container .chapter-content .content-text h6{font-size:1rem}.chapter-detail-page .chapter-content-container .chapter-content .content-text p{margin-bottom:1.5rem;text-align:justify}.chapter-detail-page .chapter-content-container .chapter-content .content-text p:last-child{margin-bottom:0}.chapter-detail-page .chapter-content-container .chapter-content .content-text blockquote{border-left:4px solid var(--primary-accent, #ffffff);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--secondary-text, #e0e0e0);background:rgba(var(--primary-accent, #ffffff),.05);padding:1.5rem;border-radius:0 8px 8px 0}.chapter-detail-page .chapter-content-container .chapter-content .content-text ul,.chapter-detail-page .chapter-content-container .chapter-content .content-text ol{margin:1.5rem 0;padding-left:2rem}.chapter-detail-page .chapter-content-container .chapter-content .content-text ul li,.chapter-detail-page .chapter-content-container .chapter-content .content-text ol li{margin-bottom:.5rem;color:var(--secondary-text, #e0e0e0)}.chapter-detail-page .chapter-content-container .chapter-content .content-text strong,.chapter-detail-page .chapter-content-container .chapter-content .content-text b{color:var(--primary-accent, #ffffff);font-weight:600}.chapter-detail-page .chapter-content-container .chapter-content .content-text em,.chapter-detail-page .chapter-content-container .chapter-content .content-text i{color:var(--secondary-accent, #cccccc)}.chapter-detail-page .chapter-content-container .chapter-content .content-text a{color:var(--primary-accent, #ffffff);text-decoration:underline;transition:color .3s ease}.chapter-detail-page .chapter-content-container .chapter-content .content-text a:hover{color:var(--secondary-accent, #cccccc)}.chapter-detail-page .chapter-content-container .chapter-content .content-text code{background:rgba(var(--primary-bg, #0a0a0a),.5);padding:.2rem .4rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--secondary-accent, #cccccc)}.chapter-detail-page .chapter-content-container .chapter-content .content-text pre{background:rgba(var(--primary-bg, #0a0a0a),.8);padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;border:1px solid var(--border-color, #404040)}.chapter-detail-page .chapter-content-container .chapter-content .content-text pre code{background:none;padding:0;color:var(--secondary-text, #e0e0e0)}.chapter-detail-page .chapter-content-container .chapter-content .content-text img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;box-shadow:0 4px 12px #0000004d}.chapter-detail-page .chapter-content-container .chapter-content .content-text table{width:100%;border-collapse:collapse;margin:1.5rem 0}.chapter-detail-page .chapter-content-container .chapter-content .content-text table th,.chapter-detail-page .chapter-content-container .chapter-content .content-text table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color, #404040)}.chapter-detail-page .chapter-content-container .chapter-content .content-text table th{background:rgba(var(--primary-accent, #ffffff),.1);color:var(--primary-accent, #ffffff);font-weight:600}.chapter-detail-page .chapter-content-container .chapter-content .content-text table td{color:var(--secondary-text, #e0e0e0)}.chapter-detail-page .chapter-content-container .chapter-content .content-text hr{border:none;height:1px;background:var(--border-color, #404040);margin:2rem 0}.chapter-detail-page .chapter-content-container .chapter-content .no-content{text-align:center;padding:4rem 0}.chapter-detail-page .chapter-content-container .chapter-content .no-content .no-content-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.chapter-detail-page .chapter-content-container .chapter-content .no-content h3{font-size:1.5rem;color:var(--primary-text, #ffffff);margin-bottom:.5rem}.chapter-detail-page .chapter-content-container .chapter-content .no-content p{color:var(--secondary-text, #e0e0e0);font-size:1rem}.chapter-detail-page .chapter-footer .navigation-links{display:flex;justify-content:space-between;gap:2rem;margin-bottom:2rem}.chapter-detail-page .chapter-footer .navigation-links .nav-link{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:rgba(var(--secondary-bg, #1a1a1a),.8);border:1px solid var(--border-color, #404040);border-radius:12px;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1}.chapter-detail-page .chapter-footer .navigation-links .nav-link:hover{border-color:var(--primary-accent, #ffffff);transform:translateY(-2px);box-shadow:0 8px 25px #0003}.chapter-detail-page .chapter-footer .navigation-links .nav-link.next-chapter{text-align:right;justify-content:flex-end}.chapter-detail-page .chapter-footer .navigation-links .nav-link .nav-icon{font-size:1.5rem;color:var(--primary-accent, #ffffff);font-weight:700}.chapter-detail-page .chapter-footer .navigation-links .nav-link .nav-text{display:flex;flex-direction:column}.chapter-detail-page .chapter-footer .navigation-links .nav-link .nav-text .nav-label{font-size:.8rem;color:var(--muted-text, #a0a0a0);text-transform:uppercase;letter-spacing:.5px}.chapter-detail-page .chapter-footer .navigation-links .nav-link .nav-text .nav-title{font-size:1rem;color:var(--primary-text, #ffffff);font-weight:600;line-height:1.3}.chapter-detail-page .chapter-footer .chapter-actions-footer{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.chapter-detail-page .chapter-footer .chapter-actions-footer .like-btn,.chapter-detail-page .chapter-footer .chapter-actions-footer .edit-chapter-btn,.chapter-detail-page .chapter-footer .chapter-actions-footer .back-to-book-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.chapter-detail-page .chapter-footer .chapter-actions-footer .like-btn{border:none}.chapter-detail-page .chapter-footer .chapter-actions-footer .like-btn.not-liked{background:rgba(var(--primary-accent, #ffffff),.1);color:var(--primary-accent, #ffffff);border:1px solid rgba(var(--primary-accent, #ffffff),.3)}.chapter-detail-page .chapter-footer .chapter-actions-footer .like-btn.not-liked:hover{background:rgba(var(--primary-accent, #ffffff),.2);border-color:var(--primary-accent, #ffffff);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-accent, #ffffff),.2)}.chapter-detail-page .chapter-footer .chapter-actions-footer .like-btn.liked{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.3)}.chapter-detail-page .chapter-footer .chapter-actions-footer .like-btn.liked:hover{background:#dc354533;border-color:#dc3545;transform:translateY(-2px);box-shadow:0 8px 25px #dc354533}.chapter-detail-page .chapter-footer .chapter-actions-footer .edit-chapter-btn{background:#ffc1071a;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.chapter-detail-page .chapter-footer .chapter-actions-footer .edit-chapter-btn:hover{background:#ffc10733;border-color:#ffc107;transform:translateY(-2px);box-shadow:0 8px 25px #ffc10733}.chapter-detail-page .chapter-footer .chapter-actions-footer .back-to-book-btn{background:rgba(var(--secondary-accent, #cccccc),.1);color:var(--secondary-accent, #cccccc);border:1px solid rgba(var(--secondary-accent, #cccccc),.3)}.chapter-detail-page .chapter-footer .chapter-actions-footer .back-to-book-btn:hover{background:rgba(var(--secondary-accent, #cccccc),.2);border-color:var(--secondary-accent, #cccccc);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--secondary-accent, #cccccc),.2)}@media (max-width: 1024px){.chapter-detail-page .chapter-content-container .chapter-content{padding:2rem}.chapter-detail-page .chapter-content-container .chapter-content .content-text{font-size:1rem}}@media (max-width: 768px){.chapter-detail-page{padding:1rem 0}.chapter-detail-page .container{padding:0 1rem}.chapter-detail-page .chapter-header{padding:1.5rem}.chapter-detail-page .chapter-header .chapter-title-section .chapter-title{font-size:2rem}.chapter-detail-page .chapter-header .chapter-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}.chapter-detail-page .chapter-header .chapter-meta .meta-item{padding:1rem;background:rgba(var(--primary-bg, #0a0a0a),.5);border-radius:12px;border:1px solid var(--border-color, #404040);text-align:center;cursor:pointer;transition:all .3s ease}.chapter-detail-page .chapter-header .chapter-meta .meta-item:hover{background:rgba(var(--primary-bg, #0a0a0a),.8);border-color:var(--primary-accent, #ffffff)}.chapter-detail-page .chapter-header .chapter-meta .meta-item.comment-count-item{cursor:pointer}.chapter-detail-page .chapter-header .chapter-meta .meta-item.comment-count-item:hover{background:rgba(var(--primary-accent, #ffffff),.1)}.chapter-detail-page .chapter-header .chapter-meta .meta-item .meta-icon{font-size:1.5rem;margin-bottom:.5rem}.chapter-detail-page .chapter-header .chapter-meta .meta-item .meta-label{font-size:.75rem;color:var(--muted-text, #a0a0a0);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.chapter-detail-page .chapter-header .chapter-meta .meta-item .meta-value{font-size:1rem;font-weight:600;color:var(--primary-text, #ffffff);word-break:break-word}.chapter-detail-page .chapter-header .chapter-actions{flex-direction:column;gap:1rem;margin-top:1rem}.chapter-detail-page .chapter-header .chapter-actions .like-btn,.chapter-detail-page .chapter-header .chapter-actions .back-to-book-btn{width:100%;justify-content:center;padding:1rem 1.5rem}.chapter-detail-page .chapter-content-container .chapter-content{padding:1.5rem}.chapter-detail-page .chapter-content-container .chapter-content .content-text{font-size:.95rem;line-height:1.7}.chapter-detail-page .chapter-footer .navigation-links{flex-direction:column;gap:1rem}.chapter-detail-page .chapter-footer .navigation-links .nav-link{padding:1rem}.chapter-detail-page .chapter-footer .navigation-links .nav-link .nav-text .nav-title{font-size:.9rem}.chapter-detail-page .chapter-footer .chapter-actions-footer{flex-direction:column}.chapter-detail-page .chapter-footer .chapter-actions-footer .like-btn,.chapter-detail-page .chapter-footer .chapter-actions-footer .back-to-book-btn{width:100%;justify-content:center}}.floating-chapter-nav{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:1000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;backface-visibility:hidden}.floating-chapter-nav.visible{opacity:1;visibility:visible}.floating-chapter-nav .floating-nav-container{display:flex;gap:1rem;align-items:center;background:rgba(var(--secondary-bg, #1a1a1a),.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color, #404040);border-radius:16px;padding:.75rem;box-shadow:0 10px 40px #0000004d}.floating-chapter-nav .floating-nav-container .floating-nav-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--secondary-bg, #1a1a1a);border:1px solid var(--border-color, #404040);border-radius:12px;text-decoration:none;color:var(--primary-text, #ffffff);transition:all .3s cubic-bezier(.4,0,.2,1);min-width:200px}.floating-chapter-nav .floating-nav-container .floating-nav-btn:hover{background:var(--primary-bg, #0a0a0a);border-color:var(--primary-accent, #ffffff);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-accent, #ffffff),.2)}.floating-chapter-nav .floating-nav-container .floating-nav-btn.next-btn{justify-content:flex-end;text-align:right}.floating-chapter-nav .floating-nav-container .floating-nav-btn .nav-icon{font-size:1.2rem;font-weight:700;color:var(--primary-accent, #ffffff);flex-shrink:0}.floating-chapter-nav .floating-nav-container .floating-nav-btn .nav-text{display:flex;flex-direction:column;gap:.25rem;min-width:0}.floating-chapter-nav .floating-nav-container .floating-nav-btn .nav-text .nav-label{font-size:.7rem;color:var(--muted-text, #a0a0a0);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.floating-chapter-nav .floating-nav-container .floating-nav-btn .nav-text .nav-title{font-size:.85rem;color:var(--primary-text, #ffffff);font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.floating-chapter-nav{display:none!important}}@media (min-width: 769px){.floating-chapter-nav{bottom:calc(2rem + 80px)}}@media (min-width: 769px) and (max-height: 600px){.floating-chapter-nav{bottom:calc(1rem + 60px)}}.floating-chapter-nav.visible{animation:slideUp .3s ease-out}.floating-chapter-nav:focus-within{outline:2px solid var(--primary-accent, #ffffff);outline-offset:2px}.floating-chapter-nav:hover .floating-nav-container{box-shadow:0 15px 50px #0006}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-spinner-container.spinner-small .loading-spinner{width:16px;height:16px;border-width:2px}.loading-spinner-container.spinner-small .loading-text{font-size:.8rem}.loading-spinner-container.spinner-medium .loading-spinner{width:32px;height:32px;border-width:3px}.loading-spinner-container.spinner-medium .loading-text{font-size:.9rem}.loading-spinner-container.spinner-large .loading-spinner{width:48px;height:48px;border-width:4px}.loading-spinner-container.spinner-large .loading-text{font-size:1rem}.loading-spinner-container.spinner-xlarge .loading-spinner{width:64px;height:64px;border-width:5px}.loading-spinner-container.spinner-xlarge .loading-text{font-size:1.1rem}.loading-spinner-container.spinner-default .loading-spinner{border-color:var(--border-color, #404040);border-top-color:var(--primary-accent, #ffffff)}.loading-spinner-container.spinner-default .loading-text{color:var(--secondary-text, #e0e0e0)}.loading-spinner-container.spinner-primary .loading-spinner{border-color:rgba(var(--primary-accent, #ffffff),.2);border-top-color:var(--primary-accent, #ffffff)}.loading-spinner-container.spinner-primary .loading-text{color:var(--primary-accent, #ffffff)}.loading-spinner-container.spinner-secondary .loading-spinner{border-color:rgba(var(--secondary-accent, #cccccc),.2);border-top-color:var(--secondary-accent, #cccccc)}.loading-spinner-container.spinner-secondary .loading-text{color:var(--secondary-accent, #cccccc)}.loading-spinner-container.spinner-white .loading-spinner{border-color:#fff3;border-top-color:#fff}.loading-spinner-container.spinner-white .loading-text{color:#fff}.loading-spinner-container .loading-spinner{border:3px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-container .loading-text{font-weight:500;text-align:center;margin:0}.page-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;min-height:400px}.page-loading-state .loading-spinner-container{margin-bottom:2rem}.page-loading-state .loading-message{text-align:center;max-width:400px}.page-loading-state .loading-message h3{font-size:1.5rem;color:var(--primary-text, #ffffff);margin-bottom:.5rem}.page-loading-state .loading-message p{color:var(--secondary-text, #e0e0e0);font-size:1rem;line-height:1.5}.skeleton-loading .skeleton-item{background:linear-gradient(90deg,rgba(var(--border-color, #404040),.3) 25%,rgba(var(--border-color, #404040),.6),rgba(var(--border-color, #404040),.3) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-loading .skeleton-title{height:24px;width:60%;margin-bottom:1rem}.skeleton-loading .skeleton-text{height:16px;width:100%;margin-bottom:.5rem}.skeleton-loading .skeleton-text:nth-child(2){width:80%}.skeleton-loading .skeleton-text:nth-child(3){width:90%}.skeleton-loading .skeleton-button{height:40px;width:120px;border-radius:8px}.book-card-skeleton{background:rgba(var(--secondary-bg, #1a1a1a),.8);border:1px solid var(--border-color, #404040);border-radius:16px;overflow:hidden;padding:1.5rem}.book-card-skeleton .skeleton-cover{height:200px;width:100%;margin-bottom:1rem}.book-card-skeleton .skeleton-title{height:20px;width:80%;margin-bottom:.5rem}.book-card-skeleton .skeleton-author{height:16px;width:60%;margin-bottom:1rem}.book-card-skeleton .skeleton-description{height:16px;width:100%;margin-bottom:.5rem}.book-card-skeleton .skeleton-description:nth-child(2){width:90%}.book-card-skeleton .skeleton-description:nth-child(3){width:70%}.pulse-loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(var(--primary-bg, #0a0a0a),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-overlay .loading-spinner-container{background:rgba(var(--secondary-bg, #1a1a1a),.9);padding:2rem;border-radius:16px;border:1px solid var(--border-color, #404040);box-shadow:0 20px 40px #0000004d}.inline-loading{display:inline-flex;align-items:center;gap:.5rem}.inline-loading .loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.page-loading-state{padding:2rem 0;min-height:300px}.page-loading-state .loading-message h3{font-size:1.3rem}.page-loading-state .loading-message p{font-size:.9rem}.loading-overlay .loading-spinner-container{padding:1.5rem;margin:1rem}}.loading-demo{min-height:100vh;padding:2rem 0;background:linear-gradient(135deg,rgba(var(--primary-bg, #0a0a0a),.9),rgba(var(--secondary-bg, #1a1a1a),.9))}.loading-demo .container{max-width:1200px;margin:0 auto;padding:0 2rem}.loading-demo h1{text-align:center;font-size:2.5rem;font-weight:800;color:var(--primary-accent, #ffffff);margin-bottom:3rem}.loading-demo .spinner-showcase{display:flex;flex-direction:column;gap:3rem}.loading-demo .spinner-section{background:rgba(var(--secondary-bg, #1a1a1a),.8);border:1px solid var(--border-color, #404040);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-demo .spinner-section h3{font-size:1.5rem;color:var(--primary-text, #ffffff);margin-bottom:1.5rem;text-align:center}.loading-demo .spinner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.loading-demo .spinner-grid .spinner-item{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:rgba(var(--primary-bg, #0a0a0a),.5);border:1px solid var(--border-color, #404040);border-radius:12px;transition:all .3s ease}.loading-demo .spinner-grid .spinner-item:hover{border-color:var(--primary-accent, #ffffff);transform:translateY(-2px);box-shadow:0 8px 25px #0003}.loading-demo .spinner-grid .spinner-item h4{font-size:1rem;color:var(--secondary-text, #e0e0e0);margin:0;text-align:center}.loading-demo .page-loading-examples{display:flex;justify-content:center}.loading-demo .page-loading-examples .page-loading-state{min-height:300px;width:100%;max-width:500px}.loading-demo .inline-examples{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.loading-demo .inline-examples .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.loading-demo .inline-examples .btn.btn-primary{background:var(--primary-accent, #ffffff);color:var(--primary-bg, #0a0a0a)}.loading-demo .inline-examples .btn.btn-primary:hover{background:var(--secondary-accent, #cccccc);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-accent, #ffffff),.3)}.loading-demo .inline-examples .btn.btn-secondary{background:rgba(var(--secondary-accent, #cccccc),.1);color:var(--secondary-accent, #cccccc);border:1px solid rgba(var(--secondary-accent, #cccccc),.3)}.loading-demo .inline-examples .btn.btn-secondary:hover{background:rgba(var(--secondary-accent, #cccccc),.2);border-color:var(--secondary-accent, #cccccc);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--secondary-accent, #cccccc),.2)}.loading-demo .inline-examples .btn .loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.loading-demo{padding:1rem 0}.loading-demo .container{padding:0 1rem}.loading-demo h1{font-size:2rem;margin-bottom:2rem}.loading-demo .spinner-section{padding:1.5rem}.loading-demo .spinner-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.loading-demo .spinner-grid .spinner-item{padding:1rem}.loading-demo .inline-examples{flex-direction:column;align-items:center}.loading-demo .inline-examples .btn{width:100%;max-width:200px;justify-content:center}}.staff-announcements{padding:3rem 0;background:linear-gradient(135deg,rgba(var(--primary-bg, #0a0a0a),.9),rgba(var(--secondary-bg, #1a1a1a),.9))}.staff-announcements .container{max-width:1400px;margin:0 auto;padding:0 2rem;width:100%}.staff-announcements .section-header{text-align:center;margin-bottom:3rem;position:relative}.staff-announcements .section-header .section-title{font-size:2.5rem;font-weight:800;color:var(--primary-text, #ffffff);display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;position:relative;margin-bottom:1rem}.staff-announcements .section-header .section-title .title-icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.3));flex-shrink:0}.staff-announcements .section-header .view-all-link{font-size:1rem;color:var(--primary-accent, #ffffff);text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block;padding:.75rem 1.5rem;border:1px solid var(--primary-accent, #ffffff);border-radius:8px;background:rgba(var(--primary-accent, #ffffff),.1);position:relative;z-index:10;pointer-events:auto;cursor:pointer}.staff-announcements .section-header .view-all-link:hover{color:var(--primary-bg, #0a0a0a);background:var(--primary-accent, #ffffff);transform:translate(5px);box-shadow:0 4px 12px rgba(var(--primary-accent, #ffffff),.3)}.staff-announcements .section-header .view-all-link:active{transform:translate(5px) scale(.98)}.staff-announcements .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}.staff-announcements .loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #404040);border-top:3px solid var(--primary-accent, #ffffff);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.staff-announcements .loading-state p{color:var(--secondary-text, #e0e0e0);font-size:1.1rem}.staff-announcements .error-state{text-align:center;padding:2rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px}.staff-announcements .error-state p{color:#ef4444;font-size:1rem}.staff-announcements .empty-state{text-align:center;padding:4rem 0}.staff-announcements .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.staff-announcements .empty-state p{color:var(--secondary-text, #e0e0e0);font-size:1.1rem}.staff-announcements .announcements-list{display:flex;flex-direction:column;gap:2rem;width:100%}.staff-announcements .announcements-list .announcement-item{position:relative;padding:2rem 0;border-bottom:1px solid rgba(var(--border-color, #404040),.3)}.staff-announcements .announcements-list .announcement-item:last-child{border-bottom:none}.staff-announcements .announcements-list .announcement-item.pinned:before{content:"";position:absolute;left:-2rem;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-accent, #ffffff),var(--secondary-accent, #cccccc));border-radius:2px}.staff-announcements .announcements-list .announcement-item .announcement-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.staff-announcements .announcements-list .announcement-item .announcement-header .priority-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.staff-announcements .announcements-list .announcement-item .announcement-header .priority-badge .priority-icon{font-size:1rem}.staff-announcements .announcements-list .announcement-item .announcement-header .priority-badge .priority-text{font-size:.7rem}.staff-announcements .announcements-list .announcement-item .announcement-header .announcement-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.staff-announcements .announcements-list .announcement-item .announcement-header .announcement-meta .announcement-author{font-size:.9rem;color:var(--secondary-text, #e0e0e0);font-weight:500}.staff-announcements .announcements-list .announcement-item .announcement-header .announcement-meta .announcement-time{font-size:.8rem;color:var(--muted-text, #a0a0a0)}.staff-announcements .announcements-list .announcement-item .announcement-header .announcement-meta .pinned-indicator{font-size:.8rem;color:var(--primary-accent, #ffffff);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.staff-announcements .announcements-list .announcement-item .announcement-title{font-size:1.6rem;font-weight:700;color:var(--primary-text, #ffffff);margin-bottom:1rem;line-height:1.3}.staff-announcements .announcements-list .announcement-item .announcement-content{color:var(--secondary-text, #e0e0e0);font-size:1rem;line-height:1.6}.staff-announcements .announcements-list .announcement-item .announcement-content p{margin-bottom:1rem}.staff-announcements .announcements-list .announcement-item .announcement-content p:last-child{margin-bottom:0}@media (max-width: 768px){.staff-announcements{padding:1rem 0}.staff-announcements .container{padding:0 1rem}.staff-announcements .section-header{margin-bottom:2rem}.staff-announcements .section-header .section-title{font-size:2rem;flex-direction:column;gap:.5rem}.staff-announcements .section-header .section-title .title-icon{font-size:1.5rem}.staff-announcements .section-header .section-title .view-all-link{margin-left:0;margin-top:.5rem}.staff-announcements .announcements-list{gap:1.5rem}.staff-announcements .announcements-list .announcement-item{padding:1.5rem 0}.staff-announcements .announcements-list .announcement-item.pinned:before{left:-1rem}.staff-announcements .announcements-list .announcement-item .announcement-header{flex-direction:column;align-items:flex-start;gap:1rem}.staff-announcements .announcements-list .announcement-item .announcement-header .announcement-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.staff-announcements .announcements-list .announcement-item .announcement-title{font-size:1.3rem}}.announcements-page{min-height:100vh;padding:2rem 0;background:linear-gradient(135deg,rgba(var(--primary-bg, #0a0a0a),.9),rgba(var(--secondary-bg, #1a1a1a),.9))}.announcements-page .container{max-width:1400px;margin:0 auto;padding:0 2rem;width:100%}.announcements-page .page-header{text-align:center;margin-bottom:3rem}.announcements-page .page-header .page-title{font-size:3rem;font-weight:800;color:var(--primary-text, #ffffff);margin-bottom:1rem}.announcements-page .page-header .page-title .text-gradient{color:var(--primary-accent, #ffffff)}.announcements-page .page-header .page-subtitle{font-size:1.2rem;color:var(--secondary-text, #e0e0e0);font-weight:500}.announcements-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}.announcements-page .loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #404040);border-top:3px solid var(--primary-accent, #ffffff);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.announcements-page .loading-state p{color:var(--secondary-text, #e0e0e0);font-size:1.1rem}.announcements-page .error-state{text-align:center;padding:2rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px}.announcements-page .error-state p{color:#ef4444;font-size:1rem}.announcements-page .empty-state{text-align:center;padding:4rem 0}.announcements-page .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.announcements-page .empty-state h3{font-size:1.5rem;color:var(--primary-text, #ffffff);margin-bottom:.5rem}.announcements-page .empty-state p{color:var(--secondary-text, #e0e0e0);font-size:1rem}.announcements-page .announcements-accordion{display:flex;flex-direction:column;gap:1rem;width:100%}.announcements-page .announcements-accordion .accordion-item{background:rgba(var(--secondary-bg, #1a1a1a),.8);border:1px solid var(--border-color, #404040);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.announcements-page .announcements-accordion .accordion-item:hover{border-color:var(--primary-accent, #ffffff);box-shadow:0 8px 25px #0003}.announcements-page .announcements-accordion .accordion-item.pinned{border-color:var(--primary-accent, #ffffff);background:rgba(var(--primary-accent, #ffffff),.05)}.announcements-page .announcements-accordion .accordion-item.pinned:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-accent, #ffffff),var(--secondary-accent, #cccccc))}.announcements-page .announcements-accordion .accordion-item.expanded{border-color:var(--primary-accent, #ffffff);box-shadow:0 12px 30px #0000004d}.announcements-page .announcements-accordion .accordion-item .accordion-header{width:100%;padding:1.5rem 2rem;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:all .3s ease}.announcements-page .announcements-accordion .accordion-item .accordion-header:hover{background:rgba(var(--primary-accent, #ffffff),.05)}.announcements-page .announcements-accordion .accordion-item .accordion-header .accordion-title-section{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.announcements-page .announcements-accordion .accordion-item .accordion-header .accordion-title-section .priority-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.announcements-page .announcements-accordion .accordion-item .accordion-header .accordion-title-section .priority-badge .priority-icon{font-size:1rem}.announcements-page .announcements-accordion .accordion-item .accordion-header .accordion-title-section .priority-badge .priority-text{font-size:.7rem}.announcements-page .announcements-accordion .accordion-item .accordion-header .accordion-title-section .announcement-title{font-size:1.3rem;font-weight:700;color:var(--primary-text, #ffffff);margin:0;line-height:1.3;flex:1;min-width:0;text-align:left}.announcements-page .announcements-accordion .accordion-item .accordion-header .accordion-title-section .pinned-badge{font-size:.8rem;color:var(--primary-accent, #ffffff);font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.announcements-page .announcements-accordion .accordion-item .accordion-header .accordion-meta{display:flex;align-items:center;gap:1rem;flex-shrink:0}.announcements-page .announcements-accordion .accordion-item .accordion-header .accordion-meta .announcement-author{font-size:.9rem;color:var(--secondary-text, #e0e0e0);font-weight:500}.announcements-page .announcements-accordion .accordion-item .accordion-header .accordion-meta .announcement-time{font-size:.8rem;color:var(--muted-text, #a0a0a0)}.announcements-page .announcements-accordion .accordion-item .accordion-header .accordion-meta .expand-icon{font-size:1.5rem;color:var(--primary-accent, #ffffff);font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.announcements-page .announcements-accordion .accordion-item .accordion-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.announcements-page .announcements-accordion .accordion-item .accordion-content .announcement-content{padding:0 2rem 2rem;color:var(--secondary-text, #e0e0e0);font-size:1rem;line-height:1.6}.announcements-page .announcements-accordion .accordion-item .accordion-content .announcement-content p{margin-bottom:1rem}.announcements-page .announcements-accordion .accordion-item .accordion-content .announcement-content p:last-child{margin-bottom:0}.announcements-page .announcements-accordion .accordion-item.expanded .accordion-header .expand-icon{transform:rotate(180deg)}.announcements-page .announcements-accordion .accordion-item.expanded .accordion-content{max-height:1000px}@media (max-width: 768px){.announcements-page{padding:1rem 0}.announcements-page .container{padding:0 1rem}.announcements-page .page-header{margin-bottom:2rem}.announcements-page .page-header .page-title{font-size:2rem}.announcements-page .page-header .page-subtitle{font-size:1rem}.announcements-page .announcements-accordion{gap:.75rem}.announcements-page .announcements-accordion .accordion-item .accordion-header{padding:1rem;flex-direction:column;align-items:flex-start;gap:1rem}.announcements-page .announcements-accordion .accordion-item .accordion-header .accordion-title-section{width:100%;flex-direction:column;align-items:flex-start;gap:.75rem}.announcements-page .announcements-accordion .accordion-item .accordion-header .accordion-title-section .announcement-title{font-size:1.1rem}.announcements-page .announcements-accordion .accordion-item .accordion-header .accordion-meta{width:100%;justify-content:space-between;align-items:center}.announcements-page .announcements-accordion .accordion-item .accordion-header .accordion-meta .announcement-author,.announcements-page .announcements-accordion .accordion-item .accordion-header .accordion-meta .announcement-time{font-size:.8rem}.announcements-page .announcements-accordion .accordion-item .accordion-content .announcement-content{padding:0 1rem 1rem;font-size:.9rem}}.announcements-bell{width:32px;height:32px;background:transparent;border:1px solid var(--border-color, #404040);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--secondary-text, #e0e0e0)}.announcements-bell:hover{background:rgba(var(--primary-accent, #ffffff),.1);border-color:var(--primary-accent, #ffffff);color:var(--primary-accent, #ffffff);transform:scale(1.1)}.announcements-bell:active{transform:scale(.95)}.announcements-bell .bell-icon{font-size:1rem}.announcements-bell .notification-badge{position:absolute;top:-3px;right:-3px;background:var(--primary-accent, #ffffff);color:var(--primary-bg, #0a0a0a);border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;border:2px solid var(--primary-bg, #0a0a0a);animation:pulse 2s infinite}.announcements-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.announcements-modal-overlay .announcements-modal{background:rgba(var(--secondary-bg, #1a1a1a),.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--border-color, #404040);border-radius:16px;max-width:600px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #00000080}.announcements-modal-overlay .announcements-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color, #404040)}.announcements-modal-overlay .announcements-modal .modal-header .modal-title{font-size:1.5rem;font-weight:700;color:var(--primary-text, #ffffff);margin:0;display:flex;align-items:center;gap:.5rem}.announcements-modal-overlay .announcements-modal .modal-header .modal-title .title-icon{font-size:1.25rem}.announcements-modal-overlay .announcements-modal .modal-header .modal-close{background:none;border:none;color:var(--muted-text, #a0a0a0);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .3s ease}.announcements-modal-overlay .announcements-modal .modal-header .modal-close:hover{color:var(--primary-text, #ffffff);background:rgba(var(--primary-accent, #ffffff),.1)}.announcements-modal-overlay .announcements-modal .modal-content{padding:1.5rem;max-height:60vh;overflow-y:auto}.announcements-modal-overlay .announcements-modal .modal-content .loading-state,.announcements-modal-overlay .announcements-modal .modal-content .error-state,.announcements-modal-overlay .announcements-modal .modal-content .empty-state{text-align:center;padding:2rem}.announcements-modal-overlay .announcements-modal .modal-content .loading-state .loading-spinner,.announcements-modal-overlay .announcements-modal .modal-content .error-state .loading-spinner,.announcements-modal-overlay .announcements-modal .modal-content .empty-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #404040);border-top:3px solid var(--primary-accent, #ffffff);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.announcements-modal-overlay .announcements-modal .modal-content .loading-state .empty-icon,.announcements-modal-overlay .announcements-modal .modal-content .error-state .empty-icon,.announcements-modal-overlay .announcements-modal .modal-content .empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.announcements-modal-overlay .announcements-modal .modal-content .loading-state p,.announcements-modal-overlay .announcements-modal .modal-content .error-state p,.announcements-modal-overlay .announcements-modal .modal-content .empty-state p{color:var(--secondary-text, #e0e0e0);margin:0}.announcements-modal-overlay .announcements-modal .modal-content .announcements-list{display:flex;flex-direction:column;gap:1.5rem}.announcements-modal-overlay .announcements-modal .modal-content .announcements-list .announcement-item{background:rgba(var(--primary-bg, #0a0a0a),.5);border:1px solid var(--border-color, #404040);border-radius:12px;padding:1.5rem;transition:all .3s ease}.announcements-modal-overlay .announcements-modal .modal-content .announcements-list .announcement-item:hover{border-color:var(--primary-accent, #ffffff);background:rgba(var(--primary-bg, #0a0a0a),.7)}.announcements-modal-overlay .announcements-modal .modal-content .announcements-list .announcement-item.pinned{border-color:var(--primary-accent, #ffffff);background:rgba(var(--primary-accent, #ffffff),.05)}.announcements-modal-overlay .announcements-modal .modal-content .announcements-list .announcement-item .announcement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.announcements-modal-overlay .announcements-modal .modal-content .announcements-list .announcement-item .announcement-header .priority-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.announcements-modal-overlay .announcements-modal .modal-content .announcements-list .announcement-item .announcement-header .announcement-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--muted-text, #a0a0a0)}.announcements-modal-overlay .announcements-modal .modal-content .announcements-list .announcement-item .announcement-header .announcement-meta .announcement-author{font-weight:500}.announcements-modal-overlay .announcements-modal .modal-content .announcements-list .announcement-item .announcement-header .announcement-meta .pinned-indicator{color:var(--primary-accent, #ffffff);font-weight:600}.announcements-modal-overlay .announcements-modal .modal-content .announcements-list .announcement-item .announcement-title{font-size:1.25rem;font-weight:700;color:var(--primary-text, #ffffff);margin-bottom:1rem;line-height:1.3}.announcements-modal-overlay .announcements-modal .modal-content .announcements-list .announcement-item .announcement-content{color:var(--secondary-text, #e0e0e0);line-height:1.6}.announcements-modal-overlay .announcements-modal .modal-content .announcements-list .announcement-item .announcement-content p{margin-bottom:1rem}.announcements-modal-overlay .announcements-modal .modal-content .announcements-list .announcement-item .announcement-content p:last-child{margin-bottom:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (max-width: 768px){.announcements-bell{width:28px;height:28px}.announcements-bell .bell-icon{font-size:.875rem}.announcements-bell .notification-badge{width:14px;height:14px;font-size:.5rem}.announcements-modal-overlay{padding:10px}.announcements-modal-overlay .announcements-modal{max-height:90vh}.announcements-modal-overlay .announcements-modal .modal-header{padding:1rem}.announcements-modal-overlay .announcements-modal .modal-header .modal-title{font-size:1.25rem}.announcements-modal-overlay .announcements-modal .modal-content{padding:1rem;max-height:70vh}.announcements-modal-overlay .announcements-modal .modal-content .announcements-list{gap:1rem}.announcements-modal-overlay .announcements-modal .modal-content .announcements-list .announcement-item{padding:1rem}.announcements-modal-overlay .announcements-modal .modal-content .announcements-list .announcement-item .announcement-header{flex-direction:column;align-items:flex-start;gap:.5rem}.announcements-modal-overlay .announcements-modal .modal-content .announcements-list .announcement-item .announcement-header .announcement-meta{flex-wrap:wrap;gap:.5rem}.announcements-modal-overlay .announcements-modal .modal-content .announcements-list .announcement-item .announcement-title{font-size:1.1rem}}.auth-page{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:1.5rem;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><pattern id="circuit" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M 0 20 L 10 20 L 10 10 L 30 10 L 30 20 L 40 20 M 20 0 L 20 10 M 20 30 L 20 40" fill="none" stroke="rgba(255,255,255,0.04)" stroke-width="1"/><circle cx="10" cy="20" r="2" fill="rgba(255,255,255,0.06)"/><circle cx="30" cy="20" r="2" fill="rgba(255,255,255,0.06)"/><circle cx="20" cy="10" r="2" fill="rgba(255,255,255,0.06)"/><circle cx="20" cy="30" r="2" fill="rgba(255,255,255,0.06)"/></pattern><pattern id="dots" width="30" height="30" patternUnits="userSpaceOnUse"><circle cx="15" cy="15" r="1" fill="rgba(255,255,255,0.02)"/></pattern></defs><rect width="200" height="200" fill="url(%23circuit)"/><rect width="200" height="200" fill="url(%23dots)"/></svg>'),radial-gradient(ellipse at center,#000000b3,#0a0a0ae6,#000);background-size:80px 80px,100% 100%;background-position:center,center;background-repeat:repeat,no-repeat}.auth-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(var(--primary-accent, #ffffff),.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(var(--secondary-accent, #cccccc),.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(var(--tertiary-accent, #999999),.08) 0%,transparent 50%);animation:backgroundShift 20s ease-in-out infinite}.auth-page:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(var(--primary-accent, #ffffff),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--primary-accent, #ffffff),.05) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.auth-container{position:relative;z-index:2;width:100%;max-width:450px;margin:0 auto}.auth-box{background:rgba(var(--secondary-bg, #1a1a1a),.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color, #404040);border-radius:1.5rem;padding:4rem;box-shadow:0 20px 60px #00000080;position:relative;overflow:hidden}.auth-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-accent, #ffffff),var(--secondary-accent, #cccccc))}.auth-box:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary-accent, #ffffff),var(--secondary-accent, #cccccc));border-radius:1.5rem;z-index:-1;opacity:.1;filter:blur(10px)}.auth-header{text-align:center;margin-bottom:3rem}.auth-header .auth-title{font-size:2.5rem;font-weight:900;margin-bottom:1rem}.auth-header .auth-title .logo-text{color:var(--primary-accent, #ffffff)}.auth-header .auth-subtitle{font-size:1.1rem;color:var(--muted-text, #a0a0a0);font-weight:500}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;padding:1rem;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem;color:#ef4444;font-weight:500;animation:errorShake .5s ease-in-out;box-shadow:0 0 0 1px #ef444433}.auth-error span:first-child{font-size:1.1rem;animation:errorPulse 2s ease-in-out infinite}.auth-form{margin-bottom:3rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--primary-text, #ffffff);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:1rem;background:rgba(var(--primary-bg, #0a0a0a),.8);border:1px solid var(--border-color, #404040);border-radius:.5rem;color:var(--primary-text, #ffffff);font-size:1rem;transition:all .3s ease}.form-input::placeholder{color:var(--muted-text, #a0a0a0)}.form-input:focus{outline:none;border-color:var(--primary-accent, #ffffff);box-shadow:0 0 0 3px rgba(var(--primary-accent, #ffffff),.1);background:rgba(var(--primary-bg, #0a0a0a),.9)}.form-input:hover{border-color:var(--border-light, #505050)}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;background:#ef44440d}.form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.gender-toggle{display:flex;gap:.5rem;background:rgba(var(--primary-bg, #0a0a0a),.8);border:1px solid var(--border-color, #404040);border-radius:.5rem;padding:2px;transition:all .3s ease}.gender-toggle:hover{border-color:var(--border-light, #505050)}.gender-toggle:focus-within{border-color:var(--primary-accent, #ffffff);box-shadow:0 0 0 3px rgba(var(--primary-accent, #ffffff),.1)}.gender-option{flex:1;padding:1rem;background:transparent;border:none;border-radius:.25rem;color:var(--secondary-text, #e0e0e0);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.gender-option:hover{color:var(--primary-text, #ffffff);background:rgba(var(--primary-accent, #ffffff),.1)}.gender-option.active{background:var(--primary-accent, #ffffff);color:var(--primary-bg, #0a0a0a);box-shadow:0 2px 8px rgba(var(--primary-accent, #ffffff),.3)}.gender-option.active:hover{background:var(--primary-accent, #ffffff);color:var(--primary-bg, #0a0a0a);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-accent, #ffffff),.4)}.gender-option:focus{outline:none}.darrk-reveal{background:rgba(var(--primary-accent, #ffffff),.1);border:1px solid rgba(var(--primary-accent, #ffffff),.3);border-radius:.5rem;padding:1rem;animation:darrkReveal .5s ease-in-out}.darrk-reveal .darrk-reveal-text{color:var(--primary-accent, #ffffff);font-size:.9rem;font-weight:600;text-align:center;margin:0;text-shadow:0 0 10px rgba(var(--primary-accent, #ffffff),.3)}@keyframes darrkReveal{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-submit{width:100%;padding:1.5rem;font-size:1.1rem;font-weight:700;margin-top:1rem}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;border-top:1px solid var(--border-color, #404040);padding-top:2rem}.auth-footer .auth-link-text{margin-bottom:1.5rem;color:var(--secondary-text, #e0e0e0);font-size:.9rem}.auth-footer .auth-link{color:var(--primary-accent, #ffffff);text-decoration:none;font-weight:600;transition:all .15s ease}.auth-footer .auth-link:hover{opacity:.8;text-decoration:underline}.auth-footer .auth-back-link{display:inline-block;color:var(--muted-text, #a0a0a0);text-decoration:none;font-size:.9rem;transition:all .15s ease}.auth-footer .auth-back-link:hover{color:var(--secondary-text, #e0e0e0)}@media (max-width: 768px){.auth-page{padding:1rem}.auth-box{padding:3rem}.auth-header .auth-title{font-size:2rem}.auth-subtitle{font-size:1rem}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes errorPulse{0%,to{opacity:1}50%{opacity:.7}}.profile-page{min-height:100vh;background:var(--primary-bg, #0a0a0a);color:var(--primary-text, #ffffff);padding:2rem 0}.profile-page .container{max-width:1200px;margin:0 auto;padding:0 1rem}.profile-page .page-header{text-align:center;margin-bottom:3rem}.profile-page .page-header .page-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--primary-accent, #ffffff)}.profile-page .page-header .page-subtitle{font-size:1.1rem;color:var(--muted-text, #a0a0a0);margin:0}.profile-page .profile-section{margin-bottom:3rem}.profile-page .profile-section .section-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--primary-text, #ffffff);border-bottom:2px solid var(--border-color, #404040);padding-bottom:.5rem}.profile-page .user-info-card{background:rgba(var(--secondary-bg, #1a1a1a),.8);border:1px solid var(--border-color, #404040);border-radius:16px;padding:2rem;display:flex;align-items:center;gap:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.profile-page .user-info-card .user-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-accent, #ffffff),var(--secondary-accent, #a0a0a0));display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-page .user-info-card .user-avatar .avatar-text{font-size:2rem;font-weight:700;color:var(--primary-bg, #0a0a0a)}.profile-page .user-info-card .user-details{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.profile-page .user-info-card .user-details .user-field{display:flex;flex-direction:column;gap:.25rem}.profile-page .user-info-card .user-details .user-field .field-label{font-size:.8rem;color:var(--muted-text, #a0a0a0);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.profile-page .user-info-card .user-details .user-field .field-value{font-size:1rem;color:var(--primary-text, #ffffff);font-weight:500}.profile-page .user-info-card .user-details .user-field .field-value.role-badge{display:inline-block;background:rgba(var(--primary-accent, #ffffff),.1);border:1px solid rgba(var(--primary-accent, #ffffff),.2);border-radius:8px;padding:.25rem .75rem;font-size:.8rem;text-transform:capitalize;width:fit-content}.profile-page .user-info-card .user-actions{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;justify-content:center;padding-left:2rem;border-left:1px solid var(--border-color, #404040)}.profile-page .user-info-card .user-actions .change-password-btn{display:flex;align-items:center;gap:.5rem;background:rgba(var(--primary-accent, #ffffff),.1);border:1px solid rgba(var(--primary-accent, #ffffff),.2);border-radius:8px;padding:.75rem 1rem;color:var(--primary-text, #ffffff);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-page .user-info-card .user-actions .change-password-btn:hover{background:rgba(var(--primary-accent, #ffffff),.2);border-color:var(--primary-accent, #ffffff);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-accent, #ffffff),.2)}.profile-page .user-info-card .user-actions .change-password-btn:active{transform:translateY(0)}.profile-page .user-info-card .user-actions .change-password-btn .btn-icon{font-size:1rem}.profile-page .user-info-card .user-actions .change-password-btn .btn-text{font-weight:500}.profile-page .followed-books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.profile-page .followed-book-card{background:rgba(var(--secondary-bg, #1a1a1a),.8);border:1px solid var(--border-color, #404040);border-radius:16px;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.profile-page .followed-book-card:hover{border-color:var(--primary-accent, #ffffff);transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.profile-page .followed-book-card .book-link{text-decoration:none;color:inherit;display:block}.profile-page .followed-book-card .book-cover{width:60px;height:60px;background:rgba(var(--primary-accent, #ffffff),.1);border:1px solid rgba(var(--primary-accent, #ffffff),.2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.profile-page .followed-book-card .book-cover .book-icon{font-size:1.5rem}.profile-page .followed-book-card .book-info .book-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--primary-text, #ffffff);line-height:1.3}.profile-page .followed-book-card .book-info .book-author{font-size:.9rem;color:var(--muted-text, #a0a0a0);margin-bottom:1rem}.profile-page .followed-book-card .book-info .book-meta{display:flex;gap:1rem;flex-wrap:wrap}.profile-page .followed-book-card .book-info .book-meta .meta-item{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--muted-text, #a0a0a0)}.profile-page .followed-book-card .book-info .book-meta .meta-item .meta-icon{font-size:.9rem}.profile-page .followed-book-card .unfollow-btn{position:absolute;top:1rem;right:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.5rem .75rem;color:#ef4444;font-size:.8rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.25rem}.profile-page .followed-book-card .unfollow-btn:hover{background:#ef444433;border-color:#ef4444;transform:scale(1.05)}.profile-page .followed-book-card .unfollow-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-page .followed-book-card .unfollow-btn.loading .loading-spinner{width:12px;height:12px;border:2px solid transparent;border-top:2px solid #ef4444;border-radius:50%;animation:spin 1s linear infinite}.profile-page .followed-book-card .unfollow-btn .unfollow-icon{font-size:.9rem;font-weight:700}.profile-page .followed-book-card .unfollow-btn .unfollow-text{font-weight:500}.profile-page .empty-state{text-align:center;padding:3rem 1rem;background:rgba(var(--secondary-bg, #1a1a1a),.5);border:1px solid var(--border-color, #404040);border-radius:16px}.profile-page .empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.profile-page .empty-state h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--primary-text, #ffffff)}.profile-page .empty-state p{color:var(--muted-text, #a0a0a0);margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.profile-page .empty-state .explore-btn{display:inline-block;background:rgba(var(--primary-accent, #ffffff),.1);border:1px solid rgba(var(--primary-accent, #ffffff),.2);border-radius:8px;padding:.75rem 1.5rem;color:var(--primary-text, #ffffff);text-decoration:none;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-page .empty-state .explore-btn:hover{background:rgba(var(--primary-accent, #ffffff),.2);border-color:var(--primary-accent, #ffffff);transform:translateY(-2px)}.profile-page .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;color:#ef4444}.profile-page .error-message .error-icon{font-size:1.2rem}.profile-page .auth-required{text-align:center;padding:4rem 1rem}.profile-page .auth-required .auth-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.profile-page .auth-required h3{font-size:1.8rem;margin-bottom:.5rem;color:var(--primary-text, #ffffff)}.profile-page .auth-required p{color:var(--muted-text, #a0a0a0);margin-bottom:2rem}.profile-page .auth-required .login-btn{display:inline-block;background:rgba(var(--primary-accent, #ffffff),.1);border:1px solid rgba(var(--primary-accent, #ffffff),.2);border-radius:8px;padding:.75rem 1.5rem;color:var(--primary-text, #ffffff);text-decoration:none;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-page .auth-required .login-btn:hover{background:rgba(var(--primary-accent, #ffffff),.2);border-color:var(--primary-accent, #ffffff);transform:translateY(-2px)}@media (max-width: 768px){.profile-page{padding:1rem 0}.profile-page .page-header{margin-bottom:2rem}.profile-page .page-header .page-title{font-size:2rem}.profile-page .user-info-card{flex-direction:column;text-align:center;gap:1.5rem}.profile-page .user-info-card .user-details{grid-template-columns:1fr;gap:.75rem}.profile-page .user-info-card .user-actions{padding-left:0;border-left:none;border-top:1px solid var(--border-color, #404040);padding-top:1.5rem;width:100%;align-items:center}.profile-page .user-info-card .user-actions .change-password-btn{width:100%;max-width:250px;justify-content:center}.profile-page .followed-books-grid{grid-template-columns:1fr;gap:1rem}.profile-page .followed-book-card{padding:1rem}.profile-page .followed-book-card .book-cover{width:50px;height:50px;margin-bottom:.75rem}.profile-page .followed-book-card .book-cover .book-icon{font-size:1.2rem}.profile-page .followed-book-card .book-info .book-title{font-size:1.1rem}.profile-page .followed-book-card .book-info .book-meta{gap:.75rem}.profile-page .followed-book-card .unfollow-btn{top:.75rem;right:.75rem;padding:.4rem .6rem;font-size:.75rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .3s ease-out}.modal-overlay .change-password-modal{background:rgba(var(--secondary-bg, #1a1a1a),.95);border:1px solid var(--border-color, #404040);border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}.modal-overlay .change-password-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color, #404040)}.modal-overlay .change-password-modal .modal-header .modal-title{font-size:1.5rem;font-weight:600;color:var(--primary-text, #ffffff);margin:0}.modal-overlay .change-password-modal .modal-header .modal-close-btn{background:none;border:none;color:var(--muted-text, #a0a0a0);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-overlay .change-password-modal .modal-header .modal-close-btn:hover:not(:disabled){color:var(--primary-text, #ffffff);background:rgba(var(--primary-accent, #ffffff),.1)}.modal-overlay .change-password-modal .modal-header .modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay .change-password-modal .modal-body{padding:1.5rem}.modal-overlay .change-password-modal .modal-body .success-message{text-align:center;padding:2rem 1rem}.modal-overlay .change-password-modal .modal-body .success-message .success-icon{font-size:3rem;margin-bottom:1rem}.modal-overlay .change-password-modal .modal-body .success-message h3{font-size:1.5rem;color:var(--primary-text, #ffffff);margin-bottom:.5rem}.modal-overlay .change-password-modal .modal-body .success-message p{color:var(--muted-text, #a0a0a0);margin:0}.modal-overlay .change-password-modal .modal-body .password-form .form-group{margin-bottom:1.5rem}.modal-overlay .change-password-modal .modal-body .password-form .form-group .form-label{display:block;font-size:.9rem;font-weight:500;color:var(--primary-text, #ffffff);margin-bottom:.5rem}.modal-overlay .change-password-modal .modal-body .password-form .form-group .form-input{width:100%;padding:.75rem 1rem;background:rgba(var(--primary-bg, #0a0a0a),.5);border:1px solid var(--border-color, #404040);border-radius:8px;color:var(--primary-text, #ffffff);font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-overlay .change-password-modal .modal-body .password-form .form-group .form-input:focus{outline:none;border-color:var(--primary-accent, #ffffff);box-shadow:0 0 0 3px rgba(var(--primary-accent, #ffffff),.1)}.modal-overlay .change-password-modal .modal-body .password-form .form-group .form-input:disabled{opacity:.6;cursor:not-allowed}.modal-overlay .change-password-modal .modal-body .password-form .form-group .form-input::placeholder{color:var(--muted-text, #a0a0a0)}.modal-overlay .change-password-modal .modal-body .password-form .form-group .password-requirements{margin-top:.5rem}.modal-overlay .change-password-modal .modal-body .password-form .form-group .password-requirements small{color:var(--muted-text, #a0a0a0);font-size:.8rem}.modal-overlay .change-password-modal .modal-body .password-form .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;color:#ef4444}.modal-overlay .change-password-modal .modal-body .password-form .error-message .error-icon{font-size:1.2rem}.modal-overlay .change-password-modal .modal-body .password-form .form-actions{display:flex;gap:1rem;margin-top:2rem}.modal-overlay .change-password-modal .modal-body .password-form .form-actions .cancel-btn{flex:1;padding:.75rem 1rem;background:rgba(var(--muted-text, #a0a0a0),.1);border:1px solid rgba(var(--muted-text, #a0a0a0),.2);border-radius:8px;color:var(--primary-text, #ffffff);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-overlay .change-password-modal .modal-body .password-form .form-actions .cancel-btn:hover:not(:disabled){background:rgba(var(--muted-text, #a0a0a0),.2);border-color:var(--muted-text, #a0a0a0)}.modal-overlay .change-password-modal .modal-body .password-form .form-actions .cancel-btn:disabled{opacity:.6;cursor:not-allowed}.modal-overlay .change-password-modal .modal-body .password-form .form-actions .submit-btn{flex:2;padding:.75rem 1rem;background:rgba(var(--primary-accent, #ffffff),.1);border:1px solid rgba(var(--primary-accent, #ffffff),.2);border-radius:8px;color:var(--primary-text, #ffffff);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-overlay .change-password-modal .modal-body .password-form .form-actions .submit-btn:hover:not(:disabled){background:rgba(var(--primary-accent, #ffffff),.2);border-color:var(--primary-accent, #ffffff);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-accent, #ffffff),.2)}.modal-overlay .change-password-modal .modal-body .password-form .form-actions .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-overlay .change-password-modal .modal-body .password-form .form-actions .submit-btn .loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-overlay .change-password-modal{max-width:none;width:100%;max-height:95vh}.modal-overlay .change-password-modal .modal-header{padding:1rem}.modal-overlay .change-password-modal .modal-header .modal-title{font-size:1.3rem}.modal-overlay .change-password-modal .modal-body{padding:1rem}.modal-overlay .change-password-modal .modal-body .password-form .form-actions{flex-direction:column;gap:.75rem}.modal-overlay .change-password-modal .modal-body .password-form .form-actions .cancel-btn,.modal-overlay .change-password-modal .modal-body .password-form .form-actions .submit-btn{flex:none}}.admin-dashboard{min-height:100vh;background:var(--primary-bg, #0a0a0a);display:flex;position:relative}.admin-dashboard .auth-required,.admin-dashboard .access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;text-align:center;background:rgba(var(--secondary-bg, #1a1a1a),.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-dashboard .auth-required .auth-icon,.admin-dashboard .auth-required .access-icon,.admin-dashboard .access-denied .auth-icon,.admin-dashboard .access-denied .access-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.admin-dashboard .auth-required h3,.admin-dashboard .access-denied h3{font-size:1.8rem;color:var(--primary-text, #ffffff);margin-bottom:1rem;font-weight:600}.admin-dashboard .auth-required p,.admin-dashboard .access-denied p{color:var(--muted-text, #a0a0a0);margin-bottom:2rem;font-size:1.1rem;max-width:400px}.admin-dashboard .auth-required .login-btn,.admin-dashboard .auth-required .home-btn,.admin-dashboard .access-denied .login-btn,.admin-dashboard .access-denied .home-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(var(--primary-accent, #ffffff),.1);border:1px solid rgba(var(--primary-accent, #ffffff),.2);border-radius:8px;color:var(--primary-text, #ffffff);text-decoration:none;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-dashboard .auth-required .login-btn:hover,.admin-dashboard .auth-required .home-btn:hover,.admin-dashboard .access-denied .login-btn:hover,.admin-dashboard .access-denied .home-btn:hover{background:rgba(var(--primary-accent, #ffffff),.2);border-color:var(--primary-accent, #ffffff);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-accent, #ffffff),.2)}.admin-dashboard .admin-sidebar{width:280px;background:rgba(var(--secondary-bg, #1a1a1a),.95);border-right:1px solid var(--border-color, #404040);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:1000}.admin-dashboard .admin-sidebar .sidebar-header{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid var(--border-color, #404040);background:rgba(var(--tertiary-bg, #2a2a2a),.5)}.admin-dashboard .admin-sidebar .sidebar-header .sidebar-title{font-size:1.5rem;font-weight:700;color:var(--primary-accent, #ffffff);margin:0 0 .25rem}.admin-dashboard .admin-sidebar .sidebar-header .sidebar-subtitle{font-size:.9rem;color:var(--muted-text, #a0a0a0);margin:0}.admin-dashboard .admin-sidebar .sidebar-nav{flex:1;padding:1rem 0}.admin-dashboard .admin-sidebar .sidebar-nav .sidebar-nav-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:none;border:none;color:var(--muted-text, #a0a0a0);text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.admin-dashboard .admin-sidebar .sidebar-nav .sidebar-nav-item:hover{background:rgba(var(--primary-accent, #ffffff),.05);color:var(--primary-text, #ffffff)}.admin-dashboard .admin-sidebar .sidebar-nav .sidebar-nav-item.active{background:rgba(var(--primary-accent, #ffffff),.1);color:var(--primary-accent, #ffffff);border-right:3px solid var(--primary-accent, #ffffff)}.admin-dashboard .admin-sidebar .sidebar-nav .sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-accent, #ffffff)}.admin-dashboard .admin-sidebar .sidebar-nav .sidebar-nav-item .nav-icon{font-size:1.2rem;width:20px;text-align:center}.admin-dashboard .admin-sidebar .sidebar-nav .sidebar-nav-item .nav-text{font-size:.95rem;font-weight:500}.admin-dashboard .admin-sidebar .sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color, #404040);background:rgba(var(--tertiary-bg, #2a2a2a),.5)}.admin-dashboard .admin-sidebar .sidebar-footer .back-to-site{display:flex;align-items:center;gap:.75rem;color:var(--muted-text, #a0a0a0);text-decoration:none;font-size:.9rem;transition:color .3s ease}.admin-dashboard .admin-sidebar .sidebar-footer .back-to-site:hover{color:var(--primary-accent, #ffffff)}.admin-dashboard .admin-sidebar .sidebar-footer .back-to-site .nav-icon{font-size:1rem}.admin-dashboard .admin-main{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}.admin-dashboard .admin-main .main-header{background:rgba(var(--secondary-bg, #1a1a1a),.8);border-bottom:1px solid var(--border-color, #404040);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-dashboard .admin-main .main-header .breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.admin-dashboard .admin-main .main-header .breadcrumb .breadcrumb-item{color:var(--muted-text, #a0a0a0)}.admin-dashboard .admin-main .main-header .breadcrumb .breadcrumb-item.active{color:var(--primary-text, #ffffff);font-weight:500}.admin-dashboard .admin-main .main-header .breadcrumb .breadcrumb-separator{color:var(--muted-text, #a0a0a0)}.admin-dashboard .admin-main .main-header .user-info{display:flex;align-items:center;gap:1rem}.admin-dashboard .admin-main .main-header .user-info .user-name{color:var(--muted-text, #a0a0a0);font-size:.9rem}.admin-dashboard .admin-main .main-header .user-info .user-avatar{width:32px;height:32px;background:rgba(var(--primary-accent, #ffffff),.1);border:1px solid rgba(var(--primary-accent, #ffffff),.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-accent, #ffffff);font-weight:600;font-size:.9rem}.admin-dashboard .admin-main .main-content{flex:1;padding:2rem;background:var(--primary-bg, #0a0a0a)}.admin-dashboard .admin-main .main-content .section-content{background:rgba(var(--secondary-bg, #1a1a1a),.5);border:1px solid var(--border-color, #404040);border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-dashboard .admin-main .main-content .section-content h2{font-size:1.8rem;font-weight:600;color:var(--primary-text, #ffffff);margin:0 0 1rem}.admin-dashboard .admin-main .main-content .section-content p{color:var(--muted-text, #a0a0a0);font-size:1rem;line-height:1.6;margin:0}.admin-dashboard .admin-main .main-content .section-content .books-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-dashboard .admin-main .main-content .section-content .books-header h2{margin:0}.admin-dashboard .admin-main .main-content .section-content .books-header .add-book-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(var(--primary-accent, #ffffff),.1);border:1px solid rgba(var(--primary-accent, #ffffff),.2);border-radius:8px;color:var(--primary-text, #ffffff);font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-dashboard .admin-main .main-content .section-content .books-header .add-book-btn:hover{background:rgba(var(--primary-accent, #ffffff),.2);border-color:var(--primary-accent, #ffffff);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-accent, #ffffff),.2)}.admin-dashboard .admin-main .main-content .section-content .books-header .add-book-btn .btn-icon{font-size:1rem}.admin-dashboard .admin-main .main-content .section-content .error-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;margin-bottom:1rem}.admin-dashboard .admin-main .main-content .section-content .error-message .error-icon{font-size:1.2rem}.admin-dashboard .admin-main .main-content .section-content .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--muted-text, #a0a0a0)}.admin-dashboard .admin-main .main-content .section-content .loading-state .loading-spinner{width:40px;height:40px;border:3px solid rgba(var(--primary-accent, #ffffff),.3);border-top:3px solid var(--primary-accent, #ffffff);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.admin-dashboard .admin-main .main-content .section-content .loading-state p{margin:0}.admin-dashboard .admin-main .main-content .section-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--muted-text, #a0a0a0)}.admin-dashboard .admin-main .main-content .section-content .empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.admin-dashboard .admin-main .main-content .section-content .empty-state h3{color:var(--primary-text, #ffffff);margin:0 0 .5rem}.admin-dashboard .admin-main .main-content .section-content .empty-state p{margin:0}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion{background:rgba(var(--tertiary-bg, #2a2a2a),.3);border:1px solid var(--border-color, #404040);border-radius:12px;margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion:hover{border-color:var(--primary-accent, #ffffff);box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;cursor:pointer;transition:all .3s ease;border-bottom:1px solid var(--border-color, #404040);background:rgba(var(--secondary-bg, #1a1a1a),.3)}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header:hover{background:rgba(var(--primary-accent, #ffffff),.08)}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-info{display:flex;align-items:center;gap:1.5rem;flex:1}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-info .book-cover{width:80px;height:110px;object-fit:cover;border-radius:8px;border:2px solid var(--border-color, #404040);box-shadow:0 4px 12px #0003;transition:all .3s ease}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-info .book-cover:hover{border-color:var(--primary-accent, #ffffff);transform:scale(1.05)}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-info .book-details{flex:1}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-info .book-details h4{color:var(--primary-text, #ffffff);margin:0 0 .75rem;font-size:1.4rem;font-weight:700;line-height:1.2}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-info .book-details .book-description{color:var(--secondary-text, #e0e0e0);font-size:.95rem;line-height:1.5;margin:0 0 1rem;max-width:600px}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-info .book-details .book-meta{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-info .book-details .book-meta .book-author{color:var(--secondary-text, #e0e0e0);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-info .book-details .book-meta .book-author:before{content:"👤";font-size:.8rem}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-info .book-details .book-meta .chapters-count{color:var(--primary-accent, #ffffff);font-size:.85rem;font-weight:600;background:rgba(var(--primary-accent, #ffffff),.15);padding:.4rem .8rem;border-radius:6px;border:1px solid rgba(var(--primary-accent, #ffffff),.3);display:flex;align-items:center;gap:.5rem}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-info .book-details .book-meta .chapters-count:before{content:"📖";font-size:.8rem}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-actions{display:flex;align-items:center;gap:.75rem}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-actions .action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-actions .action-btn .btn-icon{font-size:1rem}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-actions .action-btn.edit-btn{background:#3b82f6;color:#fff}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-actions .action-btn.edit-btn:hover{background:#2563eb;color:#fff;transform:translateY(-1px)}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-actions .action-btn.delete-btn{background:#ef4444;color:#fff}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-actions .action-btn.delete-btn:hover{background:#dc2626;color:#fff;transform:translateY(-1px)}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-actions .expand-icon{font-size:1.2rem;color:var(--muted-text, #a0a0a0);transition:transform .3s ease;margin-left:.5rem}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .book-header .book-actions .expand-icon.expanded{transform:rotate(180deg)}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section{background:rgba(var(--secondary-bg, #1a1a1a),.5);border-top:1px solid var(--border-color, #404040)}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color, #404040);background:rgba(var(--tertiary-bg, #2a2a2a),.3)}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-header h5{color:var(--primary-text, #ffffff);margin:0;font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-header h5:before{content:"📚";font-size:1rem}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-header .add-chapter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:rgba(var(--primary-accent, #ffffff),.1);border:1px solid rgba(var(--primary-accent, #ffffff),.2);border-radius:8px;color:var(--primary-text, #ffffff);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-header .add-chapter-btn:hover{background:rgba(var(--primary-accent, #ffffff),.2);border-color:var(--primary-accent, #ffffff);transform:translateY(-1px);box-shadow:0 4px 8px #0003}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-header .add-chapter-btn .btn-icon{font-size:1rem}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list{padding:1rem 1.5rem}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:rgba(var(--tertiary-bg, #2a2a2a),.3);border:1px solid var(--border-color, #404040);border-radius:10px;margin-bottom:1rem;cursor:grab;transition:all .3s ease;box-shadow:0 2px 6px #0000001a}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item:hover{background:rgba(var(--tertiary-bg, #2a2a2a),.5);border-color:var(--primary-accent, #ffffff);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item:active{cursor:grabbing}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item.dragging{opacity:.5;transform:rotate(2deg)}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item .chapter-drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--muted-text, #a0a0a0);cursor:grab}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item .chapter-drag-handle .drag-icon{font-size:1rem;-webkit-user-select:none;user-select:none}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item .chapter-info{flex:1}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item .chapter-info .chapter-title{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item .chapter-info .chapter-title .chapter-number{background:rgba(var(--primary-accent, #ffffff),.15);color:var(--primary-accent, #ffffff);padding:.4rem .8rem;border-radius:6px;font-size:.9rem;font-weight:700;min-width:40px;text-align:center;border:1px solid rgba(var(--primary-accent, #ffffff),.3);box-shadow:0 2px 4px #0000001a}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item .chapter-info .chapter-title h6{color:var(--primary-text, #ffffff);margin:0;font-size:1.1rem;font-weight:700;line-height:1.2}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item .chapter-info .chapter-summary{color:var(--secondary-text, #e0e0e0);font-size:.9rem;line-height:1.5;margin:0 0 .75rem;max-width:500px}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item .chapter-info .chapter-meta{display:flex;align-items:center;gap:1.5rem}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item .chapter-info .chapter-meta .chapter-date{color:var(--secondary-text, #e0e0e0);font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item .chapter-info .chapter-meta .chapter-date:before{content:"📅";font-size:.8rem}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item .chapter-actions{display:flex;gap:.75rem}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item .chapter-actions .action-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item .chapter-actions .action-btn .btn-icon{font-size:.9rem}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item .chapter-actions .action-btn.edit-btn{background:#3b82f6;color:#fff}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item .chapter-actions .action-btn.edit-btn:hover{background:#2563eb;color:#fff;transform:translateY(-1px)}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item .chapter-actions .action-btn.delete-btn{background:#ef4444;color:#fff}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .chapters-list .chapter-item .chapter-actions .action-btn.delete-btn:hover{background:#dc2626;color:#fff;transform:translateY(-1px)}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .empty-chapters{padding:2rem;text-align:center;color:var(--muted-text, #a0a0a0)}.admin-dashboard .admin-main .main-content .section-content .books-list .book-accordion .chapters-section .empty-chapters p{margin:0;font-size:.9rem}@media (max-width: 768px){.admin-dashboard .admin-sidebar{width:100%;position:fixed;transform:translate(-100%);transition:transform .3s ease}.admin-dashboard .admin-sidebar.open{transform:translate(0)}.admin-dashboard .admin-main{margin-left:0}.admin-dashboard .main-header{padding:1rem}.admin-dashboard .main-header .breadcrumb{font-size:.8rem}.admin-dashboard .main-header .user-info .user-name{display:none}.admin-dashboard .main-content{padding:1rem}.admin-dashboard .main-content .section-content{padding:1.5rem}.admin-dashboard .main-content .section-content h2{font-size:1.5rem}.admin-dashboard .main-content .section-content .books-header{flex-direction:column;gap:1rem;align-items:flex-start}.admin-dashboard .main-content .section-content .books-header .add-book-btn{width:100%;justify-content:center}.admin-dashboard .main-content .section-content .books-list .books-table .table-header,.admin-dashboard .main-content .section-content .books-list .books-table .table-row{grid-template-columns:1fr;gap:.5rem}.admin-dashboard .main-content .section-content .books-list .books-table .table-header .header-cell,.admin-dashboard .main-content .section-content .books-list .books-table .table-row .header-cell{display:none}.admin-dashboard .main-content .section-content .books-list .books-table .table-header .table-cell.book-title,.admin-dashboard .main-content .section-content .books-list .books-table .table-row .table-cell.book-title{grid-column:1}.admin-dashboard .main-content .section-content .books-list .books-table .table-header .table-cell.actions,.admin-dashboard .main-content .section-content .books-list .books-table .table-row .table-cell.actions{justify-content:flex-start}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-overlay .modal-content{background:rgba(var(--secondary-bg, #1a1a1a),.95);border:1px solid var(--border-color, #404040);border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #00000080}.modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color, #404040);background:rgba(var(--tertiary-bg, #2a2a2a),.5)}.modal-overlay .modal-content .modal-header h2{color:var(--primary-text, #ffffff);margin:0;font-size:1.5rem;font-weight:600}.modal-overlay .modal-content .modal-header .modal-close-btn{background:none;border:none;color:var(--muted-text, #a0a0a0);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .3s ease}.modal-overlay .modal-content .modal-header .modal-close-btn:hover{color:var(--primary-text, #ffffff);background:rgba(var(--primary-accent, #ffffff),.1)}.modal-overlay .modal-content .modal-header .modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay .modal-content .modal-form{padding:2rem}.modal-overlay .modal-content .modal-form .form-group{margin-bottom:1.5rem}.modal-overlay .modal-content .modal-form .form-group label{display:block;color:var(--primary-text, #ffffff);font-weight:500;margin-bottom:.5rem;font-size:.9rem}.modal-overlay .modal-content .modal-form .form-group input,.modal-overlay .modal-content .modal-form .form-group textarea,.modal-overlay .modal-content .modal-form .form-group select{width:100%;padding:.75rem;background:rgba(var(--tertiary-bg, #2a2a2a),.5);border:1px solid var(--border-color, #404040);border-radius:6px;color:var(--primary-text, #ffffff);font-size:.9rem;transition:all .3s ease}.modal-overlay .modal-content .modal-form .form-group input:focus,.modal-overlay .modal-content .modal-form .form-group textarea:focus,.modal-overlay .modal-content .modal-form .form-group select:focus{outline:none;border-color:var(--primary-accent, #ffffff);background:rgba(var(--tertiary-bg, #2a2a2a),.8)}.modal-overlay .modal-content .modal-form .form-group input.error,.modal-overlay .modal-content .modal-form .form-group textarea.error,.modal-overlay .modal-content .modal-form .form-group select.error{border-color:#ef4444}.modal-overlay .modal-content .modal-form .form-group input::placeholder,.modal-overlay .modal-content .modal-form .form-group textarea::placeholder,.modal-overlay .modal-content .modal-form .form-group select::placeholder{color:var(--muted-text, #a0a0a0)}.modal-overlay .modal-content .modal-form .form-group textarea{resize:vertical;min-height:100px}.modal-overlay .modal-content .modal-form .form-group select{cursor:pointer;color:var(--primary-text, #ffffff);background:rgba(var(--tertiary-bg, #2a2a2a),.5);border-radius:6px;transition:all .3s ease}.modal-overlay .modal-content .modal-form .form-group select:focus{outline:none;border-color:var(--primary-accent, #ffffff);box-shadow:0 0 0 1px var(--primary-accent, #ffffff)}.modal-overlay .modal-content .modal-form .form-group select[multiple]{min-height:120px}.modal-overlay .modal-content .modal-form .form-group select option{color:var(--primary-text, #ffffff);background:var(--primary-bg, #0a0a0a);padding:.5rem}.modal-overlay .modal-content .modal-form .form-group small{display:block;color:var(--muted-text, #a0a0a0);font-size:.8rem;margin-top:.25rem}.modal-overlay .modal-content .modal-form .form-group .error-text{color:#ef4444;font-size:.8rem;margin-top:.25rem;display:block}.modal-overlay .modal-content .modal-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.modal-overlay .modal-content .modal-form .form-row{grid-template-columns:1fr}}.modal-overlay .modal-content .modal-form .image-upload-container .image-upload-input{display:none}.modal-overlay .modal-content .modal-form .image-upload-container .image-upload-label{display:block;cursor:pointer;border:2px dashed var(--border-color, #404040);border-radius:8px;padding:2rem;text-align:center;transition:all .3s ease}.modal-overlay .modal-content .modal-form .image-upload-container .image-upload-label:hover{border-color:var(--primary-accent, #ffffff);background:rgba(var(--primary-accent, #ffffff),.05)}.modal-overlay .modal-content .modal-form .image-upload-container .image-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--muted-text, #a0a0a0)}.modal-overlay .modal-content .modal-form .image-upload-container .image-upload-placeholder .upload-icon{font-size:2rem;opacity:.7}.modal-overlay .modal-content .modal-form .image-upload-container .image-preview{position:relative;display:inline-block}.modal-overlay .modal-content .modal-form .image-upload-container .image-preview img{max-width:200px;max-height:200px;border-radius:6px;border:1px solid var(--border-color, #404040)}.modal-overlay .modal-content .modal-form .image-upload-container .image-preview .image-preview-text{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:var(--primary-text, #ffffff);padding:.5rem;font-size:.8rem;border-radius:0 0 6px 6px;opacity:0;transition:opacity .3s ease}.modal-overlay .modal-content .modal-form .image-upload-container .image-preview:hover .image-preview-text{opacity:1}.modal-overlay .modal-content .modal-form .modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #404040)}.modal-overlay .modal-content .modal-form .modal-actions .btn-secondary,.modal-overlay .modal-content .modal-form .modal-actions .btn-primary{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.modal-overlay .modal-content .modal-form .modal-actions .btn-secondary:disabled,.modal-overlay .modal-content .modal-form .modal-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.modal-overlay .modal-content .modal-form .modal-actions .btn-secondary{background:rgba(var(--muted-text, #a0a0a0),.1);color:var(--muted-text, #a0a0a0);border:1px solid rgba(var(--muted-text, #a0a0a0),.2)}.modal-overlay .modal-content .modal-form .modal-actions .btn-secondary:hover:not(:disabled){background:rgba(var(--muted-text, #a0a0a0),.2);border-color:var(--muted-text, #a0a0a0)}.modal-overlay .modal-content .modal-form .modal-actions .btn-primary{background:rgba(var(--primary-accent, #ffffff),.1);color:var(--primary-accent, #ffffff);border:1px solid rgba(var(--primary-accent, #ffffff),.2)}.modal-overlay .modal-content .modal-form .modal-actions .btn-primary:hover:not(:disabled){background:rgba(var(--primary-accent, #ffffff),.2);border-color:var(--primary-accent, #ffffff);transform:translateY(-1px)}.modal-overlay .modal-content .modal-form .modal-actions .btn-primary .loading-spinner{width:16px;height:16px;border:2px solid rgba(var(--primary-accent, #ffffff),.3);border-top:2px solid var(--primary-accent, #ffffff);border-radius:50%;animation:spin 1s linear infinite}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-ongoing{background:#10b981;color:#fff}.status-badge.status-completed{background:#3b82f6;color:#fff}.status-badge.status-hiatus{background:#f59e0b;color:#fff}.status-badge.status-dropped{background:#ef4444;color:#fff}.status-badge.status-draft{background:#6b7280;color:#fff}.status-badge.status-published{background:#10b981;color:#fff}.status-badge.status-pending{background:#f59e0b;color:#fff}.react-select .react-select__control{background:var(--primary-bg, #0a0a0a);border:1px solid var(--border-color, #404040);border-radius:6px;min-height:42px;box-shadow:none;transition:all .3s ease}.react-select .react-select__control:hover{border-color:var(--primary-accent, #ffffff)}.react-select .react-select__control.react-select__control--is-focused{border-color:var(--primary-accent, #ffffff);background:var(--primary-bg, #0a0a0a);box-shadow:0 0 0 1px var(--primary-accent, #ffffff)}.react-select .react-select__control.error{border-color:#ef4444}.react-select .react-select__value-container{padding:.5rem .75rem}.react-select .react-select__placeholder{color:var(--secondary-text, #e0e0e0)}.react-select .react-select__input-container,.react-select .react-select__single-value{color:var(--primary-text, #ffffff)}.react-select .react-select__multi-value{background:rgba(var(--primary-accent, #ffffff),.2);border:1px solid rgba(var(--primary-accent, #ffffff),.3);border-radius:4px;margin:2px}.react-select .react-select__multi-value .react-select__multi-value__label{color:var(--primary-accent, #ffffff);font-size:.85rem;padding:.25rem .5rem}.react-select .react-select__multi-value .react-select__multi-value__remove{color:var(--primary-accent, #ffffff);padding:.25rem;border-radius:0 4px 4px 0}.react-select .react-select__multi-value .react-select__multi-value__remove:hover{background:rgba(var(--primary-accent, #ffffff),.3);color:var(--primary-accent, #ffffff)}.react-select .react-select__option{background:var(--primary-bg, #0a0a0a)!important;color:var(--primary-text, #ffffff)!important;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease}.react-select .react-select__option:hover,.react-select .react-select__option.react-select__option--is-focused{background:var(--secondary-bg, #1a1a1a)!important;color:var(--primary-text, #ffffff)!important}.react-select .react-select__option.react-select__option--is-selected{background:var(--primary-accent, #ffffff)!important;color:var(--primary-bg, #0a0a0a)!important}.react-select .react-select__menu-list{background:var(--primary-bg, #0a0a0a)!important;color:var(--primary-text, #ffffff)!important}.react-select .react-select__menu{background:var(--primary-bg, #0a0a0a)!important;border:1px solid var(--border-color, #404040);border-radius:6px;box-shadow:0 10px 25px #00000080;z-index:1000}.react-select .react-select__indicator-separator{background:var(--border-color, #404040)}.react-select .react-select__indicator{color:var(--secondary-text, #e0e0e0);padding:.5rem}.react-select .react-select__indicator:hover{color:var(--primary-text, #ffffff)}.react-select .react-select__clear-indicator{color:var(--secondary-text, #e0e0e0);padding:.5rem}.react-select .react-select__clear-indicator:hover{color:#ef4444}.theme-switcher{position:fixed;top:20px;right:20px;z-index:1001;font-family:JetBrains Mono,Fira Code,monospace}.theme-toggle{display:flex;align-items:center;gap:.5rem;background:#1a1a1ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #404040;border-radius:.5rem;padding:.5rem 1rem;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.875rem;font-weight:500}.theme-toggle:hover{border-color:var(--accent-color);box-shadow:0 0 20px rgba(var(--accent-color),.3)}.theme-toggle .theme-icon{font-size:1rem}.theme-toggle .theme-name{color:var(--accent-color);font-weight:600}.theme-toggle .theme-arrow{font-size:.75rem;transition:transform .15s ease}.theme-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;background:#0a0a0af2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #404040;border-radius:1rem;padding:.5rem;min-width:280px;box-shadow:0 10px 30px #000c;animation:fadeInUp .2s ease-out;z-index:1002}.theme-option{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;background:transparent;border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:all .15s ease;text-align:left}.theme-option:hover{background:#1a1a1a80;border-color:var(--accent-color)}.theme-option.active{background:rgba(var(--accent-color),.1);border:1px solid var(--accent-color)}.theme-option.active .theme-title{color:var(--accent-color)}.theme-option .theme-preview{display:flex;gap:4px}.theme-option .theme-preview .color-dot{width:12px;height:12px;border-radius:50%;border:1px solid #404040}.theme-option .theme-info{flex:1}.theme-option .theme-info .theme-title{font-weight:600;font-size:.875rem;margin-bottom:2px;color:#fff}.theme-option .theme-info .theme-desc{font-size:.75rem;color:#a0a0a0;line-height:1.3}@media (max-width: 1700px){.theme-switcher{display:none}}.mobile-theme-switcher{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color, #404040);position:relative}.mobile-theme-switcher .mobile-theme-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.5rem;background:rgba(var(--secondary-bg, #1a1a1a),.95);border:1px solid var(--border-color, #404040);border-radius:12px;color:var(--primary-text, #ffffff);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-theme-switcher .mobile-theme-toggle:hover{background:rgba(var(--secondary-bg, #1a1a1a),1);border-color:rgba(var(--primary-accent, #ffffff),.3);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.mobile-theme-switcher .mobile-theme-toggle .theme-icon{font-size:1.2rem;margin-right:.75rem}.mobile-theme-switcher .mobile-theme-toggle .theme-label{font-weight:600;margin-right:.5rem}.mobile-theme-switcher .mobile-theme-toggle .current-theme{flex:1;text-align:left;color:var(--secondary-text, #e0e0e0);font-weight:400}.mobile-theme-switcher .mobile-theme-toggle .dropdown-arrow{font-size:.75rem;transition:transform .3s ease;color:var(--muted-text, #a0a0a0)}.mobile-theme-switcher .mobile-theme-toggle .dropdown-arrow.open{transform:rotate(180deg)}.mobile-theme-switcher .mobile-theme-dropdown{position:absolute;top:100%;left:0;right:0;background:rgba(var(--secondary-bg, #1a1a1a),.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color, #404040);border-radius:12px;margin-top:.5rem;box-shadow:0 8px 32px #00000026;z-index:1000;overflow:hidden}.mobile-theme-switcher .mobile-theme-dropdown .mobile-theme-option{display:flex;align-items:center;width:100%;padding:1rem 1.5rem;background:none;border:none;color:var(--primary-text, #ffffff);font-size:1rem;cursor:pointer;transition:all .3s ease;border-bottom:1px solid rgba(var(--border-color, #404040),.3)}.mobile-theme-switcher .mobile-theme-dropdown .mobile-theme-option:last-child{border-bottom:none}.mobile-theme-switcher .mobile-theme-dropdown .mobile-theme-option:hover{background:rgba(var(--primary-accent, #ffffff),.1);transform:translate(4px)}.mobile-theme-switcher .mobile-theme-dropdown .mobile-theme-option.active{background:rgba(var(--primary-accent, #ffffff),.15);color:var(--primary-accent, #ffffff)}.mobile-theme-switcher .mobile-theme-dropdown .mobile-theme-option.active .active-indicator{opacity:1}.mobile-theme-switcher .mobile-theme-dropdown .mobile-theme-option .theme-icon{font-size:1.2rem;margin-right:.75rem;width:24px;text-align:center}.mobile-theme-switcher .mobile-theme-dropdown .mobile-theme-option .theme-name{flex:1;text-align:left;font-weight:500}.mobile-theme-switcher .mobile-theme-dropdown .mobile-theme-option .active-indicator{font-size:1rem;color:var(--primary-accent, #ffffff);opacity:0;transition:opacity .3s ease}.chapter-edit-page{min-height:100vh;background:var(--primary-bg);color:var(--primary-text);display:flex;flex-direction:column}.chapter-edit-page .edit-header{background:var(--secondary-bg);border-bottom:1px solid var(--border-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.chapter-edit-page .edit-header .header-left{display:flex;align-items:center;gap:1rem}.chapter-edit-page .edit-header .header-left .back-btn{background:var(--tertiary-bg);border:1px solid var(--border-color);color:var(--primary-text);padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.chapter-edit-page .edit-header .header-left .back-btn:hover{background:var(--accent-bg);border-color:var(--primary-accent)}.chapter-edit-page .edit-header .header-left h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--primary-text)}.chapter-edit-page .edit-header .header-left .book-info{margin:0;color:var(--muted-text);font-size:.9rem}.chapter-edit-page .edit-header .header-actions{display:flex;gap:1rem}.chapter-edit-page .edit-header .header-actions .preview-btn{background:var(--tertiary-bg);border:1px solid var(--border-color);color:var(--primary-text);padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.chapter-edit-page .edit-header .header-actions .preview-btn:hover{background:var(--accent-bg)}.chapter-edit-page .edit-header .header-actions .preview-btn.active{background:var(--primary-accent);color:var(--primary-bg);border-color:var(--primary-accent)}.chapter-edit-page .edit-header .header-actions .save-btn{background:var(--primary-accent);border:1px solid var(--primary-accent);color:var(--primary-bg);padding:.5rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.chapter-edit-page .edit-header .header-actions .save-btn:hover:not(:disabled){background:var(--primary-accent-dark);border-color:var(--primary-accent-dark)}.chapter-edit-page .edit-header .header-actions .save-btn:disabled{opacity:.6;cursor:not-allowed}.chapter-edit-page .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:1rem;margin:1rem 2rem;border-radius:6px;display:flex;align-items:center;gap:.5rem}.chapter-edit-page .error-message .error-icon{font-size:1.2rem}.chapter-edit-page .edit-content{display:flex;flex:1;gap:1rem;padding:1rem 2rem;height:calc(100vh - 120px)}.chapter-edit-page .edit-content .left-panel{width:300px;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.chapter-edit-page .edit-content .left-panel .chapter-details{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.chapter-edit-page .edit-content .left-panel .chapter-details h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--primary-text)}.chapter-edit-page .edit-content .left-panel .chapter-details .form-group{margin-bottom:1rem}.chapter-edit-page .edit-content .left-panel .chapter-details .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--secondary-text);font-size:.9rem}.chapter-edit-page .edit-content .left-panel .chapter-details .form-group .form-input,.chapter-edit-page .edit-content .left-panel .chapter-details .form-group .form-textarea,.chapter-edit-page .edit-content .left-panel .chapter-details .form-group .form-select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--primary-bg);color:var(--primary-text);font-size:.9rem;transition:border-color .2s ease}.chapter-edit-page .edit-content .left-panel .chapter-details .form-group .form-input:focus,.chapter-edit-page .edit-content .left-panel .chapter-details .form-group .form-textarea:focus,.chapter-edit-page .edit-content .left-panel .chapter-details .form-group .form-select:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 2px var(--primary-accent-shadow)}.chapter-edit-page .edit-content .left-panel .chapter-details .form-group .form-input::placeholder,.chapter-edit-page .edit-content .left-panel .chapter-details .form-group .form-textarea::placeholder,.chapter-edit-page .edit-content .left-panel .chapter-details .form-group .form-select::placeholder{color:var(--muted-text)}.chapter-edit-page .edit-content .left-panel .chapter-details .form-group .form-textarea{resize:vertical;min-height:80px}.chapter-edit-page .edit-content .left-panel .chapter-details .form-row{display:flex;gap:1rem}.chapter-edit-page .edit-content .left-panel .chapter-details .form-row .form-group{flex:1}.chapter-edit-page .edit-content .left-panel .image-library{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .3s ease}.chapter-edit-page .edit-content .left-panel .image-library.sticky{position:fixed;top:100px;left:2rem;width:300px;z-index:50;box-shadow:0 4px 12px #00000026;max-height:calc(100vh - 120px);overflow-y:auto}.chapter-edit-page .edit-content .left-panel .image-library .library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chapter-edit-page .edit-content .left-panel .image-library .library-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--primary-text)}.chapter-edit-page .edit-content .left-panel .image-library .library-header .upload-section .upload-btn{background:var(--primary-accent);color:var(--primary-bg);border:1px solid var(--primary-accent);padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:.25rem}.chapter-edit-page .edit-content .left-panel .image-library .library-header .upload-section .upload-btn:hover{background:var(--primary-accent-dark);border-color:var(--primary-accent-dark)}.chapter-edit-page .edit-content .left-panel .image-library .library-hint{margin:0 0 1rem;font-size:.8rem;color:var(--muted-text);font-style:italic}.chapter-edit-page .edit-content .left-panel .image-library .images-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;max-height:300px;overflow-y:auto}.chapter-edit-page .edit-content .left-panel .image-library .images-grid .image-item{position:relative;border:2px solid var(--border-color);border-radius:6px;overflow:hidden;cursor:pointer;transition:all .2s ease}.chapter-edit-page .edit-content .left-panel .image-library .images-grid .image-item:hover{border-color:var(--primary-accent);transform:scale(1.02)}.chapter-edit-page .edit-content .left-panel .image-library .images-grid .image-item:hover .image-overlay{opacity:1}.chapter-edit-page .edit-content .left-panel .image-library .images-grid .image-item .library-image{width:100%;height:80px;object-fit:cover;display:block}.chapter-edit-page .edit-content .left-panel .image-library .images-grid .image-item .image-overlay{position:absolute;top:0;right:0;background:#000000b3;padding:.25rem;opacity:0;transition:opacity .2s ease}.chapter-edit-page .edit-content .left-panel .image-library .images-grid .image-item .image-overlay .delete-image-btn{background:#ef4444e6;border:none;color:#fff;cursor:pointer;font-size:.9rem;padding:.25rem .5rem;border-radius:4px;font-weight:700;transition:all .2s ease}.chapter-edit-page .edit-content .left-panel .image-library .images-grid .image-item .image-overlay .delete-image-btn:hover{background:#dc2626;transform:scale(1.1)}.chapter-edit-page .edit-content .left-panel .image-library .empty-images{text-align:center;padding:2rem 1rem;color:var(--muted-text)}.chapter-edit-page .edit-content .left-panel .image-library .empty-images p{margin:.5rem 0;font-size:.9rem}.chapter-edit-page .edit-content .left-panel .image-library .image-library-placeholder{height:400px;background:transparent}@media (max-width: 768px){.chapter-edit-page .edit-content .left-panel .image-library .image-library-placeholder{height:350px}}.chapter-edit-page .edit-content .center-panel{flex:1;display:flex;flex-direction:column}.chapter-edit-page .edit-content .center-panel .editor-container{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;flex:1;display:flex;flex-direction:column}.chapter-edit-page .edit-content .center-panel .editor-container h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--primary-text)}.chapter-edit-page .edit-content .center-panel .editor-container .ck-editor__editable{background:var(--primary-bg)!important;color:var(--primary-text)!important;border:1px solid var(--border-color)!important;border-radius:6px!important;min-height:400px!important;flex:1!important}.chapter-edit-page .edit-content .center-panel .editor-container .ck-editor__editable:focus{border-color:var(--primary-accent)!important;box-shadow:0 0 0 2px var(--primary-accent-shadow)!important}.chapter-edit-page .edit-content .center-panel .editor-container .ck-editor__editable h1,.chapter-edit-page .edit-content .center-panel .editor-container .ck-editor__editable h2,.chapter-edit-page .edit-content .center-panel .editor-container .ck-editor__editable h3,.chapter-edit-page .edit-content .center-panel .editor-container .ck-editor__editable h4,.chapter-edit-page .edit-content .center-panel .editor-container .ck-editor__editable h5,.chapter-edit-page .edit-content .center-panel .editor-container .ck-editor__editable h6{color:var(--primary-text)!important}.chapter-edit-page .edit-content .center-panel .editor-container .ck-editor__editable p{color:var(--secondary-text)!important;line-height:1.6!important}.chapter-edit-page .edit-content .center-panel .editor-container .ck-editor__editable img{max-width:100%!important;height:auto!important;border-radius:4px!important}.chapter-edit-page .edit-content .center-panel .editor-container .ck-editor__editable blockquote{border-left:4px solid var(--primary-accent)!important;padding-left:1rem!important;margin:1rem 0!important;background:var(--tertiary-bg)!important;padding:1rem!important;border-radius:0 6px 6px 0!important}.chapter-edit-page .edit-content .center-panel .editor-container .ck-editor__editable table{border-collapse:collapse!important;width:100%!important;margin:1rem 0!important}.chapter-edit-page .edit-content .center-panel .editor-container .ck-editor__editable table th,.chapter-edit-page .edit-content .center-panel .editor-container .ck-editor__editable table td{border:1px solid var(--border-color)!important;padding:.5rem!important;text-align:left!important}.chapter-edit-page .edit-content .center-panel .editor-container .ck-editor__editable table th{background:var(--tertiary-bg)!important;color:var(--primary-text)!important}.chapter-edit-page .edit-content .center-panel .editor-container .ck-toolbar{background:var(--tertiary-bg)!important;border:1px solid var(--border-color)!important;border-radius:6px 6px 0 0!important}.chapter-edit-page .edit-content .center-panel .editor-container .ck-toolbar .ck-toolbar__items .ck-button{color:var(--primary-text)!important;background:transparent!important;border:none!important}.chapter-edit-page .edit-content .center-panel .editor-container .ck-toolbar .ck-toolbar__items .ck-button:hover{background:var(--accent-bg)!important}.chapter-edit-page .edit-content .center-panel .editor-container .ck-toolbar .ck-toolbar__items .ck-button.ck-on{background:var(--primary-accent)!important;color:var(--primary-bg)!important}.chapter-edit-page .edit-content .right-panel{width:400px;display:flex;flex-direction:column}.chapter-edit-page .edit-content .right-panel .preview-container{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;flex:1;overflow-y:auto}.chapter-edit-page .edit-content .right-panel .preview-container h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--primary-text)}.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-header h1{margin:0 0 1rem;font-size:1.8rem;font-weight:700;color:var(--primary-text);line-height:1.3}.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-header .chapter-summary{margin:0;color:var(--muted-text);font-style:italic;line-height:1.5}.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body{color:var(--secondary-text);line-height:1.7;font-size:1rem}.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body h1,.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body h2,.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body h3,.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body h4,.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body h5,.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body h6{color:var(--primary-text);margin:1.5rem 0 1rem;font-weight:600}.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body h1{font-size:1.8rem}.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body h2{font-size:1.5rem}.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body h3{font-size:1.3rem}.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body h4{font-size:1.1rem}.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body p{margin:1rem 0;text-align:justify}.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body img{max-width:100%;height:auto;border-radius:6px;margin:1rem 0;box-shadow:0 2px 8px var(--shadow-dark)}.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body blockquote{border-left:4px solid var(--primary-accent);padding-left:1rem;margin:1.5rem 0;background:var(--tertiary-bg);padding:1rem;border-radius:0 6px 6px 0;font-style:italic}.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body ul,.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body ol{margin:1rem 0;padding-left:2rem}.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body ul li,.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body ol li{margin:.5rem 0}.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body table{border-collapse:collapse;width:100%;margin:1.5rem 0}.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body table th,.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body table td{border:1px solid var(--border-color);padding:.75rem;text-align:left}.chapter-edit-page .edit-content .right-panel .preview-container .preview-content .preview-body table th{background:var(--tertiary-bg);color:var(--primary-text);font-weight:600}.chapter-edit-page .loading-state,.chapter-edit-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.chapter-edit-page .loading-state .loading-spinner,.chapter-edit-page .error-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.chapter-edit-page .loading-state h2,.chapter-edit-page .error-state h2{margin:0 0 1rem;color:var(--primary-text)}.chapter-edit-page .loading-state p,.chapter-edit-page .error-state p{margin:0 0 1.5rem;color:var(--muted-text)}.chapter-edit-page .loading-state .btn-primary,.chapter-edit-page .error-state .btn-primary{background:var(--primary-accent);border:1px solid var(--primary-accent);color:var(--primary-bg);padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;text-decoration:none;transition:all .2s ease}.chapter-edit-page .loading-state .btn-primary:hover,.chapter-edit-page .error-state .btn-primary:hover{background:var(--primary-accent-dark);border-color:var(--primary-accent-dark)}@media (max-width: 1200px){.chapter-edit-page .edit-content .right-panel{display:none}}@media (max-width: 768px){.chapter-edit-page .edit-header{flex-direction:column;gap:1rem;align-items:flex-start}.chapter-edit-page .edit-header .header-actions{width:100%;justify-content:space-between}.chapter-edit-page .edit-content{flex-direction:column;padding:1rem}.chapter-edit-page .edit-content .left-panel{width:100%;order:2}.chapter-edit-page .edit-content .left-panel .image-library.sticky{position:fixed;top:120px;left:1rem;right:1rem;width:auto;max-height:calc(100vh - 140px)}.chapter-edit-page .edit-content .center-panel{order:1}}.user-management{padding:20px;max-width:100%;overflow-x:auto}.user-management .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.user-management .section-header h2{margin:0;color:var(--primary-text);font-size:1.8rem;font-weight:600}.user-management .section-header .add-user-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--primary-accent);color:var(--primary-bg);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.user-management .section-header .add-user-btn:hover{background:var(--primary-accent-dark);transform:translateY(-1px)}.user-management .section-header .add-user-btn .btn-icon{font-size:16px}.user-management .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.user-management .stats-grid .stat-card{display:flex;align-items:center;gap:15px;padding:20px;background:var(--secondary-bg);border-radius:12px;border:1px solid var(--border-color);transition:all .2s ease}.user-management .stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.user-management .stats-grid .stat-card .stat-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--primary-accent);color:var(--primary-bg);border-radius:10px}.user-management .stats-grid .stat-card .stat-content h3{margin:0 0 5px;font-size:1.8rem;font-weight:700;color:var(--primary-text)}.user-management .stats-grid .stat-card .stat-content p{margin:0;color:var(--secondary-text);font-size:14px}.user-management .filters-section{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap;align-items:center}.user-management .filters-section .filter-group{display:flex;align-items:center}.user-management .filters-section .filter-group .search-input-wrapper{position:relative;display:flex;align-items:center}.user-management .filters-section .filter-group .search-input-wrapper .search-input{padding:10px 40px 10px 15px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;min-width:250px;background:var(--primary-bg);color:var(--primary-text)}.user-management .filters-section .filter-group .search-input-wrapper .search-input:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 2px #ffffff1a}.user-management .filters-section .filter-group .search-input-wrapper .search-input::placeholder{color:var(--secondary-text)}.user-management .filters-section .filter-group .search-input-wrapper .search-input.searching{border-color:var(--primary-accent)}.user-management .filters-section .filter-group .search-input-wrapper .search-indicator{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.user-management .filters-section .filter-group .search-input-wrapper .search-indicator .search-spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top:2px solid var(--primary-accent);border-radius:50%;animation:spin 1s linear infinite}.user-management .filters-section .filter-group .filter-select{padding:10px 15px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--primary-bg);color:var(--primary-text);cursor:pointer}.user-management .filters-section .filter-group .filter-select:focus{outline:none;border-color:var(--primary-accent)}.user-management .filters-section .filter-group .filter-select option{background:var(--primary-bg)!important;color:var(--primary-text)!important;padding:8px}.user-management .filters-section .filter-group .filter-select::-webkit-listbox{background:var(--primary-bg)}.user-management .filters-section .filter-group .filter-select::-webkit-option{background:var(--primary-bg);color:var(--primary-text)}.user-management .filters-section .filter-group .filter-select option{background-color:#fff!important;color:#000!important}.user-management .filters-section .filter-group .filter-select option:hover{background-color:#f0f0f0!important}.user-management .filters-section .filter-group .sort-btn{padding:10px 15px;border:1px solid var(--border-color);border-radius:8px;background:var(--primary-bg);color:var(--primary-text);cursor:pointer;font-size:16px;transition:all .2s ease}.user-management .filters-section .filter-group .sort-btn:hover{background:var(--secondary-bg)}.user-management .users-table-container{background:var(--primary-bg);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;margin-bottom:25px}.user-management .users-table-container .users-table{width:100%;border-collapse:collapse}.user-management .users-table-container .users-table th,.user-management .users-table-container .users-table td{padding:15px;text-align:left;border-bottom:1px solid var(--border-color)}.user-management .users-table-container .users-table th{background:var(--secondary-bg);font-weight:600;color:var(--primary-text);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.user-management .users-table-container .users-table td{color:var(--primary-text);font-size:14px;vertical-align:middle}.user-management .users-table-container .users-table tr:hover{background:var(--secondary-bg)}.user-management .users-table-container .users-table .roles-tags{display:flex;gap:5px;flex-wrap:wrap}.user-management .users-table-container .users-table .roles-tags .role-tag{padding:4px 8px;background:var(--primary-accent);color:var(--primary-bg);border-radius:4px;font-size:12px;font-weight:500}.user-management .users-table-container .users-table .status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.user-management .users-table-container .users-table .status-badge.status-active{background:#10b981;color:#fff}.user-management .users-table-container .users-table .status-badge.status-inactive{background:#f59e0b;color:#fff}.user-management .users-table-container .users-table .action-buttons{display:flex;gap:8px}.user-management .users-table-container .users-table .action-buttons .action-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.user-management .users-table-container .users-table .action-buttons .action-btn.edit-btn{background:#3b82f6;color:#fff}.user-management .users-table-container .users-table .action-buttons .action-btn.edit-btn:hover{background:#2563eb;color:#fff}.user-management .users-table-container .users-table .action-buttons .action-btn.delete-btn{background:#ef4444;color:#fff}.user-management .users-table-container .users-table .action-buttons .action-btn.delete-btn:hover{background:#dc2626;color:#fff}.user-management .users-table-container .users-table .action-buttons .action-btn .btn-icon{font-size:14px}.user-management .pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.user-management .pagination .pagination-btn{padding:8px 16px;border:1px solid var(--border-color);background:var(--primary-bg);color:var(--primary-text);border-radius:6px;cursor:pointer;transition:all .2s ease}.user-management .pagination .pagination-btn:hover:not(:disabled){background:var(--secondary-bg)}.user-management .pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.user-management .pagination .pagination-info{color:var(--secondary-text);font-size:14px}.user-management .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-management .modal-overlay .modal-content{background:var(--primary-bg);border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color)}.user-management .modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.user-management .modal-overlay .modal-content .modal-header h3{margin:0;color:var(--primary-text);font-size:1.2rem}.user-management .modal-overlay .modal-content .modal-header .modal-close{background:none;border:none;font-size:24px;color:var(--secondary-text);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.user-management .modal-overlay .modal-content .modal-header .modal-close:hover{background:var(--secondary-bg);color:var(--primary-text)}.user-management .modal-overlay .modal-content .user-form{padding:20px}.user-management .modal-overlay .modal-content .user-form .form-group{margin-bottom:20px}.user-management .modal-overlay .modal-content .user-form .form-group label{display:block;margin-bottom:8px;color:var(--primary-text);font-weight:500;font-size:14px}.user-management .modal-overlay .modal-content .user-form .form-group input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--secondary-bg);color:var(--primary-text)}.user-management .modal-overlay .modal-content .user-form .form-group input:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 2px #ffffff1a}.user-management .modal-overlay .modal-content .user-form .form-group .roles-checkboxes{display:flex;flex-direction:column;gap:10px}.user-management .modal-overlay .modal-content .user-form .form-group .roles-checkboxes .role-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s ease}.user-management .modal-overlay .modal-content .user-form .form-group .roles-checkboxes .role-checkbox:hover{background:var(--secondary-bg)}.user-management .modal-overlay .modal-content .user-form .form-group .roles-checkboxes .role-checkbox input[type=checkbox]{width:auto;margin:0}.user-management .modal-overlay .modal-content .user-form .form-group .roles-checkboxes .role-checkbox span{color:var(--primary-text);font-size:14px}.user-management .modal-overlay .modal-content .user-form .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.user-management .modal-overlay .modal-content .user-form .form-actions button{padding:10px 20px;border:1px solid var(--border-color);border-radius:8px;background:var(--primary-bg);color:var(--primary-text);cursor:pointer;font-size:14px;transition:all .2s ease}.user-management .modal-overlay .modal-content .user-form .form-actions button:hover{background:var(--secondary-bg)}.user-management .modal-overlay .modal-content .user-form .form-actions button.primary-btn{background:var(--primary-accent);color:var(--primary-bg);border-color:var(--primary-accent)}.user-management .modal-overlay .modal-content .user-form .form-actions button.primary-btn:hover{background:var(--primary-accent-dark)}.user-management .loading-state,.user-management .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.user-management .loading-state .loading-spinner,.user-management .empty-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.user-management .loading-state .empty-icon,.user-management .empty-state .empty-icon{font-size:3rem;margin-bottom:20px;opacity:.5}.user-management .loading-state h3,.user-management .empty-state h3{margin:0 0 10px;color:var(--primary-text);font-size:1.2rem}.user-management .loading-state p,.user-management .empty-state p{margin:0;color:var(--secondary-text);font-size:14px}.user-management .error-message{display:flex;align-items:center;gap:10px;padding:15px;background:#fef2f2;color:#dc2626;border-radius:8px;margin-bottom:20px;font-size:14px}.user-management .error-message .error-icon{font-size:16px}.user-management .react-select-container .react-select__control{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;min-height:44px;box-shadow:none}.user-management .react-select-container .react-select__control:hover{border-color:var(--primary-accent)}.user-management .react-select-container .react-select__control.react-select__control--is-focused{border-color:var(--primary-accent);box-shadow:0 0 0 2px #ffffff1a}.user-management .react-select-container .react-select__menu{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026}.user-management .react-select-container .react-select__option{background:var(--primary-bg);color:var(--primary-text)}.user-management .react-select-container .react-select__option:hover{background:var(--secondary-bg)}.user-management .react-select-container .react-select__option.react-select__option--is-focused,.user-management .react-select-container .react-select__option.react-select__option--is-selected{background:var(--primary-accent);color:var(--primary-bg)}.user-management .react-select-container .react-select__multi-value{background:var(--primary-accent);border-radius:4px;margin:2px}.user-management .react-select-container .react-select__multi-value .react-select__multi-value__label{color:var(--primary-bg);font-size:12px;padding:2px 6px}.user-management .react-select-container .react-select__multi-value .react-select__multi-value__remove{color:var(--primary-bg);padding:2px 4px}.user-management .react-select-container .react-select__multi-value .react-select__multi-value__remove:hover{background:#ef4444;color:#fff}.user-management .react-select-container .react-select__placeholder{color:var(--secondary-text)}.user-management .react-select-container .react-select__input-container{color:var(--primary-text)}@media (max-width: 768px){.user-management{padding:15px}.user-management .section-header{flex-direction:column;gap:15px;align-items:stretch}.user-management .section-header .add-user-btn{justify-content:center}.user-management .stats-grid{grid-template-columns:1fr}.user-management .filters-section{flex-direction:column;align-items:stretch}.user-management .filters-section .filter-group .search-input{min-width:auto}.user-management .users-table-container{overflow-x:auto}.user-management .users-table-container .users-table{min-width:600px}.user-management .users-table-container .users-table th,.user-management .users-table-container .users-table td{padding:10px;font-size:12px}.user-management .users-table-container .users-table .action-buttons{flex-direction:column;gap:4px}.user-management .users-table-container .users-table .action-buttons .action-btn{padding:4px 8px;font-size:11px}.user-management .modal-overlay{padding:10px}.user-management .modal-overlay .modal-content{max-width:none;margin:0}}.announcements-management{padding:1.5rem;background:var(--secondary-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a}.announcements-management .announcements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.announcements-management .announcements-header .announcements-title{margin:0;color:var(--primary-text);font-size:1.5rem;font-weight:600}.announcements-management .announcements-header .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.announcements-management .announcements-header .btn-primary:hover{background:var(--primary-hover)}.announcements-management .announcements-header .btn-primary i{font-size:.875rem}.announcements-management .alert{padding:1rem;margin-bottom:1.5rem;border-radius:6px;display:flex;justify-content:space-between;align-items:center}.announcements-management .alert.alert-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.announcements-management .alert .alert-close{background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;padding:0;margin-left:1rem}.announcements-management .alert .alert-close:hover{opacity:.7}.announcements-management .announcements-list .no-announcements{text-align:center;padding:3rem;color:var(--secondary-text)}.announcements-management .announcements-list .no-announcements p{margin:0;font-size:1.1rem}.announcements-management .announcements-list .announcement-item{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;overflow:hidden;transition:all .2s}.announcements-management .announcements-list .announcement-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.announcements-management .announcements-list .announcement-item.pinned{border-left:4px solid var(--primary-accent);background:linear-gradient(135deg,var(--primary-bg) 0%,rgba(255,255,255,.05) 100%)}.announcements-management .announcements-list .announcement-item .announcement-header{padding:1.5rem;cursor:pointer;position:relative}.announcements-management .announcements-list .announcement-item .announcement-header .announcement-meta{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.announcements-management .announcements-list .announcement-item .announcement-header .announcement-meta .announcement-priority .priority-badge{padding:.25rem .75rem;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.announcements-management .announcements-list .announcement-item .announcement-header .announcement-meta .pinned-badge,.announcements-management .announcements-list .announcement-item .announcement-header .announcement-meta .inactive-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.announcements-management .announcements-list .announcement-item .announcement-header .announcement-meta .pinned-badge{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.announcements-management .announcements-list .announcement-item .announcement-header .announcement-meta .inactive-badge{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.announcements-management .announcements-list .announcement-item .announcement-header .announcement-title-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.announcements-management .announcements-list .announcement-item .announcement-header .announcement-title-section .announcement-title{margin:0;color:var(--primary-text);font-size:1.25rem;font-weight:600;flex:1;margin-right:1rem}.announcements-management .announcements-list .announcement-item .announcement-header .announcement-title-section .announcement-actions{display:flex;gap:.5rem;flex-shrink:0}.announcements-management .announcements-list .announcement-item .announcement-header .announcement-title-section .announcement-actions .btn{padding:.5rem 1rem;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid;background:transparent}.announcements-management .announcements-list .announcement-item .announcement-header .announcement-title-section .announcement-actions .btn.btn-sm{padding:.375rem .75rem;font-size:.75rem}.announcements-management .announcements-list .announcement-item .announcement-header .announcement-title-section .announcement-actions .btn.btn-outline-primary{color:var(--primary-accent);border-color:var(--primary-accent)}.announcements-management .announcements-list .announcement-item .announcement-header .announcement-title-section .announcement-actions .btn.btn-outline-primary:hover{background:var(--primary-accent);color:var(--primary-bg)}.announcements-management .announcements-list .announcement-item .announcement-header .announcement-title-section .announcement-actions .btn.btn-outline-danger{color:#dc2626;border-color:#dc2626}.announcements-management .announcements-list .announcement-item .announcement-header .announcement-title-section .announcement-actions .btn.btn-outline-danger:hover{background:#dc2626;color:#fff}.announcements-management .announcements-list .announcement-item .announcement-header .announcement-title-section .announcement-actions .btn i{margin-right:.25rem}.announcements-management .announcements-list .announcement-item .announcement-header .announcement-info{display:flex;gap:1rem;flex-wrap:wrap;font-size:.875rem;color:var(--secondary-text)}.announcements-management .announcements-list .announcement-item .announcement-header .announcement-info .announcement-date,.announcements-management .announcements-list .announcement-item .announcement-header .announcement-info .announcement-author{display:flex;align-items:center;gap:.25rem}.announcements-management .announcements-list .announcement-item .announcement-header .announcement-info .announcement-author{font-weight:500;color:var(--primary-text)}.announcements-management .announcements-list .announcement-item .announcement-header .expand-button{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--secondary-text);cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s}.announcements-management .announcements-list .announcement-item .announcement-header .expand-button:hover{background:var(--secondary-bg);color:var(--primary-text)}.announcements-management .announcements-list .announcement-item .announcement-header .expand-button i{font-size:.875rem;transition:transform .2s}.announcements-management .announcements-list .announcement-item .announcement-content{padding:0 1.5rem 1.5rem;border-top:1px solid var(--border-color);background:var(--secondary-bg)}.announcements-management .announcements-list .announcement-item .announcement-content .content-text{color:var(--primary-text);line-height:1.6;white-space:pre-wrap;font-size:.95rem}.announcements-management .announcements-list .announcement-item .announcement-content .content-text p{margin:0 0 1rem}.announcements-management .announcements-list .announcement-item .announcement-content .content-text p:last-child{margin-bottom:0}.announcements-management .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.announcements-management .modal-overlay .modal{background:var(--primary-bg);border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:600px;min-height:400px;max-height:90vh;overflow-y:auto;position:relative;display:block;margin:auto}.announcements-management .modal-overlay .modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.announcements-management .modal-overlay .modal .modal-header h3{margin:0;color:var(--primary-text);font-size:1.25rem;font-weight:600}.announcements-management .modal-overlay .modal .modal-header .modal-close{background:none;border:none;color:var(--secondary-text);font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.announcements-management .modal-overlay .modal .modal-header .modal-close:hover{background:var(--secondary-bg);color:var(--primary-text)}.announcements-management .modal-overlay .modal .modal-body{padding:1.5rem}.announcements-management .modal-overlay .modal .modal-body .form-group{margin-bottom:1.5rem}.announcements-management .modal-overlay .modal .modal-body .form-group label{display:block;margin-bottom:.5rem;color:var(--primary-text);font-weight:500}.announcements-management .modal-overlay .modal .modal-body .form-group input,.announcements-management .modal-overlay .modal .modal-body .form-group textarea,.announcements-management .modal-overlay .modal .modal-body .form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--secondary-bg);color:var(--primary-text);font-size:.95rem;transition:border-color .2s}.announcements-management .modal-overlay .modal .modal-body .form-group input:focus,.announcements-management .modal-overlay .modal .modal-body .form-group textarea:focus,.announcements-management .modal-overlay .modal .modal-body .form-group select:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px #ffffff1a}.announcements-management .modal-overlay .modal .modal-body .form-group input::placeholder,.announcements-management .modal-overlay .modal .modal-body .form-group textarea::placeholder,.announcements-management .modal-overlay .modal .modal-body .form-group select::placeholder{color:var(--secondary-text)}.announcements-management .modal-overlay .modal .modal-body .form-group textarea{resize:vertical;min-height:120px}.announcements-management .modal-overlay .modal .modal-body .form-group.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.announcements-management .modal-overlay .modal .modal-body .form-group.checkbox-group label input[type=checkbox]{width:auto;margin:0}.announcements-management .modal-overlay .modal .modal-body .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.announcements-management .modal-overlay .modal .modal-body .form-row{grid-template-columns:1fr}}.announcements-management .modal-overlay .modal .modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color)}.announcements-management .modal-overlay .modal .modal-footer .btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid}.announcements-management .modal-overlay .modal .modal-footer .btn.btn-secondary{background:transparent;color:var(--secondary-text);border-color:var(--border-color)}.announcements-management .modal-overlay .modal .modal-footer .btn.btn-secondary:hover{background:var(--secondary-bg);color:var(--primary-text)}.announcements-management .modal-overlay .modal .modal-footer .btn.btn-primary{background:var(--primary-accent);color:var(--primary-bg);border-color:var(--primary-accent)}.announcements-management .modal-overlay .modal .modal-footer .btn.btn-primary:hover:not(:disabled){background:var(--primary-accent-dark)}.announcements-management .modal-overlay .modal .modal-footer .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .announcements-management .announcement-item.pinned{background:linear-gradient(135deg,var(--primary-bg) 0%,rgba(255,255,255,.1) 100%)}[data-theme=dark] .announcements-management .modal .form-group input,[data-theme=dark] .announcements-management .modal .form-group textarea,[data-theme=dark] .announcements-management .modal .form-group select{background:var(--secondary-bg)}@media (max-width: 768px){.announcements-management{padding:1rem}.announcements-management .announcements-header{flex-direction:column;gap:1rem;align-items:stretch}.announcements-management .announcements-header .btn-primary{justify-content:center}.announcements-management .announcement-item .announcement-header .announcement-title-section{flex-direction:column;gap:1rem}.announcements-management .announcement-item .announcement-header .announcement-title-section .announcement-actions{justify-content:flex-start}.announcements-management .announcement-item .announcement-header .announcement-info{flex-direction:column;gap:.5rem}}.comments-section{margin:2rem 0;padding:2rem;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a}.comments-section .comments-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.comments-section .comments-header h3{color:var(--primary-text);margin:0;font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.comments-section .comments-header h3:before{content:"💬";font-size:1.2rem}.comments-section .comments-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--secondary-text)}.comments-section .comments-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.comments-section .comments-loading p{margin:0;font-size:.9rem}.comments-section .error-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;margin-bottom:1.5rem;font-size:.9rem}.comments-section .error-message .error-icon{font-size:1rem}.comments-section .add-comment-form{margin-bottom:2rem;padding:1.5rem;background:rgba(var(--secondary-bg, #1a1a1a),.3);border:1px solid var(--border-color);border-radius:10px}.comments-section .add-comment-form .form-group{margin:0}.comments-section .add-comment-form .form-group textarea{width:100%;padding:1rem;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--primary-text);font-size:.95rem;line-height:1.5;resize:vertical;min-height:80px;transition:all .3s ease}.comments-section .add-comment-form .form-group textarea:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 2px #ffffff1a}.comments-section .add-comment-form .form-group textarea::placeholder{color:var(--secondary-text)}.comments-section .add-comment-form .form-group textarea:disabled{opacity:.6;cursor:not-allowed}.comments-section .add-comment-form .form-group .form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.comments-section .add-comment-form .form-group .form-footer .char-count{color:var(--secondary-text);font-size:.85rem}.comments-section .add-comment-form .form-group .form-footer .submit-btn{padding:.75rem 1.5rem;background:var(--primary-accent);color:var(--primary-bg);border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.comments-section .add-comment-form .form-group .form-footer .submit-btn:hover:not(:disabled){background:var(--primary-accent-dark);transform:translateY(-1px)}.comments-section .add-comment-form .form-group .form-footer .submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.comments-section .comments-list .no-comments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--secondary-text)}.comments-section .comments-list .no-comments .no-comments-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.comments-section .comments-list .no-comments h4{color:var(--primary-text);margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.comments-section .comments-list .no-comments p{margin:0 0 1.5rem;font-size:.9rem}.comments-section .comments-list .no-comments .login-to-comment-btn{padding:.75rem 1.5rem;background:var(--primary-accent);color:var(--primary-bg);border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.comments-section .comments-list .no-comments .login-to-comment-btn:hover{background:var(--primary-accent-dark);transform:translateY(-1px)}.comments-section .comments-list .comment-item{margin-bottom:1.5rem;padding:1.5rem;background:rgba(var(--secondary-bg, #1a1a1a),.3);border:1px solid var(--border-color);border-radius:10px;transition:all .3s ease}.comments-section .comments-list .comment-item:hover{border-color:var(--primary-accent);box-shadow:0 2px 8px #0000001a}.comments-section .comments-list .comment-item:last-child{margin-bottom:0}.comments-section .comments-list .comment-item .comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.comments-section .comments-list .comment-item .comment-header .comment-author{display:flex;align-items:center;gap:.75rem}.comments-section .comments-list .comment-item .comment-header .comment-author .author-avatar{width:40px;height:40px;background:var(--primary-accent);color:var(--primary-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.comments-section .comments-list .comment-item .comment-header .comment-author .author-info{display:flex;flex-direction:column;gap:.25rem}.comments-section .comments-list .comment-item .comment-header .comment-author .author-info .author-name{color:var(--primary-text);font-weight:600;font-size:.95rem}.comments-section .comments-list .comment-item .comment-header .comment-author .author-info .comment-date{color:var(--secondary-text);font-size:.8rem}.comments-section .comments-list .comment-item .comment-header .comment-actions{display:flex;gap:.5rem}.comments-section .comments-list .comment-item .comment-header .comment-actions .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.comments-section .comments-list .comment-item .comment-header .comment-actions .action-btn.edit-btn{background:#3b82f6;color:#fff}.comments-section .comments-list .comment-item .comment-header .comment-actions .action-btn.edit-btn:hover{background:#2563eb;transform:translateY(-1px)}.comments-section .comments-list .comment-item .comment-header .comment-actions .action-btn.delete-btn{background:#ef4444;color:#fff}.comments-section .comments-list .comment-item .comment-header .comment-actions .action-btn.delete-btn:hover{background:#dc2626;transform:translateY(-1px)}.comments-section .comments-list .comment-item .comment-content{margin-bottom:1rem}.comments-section .comments-list .comment-item .comment-content p{color:var(--primary-text);font-size:.95rem;line-height:1.6;margin:0}.comments-section .comments-list .comment-item .comment-content .edit-comment-form .form-group{margin:0}.comments-section .comments-list .comment-item .comment-content .edit-comment-form .form-group textarea{width:100%;padding:.75rem;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--primary-text);font-size:.9rem;line-height:1.5;resize:vertical;min-height:60px;margin-bottom:.75rem}.comments-section .comments-list .comment-item .comment-content .edit-comment-form .form-group textarea:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 2px #ffffff1a}.comments-section .comments-list .comment-item .comment-content .edit-comment-form .form-group .edit-actions{display:flex;gap:.75rem}.comments-section .comments-list .comment-item .comment-content .edit-comment-form .form-group .edit-actions .save-btn{padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.comments-section .comments-list .comment-item .comment-content .edit-comment-form .form-group .edit-actions .save-btn:hover{background:#059669;transform:translateY(-1px)}.comments-section .comments-list .comment-item .comment-content .edit-comment-form .form-group .edit-actions .cancel-btn{padding:.5rem 1rem;background:var(--secondary-bg);color:var(--primary-text);border:1px solid var(--border-color);border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.comments-section .comments-list .comment-item .comment-content .edit-comment-form .form-group .edit-actions .cancel-btn:hover{background:var(--border-color);transform:translateY(-1px)}.comments-section .comments-list .comment-item .comment-footer .like-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--secondary-text);font-size:.85rem;cursor:pointer;transition:all .3s ease}.comments-section .comments-list .comment-item .comment-footer .like-btn:hover:not(:disabled){border-color:var(--primary-accent);color:var(--primary-accent);transform:translateY(-1px)}.comments-section .comments-list .comment-item .comment-footer .like-btn:disabled{opacity:.5;cursor:not-allowed}.comments-section .comments-list .comment-item .comment-footer .like-btn.liked{background:#ef44441a;border-color:#ef4444;color:#ef4444}.comments-section .comments-list .comment-item .comment-footer .like-btn .like-icon{font-size:.9rem}.comments-section .comments-list .comment-item .comment-footer .like-btn .like-count{font-weight:600}@media (max-width: 768px){.comments-section{margin:1.5rem 0;padding:1.5rem}.comments-section .comments-header h3{font-size:1.2rem}.comments-section .add-comment-form{padding:1rem}.comments-section .add-comment-form .form-footer{flex-direction:column;gap:1rem;align-items:stretch}.comments-section .add-comment-form .form-footer .submit-btn{width:100%}.comments-section .comments-list .comment-item{padding:1rem}.comments-section .comments-list .comment-item .comment-header{flex-direction:column;gap:1rem;align-items:flex-start}.comments-section .comments-list .comment-item .comment-header .comment-actions{align-self:flex-end}.comments-section .comments-list .comment-item .comment-footer .like-btn{width:100%;justify-content:center}}.comments-management .comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.comments-management .comments-header h2{color:var(--primary-text);margin:0;font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.comments-management .comments-header h2:before{content:"💬";font-size:1.3rem}.comments-management .comments-header .comments-stats{display:flex;gap:1.5rem}.comments-management .comments-header .comments-stats .stat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(var(--secondary-bg, #1a1a1a),.5);border:1px solid var(--border-color);border-radius:8px}.comments-management .comments-header .comments-stats .stat-item .stat-label{color:var(--secondary-text);font-size:.85rem;font-weight:500}.comments-management .comments-header .comments-stats .stat-item .stat-value{color:var(--primary-text);font-size:.9rem;font-weight:700}.comments-management .comments-list{display:flex;flex-direction:column;gap:1rem}.comments-management .comments-list .comment-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:rgba(var(--secondary-bg, #1a1a1a),.5);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.comments-management .comments-list .comment-item:hover{border-color:var(--primary-accent);box-shadow:0 4px 12px #00000026}.comments-management .comments-list .comment-item .comment-content{flex:1;margin-right:1rem}.comments-management .comments-list .comment-item .comment-content .comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.comments-management .comments-list .comment-item .comment-content .comment-header .comment-author{display:flex;align-items:center;gap:.75rem}.comments-management .comments-list .comment-item .comment-content .comment-header .comment-author .author-avatar{width:40px;height:40px;background:var(--primary-accent);color:var(--primary-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.comments-management .comments-list .comment-item .comment-content .comment-header .comment-author .author-info{display:flex;flex-direction:column;gap:.25rem}.comments-management .comments-list .comment-item .comment-content .comment-header .comment-author .author-info .author-name{color:var(--primary-text);font-weight:600;font-size:.95rem}.comments-management .comments-list .comment-item .comment-content .comment-header .comment-author .author-info .comment-date{color:var(--secondary-text);font-size:.8rem}.comments-management .comments-list .comment-item .comment-content .comment-header .comment-location{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(var(--primary-accent, #ffffff),.1);border:1px solid rgba(var(--primary-accent, #ffffff),.2);border-radius:6px;font-size:.85rem}.comments-management .comments-list .comment-item .comment-content .comment-header .comment-location .location-icon{font-size:.9rem}.comments-management .comments-list .comment-item .comment-content .comment-header .comment-location .location-text{color:var(--primary-text);font-weight:500}.comments-management .comments-list .comment-item .comment-content .comment-text{margin-bottom:1rem}.comments-management .comments-list .comment-item .comment-content .comment-text p{color:var(--primary-text);font-size:.95rem;line-height:1.6;margin:0}.comments-management .comments-list .comment-item .comment-content .comment-meta{display:flex;gap:1rem}.comments-management .comments-list .comment-item .comment-content .comment-meta .meta-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:rgba(var(--secondary-bg, #1a1a1a),.3);border-radius:4px;font-size:.8rem}.comments-management .comments-list .comment-item .comment-content .comment-meta .meta-item .meta-icon{font-size:.9rem}.comments-management .comments-list .comment-item .comment-content .comment-meta .meta-item .meta-value{color:var(--secondary-text);font-weight:600}.comments-management .comments-list .comment-item .comment-actions{display:flex;gap:.5rem}.comments-management .comments-list .comment-item .comment-actions .action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.comments-management .comments-list .comment-item .comment-actions .action-btn.delete-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.comments-management .comments-list .comment-item .comment-actions .action-btn.delete-btn:hover:not(:disabled){background:#ef444433;border-color:#ef4444;transform:translateY(-1px)}.comments-management .comments-list .comment-item .comment-actions .action-btn.delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.comments-management .comments-list .comment-item .comment-actions .action-btn.delete-btn .loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.comments-management .comments-list .comment-item .comment-actions .action-btn .btn-icon{font-size:.9rem}.comments-management .comments-list .comment-item .comment-actions .action-btn .btn-text{font-size:.85rem}.comments-management .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--secondary-text)}.comments-management .empty-state .empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.comments-management .empty-state h3{color:var(--primary-text);margin:0 0 .5rem;font-size:1.3rem;font-weight:600}.comments-management .empty-state p{margin:0;font-size:.95rem}.comments-management .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--secondary-text)}.comments-management .loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.comments-management .loading-state p{margin:0;font-size:.9rem}.comments-management .error-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;margin-bottom:1.5rem;font-size:.9rem}.comments-management .error-message .error-icon{font-size:1rem}@media (max-width: 768px){.comments-management .comments-header{flex-direction:column;gap:1rem;align-items:stretch}.comments-management .comments-header .comments-stats{justify-content:center}.comments-management .comments-list .comment-item{flex-direction:column;gap:1rem}.comments-management .comments-list .comment-item .comment-content{margin-right:0}.comments-management .comments-list .comment-item .comment-header{flex-direction:column;gap:1rem;align-items:flex-start}.comments-management .comments-list .comment-item .comment-header .comment-location{align-self:flex-start}.comments-management .comments-list .comment-item .comment-actions{align-self:flex-end}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.darrk-page{min-height:100vh;position:relative;overflow:hidden;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><pattern id="conspiracy" width="40" height="40" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.03)"/><path d="M 0 20 L 40 20 M 20 0 L 20 40" stroke="rgba(255,255,255,0.02)" stroke-width="0.5"/></pattern></defs><rect width="200" height="200" fill="url(%23conspiracy)"/></svg>'),radial-gradient(ellipse at center,#000c,#140a0ae6,#000);background-size:60px 60px,100% 100%;background-position:center,center;background-repeat:repeat,no-repeat}.darrk-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(255,0,0,.1) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(0,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,0,.05) 0%,transparent 50%);animation:conspiracyShift 15s ease-in-out infinite}@keyframes conspiracyShift{0%,to{transform:translate(0) translateY(0) rotate(0)}25%{transform:translate(-15px) translateY(-15px) rotate(1deg)}50%{transform:translate(15px) translateY(-10px) rotate(-1deg)}75%{transform:translate(-10px) translateY(15px) rotate(.5deg)}}.darrk-hero{position:relative;z-index:2;padding:4rem 0;text-align:center}.darrk-hero .darrk-content{max-width:800px;margin:0 auto}.darrk-hero .darrk-title{font-size:3.5rem;font-weight:900;margin-bottom:2rem;position:relative}.darrk-hero .darrk-title .text-gradient{background:linear-gradient(45deg,red,#0ff,#ff0,#f0f);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:conspiracyGradient 8s ease-in-out infinite}.darrk-hero .darrk-title .subtitle{display:block;font-size:1.3rem;font-weight:400;color:var(--muted-text, #a0a0a0);margin-top:1rem;font-style:italic}.darrk-hero .darrk-warning{background:#ff00001a;border:2px solid rgba(255,0,0,.3);border-radius:1rem;padding:1.5rem;margin-top:2rem}.darrk-hero .darrk-warning .warning-text{font-size:1.1rem;color:#ff6b6b;font-weight:600;margin:0}@keyframes conspiracyGradient{0%,to{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0% 100%}}.evidence-section{position:relative;z-index:2;padding:4rem 0;background:rgba(var(--primary-bg, #0a0a0a),.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.evidence-section .section-title{text-align:center;margin-bottom:3rem}.evidence-section .section-title .text-gradient{font-size:2.5rem;font-weight:800;color:#ff6b6b;display:block;margin-bottom:.5rem}.evidence-section .section-title .subtitle{font-size:1.1rem;color:var(--muted-text, #a0a0a0);font-weight:500;font-style:italic}.evidence-section .evidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.evidence-section .evidence-card{background:rgba(var(--secondary-bg, #1a1a1a),.8);border:2px solid rgba(255,0,0,.2);border-radius:1rem;padding:2rem;position:relative;overflow:hidden;transition:all .3s ease}.evidence-section .evidence-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,red,#0ff,#ff0);animation:conspiracyGradient 4s ease-in-out infinite}.evidence-section .evidence-card:hover{transform:translateY(-8px);border-color:#ff000080;box-shadow:0 20px 40px #f003}.evidence-section .evidence-card .evidence-icon{font-size:3rem;margin-bottom:1rem;text-align:center}.evidence-section .evidence-card .evidence-title{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:var(--primary-text, #ffffff);text-align:center}.evidence-section .evidence-card .evidence-description{color:var(--secondary-text, #e0e0e0);line-height:1.7;text-align:center}.manifesto-section{position:relative;z-index:2;padding:4rem 0;background:rgba(var(--secondary-bg, #1a1a1a),.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.manifesto-section .section-title{text-align:center;margin-bottom:3rem}.manifesto-section .section-title .text-gradient{font-size:2.5rem;font-weight:800;color:#0ff;display:block;margin-bottom:.5rem}.manifesto-section .section-title .subtitle{font-size:1.1rem;color:var(--muted-text, #a0a0a0);font-weight:500;font-style:italic}.manifesto-section .manifesto-content{max-width:900px;margin:0 auto}.manifesto-section .manifesto-text{font-size:1.1rem;line-height:1.8;color:var(--secondary-text, #e0e0e0)}.manifesto-section .manifesto-text p{margin-bottom:1.5rem}.manifesto-section .manifesto-text p strong{color:#0ff;font-weight:700}.manifesto-section .manifesto-text .conclusion{font-size:1.2rem;font-weight:600;color:#ff6b6b;border-left:4px solid #ff6b6b;padding-left:1.5rem;margin:2rem 0}.manifesto-section .manifesto-text .call-to-action{font-size:1.3rem;font-weight:700;color:#ff0;text-align:center;background:#ffff001a;border:2px solid rgba(255,255,0,.3);border-radius:1rem;padding:1.5rem;margin-top:2rem}.conspiracy-section{position:relative;z-index:2;padding:4rem 0;background:rgba(var(--primary-bg, #0a0a0a),.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.conspiracy-section .section-title{text-align:center;margin-bottom:3rem}.conspiracy-section .section-title .text-gradient{font-size:2.5rem;font-weight:800;color:#ff0;display:block;margin-bottom:.5rem}.conspiracy-section .section-title .subtitle{font-size:1.1rem;color:var(--muted-text, #a0a0a0);font-weight:500;font-style:italic}.conspiracy-section .conspiracy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:3rem}.conspiracy-section .conspiracy-card{background:rgba(var(--tertiary-bg, #2a2a2a),.8);border:2px solid rgba(255,255,0,.2);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.conspiracy-section .conspiracy-card:hover{transform:translateY(-5px);border-color:#ffff0080;box-shadow:0 15px 30px #ff03}.conspiracy-section .conspiracy-card h3{font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:var(--primary-text, #ffffff)}.conspiracy-section .conspiracy-card p{color:var(--secondary-text, #e0e0e0);line-height:1.6;font-size:.95rem}.darrk-footer{position:relative;z-index:2;padding:3rem 0;background:rgba(var(--secondary-bg, #1a1a1a),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color, #404040)}.darrk-footer .footer-content{text-align:center;max-width:800px;margin:0 auto}.darrk-footer .disclaimer{font-size:.9rem;color:var(--muted-text, #a0a0a0);line-height:1.6;margin-bottom:1.5rem;font-style:italic}.darrk-footer .disclaimer strong{color:var(--primary-text, #ffffff)}.darrk-footer .footer-links .back-link{display:inline-block;color:var(--primary-accent, #ffffff);text-decoration:none;font-weight:600;padding:.5rem 1.5rem;border:2px solid var(--primary-accent, #ffffff);border-radius:1rem;transition:all .3s ease}.darrk-footer .footer-links .back-link:hover{background:var(--primary-accent, #ffffff);color:var(--primary-bg, #0a0a0a);transform:translateY(-2px)}@media (max-width: 768px){.darrk-page .darrk-hero{padding:3rem 0}.darrk-page .darrk-hero .darrk-title{font-size:2.5rem}.darrk-page .darrk-hero .darrk-title .subtitle{font-size:1.1rem}.darrk-page .darrk-hero .darrk-warning .warning-text{font-size:1rem}.darrk-page .evidence-section{padding:3rem 0}.darrk-page .evidence-section .section-title .text-gradient{font-size:2rem}.darrk-page .evidence-section .evidence-grid{grid-template-columns:1fr;gap:1.5rem}.darrk-page .evidence-section .evidence-card .evidence-title{font-size:1.2rem}.darrk-page .evidence-section .evidence-card .evidence-description{font-size:1rem}.darrk-page .manifesto-section{padding:3rem 0}.darrk-page .manifesto-section .section-title .text-gradient{font-size:2rem}.darrk-page .manifesto-section .manifesto-text{font-size:1rem}.darrk-page .manifesto-section .manifesto-text .conclusion,.darrk-page .manifesto-section .manifesto-text .call-to-action{font-size:1.1rem}.darrk-page .conspiracy-section{padding:3rem 0}.darrk-page .conspiracy-section .section-title .text-gradient{font-size:2rem}.darrk-page .conspiracy-section .conspiracy-grid{grid-template-columns:1fr;gap:1rem}}