code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-bottom:1px solid gold;box-shadow:0 2px 15px #0000004d;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{height:70px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.header-content,.logo{align-items:center;display:flex}.logo{flex-shrink:0}.logo-link{align-items:center;color:inherit;display:flex;gap:12px;text-decoration:none}.logo-image{border:3px solid gold;border-radius:50%;box-shadow:0 4px 15px #ffd7004d;height:50px;object-fit:cover;transition:all .3s ease;width:50px}.logo-image:hover{box-shadow:0 6px 20px #ffd70080;transform:scale(1.05)}.site-name{color:gold;font-family:Times New Roman,serif;font-size:1.6rem;font-style:italic;font-weight:700;text-shadow:0 2px 8px #ffd70066;transition:all .3s ease;white-space:nowrap}.logo-link:hover .site-name{color:#fff;text-shadow:0 2px 12px #ffd70099}.nav{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:15px;justify-content:flex-end;margin-left:20px;position:relative}.nav-link{border-radius:6px;color:#e0e0e0;font-size:.9rem;font-weight:500;padding:8px 15px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link:hover{background:#ffd7001a;color:gold;transform:translateY(-1px)}.user-menu-container{align-items:center;display:flex;gap:15px;position:relative}.user-info-display{background:#ffffff0d;border:1px solid #444;border-radius:8px;gap:15px;padding:8px 15px}.user-greeting{color:#e0e0e0;white-space:nowrap}.user-points{align-items:center;background:#ffd70026;border:1px solid gold;border-radius:15px;display:flex;gap:5px;padding:4px 10px;white-space:nowrap}.points-icon{font-size:.9rem}.points-balance{color:gold;font-size:.8rem;font-weight:600}.menu-toggle{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:6px;box-shadow:0 2px 8px #ffd7004d;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:10px;transition:all .3s ease}.menu-toggle:hover{box-shadow:0 4px 12px #ffd70066;transform:translateY(-2px)}.menu-bar{background:#1a1a1a;border-radius:2px;height:2px;transition:all .3s ease;width:20px}.menu-item{justify-content:space-between}.points-store-btn:hover{background:#28a74540}.auth-buttons{align-items:center;display:flex;flex-shrink:0;gap:12px}@media (max-width:768px){.header-content{padding:0 15px}.user-info-display{flex-direction:column;gap:8px;padding:6px 12px}.user-greeting{font-size:.8rem}.user-dropdown{min-width:220px;right:-10px}}@media (max-width:600px){.header-content{height:auto;min-height:70px;padding:0 12px}.site-name{font-size:1.3rem}.user-menu-container{gap:10px}.user-info-display{padding:5px 10px}.user-greeting{font-size:.75rem}}@media (max-width:480px){.site-name{font-size:1.1rem}.user-info-display{flex-direction:column;gap:5px}.user-dropdown{min-width:200px;right:-20px}.menu-item{font-size:.85rem;padding:8px 10px}}@media (max-width:360px){.site-name{display:none}.user-greeting{font-size:.7rem}.user-points{padding:3px 8px}}.points-store-btn .menu-icon{margin-right:auto}.points-store-btn .points-display{color:gold;font-size:.8rem;font-weight:600;margin-left:auto}.menu-items .menu-item .menu-icon{margin-right:8px}.user-dropdown{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:1px solid #444;border-radius:8px;box-shadow:0 10px 30px #0006;margin-top:10px;min-width:250px;padding:15px;position:absolute;right:0;top:100%;z-index:1001}.menu-item{gap:10px;padding:10px 12px}.menu-item:hover{background:#ffd70026;color:gold;transform:translateX(5px)}.menu-items .menu-item{align-items:center;display:flex;gap:12px;justify-content:flex-start;padding:10px 15px}.menu-items .menu-item .menu-icon{align-items:center;display:flex;justify-content:center;width:20px}.logout-menu-btn{padding:12px 15px}.menu-items{width:100%}.menu-item{align-items:center;background:#ffffff0d;border:none;border-radius:6px;box-sizing:border-box;color:#e0e0e0;cursor:pointer;display:flex;font-size:.9rem;gap:12px;min-height:44px;padding:12px 15px;text-align:left;text-decoration:none;transition:all .3s ease;white-space:nowrap;width:100%}.menu-section .menu-items .menu-item{align-items:center;justify-content:flex-start;min-height:44px}@media (max-width:480px){.user-dropdown{min-width:200px;right:-20px}.menu-item{font-size:.85rem;min-height:40px;padding:10px 12px}.points-display{font-size:.75rem;padding:3px 6px}}.public-menu{align-items:center;display:flex;gap:20px}.profile-btn{background:#0000;color:#fff;gap:10px}.profile-btn:hover{background:#5865f233;color:#5865f2}.user-points-badge{background:#f0b90b33;border:1px solid #f0b90b4d;border-radius:12px;color:#f0b90b;font-size:.8rem;font-weight:600;margin-left:8px;padding:4px 8px}.user-info-display{align-items:center;display:flex;gap:10px}.user-greeting{color:#fff;font-size:.9rem;font-weight:500}@media (max-width:768px){.public-menu{gap:15px}.user-info-display{align-items:flex-start;flex-direction:column;gap:5px}.user-points-badge{margin-left:0}}@media (max-width:480px){.public-menu{gap:10px}.nav-link{font-size:.9rem;padding:8px 12px}}.profile-btn{align-items:center;background:#ffffff0d;border:none;border-radius:6px;box-sizing:border-box;color:#e0e0e0;cursor:pointer;display:flex;font-size:.9rem;gap:12px;justify-content:flex-start;min-height:44px;padding:12px 15px;text-align:left;transition:all .3s ease;white-space:nowrap;width:100%}.profile-btn:hover{background:#ffd70026;color:gold;transform:translateX(5px)}.points-store-btn{align-items:center;background:#ffffff0d;border:none;border-radius:6px;box-sizing:border-box;color:#e0e0e0;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;min-height:44px;padding:12px 15px;text-align:left;transition:all .3s ease;white-space:nowrap;width:100%}.points-store-btn:hover{background:#ffd70026;color:gold;transform:translateX(5px)}.points-store-content{align-items:center;display:flex;flex:1 1;gap:10px}.points-display{background:#ffd7001a;border:1px solid gold;border-radius:12px;color:gold;font-size:.8rem;font-weight:600;padding:4px 8px;white-space:nowrap}.menu-icon{align-items:center;display:flex;flex-shrink:0;font-size:1rem;justify-content:center;text-align:center;width:20px}.points-store-btn:hover{background:#ffd70026!important;color:gold!important}.user-dropdown{display:flex;flex-direction:column;gap:8px}.user-dropdown .menu-item,.user-dropdown .points-store-btn,.user-dropdown .profile-btn{align-items:center;background:#ffffff0d;border:none;border-radius:6px;box-sizing:border-box;color:#e0e0e0;cursor:pointer;display:flex;font-size:.9rem;gap:12px;min-height:44px;padding:12px 15px;text-align:left;text-decoration:none;transition:all .3s ease;white-space:nowrap;width:100%}.user-dropdown .menu-item:hover,.user-dropdown .points-store-btn:hover,.user-dropdown .profile-btn:hover{background:#ffd70026;color:gold;transform:translateX(5px)}.menu-section{margin-bottom:15px}.menu-section:last-child{margin-bottom:0}.section-title{border-bottom:1px solid #444;color:gold;font-size:.8rem;font-weight:600;margin-bottom:10px;padding-bottom:5px;text-align:center;text-transform:uppercase}.menu-items{display:flex;flex-direction:column;gap:8px}.logout-menu-btn{align-items:center;background:#dc354526;border:1px solid #dc3545;display:flex;gap:12px;justify-content:flex-start;margin-top:10px;min-height:44px}.logout-menu-btn:hover{background:#dc354540;transform:translateX(5px)}@media (max-width:480px){.user-dropdown .menu-item,.user-dropdown .points-store-btn,.user-dropdown .profile-btn{font-size:.85rem;min-height:40px;padding:10px 12px}.points-display{font-size:.75rem;padding:3px 6px}}.points-store-content .menu-icon{margin-right:2px}.story-card{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:1px solid #444;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:500px;overflow:hidden;position:relative;transition:all .3s ease}.story-card:hover{border-color:gold;box-shadow:0 10px 30px #ffd70033;transform:translateY(-5px)}.story-image-container{height:100%;overflow:hidden;position:absolute;width:100%;z-index:1}.story-image{height:100%;object-fit:cover;object-position:center center;transition:transform .5s ease;width:100%}.story-card:hover .story-image{transform:scale(1.05)}.story-image-placeholder{align-items:center;background:linear-gradient(135deg,#444,#333);color:#666;display:flex;font-size:4rem;height:100%;justify-content:center;width:100%}.story-image-overlay{background:linear-gradient(0deg,#000000e6 0,#00000080 50%,#0000);bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.story-rating-always-visible{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border:1px solid #ffd7004d;border-radius:16px;color:gold;display:flex;font-size:.9rem;font-weight:600;gap:4px;left:15px;padding:6px 12px;position:absolute;top:15px;z-index:3}.rating-value{font-weight:700}.story-overlay{opacity:0;position:absolute;right:15px;top:15px;transition:opacity .3s ease;z-index:3}.story-card:hover .story-overlay{opacity:1}.status-badge{background:#555342e6;border-radius:4px;color:#fff;font-size:.75rem;padding:5px 10px;text-transform:uppercase}.story-content{bottom:0;display:flex;flex-direction:column;gap:5px;left:0;padding:20px;position:absolute;right:0;z-index:3}.story-title{font-size:1.3rem;font-weight:700}.story-meta{display:flex;flex-direction:column;gap:5px}.story-artist,.story-author{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#ffffffe6;display:-webkit-box;font-size:.9rem;line-height:1.3;overflow:hidden;text-shadow:0 1px 3px #000c}.story-artist{color:gold}.story-footer{align-items:center;border-top:1px solid #fff3;display:flex;justify-content:space-between;margin-top:10px;padding-top:10px}.story-date{color:#fffc;font-size:.8rem;max-width:60%;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000c;white-space:nowrap}.story-status{background:#ffd70033;border:1px solid #ffd7004d;border-radius:4px;color:gold;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.story-status.completed{background:#28a74533;border-color:#28a7454d;color:#28a745}.story-status.ongoing{background:#ffc10733;border-color:#ffc1074d;color:#ffc107}.story-status.hiatus{background:#dc354533;border-color:#dc35454d;color:#dc3545}.story-rating-always-visible{animation:subtleGlow 2s ease-in-out infinite alternate}@keyframes subtleGlow{0%{box-shadow:0 0 5px #ffd7004d}to{box-shadow:0 0 15px #ffd70080}}.story-card.loading{animation:pulse 1.5s infinite;position:relative}.story-image-skeleton{background:#444;height:100%;left:0;position:absolute;top:0;width:100%}.story-content-skeleton{bottom:0;display:flex;flex-direction:column;gap:15px;left:0;padding:20px;position:absolute;right:0;z-index:2}.skeleton-title{height:24px;width:80%}.skeleton-text,.skeleton-title{background:#ffffff1a;border-radius:4px}.skeleton-text{height:16px;width:60%}.skeleton-footer{display:flex;justify-content:space-between;margin-top:15px}.skeleton-date{width:40%}.skeleton-date,.skeleton-status{background:#ffffff1a;border-radius:4px;height:14px}.skeleton-status{width:20%}@media (max-width:1024px){.story-card{height:480px}.story-content{padding:18px}.story-title{font-size:1.2rem}}@media (max-width:768px){.story-card{height:450px}.story-content{padding:16px}.story-title{font-size:1.1rem}.story-artist,.story-author{font-size:.85rem}}@media (max-width:480px){.story-card{height:420px;max-width:280px}.story-content{padding:14px}.story-title{font-size:1rem}.story-rating-always-visible{font-size:.8rem;left:12px;padding:5px 10px;top:12px}.story-footer{align-items:flex-start;flex-direction:column;gap:8px}.story-date{max-width:100%}}.story-title{-webkit-line-clamp:3;color:#fff;font-size:1rem;line-height:1.4;margin:0;text-shadow:0 2px 4px #000c;white-space:normal;word-break:break-word}.story-content{background:linear-gradient(0deg,#323232cc 0,#32323299 60%,#0000);border-top-left-radius:12px;border-top-right-radius:12px}.image-loading-overlay{align-items:center;background:#00000080;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.loading-spinner{border:3px solid #0000;height:30px;width:30px}.story-image.loading{opacity:.5}.story-image.loaded{opacity:1;transition:opacity .3s ease}.story-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff!important;display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 .5rem;min-height:2.6em;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 2px #000000b3,0 0 4px #00000080,-1px -1px 2px #0009}.featured-stories-section{background:linear-gradient(135deg,#ffd70026,#ffd7000d);border-bottom:1px solid #444;padding:30px 0}.featured-stories-container{display:flex;transition:transform .5s ease-in-out}.featured-story-slide{display:none;opacity:0;transition:opacity .5s ease-in-out;width:100%}.featured-story-slide.active{display:block;opacity:1}.featured-story-slide .story-card{height:520px;margin:0 auto;max-width:400px}.featured-navigation{gap:10px}.nav-dot.active{transform:scale(1.2)}.view-all{color:gold;cursor:pointer;font-size:.9rem;text-decoration:none;transition:opacity .3s ease}.view-all:hover{opacity:.8;text-decoration:underline}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.stories-count{color:#aaa;font-size:.9rem}.sort-dropdown{position:relative}.sort-select{background:#ffffff1a;border:1px solid #444;border-radius:6px;color:#a3a1a1;cursor:pointer;font-size:.9rem;padding:8px 12px}.sort-select:focus{border-color:gold;outline:none}.tabs{background:#ffffff0d;border:1px solid #444;border-radius:8px;display:flex;padding:4px}.tab{background:#0000;border:none;border-radius:6px;color:#aaa;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.tab.active{background:gold;color:#1a1a1a;font-weight:600}.tab:hover:not(.active){color:#e0e0e0}.no-stories{color:#aaa;padding:60px 20px;text-align:center}.no-stories-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.no-stories h3{color:#e0e0e0;margin-bottom:10px}.error-icon{font-size:3rem;margin-bottom:20px}.retry-btn{margin-top:20px}@media (max-width:1200px){.stories-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.stories-grid .story-card,.top-rated-carousel .story-card{height:480px;min-height:480px}}@media (max-width:1024px){.stories-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.stories-grid .story-card,.top-rated-carousel .story-card{height:460px;min-height:460px}.top-rated-carousel .story-card{min-width:240px}}@media (max-width:768px){.container{padding:0 15px}.mini-hero-content h1{font-size:2rem}.section-header{align-items:flex-start;flex-direction:column}.controls{justify-content:space-between;width:100%}.stories-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.stories-grid .story-card,.top-rated-carousel .story-card{height:420px;min-height:420px}.top-rated-carousel .story-card{min-width:200px}.featured-story-slide .story-card{height:480px;max-width:320px}}@media (max-width:640px){.stories-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stories-grid .story-card,.top-rated-carousel .story-card{height:400px;min-height:400px}.top-rated-carousel .story-card{min-width:180px}.featured-story-slide .story-card{height:450px;max-width:280px}}@media (max-width:480px){.stories-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.stories-grid .story-card,.top-rated-carousel .story-card{height:380px;min-height:380px}.top-rated-carousel .story-card{min-width:160px}.featured-story-slide .story-card{height:420px;max-width:260px}.controls{align-items:flex-start;flex-direction:column;gap:15px}.tabs{justify-content:space-between;width:100%}.tab{flex:1 1;font-size:.8rem;padding:8px 12px;text-align:center}}body,html{background:#1a1a1a;box-sizing:border-box}body,body>*,html{margin:0;padding:0}body>*{min-height:100vh}.header{border-top:none;margin-top:0}.home-footer{background:#1a1a1a;border-top:1px solid #333;color:#ccc;margin-top:3rem;padding:1.5rem 0}.footer-content{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.social-links{flex-wrap:wrap;gap:1rem}.social-btn,.social-links{display:flex;justify-content:center}.social-btn{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#ddd;cursor:pointer;font-size:.85rem;font-weight:500;gap:.5rem;min-width:120px;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.discord-btn{background:#2a2a2a;border-color:#5865f2}.discord-btn:hover{background:#5865f2;border-color:#5865f2;color:#fff;transform:translateY(-1px)}.youtube-btn{background:#2a2a2a;border-color:red}.youtube-btn:hover{background:red;border-color:red;color:#fff;transform:translateY(-1px)}.social-icon{font-size:1rem}.social-text{font-size:.8rem;font-weight:500}.footer-info{border-top:1px solid #333;margin-top:.5rem;padding-top:.5rem;width:100%}.footer-info p{color:#888;font-size:.75rem;margin:0}@media (max-width:768px){.home-footer{margin-top:2rem;padding:1rem 0}.social-links{gap:.75rem}.social-btn{font-size:.8rem;min-width:110px;padding:.4rem .8rem}.social-text{font-size:.75rem}}@media (max-width:480px){.social-links{flex-direction:column;gap:.5rem;max-width:200px;width:100%}.social-btn{justify-content:center;width:100%}}.home-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#e0e0e0;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}.featured-stories-section{background:linear-gradient(135deg,#ffd70033,#ffd7001a);border-bottom:2px solid gold}.featured-carousel{gap:25px}.featured-story-active{animation:fadeIn .5s ease-in-out;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.featured-story-active .story-card{border:2px solid gold;box-shadow:0 10px 30px #ffd7004d;height:580px;max-width:500px;transform:scale(1.05)}.featured-story-active .story-card:hover{transform:scale(1.08)}.nav-dot{height:14px;width:14px}.featured-counter{background:#ffd70033;border:1px solid #ffd7004d;border-radius:20px;color:gold;font-size:.9rem;font-weight:600;padding:6px 12px}.featured-loading,.no-featured-stories{color:#aaa;padding:60px 20px;text-align:center}.no-featured-stories .no-stories-icon{font-size:3rem;margin-bottom:20px;opacity:.5}.no-featured-stories h3{color:#e0e0e0;margin-bottom:10px}.mini-hero-section{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-bottom:1px solid #444;padding:40px 0;text-align:center}.mini-hero-content h1{color:gold;font-size:2.5rem;margin-bottom:10px;text-shadow:0 2px 4px #ffd7004d}.mini-hero-content p{color:#e0e0e0;font-size:1.1rem;opacity:.9}.top-rated-section{background:#ffffff05;padding:40px 0}.top-rated-carousel{display:flex;gap:25px;overflow-x:auto;padding:20px 10px;scrollbar-color:gold #2d2d2d;scrollbar-width:thin}.top-rated-carousel::-webkit-scrollbar{height:8px}.top-rated-carousel::-webkit-scrollbar-track{background:#2d2d2d;border-radius:4px}.top-rated-carousel::-webkit-scrollbar-thumb{background:gold;border-radius:4px}.top-rated-carousel .story-card{flex-shrink:0;height:500px;min-width:280px}.main-stories-section{padding:40px 0}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.section-header h2{color:gold;font-size:1.8rem;margin:0}.stories-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:30px}.stories-grid .story-card{height:500px;min-height:500px}.error-container,.loading-container{padding:100px 20px;text-align:center}.spinner{border:3px solid #444;border-top-color:gold}@media (max-width:768px){.container{padding:0 15px}.featured-stories-section{padding:30px 0}.featured-story-active .story-card{height:500px;max-width:400px;transform:scale(1)}.featured-story-active .story-card:hover{transform:scale(1.02)}.stories-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.stories-grid .story-card{height:420px;min-height:420px}}@media (max-width:640px){.featured-story-active .story-card{height:480px;max-width:350px}.stories-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stories-grid .story-card{height:400px;min-height:400px}}@media (max-width:480px){.featured-story-active .story-card{height:450px;max-width:300px}.stories-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.stories-grid .story-card{height:380px;min-height:380px}.controls,.section-header{align-items:flex-start;flex-direction:column}.controls{gap:15px;width:100%}.tabs{justify-content:space-between;width:100%}.tab{flex:1 1;font-size:.8rem;padding:8px 12px;text-align:center}}.featured-stories-wrapper{align-items:center;display:flex;gap:20px;justify-content:center;overflow:hidden;position:relative}.featured-story-slide{flex-shrink:0;position:relative;transition:all .5s ease;width:60%}.featured-story-slide .story-card{border-radius:12px;box-shadow:0 10px 25px #0006;height:500px;transition:transform .3s ease;width:100%}.featured-story-slide.active .story-card{box-shadow:0 15px 35px #00000080;transform:scale(1.05)}.featured-navigation{margin-top:15px}.featured-stories-section{background:#1e1e1e;border-bottom:1px solid #333;padding:40px 0;text-align:center}.featured-carousel{gap:15px;justify-content:center;overflow:hidden;position:relative}.featured-story-active{align-items:center;display:flex;gap:15px;justify-content:center;transition:transform .5s ease-in-out}.featured-story-active .story-card{border-radius:12px;box-shadow:0 6px 20px #00000080;height:500px;max-width:360px;object-fit:cover;transition:transform .3s ease;width:100%}.featured-story-active .story-card:hover{transform:scale(1.05)}.featured-navigation{display:flex;gap:12px;justify-content:center;margin-top:20px}.nav-dot{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.nav-dot.active{background:gold;box-shadow:0 0 10px #ffd70080;transform:scale(1.3)}.nav-dot:hover{background:#ffd700b3}@media (min-width:768px){.featured-story-active{flex-wrap:nowrap;justify-content:center}.featured-story-active .story-card:first-child,.featured-story-active .story-card:nth-child(3){opacity:.6;transform:scale(.85)}.featured-story-active .story-card:nth-child(2){opacity:1;transform:scale(1)}}@media (max-width:767px){.featured-story-active{flex-direction:row;gap:12px;overflow-x:auto;padding:0 10px}.featured-story-active .story-card{height:400px;max-width:260px}}.featured-carousel{align-items:center;display:flex;flex-direction:column;gap:20px;padding:30px 0}.featured-queue{align-items:center;display:flex;gap:15px;justify-content:center;max-width:1000px;width:100%}.featured-item{cursor:pointer;flex:1 1;max-width:300px;transition:all .3s ease}.featured-item.next,.featured-item.prev{filter:blur(1px);opacity:.5;transform:scale(.8)}.featured-item.current{opacity:1;position:relative;transform:scale(1);z-index:2}.featured-item .story-card{height:450px;transition:all .3s ease;width:100%}.featured-item.current .story-card{border:2px solid gold;box-shadow:0 10px 30px #ffd7004d;height:500px}.featured-item.next .story-card,.featured-item.prev .story-card{box-shadow:0 5px 15px #0000004d;height:400px}.carousel-dots{display:flex;gap:10px}.dot{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.dot.active{background:gold;transform:scale(1.2)}.dot:hover{background:#ffd700b3}@media (max-width:768px){.featured-item{max-width:200px}.featured-item .story-card{height:350px}.featured-item.current .story-card{height:380px}.featured-item.next .story-card,.featured-item.prev .story-card{height:320px}}@media (max-width:640px){.featured-item.next,.featured-item.prev{display:none}.featured-item.current{max-width:300px}}.stories-container{align-items:center;display:flex;gap:20px;justify-content:center;overflow-x:hidden;padding:20px}.story{border-radius:12px;cursor:pointer;flex:0 0 auto;height:50vh;opacity:.5;overflow:hidden;position:relative;transform:scale(.8);transition:all .3s ease;width:60%}.story.active{opacity:1;transform:scale(1);z-index:2}.story img{display:block;height:100%;object-fit:cover;width:100%}@media (max-width:768px){.story{height:40vh;width:80%}}@media (max-width:480px){.story{height:35vh;width:90%}}.featured-story-slide .story-card{transition:all .5s ease;width:60%}.featured-story-slide.active .story-card{margin:0 auto;max-width:1200px;width:100%}@media (max-width:1200px){.featured-story-slide.active .story-card{width:90%}}@media (max-width:768px){.featured-story-slide.active .story-card{width:95%}}@media (max-width:480px){.featured-story-slide.active .story-card{width:100%}}@media (max-width:768px){.container{max-width:100%;padding:0 10px}.featured-stories-section{background:linear-gradient(135deg,#ffd70026,#ffd7000d);overflow:hidden;padding:20px 0}.featured-stories-wrapper{align-items:center;display:flex;gap:15px;overflow-x:visible;padding:10px 0;position:relative;width:100%}.featured-story-slide{filter:blur(1px);flex:0 0 85%;opacity:.6;transform:scale(.9);transition:all .4s ease}.featured-story-slide.active{filter:blur(0);flex:0 0 90%;opacity:1;position:relative;transform:scale(1);z-index:2}.featured-story-slide .story-card{border-radius:16px;box-shadow:0 8px 25px #0000004d;height:450px;margin:0 auto;transition:all .4s ease;width:100%}.featured-story-slide.active .story-card{border:2px solid gold;box-shadow:0 12px 35px #ffd70033;height:480px}.featured-navigation{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}.nav-dot{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;width:10px}.nav-dot.active{background:gold;box-shadow:0 0 8px #ffd70080;transform:scale(1.3)}.stories-grid{gap:12px!important;grid-template-columns:repeat(2,1fr)!important;margin-top:20px}.stories-grid .story-card{aspect-ratio:2/3!important;height:395px!important;min-height:395px!important;width:100%!important}.story-card .card-image{height:70%!important;min-height:70%!important;overflow:hidden;position:relative;width:100%!important}.story-card .card-image img{display:block;height:100%!important;object-fit:cover!important;object-position:center!important;width:100%!important}.story-card .card-content{display:flex;flex-direction:column;height:30%!important;justify-content:space-between;min-height:30%!important;padding:12px!important}.story-card .card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.95rem!important;line-height:1.35!important;margin-bottom:7px!important;min-height:2.7em;overflow:hidden}.story-card .card-author{font-size:.85rem!important;margin-bottom:5px!important;opacity:.8}.story-card .card-type{font-size:.8rem!important;margin-bottom:5px!important;opacity:.7}.story-card .card-rating{font-size:.8rem!important;font-weight:600}.story-card .card-meta{padding:8px!important}.top-rated-carousel{gap:12px;padding:15px 5px;scroll-snap-type:x mandatory}.top-rated-carousel .story-card{aspect-ratio:2/3;height:260px;min-width:160px;scroll-snap-align:start}.top-rated-carousel .story-card .card-image{height:70%!important;min-height:70%!important}.top-rated-carousel .story-card .card-content{height:30%!important;min-height:30%!important}.mini-hero-section{padding:30px 0}.mini-hero-content h1{font-size:2rem}.mini-hero-content p{font-size:1rem}.section-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}.section-header h2{font-size:1.5rem}.controls{align-items:flex-start;flex-direction:column;gap:12px;width:100%}.tabs{justify-content:space-between;width:100%}.tab{flex:1 1;font-size:.8rem;padding:8px 12px;text-align:center}.featured-counter{font-size:.8rem;padding:4px 10px}}@media (max-width:480px){.featured-story-slide{flex:0 0 80%}.featured-story-slide.active{flex:0 0 85%}.featured-story-slide .story-card{height:380px}.featured-story-slide.active .story-card{height:400px}.stories-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.stories-grid .story-card{height:370px!important;min-height:370px!important}.story-card .card-image{height:68%!important;min-height:68%!important}.story-card .card-content{height:32%!important;min-height:32%!important;padding:10px!important}.story-card .card-title{-webkit-line-clamp:2;font-size:.9rem!important}.story-card .card-author{font-size:.8rem!important}.story-card .card-type{font-size:.75rem!important}.top-rated-carousel .story-card{height:240px;min-width:140px}.featured-stories-wrapper{gap:8px}}@media (max-width:360px){.featured-story-slide .story-card{height:350px}.featured-story-slide.active .story-card{height:370px}.stories-grid .story-card{height:350px!important;min-height:350px!important}.story-card .card-image{height:67%!important;min-height:67%!important}.story-card .card-content{height:33%!important;min-height:33%!important;padding:8px!important}.top-rated-carousel .story-card{height:220px}}.featured-stories-wrapper{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.featured-stories-section{-webkit-user-select:none;user-select:none}.story-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000;transform:translateZ(0)}@media (max-width:768px){.story-card{aspect-ratio:2/3!important;display:flex;flex-direction:column;overflow:hidden;position:relative}.story-card .card-image{flex:0 0 70%;overflow:hidden}.story-card .card-image img{height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.story-card .card-content{display:flex;flex:0 0 30%;flex-direction:column;justify-content:space-between;padding:12px}.story-card:hover .card-image img{transform:scale(1.05)}.error-container,.featured-loading,.loading-container,.no-featured-stories{padding:60px 15px}.spinner{height:35px;width:35px}.no-stories-icon{font-size:3rem}.home-footer{margin-top:2rem;padding:1rem 0}.social-links{flex-direction:column;gap:.5rem;max-width:200px;width:100%}.social-btn{justify-content:center;width:100%}}.fallback-story{opacity:.8;position:relative}.fallback-badge{background:#ffd700e6;border-radius:12px;color:#1a1a1a;font-size:.7rem;font-weight:700;padding:4px 8px;position:absolute;right:10px;top:10px;z-index:10}.featured-loading{color:#aaa;padding:60px 20px;text-align:center}.featured-loading .spinner{margin:0 auto 20px}.retry-btn{background:gold;border-radius:6px;color:#1a1a1a;font-weight:600;margin-top:15px;padding:10px 20px;transition:all .3s ease}.retry-btn:hover{background:#ffed4e;transform:translateY(-2px)}.types-page{margin:0 auto;max-width:1200px;padding:20px}.types-table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.types-table td,.types-table th{border-bottom:1px solid #e9ecef;padding:15px;text-align:left}.types-table th{color:#333;font-weight:600}.types-table th,.types-table tr:hover{background:#f8f9fa}@media (max-width:768px){.page-header{flex-direction:column;gap:15px;text-align:center}.types-table{font-size:.9rem}.action-buttons{flex-direction:column;gap:5px}.btn-delete,.btn-edit{margin-right:0;width:100%}}.genres-page{margin:0 auto;max-width:1200px;padding:20px}.form-group input{border:1px solid #ddd;border-radius:5px;padding:10px}.genres-table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.genres-table td,.genres-table th{border-bottom:1px solid #e9ecef;padding:15px;text-align:left}.genres-table th{color:#333;font-weight:600}.genres-table th,.genres-table tr:hover{background:#f8f9fa}.genre-name{color:#495057;font-weight:500}@media (max-width:768px){.page-header{flex-direction:column;gap:15px;text-align:center}.genres-table{font-size:.9rem}.action-buttons{flex-direction:column;gap:5px}.btn-delete,.btn-edit{margin-right:0;width:100%}}.artists-page{margin:0 auto;max-width:1400px;padding:20px}.page-header{border-bottom:2px solid #e9ecef}.page-header h1{color:#333}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a67d8}.btn-secondary{background:#6c757d}.btn-secondary:hover{background:#5a6268}.btn-edit{background:#28a745;margin-right:10px;padding:5px 15px}.btn-delete{background:#dc3545;padding:5px 15px}.error-message{background:#f8d7da;color:#721c24}.error-message button{background:none;border:none;color:#721c24;cursor:pointer;font-size:1.2rem}.form-modal{background:#00000080}.form-content{background:#fff;max-width:600px}.form-content h2{color:#333;margin-top:0}.form-group label{color:#333;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;padding:10px}.about-textarea{min-height:100px;resize:vertical}.char-count{color:#666;font-size:.8rem;margin-top:5px;text-align:right}.form-actions{margin-top:20px}.artists-table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.artists-table td,.artists-table th{border-bottom:1px solid #e9ecef;padding:15px;text-align:left}.artists-table th{color:#333;font-weight:600}.artists-table th,.artists-table tr:hover{background:#f8f9fa}.artist-name{color:#495057;font-weight:500;min-width:150px}.artist-about{max-width:300px}.about-preview{color:#666;line-height:1.4}.no-about{color:#999;font-style:italic}.action-buttons{gap:10px;min-width:120px}.no-data{color:#666;padding:40px;text-align:center}.loading{color:#666;font-size:1.1rem}@media (max-width:1024px){.artists-table{font-size:.9rem}.artist-about{max-width:200px}}@media (max-width:768px){.page-header{flex-direction:column;gap:15px;text-align:center}.artists-table{display:block;overflow-x:auto}.artist-about{max-width:150px}.action-buttons{flex-direction:column;gap:5px}.btn-delete,.btn-edit{margin-right:0;width:100%}.form-content{padding:20px}}.stories-list-container{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px}.sl-header{align-items:center;background:linear-gradient(135deg,#1e1e1ef2,#191919f2);border:1px solid #ffd7004d;border-radius:15px;box-shadow:0 8px 32px #0006;display:flex;justify-content:space-between;margin-bottom:40px;padding:30px}.sl-title{color:#fff;font-size:2.8rem;font-weight:700;margin:0;text-shadow:0 2px 10px #fff3}.sl-loading,.sl-no-data{background:#282828cc;border:1px solid #ffffff1a;border-radius:15px;color:#ccc;font-size:1.3rem;margin:20px 0;padding:60px 20px;text-align:center}.sl-error{align-items:center;background:linear-gradient(135deg,#c6282833,#9e1c1c26);border:1px solid #ff64644d;border-radius:12px;color:#ff8a8a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 25px}.sl-error button{background:none;border:none;color:#ff8a8a;cursor:pointer;font-size:1.5rem;transition:transform .3s ease}.sl-error button:hover{transform:scale(1.2)}.sl-table-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#232323e6,#1e1e1ee6);border:1px solid #ffffff26;border-radius:15px;box-shadow:0 10px 40px #0006;margin-top:30px;overflow:auto}.sl-table{border-collapse:collapse;font-size:1rem;min-width:1200px;width:100%}.sl-table-header{background:linear-gradient(135deg,#ffd70033,#ffd7001a)}.sl-table-header th{border-bottom:3px solid #ffd70066;color:#fff;font-size:1.05rem;font-weight:700;padding:22px 18px;text-align:left;text-shadow:0 1px 3px #00000080;white-space:nowrap}.sl-table-body tr{border-bottom:1px solid #ffffff14;transition:all .3s ease}.sl-table-body tr:hover{background:#ffd70014;transform:translateY(-1px)}.sl-table-body td{color:#fff;padding:20px 18px;text-shadow:0 1px 2px #0000004d;vertical-align:middle}.sl-id{color:gold;font-weight:700;text-align:center;width:80px}.sl-story-title{color:gold;font-weight:600;min-width:250px;width:280px}.sl-cover-cell{text-align:center;width:90px}.sl-author{min-width:140px;width:160px}.sl-type{min-width:110px;width:130px}.sl-artist{min-width:140px;width:160px}.sl-rating{color:gold;font-weight:700;text-align:center;width:110px}.sl-created{color:#ccc;width:140px}.sl-cover-image{border:2px solid #ffd7004d;border-radius:8px;box-shadow:0 3px 12px #0000004d;height:80px;object-fit:cover;transition:all .3s ease;width:60px}.sl-cover-image:hover{border-color:gold;box-shadow:0 5px 20px #ffd7004d;transform:scale(1.15)}.sl-no-cover{align-items:center;background:#ffffff1a;border:2px dashed #ffffff4d;border-radius:8px;color:#ccc;display:flex;font-size:.8rem;height:80px;justify-content:center;width:60px}.sl-badge{border:1px solid;border-radius:25px;display:inline-block;font-size:.85rem;font-weight:700;min-width:100px;padding:10px 16px;text-align:center;text-shadow:0 1px 2px #00000080}.sl-badge-draft{background:#ff980033;border-color:#ff980066;color:#ffb300}.sl-badge-published{background:#4caf5033;border-color:#4caf5066;color:#66bb6a}.sl-badge-pending{background:#2196f333;border-color:#2196f366;color:#64b5f6}.sl-badge-approved{background:#4caf5033;border-color:#4caf5066;color:#66bb6a}.sl-badge-rejected{background:#f4433633;border-color:#f4433666;color:#ef5350}.sl-badge-public{background:#4caf5033;border-color:#4caf5066;color:#66bb6a}.sl-badge-private{background:#f4433633;border-color:#f4433666;color:#ef5350}.sl-btn{border-radius:10px;font-family:inherit;font-size:1rem;font-weight:600;padding:12px 24px}.sl-btn-primary{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 4px 20px #ffd7004d;color:#1a1a1a}.sl-btn-primary:hover{box-shadow:0 8px 30px #ffd70066;transform:translateY(-3px)}.sl-btn-edit{background:linear-gradient(135deg,#ff980040,#ff980026);border:1px solid #ff980066;border-radius:8px;box-shadow:0 3px 12px #ff980033;color:#ffb300;font-size:.9rem;padding:8px 16px}.sl-btn-edit:hover{background:linear-gradient(135deg,#ff980059,#ff980040);box-shadow:0 5px 18px #ff98004d;transform:translateY(-2px)}.sl-btn-delete{background:linear-gradient(135deg,#f4433640,#f4433626);border:1px solid #f4433666;border-radius:8px;box-shadow:0 3px 12px #f4433633;color:#ff6b6b;font-size:.9rem;padding:8px 16px}.sl-btn-delete:hover{background:linear-gradient(135deg,#f4433659,#f4433640);box-shadow:0 5px 18px #f443364d;transform:translateY(-2px)}.sl-action-group{gap:10px;justify-content:center}.sl-table-container::-webkit-scrollbar{height:10px;width:10px}.sl-table-container::-webkit-scrollbar-track{background:#ffffff14;border-radius:5px}.sl-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,gold,#ffed4e);border-radius:5px}.sl-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ffed4e,gold)}@media (max-width:1200px){.stories-list-container{padding:25px}.sl-table{font-size:.95rem}}@media (max-width:1024px){.sl-table-container{overflow-x:auto}.sl-table{min-width:1100px}}@media (max-width:768px){.stories-list-container{padding:20px}.sl-header{flex-direction:column;gap:20px;padding:25px;text-align:center}.sl-title{font-size:2.2rem}.sl-action-group{flex-direction:column;gap:8px}}@media (max-width:480px){.sl-title{font-size:1.8rem}}.sl-error{background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;margin:15px 0;padding:15px}.sl-error h2{color:#dc3545;margin-bottom:10px}.sl-btn-secondary{background:#6c757d;color:#fff}.sl-btn-secondary:hover{background:#545b62}.sl-status-dropdown-container{display:inline-block;position:relative}.sl-btn-status{background:#17a2b8!important;border:none;border-radius:4px;color:#fff!important;cursor:pointer;font-size:.8rem;margin-left:5px;padding:6px 12px}.sl-btn-status:hover:not(:disabled){background:#138496!important}.sl-btn-status:disabled{cursor:not-allowed;opacity:.6}.sl-status-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;left:0;margin-top:2px;min-width:120px;position:absolute;top:100%;z-index:1000}.sl-status-option{background:#fff;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;display:block;font-size:.8rem;padding:8px 12px;text-align:left;width:100%}.sl-status-option:hover{background:#f8f9fa}.sl-status-option.active{background:#e3f2fd;font-weight:700}.sl-status-option:last-child{border-bottom:none}.sl-action-group{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.sl-btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:.8rem;padding:6px 12px;text-align:center;text-decoration:none;transition:all .3s ease}.sl-btn-edit{background:#28a745;color:#fff}.sl-btn-edit:hover{background:#218838}.sl-btn-delete{background:#dc3545;color:#fff}.sl-btn-delete:hover{background:#c82333}.sl-user-info{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:8px;font-size:.9rem;margin:10px 0;padding:10px 15px}.sl-role-badge{font-size:.8rem;font-weight:700;margin-left:5px}.sl-role-badge.admin{background:#dc354533;border:1px solid #dc354566;color:#dc3545}.sl-role-badge.leader{background:#ffc10733;border:1px solid #ffc10766;color:#ffc107}.sl-role-badge.author{background:#007bff33;border:1px solid #007bff66;color:#007bff}.sl-access-info{color:gold;display:block;font-weight:700;margin-top:5px}.sl-no-permission{color:#6c757d}.sl-access-control{background:#ffffff0d;border:1px solid #444;border-radius:12px;margin:20px 0;padding:20px}.sl-access-toggle{align-items:center;display:flex;margin-bottom:15px}.sl-toggle-label{align-items:center;cursor:pointer;display:flex;gap:12px}.sl-toggle-input{display:none}.sl-toggle-slider{background:#444;border-radius:25px;height:25px;position:relative;transition:all .3s ease;width:50px}.sl-toggle-slider:before{background:#fff;border-radius:50%;content:"";height:21px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:21px}.sl-toggle-input:checked+.sl-toggle-slider{background:#4caf50}.sl-toggle-input:checked+.sl-toggle-slider:before{transform:translateX(25px)}.sl-toggle-text{font-size:1.1rem;font-weight:600}.sl-access-info{display:flex;flex-direction:column;gap:8px}.sl-badge.public{background:#4caf5033;border:1px solid #4caf50;border-radius:20px;color:#4caf50}.sl-badge.permission,.sl-badge.public{font-size:.8rem;font-weight:600;padding:4px 12px}.sl-badge.permission{background:#ffc10733;border:1px solid #ffc107;border-radius:20px;color:#ffc107}.sl-role-badge{background:#2196f333;border:1px solid #2196f3;border-radius:12px;color:#2196f3;font-size:.7rem;font-weight:600;padding:2px 8px}.sl-access-detail{font-size:.9rem;opacity:.8}.sl-error-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}@media (max-width:768px){.sl-access-control{padding:15px}.sl-toggle-label{align-items:flex-start;gap:8px}.sl-error-actions,.sl-toggle-label{flex-direction:column}.sl-error-actions .sl-btn{width:100%}}.sl-no-permission{color:#888;font-size:.8rem;font-style:italic}.sl-permission-info,.sl-public-info{display:flex;flex-direction:column;gap:5px}.story-form-container{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:900px;padding:30px}.sf-header{align-items:center;background:linear-gradient(135deg,#1e1e1ef2,#191919f2);border:1px solid #ffd7004d;border-radius:15px;box-shadow:0 8px 32px #0006;display:flex;gap:20px;margin-bottom:40px;padding:30px}.sf-back-btn{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 20px;text-decoration:none;transition:all .3s ease}.sf-back-btn:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px)}.sf-title{font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 10px #fff3}.sf-error{align-items:center;background:linear-gradient(135deg,#c6282833,#9e1c1c26);border:1px solid #ff64644d;border-radius:12px;color:#ff8a8a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 25px}.sf-error button{background:none;border:none;color:#ff8a8a;cursor:pointer;font-size:1.5rem;transition:transform .3s ease}.sf-error button:hover{transform:scale(1.2)}.sf-form{background:linear-gradient(135deg,#232323e6,#1e1e1ee6);border:1px solid #ffffff26;border-radius:15px;box-shadow:0 10px 40px #0006;padding:40px}.sf-form-group{margin-bottom:30px}.sf-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.sf-label{color:#fff;font-size:1.1rem;margin-bottom:12px;text-shadow:0 1px 3px #000c}.sf-input,.sf-select{background:#ffffff1f;border:2px solid #fff3;border-radius:12px;color:#fff;font-family:inherit;font-size:1.1rem;padding:16px 20px;transition:all .3s ease;width:100%}.sf-input::placeholder{color:#aaa}.sf-input:focus,.sf-select:focus{background:#ffffff26;border-color:gold;box-shadow:0 0 0 4px #ffd70026;outline:none;transform:translateY(-2px)}.sf-image-section{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:200px 1fr}.sf-image-preview{align-items:center;background:#ffffff14;border:2px dashed #ffffff4d;border-radius:12px;display:flex;height:280px;justify-content:center;overflow:hidden;width:200px}.sf-no-preview{font-size:.9rem;padding:20px;text-align:center}.sf-image-options{display:flex;flex-direction:column;gap:20px}.sf-upload-option,.sf-url-option{display:flex;flex-direction:column;gap:8px}.sf-upload-btn{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:10px;color:#1a1a1a;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:14px 20px;text-align:center;transition:all .3s ease}.sf-upload-btn:hover{box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}.sf-file-input{display:none}.sf-upload-hint,.sf-url-hint{color:#aaa;font-size:.85rem;text-align:center}.sf-or-divider{color:gold;font-weight:600;position:relative;text-align:center}.sf-or-divider:after,.sf-or-divider:before{background:#ffffff4d;content:"";height:1px;position:absolute;top:50%;width:45%}.sf-or-divider:before{left:0}.sf-or-divider:after{right:0}.sf-genres-group{grid-gap:15px;background:#ffffff14;border:2px solid #ffffff26;border-radius:12px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:15px;max-height:250px;overflow-y:auto;padding:25px}.sf-genre-checkbox{align-items:center;background:#ffffff0d;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;padding:12px 15px;transition:all .3s ease}.sf-genre-checkbox:hover{background:#ffd70026;border-color:#ffd7004d;transform:translateY(-2px)}.sf-genre-checkbox input{accent-color:gold;margin-right:15px;transform:scale(1.2)}.sf-genre-name{color:#fff;font-size:1rem;font-weight:500;text-shadow:0 1px 2px #00000080}.sf-form-actions{border-top:1px solid #ffffff26;display:flex;gap:20px;justify-content:flex-end;margin-top:40px;padding-top:30px}.sf-btn{border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:600;min-width:160px;padding:16px 35px;transition:all .3s ease}.sf-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.sf-btn-primary{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 4px 20px #ffd7004d;color:#1a1a1a}.sf-btn-primary:hover:not(:disabled){box-shadow:0 8px 30px #ffd70066;transform:translateY(-3px)}.sf-btn-secondary{background:#ffffff1a;border:2px solid #ffffff4d;box-shadow:0 4px 15px #0003;color:#fff}.sf-btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:#fff6;transform:translateY(-2px)}.sf-loading{background:#ffffff14;border:1px dashed #fff3;border-radius:8px;color:#ccc;font-style:italic;padding:15px;text-align:center}.sf-genres-group::-webkit-scrollbar{width:8px}.sf-genres-group::-webkit-scrollbar-track{background:#ffffff14;border-radius:4px}.sf-genres-group::-webkit-scrollbar-thumb{background:linear-gradient(135deg,gold,#ffed4e);border-radius:4px}.sf-genres-group::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ffed4e,gold)}@media (max-width:768px){.story-form-container{padding:20px}.sf-header{flex-direction:column;gap:15px;padding:25px;text-align:center}.sf-title{font-size:2rem}.sf-form{padding:30px 25px}.sf-form-row{gap:0;grid-template-columns:1fr}.sf-image-section{gap:20px;grid-template-columns:1fr}.sf-image-preview{margin:0 auto;max-width:200px;width:100%}.sf-form-actions{flex-direction:column;gap:15px}.sf-btn{min-width:auto;width:100%}}@media (max-width:480px){.sf-title{font-size:1.8rem}.sf-form{padding:25px 20px}.sf-genres-group{grid-template-columns:1fr;padding:20px}.sf-input,.sf-select{font-size:1rem;padding:14px 18px}}.sf-preview-container{height:100%;position:relative;width:100%}.sf-preview-image{border-radius:8px;height:100%;object-fit:cover;width:100%}.sf-remove-image{align-items:center;background:#f44336e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:30px}.sf-remove-image:hover{background:#f44336;transform:scale(1.1)}.sf-no-preview{align-items:center;color:#ccc;display:flex;flex-direction:column;height:100%;justify-content:center}.sf-no-preview-icon{font-size:3rem;margin-bottom:10px;opacity:.5}.sf-no-preview-text{font-size:.9rem;text-align:center}.sf-readonly-field .sf-input{background-color:#2d2d2d;border-color:#444;color:#b0b0b0;cursor:not-allowed}.sf-field-note{font-size:.75rem;font-style:italic;margin-top:5px}.sf-select{background-color:#1a1a1a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:.9rem;padding:8px 12px;transition:all .3s ease}.sf-select:focus{background-color:#1a1a1a;border-color:gold;box-shadow:0 0 0 2px #ffd7001a;outline:none}.sf-select option{padding:8px}#ArtistID,#PublishingStatus,#TypeID,.sf-select option{background-color:#1a1a1a;color:#e0e0e0}#ArtistID:focus,#PublishingStatus:focus,#TypeID:focus{background-color:#1a1a1a}.sf-readonly-field .sf-input{background-color:#2d2d2d!important;border-color:#444!important;color:#b0b0b0!important;cursor:not-allowed!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.sf-form-row .sf-readonly-field .sf-input{max-width:300px!important;min-width:0!important;width:100%!important}.sf-form-row .sf-form-group{flex:1 1!important;min-width:0!important}.sf-form-row .sf-form-group .sf-input,.sf-form-row .sf-form-group .sf-select{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;width:100%!important}@media (max-width:768px){.sf-form-row .sf-readonly-field .sf-input{font-size:.9rem!important;max-width:100%!important}}.sf-readonly-field{position:relative;width:100%!important}.sf-readonly-field .sf-input:disabled{background:#2d2d2dcc!important;border:1px solid #4449!important;opacity:1!important}.sf-form-row{grid-gap:20px!important;align-items:start!important;display:grid!important;gap:20px!important;grid-template-columns:1fr 1fr!important}.sf-form-row .sf-form-group{display:flex!important;flex-direction:column!important;height:100%!important}.sf-form-row .sf-form-group .sf-input,.sf-form-row .sf-form-group .sf-select{flex:1 1!important;min-height:54px!important}.sf-readonly-field .sf-input{font-weight:500!important;padding:16px 12px!important;text-align:center!important}.sf-form-group:has(#AuthorID) .sf-input{background:linear-gradient(135deg,#ffd7001a,#ffd7000d)!important;border-color:#ffd7004d!important;color:gold!important;font-weight:600!important}.sf-form-group:has(#Status) .sf-input{background:linear-gradient(135deg,#ffa5001a,#ffa5000d)!important;border-color:#ffa5004d!important;color:orange!important;font-weight:600!important}.sf-field-note{color:#888!important;font-size:.75rem!important;font-style:italic!important;line-height:1.3!important;margin-top:8px!important;text-align:center!important}.sf-form-group{margin-bottom:25px!important}.sf-label{color:#e0e0e0!important;font-size:1rem!important;margin-bottom:8px!important}.sf-input:not(:disabled),.sf-select{background:#ffffff14!important;border:1px solid #fff3!important;transition:all .3s ease!important}.sf-input:not(:disabled):focus,.sf-select:focus{background:#ffffff1f!important;border-color:gold!important;transform:translateY(-1px)!important}.sf-select option{background:#1a1a1a!important;border-bottom:1px solid #333!important;color:#e0e0e0!important;padding:12px!important}.sf-select option:focus,.sf-select option:hover{background:gold!important;color:#1a1a1a!important}.sf-textarea{background-color:#2d2d2d;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-family:inherit;font-size:.9rem;padding:.75rem;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.sf-textarea:focus{background-color:#333;border-color:#666;box-shadow:0 0 0 2px #6666664d;outline:none}.sf-textarea-large{min-height:200px;resize:vertical}.sf-field-note{align-items:center;color:#888;display:flex;font-size:.8rem;justify-content:space-between;margin-top:.25rem}.sf-field-note .char-count{color:#aaa;font-weight:500}.sf-field-note .char-count.near-limit{color:#ffa726}.sf-field-note .char-count.at-limit{color:#ef5350;font-weight:700}.sf-form-group{margin-bottom:1.5rem}.sf-label{color:#ccc;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.sf-input,.sf-select{background-color:#2d2d2d;border:1px solid #444;color:#e0e0e0}.sf-input:focus,.sf-select:focus{background-color:#333;border-color:#666}.sf-readonly-field .sf-input{background-color:#3a3a3a;border-color:#555;color:#999}@media (max-width:768px){.sf-textarea{font-size:1rem}.sf-textarea-large{min-height:150px}}.sf-textarea::-webkit-scrollbar{width:6px}.sf-textarea::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.sf-textarea::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.sf-textarea::-webkit-scrollbar-thumb:hover{background:#555}.sf-textarea::placeholder{color:#666;font-style:italic}.sf-form-group:has(.sf-textarea-large){margin-bottom:2rem}.sf-textarea:hover{background-color:#323232;border-color:#555}.story-form-container{background-color:#1a1a1a;color:#e0e0e0;min-height:100vh;padding:2rem}.sf-form{background-color:#222;border:1px solid #333;border-radius:8px;padding:2rem}.sf-header{border-bottom:1px solid #333;margin-bottom:2rem;padding-bottom:1rem}.sf-title{color:#fff;margin:1rem 0 0}.sf-back-btn{background-color:#333;border:1px solid #444;color:#ccc}.sf-back-btn:hover{background-color:#3a3a3a;color:#fff}.sf-btn{background-color:#333;border:1px solid #444;color:#ccc}.sf-btn-primary{background-color:#444;border-color:#555;color:#413f3f}.sf-btn-primary:hover:not(:disabled){background-color:#555;border-color:#666}.sf-error{background-color:#322;border:1px solid #533;color:#ff6b6b}.sf-image-preview{background-color:#2d2d2d;border:1px solid #444}.sf-no-preview{background-color:#333;color:#666}.sf-upload-btn{background-color:#333;border:1px solid #444;color:#4d4b4b}.sf-remove-image{background-color:#433;border:1px solid #533;color:#ff6b6b}.sf-remove-image:hover{background-color:#533}.sf-genre-checkbox{background-color:#2d2d2d;border:1px solid #444;color:#ccc}.sf-genre-checkbox:hover{background-color:#333;border-color:#555}.sf-genre-checkbox input:checked+.sf-genre-name{background-color:#444;color:#fff}.sf-loading{background-color:#2d2d2d;border:1px solid #444;color:#888}.stories-selection-container{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:30px}.ss-header{background:linear-gradient(135deg,#1e1e1ef2,#191919f2);border:1px solid #ffd7004d;border-radius:15px;margin-bottom:40px;padding:30px;text-align:center}.ss-title{color:gold;font-size:2.5rem;font-weight:700;margin:0 0 15px}.ss-subtitle{color:#ccc;font-size:1.1rem;margin:0}.ss-loading,.ss-no-stories{background:#282828cc;border-radius:15px;color:#ccc;font-size:1.3rem;margin:20px 0;padding:60px 20px;text-align:center}.ss-error{align-items:center;background:linear-gradient(135deg,#c6282833,#9e1c1c26);border:1px solid #ff64644d;border-radius:12px;color:#ff8a8a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 25px}.ss-error button{background:none;border:none;color:#ff8a8a;cursor:pointer;font-size:1.5rem}.ss-stories-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:30px}.ss-story-card{background:linear-gradient(135deg,#232323e6,#1e1e1ee6);border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 5px 20px #0000004d;padding:25px}.ss-story-card:hover{border-color:gold;box-shadow:0 10px 30px #ffd70033}.ss-story-card-content{height:100%}.ss-story-title{color:gold;font-size:1.4rem;font-weight:600;line-height:1.3;margin:0 0 15px}.ss-story-author,.ss-story-type{color:#ccc;font-size:.95rem;margin:8px 0}.ss-story-status{margin-top:15px}.ss-status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:6px 12px;text-transform:capitalize}.ss-status-badge.pending{background:#ff980033;border:1px solid #ff980066;color:#ffb300}.ss-status-badge.approved,.ss-status-badge.published{background:#4caf5033;border:1px solid #4caf5066;color:#66bb6a}.ss-status-badge.rejected{background:#f4433633;border:1px solid #f4433666;color:#ef5350}.ss-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.ss-btn-primary{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 4px 20px #ffd7004d;color:#1a1a1a}.ss-btn-primary:hover{box-shadow:0 8px 30px #ffd70066;transform:translateY(-3px)}@media (max-width:768px){.stories-selection-container{padding:20px}.ss-title{font-size:2rem}.ss-stories-grid{grid-template-columns:1fr}}.ss-story-image-container{border-radius:8px 8px 0 0;height:120px;overflow:hidden;width:100%}.ss-story-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.ss-story-card:hover .ss-story-image{transform:scale(1.05)}.ss-story-image-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:2rem;font-weight:700;height:120px;justify-content:center;width:100%}.ss-story-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ss-public-badge{background:#28a745;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px}.ss-filters-container{background:#252627;border:1px solid #e9ecef;border-radius:10px;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;padding:20px}.ss-search-box{max-width:400px;position:relative}.ss-search-input{border:2px solid #e9ecef;border-radius:8px;font-size:16px;padding:12px 40px 12px 15px;transition:all .3s ease;width:100%}.ss-search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.ss-clear-search{align-items:center;background:#6c757d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px}.ss-clear-search:hover{background:#5a6268}.ss-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ss-filter-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;min-width:150px;padding:10px 15px}.ss-filter-select:focus{border-color:#007bff;outline:none}.ss-clear-filters{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:background .3s ease}.ss-clear-filters:hover{background:#5a6268}.ss-results-info{color:#6c757d;font-size:14px;margin-bottom:20px;padding:0 20px}.ss-story-card{background:#1f1e1e;border:1px solid #e9ecef;border-radius:10px;cursor:pointer;overflow:hidden;transition:all .3s ease}.ss-story-card:hover{border-color:#007bff;box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.ss-story-date{color:#6c757d;font-size:12px;margin-top:8px}@media (max-width:768px){.ss-filters-container{padding:15px}.ss-filter-group{align-items:stretch;flex-direction:column}.ss-filter-select{min-width:auto}.ss-search-box{max-width:100%}}.ss-user-info{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:8px;font-size:.9rem;margin:10px 0;padding:10px 15px}.ss-role-badge{font-size:.8rem;font-weight:700;margin-left:5px}.ss-role-badge.admin{background:#dc354533;border:1px solid #dc354566;color:#dc3545}.ss-role-badge.leader{background:#ffc10733;border:1px solid #ffc10766;color:#ffc107}.ss-role-badge.author{background:#007bff33;border:1px solid #007bff66;color:#007bff}.ss-access-info{color:gold;display:block;font-weight:700;margin-top:5px}.ss-error{background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;margin:15px 0;padding:15px}.ss-error h2{color:#dc3545;margin-bottom:10px}.ss-access-control{background:#ffffff0d;border:1px solid #444;border-radius:12px;margin:20px 0;padding:20px}.ss-access-toggle{align-items:center;display:flex;margin-bottom:15px}.ss-toggle-label{align-items:center;cursor:pointer;display:flex;gap:12px}.ss-toggle-input{display:none}.ss-toggle-slider{background:#444;border-radius:25px;height:25px;position:relative;transition:all .3s ease;width:50px}.ss-toggle-slider:before{background:#fff;border-radius:50%;content:"";height:21px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:21px}.ss-toggle-input:checked+.ss-toggle-slider{background:#4caf50}.ss-toggle-input:checked+.ss-toggle-slider:before{transform:translateX(25px)}.ss-toggle-text{font-size:1.1rem;font-weight:600}.ss-access-info{display:flex;flex-direction:column;gap:8px}.ss-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px}.ss-badge.public{background:#4caf5033;border:1px solid #4caf50;color:#4caf50}.ss-badge.permission{background:#ffc10733;border:1px solid #ffc107;color:#ffc107}.ss-role-badge{background:#2196f333;border:1px solid #2196f3;border-radius:12px;color:#2196f3;font-size:.7rem;font-weight:600;padding:2px 8px}.ss-access-detail{font-size:.9rem;opacity:.8}.ss-error-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.ss-mode-badge{background:#4caf5033;border-radius:10px;color:#4caf50;font-size:.7rem;font-weight:600;margin-left:5px;padding:2px 8px}@media (max-width:768px){.ss-access-control{padding:15px}.ss-toggle-label{align-items:flex-start;gap:8px}.ss-error-actions,.ss-toggle-label{flex-direction:column}.ss-error-actions .ss-btn{width:100%}}.chapters-list-container{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:30px}.cl-header{align-items:flex-start;background:linear-gradient(135deg,#1e1e1ef2,#191919f2);border:1px solid #ffd7004d;border-radius:15px;box-shadow:0 8px 32px #0006;display:flex;justify-content:space-between;margin-bottom:40px;padding:30px}.cl-title{color:gold;font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 10px #ffd7004d}.cl-subtitle{color:#ccc;font-size:1.1rem;margin:0}.cl-loading,.cl-no-data{background:#282828cc;border:1px solid #ffffff1a;border-radius:15px;color:#ccc;font-size:1.3rem;margin:20px 0;padding:60px 20px;text-align:center}.cl-error{align-items:center;background:linear-gradient(135deg,#c6282833,#9e1c1c26);border:1px solid #ff64644d;border-radius:12px;color:#ff8a8a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 25px}.cl-error button{background:none;border:none;color:#ff8a8a;cursor:pointer;font-size:1.5rem;transition:transform .3s ease}.cl-error button:hover{transform:scale(1.2)}.cl-table-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#232323e6,#1e1e1ee6);border:1px solid #ffffff26;border-radius:15px;box-shadow:0 10px 40px #0006;margin-top:30px;overflow:auto}.cl-table{font-size:1rem;min-width:800px}.cl-table-header{background:linear-gradient(135deg,#ffd70033,#ffd7001a)}.cl-table-header th{border-bottom:3px solid #ffd70066;color:#181616;font-size:1.05rem;font-weight:700;padding:22px 18px;text-align:left;text-shadow:0 1px 3px #00000080;white-space:nowrap}.cl-table-body tr{border-bottom:1px solid #ffffff14;transition:all .3s ease}.cl-table-body tr:hover{background:#ffd70014;transform:translateY(-1px)}.cl-table-body td{color:#fff;padding:20px 18px;text-shadow:0 1px 2px #0000004d;vertical-align:middle}.cl-chapter-number{color:gold;font-size:1.1rem;font-weight:700;text-align:center;width:100px}.cl-chapter-title{color:#fff;font-weight:600;min-width:300px}.cl-likes{text-align:center;width:100px}.cl-likes-count{color:#ff6b6b;font-weight:600}.cl-created{color:#ccc;width:140px}.cl-badge{border:1px solid;border-radius:20px;display:inline-block;font-size:.8rem;font-weight:700;min-width:80px;padding:8px 16px;text-align:center;text-shadow:0 1px 2px #00000080}.cl-badge-unlocked{background:#4caf5033;border-color:#4caf5066;color:#66bb6a}.cl-badge-locked{background:#f4433633;border-color:#f4433666;color:#ef5350}.cl-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.cl-btn-primary{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 4px 20px #ffd7004d;color:#1a1a1a}.cl-btn-primary:hover{box-shadow:0 8px 30px #ffd70066;transform:translateY(-3px)}.cl-btn-secondary{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;color:#fff}.cl-btn-secondary:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1a);transform:translateY(-2px)}.cl-btn-edit{background:linear-gradient(135deg,#ff980040,#ff980026);border:1px solid #ff980066;border-radius:8px;box-shadow:0 3px 12px #ff980033;color:#ffb300;font-size:.9rem;padding:8px 16px}.cl-btn-edit:hover{background:linear-gradient(135deg,#ff980059,#ff980040);box-shadow:0 5px 18px #ff98004d;transform:translateY(-2px)}.cl-btn-delete{background:linear-gradient(135deg,#f4433640,#f4433626);border:1px solid #f4433666;border-radius:8px;box-shadow:0 3px 12px #f4433633;color:#ff6b6b;font-size:.9rem;padding:8px 16px}.cl-btn-delete:hover{background:linear-gradient(135deg,#f4433659,#f4433640);box-shadow:0 5px 18px #f443364d;transform:translateY(-2px)}.cl-action-group{gap:10px}.cl-back-section{margin-top:30px;text-align:center}.cl-table-container::-webkit-scrollbar{height:10px;width:10px}.cl-table-container::-webkit-scrollbar-track{background:#ffffff14;border-radius:5px}.cl-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,gold,#ffed4e);border-radius:5px}.cl-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ffed4e,gold)}@media (max-width:768px){.chapters-list-container{padding:20px}.cl-header{flex-direction:column;gap:20px;padding:25px;text-align:center}.cl-title{font-size:2rem}.cl-action-group{flex-direction:column;gap:8px}}.sl-btn-chapters{background:linear-gradient(135deg,#2196f340,#2196f326);border:1px solid #2196f366;border-radius:8px;box-shadow:0 3px 12px #2196f333;color:#64b5f6;font-size:.9rem;padding:8px 16px}.sl-btn-chapters:hover{background:linear-gradient(135deg,#2196f359,#2196f340);box-shadow:0 5px 18px #2196f34d;transform:translateY(-2px)}.cl-story-header{align-items:flex-start;background:#333232;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;margin-bottom:30px;padding:20px}.cl-story-cover-container{flex-shrink:0}.cl-story-cover{border-radius:8px;box-shadow:0 2px 8px #0003;height:100px;object-fit:cover;width:80px}.cl-story-cover-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:100px;justify-content:center;width:80px}.cl-header-content{flex:1 1}.cl-story-meta{display:flex;flex-wrap:wrap;gap:15px;margin-top:8px}.cl-story-author,.cl-total-chapters{background:#f8f9fa;border-radius:15px;color:#6c757d;font-size:.85rem;padding:4px 10px}.cl-header-actions{flex-shrink:0}.cl-chapter-preview{max-width:200px}.cl-preview-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:.85rem;line-height:1.3}.cl-price-tag{border-radius:10px;font-size:.8rem;padding:2px 8px}.cl-error-close{background:none;border:none;cursor:pointer;font-size:1.2rem;margin-left:10px}.cl-btn-pages{background:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin:2px;padding:6px 12px;transition:background-color .2s}.cl-btn-pages:hover{background:#138496}.cl-btn-pages:disabled{background:#6c757d;cursor:not-allowed}.cl-duration{font-size:.85rem;text-align:center}.cl-duration-tag{background:#e83e8c;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px}.cl-no-duration{color:#6c757d;font-style:italic}.cl-action-group{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.cl-badge-locked{background:#dc3545}.cl-badge-locked,.cl-badge-unlocked{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px}.cl-badge-unlocked{background:#28a745}.cl-price-tag{background:#ffc107;border-radius:12px;color:#212529;font-size:.75rem;font-weight:600;padding:4px 8px}.cl-free{color:#28a745;font-size:.85rem;font-weight:600}.cl-table{border-collapse:collapse;width:100%}.cl-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;font-size:.9rem;font-weight:600;padding:12px 8px;text-align:left}.cl-table td{border-bottom:1px solid #dee2e6;font-size:.85rem;padding:10px 8px}.cl-chapter-row:hover{background-color:#f8f9fa}.cl-title-content{max-width:200px}.cl-preview-text{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1200px){.cl-table-container{overflow-x:auto}.cl-action-group{flex-direction:column;min-width:100px}.cl-btn{margin:1px 0;width:100%}}@media (max-width:768px){.cl-story-header{flex-direction:column;gap:15px;text-align:center}.cl-btn,.cl-header-actions{width:100%}.cl-btn{margin:5px 0}}.chapter-form-container{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;padding:30px}.cf-header{background:linear-gradient(135deg,#1e1e1ef2,#191919f2);border:1px solid #ffd7004d;border-radius:15px;box-shadow:0 8px 32px #0006;margin-bottom:40px;padding:30px;text-align:center}.cf-title{color:gold;font-size:2.5rem;font-weight:700;margin:0 0 15px;text-shadow:0 2px 10px #ffd7004d}.cf-subtitle{color:#ccc;font-size:1.1rem;margin:0}.cf-story-title{color:gold;font-weight:600}.cf-error{align-items:center;background:linear-gradient(135deg,#c6282833,#9e1c1c26);border:1px solid #ff64644d;border-radius:12px;color:#ff8a8a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 25px}.cf-error button{background:none;border:none;color:#ff8a8a;cursor:pointer;font-size:1.5rem;transition:transform .3s ease}.cf-error button:hover{transform:scale(1.2)}.cf-form{background:linear-gradient(135deg,#232323e6,#1e1e1ee6);border:1px solid #ffffff26;border-radius:15px;box-shadow:0 10px 40px #0006;padding:40px}.cf-form-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr;margin-bottom:40px}.cf-full-width{grid-column:1/-1}.cf-form-group{display:flex;flex-direction:column}.cf-label{color:gold;font-size:1rem;margin-bottom:10px}.cf-input{background:#ffffff0d;border:2px solid #fff3;border-radius:10px;color:#fff;font-family:inherit;font-size:1rem;padding:15px 20px;transition:all .3s ease}.cf-input:focus{background:#ffffff14;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.cf-input::placeholder{color:#888}.cf-input:disabled{opacity:.6}.cf-checkbox-group{grid-column:1/-1}.cf-checkbox-label{align-items:center;cursor:pointer;display:flex;margin-bottom:10px}.cf-checkbox{accent-color:gold;cursor:pointer;height:20px;margin-right:12px;width:20px}.cf-checkbox-text{color:#fff;font-size:1rem;font-weight:600}.cf-help-text{color:#888;font-style:italic;margin:0}.cf-form-actions{border-top:1px solid #ffffff1a;display:flex;gap:20px;justify-content:flex-end;padding-top:30px}.cf-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;min-width:120px;padding:15px 30px;transition:all .3s ease}.cf-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.cf-btn-primary{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 4px 20px #ffd7004d;color:#1a1a1a}.cf-btn-primary:hover:not(:disabled){box-shadow:0 8px 30px #ffd70066;transform:translateY(-3px)}.cf-btn-secondary{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;color:#fff}.cf-btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#ffffff26,#ffffff1a);transform:translateY(-2px)}@media (max-width:768px){.chapter-form-container{padding:20px}.cf-form{padding:30px 25px}.cf-form-grid{gap:20px;grid-template-columns:1fr}.cf-form-actions{flex-direction:column}.cf-btn{width:100%}.cf-title{font-size:2rem}}@media (max-width:480px){.cf-form,.cf-header{padding:25px 20px}.cf-title{font-size:1.8rem}}.cf-field-help{color:#6c757d;font-size:.8rem;font-style:italic;margin-bottom:0;margin-top:5px}.cf-help-text{color:#6c757d;font-size:.9rem;margin-bottom:15px;margin-top:5px;text-align:center}.cf-success{align-items:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 15px}.cf-loading{color:#6c757d;font-size:1.1rem;padding:40px;text-align:center}.cf-input:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.cf-checkbox:disabled{cursor:not-allowed;opacity:.6}.cf-form-group{position:relative}.cf-label{color:#aca9a9;display:block;font-weight:600;margin-bottom:8px}.cf-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.cf-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.cf-file-upload{margin-bottom:15px}.cf-file-input{display:none}.cf-file-label{background:#171718;border:2px dashed #dee2e6;border-radius:8px;cursor:pointer;display:inline-block;padding:10px 20px;text-align:center;transition:all .3s ease}.cf-file-label:hover{background:#b1a66b;border-color:#007bff}.cf-image-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:15px;padding:15px}.cf-preview-image{border-radius:4px;margin-bottom:10px;max-height:200px;max-width:300px}.cf-existing-image{background:#fff;border-radius:4px;margin-bottom:10px;padding:10px}.cf-btn-danger{background:#dc3545;color:#fff}.cf-btn-danger:hover{background:#c82333}.cf-btn-small{font-size:12px;padding:5px 10px}.cf-file-upload-multiple{margin-bottom:15px}.cf-selected-files-info{background:#202020;border:1px solid #e9ecef;border-radius:5px;margin-top:10px;padding:10px}.cf-clear-all-btn{background:none;border:none;color:#dc3545;cursor:pointer;margin-left:10px;text-decoration:underline}.cf-clear-all-btn:hover{color:#c82333}.cf-pages-preview{margin-top:20px}.cf-pages-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:10px}.cf-page-preview-item{background:#313131;border:1px solid #e9ecef;border-radius:8px;padding:10px;text-align:center}.cf-page-preview-item img{border-radius:4px;height:120px;margin-bottom:8px;object-fit:cover;width:100%}.cf-page-info{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.cf-page-name{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-page-size{color:#6c757d;font-size:11px}.cf-upload-progress{background:#e7f3ff;border-radius:4px;color:#06c;font-size:14px;margin-top:10px;padding:8px}@media (max-width:768px){.cf-pages-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.cf-page-preview-item img{height:100px}}.chapter-content-page{background:#0d0d0d;color:#fff;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.chapter-content-header{align-items:center;border-bottom:2px solid #222;display:flex;gap:20px;margin-bottom:20px;padding-bottom:10px}.back-btn{background:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s}.back-btn:hover{background:#555}.chapter-info h1{color:gold;font-size:1.8rem;margin:0}.chapter-info h2{color:#ccc;font-size:1.3rem;margin:5px 0}.story-title{color:#888;font-style:italic}.chapter-content-main{align-items:center;display:flex;flex-direction:column;justify-content:center}.chapter-image-container{align-items:flex-start;background:#111;border:1px solid #333;border-radius:10px;display:flex;justify-content:center;max-height:85vh;max-width:100%;overflow:auto;padding:15px;width:100%}.chapter-content-image{margin:0 auto;max-height:100%;width:auto}.chapter-content-image.zoom-80{transform:scale(.8);transform-origin:top center}.chapter-content-image.zoom-70{transform:scale(.7);transform-origin:top center}.chapter-content-image.zoom-60{transform:scale(.6);transform-origin:top center}.chapter-content-image.fit-height{height:85vh}.image-controls{background:#1a1a1a;border-radius:8px;margin:15px 0;padding:10px}.control-btn{background:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:all .3s}.control-btn:hover{background:#555}.control-btn.active{background:gold;color:#1a1a1a}.chapter-navigation{border-top:2px solid #222;display:flex;justify-content:center;margin-top:30px;padding-top:20px}.nav-btn{border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:12px 30px;transition:all .3s}.nav-btn.primary{background:gold;color:#1a1a1a;font-weight:700}.nav-btn.primary:hover{background:#ffed4a;transform:translateY(-2px)}.chapter-content-loading{align-items:center;color:#ccc;display:flex;flex-direction:column;justify-content:center;padding:100px 20px}.loading-spinner{border:4px solid #333;border-top-color:gold;height:40px;margin-bottom:20px;width:40px}.chapter-content-error{color:#ccc;padding:100px 20px;text-align:center}.pages-container{margin:0;padding:0}.chapter-content-image,.page-container{border:none;margin:0;padding:0}.chapter-content-image{object-fit:contain;width:100%}.chapter-content-image.auto{height:auto}.chapter-content-main{background:#000;overflow-y:auto;width:100%}.page-header{display:none}.pages-container{gap:0}.page-container,.pages-container{align-items:center;display:flex;flex-direction:column;width:100%}.page-container{margin-bottom:0}.page-image-container{display:flex;justify-content:center;margin-bottom:0;width:100%}.page-separator{display:none}.chapter-content-image{display:block;height:auto;max-width:100%}.chapter-content-image.auto{width:auto}.chapter-content-image.fit-width{height:auto;width:100%}.chapter-content-image.fit-height{height:100vh;width:auto}.chapter-content-image.zoom-80{height:auto;width:80%}.chapter-content-image.zoom-70{height:auto;width:70%}.chapter-content-image.zoom-60{height:auto;width:60%}.users-page{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);color:#fff;min-height:100vh;padding:20px}.page-header{align-items:center;background:linear-gradient(135deg,#1e1e1ef2,#191919f2);border:1px solid #ffd7004d;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.page-header h1{font-size:2rem;margin:0}.btn{border-radius:5px;display:inline-block;padding:10px 20px;text-align:center}.btn-primary{background:linear-gradient(135deg,gold,#ffed4e)}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #ffd70066}.btn-secondary{border:1px solid #ffffff4d;color:#fff}.btn-secondary:hover:not(:disabled){background:#ffffff26}.btn-back{background:#ffffff1a;border:1px solid #ffd7004d;color:#fff}.btn-back:hover{background:#ffd7001a}.btn-edit{background:linear-gradient(135deg,#4caf50,#45a049)}.btn-delete,.btn-edit{color:#fff;font-size:.8rem;margin:2px;padding:6px 12px}.btn-delete{background:linear-gradient(135deg,#f44336,#da190b)}.btn-points{background:linear-gradient(135deg,#2196f3,#0b7dda);color:#fff;font-size:.8rem;margin:2px;padding:6px 12px}.btn:disabled{opacity:.5}.users-table{background:#1e1e1ecc;border:1px solid #ffd70033;border-radius:10px;overflow:hidden;width:100%}.users-table th{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a1a;font-weight:600;padding:15px;text-align:left}.users-table td{border-bottom:1px solid #ffffff1a;padding:12px 15px}.users-table tr:hover{background:#ffd7000d}.role-badge{border-radius:12px;font-size:.8rem;font-weight:600;padding:4px 8px}.role-badge.admin{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.role-badge.leader{background:linear-gradient(135deg,#48cae4,#0096c7);color:#fff}.role-badge.author{background:linear-gradient(135deg,#51cf66,#40c057);color:#fff}.role-badge.viewer{background:linear-gradient(135deg,#a9e34b,#94d82d);color:#fff}.status-badge{font-weight:600}.status-badge.active{background:linear-gradient(135deg,#51cf66,#40c057);color:#fff}.status-badge.inactive{background:linear-gradient(135deg,#ffa8a8,#ff8787);color:#c92a2a}.form-container{background:linear-gradient(135deg,#232323e6,#1e1e1ee6);border:1px solid #ffd7004d;border-radius:10px;padding:30px}.form-group input,.form-group select,.form-group textarea{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:5px;color:#fff;font-size:1rem;padding:12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:gold;box-shadow:0 0 0 2px #ffd70033;outline:none}.checkbox-group label{gap:10px}.checkbox-group input[type=checkbox]{width:auto}.form-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.form-content{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #ffd70080;border-radius:10px;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.points-modal{max-width:400px}.loading{color:gold;font-size:1.2rem;padding:40px;text-align:center}.error-message{align-items:center;background:linear-gradient(135deg,#f4433633,#e5393526);border:1px solid #f443364d;color:#ff8a8a;display:flex;justify-content:space-between}.text-warning{color:gold}.action-buttons{gap:5px}@media (max-width:768px){.page-header{gap:15px;text-align:center}.action-buttons,.page-header{flex-direction:column}.btn-delete,.btn-edit,.btn-points{margin:2px 0;width:100%}}.dark-select{border:1px solid #444!important}.dark-select,.dark-select option{background-color:#1a1a1a!important;color:#e0e0e0!important}.dark-select option{padding:10px!important}.dark-select:focus{background-color:#1a1a1a!important;border-color:gold!important;color:#e0e0e0!important}.form-group input.error,.form-group select.error{background-color:#f443361a!important;border-color:#f44336!important}.field-error{color:#f44336;display:block;font-size:.8rem;margin-top:5px}.form-group input:focus,.form-group select:focus{background-color:#ffffff1f!important;border-color:gold!important;box-shadow:0 0 0 2px #ffd70033!important;outline:none}.user-form{margin:0 auto;max-width:600px}.form-group label{color:gold;font-size:1rem;font-weight:600}.btn-primary:disabled:hover{box-shadow:none!important;transform:none!important}.btn-reset{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;margin:2px;padding:10px 20px}.btn-reset:hover:not(:disabled){background:linear-gradient(135deg,#5a6268,#545b62);transform:translateY(-2px)}.current-status{color:gold;font-size:.8rem;font-style:italic;margin-left:8px}.checkbox-group input[type=checkbox]{margin-right:8px;transform:scale(1.2)}.checkbox-group label{align-items:center;cursor:pointer;display:flex;padding:8px 0}.text-info{color:#17a2b8}.text-info,.text-warning{display:block;font-size:.8rem;margin-top:5px}.text-warning{color:#ffc107}.form-actions{border-top:1px solid #ffffff1a;gap:10px;justify-content:flex-start;padding-top:20px}.login-page{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#222;border:1px solid #ffd7004d;border-radius:15px;box-shadow:0 15px 35px #000c;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:gold;font-size:2rem;margin:0 0 10px;text-shadow:0 0 10px #ffd70066}.login-header p{color:#aaa;margin:0}.error-message{background:#dc354533;border:1px solid #dc354566}.login-form{margin-bottom:25px}.form-group label{color:#ddd}.form-group input{transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus{box-shadow:0 0 8px #ffd70099}.login-btn{background:linear-gradient(135deg,gold,#b8860b);border:none;border-radius:8px;color:#111;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px;transition:transform .2s ease,box-shadow .3s ease;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 8px 20px #ffd70080;transform:translateY(-2px)}.login-btn:disabled{background:#555;color:#999;cursor:not-allowed}.login-footer{text-align:center}.login-footer p{color:#aaa;margin:0}.link{color:gold;transition:color .3s ease}.link:hover{color:#fff;text-shadow:0 0 6px #ffd700cc}@media (max-width:480px){.login-container{padding:30px 20px}.login-header h1{font-size:1.5rem}}.login-btn,.login-form input{box-sizing:border-box;width:100%}.register-page{align-items:center;background:linear-gradient(135deg,#1c1c1c,#2a2a2a);display:flex;justify-content:center;min-height:100vh;padding:20px}.register-container{background:#222;border:1px solid #444;border-radius:15px;box-shadow:0 15px 35px #0006;box-sizing:border-box;max-width:450px;overflow:hidden;padding:40px;width:100%}.register-header{margin-bottom:30px;text-align:center}.register-header h1{word-wrap:break-word;color:#d4af37;font-size:2rem;margin:0 0 10px;overflow-wrap:break-word}.register-header p{word-wrap:break-word;color:#aaa;margin:0}.error-message{word-wrap:break-word;background:#3a1f1f;border-radius:5px;color:#f5a5a5;margin-bottom:20px;overflow-wrap:break-word;padding:12px;text-align:center}.register-form{margin-bottom:25px;width:100%}.form-group{box-sizing:border-box;width:100%}.form-group label{word-wrap:break-word}.form-group input{background:#111;border:2px solid #444;border-radius:8px;box-sizing:border-box;max-width:100%;resize:none;transition:border-color .3s ease}.form-group input:disabled{background:#333;cursor:not-allowed}.register-btn{background:#d4af37;border:none;border-radius:8px;box-sizing:border-box;color:#111;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px;transition:background .3s ease,transform .2s ease;width:100%}.register-btn:hover:not(:disabled){background:#b8962e;transform:translateY(-2px)}.register-btn:disabled{background:#555;color:#999;cursor:not-allowed}.register-footer{text-align:center;width:100%}.register-footer p{word-wrap:break-word;color:#aaa;margin:0}.link{color:#d4af37;font-weight:500;text-decoration:none}.link:hover{text-decoration:underline}@media (max-width:480px){.register-container{margin:10px;padding:30px 20px}.register-header h1{font-size:1.5rem}.form-group input{font-size:.9rem;padding:10px 12px}}@media (max-width:320px){.register-container{margin:5px;padding:20px 15px}.register-header h1{font-size:1.3rem}.form-group input{padding:8px 10px}}.buy-points-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);min-height:100vh;padding:40px 20px}.buy-points-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #444;border-radius:12px;margin:0 auto;max-width:1000px;padding:30px}.page-header h1{color:gold}.current-balance{color:gold;font-size:1.2rem;font-weight:600}.packages-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:40px}.package-card{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:2px solid #444;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:20px 15px;position:relative;text-align:center;transition:all .3s ease}.package-card:hover{border-color:gold;box-shadow:0 10px 25px #ffd70033;transform:translateY(-5px)}.package-card.selected{background:linear-gradient(135deg,gold,#ffed4e);border-color:gold;color:#1a1a1a}.package-card.selected .package-points,.package-card.selected .package-points-label,.package-card.selected .package-price,.package-card.selected .price-per-point{color:#1a1a1a}.package-points{color:gold;font-size:1.8rem;font-weight:700;margin-bottom:5px}.package-points-label{color:#e0e0e0;font-size:.8rem;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.package-price{color:gold;font-size:1.4rem;font-weight:600;margin-bottom:8px}.price-per-point{color:#aaa;font-size:.75rem;margin-top:auto}.package-badge{background:#28a745;border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:4px 8px;position:absolute;right:-8px;top:-8px;z-index:1}.selected-package{background:#ffd7001a;border:1px solid gold;border-radius:8px;margin-bottom:30px;padding:20px;text-align:center}.selected-package h3{color:gold;margin-bottom:15px}.selected-details{margin-bottom:20px}.package-info{align-items:center;color:gold;display:flex;font-size:1.2rem;font-weight:600;justify-content:space-between;margin-bottom:10px}.price-breakdown{color:#aaa;font-size:.9rem}.pay-now-btn{background:linear-gradient(135deg,#28a745,#218838);border:none;border-radius:8px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.pay-now-btn:hover{box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.payment-info{background:#ffffff0d;border:1px solid #444;border-radius:8px;padding:20px}.payment-info h3{align-items:center;color:gold;display:flex;gap:8px;margin-bottom:10px}.payment-info p{color:#e0e0e0;line-height:1.6;margin-bottom:15px}.pricing-info{background:#ffd7001a;border-left:3px solid gold;border-radius:6px;padding:15px}.pricing-info h4{color:gold;font-size:.9rem;margin-bottom:10px}.pricing-info ul{color:#e0e0e0;margin:0;padding-left:20px}.pricing-info li{font-size:.85rem;margin-bottom:5px}@media (max-width:1024px){.packages-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.buy-points-page{padding:20px 15px}.buy-points-container{padding:20px}.page-header h1{font-size:2rem}.packages-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.package-card{min-height:160px;padding:15px 10px}.package-points{font-size:1.5rem}.package-price{font-size:1.2rem}}@media (max-width:480px){.packages-grid{grid-template-columns:1fr}.package-card{min-height:140px}.selected-details{text-align:center}.package-info{flex-direction:column;gap:8px}.pay-now-btn{font-size:1rem;padding:10px 20px}}.payment-methods{background:#ffffff0d;border:1px solid #333;border-radius:8px;margin:20px 0;padding:20px}.payment-methods h4{color:gold;margin-bottom:15px;text-align:center}.payment-options{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.payment-option{align-items:center;background:#ffffff0d;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:10px;min-width:120px;padding:15px 20px;transition:all .3s ease}.payment-option:hover{background:#ffffff1a;transform:translateY(-2px)}.payment-option.selected{background:#ffd7001a;border-color:gold}.payment-icon{font-size:2rem}.paypal-icon{color:#0070ba}.binance-icon{color:#f0b90b}.payment-name{color:#fff;font-weight:500}.payment-methods-info{margin-top:20px}.methods-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.method-item{align-items:center;display:flex;gap:10px;padding:8px 0}.method-icon{font-size:1.2rem}.method-name{color:gold;font-weight:500;min-width:80px}.method-desc{color:#ccc}.story-chapters-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d 50%,#1a1a1a);color:#e0e0e0;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.story-chapters-loading{align-items:center;display:flex;flex-direction:column;gap:20px;height:50vh;justify-content:center}.gold-spinner{animation:gold-spin 1s linear infinite;border-right:3px solid #0000;border-top:3px solid #0000;border-color:gold gold #0000 #0000;border-radius:50%;border-style:solid;border-width:3px;box-shadow:0 0 20px #ffd7004d;height:60px;width:60px}@keyframes gold-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.story-chapters-loading p{color:gold;font-size:1.2rem;text-shadow:0 0 10px #ffd70080}.story-chapters-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffd7001a;border:1px solid #ffd7004d;border-radius:15px;margin:20px 0;padding:40px;text-align:center}.story-chapters-error h2{color:gold;margin-bottom:15px}.story-chapters-error p{color:#e0e0e0;margin-bottom:20px}.gold-retry-btn{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:25px;box-shadow:0 4px 15px #ffd7004d;color:#1a1a1a;cursor:pointer;font-weight:700;padding:12px 25px;transition:all .3s ease}.gold-retry-btn:hover{box-shadow:0 6px 20px #ffd70080;transform:translateY(-2px)}.chapters-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:1px solid #ffd70033;border-radius:15px;display:flex;justify-content:center;margin-bottom:30px;min-height:80px;padding:20px 30px;position:relative}.gold-back-btn{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:25px;box-shadow:0 4px 15px #ffd7004d;color:#1a1a1a;cursor:pointer;display:flex;font-weight:700;gap:8px;left:20px;padding:10px 20px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;white-space:nowrap}.gold-back-btn:hover{box-shadow:0 6px 20px #ffd70080;transform:translateY(-50%) translateX(-5px)}.chapters-header h1{color:gold;flex:1 1;font-size:2rem;margin:0;padding:0 120px;text-align:center;text-shadow:0 0 20px #ffd70080}.chapters-layout{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:350px 1fr}.story-info-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#282828cc,#3c3c3c99);border:1px solid #ffd70033;border-radius:20px;padding:25px;position:-webkit-sticky;position:sticky;top:20px}.story-cover-container{margin-bottom:20px;position:relative}.story-cover-placeholder{align-items:center;background:linear-gradient(135deg,#2d2d2d,#3d3d3d);border:2px solid #ffd7004d;border-radius:15px;color:gold;display:flex;font-size:4rem;height:400px;justify-content:center;width:100%}.cover-rating{background:#000c;border:1px solid #ffd70080;border-radius:20px;padding:8px 12px;position:absolute;right:15px;top:15px}.story-rating{align-items:center;color:gold;display:flex;font-weight:700;gap:5px}.rating-icon{font-size:1rem}.rating-value{font-size:.9rem}.story-details{color:#e0e0e0}.story-title-main{color:gold;font-size:1.5rem;line-height:1.3;margin-bottom:20px;text-align:center}.story-meta-info{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.meta-item{align-items:center;border-bottom:1px solid #ffd7001a;display:flex;justify-content:space-between;padding:8px 0}.meta-label{color:#b0b0b0;font-size:.9rem;font-weight:500}.meta-value{color:gold;font-size:.9rem;font-weight:600}.status-badge{border-radius:15px;padding:4px 12px;text-transform:capitalize}.status-badge.completed{background:#0f03;border:1px solid #0f06;color:#0f0}.status-badge.ongoing{background:#ffd70033;border:1px solid #ffd70066;color:gold}.status-badge.hiatus{background:#ff640033;border:1px solid #ff640066;color:#ff6400}.public-badge{background:#0096ff33;border:1px solid #0096ff66;border-radius:15px;color:#0096ff;font-size:.8rem;font-weight:700;padding:4px 12px}.chapters-count{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:15px;padding:15px;text-align:center}.count-number{color:gold;display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.count-label{color:#b0b0b0;font-size:.9rem}.chapters-content{min-height:600px}.chapter-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chapter-row:hover{height:auto}.chapter-row.hovered{border-color:#ffd70066;box-shadow:0 8px 25px #ffd7004d;transform:translateX(5px)}.chapter-row.locked{background:linear-gradient(135deg,#ffd7000d,#ffd70005);border-color:#ffd7004d}.chapter-row.unlocked{background:linear-gradient(135deg,#00ff000d,#00ff0005);border-color:#00ff004d}.chapter-row-content{height:100%}.chapter-main-info{flex:1 1;min-width:0}.chapter-subtitle{color:#e0e0e0;font-size:.9rem;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.locked-preview{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.gold-price-tag{background:linear-gradient(135deg,gold,#ffed4e);border-radius:15px;box-shadow:0 3px 10px #ffd7004d;color:#1a1a1a;font-size:.8rem;font-weight:700;padding:6px 12px;white-space:nowrap}.locked-text{color:gold;font-size:.85rem}.chapter-row:hover .unlocked-preview{-webkit-line-clamp:unset}.chapter-actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.gold-like-btn{align-items:center;background:#ffd7001a;border:1px solid #ffd7004d;border-radius:15px;color:gold;cursor:pointer;display:flex;font-size:.8rem;gap:6px;padding:6px 12px;transition:all .3s ease;white-space:nowrap}.gold-like-btn:hover:not(:disabled){background:#ffd70033;box-shadow:0 3px 10px #ffd7004d;transform:scale(1.05)}.gold-like-btn.liked{background:#ffd7004d;border-color:#ffd70099}.gold-like-btn:disabled{cursor:not-allowed;opacity:.6}.like-icon{font-size:.9rem}.like-count{font-weight:600}.chapter-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.chapter-number{background:linear-gradient(135deg,gold,#ffed4e);border-radius:10px;color:#1a1a1a;font-size:.75rem;font-weight:700;padding:3px 8px}.chapter-date{color:#888;font-size:.75rem}.gold-glow{box-shadow:inset 0 0 30px #ffd7001a}.no-chapters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffd7000d;border:1px solid #ffd70033;border-radius:15px;padding:40px 20px;text-align:center}.no-chapters p{color:gold;font-size:1.1rem;margin:0}.gold-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.gold-modal{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:1px solid #ffd7004d;border-radius:15px;box-shadow:0 15px 35px #ffd7004d;max-width:400px;overflow:hidden;padding:30px;position:relative;text-align:center;width:90%}.gold-modal:before{background:linear-gradient(90deg,gold,#ffed4e,gold);content:"";height:3px;left:0;position:absolute;right:0;top:0}.gold-modal h3{color:gold;font-size:1.3rem;margin-bottom:15px}.gold-modal p{color:#e0e0e0;line-height:1.5;margin-bottom:25px}.gold-modal-actions{display:flex;gap:12px;justify-content:center}.gold-cancel-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;color:#e0e0e0;cursor:pointer;flex:1 1;padding:10px 20px;transition:all .3s ease}.gold-cancel-btn:hover{background:#fff3;transform:translateY(-2px)}.gold-unlock-btn{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:20px;box-shadow:0 3px 10px #ffd7004d;color:#1a1a1a;cursor:pointer;flex:1 1;font-weight:700;padding:10px 20px;transition:all .3s ease}.gold-unlock-btn:hover:not(:disabled){box-shadow:0 5px 15px #ffd70080;transform:translateY(-2px)}.gold-unlock-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.chapters-layout{gap:20px;grid-template-columns:300px 1fr}.story-cover-image,.story-cover-placeholder{height:350px}}@media (max-width:768px){.story-chapters-page{padding:10px}.chapters-layout{gap:20px;grid-template-columns:1fr}.story-info-sidebar{position:static}.chapters-header{flex-direction:column;gap:15px;padding:15px;text-align:center}.gold-back-btn{align-self:flex-start;left:auto;position:relative;top:auto;transform:none}.chapters-header h1{font-size:1.5rem;padding:0}.story-cover-image,.story-cover-placeholder{height:300px}.chapter-row-content{align-items:flex-start;flex-direction:column;gap:12px}.chapter-actions{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.gold-modal-actions{flex-direction:column}.chapter-row{height:auto;min-height:120px}}@media (max-width:480px){.story-info-sidebar{padding:20px}.story-cover-image,.story-cover-placeholder{height:250px}.chapter-row{padding:15px}.meta-item{align-items:flex-start;flex-direction:column;gap:4px}.chapters-header h1{font-size:1.3rem}}.chapter-status-indicators{align-items:center;display:flex;gap:8px}.viewed-indicator{filter:drop-shadow(0 0 5px rgba(0,255,0,.5));flex-shrink:0;font-size:1rem}.unlocked-indicator{filter:drop-shadow(0 0 5px rgba(0,150,255,.5));flex-shrink:0;font-size:1rem}.gold-lock-indicator{filter:drop-shadow(0 0 8px rgba(255,215,0,.5));flex-shrink:0;font-size:1.2rem}.viewed-badge{background:#0f03;border:1px solid #0f06;border-radius:10px;color:#0f0;font-size:.7rem;font-weight:700;margin-left:8px;padding:3px 8px}.chapter-row.viewed{background:linear-gradient(135deg,#00ff000d,#3c3c3c99);border-left:4px solid #0f09}.chapter-row.viewed:before{background:linear-gradient(90deg,#0000,#00ff001a,#0000)}.chapter-row.unlocked:not(.viewed){background:linear-gradient(135deg,#0096ff0d,#3c3c3c99);border-left:4px solid #0096ff99}.chapter-row.locked{background:linear-gradient(135deg,#ffd7000d,#3c3c3c99);border-left:4px solid #ffd70099}.chapter-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:8px}.chapter-title{color:gold;flex:1 1;font-size:1.1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debug-info{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:5px;color:gold;font-size:12px;margin-bottom:20px;padding:10px}.chapters-list-vertical{contain:layout style paint;display:flex;flex-direction:column;gap:12px}.chapter-row{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(135deg,#282828cc,#3c3c3c99);border:1px solid #ffd7001a;border-radius:12px;height:120px;min-height:120px;padding:20px;transform:translateZ(0);transition:all .3s ease;will-change:transform}.chapter-row:hover{box-shadow:0 6px 20px #ffd70033;height:120px;min-height:120px;transform:translateX(5px)}.chapter-row-content{align-items:flex-start;display:flex;gap:15px;height:80px;justify-content:space-between;overflow:hidden}.chapter-preview{margin:0;max-height:40px;overflow:hidden}.unlocked-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#b0b0b0;display:-webkit-box;font-size:.85rem;line-height:1.4;margin:0;overflow:hidden}.chapter-row:before{background:linear-gradient(90deg,#0000,#ffd7001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transform:translateZ(0);transition:left .5s ease;width:100%}.chapter-row:hover:before{left:100%}.gold-glow{border-radius:12px;bottom:0;box-shadow:inset 0 0 20px #ffd7000d;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.story-cover-image{border:2px solid #ffd7004d;border-radius:15px;box-shadow:0 8px 25px #00000080;height:400px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;object-fit:cover;width:100%}@media (max-width:768px){.chapter-row{height:140px;min-height:140px;padding:15px}.chapter-row-content{flex-direction:column;gap:10px;height:110px}.chapter-actions{justify-content:space-between;width:100%}}.chapters-list-virtual{contain:strict;height:600px;overflow-y:auto}.virtual-list-container{position:relative}.virtual-list-item{left:0;position:absolute;width:100%}.rate-story-btn{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:20px;box-shadow:0 2px 8px #ffd7004d;color:#1a1a1a!important;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:700;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.rate-story-btn:hover{box-shadow:0 4px 12px #ffd70080;transform:translateY(-2px)}.rating-meta-item{border-bottom:1px solid #ffd70033!important}.rating-meta-value{align-items:center!important;display:flex!important;justify-content:flex-end!important;min-height:40px}.user-rating-display{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.user-rating-stars{align-items:center;display:flex;gap:2px}.rating-star{filter:grayscale(1) opacity(.6);font-size:14px;transition:all .2s ease}.rating-star.active{filter:grayscale(0) opacity(1);transform:scale(1.1)}.user-rating-text{color:gold;font-size:.9rem;font-weight:700;white-space:nowrap}.edit-rating-btn{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:8px;color:gold;cursor:pointer;font-size:.8rem;padding:6px 10px;transition:all .3s ease;white-space:nowrap}.edit-rating-btn:hover{background:#ffd70033;transform:scale(1.05)}.rating-stars-container{flex-wrap:wrap;gap:8px;margin:15px 0}.rating-star-btn,.rating-stars-container{align-items:center;display:flex;justify-content:center}.rating-star-btn{background:none;border:none;cursor:pointer;filter:grayscale(1) opacity(.5);padding:4px;transition:all .2s ease}.rating-star-btn.interactive{cursor:pointer}.rating-star-btn.interactive:hover{filter:grayscale(0) opacity(1);transform:scale(1.3)}.rating-star-btn.active{filter:grayscale(0) opacity(1);transform:scale(1.2)}.rating-star-btn:disabled{cursor:not-allowed;opacity:.5}.rating-value-display{color:gold;display:block;font-size:1.1rem;font-weight:700;margin-top:10px;text-shadow:0 0 10px #ffd70080;width:100%}.rating-modal{max-width:500px;width:90%}.rating-modal .rating-section{margin:25px 0;text-align:center}.gold-rate-btn{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:25px;box-shadow:0 3px 10px #ffd7004d;color:#1a1a1a;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .3s ease}.gold-rate-btn:hover:not(:disabled){box-shadow:0 5px 15px #ffd70080;transform:translateY(-2px)}.gold-rate-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.rating-stars-container{gap:4px}.rating-star-btn{font-size:20px!important}.rating-modal{margin:10px;max-width:95%;padding:20px}.user-rating-display{align-items:flex-start;flex-direction:column;gap:8px}.rating-meta-value{justify-content:flex-start!important}.rate-story-btn{font-size:.85rem;padding:10px 18px}}@media (max-width:480px){.rating-star-btn{font-size:18px!important}.rating-stars-container{gap:2px}.user-rating-display{gap:6px}.user-rating-stars{gap:1px}.rating-star{font-size:12px}}.meta-item .meta-value,.rating-meta-item .meta-value{color:gold!important}.gold-like-btn{align-items:center!important;border:1px solid #d4af37!important;border-radius:6px!important;cursor:pointer!important;display:flex!important;font-size:12px!important;gap:5px!important;justify-content:center!important;overflow:hidden!important;padding:5px 12px!important;position:relative!important;transition:all .2s ease!important}.gold-like-btn,.gold-like-btn:active,.gold-like-btn:focus,.gold-like-btn:hover{height:35px!important;min-width:80px!important;scale:1!important;transform:none!important}.gold-like-btn:active,.gold-like-btn:focus,.gold-like-btn:hover{box-shadow:0 2px 8px #d4af374d!important}.gold-like-btn.liked{background:linear-gradient(135deg,#fcc,#f99)!important;border-color:#f66!important}.gold-like-btn.loading{cursor:not-allowed!important;opacity:.7!important;scale:1!important;transform:none!important}.like-icon{display:inline-block!important;font-size:14px!important;transform:none!important}.like-count,.like-icon{transition:none!important}.like-count{color:#8b7355!important;font-size:12px!important;font-weight:600!important}.gold-like-btn.liked .like-count{color:#c33!important}.gold-like-btn *{transform:none!important;transition:none!important}.gold-like-btn:active{transform:scale(.98)!important;transition:transform .1s ease!important}.chapter-row{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#282828e6,#323232b3);border:1px solid #ffd70026;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:80px;overflow:hidden;padding:15px;position:relative;transition:border-color .3s ease,box-shadow .3s ease;will-change:box-shadow,border-color}.chapter-row:hover{border-color:#ffd7004d;box-shadow:0 0 12px #ffd70026;transform:none}.chapter-row:hover .gold-glow{opacity:1}.chapter-row:active{transform:none}@media (max-width:768px){.chapter-row{padding:12px}}.pages-list-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d 50%,#1a1a1a);color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.pages-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ecc;border:1px solid #d4af37;border-radius:15px;box-shadow:0 8px 32px #d4af371a;margin-bottom:30px;padding:25px}.pages-header h1{color:#d4af37;font-size:2.2rem;font-weight:300;letter-spacing:1px;margin-bottom:20px;text-align:center;text-shadow:0 2px 4px #00000080}.pages-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.btn{border-radius:8px;font-weight:500;letter-spacing:.5px;padding:12px 24px;text-decoration:none}.btn-primary{box-shadow:0 4px 15px #d4af374d}.btn-primary:hover{background:linear-gradient(135deg,#f4d03f,#d4af37);box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a}.btn-secondary:hover{box-shadow:0 4px 15px #d4af3733;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);border:1px solid #dc3545;box-shadow:0 4px 15px #dc35454d;color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#c82333,#dc3545);box-shadow:0 6px 20px #dc354566;transform:translateY(-2px)}.error,.loading,.no-pages{background:#1e1e1e99;border:1px solid #d4af374d;border-radius:15px;font-size:1.2rem;margin:20px 0;padding:60px 20px;text-align:center}.error{border-color:#dc3545}.no-pages{color:#d4af37;font-size:1.3rem}.pages-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px 0}.page-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ecc;border:1px solid #d4af37;border-radius:12px;box-shadow:0 6px 20px #0000004d;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.page-item:before{background:linear-gradient(90deg,#0000,#d4af371a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.page-item:hover:before{left:100%}.page-item:hover{border-color:#f4d03f;box-shadow:0 12px 30px #d4af3733;transform:translateY(-5px)}.page-number{background:linear-gradient(135deg,#d4af37,#f4d03f);box-shadow:0 4px 12px #d4af374d;color:#1a1a1a;font-size:1.1rem;font-weight:600;padding:10px 15px;text-align:center}.page-number,.page-thumbnail{border-radius:8px;margin-bottom:15px}.page-thumbnail{border:2px solid #d4af374d;height:200px;object-fit:cover;transition:all .3s ease;width:100%}.page-item:hover .page-thumbnail{border-color:#d4af37;transform:scale(1.02)}.page-actions{display:flex;gap:10px;justify-content:center}@media (max-width:768px){.pages-list-page{padding:15px}.pages-header h1{font-size:1.8rem}.pages-actions{align-items:center;flex-direction:column}.btn{justify-content:center;width:100%}.pages-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.pages-grid{grid-template-columns:1fr}.page-item{padding:15px}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.loading{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#2d2d2d 8%,#3a3a3a 18%,#2d2d2d 33%);background-size:800px 104px}.add-page-page{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d 50%,#1a1a1a);color:#e0e0e0;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:40px 20px}.add-page-page h1{color:#d4af37;font-size:2.5rem;font-weight:300;letter-spacing:1.5px;margin-bottom:40px;padding-bottom:15px;position:relative;text-align:center;text-shadow:0 2px 4px #00000080}.add-page-page h1:after{background:linear-gradient(90deg,#0000,#d4af37,#0000);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.add-page-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ed9;border:1px solid #d4af37;border-radius:20px;box-shadow:0 15px 35px #d4af3726;max-width:500px;overflow:hidden;padding:40px;position:relative;width:100%}.add-page-form:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#d4af371a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-group{margin-bottom:25px;position:relative;z-index:1}.form-group label{color:#d4af37;font-size:1.1rem;letter-spacing:1px;text-transform:uppercase}.form-group input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid #d4af374d;border-radius:10px;color:#e0e0e0;padding:15px 20px;width:100%}.form-group input:focus{background:#ffffff1a;border-color:#d4af37;box-shadow:0 0 20px #d4af3733;transform:translateY(-2px)}.form-group input::placeholder{color:#888}.form-group input[type=file]{background:#d4af371a;border:2px dashed #d4af3780;cursor:pointer;padding:12px 20px;transition:all .3s ease}.form-group input[type=file]:hover{background:#d4af3726;border-color:#d4af37}.form-group input[type=file]::-webkit-file-upload-button{background:linear-gradient(135deg,#d4af37,#f4d03f);border:none;border-radius:6px;color:#1a1a1a;cursor:pointer;font-weight:500;margin-right:10px;padding:8px 16px;-webkit-transition:all .3s ease;transition:all .3s ease}.form-group input[type=file]::file-selector-button{background:linear-gradient(135deg,#d4af37,#f4d03f);border:none;border-radius:6px;color:#1a1a1a;cursor:pointer;font-weight:500;margin-right:10px;padding:8px 16px;transition:all .3s ease}.form-group input[type=file]::-webkit-file-upload-button:hover{box-shadow:0 4px 12px #d4af3766;transform:translateY(-1px)}.form-group input[type=file]::file-selector-button:hover{box-shadow:0 4px 12px #d4af3766;transform:translateY(-1px)}.error{background:#dc35451a;border:1px solid #dc3545;border-radius:10px;color:#ff6b6b;font-weight:500;margin-bottom:20px;padding:15px;text-align:center}.error,.form-actions{position:relative;z-index:1}.form-actions{flex-wrap:wrap;gap:15px}.btn,.form-actions{justify-content:center}.btn{border-radius:10px;font-size:1rem;letter-spacing:1px;min-width:140px;padding:15px 30px;text-transform:uppercase}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-primary{background:linear-gradient(135deg,#d4af37,#f4d03f);border:1px solid #d4af37;box-shadow:0 6px 20px #d4af374d;color:#1a1a1a}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#f4d03f,#d4af37);box-shadow:0 10px 25px #d4af3766;transform:translateY(-3px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #d4af37;color:#d4af37}.btn-secondary:hover{background:#d4af371a;box-shadow:0 6px 20px #d4af3733;transform:translateY(-3px)}.file-preview{margin-top:10px;text-align:center}.file-preview img{border:2px solid #d4af37;border-radius:8px;box-shadow:0 4px 15px #d4af374d;max-height:200px;max-width:200px}@media (max-width:768px){.add-page-page{padding:20px 15px}.add-page-page h1{font-size:2rem;margin-bottom:30px}.add-page-form{margin:0 10px;padding:30px 25px}.form-actions{flex-direction:column}.btn{min-width:auto;width:100%}}@media (max-width:480px){.add-page-form{padding:25px 20px}.form-group input{padding:12px 15px}.btn{padding:12px 20px}}@keyframes pulse{0%{box-shadow:0 0 0 0 #d4af3766}70%{box-shadow:0 0 0 10px #d4af3700}to{box-shadow:0 0 0 0 #d4af3700}}.btn-primary:disabled{animation:pulse 2s infinite}.add-page-header{margin-bottom:30px;text-align:center}.chapter-info{color:#d4af37;font-size:1.1rem;margin-top:10px}.page-number-input-group{align-items:center;display:flex;gap:10px}.page-number-input{flex:1 1}.auto-number-btn{background:#d4af3733;border:1px solid #d4af37;border-radius:8px;color:#d4af37;cursor:pointer;padding:12px 15px;transition:all .3s ease;white-space:nowrap}.auto-number-btn:hover{background:#d4af374d;transform:translateY(-1px)}.input-hint{color:#888;display:block;font-size:.9rem;margin-top:5px}.file-upload-area{border:2px dashed #d4af374d;border-radius:10px;padding:20px}.file-upload-area:hover{border-color:#d4af37}.file-input{display:none}.file-upload-label{cursor:pointer;display:block;text-align:center}.upload-placeholder{padding:30px}.upload-icon{display:block;font-size:3rem;margin-bottom:15px}.file-preview{background:#ffffff0d;border-radius:8px;padding:15px}.preview-header{justify-content:between;margin-bottom:15px}.file-name{color:#d4af37;flex:1 1}.clear-file-btn{align-items:center;background:#dc354533;border:1px solid #dc3545;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .3s ease;width:30px}.clear-file-btn:hover{background:#dc35454d;transform:scale(1.1)}.image-preview{border:2px solid #d4af374d;border-radius:8px;margin-bottom:15px;max-height:300px;max-width:100%}.file-info{color:#888;font-size:.9rem;justify-content:space-between}.error-message{background:#dc35451a;border:1px solid #dc3545;border-radius:10px;margin:20px 0;padding:15px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#1a1a1a;display:inline-block;height:16px;margin-right:8px;width:16px}@media (max-width:768px){.page-number-input-group{align-items:stretch;flex-direction:column}.auto-number-btn{width:100%}.file-info{flex-direction:column;gap:5px}}.upload-mode-info{margin-top:10px}.multiple-upload-info{background:#ffd7001a;border:1px solid gold;border-radius:6px;color:gold;font-size:.9rem;padding:10px}.files-preview-container{width:100%}.files-preview-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.files-count{color:gold;font-weight:600}.clear-all-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:5px 10px}.clear-all-btn:hover{background:#c82333}.files-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:400px;overflow-y:auto;padding:10px}.file-preview-item{background:#ffffff0d;border:1px solid #444;border-radius:8px;padding:10px;position:relative}.file-preview-item:hover{border-color:gold}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.file-name{color:#e0e0e0;font-size:.8rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.7rem;height:20px;justify-content:center;width:20px}.remove-file-btn:hover{background:#c82333}.image-preview{background:#1a1a1a;border-radius:4px;height:120px;margin-bottom:8px;object-fit:contain;width:100%}.file-info{color:#999;display:flex;flex-direction:column;font-size:.7rem;gap:2px}.upload-status{border-radius:4px;font-size:.7rem;font-weight:500;margin-top:5px;padding:3px 6px;text-align:center}.upload-status.uploading{background:#ffc10733;color:#ffc107}.upload-status.success{background:#28a74533;color:#28a745}.upload-status.failed{background:#dc354533;color:#dc3545}.expected-page-number{background:#007bff33;border-radius:4px;color:#007bff;font-size:.7rem;font-weight:500;margin-top:5px;padding:3px 6px;text-align:center}.file-upload-area{border:2px dashed #444;border-radius:8px;transition:all .3s ease}.file-upload-area:hover{border-color:gold}.file-upload-area.drag-over{background:#007bff1a;border-color:#007bff}@media (max-width:768px){.files-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.file-preview-item{padding:8px}.image-preview{height:100px}}@media (max-width:480px){.files-grid{grid-template-columns:1fr}.files-preview-header{align-items:flex-start;flex-direction:column;gap:10px}}.profile-page{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;min-height:100vh;padding:20px}.profile-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1af2;border:1px solid #333;border-radius:16px;box-shadow:0 10px 30px #00000080;margin:0 auto;max-width:1000px;padding:30px}.profile-header{border-bottom:1px solid #333;margin-bottom:40px;padding-bottom:20px;text-align:center}.profile-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:10px}.profile-header p{color:#ccc;font-size:1.1rem;opacity:.8}.profile-tabs{background:#1a1a1a;border:1px solid #333;border-radius:12px;display:flex;gap:4px;margin-bottom:30px;padding:6px}.tab-btn{background:#0000;border:none;border-radius:8px;color:#ccc;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:15px 20px;transition:all .3s ease}.tab-btn.active{background:gold;color:#000}.tab-btn:hover:not(.active){background:#ffd7001a;color:gold}.message{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:12px;margin-bottom:20px;padding:15px 20px}.error-message{background:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b}.success-message{background:#ffd7001a;border:1px solid gold;color:gold}.message-close{background:#0000;border:none;color:inherit;cursor:pointer;font-size:1.2rem;margin-left:auto}.orders-card,.profile-card,.stats-card{background:#1e1e1ecc;border:1px solid #333;border-radius:12px;overflow:hidden}.card-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:25px 30px}.card-header h2{color:gold;font-size:1.4rem;margin:0}.user-role-badge{background:#ffd70033;border:1px solid gold;border-radius:20px;color:gold;font-size:.8rem;font-weight:600;padding:6px 12px}.profile-form{padding:30px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:25px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem}.form-group input{background:#ffffff0d;border:1px solid #444;border-radius:6px;color:#fff;font-size:1rem;padding:12px 15px;transition:all .3s ease}.form-group input:focus{border-color:gold;box-shadow:0 0 0 2px #ffd70033;outline:none}.form-group input::placeholder{color:#666}.password-section{border-top:1px solid #333;margin-top:30px;padding-top:30px}.password-section h3{color:gold;font-size:1.2rem;margin-bottom:8px}.section-description{color:#888;font-size:.9rem;margin-bottom:20px}.form-actions{display:flex;justify-content:flex-end;margin-top:30px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 25px;transition:all .3s ease}.btn-primary{background:gold;color:#000}.btn-primary:hover:not(:disabled){background:#ffed4e;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#ffd70033;border:1px solid gold;color:gold}.btn-secondary:hover{background:#ffd7004d}.btn-refresh{background:#0000;border:1px solid gold;border-radius:6px;color:gold;cursor:pointer;padding:8px 15px;transition:all .3s ease}.btn-refresh:hover{background:#ffd70033}.spinner{border-left-color:gold;height:40px;margin:0 auto 20px;width:40px}.spinner-small{animation:spin 1s linear infinite;border:2px solid #0003;border-left-color:#000;border-radius:50%;height:16px;width:16px}.loading-container{padding:60px 20px}.orders-table-container{overflow-x:auto}.orders-table th{background:#ffd7001a;color:gold}.orders-table td{color:#ccc}.order-id{color:gold}.points-info .requested-points{color:#fff;font-weight:700}.points-info .actual-points{color:gold}.amount-info .requested-amount{color:#fff;font-weight:700}.amount-info .actual-amount{color:gold}.date-info{color:#ccc;font-size:.9rem}.status-pending{background:#ffd70033;border:1px solid gold;color:gold}.no-orders-icon{color:gold}.no-orders p{margin-bottom:25px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:30px}.stat-item{border:1px solid #333;border-radius:8px;gap:15px;padding:20px;transition:all .3s ease}.stat-item:hover{border-color:gold;transform:translateY(-2px)}.stat-icon{color:gold;font-size:2rem;opacity:.8}.stat-content{display:flex;flex-direction:column}.stat-value{color:gold;font-size:1.5rem;margin-bottom:4px}.quick-actions{border-top:1px solid #333;margin-top:30px;padding:30px}.quick-actions h3{color:gold;font-size:1.2rem;margin-bottom:20px}.action-buttons{display:flex;flex-wrap:wrap;gap:15px}@media (max-width:768px){.profile-container{margin:10px;padding:20px}.profile-tabs{flex-direction:column}.form-row{grid-template-columns:1fr}.card-header{align-items:flex-start;flex-direction:column;gap:15px}.stats-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn{justify-content:center;width:100%}}@media (max-width:480px){.profile-page{padding:10px}.profile-header h1{font-size:2rem}.profile-form{padding:20px}.orders-table{font-size:.8rem}}.binance-payment-page{background:linear-gradient(135deg,#0c0c0c,#1a1a1a);color:#fff;min-height:100vh;padding:20px}.binance-payment-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212f2;border:1px solid #333;border-radius:16px;box-shadow:0 10px 30px #00000080;margin:0 auto;max-width:800px;padding:30px}.binance-back-button{background:#f0b90b1a;border:1px solid #f0b90b;border-radius:8px;color:#f0b90b;cursor:pointer;font-weight:500;margin-bottom:30px;padding:10px 20px;transition:all .3s ease}.binance-back-button:hover{background:#f0b90b33;color:gold;transform:translateY(-1px)}.binance-payment-header{border-bottom:1px solid #333;margin-bottom:40px;padding-bottom:20px;text-align:center}.binance-header-icon{color:#f0b90b;font-size:3rem;margin-bottom:15px}.binance-payment-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#f0b90b,gold);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:10px}.binance-payment-header p{color:#ccc;font-size:1.1rem;opacity:.8}.binance-payment-content{display:flex;flex-direction:column;gap:30px}.binance-package-summary{background:#28282899;border:1px solid #444;border-radius:12px;padding:25px}.binance-package-summary h2{color:#f0b90b;font-size:1.4rem;margin-bottom:20px}.binance-summary-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.binance-summary-item{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:10px 0}.binance-summary-item:last-child{border-bottom:none}.binance-summary-item .binance-label{color:#ccc;font-weight:500}.binance-summary-item .binance-value{color:#fff;font-weight:600}.binance-summary-item .binance-value.highlight{color:#f0b90b;font-size:1.1rem}.binance-account-info{background:#f0b90b1a;border:1px solid #f0b90b;border-radius:12px;padding:25px}.binance-account-info h2{color:#f0b90b;font-size:1.4rem;margin-bottom:20px}.binance-account-details{display:flex;flex-direction:column;gap:15px}.binance-account-id-section{display:flex;flex-direction:column;gap:10px}.binance-account-label{color:#ccc;font-size:1.1rem;font-weight:500}.binance-copy-section{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.binance-account-id{background:#0000004d;border:1px solid #f0b90b;border-radius:8px;color:#f0b90b;flex:1 1;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;min-width:200px;padding:12px 20px}.binance-copy-btn{align-items:center;background:#f0b90b;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.binance-copy-btn:hover:not(.binance-copied){background:gold;box-shadow:0 4px 12px #f0b90b4d;transform:translateY(-2px)}.binance-copy-btn.binance-copied{background:#00a650;color:#fff}.binance-copy-icon{font-size:1.1rem}.binance-account-note{color:#888;font-size:.9rem;margin-top:5px}.binance-transfer-steps{background:#28282899;border:1px solid #444;border-radius:12px;padding:25px}.binance-transfer-steps h2{color:#f0b90b;font-size:1.4rem;margin-bottom:20px}.binance-steps-list{display:flex;flex-direction:column;gap:20px}.binance-step{align-items:flex-start;background:#ffffff0d;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.binance-step:hover{background:#f0b90b1a;border-left:3px solid #f0b90b;transform:translateX(5px)}.binance-step-number{align-items:center;background:#f0b90b;border-radius:50%;color:#000;display:flex;flex-shrink:0;font-weight:700;height:30px;justify-content:center;width:30px}.binance-step-content{flex:1 1}.binance-step-content strong{color:#f0b90b;display:block;margin-bottom:5px}.binance-step-content p{color:#ccc;line-height:1.5;margin:0}.binance-highlight-amount,.binance-highlight-id{color:#f0b90b;font-weight:700}.binance-screenshot-upload{background:#28282899;border:1px solid #444;border-radius:12px;padding:25px}.binance-screenshot-upload h2{color:#f0b90b;font-size:1.4rem;margin-bottom:20px}.binance-upload-section{display:flex;flex-direction:column;gap:15px}.binance-file-input{display:none}.binance-upload-label{cursor:pointer;display:block;transition:all .3s ease}.binance-upload-area{border:2px dashed #f0b90b;border-radius:8px;padding:20px;transition:all .3s ease}.binance-upload-area:hover{background:#f0b90b0d;border-color:gold}.binance-file-placeholder,.binance-file-selected{align-items:center;display:flex;gap:15px;text-align:left}.binance-file-icon,.binance-upload-icon{color:#f0b90b;font-size:2rem;opacity:.7}.binance-upload-text{display:flex;flex-direction:column;gap:5px}.binance-upload-text strong{color:#f0b90b;font-size:1.1rem}.binance-upload-hint{color:#888;font-size:.9rem}.binance-file-selected{justify-content:space-between;width:100%}.binance-file-info{align-items:center;display:flex;gap:15px}.binance-file-details{display:flex;flex-direction:column;gap:2px}.binance-file-name{color:#fff;font-weight:500}.binance-file-size{color:#888;font-size:.8rem}.binance-remove-file-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;transition:all .3s ease;width:30px}.binance-remove-file-btn:hover{background:#c82333;transform:scale(1.1)}.binance-upload-progress{align-items:center;display:flex;gap:15px}.binance-progress-bar{background:#ffffff1a;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.binance-progress-fill{background:linear-gradient(90deg,#f0b90b,gold);border-radius:4px;height:100%;transition:width .3s ease}.binance-progress-text{color:#f0b90b;font-weight:600;min-width:40px}.binance-image-preview{margin-top:15px}.binance-image-preview h4{color:#f0b90b;margin-bottom:10px}.binance-preview-image{border:2px solid #f0b90b;border-radius:8px;max-height:300px;max-width:100%}.binance-important-notes{background:#ffc1071a;border:1px solid #ffc107;border-radius:12px;padding:25px}.binance-important-notes h3{color:#ffc107;font-size:1.3rem;margin-bottom:15px}.binance-important-notes ul{list-style:none;margin:0;padding:0}.binance-important-notes li{border-bottom:1px solid #ffffff1a;color:#ccc;padding:8px 0}.binance-important-notes li:last-child{border-bottom:none}.binance-important-notes strong{color:#ffc107}.binance-submit-section{background:#28282899;border:1px solid #444;border-radius:12px;padding:20px;text-align:center}.binance-submit-btn{align-items:center;background:linear-gradient(135deg,#f0b90b,gold);border:none;border-radius:8px;color:#000;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:600;gap:10px;padding:15px 40px;transition:all .3s ease}.binance-submit-btn:hover:not(.binance-disabled){background:linear-gradient(135deg,gold,#fe0);box-shadow:0 5px 15px #f0b90b66;transform:translateY(-2px)}.binance-submit-btn.binance-disabled{cursor:not-allowed;opacity:.6;transform:none}.binance-submit-icon{font-size:1.3rem}.binance-spinner{animation:binance-spin 1s linear infinite;border:2px solid #0000004d;border-left-color:#000;border-radius:50%;height:20px;width:20px}@keyframes binance-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.binance-order-info{margin-top:15px}.binance-processing-time,.binance-support-info{color:#888;margin:5px 0}.binance-user-info{background:#28282899;border:1px solid #444;border-radius:12px;padding:20px}.binance-user-info h3{color:#f0b90b;font-size:1.2rem;margin-bottom:15px}.binance-user-details{display:flex;flex-direction:column;gap:8px}.binance-user-name{color:#fff;font-size:1.1rem;font-weight:600}.binance-user-email,.binance-user-points{color:#ccc;font-size:.9rem}.binance-crypto-badge{background:#f0b90b33;border:1px solid #f0b90b;border-radius:12px;color:#f0b90b;display:inline-block;font-size:.8rem;font-weight:600;margin-left:8px;padding:4px 8px}.binance-security-note{background:#00a6501a;border:1px solid #00a650;border-radius:8px;margin-top:15px;padding:15px}.binance-security-note h4{color:#00a650;margin-bottom:8px}.binance-security-note p{color:#ccc;font-size:.9rem;margin:0}@media (max-width:768px){.binance-payment-container{margin:10px;padding:20px}.binance-payment-header h1{font-size:2rem}.binance-summary-details{grid-template-columns:1fr}.binance-copy-section{align-items:stretch;flex-direction:column}.binance-account-id{min-width:auto}.binance-step{flex-direction:column;text-align:center}.binance-step-number{align-self:center}}@media (max-width:480px){.binance-payment-page{padding:10px}.binance-payment-header h1{font-size:1.8rem}.binance-account-info,.binance-important-notes,.binance-package-summary,.binance-screenshot-upload,.binance-submit-section,.binance-transfer-steps,.binance-user-info{padding:20px}.binance-submit-btn{justify-content:center;width:100%}}@keyframes binance-glow{0%{box-shadow:0 0 5px #f0b90b4d}50%{box-shadow:0 0 20px #f0b90b99}to{box-shadow:0 0 5px #f0b90b4d}}.binance-glow{animation:binance-glow 2s ease-in-out infinite}.binance-crypto-icon{font-size:1.2rem;margin-right:5px}.binance-btc-icon{color:#f7931a}.binance-eth-icon{color:#627eea}.binance-bnb-icon{color:#f0b90b}.paypal-payment-page{background:linear-gradient(135deg,#1a1a1a,#1a1a2a);color:#fff;min-height:100vh;padding:20px}.paypal-payment-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1af2;border:1px solid #333;border-radius:16px;box-shadow:0 10px 30px #00000080;margin:0 auto;max-width:800px;padding:30px}.paypal-back-button{background:#ffffff1a;border:1px solid #444;border-radius:8px;color:#ccc;cursor:pointer;margin-bottom:30px;padding:10px 20px;transition:all .3s ease}.paypal-back-button:hover{background:#fff3;color:#fff}.paypal-payment-header{border-bottom:1px solid #333;margin-bottom:40px;padding-bottom:20px;text-align:center}.paypal-header-icon{color:#0070ba;font-size:3rem;margin-bottom:15px}.paypal-payment-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0070ba,#009cde);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:10px}.paypal-payment-header p{color:#ccc;font-size:1.1rem;opacity:.8}.paypal-payment-content{display:flex;flex-direction:column;gap:30px}.paypal-package-summary{background:#28283c99;border:1px solid #444;border-radius:12px;padding:25px}.paypal-package-summary h2{color:#0070ba;font-size:1.4rem;margin-bottom:20px}.paypal-summary-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.paypal-summary-item{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:10px 0}.paypal-summary-item:last-child{border-bottom:none}.paypal-summary-item .paypal-label{color:#ccc;font-weight:500}.paypal-summary-item .paypal-value{color:#fff;font-weight:600}.paypal-summary-item .paypal-value.highlight{color:#0070ba;font-size:1.1rem}.paypal-account-info{background:#0070ba1a;border:1px solid #0070ba;border-radius:12px;padding:25px}.paypal-account-info h2{color:#0070ba;font-size:1.4rem;margin-bottom:20px}.paypal-account-details{display:flex;flex-direction:column;gap:15px}.paypal-account-id-section{display:flex;flex-direction:column;gap:10px}.paypal-account-label{color:#ccc;font-size:1.1rem;font-weight:500}.paypal-copy-section{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.paypal-account-id{background:#0000004d;border:1px solid #0070ba;border-radius:8px;color:#0070ba;flex:1 1;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;min-width:200px;padding:12px 20px}.paypal-copy-btn{align-items:center;background:#0070ba;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.paypal-copy-btn:hover:not(.paypal-copied){background:#005a9e;transform:translateY(-2px)}.paypal-copy-btn.paypal-copied{background:#00a650}.paypal-copy-icon{font-size:1.1rem}.paypal-account-note{color:#888;font-size:.9rem;margin-top:5px}.paypal-transfer-steps{background:#28283c99;border:1px solid #444;border-radius:12px;padding:25px}.paypal-transfer-steps h2{color:#0070ba;font-size:1.4rem;margin-bottom:20px}.paypal-steps-list{display:flex;flex-direction:column;gap:20px}.paypal-step{align-items:flex-start;background:#ffffff0d;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.paypal-step:hover{background:#ffffff1a;transform:translateX(5px)}.paypal-step-number{align-items:center;background:#0070ba;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:30px;justify-content:center;width:30px}.paypal-step-content{flex:1 1}.paypal-step-content strong{color:#0070ba;display:block;margin-bottom:5px}.paypal-step-content p{color:#ccc;line-height:1.5;margin:0}.paypal-highlight-amount,.paypal-highlight-id{color:#0070ba;font-weight:700}.paypal-screenshot-upload{background:#28283c99;border:1px solid #444;border-radius:12px;padding:25px}.paypal-screenshot-upload h2{color:#0070ba;font-size:1.4rem;margin-bottom:20px}.paypal-upload-section{display:flex;flex-direction:column;gap:15px}.paypal-file-input{display:none}.paypal-upload-label{cursor:pointer;display:block;transition:all .3s ease}.paypal-upload-area{border:2px dashed #0070ba;border-radius:8px;padding:20px;transition:all .3s ease}.paypal-upload-area:hover{background:#0070ba0d;border-color:#009cde}.paypal-file-placeholder,.paypal-file-selected{align-items:center;display:flex;gap:15px;text-align:left}.paypal-file-icon,.paypal-upload-icon{font-size:2rem;opacity:.7}.paypal-upload-text{display:flex;flex-direction:column;gap:5px}.paypal-upload-text strong{color:#0070ba;font-size:1.1rem}.paypal-upload-hint{color:#888;font-size:.9rem}.paypal-file-selected{justify-content:space-between;width:100%}.paypal-file-info{align-items:center;display:flex;gap:15px}.paypal-file-details{display:flex;flex-direction:column;gap:2px}.paypal-file-name{color:#fff;font-weight:500}.paypal-file-size{color:#888;font-size:.8rem}.paypal-remove-file-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;transition:all .3s ease;width:30px}.paypal-remove-file-btn:hover{background:#c82333;transform:scale(1.1)}.paypal-upload-progress{align-items:center;display:flex;gap:15px}.paypal-progress-bar{background:#ffffff1a;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.paypal-progress-fill{background:linear-gradient(90deg,#0070ba,#009cde);border-radius:4px;height:100%;transition:width .3s ease}.paypal-progress-text{color:#0070ba;font-weight:600;min-width:40px}.paypal-image-preview{margin-top:15px}.paypal-image-preview h4{color:#0070ba;margin-bottom:10px}.paypal-preview-image{border:2px solid #0070ba;border-radius:8px;max-height:300px;max-width:100%}.paypal-important-notes{background:#ffc1071a;border:1px solid #ffc107;border-radius:12px;padding:25px}.paypal-important-notes h3{color:#ffc107;font-size:1.3rem;margin-bottom:15px}.paypal-important-notes ul{list-style:none;margin:0;padding:0}.paypal-important-notes li{border-bottom:1px solid #ffffff1a;color:#ccc;padding:8px 0}.paypal-important-notes li:last-child{border-bottom:none}.paypal-important-notes strong{color:#ffc107}.paypal-submit-section{background:#28283c99;border:1px solid #444;border-radius:12px;padding:20px;text-align:center}.paypal-submit-btn{align-items:center;background:linear-gradient(135deg,#0070ba,#009cde);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:600;gap:10px;padding:15px 40px;transition:all .3s ease}.paypal-submit-btn:hover:not(.paypal-disabled){background:linear-gradient(135deg,#005a9e,#0070ba);box-shadow:0 5px 15px #0070ba66;transform:translateY(-2px)}.paypal-submit-btn.paypal-disabled{cursor:not-allowed;opacity:.6;transform:none}.paypal-submit-icon{font-size:1.3rem}.paypal-spinner{animation:paypal-spin 1s linear infinite;border:2px solid #ffffff4d;border-left-color:#fff;border-radius:50%;height:20px;width:20px}@keyframes paypal-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.paypal-order-info{margin-top:15px}.paypal-processing-time,.paypal-support-info{color:#888;margin:5px 0}.paypal-user-info{background:#28283c99;border:1px solid #444;border-radius:12px;padding:20px}.paypal-user-info h3{color:#0070ba;font-size:1.2rem;margin-bottom:15px}.paypal-user-details{display:flex;flex-direction:column;gap:8px}.paypal-user-name{color:#fff;font-size:1.1rem;font-weight:600}.paypal-user-email,.paypal-user-points{color:#ccc;font-size:.9rem}@media (max-width:768px){.paypal-payment-container{margin:10px;padding:20px}.paypal-payment-header h1{font-size:2rem}.paypal-summary-details{grid-template-columns:1fr}.paypal-copy-section{align-items:stretch;flex-direction:column}.paypal-account-id{min-width:auto}.paypal-step{flex-direction:column;text-align:center}.paypal-step-number{align-self:center}}@media (max-width:480px){.paypal-payment-page{padding:10px}.paypal-payment-header h1{font-size:1.8rem}.paypal-account-info,.paypal-important-notes,.paypal-package-summary,.paypal-screenshot-upload,.paypal-submit-section,.paypal-transfer-steps,.paypal-user-info{padding:20px}.paypal-submit-btn{justify-content:center;width:100%}}.payment-orders-page{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff;min-height:100vh;padding:20px}.orders-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2ef2;border:1px solid #333;border-radius:16px;box-shadow:0 10px 30px #00000080;margin:0 auto;max-width:1200px;padding:30px}.page-header{border-bottom:1px solid #333;margin-bottom:40px;padding-bottom:20px;text-align:center}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#f0b90b,gold);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:10px}.page-header p{color:#ccc;font-size:1.1rem;opacity:.8}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 0;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-left-color:#f0b90b;border-radius:50%;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-alert{align-items:center;background:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:15px 20px}.retry-btn{background:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:auto;padding:5px 10px}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.filter-tabs{background:#333;border-radius:8px;display:flex;gap:4px;padding:4px}.filter-tab{background:#0000;border:none;border-radius:6px;color:#ccc;cursor:pointer;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.filter-tab.active{background:#f0b90b;color:#000}.filter-tab:hover:not(.active){background:#ffffff1a;color:#fff}.stats-summary{gap:20px}.stat-item,.stats-summary{align-items:center;display:flex}.stat-item{background:#ffffff0d;border-radius:6px;gap:8px;padding:8px 16px}.stat-label{color:#ccc;font-size:.9rem}.stat-value{color:#f0b90b;font-weight:700}.refresh-btn{background:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .3s ease}.refresh-btn:hover{background:#4752c4;transform:scale(1.05)}.orders-table-container{background:#28283c99;border:1px solid #444;border-radius:12px;overflow:hidden}.orders-table{border-collapse:collapse;width:100%}.orders-table th{background:#f0b90b1a;border-bottom:1px solid #333;color:#f0b90b;font-weight:600;padding:15px 12px;text-align:left}.orders-table td{border-bottom:1px solid #333;padding:12px}.order-row:hover{background:#ffffff0d}.order-id{color:#f0b90b;font-family:Courier New,monospace;font-weight:700}.user-info .user-name{color:#fff;font-weight:700}.user-info .user-email{color:#888;font-size:.9rem}.package-info{color:#ccc}.points-info strong{color:#f0b90b}.points-info .actual-points{color:#00d26a;font-size:.8rem;margin-top:4px}.amount-info strong{color:#00d26a}.amount-info .actual-amount{color:#888;font-size:.8rem;margin-top:4px}.date-info .created-date{color:#fff}.date-info .approved-date{color:#00d26a;font-size:.8rem;margin-top:4px}.status-badge{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:700;padding:4px 8px}.status-pending{background:#f0b90b33;border:1px solid #f0b90b;color:#f0b90b}.status-approved{background:#00d26a33;border:1px solid #00d26a;color:#00d26a}.status-rejected{background:#ff6b6b33;border:1px solid #ff6b6b;color:#ff6b6b}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .3s ease;white-space:nowrap}.btn-approve{background:#00d26a33;border:1px solid #00d26a;color:#00d26a}.btn-approve:hover{background:#00d26a;color:#000}.btn-reject{background:#ff6b6b33;border:1px solid #ff6b6b;color:#ff6b6b}.btn-reject:hover{background:#ff6b6b;color:#000}.btn-view{background:#5865f233;border:1px solid #5865f2;color:#5865f2}.btn-view:hover{background:#5865f2;color:#fff}.no-orders{padding:60px 20px;text-align:center}.no-orders-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.no-orders h3{color:#ccc;margin-bottom:10px}.no-orders p{color:#888}.modal-content{background:#1e1e2ef2;border:1px solid #333;max-width:600px;overflow-y:auto}.modal-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px 30px}.modal-header h2{color:#f0b90b;margin:0}.close-btn{background:#0000;border:none;color:#ccc;height:30px;padding:0;width:30px}.close-btn:hover{color:#fff}.modal-body{padding:30px}.modal-footer{gap:15px;padding:20px 30px}.details-grid{grid-gap:15px;gap:15px}.detail-item{gap:5px}.detail-item label{color:#ccc;font-weight:500}.proof-image img{border:1px solid #333;border-radius:8px;max-height:300px;max-width:100%}.proof-fallback{background:#ffffff0d;border:1px dashed #333;border-radius:8px;display:none;padding:20px;text-align:center}.proof-fallback a{color:#5865f2;font-weight:500;text-decoration:none}.proof-fallback a:hover{text-decoration:underline}.admin-notes{background:#ffffff0d;border:1px solid #333;border-radius:8px;color:#ccc;padding:15px;white-space:pre-wrap}.form-group{margin-bottom:20px}.form-group label{color:#ccc;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{background:#ffffff1a;border:1px solid #444;border-radius:6px;color:#fff;font-size:1rem;padding:12px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#f0b90b;outline:none}.btn-cancel{background:#0000;border:1px solid #666;border-radius:6px;color:#ccc;cursor:pointer;padding:10px 20px}.btn-cancel:hover{background:#666;color:#fff}.btn-confirm{background:#00d26a;border:none;border-radius:6px;color:#000;cursor:pointer;font-weight:700;padding:10px 20px}.btn-confirm:hover{background:#00b359}.btn-reject-confirm{background:#ff6b6b;border:none;border-radius:6px;color:#000;cursor:pointer;font-weight:700;padding:10px 20px}.btn-reject-confirm:hover{background:#ff5252}@media (max-width:768px){.orders-container{margin:10px;padding:20px}.filters-section{align-items:stretch;flex-direction:column}.filter-tabs{flex-wrap:wrap}.stats-summary{justify-content:space-between}.orders-table{display:block;overflow-x:auto}.details-grid{grid-template-columns:1fr}.actions{flex-direction:column}.modal-content{margin:10px}}@media (max-width:480px){.payment-orders-page{padding:10px}.page-header h1{font-size:2rem}.modal-body{padding:20px}.modal-footer{flex-direction:column}}.proof-link{margin-bottom:15px}.proof-link-btn{background:#5865f2;border-radius:6px;display:inline-block;font-weight:500;padding:10px 15px}.proof-link-btn:hover{background:#4752c4}.proof-preview{background:#ffffff0d;border:1px solid #333;border-radius:8px;padding:15px}.proof-preview h4{font-size:1rem;margin:0 0 10px}.preview-img{max-height:400px}.preview-fallback{padding:20px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1e1e2efa;border:1px solid #444;border-radius:16px;box-shadow:0 20px 60px #00000080;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:100%}.modal-content,.modal-header.sticky-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex}.modal-header.sticky-header{align-items:center;background:#1e1e2ef2;border-bottom:1px solid #333;justify-content:space-between;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header.sticky-header h2{color:#f0b90b;font-size:1.5rem;margin:0}.close-btn{align-items:center;background:#ff6b6b33;border:1px solid #ff6b6b;border-radius:50%;color:#ff6b6b;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px;z-index:20}.close-btn:hover{background:#ff6b6b;color:#000;transform:scale(1.1)}.modal-body.scrollable-body{flex:1 1;max-height:calc(90vh - 140px);overflow-y:auto;padding:0 30px}.modal-body.scrollable-body::-webkit-scrollbar{width:8px}.modal-body.scrollable-body::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.modal-body.scrollable-body::-webkit-scrollbar-thumb{background:#f0b90b;border-radius:4px}.modal-body.scrollable-body::-webkit-scrollbar-thumb:hover{background:gold}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:20px 0}.detail-item{background:#ffffff0d;border:1px solid #333;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:15px}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#f0b90b;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#fff;font-size:1rem}.proof-section{margin-top:10px}.proof-link{margin-bottom:20px}.proof-link-btn{align-items:center;background:linear-gradient(45deg,#5865f2,#4752c4);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.proof-link-btn:hover{box-shadow:0 5px 15px #5865f266;color:#fff;text-decoration:none;transform:translateY(-2px)}.image-container{align-items:center;max-height:400px;overflow:hidden}.preview-img{border:1px solid #444;max-height:100%;max-width:100%}.preview-fallback{color:#888;padding:40px 20px;text-align:center}.preview-fallback p{margin:5px 0}.modal-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2ef2;border-top:1px solid #333;bottom:0;display:flex;justify-content:flex-end;padding:15px 30px;position:-webkit-sticky;position:sticky}.btn-close-modal{background:#666;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 25px;transition:all .3s ease}.btn-close-modal:hover{background:#888;transform:translateY(-1px)}@media (max-width:768px){.modal-content{margin:10px;max-height:95vh;max-width:95vw}.modal-header.sticky-header{padding:15px 20px}.modal-header.sticky-header h2{font-size:1.3rem}.modal-body.scrollable-body{max-height:calc(95vh - 120px);padding:0 20px}.details-grid{gap:15px;grid-template-columns:1fr;padding:15px 0}.detail-item{padding:12px}.proof-preview{padding:15px}.image-container{max-height:300px}.close-btn{font-size:1.3rem;height:35px;width:35px}}@media (max-width:480px){.modal-overlay{padding:10px}.modal-content{border-radius:12px;max-height:100vh;max-width:100vw}.modal-header.sticky-header{padding:12px 15px}.modal-body.scrollable-body{max-height:calc(100vh - 100px);padding:0 15px}.proof-link-btn{justify-content:center;width:100%}}.proof-preview{background:#ffffff08;border:2px dashed #444;border-radius:12px;margin-top:15px;padding:20px}.proof-preview h4{color:#ccc;font-size:1.1rem;margin:0 0 15px;text-align:center}.image-container{align-items:flex-start;background:#0000004d;border:1px solid #444;border-radius:8px;display:flex;justify-content:center;max-height:500px;max-width:100%;min-height:200px;overflow:auto;padding:10px;position:relative}.image-container::-webkit-scrollbar{height:12px;width:12px}.image-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:6px}.image-container::-webkit-scrollbar-thumb{background:#f0b90b;border:2px solid #0003;border-radius:6px}.image-container::-webkit-scrollbar-thumb:hover{background:gold}.image-container::-webkit-scrollbar-corner{background:#0000004d}.preview-img{border-radius:6px;display:block;height:auto;margin:0 auto;max-height:none;max-width:none;object-fit:contain;width:auto}.preview-img.small-image{max-height:100%;max-width:100%}.image-info{background:#000000b3;border-radius:4px;color:#fff;font-size:.8rem;padding:4px 8px;position:absolute;right:10px;top:10px;z-index:2}.image-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}.image-control-btn{background:#5865f233;border:1px solid #5865f2;border-radius:4px;color:#5865f2;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .3s ease}.image-control-btn.active,.image-control-btn:hover{background:#5865f2;color:#fff}.image-fullscreen{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.image-fullscreen img{border-radius:8px;box-shadow:0 10px 30px #00000080;max-height:95vh;max-width:95vw;object-fit:contain}.image-fullscreen .close-fullscreen{background:#ff6b6be6;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:50px;position:fixed;right:20px;top:20px;width:50px;z-index:2001}.preview-img:hover{box-shadow:0 0 20px #f0b90b4d;cursor:pointer;transition:box-shadow .3s ease}.landscape-image{height:auto;max-width:100%}.portrait-image{max-height:100%;width:auto}.zoom-indicator{background:#000000b3;border-radius:4px;bottom:10px;color:#fff;font-size:.8rem;left:10px;padding:4px 8px;position:absolute}@media (max-width:768px){.image-container{max-height:400px;padding:8px}.proof-preview{padding:15px}.image-controls{align-items:center;flex-direction:column}.image-control-btn{text-align:center;width:100%}}@media (max-width:480px){.image-container{max-height:300px}.proof-preview{padding:10px}.image-fullscreen img{max-height:100vh;max-width:100vw}}.scroll-hint{align-items:center;color:#888;display:flex;font-size:.8rem;gap:5px;justify-content:center;margin-top:8px;text-align:center}.scroll-hint:before{content:"↕️";font-size:.9rem}.large-image-notice{background:#f0b90b1a;border:1px solid #f0b90b;border-radius:6px;color:#f0b90b;font-size:.8rem;margin-top:10px;padding:8px 12px;text-align:center}.image-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.image-container.has-scroll{box-shadow:inset 0 0 10px #0000004d}.App{min-height:100vh}.main-content{padding-top:70px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}
/*# sourceMappingURL=main.6258ee93.css.map*/