@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1e293b;line-height:1.6}#root{min-height:100vh}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.rounded{border-radius:.375rem}@media (max-width: 640px){.sm-hidden{display:none}.sm-block{display:block}}@media (max-width: 768px){.md-hidden{display:none}.md-block{display:block}}@media (max-width: 1024px){.lg-hidden{display:none}.lg-block{display:block}}.adm-login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);padding:2rem;position:relative;overflow:hidden;opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.19,1,.22,1)}.adm-login-wrapper.adm-visible{opacity:1;transform:translateY(0)}.adm-bg-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.adm-bg-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);animation:admFloatCircle 20s ease-in-out infinite}.adm-bg-circle-1{width:300px;height:300px;top:-150px;left:-150px;animation-delay:0s}.adm-bg-circle-2{width:200px;height:200px;top:50%;right:-100px;animation-delay:-7s}.adm-bg-circle-3{width:150px;height:150px;bottom:-75px;left:30%;animation-delay:-14s}@keyframes admFloatCircle{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(180deg);opacity:.6}}.adm-login-container{position:relative;z-index:2;width:100%;max-width:480px}.adm-login-card{background:#0f0f23f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);border-radius:24px;padding:3rem;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff0d;position:relative;overflow:hidden;animation:admCardSlideIn 1s cubic-bezier(.19,1,.22,1) .2s both}.adm-login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.5),transparent)}@keyframes admCardSlideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.adm-login-header{text-align:center;margin-bottom:2.5rem}.adm-logo-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.adm-logo-icon{width:64px;height:64px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px #6366f14d;animation:admLogoGlow 3s ease-in-out infinite alternate}@keyframes admLogoGlow{0%{box-shadow:0 8px 32px #6366f14d}to{box-shadow:0 8px 32px #6366f199}}.adm-logo-text{text-align:left}.adm-brand-name{font-size:2rem;font-weight:800;color:#fff;margin:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.15;letter-spacing:.3px;white-space:nowrap;word-break:keep-all;text-transform:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;display:inline-block}.adm-brand-subtitle{font-size:.9rem;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:1px}.adm-welcome-text{animation:admTextSlideIn 1s cubic-bezier(.19,1,.22,1) .4s both}.adm-welcome-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 .5rem}.adm-welcome-description{font-size:1rem;color:#94a3b8;line-height:1.6;margin:0}@keyframes admTextSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.adm-error-alert{display:flex;align-items:flex-start;gap:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:1rem;margin-bottom:1.5rem;animation:admErrorSlideIn .3s ease-out}@keyframes admErrorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.adm-error-icon{color:#ef4444;flex-shrink:0;margin-top:.125rem}.adm-error-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.adm-error-title{font-size:.875rem;font-weight:600;color:#ef4444}.adm-error-message{font-size:.8rem;color:#fca5a5;line-height:1.4}.adm-login-form{animation:admFormSlideIn 1s cubic-bezier(.19,1,.22,1) .6s both}@keyframes admFormSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.adm-form-group{margin-bottom:1.5rem}.adm-form-label{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;color:#e2e8f0;margin-bottom:.5rem}.adm-label-required{color:#ef4444}.adm-input-wrapper{position:relative;display:flex;align-items:center}.adm-input-icon{position:absolute;left:1rem;color:#64748b;z-index:2;transition:color .3s ease}.adm-form-input{width:100%;background:#0f0f23cc;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:1rem 1rem 1rem 3rem;font-size:1rem;color:#fff;transition:all .3s ease;outline:none}.adm-form-input::placeholder{color:#64748b}.adm-form-input:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a;background:#0f0f23f2}.adm-form-input:focus+.adm-input-icon,.adm-input-wrapper:focus-within .adm-input-icon{color:#6366f1}.adm-password-toggle{position:absolute;right:1rem;background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .3s ease;z-index:2}.adm-password-toggle:hover{color:#6366f1;background:#6366f11a}.adm-password-toggle:disabled{opacity:.5;cursor:not-allowed}.adm-form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.adm-checkbox-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.adm-checkbox-input{display:none}.adm-checkbox-custom{width:18px;height:18px;border:2px solid rgba(99,102,241,.3);border-radius:4px;position:relative;transition:all .3s ease;background:#0f0f23cc}.adm-checkbox-custom:after{content:"";position:absolute;top:1px;left:5px;width:6px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .3s ease}.adm-checkbox-input:checked+.adm-checkbox-custom{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1}.adm-checkbox-input:checked+.adm-checkbox-custom:after{opacity:1}.adm-checkbox-label{font-size:.875rem;color:#cbd5e1}.adm-forgot-password{background:none;border:none;color:#6366f1;font-size:.875rem;cursor:pointer;text-decoration:none;transition:color .3s ease;padding:0}.adm-forgot-password:hover{color:#8b5cf6;text-decoration:underline}.adm-forgot-password:disabled{opacity:.5;cursor:not-allowed}.adm-submit-btn{width:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;margin-bottom:1rem;box-shadow:0 8px 24px #6366f14d}.adm-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #6366f166}.adm-submit-btn:active:not(:disabled){transform:translateY(0)}.adm-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6366f133}.adm-btn-content{display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;z-index:2}.adm-btn-spinner{display:flex;gap:.25rem}.adm-spinner-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:admSpinnerBounce 1.4s ease-in-out infinite both}.adm-spinner-dot:nth-child(1){animation-delay:-.32s}.adm-spinner-dot:nth-child(2){animation-delay:-.16s}.adm-spinner-dot:nth-child(3){animation-delay:0s}@keyframes admSpinnerBounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.adm-btn-ripple{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.adm-submit-btn:active:not(:disabled) .adm-btn-ripple{width:300px;height:300px}.adm-quick-login-btn{width:100%;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#f59e0b;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;margin-bottom:1.5rem}.adm-quick-login-btn:hover:not(:disabled){background:#f59e0b33;border-color:#f59e0b80;transform:translateY(-1px)}.adm-quick-login-btn:disabled{opacity:.5;cursor:not-allowed}.adm-login-footer{margin-top:2rem;animation:admFooterSlideIn 1s cubic-bezier(.19,1,.22,1) .8s both}@keyframes admFooterSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.adm-dev-credentials{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:1rem;margin-bottom:1rem}.adm-dev-title{font-size:.875rem;font-weight:600;color:#10b981;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.adm-dev-title:before{content:"🔧";font-size:1rem}.adm-dev-info{display:flex;flex-direction:column;gap:.5rem}.adm-dev-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.adm-dev-label{color:#94a3b8;min-width:60px}.adm-dev-value{background:#0f0f23cc;color:#34d399;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;border:1px solid rgba(16,185,129,.2)}.adm-debug-info{margin-top:1rem}.adm-debug-details{background:#0f0f2380;border:1px solid rgba(64,748,155,.2);border-radius:8px;overflow:hidden}.adm-debug-summary{padding:.75rem 1rem;background:#40ff9b1a;color:#64748b;font-size:.8rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .3s ease}.adm-debug-summary:hover{background:#40ff9b26}.adm-debug-content{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.adm-debug-item{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.adm-debug-label{color:#94a3b8}.adm-debug-value{color:#cbd5e1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#0f0f23cc;padding:.125rem .375rem;border-radius:3px}.adm-footer-text{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(99,102,241,.1)}.adm-copyright{font-size:.8rem;color:#64748b;margin:0 0 .25rem}.adm-version{font-size:.75rem;color:#475569;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.adm-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.adm-loading-spinner{position:relative;width:80px;height:80px;margin-bottom:2rem}.adm-spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #6366f1;border-radius:50%;animation:admSpinnerRotate 1.2s linear infinite}.adm-spinner-delayed{width:60%;height:60%;top:20%;left:20%;border-top-color:#8b5cf6;animation-duration:1.8s;animation-direction:reverse}.adm-spinner-slow{width:40%;height:40%;top:30%;left:30%;border-top-color:#ec4899;animation-duration:2.4s}@keyframes admSpinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adm-loading-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.adm-loading-description{font-size:1rem;color:#94a3b8;margin:0}@media (max-width: 640px){.adm-login-wrapper{padding:1rem}.adm-login-card{padding:2rem 1.5rem;border-radius:16px}.adm-logo-container{flex-direction:column;gap:.75rem}.adm-logo-icon{width:56px;height:56px}.adm-brand-name{font-size:1.75rem;text-align:center;line-height:1.2;white-space:nowrap}.adm-welcome-title{font-size:1.5rem}.adm-welcome-description{font-size:.9rem}.adm-form-options{flex-direction:column;align-items:flex-start;gap:.75rem}.adm-dev-info{gap:.75rem}.adm-dev-item{flex-direction:column;align-items:flex-start;gap:.25rem}.adm-dev-label{min-width:auto}}@media (max-width: 480px){.adm-login-card{padding:1.5rem 1rem}.adm-brand-name{font-size:1.5rem;line-height:1.25;white-space:nowrap}.adm-welcome-title{font-size:1.25rem}.adm-form-input{padding:.875rem .875rem .875rem 2.75rem}.adm-input-icon{left:.875rem}.adm-password-toggle{right:.875rem}}@media (prefers-contrast: high){.adm-login-card,.adm-form-input{background:#000;border:2px solid #6366f1}.adm-submit-btn{background:#6366f1}}@media (prefers-reduced-motion: reduce){.adm-login-wrapper,.adm-login-card,.adm-welcome-text,.adm-login-form,.adm-login-footer,.adm-bg-circle,.adm-logo-icon,.adm-spinner-ring,.adm-spinner-dot{animation:none!important;transition:none!important}.adm-login-wrapper.adm-visible{opacity:1;transform:none}}.adm-form-input:focus,.adm-submit-btn:focus,.adm-quick-login-btn:focus,.adm-forgot-password:focus,.adm-password-toggle:focus{outline:2px solid rgba(99,102,241,.8);outline-offset:2px}.adm-checkbox-wrapper:focus-within .adm-checkbox-custom{outline:2px solid rgba(99,102,241,.8);outline-offset:2px}@media print{.adm-login-wrapper{background:#fff;color:#000}.adm-bg-elements,.adm-quick-login-btn,.adm-dev-credentials,.adm-debug-info{display:none}.adm-login-card{background:#fff;border:1px solid #ccc;box-shadow:none}}@media (prefers-color-scheme: dark){.adm-login-wrapper{background:linear-gradient(135deg,#000,#0f0f23,#1a1a2e)}}.adm-login-card::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5855eb,#7c3aed)}.adm-login-card ::selection{background:#6366f14d;color:#fff}.adm-login-card ::-moz-selection{background:#6366f14d;color:#fff}.adm-login-card,.adm-submit-btn,.adm-quick-login-btn,.adm-form-input,.adm-bg-circle{will-change:transform;backface-visibility:hidden;perspective:1000px}.adm-btn-ripple,.adm-logo-icon{will-change:transform,opacity}.adm-login-wrapper,.adm-login-card,.adm-submit-btn,.adm-bg-circle{transform:translateZ(0);backface-visibility:hidden}@media (prefers-reduced-motion: no-preference){.adm-form-input:focus,.adm-submit-btn:focus,.adm-quick-login-btn:focus{animation:admFocusGlow 1s ease-in-out infinite alternate}}@keyframes admFocusGlow{0%{box-shadow:0 0 0 3px #6366f14d}to{box-shadow:0 0 0 3px #6366f199}}@container (max-width: 480px){.adm-logo-container,.adm-form-options{flex-direction:column}}@media (max-aspect-ratio: 1/1){.adm-login-wrapper{padding:1rem}.adm-login-card{padding:2rem 1.5rem}}@media (-webkit-min-device-pixel-ratio: 3),(min-resolution: 3dppx){.adm-form-input,.adm-login-card{border-width:.5px}}.adm-login-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(99,102,241,.02) 50%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}.adm-login-card:hover:after{opacity:1}.adm-loading-spinner:before{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;transform:translate(-50%,-50%);animation:admPulseCore 2s ease-in-out infinite}@keyframes admPulseCore{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.5}}.adm-loading-shimmer{background:linear-gradient(90deg,#0f0f2399 25%,#6366f11a,#0f0f2399 75%);background-size:200% 100%;animation:admShimmer 2s infinite}@keyframes admShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.adm-observe-fade{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.19,1,.22,1)}.adm-observe-fade.adm-in-view{opacity:1;transform:translateY(0)}@supports not (display: grid){.adm-form-options{display:flex;flex-wrap:wrap}.adm-dev-info{display:block}.adm-dev-item{margin-bottom:.5rem}}@supports (backdrop-filter: blur(20px)){.adm-login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@supports not (backdrop-filter: blur(20px)){.adm-login-card{background:#0f0f23fa}}.adm-login-wrapper.adm-theme-blue{--adm-primary-gradient: linear-gradient(135deg, #3b82f6, #1d4ed8);--adm-secondary-gradient: linear-gradient(135deg, #60a5fa, #3b82f6)}.adm-login-wrapper.adm-theme-purple{--adm-primary-gradient: linear-gradient(135deg, #8b5cf6, #7c3aed);--adm-secondary-gradient: linear-gradient(135deg, #a78bfa, #8b5cf6)}.adm-login-wrapper.adm-theme-green{--adm-primary-gradient: linear-gradient(135deg, #10b981, #059669);--adm-secondary-gradient: linear-gradient(135deg, #34d399, #10b981)}.adm-form-input.adm-error{border-color:#ef444480;box-shadow:0 0 0 3px #ef44441a}.adm-form-input.adm-error:focus{border-color:#ef4444b3;box-shadow:0 0 0 3px #ef444433}.adm-form-input.adm-success{border-color:#10b98180;box-shadow:0 0 0 3px #10b9811a}.adm-form-input.adm-success:focus{border-color:#10b981b3;box-shadow:0 0 0 3px #10b98133}.adm-form-input.adm-loading{background-image:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.1) 50%,transparent 100%);background-size:200% 100%;animation:admInputShimmer 1.5s infinite}@keyframes admInputShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.adm-tooltip{position:relative}.adm-tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}.adm-tooltip:hover:before{opacity:1}.adm-notification{position:fixed;top:1rem;right:1rem;background:#0f0f23f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1rem 1.5rem;color:#fff;box-shadow:0 8px 32px #0000004d;z-index:1000;animation:admNotificationSlideIn .3s ease-out}@keyframes admNotificationSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.adm-notification.adm-success{border-color:#10b9814d}.adm-notification.adm-error{border-color:#ef44444d}.adm-notification.adm-warning{border-color:#f59e0b4d}.ctc-admin-dashboard-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#1e293b;position:relative;overflow-x:hidden}.ctc-admin-top-nav{background:#fff;border-bottom:1px solid rgba(148,163,184,.2);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0000000d;position:relative;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ctc-nav-logo{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;box-shadow:0 8px 20px #667eea4d}.ctc-nav-title{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ctc-nav-subtitle{font-size:.875rem;color:#64748b;margin:0;font-weight:500}.ctc-admin-profile{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;cursor:pointer;transition:all .2s ease}.ctc-admin-profile:hover{background:#f1f5f9;border-color:#667eea;transform:translateY(-1px)}.ctc-admin-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;box-shadow:0 4px 12px #667eea4d}.ctc-admin-info h4{font-size:.875rem;font-weight:600;color:#1e293b;margin:0}.ctc-admin-info p{font-size:.75rem;color:#64748b;margin:0}.ctc-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;text-decoration:none;position:relative;overflow:hidden}.ctc-btn-refresh{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.ctc-btn-refresh:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.ctc-btn-refresh.refreshing{opacity:.8;cursor:not-allowed}.ctc-btn-refresh.refreshing .ctc-btn-icon{animation:ctc-spin 1s linear infinite}.ctc-btn-secondary{background:linear-gradient(135deg,#64748b,#475569);color:#fff;box-shadow:0 4px 15px #64748b4d}.ctc-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #64748b66}.ctc-btn-retry{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 15px #3b82f64d}.ctc-btn-test{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 15px #f59e0b4d}.ctc-btn-health{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.ctc-btn-direct{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.ctc-btn:hover{transform:translateY(-2px)}.ctc-btn-icon{font-size:1rem;transition:transform .2s ease}.ctc-btn-text{font-weight:600}.ctc-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ctc-dashboard-navigation{background:#fff;border-bottom:1px solid rgba(148,163,184,.2);padding:0 2rem;overflow-x:auto}.ctc-nav-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:none;background:none;color:#64748b;font-weight:500;font-size:.875rem;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;white-space:nowrap}.ctc-nav-tab:hover{color:#667eea;background:#667eea0d}.ctc-nav-tab.active{color:#667eea;border-bottom-color:#667eea;background:#667eea1a}.ctc-admin-dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.ctc-loading-spinner-container{text-align:center;max-width:400px}.ctc-loading-spinner{width:80px;height:80px;border:6px solid #e2e8f0;border-top:6px solid #667eea;border-radius:50%;animation:ctc-spin 1s linear infinite;margin:0 auto 2rem}.ctc-loading-content{text-align:center}.ctc-loading-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.ctc-loading-subtitle{font-size:1.125rem;color:#64748b;margin-bottom:1rem}.ctc-retry-info{font-size:.875rem;color:#f59e0b;font-weight:500}.ctc-admin-dashboard-error{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.ctc-error-container{text-align:center;max-width:600px;background:#fff;padding:3rem;border-radius:20px;box-shadow:0 20px 40px #0000001a;border:1px solid #fee2e2}.ctc-error-icon{font-size:5rem;margin-bottom:1.5rem}.ctc-error-title{font-size:2.25rem;font-weight:800;color:#dc2626;margin-bottom:1rem}.ctc-error-message{font-size:1.25rem;color:#64748b;margin-bottom:2rem;line-height:1.6}.ctc-error-details{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.ctc-error-subtitle{font-weight:600;color:#dc2626;margin-bottom:1rem}.ctc-error-list{list-style:none;padding:0}.ctc-error-list li{color:#7f1d1d;position:relative;padding:.5rem 0 .5rem 1.5rem}.ctc-error-list li:before{content:"•";color:#dc2626;position:absolute;left:0;font-weight:700}.ctc-error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.ctc-dashboard-content{animation:ctc-fade-in-up .6s ease-out}.ctc-dashboard-header{text-align:center;margin-bottom:3rem;position:relative}.ctc-dashboard-header:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.ctc-dashboard-title{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1.2}.ctc-dashboard-subtitle{font-size:1.25rem;color:#64748b;font-weight:500;max-width:600px;margin:0 auto;line-height:1.6}.ctc-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.ctc-stat-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 10px 30px #00000014;border:1px solid rgba(102,126,234,.1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:ctc-slide-up .6s ease-out}.ctc-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.ctc-stat-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.ctc-stat-card:hover:before{opacity:1}.ctc-stat-card.posts:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.ctc-stat-card.users:before{background:linear-gradient(90deg,#10b981,#059669)}.ctc-stat-card.views:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.ctc-stat-card.revenue:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.ctc-stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.ctc-stat-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;transition:all .3s ease}.ctc-stat-card.posts .ctc-stat-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.ctc-stat-card.users .ctc-stat-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.ctc-stat-card.views .ctc-stat-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.ctc-stat-card.revenue .ctc-stat-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.ctc-stat-trend{font-size:1.5rem;opacity:.7}.ctc-stat-trend.positive{color:#10b981}.ctc-stat-trend.negative{color:#ef4444}.ctc-stat-trend.neutral{color:#64748b}.ctc-stat-body{margin-bottom:1rem}.ctc-stat-value{font-size:2.5rem;font-weight:900;color:#1e293b;margin-bottom:.5rem;line-height:1}.ctc-stat-label{font-size:1rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.ctc-stat-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f1f5f9}.ctc-stat-change{font-size:.875rem;font-weight:600;color:#10b981}.ctc-stat-period{font-size:.75rem;color:#94a3b8;font-weight:500}.ctc-quick-actions{background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 10px 30px #00000014;border:1px solid rgba(102,126,234,.1);margin-bottom:3rem;animation:ctc-slide-in-right .8s ease-out}.ctc-quick-actions-header{text-align:center;margin-bottom:2.5rem}.ctc-quick-actions-title{font-size:2rem;font-weight:800;color:#1e293b;margin-bottom:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ctc-quick-actions-subtitle{font-size:1.125rem;color:#64748b;font-weight:500}.ctc-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.ctc-action-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:20px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:ctc-fade-in-up .6s ease-out}.ctc-action-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.ctc-action-card:hover:before{left:100%}.ctc-action-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f;border-color:#667eea}.ctc-action-card.create-story{border-left:4px solid #3b82f6}.ctc-action-card.create-novel{border-left:4px solid #10b981}.ctc-action-card.create-audio{border-left:4px solid #f59e0b}.ctc-action-card.manage-posts{border-left:4px solid #8b5cf6}.ctc-action-card.app-version-settings{border-left:4px solid #06b6d4}.ctc-action-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 25px #667eea4d;transition:all .3s ease}.ctc-action-card.create-story .ctc-action-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 10px 25px #3b82f64d}.ctc-action-card.create-novel .ctc-action-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 25px #10b9814d}.ctc-action-card.create-audio .ctc-action-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 25px #f59e0b4d}.ctc-action-card.manage-posts .ctc-action-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 10px 25px #8b5cf64d}.ctc-action-card.more .ctc-action-icon{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 10px 25px #6b72804d}.ctc-action-card.app-version-settings .ctc-action-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 10px 25px #06b6d44d}.ctc-action-card:hover .ctc-action-icon{transform:scale(1.1) rotate(5deg)}.ctc-action-title{font-size:1.375rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.ctc-action-description{font-size:.875rem;color:#64748b;line-height:1.6;margin-bottom:1.5rem}.ctc-action-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #667eea4d}.ctc-action-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.ctc-more-options{background:linear-gradient(135deg,#1e293b,#334155);border-radius:24px;padding:2.5rem;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(102,126,234,.2);margin-bottom:3rem;animation:ctc-slide-in-right .8s ease-out}.ctc-more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.ctc-more-card{background:linear-gradient(135deg,#334155,#475569);border:1px solid #475569;border-radius:20px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:ctc-fade-in-up .6s ease-out;box-shadow:0 4px 20px #0003}.ctc-more-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.ctc-more-card:hover:before{left:100%}.ctc-more-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #667eea4d;border-color:#667eea;background:linear-gradient(135deg,#475569,#64748b)}.ctc-more-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 25px #667eea4d;transition:all .3s ease}.ctc-more-card:hover .ctc-more-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 35px #667eea66}.ctc-more-title{font-size:1.375rem;font-weight:700;color:#f8fafc;margin-bottom:.75rem}.ctc-more-description{font-size:.875rem;color:#cbd5e1;line-height:1.6;margin-bottom:1.5rem}.ctc-more-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #667eea4d}.ctc-more-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.ctc-dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:3rem}.ctc-recent-activity{background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 10px 30px #00000014;border:1px solid rgba(102,126,234,.1);animation:ctc-fade-in-left .8s ease-out}.ctc-activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.ctc-activity-title{font-size:1.75rem;font-weight:700;color:#1e293b;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ctc-view-all-btn{background:none;border:1px solid #e2e8f0;color:#667eea;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.ctc-view-all-btn:hover{background:#667eea;color:#fff;border-color:#667eea}.ctc-activity-list{list-style:none;padding:0;margin:0}.ctc-activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 0;border-bottom:1px solid #f1f5f9;transition:all .2s ease;animation:ctc-fade-in-up .6s ease-out}.ctc-activity-item:last-child{border-bottom:none}.ctc-activity-item:hover{background:#f8fafc;margin:0 -1rem;padding-left:1rem;padding-right:1rem;border-radius:12px}.ctc-activity-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #00000026}.ctc-activity-icon.create{background:linear-gradient(135deg,#10b981,#059669)}.ctc-activity-icon.update{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.ctc-activity-icon.delete{background:linear-gradient(135deg,#ef4444,#dc2626)}.ctc-activity-icon.view{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.ctc-activity-icon.comment{background:linear-gradient(135deg,#f59e0b,#d97706)}.ctc-activity-content{flex:1;min-width:0}.ctc-activity-text{font-size:.875rem;color:#374151;margin-bottom:.25rem;line-height:1.5}.ctc-activity-text strong{color:#1f2937;font-weight:600}.ctc-activity-time{font-size:.75rem;color:#9ca3af;font-weight:500}.ctc-activity-meta{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.ctc-activity-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.ctc-activity-badge.create{background:#10b9811a;color:#059669}.ctc-activity-badge.update{background:#3b82f61a;color:#1d4ed8}.ctc-activity-badge.delete{background:#ef44441a;color:#dc2626}.ctc-activity-badge.view{background:#8b5cf61a;color:#7c3aed}.ctc-activity-badge.comment{background:#f59e0b1a;color:#d97706}.ctc-system-status{background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 10px 30px #00000014;border:1px solid rgba(102,126,234,.1);animation:ctc-fade-in-right .8s ease-out}.ctc-status-header{margin-bottom:2rem}.ctc-status-title{font-size:1.75rem;font-weight:700;color:#1e293b;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ctc-status-grid{display:flex;flex-direction:column;gap:1.5rem}.ctc-status-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;transition:all .3s ease;animation:ctc-slide-in-left .6s ease-out}.ctc-status-item:hover{transform:translate(4px);box-shadow:0 8px 20px #00000014;border-color:#667eea}.ctc-status-indicator{width:16px;height:16px;border-radius:50%;position:relative;flex-shrink:0}.ctc-status-indicator.online{background:#10b981;box-shadow:0 0 0 4px #10b98133}.ctc-status-indicator.offline{background:#ef4444;box-shadow:0 0 0 4px #ef444433}.ctc-status-indicator.warning{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b33}.ctc-status-indicator.online:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#10b981;border-radius:50%;animation:ctc-pulse 2s infinite}@keyframes ctc-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.ctc-status-info{flex:1;min-width:0}.ctc-status-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.25rem}.ctc-status-value{font-size:.75rem;color:#6b7280;font-weight:500}.ctc-section-content{animation:ctc-fade-in-up .6s ease-out}.ctc-section-header{text-align:center;margin-bottom:3rem;position:relative}.ctc-section-header:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.ctc-section-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1.2}.ctc-section-subtitle{font-size:1.125rem;color:#64748b;font-weight:500;max-width:500px;margin:0 auto;line-height:1.6}.ctc-analytics-container,.ctc-settings-container{display:flex;align-items:center;justify-content:center;min-height:400px}.ctc-coming-soon{text-align:center;background:#fff;padding:4rem 3rem;border-radius:24px;box-shadow:0 10px 30px #00000014;border:1px solid rgba(102,126,234,.1);max-width:500px;animation:ctc-bounce-in .8s ease-out}.ctc-coming-soon-icon{font-size:5rem;margin-bottom:2rem;opacity:.8}.ctc-coming-soon h3{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ctc-coming-soon p{font-size:1.125rem;color:#64748b;line-height:1.6}.ctc-profile-container{display:flex;justify-content:center;padding:2rem 0}.ctc-profile-card{background:#fff;border-radius:24px;padding:3rem;box-shadow:0 10px 30px #00000014;border:1px solid rgba(102,126,234,.1);text-align:center;max-width:500px;width:100%;animation:ctc-scale-in .6s ease-out}.ctc-profile-avatar-large{width:120px;height:120px;border-radius:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:3rem;margin:0 auto 2rem;box-shadow:0 15px 35px #667eea4d}.ctc-profile-info h3{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.ctc-profile-info p{font-size:1.125rem;color:#64748b;margin-bottom:2rem}.ctc-profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.ctc-profile-stat{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;transition:all .3s ease}.ctc-profile-stat:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014;border-color:#667eea}.ctc-profile-stat-value{display:block;font-size:2rem;font-weight:800;color:#667eea;margin-bottom:.5rem}.ctc-profile-stat-label{font-size:.875rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ctc-notification{position:fixed;top:2rem;right:2rem;z-index:1000;max-width:400px;border-radius:16px;box-shadow:0 20px 40px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:ctc-slide-in-right .4s ease-out;border:1px solid rgba(255,255,255,.2)}.ctc-notification.success{background:linear-gradient(135deg,#10b981f2,#059669f2);color:#fff}.ctc-notification.error{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);color:#fff}.ctc-notification.warning{background:linear-gradient(135deg,#f59e0bf2,#d97706f2);color:#fff}.ctc-notification.info{background:linear-gradient(135deg,#3b82f6f2,#1d4ed8f2);color:#fff}.ctc-notification-content{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem}.ctc-notification-icon{font-size:1.5rem;flex-shrink:0;margin-top:.125rem}.ctc-notification-text{flex:1;min-width:0}.ctc-notification-title{font-size:1rem;font-weight:700;margin-bottom:.25rem}.ctc-notification-message{font-size:.875rem;opacity:.9;line-height:1.5}.ctc-notification-close{background:none;border:none;color:inherit;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;opacity:.7;flex-shrink:0}.ctc-notification-close:hover{opacity:1;background:#fff3}@keyframes ctc-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes ctc-fade-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes ctc-fade-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes ctc-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes ctc-slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes ctc-slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes ctc-bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes ctc-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes ctc-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.ctc-dashboard-wrapper{padding:1.5rem}.ctc-dashboard-title{font-size:2.5rem}.ctc-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.ctc-dashboard-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 992px){.ctc-admin-top-nav{padding:1rem 1.5rem}.ctc-nav-title{font-size:1.25rem}.ctc-nav-subtitle{display:none}.ctc-dashboard-wrapper{padding:1rem}.ctc-dashboard-title{font-size:2rem}.ctc-dashboard-subtitle{font-size:1rem}.ctc-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.ctc-stat-card{padding:1.5rem}.ctc-stat-value{font-size:2rem}.ctc-actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.ctc-action-card{padding:1.5rem}.ctc-action-icon{width:60px;height:60px;font-size:2rem}.ctc-more-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.ctc-more-card{padding:1.5rem}.ctc-more-icon{width:60px;height:60px;font-size:2rem}.ctc-quick-actions,.ctc-recent-activity,.ctc-system-status{padding:2rem}}@media (max-width: 768px){.ctc-admin-top-nav{padding:.75rem 1rem;flex-direction:column;gap:1rem}.ctc-nav-brand{align-self:flex-start}.ctc-nav-actions{align-self:flex-end;width:100%;justify-content:space-between}.ctc-admin-profile{padding:.5rem .75rem}.ctc-admin-avatar{width:32px;height:32px;font-size:.875rem}.ctc-admin-info h4{font-size:.75rem}.ctc-admin-info p{font-size:.625rem}.ctc-dashboard-navigation{padding:0 1rem}.ctc-nav-tabs{gap:.25rem}.ctc-nav-tab{padding:.75rem 1rem;font-size:.75rem}.ctc-nav-tab-icon{font-size:.875rem}.ctc-dashboard-wrapper{padding:.75rem}.ctc-dashboard-header{margin-bottom:2rem}.ctc-dashboard-title{font-size:1.75rem}.ctc-dashboard-subtitle{font-size:.875rem}.ctc-stats-grid{grid-template-columns:1fr;gap:1rem}.ctc-stat-card{padding:1.25rem}.ctc-stat-icon{width:48px;height:48px;font-size:1.5rem}.ctc-stat-value{font-size:1.75rem}.ctc-quick-actions{padding:1.5rem}.ctc-quick-actions-title{font-size:1.5rem}.ctc-actions-grid{grid-template-columns:1fr;gap:1rem}.ctc-action-card{padding:1.25rem}.ctc-action-icon{width:50px;height:50px;font-size:1.75rem}.ctc-more-grid{grid-template-columns:1fr;gap:1rem}.ctc-more-card{padding:1.25rem}.ctc-more-icon{width:50px;height:50px;font-size:1.75rem}.ctc-action-title{font-size:1.125rem}.ctc-recent-activity,.ctc-system-status{padding:1.5rem}.ctc-activity-title,.ctc-status-title{font-size:1.375rem}.ctc-activity-item{padding:1rem 0}.ctc-activity-icon{width:40px;height:40px;font-size:1rem}.ctc-status-item{padding:1rem}.ctc-section-title{font-size:2rem}.ctc-section-subtitle{font-size:1rem}.ctc-coming-soon{padding:2.5rem 2rem}.ctc-coming-soon-icon{font-size:3.5rem}.ctc-coming-soon h3{font-size:1.5rem}.ctc-coming-soon p{font-size:1rem}.ctc-profile-card{padding:2rem}.ctc-profile-avatar-large{width:80px;height:80px;font-size:2rem}.ctc-profile-info h3{font-size:1.5rem}.ctc-profile-stats{grid-template-columns:1fr;gap:1rem}.ctc-notification{top:1rem;right:1rem;left:1rem;max-width:none}.ctc-notification-content{padding:1rem}}@media (max-width: 480px){.ctc-admin-top-nav{padding:.5rem}.ctc-nav-logo{width:36px;height:36px;font-size:1rem}.ctc-nav-title{font-size:1rem}.ctc-btn{padding:.5rem .75rem;font-size:.75rem}.ctc-dashboard-navigation{padding:0 .5rem}.ctc-nav-tab{padding:.5rem .75rem;font-size:.625rem}.ctc-nav-tab-label{display:none}.ctc-dashboard-wrapper{padding:.5rem}.ctc-dashboard-title{font-size:1.5rem}.ctc-dashboard-subtitle{font-size:.75rem}.ctc-stat-card{padding:1rem}.ctc-stat-header{flex-direction:column;align-items:flex-start;gap:1rem}.ctc-stat-icon{width:40px;height:40px;font-size:1.25rem}.ctc-stat-value{font-size:1.5rem}.ctc-quick-actions{padding:1rem}.ctc-quick-actions-title{font-size:1.25rem}.ctc-action-card{padding:1rem}.ctc-action-icon{width:40px;height:40px;font-size:1.5rem}.ctc-action-title{font-size:1rem}.ctc-action-description{font-size:.75rem}.ctc-recent-activity,.ctc-system-status{padding:1rem}.ctc-activity-title,.ctc-status-title{font-size:1.125rem}.ctc-activity-item{flex-direction:column;align-items:flex-start;gap:.75rem}.ctc-activity-icon{width:32px;height:32px;font-size:.875rem}.ctc-section-title{font-size:1.75rem}.ctc-coming-soon{padding:2rem 1.5rem}.ctc-coming-soon-icon{font-size:3rem}.ctc-coming-soon h3{font-size:1.25rem}.ctc-coming-soon p{font-size:.875rem}.ctc-profile-card{padding:1.5rem}.ctc-profile-avatar-large{width:60px;height:60px;font-size:1.5rem}.ctc-profile-info h3{font-size:1.25rem}.ctc-profile-info p{font-size:.875rem}}@media (prefers-color-scheme: dark){.ctc-admin-dashboard-container{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f1f5f9}.ctc-admin-top-nav{background:#1e293b;border-bottom-color:#4755694d}.ctc-nav-title{color:#f1f5f9}.ctc-nav-subtitle{color:#94a3b8}.ctc-admin-profile{background:#334155;border-color:#475569}.ctc-admin-profile:hover{background:#475569}.ctc-dashboard-navigation{background:#1e293b;border-bottom-color:#4755694d}.ctc-nav-tab{color:#94a3b8}.ctc-nav-tab:hover{color:#667eea;background:#667eea1a}.ctc-nav-tab.active{color:#667eea;background:#667eea33}.ctc-stat-card,.ctc-quick-actions,.ctc-recent-activity,.ctc-system-status,.ctc-coming-soon,.ctc-profile-card{background:#1e293b;border-color:#4755694d}.ctc-dashboard-title,.ctc-section-title,.ctc-quick-actions-title,.ctc-activity-title,.ctc-status-title{color:#f1f5f9}.ctc-dashboard-subtitle,.ctc-section-subtitle,.ctc-quick-actions-subtitle{color:#94a3b8}.ctc-stat-value{color:#f1f5f9}.ctc-stat-label{color:#94a3b8}.ctc-action-card{background:linear-gradient(135deg,#334155,#475569);border-color:#475569}.ctc-action-title{color:#f1f5f9}.ctc-action-description{color:#94a3b8}.ctc-activity-text{color:#e2e8f0}.ctc-activity-time{color:#94a3b8}.ctc-status-item{background:linear-gradient(135deg,#334155,#475569);border-color:#475569}.ctc-status-label{color:#e2e8f0}.ctc-status-value{color:#94a3b8}.ctc-coming-soon h3{color:#f1f5f9}.ctc-coming-soon p{color:#94a3b8}.ctc-profile-info h3{color:#f1f5f9}.ctc-profile-info p{color:#94a3b8}.ctc-profile-stat{background:linear-gradient(135deg,#334155,#475569);border-color:#475569}.ctc-view-all-btn{border-color:#475569;color:#667eea}.ctc-view-all-btn:hover{background:#667eea;color:#fff}.ctc-activity-item:hover{background:#334155}.ctc-status-item:hover,.ctc-profile-stat:hover{background:linear-gradient(135deg,#475569,#64748b);border-color:#667eea}.ctc-admin-info h4{color:#f8fafc}.ctc-admin-info p{color:#cbd5e1}}@media print{.ctc-admin-top-nav,.ctc-dashboard-navigation,.ctc-btn,.ctc-action-button,.ctc-view-all-btn,.ctc-notification{display:none!important}.ctc-admin-dashboard-container{background:#fff!important;color:#000!important}.ctc-stat-card,.ctc-quick-actions,.ctc-recent-activity,.ctc-system-status,.ctc-coming-soon,.ctc-profile-card{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important}.ctc-dashboard-title,.ctc-section-title,.ctc-quick-actions-title,.ctc-activity-title,.ctc-status-title{color:#000!important}.ctc-dashboard-subtitle,.ctc-section-subtitle,.ctc-quick-actions-subtitle{color:#666!important}.ctc-stat-value{color:#000!important}.ctc-stat-label{color:#666!important}.ctc-action-title{color:#000!important}.ctc-action-description{color:#666!important}.ctc-activity-text{color:#000!important}.ctc-activity-time{color:#666!important}.ctc-status-label{color:#000!important}.ctc-status-value{color:#666!important}}@media (prefers-contrast: high){.ctc-admin-dashboard-container{background:#fff;color:#000}.ctc-admin-top-nav{background:#fff;border-bottom:2px solid black}.ctc-nav-title{color:#000;background:none;-webkit-text-fill-color:black}.ctc-nav-subtitle{color:#000}.ctc-admin-profile{background:#fff;border:2px solid black}.ctc-admin-avatar{background:#000;color:#fff}.ctc-dashboard-navigation{background:#fff;border-bottom:2px solid black}.ctc-nav-tab{color:#000}.ctc-nav-tab:hover,.ctc-nav-tab.active{color:#000;background:#f0f0f0;border-bottom-color:#000}.ctc-stat-card,.ctc-quick-actions,.ctc-recent-activity,.ctc-system-status,.ctc-coming-soon,.ctc-profile-card{background:#fff;border:2px solid black;box-shadow:none}.ctc-dashboard-title,.ctc-section-title,.ctc-quick-actions-title,.ctc-activity-title,.ctc-status-title{color:#000;background:none;-webkit-text-fill-color:black}.ctc-dashboard-subtitle,.ctc-section-subtitle,.ctc-quick-actions-subtitle,.ctc-stat-value,.ctc-stat-label{color:#000}.ctc-stat-icon{background:#000;color:#fff;border:2px solid black}.ctc-action-card{background:#fff;border:2px solid black}.ctc-action-title,.ctc-action-description{color:#000}.ctc-action-icon{background:#000;color:#fff;box-shadow:none}.ctc-action-button,.ctc-btn{background:#000;color:#fff;border:2px solid black;box-shadow:none}.ctc-activity-text,.ctc-activity-time{color:#000}.ctc-activity-icon{background:#000;color:#fff;box-shadow:none}.ctc-status-label,.ctc-status-value{color:#000}.ctc-status-item{background:#fff;border:2px solid black}.ctc-coming-soon h3{color:#000;background:none;-webkit-text-fill-color:black}.ctc-coming-soon p,.ctc-profile-info h3,.ctc-profile-info p{color:#000}.ctc-profile-avatar-large{background:#000;color:#fff;box-shadow:none}.ctc-profile-stat{background:#fff;border:2px solid black}.ctc-profile-stat-value,.ctc-profile-stat-label{color:#000}.ctc-view-all-btn{background:#fff;color:#000;border:2px solid black}.ctc-view-all-btn:hover{background:#000;color:#fff}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.ctc-loading-spinner{animation:none;border:6px solid #e2e8f0;border-top:6px solid #667eea}.ctc-status-indicator.online:after{animation:none}.ctc-btn-refresh.refreshing .ctc-btn-icon{animation:none}}.ctc-btn:focus,.ctc-nav-tab:focus,.ctc-action-card:focus,.ctc-admin-profile:focus,.ctc-view-all-btn:focus,.ctc-action-button:focus,.ctc-notification-close:focus{outline:3px solid #667eea;outline-offset:2px}.ctc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ctc-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:ctc-skeleton-loading 1.5s infinite}@keyframes ctc-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.ctc-text-center{text-align:center}.ctc-text-left{text-align:left}.ctc-text-right{text-align:right}.ctc-hidden{display:none}.ctc-visible{display:block}.ctc-flex{display:flex}.ctc-flex-center{display:flex;align-items:center;justify-content:center}.ctc-grid{display:grid}.ctc-relative{position:relative}.ctc-absolute{position:absolute}.ctc-fixed{position:fixed}.ctc-sticky{position:sticky}.ctc-z-10{z-index:10}.ctc-z-20{z-index:20}.ctc-z-30{z-index:30}.ctc-z-40{z-index:40}.ctc-z-50{z-index:50}.ctc-opacity-0{opacity:0}.ctc-opacity-50{opacity:.5}.ctc-opacity-100{opacity:1}.ctc-pointer-events-none{pointer-events:none}.ctc-pointer-events-auto{pointer-events:auto}.ctc-cursor-pointer{cursor:pointer}.ctc-cursor-not-allowed{cursor:not-allowed}.ctc-select-none{-webkit-user-select:none;user-select:none}.ctc-select-text{-webkit-user-select:text;user-select:text}.ctc-select-all{-webkit-user-select:all;user-select:all}.admin-change-password-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;z-index:1000;display:flex;justify-content:center;align-items:center}.admin-change-password-modal-content{background-color:#101829;color:#fff;border-radius:16px;padding:2rem;width:400px;max-width:90vw;box-shadow:0 8px 24px #0009;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.admin-change-password-modal-content h3{margin-top:0;margin-bottom:1rem;font-weight:700;font-size:1.3rem;color:#fff}.admin-change-password-modal-content .description{margin-bottom:1.5rem;font-size:1rem;line-height:1.5;color:#c3c6d1}.admin-change-password-modal-content label{display:block;font-weight:600;margin-bottom:.5rem;color:#fff}.admin-change-password-modal-content input[type=email]{width:100%;padding:.75rem 1rem;border-radius:10px;border:none;outline:none;font-size:1rem;background-color:#fff;color:#1e1e2f;margin-bottom:1.5rem;box-shadow:inset 0 0 6px #0000001a;transition:all .3s ease}.admin-change-password-modal-content input[type=email]:focus{box-shadow:0 0 0 2px #6a7bff}.admin-change-password-modal-content .error-message{color:#ff6b6b;margin-bottom:1rem;font-weight:600}.admin-change-password-modal-content .success-message{color:#6bff8a;margin-bottom:1rem;font-weight:600}.admin-change-password-modal-content .button-group{display:flex;gap:1rem}.admin-change-password-modal-content button{flex:1;padding:.75rem 1.25rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;font-size:1rem;transition:all .3s ease}.admin-change-password-modal-content .submit-button{background:linear-gradient(90deg,#6a7bff,#a56eff);color:#fff;box-shadow:0 0 10px #6a7bff99}.admin-change-password-modal-content .submit-button:hover:not(:disabled){box-shadow:0 0 20px #6a7bffcc}.admin-change-password-modal-content .cancel-button{background-color:#2f2f45;color:silver;box-shadow:0 0 10px #2f2f4580}.admin-change-password-modal-content .cancel-button:hover:not(:disabled){background-color:#446;box-shadow:0 0 20px #4469}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-change-password-container{background-color:#1e293b;padding:2rem;border-radius:12px;width:400px;max-width:90vw;color:#f9fafb;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.admin-change-password-container h3{margin-bottom:1.5rem}.submit-button{margin-bottom:1.5rem}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.25rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 14px #667eea66;margin-top:1rem}.cancel-button{background-color:#374151;color:#9ca3af;padding:.75rem 1.25rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;font-size:1rem;margin-top:1rem;transition:background-color .3s ease}.admin-change-password-close-button{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.5rem;color:#f9fafb;cursor:pointer}.admin-change-password-form{display:flex;flex-direction:column;gap:.1rem}.form-group{margin-bottom:1rem;gap:.1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#fff!important}.form-group input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border-radius:8px;border:1px solid #94a3b8;outline:none;font-size:.7rem;background-color:#fff;color:#1e293b;box-sizing:border-box;transition:border-color .3s ease;position:relative}.input-wrapper{position:relative}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(+20%);background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .3s ease;line-height:0}.password-toggle:hover{color:#374151}.admin-change-password-heading{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin-bottom:1rem}button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.25rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 14px #667eea66}button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}button[type=submit]:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.25rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 14px #667eea66;margin-bottom:.5rem;margin-top:1.5rem}.cancel-button{background-color:#374151;color:#9ca3af;padding:.75rem 1.25rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.cancel-button:hover:not(:disabled){background-color:#4b5563}.cancel-button:disabled{opacity:.7;cursor:not-allowed}.acf-content-container{padding:2rem;max-width:1200px;margin:0 auto}.acf-content-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #4b5563}.acf-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.acf-back-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0003;display:flex;align-items:center;gap:.5rem}.acf-back-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.acf-back-icon{font-size:1.2rem;font-weight:700}.acf-back-text{font-size:.9rem}.acf-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#60a5fa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.acf-novel-context{display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.acf-novel-label{color:#9ca3af;font-weight:500}.acf-novel-title{color:#fbbf24;font-weight:600}.acf-form-container{background:#374151;border:1px solid #4b5563;border-radius:16px;padding:3rem;box-shadow:0 8px 32px #0006}.acf-error-message{background:#dc2626;color:#fff;padding:1rem;border-radius:8px;margin-bottom:2rem;border:1px solid #ef4444}.acf-form-section{margin-bottom:3rem}.acf-section-title{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;color:#f9fafb;border-bottom:2px solid #4b5563;padding-bottom:.75rem}.acf-form-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.5rem}.acf-form-row{display:flex;gap:2rem;margin-bottom:1.5rem;align-items:flex-end}.acf-form-group{margin-bottom:1.5rem}.acf-form-label{display:block;font-weight:600;margin-bottom:.5rem;color:#e5e7eb;font-size:.95rem}.acf-form-input,.acf-form-textarea,.acf-form-select{width:100%;padding:.875rem 1rem;border:2px solid #4b5563;border-radius:8px;background:#1f2937;color:#f9fafb;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.acf-form-input:focus,.acf-form-textarea:focus,.acf-form-select:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33;background:#111827}.acf-form-input:disabled,.acf-form-select:disabled{background:#374151;color:#9ca3af;cursor:not-allowed}.acf-form-textarea{resize:vertical;min-height:200px;font-family:inherit;line-height:1.6}.acf-checkbox-wrapper{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem;border-radius:6px;transition:background-color .2s ease}.acf-checkbox-wrapper:hover{background:#4b5563}.acf-checkbox{width:20px;height:20px;accent-color:#60a5fa;cursor:pointer}.acf-checkbox-label{color:#e5e7eb;font-size:1rem;font-weight:500}.acf-form-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;border-top:2px solid #4b5563}.acf-action-buttons{display:flex;gap:1rem;align-items:center}.acf-editor-container{border:2px solid #4b5563;border-radius:8px;overflow:hidden;background:#1f2937;transition:all .3s ease}.acf-editor-container:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.acf-editor-container .jodit-container{background:#1f2937!important;border:none!important}.acf-editor-container .jodit-toolbar{background:#374151!important;border-bottom:1px solid #4b5563!important}.acf-editor-container .jodit-toolbar__box{background:#374151!important}.acf-editor-container .jodit-toolbar-button{color:#fff!important;fill:#fff!important}.acf-editor-container .jodit-toolbar-button:hover{background:#4b5563!important;color:#fff!important}.acf-editor-container .jodit-toolbar-button__trigger{color:#fff!important;fill:#fff!important}.acf-editor-container .jodit-toolbar-button__text{color:#fff!important}.acf-editor-container .jodit-toolbar-button svg{fill:#fff!important;color:#fff!important}.acf-editor-container .jodit-toolbar-button path{fill:#fff!important;color:#fff!important}.acf-editor-container .jodit-toolbar-button rect{fill:#fff!important;color:#fff!important}.acf-editor-container .jodit-toolbar-button circle{fill:#fff!important;color:#fff!important}.acf-editor-container .jodit-ui-list__item{color:#fff!important}.acf-editor-container .jodit-ui-list__item:hover{background:#4b5563!important;color:#fff!important}.acf-editor-container .jodit-ui-list__item-text{color:#fff!important}.acf-editor-container .jodit-popup{background:#374151!important;color:#fff!important}.acf-editor-container .jodit-popup__content{color:#fff!important}.acf-editor-container .jodit-dialog,.acf-editor-container .jodit-dialog__header,.acf-editor-container .jodit-dialog__body,.acf-editor-container .jodit-dialog__footer{background:#374151!important;color:#fff!important}.acf-editor-container .jodit-dialog__title{color:#fff!important}.acf-editor-container .jodit-dialog__close,.acf-editor-container .jodit-dialog__close:hover{color:#fff!important;fill:#fff!important}.acf-editor-container .jodit-workplace{background:#1f2937!important}.acf-editor-container .jodit-wysiwyg{background:#1f2937!important;color:#f9fafb!important;padding:1rem!important;min-height:500px!important;font-family:inherit!important;line-height:1.6!important}.acf-editor-container .jodit-wysiwyg:focus{outline:none!important}.acf-editor-container .jodit-status-bar{background:#374151!important;border-top:1px solid #4b5563!important;color:#fff!important}.acf-editor-container .jodit-status-bar__item,.acf-editor-container .jodit-status-bar__item-right{color:#fff!important}.acf-editor-container .jodit-input{background:#1f2937!important;color:#fff!important;border:1px solid #4b5563!important}.acf-editor-container .jodit-input:focus{border-color:#60a5fa!important;color:#fff!important}.acf-editor-container .jodit-label{color:#fff!important}.acf-editor-container .jodit-button{background:#374151!important;color:#fff!important;border:1px solid #4b5563!important}.acf-editor-container .jodit-button:hover{background:#4b5563!important;color:#fff!important}.acf-editor-container .jodit-select{background:#1f2937!important;color:#fff!important;border:1px solid #4b5563!important}.acf-editor-container .jodit-select option{background:#1f2937!important;color:#fff!important}.acf-btn{padding:.875rem 2rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px;position:relative;overflow:hidden}.acf-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;box-shadow:0 4px 12px #3b82f64d}.acf-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.acf-btn-primary:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.acf-btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;box-shadow:0 4px 12px #6b72804d}.acf-btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 6px 16px #6b728066}.acf-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;box-shadow:0 4px 12px #10b9814d}.acf-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.acf-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;box-shadow:0 4px 12px #f59e0b4d}.acf-btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}@media (max-width: 768px){.acf-header-content,.acf-main{padding:0 1rem}.acf-form-container{padding:2rem 1.5rem}.acf-form-grid{grid-template-columns:1fr;gap:1rem}.acf-form-row{flex-direction:column;gap:1rem}.acf-title{font-size:2rem}.acf-form-actions{flex-direction:column;gap:1rem}.acf-action-buttons{flex-direction:column;width:100%}.acf-btn{width:100%}}@media (max-width: 480px){.acf-header{padding:1.5rem 0}.acf-main{padding:2rem 1rem}.acf-form-container{padding:1.5rem 1rem}.acf-title{font-size:1.75rem}}.acf-header{margin-bottom:2rem;position:relative}.acf-header-top{display:flex;align-items:center;position:relative;margin-bottom:1rem}.acf-back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6b72804d;text-decoration:none;min-width:fit-content;z-index:2}.acf-back-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 4px 12px #6b728066}.acf-back-icon{font-size:1.125rem;font-weight:600}.acf-back-text{font-weight:500}.acf-title{font-size:2.5rem;font-weight:700;color:#f9fafb;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.acf-status-badge{text-align:center;margin:1rem 0}.acf-status-indicator{display:inline-block;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.acf-status-indicator.draft{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.acf-status-indicator.published{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.acf-subtitle{font-size:1.125rem;color:#d1d5db;margin:0;line-height:1.6;text-align:center}.aaf-content-container{padding:2rem;max-width:1200px;margin:0 auto}.aaf-content-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #4b5563}.aaf-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.aaf-back-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0003;display:flex;align-items:center;gap:.5rem}.aaf-back-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.aaf-back-icon{font-size:1.2rem;font-weight:700}.aaf-back-text{font-size:.9rem}.aaf-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#60a5fa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aaf-subtitle{color:#9ca3af;font-size:1.1rem;margin:0}.aaf-novel-context{display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.aaf-novel-label{color:#9ca3af;font-weight:500}.aaf-novel-title{color:#fbbf24;font-weight:600}.aaf-form-container{background:#374151;border:1px solid #4b5563;border-radius:16px;padding:3rem;box-shadow:0 8px 32px #0006}.aaf-error-message{background:#dc2626;color:#fff;padding:1rem;border-radius:8px;margin-bottom:2rem;border:1px solid #ef4444}.aaf-form-section{margin-bottom:3rem}.aaf-section-title{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;color:#f9fafb;border-bottom:2px solid #4b5563;padding-bottom:.75rem}.aaf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.aaf-form-row{display:flex;align-items:center;gap:2rem;margin-bottom:1.5rem}.aaf-form-group{margin-bottom:1.5rem}.aaf-form-label{display:block;font-weight:600;color:#f9fafb;margin-bottom:.75rem;font-size:1rem}.aaf-form-input{width:100%;padding:1rem;border:2px solid #4b5563;border-radius:8px;font-size:1rem;background:#1f2937;color:#f9fafb;transition:all .3s ease}.aaf-form-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;background:#111827}.aaf-form-input::placeholder{color:#6b7280}.aaf-form-textarea{width:100%;padding:1rem;border:2px solid #4b5563;border-radius:8px;font-size:1rem;background:#1f2937;color:#f9fafb;transition:all .3s ease;resize:vertical;min-height:100px;font-family:inherit}.aaf-form-textarea:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;background:#111827}.aaf-form-textarea::placeholder{color:#6b7280}.aaf-checkbox-wrapper{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.aaf-checkbox{width:1.25rem;height:1.25rem;accent-color:#60a5fa;cursor:pointer}.aaf-checkbox-label{color:#f9fafb;font-weight:500;font-size:1rem}.aaf-form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:2rem;border-top:2px solid #4b5563}.aaf-btn{padding:.875rem 2rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-width:120px;justify-content:center}.aaf-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.aaf-btn-primary{background:linear-gradient(135deg,#60a5fa,#8b5cf6);color:#fff;box-shadow:0 4px 12px #60a5fa4d}.aaf-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 20px #60a5fa66}.aaf-btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 4px 12px #6b72804d}.aaf-btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}@media (max-width: 768px){.aaf-content-container{padding:1rem}.aaf-form-container{padding:2rem 1.5rem}.aaf-form-grid{grid-template-columns:1fr;gap:1rem}.aaf-form-actions{flex-direction:column}.aaf-btn{width:100%}.aaf-header-top{flex-direction:column;align-items:flex-start;gap:1rem}.aaf-title{font-size:2rem}}@media (max-width: 480px){.aaf-content-container{padding:.5rem}.aaf-form-container{padding:1.5rem 1rem}.aaf-title{font-size:1.75rem}}.avf-content-container{padding:2rem;max-width:1200px;margin:0 auto}.avf-content-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #4b5563}.avf-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.avf-back-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0003;display:flex;align-items:center;gap:.5rem}.avf-back-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.avf-back-icon{font-size:1.2rem;font-weight:700}.avf-back-text{font-size:.9rem}.avf-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#60a5fa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.avf-subtitle{color:#9ca3af;font-size:1.1rem;margin:0}.avf-novel-context{display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.avf-novel-label{color:#9ca3af;font-weight:500}.avf-novel-title{color:#fbbf24;font-weight:600}.avf-form-container{background:#374151;border:1px solid #4b5563;border-radius:16px;padding:3rem;box-shadow:0 8px 32px #0006}.avf-error-message{background:#dc2626;color:#fff;padding:1rem;border-radius:8px;margin-bottom:2rem;border:1px solid #ef4444}.avf-form-section{margin-bottom:3rem}.avf-section-title{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;color:#f9fafb;border-bottom:2px solid #4b5563;padding-bottom:.75rem}.avf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.avf-form-row{display:flex;align-items:center;gap:2rem;margin-bottom:1.5rem}.avf-form-group{margin-bottom:1.5rem}.avf-form-label{display:block;font-weight:600;color:#f9fafb;margin-bottom:.75rem;font-size:1rem}.avf-form-input{width:100%;padding:1rem;border:2px solid #4b5563;border-radius:8px;font-size:1rem;background:#1f2937;color:#f9fafb;transition:all .3s ease}.avf-form-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;background:#111827}.avf-form-input::placeholder{color:#6b7280}.avf-form-textarea{width:100%;padding:1rem;border:2px solid #4b5563;border-radius:8px;font-size:1rem;background:#1f2937;color:#f9fafb;transition:all .3s ease;resize:vertical;min-height:100px;font-family:inherit}.avf-form-textarea:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;background:#111827}.avf-form-textarea::placeholder{color:#6b7280}.avf-checkbox-wrapper{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.avf-checkbox{width:1.25rem;height:1.25rem;accent-color:#60a5fa;cursor:pointer}.avf-checkbox-label{color:#f9fafb;font-weight:500;font-size:1rem}.avf-form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:2rem;border-top:2px solid #4b5563}.avf-btn{padding:.875rem 2rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-width:120px;justify-content:center}.avf-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.avf-btn-primary{background:linear-gradient(135deg,#60a5fa,#8b5cf6);color:#fff;box-shadow:0 4px 12px #60a5fa4d}.avf-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 20px #60a5fa66}.avf-btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 4px 12px #6b72804d}.avf-btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}@media (max-width: 768px){.avf-content-container{padding:1rem}.avf-form-container{padding:2rem 1.5rem}.avf-form-grid{grid-template-columns:1fr;gap:1rem}.avf-form-actions{flex-direction:column}.avf-btn{width:100%}.avf-header-top{flex-direction:column;align-items:flex-start;gap:1rem}.avf-title{font-size:2rem}}@media (max-width: 480px){.avf-content-container{padding:.5rem}.avf-form-container{padding:1.5rem 1rem}.avf-title{font-size:1.75rem}}.anf-container{max-width:1200px;margin:0 auto;padding:2rem;background:#1f2937;border-radius:12px;box-shadow:0 4px 6px #0000004d;color:#f9fafb}.anf-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #374151}.anf-header-content{position:relative}.anf-back-btn{position:absolute;left:0;top:0;background:#1e40af;border:1px solid #3b82f6;color:#dbeafe;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.anf-back-btn:hover{background:#1d4ed8;border-color:#60a5fa;transform:translateY(-1px)}.anf-back-btn:active{transform:translateY(0)}.anf-title{font-size:2.5rem;font-weight:700;color:#f9fafb;margin-bottom:.5rem}.anf-subtitle{font-size:1.1rem;color:#d1d5db;margin:0 0 1rem}.anf-edit-info{margin-top:1rem}.anf-edit-badge{display:inline-block;padding:.5rem 1rem;background:#1e40af;color:#dbeafe;border-radius:20px;font-size:.9rem;font-weight:500}.anf-novel-details-section{margin-bottom:2rem;padding:2rem;background:#374151;border-radius:12px;box-shadow:0 2px 4px #0000004d;border:1px solid #4b5563}.anf-content-management-section{margin-top:3rem;padding-top:2rem;border-top:2px solid #4b5563}.anf-content-header{text-align:center;margin-bottom:2rem}.anf-content-title{font-size:2rem;font-weight:700;color:#f9fafb;margin-bottom:.5rem}.anf-content-subtitle{font-size:1.1rem;color:#d1d5db;margin:0}.anf-tabs{margin-top:2rem;background:#374151;border-radius:12px;border:1px solid #4b5563;box-shadow:0 4px 6px #0000004d;overflow:hidden}.anf-tabs-header{display:flex;gap:0;background:#4b5563;padding:0;border-bottom:2px solid #6b7280}.anf-tab-btn{padding:1.25rem 2rem;background:transparent;border:none;color:#d1d5db;cursor:pointer;font-size:1rem;font-weight:600;border-bottom:3px solid transparent;transition:all .3s ease;position:relative;flex:1;text-align:center;min-width:120px;white-space:nowrap}.anf-tab-btn:hover{background:#5b6b7a;color:#f9fafb}.anf-tab-btn.active{background:#374151;color:#60a5fa;border-bottom-color:#60a5fa;font-weight:700}.anf-tabs-content{background:#374151;padding:2.5rem;min-height:400px}.anf-tab-content{padding:0}.anf-section{margin-bottom:2rem;padding:1.5rem;background:#4b5563;border-radius:8px;border:1px solid #6b7280}.anf-section-title{font-size:1.5rem;font-weight:600;color:#f9fafb;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #6b7280}.anf-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.anf-form-group{margin-bottom:1.5rem}.anf-form-label{display:block;font-weight:500;color:#e5e7eb;margin-bottom:.5rem;font-size:.9rem}.anf-form-input,.anf-form-select,.anf-form-textarea{width:100%;padding:.75rem;border:1px solid #6b7280;border-radius:6px;font-size:1rem;transition:border-color .3s ease;background:#1f2937;color:#f9fafb}.anf-form-input:focus,.anf-form-select:focus,.anf-form-textarea:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.anf-form-textarea{resize:vertical;min-height:100px}.anf-checkbox-wrapper{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.anf-checkbox{margin-right:.5rem;width:18px;height:18px;accent-color:#3b82f6}.anf-checkbox-label{font-weight:500;color:#e5e7eb}.anf-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden;text-decoration:none}.anf-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;box-shadow:0 4px 15px #6366f14d}.anf-btn-primary:hover{background:linear-gradient(135deg,#5855eb,#7c3aed);transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.anf-btn-primary:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.anf-btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;box-shadow:0 4px 15px #6b72804d}.anf-btn-secondary:hover{background:linear-gradient(135deg,#5b6b7a,#374151);transform:translateY(-1px);box-shadow:0 6px 20px #6b728066}.anf-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;box-shadow:0 4px 15px #10b9814d}.anf-btn-success:hover{background:linear-gradient(135deg,#0d9488,#047857);transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.anf-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;box-shadow:0 4px 15px #f59e0b4d}.anf-btn-warning:hover{background:linear-gradient(135deg,#eab308,#ca8a04);transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b66}.anf-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;box-shadow:0 4px 15px #ef44444d}.anf-btn-danger:hover{background:linear-gradient(135deg,#f87171,#ea580c);transform:translateY(-1px);box-shadow:0 6px 20px #ef444466}.anf-btn-sm{padding:.5rem 1rem;font-size:.8rem}.anf-chapters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #6b7280}.anf-chapters-list{display:flex;flex-direction:column;gap:1.25rem}.anf-chapter-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#4b5563;border:1px solid #6b7280;border-radius:10px;transition:all .3s ease;box-shadow:0 2px 4px #0003}.anf-chapter-item:hover{border-color:#60a5fa;box-shadow:0 2px 4px #60a5fa33}.anf-chapter-info h4{margin:0 0 .5rem;color:#f9fafb;font-size:1.1rem}.anf-chapter-meta{display:flex;gap:1rem;align-items:center}.anf-chapter-status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.anf-chapter-status.free{background:#dcfce7;color:#166534}.anf-chapter-status.paid,.anf-chapter-status.draft{background:#fef3c7;color:#92400e}.anf-chapter-status.published{background:#dcfce7;color:#166534}.anf-chapter-words{color:#d1d5db;font-size:.8rem}.anf-chapter-actions{display:flex;gap:.75rem;flex-wrap:wrap}.anf-audio-header,.anf-video-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #6b7280}.anf-audio-list,.anf-video-list{display:flex;flex-direction:column;gap:1.25rem}.anf-audio-item,.anf-video-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#4b5563;border:1px solid #6b7280;border-radius:10px;transition:all .3s ease;box-shadow:0 2px 4px #0003}.anf-audio-item:hover,.anf-video-item:hover{border-color:#60a5fa;box-shadow:0 2px 4px #60a5fa33}.anf-audio-info h4,.anf-video-info h4{margin:0 0 .5rem;color:#f9fafb;font-size:.8rem}.anf-audio-meta,.anf-video-meta{display:flex;flex-direction:column;gap:.25rem}.anf-audio-status-row,.anf-video-status-row{display:flex;gap:.5rem;align-items:center}.anf-audio-status,.anf-video-status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;align-self:flex-start}.anf-audio-status.free,.anf-video-status.free{background:#dcfce7;color:#166534}.anf-audio-status.paid,.anf-video-status.paid,.anf-audio-status.draft,.anf-video-status.draft{background:#fef3c7;color:#92400e}.anf-audio-status.published,.anf-video-status.published{background:#dcfce7;color:#166534}.anf-audio-url,.anf-video-url{color:#d1d5db;font-size:.8rem;word-break:break-all;max-width:300px}.anf-audio-actions,.anf-video-actions{display:flex;gap:.5rem}.anf-create-first-message{text-align:center;padding:3rem 2rem;background:#4b5563;border:2px dashed #6b7280;border-radius:12px;margin:2rem 0;box-shadow:0 2px 4px #0003}.anf-message-icon{font-size:3rem;margin-bottom:1rem}.anf-create-first-message h3{color:#f9fafb;margin-bottom:.5rem;font-size:1.25rem}.anf-create-first-message p{color:#d1d5db;margin-bottom:0}.anf-empty-state{text-align:center;padding:3rem 2rem;background:#4b5563;border:2px dashed #6b7280;border-radius:12px;box-shadow:0 2px 4px #0003}.anf-empty-icon{font-size:3rem;margin-bottom:1rem}.anf-empty-state h3{color:#f9fafb;margin-bottom:.5rem;font-size:1.25rem}.anf-empty-state p{color:#d1d5db;margin-bottom:1.5rem}.anf-error-message{background:#7f1d1d;color:#fecaca;padding:1rem;border-radius:6px;border:1px solid #dc2626;margin-bottom:1rem;text-align:center}.anf-cover-upload{margin-bottom:1rem}.anf-cover-dropzone{position:relative;border:2px dashed #6b7280;border-radius:8px;padding:2rem;text-align:center;transition:all .3s ease;background:#374151;cursor:pointer}.anf-cover-dropzone:hover,.anf-cover-dropzone.drag-over{border-color:#60a5fa;background:#4b5563}.anf-file-input{display:none}.anf-upload-placeholder{display:block;cursor:pointer}.anf-upload-icon{font-size:3rem;margin-bottom:1rem}.anf-upload-title{font-size:1.2rem;font-weight:600;color:#f9fafb;margin-bottom:.5rem}.anf-upload-subtitle{color:#d1d5db;font-size:.9rem}.anf-image-preview{position:relative;display:inline-block;max-width:200px}.anf-cover-preview{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 4px #0000004d}.anf-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:8px}.anf-image-preview:hover .anf-image-overlay{opacity:1}.anf-upload-text{color:#f9fafb;font-weight:500;text-align:center;padding:.5rem}.anf-upload-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.5rem;background:#1f2937;padding:1rem;border-radius:8px;color:#f9fafb}.anf-spinner{width:20px;height:20px;border:2px solid #6b7280;border-top:2px solid #60a5fa;border-radius:50%;animation:spin 1s linear infinite}.anf-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:2rem;margin-top:2rem;border-top:2px solid #374151}.anf-loading{text-align:center;padding:3rem}.anf-loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@media (max-width: 768px){.anf-container{padding:1rem}.anf-title{font-size:2rem}.anf-tabs-header{flex-wrap:wrap}.anf-form-grid{grid-template-columns:1fr}.anf-chapters-header,.anf-audio-header,.anf-video-header,.anf-chapter-item,.anf-audio-item,.anf-video-item{flex-direction:column;gap:1rem;align-items:flex-start}.anf-actions{flex-direction:column}}.anv-container{max-width:1200px;margin:0 auto;padding:2rem}.anv-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.anv-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.anv-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin:0}.anv-header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.anv-status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.anv-status-badge.published{background:#dcfce7;color:#166534}.anv-status-badge.draft{background:#fef3c7;color:#92400e}.anv-main{margin-top:2rem}.anv-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.anv-content{display:grid;grid-template-columns:200px 1fr;gap:2rem;padding:2rem;border-bottom:1px solid #e5e7eb}.anv-cover img{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 4px #0000001a}.anv-details{display:flex;flex-direction:column;gap:1.5rem}.anv-section h3{font-size:1.1rem;font-weight:600;color:#374151;margin:0 0 .5rem}.anv-section p{color:#6b7280;margin:0}.anv-genre-badge{display:inline-block;padding:.5rem 1rem;background:#f3f4f6;color:#374151;border-radius:20px;font-size:.9rem;font-weight:500}.anv-series-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.anv-series-badge.ongoing{background:#dbeafe;color:#1e40af}.anv-series-badge.completed{background:#dcfce7;color:#166534}.anv-series-badge.hiatus{background:#fef3c7;color:#92400e}.anv-content-section{padding:2rem;border-bottom:1px solid #e5e7eb}.anv-content-section .anv-section{margin-bottom:1.5rem}.anv-content-section .anv-section:last-child{margin-bottom:0}.anv-content-section .anv-section h3{font-size:1.3rem;margin-bottom:1rem}.anv-content-section .anv-section p{line-height:1.6;color:#4b5563}.anv-content-tabs{background:#f9fafb}.anv-tabs-header{display:flex;border-bottom:2px solid #e5e7eb;background:#fff;overflow-x:auto}.anv-tab-btn{padding:1rem 1.5rem;background:transparent;border:none;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;border-bottom:3px solid transparent;color:#6b7280;font-size:1rem}.anv-tab-btn:hover{background:#f3f4f6;color:#374151}.anv-tab-btn.active{background:#fff;color:#3b82f6;border-bottom-color:#3b82f6}.anv-tabs-content{min-height:400px}.anv-tab-content{padding:2rem;background:#fff}.anv-chapters-header,.anv-audio-header,.anv-video-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.anv-chapters-header h2,.anv-audio-header h2,.anv-video-header h2{margin:0;color:#1f2937;font-size:1.5rem;font-weight:600}.anv-add-btn{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem}.anv-add-btn:hover{background:#2563eb;transform:translateY(-1px)}.anv-chapters-list,.anv-audio-list,.anv-video-list{display:flex;flex-direction:column;gap:1rem}.anv-chapter-item,.anv-audio-item,.anv-video-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .3s ease}.anv-chapter-item:hover,.anv-audio-item:hover,.anv-video-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.anv-chapter-info h4,.anv-audio-info h4,.anv-video-info h4{margin:0 0 .5rem;color:#1f2937;font-size:1.1rem}.anv-chapter-meta,.anv-audio-meta,.anv-video-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.anv-chapter-status,.anv-audio-status,.anv-video-status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.anv-chapter-status.free,.anv-audio-status.free,.anv-video-status.free{background:#dcfce7;color:#166534}.anv-chapter-status.paid,.anv-audio-status.paid,.anv-video-status.paid{background:#fef3c7;color:#92400e}.anv-chapter-words,.anv-chapter-date,.anv-audio-url,.anv-video-url{color:#6b7280;font-size:.8rem}.anv-audio-url,.anv-video-url{word-break:break-all;max-width:300px}.anv-chapter-actions,.anv-audio-actions,.anv-video-actions{display:flex;gap:.5rem}.anv-empty-state{text-align:center;padding:3rem 2rem;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px}.anv-empty-icon{font-size:3rem;margin-bottom:1rem}.anv-empty-state h3{color:#374151;margin-bottom:.5rem;font-size:1.25rem}.anv-empty-state p{color:#6b7280;margin-bottom:1.5rem}.anv-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem}.anv-btn-primary{background:#3b82f6;color:#fff}.anv-btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.anv-btn-secondary{background:#6b7280;color:#fff}.anv-btn-secondary:hover{background:#4b5563;transform:translateY(-1px)}.anv-loading,.anv-error{text-align:center;padding:3rem}.anv-loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.anv-error h2{color:#dc2626;margin-bottom:1rem}.anv-error p{color:#6b7280;margin-bottom:1.5rem}@media (max-width: 768px){.anv-container{padding:1rem}.anv-title{font-size:2rem}.anv-header-content{flex-direction:column;align-items:flex-start}.anv-content{grid-template-columns:1fr;gap:1rem}.anv-cover{text-align:center}.anv-cover img{max-width:200px}.anv-tabs-header{flex-wrap:wrap}.anv-chapters-header,.anv-audio-header,.anv-video-header,.anv-chapter-item,.anv-audio-item,.anv-video-item{flex-direction:column;gap:1rem;align-items:flex-start}.anv-chapter-meta,.anv-audio-meta,.anv-video-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}.ctc-admin-dashboard-container{min-height:100vh;color:#f9fafb}.ctc-admin-top-nav{background:#1e293b;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.ctc-nav-brand{display:flex;align-items:center;gap:1rem}.ctc-nav-logo{width:50px;height:50px;background:linear-gradient(135deg,#60a5fa,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;color:#fff;box-shadow:0 4px 12px #60a5fa66}.ctc-nav-title{font-size:1.5rem;font-weight:700;margin:0;color:#f9fafb}.ctc-nav-subtitle{font-size:.9rem;color:#9ca3af;margin:0}.ctc-nav-actions{display:flex;align-items:center;gap:1rem}.ctc-mobile-menu-btn{display:none;background:none;border:none;color:#f9fafb;font-size:1.5rem;cursor:pointer;padding:.5rem;margin-right:1rem}@media (max-width: 1024px){.ctc-mobile-menu-btn{display:block!important}}.ctc-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:.9rem}.ctc-btn-refresh{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 4px #10b9814d}.ctc-btn-refresh:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 8px #10b98166}.ctc-btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 2px 4px #6b72804d}.ctc-btn-secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 4px 8px #6b728066}.ctc-btn-icon{font-size:1rem}.ctc-btn-text{font-size:.85rem}.ctc-admin-profile{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#4b5563;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.ctc-admin-profile:hover{background:#5b6573}.ctc-admin-avatar{width:40px;height:40px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff}.ctc-admin-info h4{margin:0;font-size:.9rem;color:#f9fafb}.ctc-admin-info p{margin:0;font-size:.8rem;color:#9ca3af}.ctc-admin-profile-dropdown{position:relative}.ctc-admin-profile-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#4b5563;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;color:inherit;font-family:inherit}.ctc-admin-profile-trigger:hover{background:#5b6573}.ctc-dropdown-icon{font-size:.75rem;color:#9ca3af;transition:transform .2s ease;margin-left:.5rem}.ctc-admin-profile-dropdown.open .ctc-dropdown-icon{transform:rotate(180deg)}.ctc-admin-profile-dropdown.open .ctc-admin-profile-trigger{border-radius:8px 8px 0 0}.ctc-profile-dropdown-menu{position:absolute;top:100%;right:0;margin-top:0;background:#374151;border:1px solid #334155;border-top:none;border-radius:0 0 8px 8px;min-width:200px;z-index:1000;overflow:hidden}.ctc-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:none;color:#d1d5db;font-size:.9rem;cursor:pointer;transition:background-color .2s ease;text-align:left;font-family:inherit}.ctc-dropdown-item:hover{background:#4b5563;color:#f9fafb}.ctc-dropdown-item-danger{color:#fca5a5;border-top:1px solid #4b5563}.ctc-dropdown-item-danger:hover{background:#dc2626;color:#fff}.ctc-dropdown-item-icon{font-size:1rem;width:20px;text-align:center}.ctc-mobile-drawer-overlay{display:none}.ctc-mobile-drawer{display:block;left:-300px}.ctc-admin-dashboard-main{display:flex;flex-direction:column;min-height:calc(100vh - 80px)}.ctc-dashboard-navigation{background:#1e293b;padding:0 2rem;overflow-x:auto}.ctc-nav-tabs{display:flex;gap:.5rem;min-width:max-content}.ctc-nav-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:none;background:none;color:#9ca3af;font-weight:500;font-size:.875rem;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;white-space:nowrap}.ctc-nav-tab:hover{color:#60a5fa;background:#60a5fa1a}.ctc-nav-tab.active{color:#60a5fa;border-bottom-color:#60a5fa;background:#60a5fa33;box-shadow:0 2px 4px #60a5fa33}.ctc-nav-tab-icon{font-size:1rem}.ctc-nav-tab-label{font-weight:600}.ctc-dashboard-wrapper{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}@media (max-width: 1024px){.ctc-nav-tabs{gap:.75rem}.ctc-nav-tab{padding:.6rem 1.2rem;font-size:.85rem}}@media (max-width: 1024px){.ctc-admin-top-nav{padding:1rem;flex-direction:row;gap:1rem;align-items:center;justify-content:space-between}.ctc-nav-brand{flex:1;display:flex;align-items:center}.ctc-nav-actions{flex-shrink:0;display:flex;align-items:center;margin-left:auto}.ctc-dashboard-navigation{padding:.75rem 0}.ctc-nav-tabs{gap:.5rem}.ctc-nav-tab{padding:.5rem 1rem;font-size:.8rem}.ctc-dashboard-wrapper{padding:1rem}}@media (max-width: 1024px){.ctc-nav-title{font-size:1.2rem}.ctc-nav-subtitle{font-size:.8rem}.ctc-btn{padding:.5rem 1rem;font-size:.8rem}.ctc-admin-profile-trigger{padding:.4rem .8rem}.ctc-admin-info h4{font-size:.8rem}.ctc-admin-info p{font-size:.7rem}.ctc-profile-dropdown-menu{right:-1rem;min-width:180px}.ctc-btn-text{display:none}.ctc-mobile-menu-btn{display:block!important;background:none;border:none;color:#f9fafb;font-size:1.5rem;cursor:pointer;padding:.5rem;margin-right:1rem;position:relative;z-index:10}.ctc-mobile-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9998;display:none;opacity:0;transition:opacity .3s ease}.ctc-mobile-drawer-overlay.visible{display:block;opacity:1}.ctc-mobile-drawer{position:fixed;top:0;left:-300px;width:300px;height:100vh;background:#1e293b;z-index:9999;transition:left .3s ease;box-shadow:2px 0 10px #0000004d;display:block;visibility:visible;opacity:1}.ctc-mobile-drawer.open{left:0}.ctc-mobile-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #334155}.ctc-mobile-drawer-header h3{color:#f9fafb;margin:0;font-size:1.25rem}.ctc-mobile-drawer-close{background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;padding:.5rem}.ctc-mobile-drawer-content{padding:1rem 0}.ctc-mobile-drawer-item{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;background:none;border:none;color:#d1d5db;font-size:1rem;cursor:pointer;transition:background-color .2s ease;text-align:left;font-family:inherit}.ctc-mobile-drawer-item:hover{background:#334155;color:#f9fafb}.ctc-mobile-drawer-item.active{background:#60a5fa;color:#fff}.ctc-mobile-drawer-icon{font-size:1.25rem;width:24px;text-align:center}.ctc-mobile-drawer-label{font-weight:500}}.admin-more-container{padding:2rem;max-width:1400px;margin:0 auto;width:100%}.admin-more-header{text-align:center;margin-bottom:3rem}.admin-more-title{font-size:2.5rem;font-weight:700;color:#e5e7eb;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.admin-more-title-icon{font-size:3rem}.admin-more-subtitle{font-size:1.125rem;color:#9ca3af;max-width:600px;margin:0 auto;line-height:1.6}.admin-more-categories{display:flex;flex-direction:column;gap:2.5rem}.admin-more-category{background:#1f2937;border-radius:16px;padding:2.5rem;border:1px solid #374151;box-shadow:0 4px 6px -1px #0000004d}.admin-more-category-header{text-align:center;margin-bottom:2.5rem}.admin-more-category-title{font-size:2rem;font-weight:700;color:#f9fafb;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.admin-more-category-description{color:#9ca3af;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.admin-more-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.admin-more-card{background:#374151;border:1px solid #4b5563;border-radius:16px;padding:2.5rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;min-height:200px;display:flex;flex-direction:column;justify-content:space-between}.admin-more-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;border-color:#60a5fa}.admin-more-card-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.admin-more-card-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#60a5fa1a;border-radius:12px}.admin-more-card-title{font-size:1.25rem;font-weight:600;color:#f9fafb;margin:0}.admin-more-card-description{color:#d1d5db;line-height:1.6;margin-bottom:1.5rem}.admin-more-card-arrow{position:absolute;top:1.5rem;right:1.5rem;font-size:1.5rem;color:#9ca3af;transition:all .3s ease}.admin-more-card:hover .admin-more-card-arrow{color:#60a5fa;transform:translate(4px)}.admin-more-footer{text-align:center;padding:2rem;margin-top:3rem;background:#374151;border-radius:12px;border:1px solid #4b5563}.admin-more-footer-info p{color:#9ca3af;font-size:1rem;margin:0}@media (max-width: 768px){.admin-more-container{padding:1rem}.admin-more-title{font-size:2rem;flex-direction:column;gap:.5rem}.admin-more-title-icon{font-size:2.5rem}.admin-more-category{padding:2rem}.admin-more-category-grid{grid-template-columns:1fr;gap:1.5rem}.admin-more-card{padding:1.5rem}.admin-more-card-header{flex-direction:column;text-align:center;gap:.5rem}.admin-more-card-icon{width:50px;height:50px;font-size:2rem}}@media (max-width: 480px){.admin-more-title{font-size:1.75rem}.admin-more-subtitle{font-size:1rem}.admin-more-card{padding:1rem}}.pf-container{min-height:100vh;background:#0a0a0f;position:relative;overflow-x:hidden}.pf-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.pf-chapters-virtualized-container{height:500px;width:100%;overflow:auto}.pf-chapter-item{margin-bottom:10px;border:1px solid #e0e0e0;padding:10px;border-radius:4px}.pf-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(139,92,246,.1) 0%,transparent 50%);animation:pf-patternFloat 20s ease-in-out infinite}.pf-bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6366f10d,#8b5cf60d,#ec48990d)}@keyframes pf-patternFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.pf-header{position:sticky;top:0;z-index:100;background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(99,102,241,.2);padding:2rem 0}.pf-header-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.pf-header-main{flex:1}.pf-back-btn{background:#6366f11a;border:1px solid rgba(99,102,241,.3);color:#6366f1;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:1rem;display:inline-flex;align-items:center;gap:.5rem}.pf-back-btn:hover{background:#6366f133;border-color:#6366f180;transform:translateY(-1px)}.pf-back-btn:active{transform:translateY(0)}.pf-type-indicator{display:flex;align-items:center;gap:1.5rem}.pf-type-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 8px 32px #0000004d}.pf-type-info{flex:1}.pf-main-title{font-size:2rem;font-weight:800;color:#fff;margin:0 0 .5rem;line-height:1.2}.pf-main-subtitle{font-size:1rem;color:#94a3b8;margin:0}.pf-progress-container{min-width:200px}.pf-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.pf-progress-label{font-size:.875rem;color:#cbd5e1;font-weight:500}.pf-progress-value{font-size:.875rem;color:#6366f1;font-weight:600}.pf-progress-bar{width:100%;height:8px;background:#6366f133;border-radius:4px;overflow:hidden}.pf-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .3s ease}.pf-nav-container{position:sticky;top:120px;z-index:90;background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(99,102,241,.1);padding:1rem 0;margin-bottom:2rem}.pf-nav-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;gap:1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pf-nav-container::-webkit-scrollbar{display:none}.pf-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border:1px solid rgba(99,102,241,.2);border-radius:12px;background:#0f0f1999;color:#cbd5e1;text-decoration:none;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:fit-content}.pf-nav-item:hover{border-color:#6366f166;background:#6366f11a;transform:translateY(-2px)}.pf-nav-item.pf-active{border-color:#6366f1;background:#6366f133;color:#fff;box-shadow:0 4px 16px #6366f14d}.pf-nav-number{width:24px;height:24px;border-radius:50%;background:#6366f14d;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.pf-nav-item.pf-active .pf-nav-number{background:#6366f1;color:#fff}.pf-nav-label{font-weight:500}.pf-content-wrapper{max-width:1400px;margin:0 auto;padding:0 2rem 4rem;position:relative;z-index:10}.pf-form{display:flex;flex-direction:column;gap:3rem}.pf-section{background:#0f0f19cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);border-radius:24px;padding:2.5rem;position:relative;overflow:hidden}.pf-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899)}.pf-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.pf-section-header-main{flex:1}.pf-section-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.pf-section-subtitle{font-size:1rem;color:#94a3b8;margin:0;line-height:1.5}.pf-section-actions{display:flex;gap:1rem;flex-shrink:0}.pf-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.pf-form-group{display:flex;flex-direction:column;gap:.5rem}.pf-form-group-full{grid-column:1 / -1}.pf-form-label{font-size:.875rem;font-weight:600;color:#e2e8f0;margin-bottom:.5rem}.pf-form-input,.pf-form-select,.pf-form-textarea{width:100%;padding:.875rem 1rem;background:#1e1e2dcc;border:1px solid rgba(99,102,241,.3);border-radius:12px;color:#fff;font-size:.875rem;transition:all .3s ease;resize:vertical}.pf-form-input:focus,.pf-form-select:focus,.pf-form-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background:#1e1e2de6}.pf-form-input::placeholder,.pf-form-textarea::placeholder{color:#64748b}.pf-form-textarea{min-height:100px;font-family:inherit;line-height:1.5}.pf-form-help{font-size:.75rem;color:#64748b;margin-top:.25rem}.pf-coin-input{max-width:120px}.pf-form-row{display:flex;gap:1rem;align-items:end}.pf-form-row .pf-form-group{flex:1}.pf-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden}.pf-btn:disabled{opacity:.5;cursor:not-allowed}.pf-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 16px #6366f14d}.pf-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.pf-btn-secondary{background:#6366f133;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.pf-btn-secondary:hover:not(:disabled){background:#6366f14d;border-color:#6366f180;transform:translateY(-2px)}.pf-btn-ghost{background:transparent;color:#cbd5e1;border:1px solid rgba(203,213,225,.3)}.pf-btn-ghost:hover:not(:disabled){background:#cbd5e11a;border-color:#cbd5e180}.pf-btn-danger{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.pf-btn-danger:hover:not(:disabled){background:#ef44444d;border-color:#ef444480;transform:translateY(-2px)}.pf-btn-sm{padding:.5rem 1rem;font-size:.75rem}.pf-btn-icon{font-size:1rem}.pf-btn.pf-loading{pointer-events:none}.pf-btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:pf-spin 1s linear infinite}@keyframes pf-spin{to{transform:rotate(360deg)}}.pf-checkbox-wrapper{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.pf-checkbox{position:absolute;opacity:0;cursor:pointer}.pf-checkmark{width:20px;height:20px;background:#1e1e2dcc;border:2px solid rgba(99,102,241,.3);border-radius:6px;position:relative;transition:all .3s ease}.pf-checkbox:checked+.pf-checkmark{background:#6366f1;border-color:#6366f1}.pf-checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.pf-checkbox:checked+.pf-checkmark:after{display:block}.pf-checkbox-label{font-size:.875rem;color:#e2e8f0;font-weight:500}.pf-pricing-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.pf-editor-container{border:1px solid rgba(99,102,241,.3);border-radius:12px;overflow:hidden;background:#1e1e2dcc}.pf-editor-container .jodit-container{border:none;background:transparent}.pf-editor-container .jodit-workplace{background:#1e1e2de6;color:#fff}.pf-editor-container .jodit-wysiwyg{background:#1e1e2de6;color:#fff;min-height:300px;padding:1rem}.pf-chapters-section{background:#0f0f19e6}.pf-bulk-import{background:#1e1e2d99;border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.pf-bulk-import-header{margin-bottom:1rem}.pf-bulk-import-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .5rem}.pf-bulk-import-subtitle{font-size:.875rem;color:#94a3b8;margin:0}.pf-bulk-import-content{display:flex;flex-direction:column;gap:1rem}.pf-bulk-import-controls{display:flex;gap:1rem;align-items:end}.pf-bulk-import-controls .pf-form-group{flex:1;max-width:200px}.pf-chapters-list{display:flex;flex-direction:column;gap:1.5rem}.pf-chapter-item{background:#1e1e2d99;border:1px solid rgba(99,102,241,.2);border-radius:16px;overflow:hidden}.pf-chapter-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#6366f11a;border-bottom:1px solid rgba(99,102,241,.2)}.pf-chapter-info{flex:1}.pf-chapter-title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .25rem}.pf-chapter-meta{display:flex;gap:1rem;align-items:center}.pf-chapter-status{font-size:.75rem;color:#94a3b8;background:#6366f133;padding:.25rem .5rem;border-radius:6px}.pf-chapter-actions{display:flex;gap:.5rem}.pf-chapter-content{padding:1.5rem}.pf-chapter-form-row{display:flex;gap:1rem;align-items:end;margin-bottom:1rem}.pf-chapter-form-row .pf-form-group{flex:1}.pf-episodes-section{background:#0f0f19e6}.pf-episodes-list{display:flex;flex-direction:column;gap:1.5rem}.pf-episode-item{background:#1e1e2d99;border:1px solid rgba(99,102,241,.2);border-radius:16px;overflow:hidden}.pf-episode-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#6366f11a;border-bottom:1px solid rgba(99,102,241,.2)}.pf-episode-info{flex:1}.pf-episode-title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .25rem}.pf-episode-meta{display:flex;gap:1rem;align-items:center}.pf-episode-duration,.pf-episode-status{font-size:.75rem;color:#94a3b8;background:#6366f133;padding:.25rem .5rem;border-radius:6px}.pf-episode-actions{display:flex;gap:.5rem}.pf-episode-content{padding:1.5rem}.pf-episode-form-row{display:flex;gap:1rem;align-items:end;margin-bottom:1rem}.pf-episode-form-row .pf-form-group{flex:1}.pf-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.pf-media-group{background:#1e1e2d99;border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:1.5rem}.pf-media-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.pf-image-upload-area{position:relative}.pf-file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.pf-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;border:2px dashed rgba(99,102,241,.3);border-radius:12px;background:#6366f10d;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.pf-upload-placeholder:hover{border-color:#6366f180;background:#6366f11a}.pf-upload-icon{font-size:2rem;margin-bottom:.5rem;opacity:.7}.pf-upload-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.pf-upload-subtitle{font-size:.875rem;color:#94a3b8}.pf-image-preview{position:relative;width:100%;height:100%;min-height:200px}.pf-preview-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.pf-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:8px}.pf-upload-text{color:#fff;font-weight:600}.pf-upload-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.5rem;background:#000c;padding:.5rem 1rem;border-radius:8px;color:#fff;font-size:.875rem}.pf-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:pf-spin 1s linear infinite}.pf-multimedia-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(99,102,241,.2)}.pf-multimedia-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.pf-multimedia-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:.5rem}.pf-multimedia-list{display:flex;flex-direction:column;gap:1.5rem}.pf-multimedia-item{background:#1e1e2d99;border:1px solid rgba(99,102,241,.2);border-radius:16px;overflow:hidden}.pf-multimedia-item-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#6366f11a;border-bottom:1px solid rgba(99,102,241,.2)}.pf-multimedia-item-title{font-size:1rem;font-weight:600;color:#fff;margin:0}.pf-multimedia-form{padding:1.5rem}.pf-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.pf-settings-group{background:#1e1e2d99;border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:1.5rem}.pf-settings-group-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.pf-message{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;border-radius:12px;margin:1rem 0;position:relative}.pf-message-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.pf-message-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.pf-message-icon{font-size:1.25rem;flex-shrink:0}.pf-message-content{flex:1}.pf-message-title{font-size:.875rem;font-weight:600;color:#fff;margin:0 0 .25rem}.pf-message-text{font-size:.875rem;color:#cbd5e1;margin:0;line-height:1.4}.pf-message-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1rem;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.pf-message-close:hover{background:#ffffff1a;color:#fff}.pf-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(99,102,241,.2)}.pf-footer-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.pf-footer-info{flex:1}.pf-completion-status{display:flex;align-items:center;gap:1rem}.pf-completion-label{font-size:.875rem;color:#cbd5e1;font-weight:500;white-space:nowrap}.pf-completion-bar{width:200px;height:6px;background:#6366f133;border-radius:3px;overflow:hidden}.pf-completion-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .3s ease}.pf-completion-value{font-size:.875rem;color:#6366f1;font-weight:600;white-space:nowrap}.pf-footer-actions{display:flex;gap:1rem;align-items:center}.pf-preview-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(99,102,241,.2);z-index:1000;display:flex;flex-direction:column;transform:translate(100%);animation:pf-slideInRight .3s ease forwards}@keyframes pf-slideInRight{to{transform:translate(0)}}.pf-preview-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(99,102,241,.2)}.pf-preview-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.pf-preview-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.25rem;padding:.5rem;border-radius:6px;transition:all .2s ease}.pf-preview-close:hover{background:#ffffff1a;color:#fff}.pf-preview-content{flex:1;overflow-y:auto;padding:1.5rem}.pf-preview-card{background:#0f0f19cc;border:1px solid rgba(99,102,241,.2);border-radius:16px;overflow:hidden}.pf-preview-image-container{width:100%;height:200px;overflow:hidden}.pf-preview-image{width:100%;height:100%;object-fit:cover}.pf-preview-body{padding:1.5rem}.pf-preview-header-info{margin-bottom:1rem}.pf-preview-card-title{font-size:1.125rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1.3}.pf-preview-author{font-size:.875rem;color:#94a3b8;margin:0}.pf-preview-meta{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.pf-preview-genre,.pf-preview-type,.pf-preview-status{font-size:.75rem;padding:.25rem .5rem;border-radius:6px;font-weight:500}.pf-preview-genre{background:#6366f133;color:#a5b4fc}.pf-preview-type{background:#8b5cf633;color:#c4b5fd}.pf-preview-status{background:#22c55e33;color:#86efac}.pf-preview-description{font-size:.875rem;color:#cbd5e1;line-height:1.5;margin-bottom:1rem}.pf-preview-stats{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background:#1e1e2d99;border-radius:8px}.pf-preview-stat{text-align:center;flex:1}.pf-preview-stat-label{font-size:.75rem;color:#64748b;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.pf-preview-stat-value{font-size:1rem;font-weight:600;color:#fff}.pf-preview-tags{display:flex;gap:.5rem;flex-wrap:wrap}.pf-preview-tag{font-size:.75rem;background:#6366f133;color:#a5b4fc;padding:.25rem .5rem;border-radius:6px;font-weight:500}.pf-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000}.pf-loading-content{text-align:center;max-width:400px;padding:2rem}.pf-loading-spinner-large{position:relative;width:80px;height:80px;margin:0 auto 2rem}.pf-spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #6366f1;border-radius:50%;animation:pf-spin 1.2s linear infinite}.pf-spinner-delayed{width:60%;height:60%;top:20%;left:20%;border-top-color:#8b5cf6;animation-duration:1.8s;animation-direction:reverse}.pf-spinner-slow{width:40%;height:40%;top:30%;left:30%;border-top-color:#ec4899;animation-duration:2.4s}.pf-loading-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.pf-loading-subtitle{font-size:1rem;color:#94a3b8;margin:0}@media (max-width: 1200px){.pf-content-wrapper{padding:0 1.5rem 4rem}.pf-header-content{padding:0 1.5rem}.pf-nav-container{padding:1rem 1.5rem}.pf-preview-panel{width:350px}}@media (max-width: 992px){.pf-header-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.pf-progress-container{width:100%;min-width:auto}.pf-form-grid,.pf-media-grid,.pf-settings-grid{grid-template-columns:1fr}.pf-footer-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.pf-completion-status{width:100%}.pf-completion-bar{flex:1;max-width:none}.pf-footer-actions{width:100%;justify-content:flex-end}.pf-preview-panel{width:100%;position:fixed}}@media (max-width: 768px){.pf-content-wrapper{padding:0 1rem 4rem}.pf-header-content{padding:0 1rem}.pf-nav-container{padding:1rem}.pf-section{padding:1.5rem}.pf-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.pf-form-row,.pf-chapter-form-row,.pf-episode-form-row{flex-direction:column;align-items:stretch}.pf-multimedia-item-header{flex-direction:column;align-items:flex-start;gap:1rem}.pf-pricing-controls{flex-direction:column;align-items:flex-start}.pf-footer-actions{flex-direction:column;width:100%}.pf-footer-actions .pf-btn{width:100%;justify-content:center}}@media (max-width: 640px){.pf-main-title{font-size:1.5rem}.pf-nav-item{padding:.5rem 1rem;font-size:.75rem}.pf-nav-number{width:20px;height:20px;font-size:.7rem}.pf-section-title{font-size:1.25rem}.pf-btn{padding:.75rem 1rem;font-size:.75rem}.pf-btn-sm{padding:.5rem .75rem;font-size:.7rem}.pf-upload-placeholder{min-height:150px}.pf-upload-title{font-size:.875rem}.pf-upload-subtitle{font-size:.75rem}}@media (prefers-contrast: high){.pf-container{background:#000}.pf-section,.pf-form-input,.pf-form-select,.pf-form-textarea{border:2px solid #6366f1;background:#1a1a1a}.pf-btn-primary{background:#6366f1}}@media (prefers-reduced-motion: reduce){.pf-bg-pattern,.pf-btn-spinner,.pf-spinner,.pf-spinner-ring,.pf-loading-spinner-large .pf-spinner-ring{animation:none!important}.pf-preview-panel{animation:none;transform:translate(0)}*{transition:none!important}}.pf-form-input:focus,.pf-form-select:focus,.pf-form-textarea:focus,.pf-btn:focus,.pf-nav-item:focus,.pf-checkbox:focus+.pf-checkmark{outline:2px solid rgba(99,102,241,.8);outline-offset:2px}@media print{.pf-container{background:#fff;color:#000}.pf-bg-pattern,.pf-bg-gradient,.pf-preview-panel,.pf-loading-overlay{display:none}.pf-section{break-inside:avoid;border:1px solid #ccc;background:#fff}.pf-btn{display:none}}@media (prefers-color-scheme: dark){.pf-container{background:#030712}}.pf-preview-content::-webkit-scrollbar,.pf-nav-container::-webkit-scrollbar{width:6px;height:6px}.pf-preview-content::-webkit-scrollbar-track,.pf-nav-container::-webkit-scrollbar-track{background:#0f0f1980}.pf-preview-content::-webkit-scrollbar-thumb,.pf-nav-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:3px}.pf-preview-content::-webkit-scrollbar-thumb:hover,.pf-nav-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5855eb,#7c3aed)}.pf-container ::selection{background:#6366f14d;color:#fff}.pf-container ::-moz-selection{background:#6366f14d;color:#fff}.pf-section,.pf-btn,.pf-nav-item,.pf-chapter-item,.pf-episode-item,.pf-multimedia-item{will-change:transform;backface-visibility:hidden;perspective:1000px}.pf-bg-pattern,.pf-bg-gradient{will-change:transform}.pf-container,.pf-section,.pf-btn,.pf-preview-panel{transform:translateZ(0);backface-visibility:hidden}@container (max-width: 768px){.pf-form-grid{grid-template-columns:1fr}.pf-form-row{flex-direction:column}}@media (max-aspect-ratio: 1/1){.pf-header{padding:1.5rem 0}.pf-main-title{font-size:1.75rem}}@media (-webkit-min-device-pixel-ratio: 3),(min-resolution: 3dppx){.pf-section,.pf-form-input,.pf-btn{border-width:.5px}}@media (hover: none) and (pointer: coarse){.pf-btn:hover,.pf-nav-item:hover,.pf-upload-placeholder:hover{transform:none;box-shadow:none}.pf-btn:active{transform:scale(.98)}.pf-nav-item:active{transform:scale(.95)}.pf-upload-placeholder:active{transform:scale(.99)}.pf-btn{min-height:44px;padding:.875rem 1.5rem}.pf-btn-sm{min-height:36px;padding:.625rem 1rem}.pf-checkbox-wrapper{min-height:44px;padding:.5rem 0}.pf-checkmark{width:24px;height:24px}.pf-message-close,.pf-preview-close{min-width:44px;min-height:44px}}@media (max-width: 768px) and (orientation: landscape){.pf-header{padding:1rem 0}.pf-main-title{font-size:1.5rem}.pf-section{padding:1.25rem}.pf-upload-placeholder{min-height:120px}}@media (min-resolution: 120dpi){.pf-btn,.pf-nav-item,.pf-form-input,.pf-form-select,.pf-form-textarea{transition-duration:.2s}}@media (prefers-reduced-data: reduce){.pf-bg-pattern,.pf-bg-gradient{background:none}.pf-section:before{background:#6366f1}.pf-btn-primary{background:#6366f1}}@media (prefers-color-scheme: light){.pf-container{background:#f8fafc;color:#1e293b}.pf-section{background:#ffffffe6;border-color:#6366f14d}.pf-form-input,.pf-form-select,.pf-form-textarea{background:#fffc;color:#1e293b;border-color:#6366f14d}.pf-section-title,.pf-main-title{color:#1e293b}.pf-section-subtitle,.pf-main-subtitle{color:#64748b}.pf-form-label,.pf-checkbox-label{color:#374151}}@media (forced-colors: active){.pf-container{background:Canvas;color:CanvasText}.pf-section{background:Canvas;border:1px solid ButtonBorder}.pf-btn-primary{background:Highlight;color:HighlightText;border:1px solid ButtonBorder}.pf-btn-secondary,.pf-btn-ghost{background:ButtonFace;color:ButtonText;border:1px solid ButtonBorder}.pf-form-input,.pf-form-select,.pf-form-textarea{background:Field;color:FieldText;border:1px solid ButtonBorder}.pf-checkmark{background:Field;border:1px solid ButtonBorder}.pf-checkbox:checked+.pf-checkmark{background:Highlight}}@keyframes pf-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pf-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pf-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pf-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pf-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pf-fade-in{animation:pf-fadeIn .5s ease-out}.pf-slide-up{animation:pf-slideUp .6s ease-out}.pf-scale-in{animation:pf-scaleIn .4s ease-out}.pf-pulse{animation:pf-pulse 2s ease-in-out infinite}.pf-shimmer{background:linear-gradient(90deg,#6366f11a 25%,#6366f14d,#6366f11a 75%);background-size:200% 100%;animation:pf-shimmer 2s infinite}.pf-form-input.pf-error,.pf-form-select.pf-error,.pf-form-textarea.pf-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.pf-form-input.pf-error:focus,.pf-form-select.pf-error:focus,.pf-form-textarea.pf-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.pf-error-text{color:#fca5a5;font-size:.75rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.pf-error-text:before{content:"⚠️";font-size:.875rem}.pf-form-input.pf-success,.pf-form-select.pf-success,.pf-form-textarea.pf-success{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.pf-success-text{color:#86efac;font-size:.75rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.pf-success-text:before{content:"✅";font-size:.875rem}.pf-form-input.pf-loading,.pf-form-select.pf-loading,.pf-form-textarea.pf-loading{opacity:.7;pointer-events:none}.pf-btn.pf-loading{opacity:.8;pointer-events:none}.pf-form-input:disabled,.pf-form-select:disabled,.pf-form-textarea:disabled{opacity:.5;cursor:not-allowed;background:#1e1e2d80}.pf-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.pf-form-group:focus-within .pf-form-label{color:#6366f1}.pf-section:focus-within{border-color:#6366f166}.pf-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#64748b}.pf-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.pf-empty-title{font-size:1.25rem;font-weight:600;color:#94a3b8;margin:0 0 .5rem}.pf-empty-description{font-size:.875rem;color:#64748b;margin:0;max-width:400px}.pf-upload-placeholder.pf-drag-over{border-color:#6366f1;background:#6366f133;transform:scale(1.02)}.pf-upload-placeholder.pf-drag-active{border-color:#22c55e;background:#22c55e1a}.pf-validation-indicator{position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-size:1rem}.pf-form-group{position:relative}.pf-form-input.pf-success+.pf-validation-indicator:after{content:"✅";color:#22c55e}.pf-form-input.pf-error+.pf-validation-indicator:after{content:"❌";color:#ef4444}.admin-postlist-container{min-height:100vh;background:linear-gradient(135deg,#0f0f19,#1a1a2e);padding:2rem;position:relative;overflow-x:hidden}.admin-postlist-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.05) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(16,185,129,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.admin-postlist-container>*{position:relative;z-index:1}.admin-postlist-header{background:#0f0f1999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.admin-postlist-header:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#6366f1,#8b5cf6,#6366f1);border-radius:16px;z-index:-1;opacity:.3;animation:glowPulse 3s ease-in-out infinite}.admin-postlist-header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.admin-postlist-header-left{flex:1}.admin-postlist-main-title{display:flex;align-items:center;gap:1rem;font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 .5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text}.admin-postlist-title-icon{font-size:2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#fff}.admin-postlist-subtitle{font-size:1.1rem;color:#94a3b8;margin:0;line-height:1.6}.admin-postlist-header-stats{display:flex;gap:1.5rem;align-items:center}.admin-postlist-stat-card{background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1.25rem;text-align:center;min-width:100px;transition:all .3s ease}.admin-postlist-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f133}.admin-postlist-stat-value{display:block;font-size:2rem;font-weight:700;color:#6366f1;margin-bottom:.25rem}.admin-postlist-stat-label{font-size:.85rem;color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.admin-postlist-controls-section{background:#0f0f1999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);border-radius:16px;margin-bottom:2rem}.admin-postlist-controls-container{padding:1.5rem}.admin-postlist-search-container{margin-bottom:1.5rem}.admin-postlist-search-input-wrapper{position:relative;max-width:500px}.admin-postlist-search-input{width:100%;background:#0f0f19cc;border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1rem 1rem 1rem 3rem;color:#e2e8f0;font-size:1rem;transition:all .3s ease}.admin-postlist-search-input:focus{outline:none;border-color:#6366f199;box-shadow:0 0 0 3px #6366f11a}.admin-postlist-search-input::placeholder{color:#64748b}.admin-postlist-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;font-size:1.2rem}.admin-postlist-filters-row{display:flex;justify-content:space-between;align-items:center;gap:2rem}.admin-postlist-filters-left{display:flex;gap:1.5rem;align-items:center}.admin-postlist-filter-group{display:flex;flex-direction:column;gap:.5rem}.admin-postlist-filter-label{font-size:.85rem;color:#cbd5e1;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.admin-postlist-filter-select{background:#0f0f19cc;border:1px solid rgba(99,102,241,.3);border-radius:8px;color:#e2e8f0;padding:.75rem 1rem;font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:150px}.admin-postlist-filter-select:focus{outline:none;border-color:#6366f199}.admin-postlist-filters-right{display:flex;gap:1rem;align-items:center}.admin-postlist-view-toggle{display:flex;background:#0f0f19cc;border:1px solid rgba(99,102,241,.3);border-radius:8px;overflow:hidden}.admin-postlist-view-btn{background:transparent;border:none;color:#94a3b8;padding:.75rem 1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.admin-postlist-view-btn.active{background:#6366f133;color:#6366f1}.admin-postlist-view-btn:hover:not(.active){background:#6366f11a;color:#cbd5e1}.admin-postlist-bulk-toggle{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.admin-postlist-bulk-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf64d}.admin-postlist-bulk-toggle.active{background:linear-gradient(135deg,#ef4444,#dc2626)}.admin-postlist-bulk-actions-bar{background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-postlist-bulk-actions-left{display:flex;align-items:center;gap:1rem}.admin-postlist-bulk-select-all{display:flex;align-items:center;gap:.5rem;color:#cbd5e1;font-size:.9rem}.admin-postlist-bulk-select-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid rgba(99,102,241,.5);border-radius:4px;background:#0f0f19cc;cursor:pointer;position:relative;transition:all .3s ease}.admin-postlist-bulk-select-checkbox:checked{background:#6366f1;border-color:#6366f1}.admin-postlist-bulk-select-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.admin-postlist-selected-count{background:#6366f133;color:#a5b4fc;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500}.admin-postlist-bulk-actions-right{display:flex;gap:1rem}.admin-postlist-bulk-action-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.admin-postlist-bulk-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.admin-postlist-bulk-delete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ef44444d}.admin-postlist-bulk-delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-postlist-posts-grid{display:grid;gap:1.5rem;animation:fadeInUp .6s ease-out;padding:0}.admin-postlist-posts-grid.admin-postlist-grid-view{grid-template-columns:repeat(4,1fr);gap:1.5rem}.admin-postlist-posts-grid.admin-postlist-list-view{grid-template-columns:1fr;gap:1rem}.admin-postlist-post-card{background:#0f0f1999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);border-radius:12px;overflow:hidden;transition:all .4s cubic-bezier(.19,1,.22,1);position:relative;opacity:0;transform:translateY(20px);animation:cardSlideIn .6s ease-out var(--card-delay) forwards;min-height:400px;display:flex;flex-direction:column;cursor:pointer}.admin-postlist-post-card:hover{transform:translateY(-3px);border-color:#6366f166;box-shadow:0 8px 25px #6366f126}.admin-postlist-card-glow-effect{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#6366f1,#8b5cf6,#ec4899,#6366f1);border-radius:12px;z-index:-1;opacity:0;transition:opacity .4s ease}.admin-postlist-post-card:hover .admin-postlist-card-glow-effect{opacity:.3}.admin-postlist-card-checkbox-container{position:absolute;top:.75rem;left:.75rem;z-index:10;opacity:0;transition:opacity .3s ease}.admin-postlist-post-card.bulk-mode .admin-postlist-card-checkbox-container,.admin-postlist-post-card:hover .admin-postlist-card-checkbox-container{opacity:1}.admin-postlist-card-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid rgba(255,255,255,.8);border-radius:4px;background:#0f0f19e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;position:relative;transition:all .3s ease}.admin-postlist-card-checkbox:checked{background:#6366f1;border-color:#6366f1}.admin-postlist-card-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.admin-postlist-card-image-container{position:relative;width:100%;height:160px;overflow:hidden;border-radius:8px 8px 0 0;flex-shrink:0}.admin-postlist-card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.admin-postlist-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#374151,#4b5563);border-radius:8px 8px 0 0;transition:all .3s ease}.admin-postlist-card-placeholder-hidden{display:none}.admin-postlist-placeholder-icon{font-size:3rem;color:#9ca3af;opacity:.7}.admin-postlist-post-card:hover .admin-postlist-card-image{transform:scale(1.05)}.admin-postlist-card-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000000b3,#0000004d,#000000b3);opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.admin-postlist-post-card:hover .admin-postlist-card-image-overlay{opacity:1}.admin-postlist-card-quick-actions{display:flex;gap:.5rem;transform:translateY(20px);transition:transform .3s ease}.admin-postlist-post-card:hover .admin-postlist-card-quick-actions{transform:translateY(0)}.admin-postlist-quick-action-btn{width:40px;height:40px;border-radius:50%;border:none;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1rem}.admin-postlist-quick-action-btn:hover{background:#6366f1cc;transform:scale(1.1)}.admin-postlist-card-content{padding:1rem;flex:1;display:flex;flex-direction:column}.admin-postlist-card-title{font-size:1rem;font-weight:700;color:#e2e8f0;margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6rem}.admin-postlist-card-author{font-size:.8rem;color:#94a3b8;margin:0 0 .75rem;font-style:italic}.admin-postlist-card-meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.75rem}.admin-postlist-meta-item{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#94a3b8}.admin-postlist-meta-icon{font-size:.9rem;opacity:.8}.admin-postlist-meta-text{color:#cbd5e1}.admin-postlist-card-description{margin-bottom:.75rem}.admin-postlist-card-description p{font-size:.8rem;color:#94a3b8;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-postlist-card-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;padding:.75rem;background:#6366f10d;border-radius:6px;border:1px solid rgba(99,102,241,.1)}.admin-postlist-stat-item{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:#cbd5e1}.admin-postlist-stat-icon{font-size:.8rem;opacity:.8}.admin-postlist-stat-value{font-weight:600;color:#e2e8f0}.admin-postlist-card-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem}.admin-postlist-card-tag{background:#6366f133;color:#a5b4fc;padding:.2rem .5rem;border-radius:10px;font-size:.65rem;font-weight:500;border:1px solid rgba(99,102,241,.3);transition:all .3s ease}.admin-postlist-card-tag:hover{background:#6366f14d;transform:translateY(-1px)}.admin-postlist-card-tag-more{background:#8b5cf633;color:#c4b5fd;padding:.2rem .5rem;border-radius:10px;font-size:.65rem;font-weight:500;border:1px solid rgba(139,92,246,.3);cursor:pointer}.admin-postlist-card-actions{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-top:1px solid rgba(99,102,241,.2);background:#0f0f194d;margin-top:auto;gap:1rem}.admin-postlist-card-actions-left{display:flex;align-items:center;gap:.75rem;flex:1}.admin-postlist-card-actions-right{display:flex;align-items:center;gap:.5rem}.admin-postlist-action-buttons{display:flex;gap:.4rem}.admin-postlist-action-btn{display:flex;align-items:center;gap:.3rem;padding:.4rem .7rem;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap}.admin-postlist-btn-icon{font-size:.8rem}.admin-postlist-edit-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.admin-postlist-edit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.admin-postlist-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.admin-postlist-delete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.admin-postlist-view-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.admin-postlist-view-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.admin-postlist-series-status-update{display:flex;align-items:center;gap:.5rem}.pf-image-upload-area{position:relative;width:100%;height:250px;border:2px dashed rgba(99,102,241,.3);border-radius:12px;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:all .3s ease;background:#0f0f1999}.pf-image-upload-area:hover{border-color:#6366f199;background:#0f0f19b3}.pf-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;cursor:pointer;padding:1rem}.pf-image-preview{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.pf-image-preview img{max-width:100%;max-height:100%;object-fit:cover;transition:transform .3s ease}.pf-image-preview:hover img{transform:scale(1.05)}.pf-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.pf-image-preview:hover .pf-image-overlay{opacity:1}.pf-upload-text{color:#fff;font-size:.9rem;text-align:center}.pf-upload-icon{font-size:3rem;margin-bottom:1rem;color:#6366f199}.pf-upload-title{font-size:1rem;font-weight:600;color:#e2e8f0;margin-bottom:.5rem}.pf-upload-subtitle{font-size:.8rem;color:#94a3b8}.pf-upload-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;color:#fff}.pf-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.5rem}@media (max-width: 768px){.pf-image-upload-area{height:200px}.pf-upload-icon{font-size:2.5rem}.pf-upload-title{font-size:.9rem}.pf-upload-subtitle{font-size:.7rem}}.admin-postlist-series-select{background:#0f0f19cc;border:1px solid rgba(99,102,241,.3);border-radius:6px;color:#e2e8f0;padding:.4rem .6rem;font-size:.75rem;cursor:pointer;transition:all .3s ease}.admin-postlist-series-select:focus{outline:none;border-color:#6366f199}.admin-postlist-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#0f0f1999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);border-radius:16px;margin:2rem 0}.admin-postlist-empty-icon{font-size:4rem;color:#64748b;margin-bottom:1.5rem;opacity:.6}.admin-postlist-empty-title{font-size:1.8rem;font-weight:700;color:#e2e8f0;margin:0 0 .5rem}.admin-postlist-empty-description{font-size:1.1rem;color:#94a3b8;margin:0 0 2rem;max-width:500px;line-height:1.6}.admin-postlist-empty-actions{display:flex;gap:1rem;justify-content:center}.admin-postlist-create-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none}.admin-postlist-create-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f14d}.admin-postlist-footer{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:#0f0f1999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);border-radius:16px;margin-top:2rem}.admin-postlist-footer-stats{display:flex;gap:2rem}.admin-postlist-footer-stat{font-size:.9rem;color:#94a3b8}.admin-postlist-footer-stat strong{color:#e2e8f0}.admin-postlist-footer-actions{display:flex;gap:1rem;align-items:center}.admin-postlist-refresh-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.admin-postlist-refresh-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf64d}.admin-postlist-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.admin-postlist-loading-spinner{position:relative;width:80px;height:80px;margin-bottom:2rem}.admin-postlist-spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #6366f1;border-radius:50%;animation:spinRing 1.2s linear infinite}.admin-postlist-spinner-ring:nth-child(2){width:75%;height:75%;top:12.5%;left:12.5%;border-top-color:#8b5cf6;animation-duration:1.8s;animation-direction:reverse}.admin-postlist-spinner-ring:nth-child(3){width:50%;height:50%;top:25%;left:25%;border-top-color:#ec4899;animation-duration:2.4s}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-postlist-loading-title{font-size:1.5rem;font-weight:700;color:#e2e8f0;margin:0 0 .5rem}.admin-postlist-loading-description{font-size:1rem;color:#94a3b8;margin:0}.admin-postlist-skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.admin-postlist-skeleton-card{background:#0f0f1999;border:1px solid rgba(99,102,241,.2);border-radius:12px;overflow:hidden;min-height:400px;display:flex;flex-direction:column}.admin-postlist-skeleton-image{height:160px;background:linear-gradient(90deg,#0f0f1999 25%,#6366f11a,#0f0f1999 75%);background-size:200% 100%;animation:shimmer 2s infinite}.admin-postlist-skeleton-content{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.admin-postlist-skeleton-title{height:1.2rem;background:linear-gradient(90deg,#0f0f1999 25%,#6366f11a,#0f0f1999 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:4px;width:80%}.admin-postlist-skeleton-author{height:.8rem;background:linear-gradient(90deg,#0f0f1999 25%,#6366f11a,#0f0f1999 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:4px;width:60%}.admin-postlist-skeleton-meta{display:flex;gap:.5rem}.admin-postlist-skeleton-meta-item{height:.7rem;background:linear-gradient(90deg,#0f0f1999 25%,#6366f11a,#0f0f1999 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:4px;flex:1}.admin-postlist-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#0f0f1999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.3);border-radius:16px;margin:2rem 0}.admin-postlist-error-icon{font-size:4rem;color:#ef4444;margin-bottom:1.5rem;opacity:.8}.admin-postlist-error-title{font-size:1.8rem;font-weight:700;color:#e2e8f0;margin:0 0 .5rem}.admin-postlist-error-description{font-size:1.1rem;color:#94a3b8;margin:0 0 2rem;max-width:500px;line-height:1.6}.admin-postlist-error-actions{display:flex;gap:1rem;justify-content:center}.admin-postlist-retry-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.admin-postlist-retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d}.admin-postlist-notification{position:fixed;top:2rem;right:2rem;background:#0f0f19f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1rem 1.5rem;color:#e2e8f0;font-size:.9rem;font-weight:500;z-index:1000;animation:slideInRight .3s ease-out;max-width:400px;box-shadow:0 8px 25px #0000004d}.admin-postlist-notification.success{border-color:#10b98180;background:#10b9811a}.admin-postlist-notification.error{border-color:#ef444480;background:#ef44441a}.admin-postlist-notification.warning{border-color:#f59e0b80;background:#f59e0b1a}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.admin-postlist-context-menu{position:fixed;background:#0f0f19f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.3);border-radius:8px;padding:.5rem 0;z-index:1000;min-width:200px;box-shadow:0 8px 25px #0000004d;animation:fadeInScale .2s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.admin-postlist-context-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#e2e8f0;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none;background:none;width:100%;text-align:left}.admin-postlist-context-menu-item:hover{background:#6366f133;color:#fff}.admin-postlist-context-menu-item.danger:hover{background:#ef444433;color:#fca5a5}.admin-postlist-context-menu-separator{height:1px;background:#6366f133;margin:.5rem 0}.admin-postlist-drag-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.admin-postlist-drag-message{background:#0f0f19e6;border:2px dashed rgba(99,102,241,.5);border-radius:16px;padding:3rem;text-align:center;color:#e2e8f0;font-size:1.2rem;font-weight:600}.admin-postlist-drag-icon{font-size:3rem;margin-bottom:1rem;color:#6366f1}@media (min-width: 1400px){.admin-postlist-posts-grid.admin-postlist-grid-view,.admin-postlist-skeleton-grid{grid-template-columns:repeat(4,1fr);gap:2rem}.admin-postlist-card-image-container{height:180px}.admin-postlist-card-content{padding:1.25rem}.admin-postlist-card-title{font-size:1.1rem}}@media (min-width: 1200px) and (max-width: 1399px){.admin-postlist-posts-grid.admin-postlist-grid-view,.admin-postlist-skeleton-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}.admin-postlist-card-image-container{height:160px}}@media (min-width: 1024px) and (max-width: 1199px){.admin-postlist-posts-grid.admin-postlist-grid-view,.admin-postlist-skeleton-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.admin-postlist-card-image-container{height:160px}.admin-postlist-header-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.admin-postlist-header-stats{align-self:stretch;justify-content:space-between}}@media (min-width: 900px) and (max-width: 1023px){.admin-postlist-container{padding:1.5rem}.admin-postlist-posts-grid.admin-postlist-grid-view,.admin-postlist-skeleton-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}.admin-postlist-card-image-container{height:150px}.admin-postlist-card-content{padding:.9rem}.admin-postlist-header-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.admin-postlist-main-title{font-size:2.2rem}.admin-postlist-filters-row{flex-direction:column;align-items:stretch;gap:1.5rem}.admin-postlist-filters-left{flex-wrap:wrap;gap:1rem}.admin-postlist-filters-right{justify-content:space-between}}@media (min-width: 768px) and (max-width: 899px){.admin-postlist-container{padding:1.25rem}.admin-postlist-posts-grid.admin-postlist-grid-view,.admin-postlist-skeleton-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.admin-postlist-card-image-container{height:160px}.admin-postlist-card-content{padding:1rem}.admin-postlist-card-title{font-size:1rem}.admin-postlist-header{padding:1.5rem}.admin-postlist-header-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.admin-postlist-main-title{font-size:2rem}.admin-postlist-header-stats{align-self:stretch;justify-content:space-around;flex-wrap:wrap;gap:1rem}.admin-postlist-stat-card{min-width:80px;padding:1rem}.admin-postlist-stat-value{font-size:1.5rem}.admin-postlist-filters-row{flex-direction:column;align-items:stretch;gap:1.5rem}.admin-postlist-filters-left{flex-wrap:wrap;gap:1rem}.admin-postlist-filter-group{flex:1;min-width:140px}.admin-postlist-filters-right{justify-content:space-between;flex-wrap:wrap;gap:1rem}.admin-postlist-bulk-actions-bar{flex-direction:column;align-items:stretch;gap:1rem}.admin-postlist-bulk-actions-left{justify-content:space-between}.admin-postlist-bulk-actions-right{justify-content:center}}@media (min-width: 640px) and (max-width: 767px){.admin-postlist-container{padding:1rem}.admin-postlist-posts-grid.admin-postlist-grid-view,.admin-postlist-skeleton-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.admin-postlist-card-image-container{height:140px}.admin-postlist-card-content{padding:.9rem}.admin-postlist-card-title{font-size:.95rem;-webkit-line-clamp:2}.admin-postlist-card-author{font-size:.75rem}.admin-postlist-card-meta-row{font-size:.7rem}.admin-postlist-action-btn{padding:.35rem .6rem;font-size:.7rem}.admin-postlist-header{padding:1.25rem}.admin-postlist-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.admin-postlist-main-title{font-size:1.8rem}.admin-postlist-subtitle{font-size:1rem}.admin-postlist-header-stats{align-self:stretch;justify-content:space-around;flex-wrap:wrap;gap:.75rem}.admin-postlist-stat-card{min-width:70px;padding:.75rem}.admin-postlist-stat-value{font-size:1.3rem}.admin-postlist-stat-label{font-size:.75rem}.admin-postlist-controls-container{padding:1.25rem}.admin-postlist-search-input{padding:.9rem .9rem .9rem 2.5rem;font-size:.9rem}.admin-postlist-filters-row{flex-direction:column;gap:1rem}.admin-postlist-filters-left{flex-direction:column;gap:.75rem}.admin-postlist-filter-select{padding:.65rem .9rem;font-size:.85rem}.admin-postlist-filters-right{justify-content:space-between;gap:.75rem}.admin-postlist-view-btn{padding:.65rem .9rem;font-size:.85rem}.admin-postlist-bulk-toggle{padding:.65rem 1.25rem;font-size:.85rem}}@media (min-width: 480px) and (max-width: 639px){.admin-postlist-container{padding:.75rem}.admin-postlist-posts-grid.admin-postlist-grid-view,.admin-postlist-skeleton-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.admin-postlist-card-image-container{height:120px}.admin-postlist-card-content{padding:.75rem}.admin-postlist-card-title{font-size:.9rem;-webkit-line-clamp:2;min-height:2.4rem}.admin-postlist-card-author{font-size:.7rem;margin-bottom:.5rem}.admin-postlist-card-meta-row{font-size:.65rem;margin-bottom:.3rem}.admin-postlist-card-stats{padding:.5rem;gap:.4rem}.admin-postlist-stat-item{font-size:.65rem}.admin-postlist-card-tag{font-size:.6rem;padding:.15rem .4rem}.admin-postlist-card-actions{padding:.6rem .75rem}.admin-postlist-action-btn{padding:.3rem .5rem;font-size:.65rem;gap:.2rem}.admin-postlist-header{padding:1rem}.admin-postlist-main-title{font-size:1.6rem}.admin-postlist-subtitle{font-size:.95rem}.admin-postlist-header-stats{gap:.5rem}.admin-postlist-stat-card{min-width:60px;padding:.6rem}.admin-postlist-stat-value{font-size:1.1rem}.admin-postlist-stat-label{font-size:.7rem}.admin-postlist-controls-container{padding:1rem}.admin-postlist-search-input{padding:.8rem .8rem .8rem 2.2rem;font-size:.85rem}.admin-postlist-search-icon{left:.8rem;font-size:1rem}.admin-postlist-filter-select{padding:.6rem .8rem;font-size:.8rem;min-width:120px}.admin-postlist-view-btn{padding:.6rem .8rem;font-size:.8rem}.admin-postlist-bulk-toggle{padding:.6rem 1rem;font-size:.8rem}}@media (max-width: 479px){.admin-postlist-container{padding:.5rem}.admin-postlist-posts-grid.admin-postlist-grid-view,.admin-postlist-skeleton-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.admin-postlist-post-card{min-height:320px}.admin-postlist-card-image-container{height:100px}.admin-postlist-card-content{padding:.6rem}.admin-postlist-card-title{font-size:.8rem;-webkit-line-clamp:2;min-height:2rem;line-height:1.2}.admin-postlist-card-author{font-size:.65rem;margin-bottom:.4rem}.admin-postlist-card-meta{margin-bottom:.5rem}.admin-postlist-card-meta-row{font-size:.6rem;margin-bottom:.25rem;flex-direction:column;align-items:flex-start;gap:.2rem}.admin-postlist-meta-item{font-size:.6rem;gap:.2rem}.admin-postlist-card-stats{padding:.4rem;gap:.3rem;margin-bottom:.5rem}.admin-postlist-stat-item{font-size:.6rem;gap:.2rem}.admin-postlist-card-tags{gap:.2rem;margin-bottom:.5rem}.admin-postlist-card-tag{font-size:.55rem;padding:.1rem .3rem}.admin-postlist-card-actions{padding:.5rem .6rem;flex-direction:column;gap:.4rem;align-items:stretch}.admin-postlist-action-buttons{justify-content:center;gap:.3rem}.admin-postlist-action-btn{padding:.25rem .4rem;font-size:.6rem;gap:.15rem;flex:1;justify-content:center}.admin-postlist-btn-icon{font-size:.7rem}.admin-postlist-header{padding:.75rem}.admin-postlist-header-content{gap:.75rem}.admin-postlist-main-title{font-size:1.4rem;gap:.5rem}.admin-postlist-title-icon{font-size:1.5rem}.admin-postlist-subtitle{font-size:.85rem}.admin-postlist-header-stats{gap:.4rem;justify-content:space-around}.admin-postlist-stat-card{min-width:50px;padding:.5rem}.admin-postlist-stat-value{font-size:1rem}.admin-postlist-stat-label{font-size:.65rem}.admin-postlist-controls-container{padding:.75rem}.admin-postlist-search-container{margin-bottom:1rem}.admin-postlist-search-input{padding:.7rem .7rem .7rem 2rem;font-size:.8rem}.admin-postlist-search-icon{left:.7rem;font-size:.9rem}.admin-postlist-filters-row{flex-direction:column;gap:.75rem}.admin-postlist-filters-left{flex-direction:column;gap:.5rem}.admin-postlist-filter-group{width:100%}.admin-postlist-filter-select{padding:.5rem .7rem;font-size:.75rem;width:100%}.admin-postlist-filters-right{flex-direction:column;gap:.5rem;align-items:stretch}.admin-postlist-view-toggle{width:100%}.admin-postlist-view-btn{padding:.5rem .7rem;font-size:.75rem;flex:1;justify-content:center}.admin-postlist-bulk-toggle{padding:.5rem 1rem;font-size:.75rem;width:100%;justify-content:center}.admin-postlist-bulk-actions-bar{padding:.75rem;flex-direction:column;gap:.75rem}.admin-postlist-bulk-actions-left{flex-direction:column;align-items:flex-start;gap:.5rem}.admin-postlist-bulk-select-all{font-size:.8rem}.admin-postlist-bulk-actions-right{width:100%;justify-content:center}.admin-postlist-bulk-action-btn{padding:.5rem 1rem;font-size:.75rem;width:100%;justify-content:center}.admin-postlist-footer{padding:1rem .75rem;flex-direction:column;gap:1rem;text-align:center}.admin-postlist-footer-stats{flex-direction:column;gap:.5rem}.admin-postlist-footer-stat{font-size:.8rem}.admin-postlist-footer-actions{justify-content:center}.admin-postlist-refresh-btn{padding:.6rem 1.2rem;font-size:.8rem}.admin-postlist-empty-state,.admin-postlist-error-container,.admin-postlist-loading-container{padding:2rem .75rem}.admin-postlist-empty-icon,.admin-postlist-error-icon{font-size:3rem}.admin-postlist-empty-title,.admin-postlist-error-title,.admin-postlist-loading-title{font-size:1.3rem}.admin-postlist-empty-description,.admin-postlist-error-description,.admin-postlist-loading-description{font-size:.9rem}.admin-postlist-create-btn,.admin-postlist-retry-btn{padding:.8rem 1.5rem;font-size:.9rem}.admin-postlist-loading-spinner{width:60px;height:60px}}@media (max-width: 319px){.admin-postlist-posts-grid.admin-postlist-grid-view,.admin-postlist-skeleton-grid{grid-template-columns:1fr;gap:.5rem}.admin-postlist-post-card{min-height:280px}.admin-postlist-card-image-container{height:80px}.admin-postlist-main-title{font-size:1.2rem}.admin-postlist-header-stats{flex-direction:column;gap:.3rem}.admin-postlist-stat-card{min-width:auto;width:100%}}.admin-postlist-posts-grid.admin-postlist-list-view .admin-postlist-post-card{flex-direction:row;min-height:200px;max-height:200px}.admin-postlist-posts-grid.admin-postlist-list-view .admin-postlist-card-image-container{width:300px;height:100%;flex-shrink:0;border-radius:12px 0 0 12px}.admin-postlist-posts-grid.admin-postlist-list-view .admin-postlist-card-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem}.admin-postlist-posts-grid.admin-postlist-list-view .admin-postlist-card-title{font-size:1.2rem;margin-bottom:.5rem}.admin-postlist-posts-grid.admin-postlist-list-view .admin-postlist-card-meta{display:flex;flex-direction:row;gap:1rem;margin-bottom:.75rem}.admin-postlist-posts-grid.admin-postlist-list-view .admin-postlist-card-meta-row{margin-bottom:0}.admin-postlist-posts-grid.admin-postlist-list-view .admin-postlist-card-stats{display:flex;flex-direction:row;gap:1rem;padding:0;background:none;border:none;margin-bottom:.75rem}.admin-postlist-posts-grid.admin-postlist-list-view .admin-postlist-card-actions{margin-top:0;padding:0;border-top:none;background:none}@media (max-width: 768px){.admin-postlist-posts-grid.admin-postlist-list-view .admin-postlist-post-card{flex-direction:column;min-height:400px;max-height:none}.admin-postlist-posts-grid.admin-postlist-list-view .admin-postlist-card-image-container{width:100%;height:160px;border-radius:12px 12px 0 0}.admin-postlist-posts-grid.admin-postlist-list-view .admin-postlist-card-content{padding:1rem}.admin-postlist-posts-grid.admin-postlist-list-view .admin-postlist-card-meta{flex-direction:column;gap:.5rem}.admin-postlist-posts-grid.admin-postlist-list-view .admin-postlist-card-stats{flex-wrap:wrap;gap:.5rem}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-postlist-search-input:focus,.admin-postlist-filter-select:focus,.admin-postlist-view-btn:focus,.admin-postlist-bulk-toggle:focus,.admin-postlist-bulk-select-checkbox:focus,.admin-postlist-card-checkbox:focus,.admin-postlist-action-btn:focus,.admin-postlist-create-btn:focus,.admin-postlist-retry-btn:focus,.admin-postlist-refresh-btn:focus{outline:2px solid rgba(99,102,241,.6);outline-offset:2px}.admin-postlist-post-card:focus{outline:2px solid rgba(99,102,241,.6);outline-offset:3px}@media (prefers-contrast: high){.admin-postlist-container{background:#000}.admin-postlist-container:before{background:none}.admin-postlist-header,.admin-postlist-controls-section,.admin-postlist-post-card,.admin-postlist-empty-state,.admin-postlist-error-container,.admin-postlist-footer{border:2px solid #6366f1;background:#1a1a1a}.admin-postlist-main-title,.admin-postlist-card-title{color:#fff}.admin-postlist-subtitle,.admin-postlist-card-author,.admin-postlist-meta-text{color:#ccc}}@media (prefers-reduced-motion: reduce){.admin-postlist-post-card,.admin-postlist-action-btn,.admin-postlist-bulk-toggle,.admin-postlist-view-btn,.admin-postlist-create-btn,.admin-postlist-retry-btn,.admin-postlist-refresh-btn,.admin-postlist-card-image,.admin-postlist-spinner-ring{animation:none!important;transition:none!important}.admin-postlist-post-card:hover,.admin-postlist-action-btn:hover,.admin-postlist-bulk-toggle:hover,.admin-postlist-view-btn:hover{transform:none!important}}@media print{.admin-postlist-container{background:#fff;color:#000}.admin-postlist-container:before{display:none}.admin-postlist-controls-section,.admin-postlist-bulk-actions-bar,.admin-postlist-card-actions,.admin-postlist-footer-actions{display:none}.admin-postlist-post-card{break-inside:avoid;border:1px solid #ccc;background:#fff;box-shadow:none}.admin-postlist-posts-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.admin-postlist-container::-webkit-scrollbar{width:8px}.admin-postlist-container::-webkit-scrollbar-track{background:#0f0f1980}.admin-postlist-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px}.admin-postlist-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5855eb,#7c3aed)}.admin-postlist-container ::selection{background:#6366f14d;color:#fff}.admin-postlist-container ::-moz-selection{background:#6366f14d;color:#fff}.admin-postlist-post-card,.admin-postlist-action-btn,.admin-postlist-bulk-toggle,.admin-postlist-view-btn{will-change:transform;backface-visibility:hidden;perspective:1000px}.admin-postlist-card-image{will-change:transform}.admin-postlist-card-glow-effect{will-change:opacity}.admin-postlist-container,.admin-postlist-header,.admin-postlist-post-card,.admin-postlist-controls-section{transform:translateZ(0);backface-visibility:hidden}.admin-postlist-edit-container{background:linear-gradient(135deg,#0f0f19,#1a1a2e);min-height:100vh;padding:2rem;position:relative;overflow-x:hidden}.admin-postlist-edit-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.05) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(16,185,129,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.admin-postlist-edit-container>*{position:relative;z-index:1}.admin-postlist-edit-header{background:#0f0f1999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:1.5rem 2rem;margin-bottom:2rem;position:relative;overflow:hidden}.admin-postlist-edit-header:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#6366f1,#8b5cf6,#6366f1);border-radius:16px;z-index:-1;opacity:.3;animation:glowPulse 3s ease-in-out infinite}.admin-postlist-back-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #6366f14d}.admin-postlist-back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166;background:linear-gradient(135deg,#5855eb,#7c3aed)}.admin-postlist-back-btn:active{transform:translateY(0);box-shadow:0 2px 10px #6366f14d}.user-list-container{padding:2rem;background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh}.search-container{display:flex;gap:1rem;margin-bottom:2rem;align-items:center;max-width:600px;margin-left:auto;margin-right:auto}.user-search-bar{flex:1;padding:1rem 1.5rem;font-size:1.1rem;background:#1e293b;border:2px solid #334155;border-radius:12px;color:#fff;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;min-height:56px;font-weight:500}.user-search-bar:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:#0f172a}.user-search-bar::placeholder{color:#94a3b8;font-size:1rem;font-weight:400}.search-button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;min-height:56px;display:flex;align-items:center;gap:.5rem}.search-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.user-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.user-card{background:linear-gradient(145deg,#1e293b,#334155);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000004d;border:1px solid #475569;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;animation:slideInUp .6s ease forwards;opacity:0;transform:translateY(30px)}.user-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0006;border-color:#667eea}.user-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.user-card:hover:before{opacity:1}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.user-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.user-avatar-section{display:flex;align-items:center;gap:1rem}.user-avatar{position:relative;width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid #475569;transition:all .3s ease}.user-card:hover .user-avatar{border-color:#667eea;transform:scale(1.05)}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-fallback{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.avatar-fallback.hidden{display:none}.user-basic-info h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .25rem;line-height:1.2}.user-basic-info p{color:#94a3b8;font-size:.9rem;margin:0;line-height:1.3}.user-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.join-date{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.8rem;font-weight:500}.meta-icon{color:#64748b}.user-card-body{margin-bottom:1.5rem}.wallet-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.wallet-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0f172a80;border-radius:12px;border:1px solid #334155;transition:all .3s ease}.user-card:hover .wallet-item{border-color:#475569;background:#0f172ab3}.wallet-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#667eea1a;color:#667eea;flex-shrink:0}.wallet-item.bonus-tokens .wallet-icon{background:#10b9811a;color:#10b981}.wallet-content{display:flex;flex-direction:column;min-width:0}.wallet-label{color:#94a3b8;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.wallet-amount{color:#fff;font-size:1.1rem;font-weight:700;line-height:1}.user-card-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #334155}.user-status{display:flex;align-items:center}.status-badge{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.status-badge.active{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.inactive{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.view-details{display:flex;align-items:center}.view-details-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.view-details-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.no-users-message{grid-column:1 / -1;text-align:center;color:#94a3b8;font-size:1.125rem;font-weight:500;padding:3rem 1rem;background:#0f172a80;border-radius:16px;border:2px dashed #334155}.pagination-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem;background:#0f172a80;border-radius:16px;border:1px solid #334155}.pagination-info{color:#94a3b8;font-size:.875rem;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{padding:.75rem 1.5rem;background:#334155;color:#fff;border:1px solid #475569;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.pagination-btn:hover:not(:disabled){background:#475569;border-color:#64748b;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.page-numbers{display:flex;gap:.25rem}.page-btn{padding:.75rem 1rem;background:#334155;color:#fff;border:1px solid #475569;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:44px;display:flex;align-items:center;justify-content:center}.page-btn:hover{background:#475569;border-color:#64748b;transform:translateY(-1px)}.page-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 2px 8px #667eea4d}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#94a3b8;font-weight:500}.error{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;margin:1rem;font-weight:500}@media (max-width: 768px){.user-list-container{padding:1rem}.search-container{flex-direction:column;gap:1rem}.user-search-bar{width:100%}.user-cards{grid-template-columns:1fr;gap:1rem}.user-card{padding:1rem}.user-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.user-avatar-section{width:100%}.user-meta{align-items:flex-start}.wallet-section{grid-template-columns:1fr}.user-card-actions{flex-direction:column;gap:1rem;align-items:stretch}.view-details-btn{justify-content:center}.pagination-controls{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.user-list-container{padding:.5rem}.user-card{padding:.75rem}.user-avatar{width:50px;height:50px}.user-basic-info h3{font-size:1.1rem}.user-basic-info p{font-size:.8rem}.wallet-amount{font-size:1rem}}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.confirm-dialog{background:#1e293b;border-radius:16px;border:1px solid rgba(102,126,234,.2);box-shadow:0 20px 40px #00000080;max-width:500px;width:100%;animation:dialogSlideIn .3s ease-out;overflow:hidden}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(102,126,234,.1)}.confirm-dialog-title{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.confirm-dialog-close{background:none;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.confirm-dialog-close:hover{background:#667eea1a;color:#fff}.confirm-dialog-body{padding:1.5rem}.confirm-dialog-message{margin:0;font-size:1rem;line-height:1.6;color:#cbd5e1;text-align:center}.confirm-dialog-actions{display:flex;gap:1rem;padding:1rem 1.5rem 1.5rem;justify-content:flex-end}.confirm-dialog-btn{padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:100px;text-transform:uppercase;letter-spacing:.5px}.confirm-dialog-btn.cancel-btn{background:#475569;color:#fff;border:1px solid #64748b}.confirm-dialog-btn.cancel-btn:hover{background:#64748b;border-color:#94a3b8;transform:translateY(-1px)}.confirm-dialog-btn.confirm-btn{color:#fff;font-weight:700}.confirm-dialog-btn.confirm-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #f87171}.confirm-dialog-btn.confirm-btn.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.confirm-dialog-btn.confirm-btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #fbbf24}.confirm-dialog-btn.confirm-btn.warning:hover{background:linear-gradient(135deg,#d97706,#b45309);border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.confirm-dialog-btn.confirm-btn.info{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #60a5fa}.confirm-dialog-btn.confirm-btn.info:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}@media (max-width: 600px){.confirm-dialog{margin:1rem;max-width:calc(100% - 2rem)}.confirm-dialog-actions{flex-direction:column}.confirm-dialog-btn{width:100%;min-width:auto}}.user-detail-container{min-height:100vh;max-width:70%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.user-detail-header{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-bottom:30px;margin-top:0}.user-detail-header h2{color:#f8fafc;font-size:24px;font-weight:600;margin:0}.profile-balances-section{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px;margin-bottom:20px;display:flex;gap:40px;align-items:center}.user-profile-section{display:flex;align-items:center;gap:20px;flex:1}.user-avatar-container{position:relative}.user-avatar-large{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;border:3px solid #3b82f6;position:relative;overflow:hidden}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;position:absolute;top:0;left:0}.avatar-fallback{color:#fff;font-size:64px;font-weight:700;text-align:center;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0}.user-details{display:flex;flex-direction:column;gap:8px}.user-name{color:#f8fafc;font-size:24px;font-weight:600;margin:0}.user-email{color:#94a3b8;font-size:14px;margin:0}.status-badge{background:#10b981;color:#fff;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.status-badge.inactive{background:#ef4444}.current-balances-section{flex:1;display:flex;flex-direction:column;gap:16px}.current-balances-section{flex:1;display:flex;flex-direction:column;gap:14px}.balance-line{display:flex;justify-content:space-between;align-items:center;background:#0f172acc;border:1px solid #334155;border-radius:10px;padding:16px;min-width:160px}.balance-label{color:#94a3b8;font-size:13px;font-weight:600;text-transform:uppercase;margin:0}.balance-amount{color:#fff;font-size:22px;font-weight:700;line-height:1}.management-sections{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.management-section{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px}.management-section h5{color:#f8fafc;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 20px}.form-group{display:flex;flex-direction:column;gap:16px}.amount-input,.note-input{background:#1e293b!important;border:1px solid #334155!important;color:#f8fafc!important;padding:12px 16px!important;border-radius:8px!important;font-size:14px!important;width:100%!important;box-sizing:border-box!important;font-family:inherit!important;transition:border-color .2s ease,box-shadow .2s ease!important}.amount-input::placeholder,.note-input::placeholder{color:#64748b!important;font-size:14px!important}.amount-input:focus,.note-input:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;background:#1e293b!important}.amount-input:hover,.note-input:hover{border-color:#475569!important;background:#1e293b!important}.switch-container{display:flex;background:#0f172a;border:1px solid #334155;border-radius:8px;padding-left:8px;padding-top:8px;padding-right:8px}.switch-options{display:flex;width:100%}.switch-option{flex:1;position:relative;cursor:pointer}.switch-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.switch-option span{display:block;padding:8px 16px;text-align:center;font-size:14px;font-weight:500;color:#94a3b8;border-radius:6px;transition:all .2s ease}.switch-option.active span{background:#3b82f6;color:#fff}.switch-option:hover span{color:#e2e8f0}.update-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;width:100%}.update-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.update-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.danger-zone-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px}.danger-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.warning-icon{color:#f59e0b;font-size:20px}.danger-header h4{color:#f8fafc;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0}.danger-warning{color:#94a3b8;font-size:14px;margin:0 0 20px;line-height:1.5}.danger-buttons{display:flex;gap:16px}.danger-btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.block-btn{background:#f59e0b;color:#fff}.block-btn:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.delete-btn{background:#ef4444;color:#fff}.delete-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.notification{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;animation:slideIn .3s ease}.notification.success{background:#10b981}.notification.error{background:#ef4444}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.user-detail-container{padding:16px}.profile-balances-section{flex-direction:column;gap:20px}.management-sections{grid-template-columns:1fr}.danger-buttons{flex-direction:column}.user-profile-card{flex-direction:column;text-align:center}}.writer-analytics-container{min-height:100vh;max-width:95%;margin:0 auto;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#0f172a;color:#f8fafc}.writer-analytics-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:16px;padding:0 4px}.writer-analytics-title{margin-bottom:30px;padding:0 4px 20px;border-bottom:2px solid #334155}.back-button{background:#334155;border:1px solid #475569;color:#e2e8f0;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.back-button:hover{background:#475569;border-color:#64748b}.writer-analytics-title h2{color:#f8fafc;font-size:24px;font-weight:600;margin:0}.writer-info-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center}.writer-profile{display:flex;align-items:center;gap:20px}.writer-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700;border:3px solid #3b82f6;overflow:hidden;position:relative}.writer-avatar .avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;position:absolute;top:0;left:0}.writer-avatar .avatar-fallback{color:#fff;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.writer-details h3{color:#f8fafc;font-size:20px;font-weight:600;margin:0 0 8px}.writer-details p{color:#94a3b8;font-size:14px;margin:0 0 4px}.join-date{color:#64748b;font-size:12px;font-weight:500}.period-selector{display:flex;flex-direction:column;gap:8px}.period-selector label{color:#f8fafc;font-size:14px;font-weight:600}.period-select{background:#0f172a;border:1px solid #334155;color:#f8fafc;padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer}.period-select:focus{outline:none;border-color:#3b82f6}.summary-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;transition:transform .2s ease}.summary-card:hover{transform:translateY(-2px)}.card-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:12px}.coins-card .card-icon{background:#f59e0b1a}.tokens-card .card-icon{background:#8b5cf61a}.income-card .card-icon{background:#10b9811a}.novels-card .card-icon{background:#3b82f61a}.card-content h4{color:#94a3b8;font-size:14px;font-weight:600;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.card-value{color:#f8fafc;font-size:24px;font-weight:700;margin:0}.card-subtitle{font-size:12px;color:#94a3b8;margin:4px 0 0;font-weight:500}.novels-section{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px;margin-bottom:30px}.novels-section h3{color:#f8fafc;font-size:18px;font-weight:600;margin:0 0 20px}.novels-table-container{overflow-x:auto}.novels-table th{background:#0f172a;color:#f8fafc;font-weight:600;padding:12px;text-align:left;border-bottom:2px solid #334155;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.novels-table td{padding:12px;border-bottom:1px solid #334155;color:#e2e8f0}.novels-table tr:hover{background:#3b82f60d}.novel-title{font-weight:600;color:#f8fafc}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.coins-value,.tokens-value,.income-value{font-weight:600;color:#f8fafc}.transactions-count{text-align:center;font-weight:600;color:#94a3b8}.transactions-section{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px}.transactions-section h3{color:#f8fafc;font-size:18px;font-weight:600;margin:0 0 20px}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{display:flex;align-items:center;gap:16px;padding:16px;background:#0f172a;border:1px solid #334155;border-radius:8px;transition:background .2s ease}.transaction-item:hover{background:#3b82f60d}.transaction-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:8px}.transaction-details h4{color:#f8fafc;font-size:14px;font-weight:600;margin:0 0 4px}.transaction-details p{color:#94a3b8;font-size:12px;margin:0 0 4px}.transaction-date{color:#64748b;font-size:11px;font-weight:500}.transaction-meta{color:#64748b;font-size:11px;font-weight:500;display:flex;align-items:center;gap:4px}.transaction-amount{text-align:right}.transaction-amount .amount{font-weight:700;font-size:14px}.transaction-amount .amount.coins{color:#f59e0b}.transaction-amount .amount.tokens{color:#8b5cf6}.loading,.error{text-align:center;padding:40px;color:#f8fafc;font-size:16px}.error{color:#ef4444}@media (max-width: 768px){.writer-analytics-container{padding:16px}.summary-cards{grid-template-columns:1fr}.writer-info-card{flex-direction:column;gap:20px;text-align:center}.novels-table-container{font-size:12px}.novels-table th,.novels-table td{padding:8px}.transaction-item{flex-direction:column;text-align:center}}:root{--writer-bg-primary: #ffffff;--writer-bg-secondary: #f8fafc;--writer-bg-tertiary: #f1f5f9;--writer-bg-card: #ffffff;--writer-bg-overlay: rgba(255, 255, 255, .9);--writer-text-primary: #1e293b;--writer-text-secondary: #475569;--writer-text-tertiary: #64748b;--writer-text-muted: #94a3b8;--writer-text-inverse: #ffffff;--writer-border-primary: #e2e8f0;--writer-border-secondary: #cbd5e1;--writer-border-accent: #3b82f6;--writer-accent-primary: #3b82f6;--writer-accent-secondary: #1d4ed8;--writer-accent-success: #10b981;--writer-accent-warning: #f59e0b;--writer-accent-error: #ef4444;--writer-accent-info: #06b6d4;--writer-gradient-primary: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--writer-gradient-secondary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--writer-gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--writer-gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--writer-gradient-error: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--writer-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--writer-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--writer-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--writer-shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--writer-status-draft: #f59e0b;--writer-status-published: #10b981;--writer-status-free: #10b981;--writer-status-paid: #f59e0b;--writer-input-bg: #ffffff;--writer-input-border: #d1d5db;--writer-input-focus: #3b82f6;--writer-input-disabled: #f3f4f6;--writer-btn-primary-bg: #3b82f6;--writer-btn-primary-hover: #2563eb;--writer-btn-secondary-bg: #6b7280;--writer-btn-secondary-hover: #4b5563;--writer-btn-success-bg: #10b981;--writer-btn-success-hover: #059669;--writer-btn-warning-bg: #f59e0b;--writer-btn-warning-hover: #d97706;--writer-btn-error-bg: #ef4444;--writer-btn-error-hover: #dc2626}[data-theme=dark]{--writer-bg-primary: #0f172a;--writer-bg-secondary: #1e293b;--writer-bg-tertiary: #334155;--writer-bg-card: #1e293b;--writer-bg-overlay: rgba(15, 23, 42, .9);--writer-text-primary: #f1f5f9;--writer-text-secondary: #cbd5e1;--writer-text-tertiary: #94a3b8;--writer-text-muted: #64748b;--writer-text-inverse: #ffffff;--writer-border-primary: #334155;--writer-border-secondary: #475569;--writer-border-accent: #667eea;--writer-accent-primary: #667eea;--writer-accent-secondary: #5a67d8;--writer-accent-success: #34d399;--writer-accent-warning: #fbbf24;--writer-accent-error: #f87171;--writer-accent-info: #22d3ee;--writer-gradient-primary: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--writer-gradient-secondary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--writer-gradient-success: linear-gradient(135deg, #34d399 0%, #10b981 100%);--writer-gradient-warning: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--writer-gradient-error: linear-gradient(135deg, #f87171 0%, #ef4444 100%);--writer-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--writer-shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--writer-shadow-lg: 0 10px 15px rgba(0, 0, 0, .4);--writer-shadow-xl: 0 20px 25px rgba(0, 0, 0, .5);--writer-status-draft: #fbbf24;--writer-status-published: #34d399;--writer-status-free: #34d399;--writer-status-paid: #fbbf24;--writer-input-bg: #334155;--writer-input-border: #475569;--writer-input-focus: #60a5fa;--writer-input-disabled: #1e293b;--writer-btn-primary-bg: #667eea;--writer-btn-primary-hover: #5a67d8;--writer-btn-secondary-bg: #64748b;--writer-btn-secondary-hover: #475569;--writer-btn-success-bg: #34d399;--writer-btn-success-hover: #10b981;--writer-btn-warning-bg: #fbbf24;--writer-btn-warning-hover: #f59e0b;--writer-btn-error-bg: #f87171;--writer-btn-error-hover: #ef4444}.writer-panel{background-color:var(--writer-bg-primary);color:var(--writer-text-primary);min-height:100vh;transition:background-color .3s ease,color .3s ease}.writer-card{background-color:var(--writer-bg-card);border:1px solid var(--writer-border-primary);border-radius:8px;box-shadow:var(--writer-shadow-md);transition:all .3s ease}.writer-card:hover{box-shadow:var(--writer-shadow-lg);transform:translateY(-2px)}.writer-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;background-color:var(--writer-btn-primary-bg);color:var(--writer-text-inverse)}.writer-btn:hover{background-color:var(--writer-btn-primary-hover);transform:translateY(-1px);box-shadow:var(--writer-shadow-md)}.writer-btn-secondary{background-color:var(--writer-btn-secondary-bg)}.writer-btn-secondary:hover{background-color:var(--writer-btn-secondary-hover)}.writer-btn-success{background-color:var(--writer-btn-success-bg)}.writer-btn-success:hover{background-color:var(--writer-btn-success-hover)}.writer-btn-warning{background-color:var(--writer-btn-warning-bg)}.writer-btn-warning:hover{background-color:var(--writer-btn-warning-hover)}.writer-btn-error{background-color:var(--writer-btn-error-bg)}.writer-btn-error:hover{background-color:var(--writer-btn-error-hover)}.writer-input{background-color:var(--writer-input-bg);border:2px solid var(--writer-input-border);border-radius:6px;padding:12px;font-size:14px;color:var(--writer-text-primary);transition:border-color .3s ease}.writer-input:focus{outline:none;border-color:var(--writer-input-focus)}.writer-input:disabled{background-color:var(--writer-input-disabled);cursor:not-allowed}.writer-status{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.writer-status.draft{background-color:var(--writer-status-draft);color:var(--writer-text-inverse)}.writer-status.published{background-color:var(--writer-status-published);color:var(--writer-text-inverse)}.writer-status.free{background-color:var(--writer-status-free);color:var(--writer-text-inverse)}.writer-status.paid{background-color:var(--writer-status-paid);color:var(--writer-text-inverse)}.writer-loading-spinner{width:40px;height:40px;border:4px solid var(--writer-border-primary);border-top:4px solid var(--writer-accent-primary);border-radius:50%;animation:spin 1s linear infinite}.writer-error-message{background-color:var(--writer-accent-error);color:var(--writer-text-inverse);padding:12px;border-radius:6px;margin-bottom:20px;border:1px solid var(--writer-accent-error)}.writer-success-message{background-color:var(--writer-accent-success);color:var(--writer-text-inverse);padding:12px;border-radius:6px;margin-bottom:20px;border:1px solid var(--writer-accent-success)}@media (max-width: 768px){.writer-card{margin:10px}.writer-btn{padding:8px 16px;font-size:12px}.writer-input{padding:10px;font-size:12px}}@media (prefers-reduced-motion: reduce){.writer-panel,.writer-card,.writer-btn,.writer-input{transition:none}.writer-loading-spinner{animation:none}}.password-reset-requests{max-width:600px;margin:2rem auto;padding:1rem 2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a202c}.password-reset-requests h3{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.request-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.request-card{background:#1e293b;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem 2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;justify-content:space-between;align-items:center;transition:box-shadow .3s ease}.request-card:hover{box-shadow:0 20px 25px -5px #667eea4d,0 10px 10px -5px #667eea33}.request-info p{margin:.25rem 0;font-size:1rem;color:#fff}.request-actions{display:flex;gap:1rem}.btn-reset,.btn-decline{padding:.5rem 1.25rem;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;color:#fff;transition:all .3s ease;box-shadow:0 4px 14px #667eea66;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.btn-reset{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-reset:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.btn-decline{background:linear-gradient(135deg,#e53e3e,#9b2c2c)}.btn-decline:hover{box-shadow:0 8px 25px #e53e3e99;transform:translateY(-2px)}.btn-reset:active,.btn-decline:active{transform:translateY(0)}.error-message{background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #fc8181;border-radius:12px;padding:1rem 1.25rem;color:#c53030;font-weight:600;margin-bottom:1rem;text-align:center;animation:ctc-error-shake .5s ease-in-out}.no-requests-message{font-size:1rem;color:#fff;text-align:center;margin-top:2rem}@media (max-width: 640px){.password-reset-requests{padding:1rem}.request-card{flex-direction:column;align-items:flex-start;gap:1rem}.request-actions{width:100%;justify-content:flex-start}.btn-reset,.btn-decline{width:48%}}.package-form-modal{background:#334155;border-radius:12px;box-shadow:0 10px 30px #00000080;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid #475569}.form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #475569;background:#475569;border-radius:12px 12px 0 0}.form-header h2{margin:0;color:#f9fafb;font-size:20px}.package-form{padding:30px;background:#334155}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#f9fafb;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #475569;border-radius:6px;font-size:14px;transition:border-color .2s;background:#1e293b;color:#f9fafb}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{resize:vertical;min-height:80px}.icon-selector{position:relative;display:flex;align-items:center;gap:10px}.icon-selector select{flex:1}.selected-icon{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#64748b;border-radius:8px;border:1px solid #475569;color:#f9fafb}.checkbox-group{display:flex;align-items:center;gap:10px;margin-bottom:15px}.checkbox-group input[type=checkbox]{width:auto;margin:0}.checkbox-group label{margin:0;cursor:pointer;color:#f9fafb}.package-preview{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.package-preview h3{margin:0 0 15px;color:#333;font-size:16px}.preview-card{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border-radius:8px;border:1px solid #dee2e6}.preview-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:12px}.preview-content{flex:1}.preview-content h4{margin:0 0 8px;color:#333;font-size:18px}.preview-content p{margin:0 0 12px;color:#666;font-size:14px;line-height:1.4}.preview-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.coins{font-weight:600;color:#28a745;font-size:16px}.coins .bonus{color:#ffc107;font-weight:700}.price{font-weight:600;color:#dc3545;font-size:16px}.popular-badge{display:inline-flex;align-items:center;gap:4px;background:#fff3cd;color:#856404;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.form-actions{display:flex;justify-content:flex-end;gap:15px;padding-top:20px;border-top:1px solid #475569}.btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 6px #0000001a}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003}.btn-cancel{background:#6b7280;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#4b5563}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#9ca3af;padding:5px;border-radius:50%;transition:all .2s ease;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#475569;color:#f9fafb}@media (max-width: 768px){.package-form-modal{width:95%;margin:20px}.form-header{padding:15px 20px}.package-form{padding:20px}.form-row{grid-template-columns:1fr;gap:15px}.form-actions{flex-direction:column;gap:10px}.btn-save,.btn-cancel{width:100%;justify-content:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.package-form-modal{animation:modalSlideIn .3s ease-out}.status-toggle{display:flex;align-items:center;gap:10px}.status-toggle input[type=checkbox]{width:auto;margin:0}.status-toggle label{margin:0;cursor:pointer;color:#f9fafb}.package-type-selector{position:relative}.package-type-selector select,.sort-order-input,.currency-input,.price-input,.coins-input,.bonus-coins-input{width:100%}.description-textarea{width:100%;min-height:100px}.icon-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:10px;margin-top:10px}.icon-option{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#64748b;border:1px solid #475569;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:18px;color:#f9fafb}.icon-option:hover{background:#60a5fa;border-color:#60a5fa}.icon-option.selected{background:#60a5fa;border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa4d}.error-message{color:#ef4444;font-size:12px;margin-top:5px;display:block}.success-message{color:#10b981;font-size:12px;margin-top:5px;display:block}.loading-state{display:flex;align-items:center;justify-content:center;padding:20px;color:#9ca3af}.loading-spinner{border:2px solid #475569;border-top:2px solid #60a5fa;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;margin-right:10px}.coin-package-list{padding:20px;background:#1e293b;min-height:100vh;color:#f9fafb}.package-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#334155;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000004d;border:1px solid #475569}.header-left h2{margin:0 0 10px;color:#f9fafb;font-size:24px}.stats-summary{display:flex;gap:20px}.stat-item{font-size:14px;color:#cbd5e1}.stat-item strong{color:#60a5fa;font-weight:600}.package-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#334155;padding:15px;border-radius:8px;box-shadow:0 4px 6px #0000004d;border:1px solid #475569}.search-box{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-box input{width:100%;padding:10px 10px 10px 40px;border:1px solid #475569;border-radius:6px;font-size:14px;background:#1e293b;color:#f9fafb}.search-box input::placeholder{color:#9ca3af}.search-box input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}.filter-select{padding:10px;border:1px solid #475569;border-radius:6px;background:#1e293b;font-size:14px;color:#f9fafb;margin-left:10px}.filter-select:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}.filter-select option{background:#1e293b;color:#f9fafb}.bulk-actions{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:15px;background:#1e40af;border-radius:8px;border-left:4px solid #60a5fa}.bulk-actions span{font-weight:500;color:#dbeafe}.packages-table-container{background:#334155;border-radius:8px;box-shadow:0 4px 6px #0000004d;overflow:hidden;border:1px solid #475569}.packages-table{width:100%;border-collapse:collapse}.packages-table th{background:#475569;padding:15px;text-align:left;font-weight:600;color:#f9fafb;border-bottom:2px solid #64748b}.packages-table td{padding:15px;border-bottom:1px solid #475569;vertical-align:middle;color:#f9fafb}.packages-table tr:hover{background:#475569}.packages-table tr.inactive{opacity:.6;background:#374151}.package-info{display:flex;align-items:center;gap:12px}.package-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#64748b;border-radius:8px;color:#f9fafb}.package-details{flex:1}.package-name{font-weight:600;color:#f9fafb;margin-bottom:4px}.package-description{font-size:12px;color:#cbd5e1;line-height:1.4}.coins-info{display:flex;align-items:center;gap:8px}.coins-amount{font-weight:600;color:#10b981;font-size:16px}.bonus-coins{background:#f59e0b;color:#92400e;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600}.package-type{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.package-type.small{background:#10b981;color:#fff}.package-type.medium{background:#f59e0b;color:#fff}.package-type.large{background:#ef4444;color:#fff}.price-info{display:flex;align-items:center;gap:4px}.currency{font-size:12px;color:#9ca3af}.price{font-weight:600;color:#f9fafb;font-size:16px}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.active{background:#10b981;color:#fff}.status-badge.inactive{background:#6b7280;color:#fff}.popular-icon{color:#f59e0b;font-size:18px}.action-buttons{display:flex;gap:8px}.btn-icon{background:none;border:none;padding:8px;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#9ca3af}.btn-icon:hover{background:#475569;color:#f9fafb}.btn-icon.delete:hover{background:#dc2626;color:#fff}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 6px #0000001a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003}.btn-secondary{background:#475569;color:#f9fafb;border:1px solid #64748b;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn-secondary:hover{background:#64748b;border-color:#94a3b8}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px;padding:20px;background:#334155;border-radius:8px;box-shadow:0 4px 6px #0000004d;border:1px solid #475569}.page-info{color:#f9fafb;font-weight:500}.loading{display:flex;justify-content:center;align-items:center;height:200px;color:#f9fafb;font-size:18px}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af}.empty-state h3{color:#f9fafb;margin-bottom:10px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;padding:30px;border-radius:12px;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d;border:2px solid #dc3545;animation:modalSlideIn .3s ease-out}.modal-content h3{margin:0 0 15px;color:#333}.modal-content p{margin:0 0 20px;color:#666;line-height:1.5}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn-danger{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.btn-danger:hover{background:#c82333}.error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:6px;margin:15px 0;display:flex;justify-content:space-between;align-items:center}.error-message button{background:none;border:none;color:#721c24;font-size:18px;cursor:pointer}.success-message{background:#d4edda;color:#155724;padding:12px;border-radius:6px;margin:15px 0;display:flex;justify-content:space-between;align-items:center}.success-message button{background:none;border:none;color:#155724;font-size:18px;cursor:pointer}@media (max-width: 768px){.coin-package-list{padding:15px}.package-header{flex-direction:column;gap:20px;text-align:center}.stats-summary{justify-content:center}.package-filters{flex-direction:column;gap:15px}.search-box{max-width:100%}.filter-controls{display:flex;gap:10px;width:100%}.filter-select{flex:1;margin-left:0}.bulk-actions{flex-direction:column;gap:10px;text-align:center}.packages-table{font-size:12px}.packages-table th,.packages-table td{padding:8px}.package-icon{width:30px;height:30px;font-size:18px}.action-buttons{flex-direction:column;gap:4px}.btn-icon{padding:6px}}.app-version-settings{padding:20px;max-width:800px;margin:0 auto;background:linear-gradient(135deg,#1e293b,#334155);position:relative;overflow-x:hidden;border-radius:16px;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(102,126,234,.2)}.app-version-settings:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.05) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(16,185,129,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.app-version-settings>*{position:relative;z-index:1}.app-version-header{text-align:center;margin-bottom:30px;padding:2rem;background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,.2);border-radius:16px;position:relative;overflow:hidden}.app-version-header:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#6366f1,#8b5cf6,#6366f1);border-radius:16px;z-index:-1;opacity:.3;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.3}50%{opacity:.6}}.app-version-header h2{color:#fff;margin-bottom:10px;font-size:28px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.app-version-header p{color:#94a3b8;font-size:16px;line-height:1.6}.app-version-message{padding:12px 16px;border-radius:12px;margin-bottom:20px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000001a}.app-version-message.success{background:#10b9811a;color:#10b981;border-color:#10b9814d}.app-version-message.error{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.app-version-form{background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,.2);border-radius:16px;box-shadow:0 10px 30px #0000004d;overflow:hidden;position:relative}.app-version-form:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#6366f1,#8b5cf6,#6366f1);border-radius:16px;z-index:-1;opacity:.2}.form-section{padding:25px;border-bottom:1px solid rgba(102,126,234,.2);background:#1e293b66}.form-section:last-child{border-bottom:none}.form-section h3{color:#fff;margin-bottom:20px;font-size:20px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#e2e8f0}.form-group input[type=text],.form-group input[type=url],.form-group textarea{width:100%;padding:12px 16px;border:2px solid rgba(102,126,234,.3);border-radius:12px;font-size:14px;background:#1e293be6;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group input[type=text]:focus,.form-group input[type=url]:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33;background:#1e293b}.form-group input[type=text]::placeholder,.form-group input[type=url]::placeholder,.form-group textarea::placeholder{color:#64748b}.form-group small{display:block;margin-top:8px;margin-left:32px;color:#94a3b8;font-size:13px;line-height:1.4;font-style:italic}.checkbox-group .form-group small{display:none}.checkbox-group{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-weight:500;color:#e2e8f0;padding:12px 16px;border-radius:8px;transition:all .3s ease;background:#1e293b99;border:1px solid rgba(102,126,234,.2);min-height:48px;width:100%}.checkbox-label:hover{background:#667eea1a;border-color:#667eea66}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea;border-radius:4px;border:2px solid rgba(102,126,234,.3);background:#1e293be6;flex-shrink:0;margin:0}.checkbox-label input[type=checkbox]:checked{background-color:#667eea;border-color:#667eea}.checkbox-label input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #667eea33}.checkbox-text{display:flex;flex-direction:column;justify-content:flex-start;gap:4px;flex:1;padding-top:2px}.checkbox-title{font-weight:500;color:#e2e8f0;font-size:14px}.checkbox-text small{margin:0;color:#94a3b8;font-size:12px;line-height:1.4;font-style:italic}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:15px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#334155,#475569);border-radius:12px;border:1px solid rgba(99,102,241,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.status-item:hover{background:linear-gradient(135deg,#475569,#64748b);border-color:#6366f1;transform:translateY(-2px);box-shadow:0 8px 25px #6366f133}.status-label{font-weight:500;color:#e2e8f0}.status-value{font-weight:600;padding:6px 12px;border-radius:8px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-value.active{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-value.inactive{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.form-actions{padding:25px;display:flex;gap:15px;justify-content:center;background:#1e293be6;border-top:1px solid rgba(102,126,234,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.save-button,.refresh-button{padding:12px 24px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.save-button:before,.refresh-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.save-button:hover:before,.refresh-button:hover:before{left:100%}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:1px solid rgba(102,126,234,.3);box-shadow:0 4px 15px #667eea4d}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.save-button:disabled{background:linear-gradient(135deg,#64748b,#475569);cursor:not-allowed;transform:none;box-shadow:none}.refresh-button{background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:1px solid rgba(100,116,139,.3);box-shadow:0 4px 15px #64748b4d}.refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#475569,#334155);transform:translateY(-2px);box-shadow:0 8px 25px #64748b66}.refresh-button:disabled{background:linear-gradient(135deg,#475569,#334155);cursor:not-allowed;transform:none;box-shadow:none}.app-version-loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:16px;color:#94a3b8;background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,.2);border-radius:16px;position:relative}.app-version-loading:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#6366f1,#8b5cf6,#6366f1);border-radius:16px;z-index:-1;opacity:.2;animation:glowPulse 3s ease-in-out infinite}@media (max-width: 768px){.app-version-settings{padding:15px}.form-section{padding:20px}.status-grid{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:center}.save-button,.refresh-button{width:100%;max-width:200px}}@media (max-width: 480px){.app-version-header h2{font-size:24px}.form-section h3{font-size:18px}.checkbox-group{flex-direction:column;align-items:flex-start;gap:8px}}.novel-coin-transactions{padding:20px;background:#1e293b;min-height:100vh;color:#f9fafb}.transactions-header{text-align:center;margin-bottom:30px;background:#334155;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000004d;border:1px solid #475569}.transactions-header h2{color:#f9fafb;font-size:24px;margin-bottom:10px}.transactions-header p{color:#cbd5e1;font-size:16px;margin:0}.filters-section{background:#334155;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000004d;margin-bottom:30px;border:1px solid #475569}.filter-group{margin-bottom:20px}.filter-group label{display:block;margin-bottom:8px;font-weight:600;color:#f9fafb!important;font-size:14px}.novel-coin-transactions .filter-group label,.novel-coin-transactions label{color:#f9fafb!important}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:end;margin-bottom:20px}.novel-select,.filter-group input,.filter-group select{width:100%!important;padding:12px 40px 12px 12px!important;border:1px solid #475569!important;border-radius:6px!important;font-size:14px!important;background:#334155!important;color:#f9fafb!important;transition:border-color .2s ease!important;box-shadow:inset 0 1px 3px #0000001a!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;position:relative!important}.novel-select:focus,.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}.novel-select option,.filter-group select option{background:#334155;color:#f9fafb;padding:8px 12px}.novel-select option:hover,.filter-group select option:hover{background:#475569}.filter-group{position:relative}.filter-group select:after{content:"▼";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;font-size:12px}.novel-select,.filter-group select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important}.filter-group label{text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.5px;font-weight:700!important;color:#fff!important}.novel-select:focus,.filter-group select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2360a5fa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important}.novel-select:hover,.filter-group select:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important}.novel-select::placeholder,.filter-group input::placeholder{color:#9ca3af}.filter-group input[type=date],.novel-coin-transactions .filter-group input,.novel-coin-transactions .filter-group select,.novel-coin-transactions .filter-group .novel-select,.novel-coin-transactions input[type=text],.novel-coin-transactions input[type=date],.novel-coin-transactions input[type=email],.novel-coin-transactions input[type=password],.novel-coin-transactions input[type=number],.novel-coin-transactions input[type=search],.novel-coin-transactions input[type=tel],.novel-coin-transactions input[type=url],.novel-coin-transactions select,.novel-coin-transactions textarea{background:#334155!important;color:#f9fafb!important;border:1px solid #475569!important}.novel-coin-transactions *{background-color:inherit!important}.novel-coin-transactions .filter-group *{background-color:transparent!important}.novel-coin-transactions .filter-group input,.novel-coin-transactions .filter-group select{background-color:#334155!important}.filter-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.filter-group input[type=date]::-webkit-datetime-edit{color:#f9fafb}.filter-group input[type=date]::-webkit-datetime-edit-fields-wrapper{color:#f9fafb}.filter-group input[type=date]::-webkit-datetime-edit-text{color:#f9fafb}.filter-group input[type=date]::-webkit-datetime-edit-month-field,.filter-group input[type=date]::-webkit-datetime-edit-day-field,.filter-group input[type=date]::-webkit-datetime-edit-year-field{color:#f9fafb}.search-button-container{margin:1.5rem 0 0;text-align:right}.search-btn{padding:12px 24px;font-weight:600;font-size:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;box-shadow:0 4px 8px #6366f14d;transition:all .2s ease;display:flex;align-items:center;gap:8px}.search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #6366f166}.search-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:#334155;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000004d;display:flex;align-items:center;gap:16px;border:1px solid #475569}.card-icon{font-size:24px;padding:16px;background:#64748b;border-radius:50%;color:#f9fafb;min-width:56px;height:56px;display:flex;align-items:center;justify-content:center}.card-content h3{font-size:20px;color:#f9fafb;margin:0 0 4px;font-weight:600}.card-content p{color:#cbd5e1;margin:0;font-size:14px}.chapter-breakdown{background:#334155;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000004d;margin-bottom:30px;border:1px solid #475569}.chapter-breakdown h3{color:#f9fafb;margin-bottom:20px;font-size:18px;font-weight:600}.chapter-list{display:flex;flex-direction:column;gap:12px}.chapter-item{background:#475569;padding:16px;border-radius:6px;border:1px solid #64748b}.chapter-info{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;align-items:center}.chapter-number{font-weight:600;color:#f9fafb}.chapter-coins{color:#10b981;font-weight:600}.chapter-transactions{color:#60a5fa;font-weight:500}.chapter-users{color:#f59e0b;font-weight:500}.transactions-list{background:#334155;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000004d;border:1px solid #475569}.transactions-list h3{color:#f9fafb;margin-bottom:20px;font-size:18px;font-weight:600}.transaction-table{overflow-x:auto;background:#1e293b;border-radius:6px;border:1px solid #475569}.transaction-table table{width:100%;border-collapse:collapse;background:#1e293b;border-radius:6px;overflow:hidden}.transaction-table th{background:#475569;color:#f9fafb;padding:16px;text-align:left;font-weight:600;border-bottom:1px solid #64748b;font-size:14px}.transaction-table td{padding:16px;border-bottom:1px solid #475569;color:#f9fafb;font-size:14px}.transaction-table tr:hover{background:#475569}.transaction-table tr.inactive{opacity:.7}.user-info{display:flex;flex-direction:column;gap:4px}.user-name{font-weight:600;color:#f9fafb}.user-email{font-size:12px;color:#9ca3af}.chapter-info{display:flex;flex-direction:column;gap:4px}.chapter-id{font-weight:600;color:#f9fafb}.novel-title{font-size:12px;color:#9ca3af}.coins-amount{font-weight:600;color:#10b981}.loading-state{display:flex;align-items:center;justify-content:center;padding:40px;color:#9ca3af}.spinner{border:2px solid #475569;border-top:2px solid #60a5fa;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite;margin-right:12px}.error-state{background:#dc2626;color:#fff;padding:16px;border-radius:6px;text-align:center;margin:20px 0}.empty-state{text-align:center;padding:40px;color:#9ca3af}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding:16px;background:#475569;border-radius:6px}.pagination-btn{background:#64748b;color:#f9fafb;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s ease;font-size:14px;font-weight:500}.pagination-btn:hover:not(:disabled){background:#94a3b8}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#f9fafb;font-weight:500;font-size:14px}@media (max-width: 768px){.novel-coin-transactions,.transactions-header,.filters-section{padding:15px}.filter-row,.summary-cards{grid-template-columns:1fr;gap:15px}.chapter-info{grid-template-columns:1fr;gap:8px;text-align:center}.transaction-table{font-size:12px}.transaction-table th,.transaction-table td{padding:12px 8px}.pagination{flex-direction:column;gap:12px}.card-icon{min-width:48px;height:48px;font-size:20px}}.transaction-table td.transaction-date,.transaction-table td.transaction-description{color:#495057;font-weight:400}.highlights-management-container{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#1e293b;min-height:100vh;color:#f9fafb}.highlights-header{text-align:center;margin-bottom:3rem;position:relative}.back-btn{position:absolute;left:0;top:0;background:#374151;border:1px solid #4b5563;border-radius:12px;padding:12px 20px;cursor:pointer;font-size:14px;font-weight:600;color:#f9fafb;transition:all .3s ease;box-shadow:0 4px 6px #0000004d}.back-btn:hover{background:#4b5563;border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 8px 15px #0006}.highlights-title{font-size:2.5rem;font-weight:700;color:#f9fafb;margin:0 0 1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.highlights-icon{font-size:2.5rem;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlights-subtitle{color:#9ca3af;font-size:1.125rem;max-width:600px;margin:0 auto;line-height:1.6}.highlights-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.tab-btn{background:#374151;border:2px solid #4b5563;border-radius:16px;padding:1rem 2rem;cursor:pointer;font-size:1rem;font-weight:600;color:#d1d5db;transition:all .3s ease;min-width:200px;box-shadow:0 4px 6px #0000004d}.tab-btn:hover{background:#4b5563;border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 15px #0006}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#f9fafb!important;border-color:#667eea!important;box-shadow:0 8px 20px #667eea66!important;transform:translateY(-2px)!important}.highlights-tab-content{background:transparent;border-radius:0;padding:0;box-shadow:none;border:none}.highlights-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:transparent;border-radius:0;border:none;box-shadow:none}.highlights-count{display:flex;align-items:baseline;gap:.5rem}.count-number{font-size:2.5rem;font-weight:700;color:#667eea}.count-label{font-size:1.125rem;color:#9ca3af}.highlights-limit-warning{background:#f59e0b1a;color:#f59e0b;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;border:1px solid rgba(245,158,11,.3)}.current-highlights h3{color:#f9fafb;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.no-highlights{text-align:center;padding:3rem;color:#9ca3af;background:transparent;border-radius:0;border:none}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;margin-bottom:2rem;justify-items:center}.highlight-card{background:transparent;border:none;border-radius:0;padding:0;display:flex;flex-direction:column;gap:0;transition:all .3s ease;box-shadow:none;position:relative;width:200px;text-align:center}.highlight-card:hover{transform:translateY(-4px)}.highlight-card-image{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden}.highlight-card-image img{width:100%;height:100%;object-fit:cover}.no-image{width:100%;height:100%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#9ca3af}.highlight-card-content{flex:1}.highlight-card-image{width:100%;height:150px;border-radius:12px;overflow:hidden;margin-bottom:.75rem;position:relative}.highlight-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.highlight-card-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:#374151;color:#9ca3af}.highlight-card-image .no-image.no-image-hidden{display:none}.highlight-card:hover .highlight-card-image img{transform:scale(1.05)}.highlight-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.highlight-card:hover .highlight-card-overlay{opacity:1}.highlight-card-content{padding:.75rem 0;text-align:center}.highlight-card-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#f9fafb;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.highlight-card-author,.highlight-card-genre{margin:.125rem 0;color:#9ca3af;font-size:.8rem}.search-form{margin-bottom:2rem}.search-input-group{display:flex;gap:1rem;max-width:600px}.search-input{flex:1;padding:1rem 1.5rem;border:2px solid #4b5563;border-radius:12px;font-size:1rem;background:#374151;color:#f9fafb;transition:all .3s ease}.search-input::placeholder{color:#9ca3af}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.search-btn{background:#667eea;color:#fff;border:none;border-radius:12px;padding:1rem 2rem;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px #0000004d}.search-btn:hover:not(:disabled){background:#764ba2;transform:translateY(-2px);box-shadow:0 6px 12px #0006}.search-btn:disabled{background:#6b7280;cursor:not-allowed;transform:none}.search-results{background:transparent;border:none;box-shadow:none}.search-results h3{color:#f9fafb;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem}.pagination-btn{background:#374151;border:1px solid #4b5563;border-radius:12px;padding:.75rem 1.5rem;cursor:pointer;font-size:14px;font-weight:600;color:#f9fafb;transition:all .3s ease;box-shadow:0 4px 6px #0000004d}.pagination-btn:hover:not(:disabled){background:#4b5563;border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 6px 12px #0006}.pagination-btn:disabled{background:#374151;color:#6b7280;cursor:not-allowed;transform:none}.pagination-info{color:#9ca3af;font-size:14px;font-weight:500}.loading{text-align:center;padding:3rem;color:#9ca3af;font-size:1.1rem;background:#374151;border-radius:16px;border:1px solid #4b5563}.search-section{margin-top:2.5rem;margin-bottom:2rem}.search-section h3{color:#f9fafb;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.content-section{margin-top:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{color:#f9fafb;margin:0;font-size:1.5rem;font-weight:600}.clear-search-btn{background:#6b7280;color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px #0000004d}.clear-search-btn:hover{background:#4b5563;transform:translateY(-2px);box-shadow:0 6px 12px #0006}.novels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.novel-card{background:#374151;border:1px solid #4b5563;border-radius:16px;overflow:hidden;transition:all .3s ease;position:relative;height:320px;box-shadow:0 4px 6px #0000004d}.novel-card:hover{border-color:#667eea;box-shadow:0 8px 25px #0006;transform:translateY(-4px)}.novel-card-image{position:relative;width:100%;height:200px;overflow:hidden}.novel-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.novel-card:hover .novel-card-image img{transform:scale(1.05)}.novel-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.novel-card:hover .novel-card-overlay{opacity:1}.overlay-btn{padding:16px 32px;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:120px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0000004d}.overlay-btn.add-highlight-btn{background:#10b981;color:#fff}.overlay-btn.add-highlight-btn:hover:not(:disabled){background:#059669}.overlay-btn.add-highlight-btn:disabled{background:#6b7280;cursor:not-allowed}.overlay-btn.remove-highlight-btn{background:#ef4444;color:#fff}.overlay-btn.remove-highlight-btn:hover{background:#dc2626}.overlay-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #0006}.novel-card-content{padding:1.5rem;height:120px;display:flex;flex-direction:column;justify-content:space-between}.novel-card-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#f9fafb;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.novel-card-author,.novel-card-genre,.novel-card-views{margin:.125rem 0;color:#9ca3af;font-size:.9rem}.novel-card-views{color:#667eea;font-weight:500}.latest-novels-section{margin-top:1.5rem;background:transparent;border:none;box-shadow:none}.latest-novels-section h3{color:#f9fafb;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}@media (max-width: 768px){.highlights-management-container{padding:1rem}.highlights-title{font-size:2rem}.highlights-tabs{flex-direction:column;align-items:center}.tab-btn{min-width:200px}.highlights-tab-content{padding:1.5rem}.highlights-summary{flex-direction:column;gap:1rem;text-align:center}.search-input-group{flex-direction:column}.highlights-grid,.novels-grid{grid-template-columns:1fr}.highlight-card,.novel-card{flex-direction:column;text-align:center}.highlight-card-image,.novel-card-image{align-self:center}.remove-highlight-btn{align-self:center;width:100%;margin-top:1rem}.pagination{flex-direction:column;gap:1rem}.novel-card{max-width:300px;margin:0 auto;height:auto}.section-header{flex-direction:column;gap:1rem;text-align:center}}.writer-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f172a;padding:20px;color:var(--writer-text-primary)}.writer-login-card{background:var(--writer-bg-card);border:1px solid var(--writer-border-primary);border-radius:12px;box-shadow:var(--writer-shadow-lg);padding:2.5rem;width:100%;max-width:450px;transition:all .3s ease}.writer-login-card:hover{box-shadow:var(--writer-shadow-xl);transform:translateY(-2px)}.writer-login-header{text-align:center;margin-bottom:2rem}.writer-login-title{color:var(--writer-text-primary);font-size:1.75rem;margin:0 0 .5rem;font-weight:700;background:var(--writer-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.writer-login-subtitle{color:var(--writer-text-secondary);font-size:.875rem;margin:0;line-height:1.5}.writer-login-form,.writer-form-group{display:flex;flex-direction:column;gap:.5rem}.writer-form-options{display:flex;align-items:center;justify-content:flex-start;margin-bottom:.5rem}.writer-checkbox-wrapper{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.writer-checkbox-input{display:none}.writer-checkbox-custom{width:18px;height:18px;border:2px solid var(--writer-input-border);border-radius:4px;position:relative;transition:all .3s ease;background-color:var(--writer-input-bg)}.writer-checkbox-input:checked+.writer-checkbox-custom{background:var(--writer-accent-primary);border-color:var(--writer-accent-primary)}.writer-checkbox-input:checked+.writer-checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--writer-text-inverse);font-size:12px;font-weight:700}.writer-checkbox-label{color:var(--writer-text-secondary);font-size:14px;font-weight:500}.writer-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.writer-forgot-password-link{background:none;border:none;color:var(--writer-accent-primary);font-size:14px;cursor:pointer;padding:0;margin-top:8px;text-decoration:underline;font-weight:500;transition:color .3s ease;align-self:flex-end}.writer-forgot-password-link:hover:not(:disabled){color:var(--writer-accent-secondary)}.writer-forgot-password-link:disabled{opacity:.5;cursor:not-allowed}.writer-login-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--writer-border-primary)}.writer-login-footer-text{color:var(--writer-text-secondary);font-size:14px;margin:0}.writer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--writer-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.writer-modal-content{background:var(--writer-bg-card);border:1px solid var(--writer-border-primary);border-radius:12px;padding:2rem;max-width:400px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--writer-shadow-xl)}.writer-loading-spinner{width:40px;height:40px;border:4px solid var(--writer-border-primary);border-top:4px solid var(--writer-accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.forgot-password-modal{text-align:center}.forgot-password-modal h3{color:var(--writer-text-primary);font-size:1.25rem;margin-bottom:1rem;font-weight:600}.forgot-password-message{color:var(--writer-text-secondary);font-size:14px;margin-bottom:1.5rem;line-height:1.5}.ctc-form-label{color:var(--writer-text-primary);font-weight:500;font-size:14px;text-align:left}.ctc-form-input{padding:12px 16px;border:2px solid var(--writer-input-border);border-radius:8px;font-size:14px;background-color:var(--writer-input-bg);color:var(--writer-text-primary);transition:border-color .3s ease}.ctc-form-input:focus{outline:none;border-color:var(--writer-input-focus)}.forgot-password-buttons{display:flex;gap:12px;margin-top:.5rem}.ctc-login-button{flex:1;background:var(--writer-gradient-primary);color:var(--writer-text-inverse);border:none;padding:12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.ctc-login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--writer-shadow-md)}.ctc-login-button:disabled{opacity:.7;cursor:not-allowed}.cancel-button{background:var(--writer-btn-secondary-bg)!important}.cancel-button:hover:not(:disabled){background:var(--writer-btn-secondary-hover)!important;box-shadow:var(--writer-shadow-md)!important}.success-message{color:var(--writer-accent-success);background:#10b9811a;padding:12px;border-radius:8px;border:1px solid var(--writer-accent-success);font-size:14px;margin-top:1rem}.error-message{color:var(--writer-accent-error);background:#ef44441a;padding:12px;border-radius:8px;border:1px solid var(--writer-accent-error);font-size:14px;margin-top:1rem}@media (max-width: 768px){.writer-login-container{padding:10px}.writer-login-card{padding:2rem;margin:0 10px}.writer-login-title{font-size:1.5rem}.forgot-password-buttons{flex-direction:column}}@media (max-width: 480px){.writer-login-card{padding:1.5rem}.writer-login-title{font-size:1.25rem}.writer-input{padding:10px 14px;font-size:16px}}@media (prefers-reduced-motion: reduce){.writer-login-card,.writer-btn,.writer-input,.writer-checkbox-custom{transition:none}.writer-loading-spinner{animation:none}}.writer-divider{position:relative;text-align:center;margin:1.5rem 0}.writer-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--writer-border-primary)}.writer-divider span{background:var(--writer-bg-card);padding:0 1rem;font-size:.8125rem;color:var(--writer-text-secondary);position:relative;z-index:1}.writer-social-buttons{display:flex;flex-direction:column;gap:.75rem}.writer-social-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:10px 16px;border:1px solid var(--writer-border-primary);border-radius:8px;background:var(--writer-input-bg);color:var(--writer-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.writer-social-button:hover:not(:disabled){background:var(--writer-input-focus);border-color:var(--writer-accent-primary);transform:translateY(-1px)}.writer-social-button:disabled{opacity:.6;cursor:not-allowed}.writer-social-button svg{flex-shrink:0}.writer-register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f172a;padding:20px;color:var(--writer-text-primary);transition:all .3s ease}.writer-register-card{background:var(--writer-bg-card);border:1px solid var(--writer-border-primary);border-radius:12px;box-shadow:var(--writer-shadow-xl);padding:40px;width:100%;max-width:500px;transition:all .3s ease}.writer-register-card:hover{box-shadow:var(--writer-shadow-xl);transform:translateY(-2px)}.writer-register-header{text-align:center;margin-bottom:30px}.writer-register-title{color:var(--writer-text-primary);font-size:1.75rem;margin:0 0 .5rem;font-weight:700;background:var(--writer-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.writer-register-subtitle{color:var(--writer-text-secondary);font-size:16px;margin:0;transition:color .3s ease}.writer-register-form{display:flex;flex-direction:column;gap:20px}.writer-error-message{background:var(--writer-accent-error);color:var(--writer-text-inverse);padding:12px;border-radius:6px;border:1px solid var(--writer-accent-error);font-size:14px;text-align:center;font-weight:500}.writer-success-message{background:var(--writer-accent-success);color:var(--writer-text-inverse);padding:12px;border-radius:6px;border:1px solid var(--writer-accent-success);font-size:14px;text-align:center;font-weight:500}.writer-form-group{display:flex;flex-direction:column;gap:8px}.writer-form-label{color:var(--writer-text-primary);font-weight:500;font-size:14px;transition:color .3s ease}.writer-input{padding:12px 16px;border:2px solid var(--writer-border-primary);border-radius:8px;font-size:16px;background:var(--writer-input-bg);color:var(--writer-text-primary);transition:all .3s ease}.writer-input:focus{outline:none;border-color:var(--writer-accent-primary);box-shadow:0 0 0 3px #3b82f61a}.required{color:var(--writer-accent-error);font-weight:600}.optional{color:var(--writer-text-muted);font-size:12px;font-weight:400}.writer-btn{padding:14px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;background:var(--writer-gradient-primary);color:var(--writer-text-inverse);box-shadow:var(--writer-shadow-md)}.writer-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--writer-shadow-lg)}.writer-btn-primary{background:var(--writer-gradient-primary)}.writer-btn-primary:hover:not(:disabled){background:var(--writer-gradient-secondary)}.writer-register-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--writer-border-primary)}.writer-register-footer-text{color:var(--writer-text-secondary);font-size:14px;margin:0;transition:color .3s ease}@media (max-width: 768px){.writer-register-card{padding:30px 20px;margin:10px}.writer-register-title{font-size:24px}.writer-register-subtitle{font-size:14px}.writer-input{font-size:16px}}.theme-toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border:2px solid;border-radius:20px;background:transparent;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle-btn.light{border-color:#e2e8f0;color:#64748b;background:#fffc}.theme-toggle-btn.light:hover{border-color:#cbd5e1;background:#ffffffe6;color:#475569;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.theme-toggle-btn.dark{border-color:#475569;color:#94a3b8;background:#1e293bcc}.theme-toggle-btn.dark:hover{border-color:#64748b;background:#1e293be6;color:#e2e8f0;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.theme-toggle-icon{font-size:16px;transition:transform .3s ease}.theme-toggle-btn:hover .theme-toggle-icon{transform:rotate(15deg)}.theme-toggle-label{font-weight:500}@media (max-width: 768px){.theme-toggle-btn{padding:6px 10px;font-size:12px}.theme-toggle-icon{font-size:14px}.theme-toggle-label{display:none}}.theme-toggle-btn:focus{outline:2px solid;outline-offset:2px}.theme-toggle-btn.light:focus{outline-color:#3b82f6}.theme-toggle-btn.dark:focus{outline-color:#60a5fa}@media (prefers-reduced-motion: reduce){.theme-toggle-btn,.theme-toggle-icon{transition:none}.theme-toggle-btn:hover .theme-toggle-icon{transform:none}}.writer-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;display:none}@media (max-width: 768px){.writer-sidebar-overlay{display:block}}.writer-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--writer-bg-card);border-right:1px solid var(--writer-border-primary);z-index:1000;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:var(--writer-shadow-lg)}.writer-sidebar.open{transform:translate(0)}@media (min-width: 769px){.writer-sidebar{position:fixed;transform:translate(0);box-shadow:none;border-right:1px solid var(--writer-border-primary)}.writer-sidebar-overlay{display:none}}.writer-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--writer-border-primary);background:var(--writer-bg-primary)}.writer-sidebar-logo{display:flex;align-items:center;gap:12px}.writer-logo-icon{font-size:24px}.writer-logo-text{font-size:18px;font-weight:700;color:var(--writer-text-primary)}.writer-sidebar-close{display:none;background:none;border:none;color:var(--writer-text-secondary);font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.writer-sidebar-close:hover{background:var(--writer-bg-secondary);color:var(--writer-text-primary)}@media (max-width: 768px){.writer-sidebar-close{display:block}}.writer-sidebar-content{flex:1;padding:20px 0;overflow-y:auto}.writer-sidebar-user{display:flex;align-items:center;gap:12px;padding:0 20px 20px;border-bottom:1px solid var(--writer-border-primary);margin-bottom:20px}.writer-user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--writer-accent-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.writer-user-avatar img{width:100%;height:100%;object-fit:cover}.writer-user-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px}.writer-user-info{flex:1;min-width:0}.writer-user-name{font-size:16px;font-weight:600;color:var(--writer-text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.writer-user-email{font-size:12px;color:var(--writer-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.writer-sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:0 12px}.writer-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;border-radius:8px;color:var(--writer-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative}.writer-nav-item:hover{background:var(--writer-bg-secondary);color:var(--writer-text-primary);transform:translate(4px)}.writer-nav-item.active{background:var(--writer-gradient-primary);color:#fff;font-weight:600;box-shadow:0 4px 12px #6366f14d;position:relative;overflow:hidden}.writer-nav-item.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.writer-nav-item.active:hover{background:var(--writer-gradient-secondary);transform:translate(4px);box-shadow:0 6px 16px #6366f166}.writer-nav-icon{font-size:18px;width:20px;text-align:center;flex-shrink:0}.writer-nav-label{flex:1}.writer-sidebar-footer{padding:20px;border-top:1px solid var(--writer-border-primary);background:var(--writer-bg-primary)}.writer-logout-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;text-align:left;box-shadow:0 2px 8px #ef44444d;position:relative;overflow:hidden}.writer-logout-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.writer-logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.writer-logout-icon{font-size:16px;display:flex;align-items:center;justify-content:center}.writer-logout-text{flex:1}@media (prefers-color-scheme: dark){.writer-sidebar{background:var(--writer-bg-card)}.writer-sidebar-header,.writer-sidebar-footer{background:var(--writer-bg-primary)}}@media (max-width: 768px){.writer-sidebar{box-shadow:2px 0 10px #0000001a}}.writer-sidebar-content::-webkit-scrollbar{width:4px}.writer-sidebar-content::-webkit-scrollbar-track{background:transparent}.writer-sidebar-content::-webkit-scrollbar-thumb{background:var(--writer-border-primary);border-radius:2px}.writer-sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--writer-border-secondary)}.writer-topbar{position:fixed;top:0;left:280px;right:0;height:80px;background:var(--writer-bg-primary);border-bottom:1px solid var(--writer-border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:999;box-shadow:0 2px 4px #0000001a}.writer-topbar-left{display:flex;align-items:center;gap:1rem}.writer-menu-button{display:none;background:none;border:none;color:var(--writer-text-primary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.writer-menu-button:hover{background:var(--writer-bg-secondary)}.writer-topbar-title{font-size:1.5rem;font-weight:600;color:var(--writer-text-primary);margin:0}.writer-topbar-right{display:flex;align-items:center;gap:.75rem;margin-left:auto;height:100%}.writer-topbar-right>*{display:flex;align-items:center;justify-content:center;height:40px}.writer-notifications{position:relative}.writer-notification-button{position:relative;background:none;border:none;color:var(--writer-text-primary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.writer-notification-button:hover{background:var(--writer-bg-secondary)}.writer-notification-badge{position:absolute;top:-2px;right:-2px;background:var(--writer-accent-primary);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;transform:none}.writer-notifications-dropdown{position:absolute;top:100%;right:0;width:320px;background:var(--writer-bg-primary);border:1px solid var(--writer-border);border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1001;margin-top:.5rem;display:flex;flex-direction:column;visibility:visible;opacity:1}.writer-notifications-dropdown .writer-notifications-list{margin-bottom:0!important}.writer-notifications-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--writer-border);flex-shrink:0}.writer-notifications-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--writer-text-primary)}.writer-close-button{background:none;border:none;color:var(--writer-text-secondary);cursor:pointer;font-size:1.25rem;padding:.25rem;border-radius:4px;transition:all .2s ease}.writer-close-button:hover{background:var(--writer-bg-secondary);color:var(--writer-text-primary)}.writer-clear-all-small-btn{background:none;border:1px solid var(--writer-border);color:var(--writer-text-secondary);cursor:pointer;font-size:.75rem;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.writer-clear-all-small-btn:hover{background:var(--writer-bg-secondary);color:var(--writer-text-primary);border-color:var(--writer-accent-primary)}.writer-notifications-list{flex:1;overflow-y:auto;max-height:300px}.writer-notification-item{padding:1rem;border-bottom:1px solid var(--writer-border);cursor:pointer;transition:all .2s ease}.writer-notification-item:hover{background:var(--writer-bg-secondary)}.writer-notification-item.unread{background:#3b82f60d;border-left:3px solid var(--writer-accent-primary)}.writer-notification-content{display:flex;flex-direction:column;gap:.25rem}.writer-notification-text{margin:0;font-size:.875rem;color:var(--writer-text-primary);line-height:1.4}.writer-notification-time{font-size:.75rem;color:var(--writer-text-secondary)}.writer-no-notifications{padding:2rem;text-align:center;color:var(--writer-text-secondary);margin:0}.writer-notifications-footer{display:flex;gap:.5rem;padding:1rem;border-top:1px solid var(--writer-border);background:var(--writer-bg-secondary);flex-shrink:0}.writer-notification-action-btn{flex:1;padding:.5rem 1rem;border:1px solid var(--writer-border);border-radius:8px;background:var(--writer-bg-primary);color:var(--writer-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.writer-see-all-btn{background:var(--writer-gradient-primary);color:#fff;border:none}.writer-see-all-btn:hover{opacity:.9;transform:translateY(-1px)}.writer-clear-all-btn:hover{background:var(--writer-bg-secondary);border-color:var(--writer-accent-primary)}.writer-see-all-small-btn{background:var(--writer-gradient-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;width:100%}.writer-see-all-small-btn:hover{opacity:.9;transform:translateY(-1px)}.writer-profile-button{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.writer-profile-button:hover{background:var(--writer-bg-secondary)}.writer-profile-image{width:32px;height:32px;border-radius:50%;object-fit:cover}.writer-profile-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff}.writer-profile-dropdown{position:absolute;top:100%;right:0;width:280px;background:var(--writer-bg-primary);border:1px solid var(--writer-border);border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1002;margin-top:.5rem;overflow:hidden;display:block;visibility:visible;opacity:1}.writer-profile-info{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--writer-border)}.writer-profile-details{display:flex;flex-direction:column;gap:.25rem}.writer-profile-name{margin:0;font-size:.875rem;font-weight:600;color:var(--writer-text-primary)}.writer-profile-email{margin:0;font-size:.75rem;color:var(--writer-text-secondary)}.writer-profile-actions{display:flex;flex-direction:column}.writer-profile-action{display:flex;align-items:center;gap:.75rem;background:none;border:none;color:var(--writer-text-primary);cursor:pointer;padding:.75rem 1rem;font-size:.875rem;transition:all .2s ease;text-align:left;width:100%}.writer-profile-action:hover{background:var(--writer-bg-secondary)}.writer-named-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;color:#fff;flex-shrink:0}.writer-avatar-small{width:32px;height:32px;font-size:.75rem}.writer-avatar-medium{width:40px;height:40px;font-size:.875rem}.writer-avatar-large{width:48px;height:48px;font-size:1rem}.writer-avatar-initials{font-weight:600;text-transform:uppercase}@media (max-width: 768px){.writer-topbar{left:0;padding:0 1rem}.writer-menu-button{display:block}.writer-topbar-title{font-size:1.25rem}.writer-notifications-dropdown{width:280px;right:-1rem}.writer-profile-dropdown{width:260px;right:-1rem}}.writer-dashboard-container{min-height:100vh;background:var(--writer-bg-primary);color:var(--writer-text-primary);display:flex;flex-direction:column}.writer-dashboard-body{position:fixed;top:80px;left:280px;right:0;bottom:0;overflow-y:auto}@media (max-width: 768px){.writer-dashboard-body{left:0;right:0}}@media (max-width: 768px){.writer-dashboard-container,.writer-dashboard-body{display:block}}.writer-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--writer-bg-primary);color:var(--writer-text-primary)}.writer-loading-spinner{width:40px;height:40px;border:4px solid var(--writer-border-primary);border-top:4px solid var(--writer-accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.writer-dashboard-header{background:var(--writer-bg-card);border-bottom:1px solid var(--writer-border-primary);padding:20px 0;box-shadow:var(--writer-shadow-sm);position:fixed;top:0;left:280px;right:0;z-index:999;height:80px;display:flex;align-items:center}@media (max-width: 768px){.writer-dashboard-header{left:0;right:0}}.writer-header-content{padding:0 20px;display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.writer-header-left{display:flex;align-items:center;gap:16px}.writer-header-right{display:flex;align-items:center;gap:12px;margin-left:auto}.writer-header-content h1{color:var(--writer-text-primary);font-size:24px;margin:0;font-weight:600}.writer-header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.writer-bell-btn{background:var(--writer-bg-secondary);border:1px solid var(--writer-border-primary);border-radius:9999px;padding:6px 10px;cursor:pointer}.writer-bell-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:9999px;padding:2px 6px;font-size:10px;font-weight:700}.writer-bell-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--writer-bg-card);border:1px solid var(--writer-border-primary);border-radius:10px;box-shadow:var(--writer-shadow-lg);min-width:260px;z-index:25;overflow:hidden}.writer-bell-header{padding:10px 12px;border-bottom:1px solid var(--writer-border-primary);font-weight:600;color:var(--writer-text-primary)}.writer-bell-empty{padding:12px;color:var(--writer-text-secondary)}.writer-bell-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--writer-border-primary)}.writer-bell-item:last-child{border-bottom:none}.writer-bell-item.unread{background:var(--writer-bg-secondary)}.writer-bell-title{font-size:14px;font-weight:600;color:var(--writer-text-primary);margin:0 0 4px}.writer-bell-msg{font-size:12px;color:var(--writer-text-secondary)}.writer-followers-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border:2px solid #e2e8f0;border-radius:20px;background:#fffc;color:#475569}[data-theme=dark] .writer-followers-pill{border-color:#475569;background:#1e293bcc;color:#94a3b8}.writer-followers-pill .count{color:#1f2937}[data-theme=dark] .writer-followers-pill .count{color:#e2e8f0}.writer-profile-menu{position:relative}.writer-profile-trigger{display:flex;align-items:center;gap:10px;background:var(--writer-bg-secondary);border:1px solid var(--writer-border-primary);padding:6px 10px;border-radius:9999px;cursor:pointer}.writer-avatar{width:32px;height:32px;border-radius:9999px;object-fit:cover;border:1px solid var(--writer-border-primary)}.writer-name{font-size:14px;color:var(--writer-text-primary)}.writer-caret{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--writer-text-secondary);transition:transform .2s}.writer-caret svg{width:12px;height:12px}.writer-caret.open{transform:rotate(180deg)}.writer-profile-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--writer-bg-card);border:1px solid var(--writer-border-primary);border-radius:10px;box-shadow:var(--writer-shadow-lg);display:flex;flex-direction:column;min-width:180px;z-index:20;overflow:hidden}.writer-profile-dropdown button{background:none;border:none;text-align:left;padding:10px 12px;font-size:14px;color:var(--writer-text-primary);cursor:pointer}.writer-profile-dropdown button:hover{background:var(--writer-bg-secondary)}.writer-welcome{color:var(--writer-text-secondary);font-size:14px}.writer-publish-btn{background:var(--writer-accent-success);color:var(--writer-text-inverse);border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.writer-publish-btn:hover{background:var(--writer-btn-success-hover)}.writer-create-novel-btn{background:var(--writer-gradient-primary);color:var(--writer-text-inverse);border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s ease}.writer-create-novel-btn:hover{transform:translateY(-1px)}.writer-change-password-btn{background:var(--writer-accent-secondary);color:var(--writer-text-inverse);border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.writer-change-password-btn:hover{background:var(--writer-btn-secondary-hover)}.writer-logout-btn{background:var(--writer-accent-error);color:var(--writer-text-inverse);border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.writer-logout-btn:hover{background:var(--writer-btn-error-hover)}.writer-dashboard-main{padding:20px;max-width:1200px;margin:0 auto;width:100%;min-height:100%;display:flex;flex-direction:column}@media (max-width: 768px){.writer-dashboard-main{max-width:none;margin:0}}.writer-content-header{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;padding-bottom:0;border-bottom:none}.writer-content-header .writer-back-btn{align-self:flex-start;margin-bottom:0}.writer-content-header .writer-content-title{display:flex;justify-content:space-between;align-items:center;width:100%}.writer-content-title h2{margin:0;color:var(--writer-text-primary);font-size:24px;font-weight:600}.writer-content-actions{display:flex;align-items:center;gap:12px}.writer-theme-toggle{display:flex;align-items:center}.writer-theme-btn{background:var(--writer-bg-secondary);border:1px solid var(--writer-border-primary);border-radius:6px;padding:8px 12px;cursor:pointer;font-size:16px;color:var(--writer-text-primary);transition:all .2s ease}.writer-theme-btn:hover{background:var(--writer-bg-primary);border-color:var(--writer-accent-primary)}.writer-error-message{background:var(--writer-accent-error);color:var(--writer-text-inverse);padding:12px;border-radius:6px;border:1px solid var(--writer-accent-error);font-size:14px;text-align:center;margin-bottom:20px}.writer-stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.writer-stat-card{background:var(--writer-bg-card);padding:24px;border-radius:8px;box-shadow:var(--writer-shadow-sm);text-align:center;border:1px solid var(--writer-border-primary)}.writer-stat-card h3{color:var(--writer-text-secondary);font-size:14px;margin:0 0 8px;font-weight:500}.writer-stat-number{color:var(--writer-text-primary);font-size:32px;font-weight:600;margin:0}.writer-novels-section h2{color:var(--writer-text-primary);font-size:20px;margin:0 0 20px;font-weight:600}.writer-empty-state{text-align:center;padding:60px 20px;background:var(--writer-bg-card);border-radius:8px;box-shadow:var(--writer-shadow-sm);border:1px solid var(--writer-border-primary)}.writer-empty-state p{color:var(--writer-text-secondary);font-size:16px;margin:0 0 20px}.writer-create-first-novel-btn{background:var(--writer-gradient-primary);color:var(--writer-text-inverse);border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:transform .2s ease}.writer-create-first-novel-btn:hover{transform:translateY(-2px)}.writer-novels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.writer-novel-card{background:var(--writer-bg-card);border-radius:8px;box-shadow:var(--writer-shadow-sm);padding:20px;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--writer-border-primary)}.writer-novel-card:hover{transform:translateY(-2px);box-shadow:var(--writer-shadow-lg)}.writer-novel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.writer-novel-header h3{color:var(--writer-text-primary);font-size:18px;margin:0;font-weight:600;flex:1}.writer-novel-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.writer-novel-status.published{background:var(--writer-status-published);color:var(--writer-text-inverse)}.writer-novel-status.draft{background:var(--writer-status-draft);color:var(--writer-text-inverse)}.writer-novel-description{color:var(--writer-text-secondary);font-size:14px;margin:0 0 16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.writer-novel-meta{display:flex;gap:12px;margin-bottom:16px}.writer-novel-genre,.writer-novel-chapters{color:var(--writer-text-secondary);font-size:12px;background:var(--writer-bg-secondary);padding:4px 8px;border-radius:4px}.writer-novel-actions{display:flex;gap:8px}.writer-view-btn,.writer-edit-btn{flex:1;padding:8px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.writer-view-btn{background:var(--writer-btn-secondary-bg);color:var(--writer-text-inverse)}.writer-view-btn:hover{background:var(--writer-btn-secondary-hover)}.writer-edit-btn{background:var(--writer-btn-primary-bg);color:var(--writer-text-inverse)}.writer-edit-btn:hover{background:var(--writer-btn-primary-hover)}@media (max-width: 768px){.writer-header-content{flex-direction:column;gap:16px;text-align:center}.writer-header-actions{flex-direction:column;gap:12px}.writer-stats-section,.writer-novels-grid{grid-template-columns:1fr}}.writer-named-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600;text-align:center;overflow:hidden;box-shadow:0 2px 8px #00000026;border:2px solid rgba(255,255,255,.2)}.writer-avatar-initials{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.2);font-size:inherit}.writer-avatar-small{width:24px;height:24px;font-size:10px}.writer-avatar-medium{width:32px;height:32px;font-size:12px}.writer-avatar-large{width:40px;height:40px;font-size:14px}.writer-payment-novel-card{background:var(--writer-bg-card);border-radius:8px;box-shadow:var(--writer-shadow-sm);padding:0;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--writer-border-primary);overflow:hidden;display:flex;flex-direction:column;cursor:pointer}.writer-payment-novel-card:hover{transform:translateY(-2px);box-shadow:var(--writer-shadow-lg)}.writer-payment-novel-image-container{position:relative;width:100%;height:120px;overflow:hidden;background:var(--writer-bg-secondary);display:flex;align-items:center;justify-content:center}.writer-payment-novel-cover{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.writer-payment-novel-card:hover .writer-payment-novel-cover{transform:scale(1.05)}.writer-payment-novel-placeholder{font-size:48px;color:var(--writer-text-secondary);align-items:center;justify-content:center;height:100%;width:100%}.writer-payment-novel-content{padding:16px;flex:1;display:flex;flex-direction:column}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.summary-card{background:var(--writer-bg-card);border-radius:16px;padding:24px;box-shadow:var(--writer-shadow-sm);border:1px solid var(--writer-border-primary);display:flex;align-items:center;justify-content:center;gap:20px;transition:all .3s ease;position:relative;overflow:hidden;text-align:left}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--writer-gradient-primary);opacity:0;transition:opacity .3s ease}.summary-card:hover{transform:translateY(-4px);box-shadow:var(--writer-shadow-lg);border-color:var(--writer-border-accent)}.summary-card:hover:before{opacity:1}.writer-stats-section .card-icon{font-size:32px!important;width:60px!important;height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;background:#3b82f61a!important;flex-shrink:0!important;transition:transform .3s ease!important;text-align:center!important;line-height:1!important;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;position:relative!important}.writer-stats-section .card-icon span,.writer-stats-section .card-icon div{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;font-size:inherit!important;line-height:1!important;margin:0!important;padding:0!important}.writer-stats-section .summary-card:hover .card-icon{transform:scale(1.1)!important}.writer-stats-section .coins-card .card-icon{background:#f59e0b1a!important;color:var(--writer-text-primary)!important}.writer-stats-section .tokens-card .card-icon{background:#8b5cf61a!important;color:var(--writer-text-primary)!important}.writer-stats-section .income-card .card-icon{background:#10b9811a!important;color:var(--writer-text-primary)!important}.writer-stats-section .novels-card .card-icon{background:#3b82f61a!important;color:var(--writer-text-primary)!important}.writer-stats-section .card-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;text-align:left}.writer-stats-section .card-content h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--writer-text-primary);text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.writer-stats-section .card-value{font-size:32px;font-weight:700;color:var(--writer-text-primary);margin:0 0 8px;line-height:1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.card-subtitle{font-size:13px;color:var(--writer-text-tertiary);margin:0;line-height:1.4;display:flex;flex-direction:column;gap:4px}.platform-fee-note{font-size:11px;color:var(--writer-text-muted);font-style:italic;margin-top:2px}.novels-table-container{background:var(--writer-bg-card);border-radius:16px;overflow:hidden;box-shadow:var(--writer-shadow-sm);border:1px solid var(--writer-border-primary);margin-bottom:32px}.novels-table{width:100%;border-collapse:collapse;font-size:14px}.novels-table thead{background:var(--writer-bg-secondary);position:sticky;top:0;z-index:10}.novels-table th{padding:20px 16px;text-align:left;font-weight:700;color:var(--writer-text-primary);border-bottom:2px solid var(--writer-border-primary);font-size:11px;text-transform:uppercase;letter-spacing:1px;background:var(--writer-bg-secondary)}.novels-table td{padding:20px 16px;border-bottom:1px solid var(--writer-border-light);color:var(--writer-text-primary);vertical-align:middle;transition:background-color .2s ease}.novels-table tbody tr{transition:all .2s ease}.novels-table tbody tr:hover{background:var(--writer-bg-secondary);transform:scale(1.01)}.novels-table tbody tr:last-child td{border-bottom:none}.novel-title-cell{max-width:200px}.novel-title-content{display:flex;align-items:center;gap:8px}.novel-title{font-weight:500;color:var(--writer-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{padding:6px 12px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;display:inline-block;transition:all .2s ease}.status-badge.published{background:var(--writer-accent-success);color:#fff;box-shadow:0 2px 4px #10b9814d}.status-badge.draft{background:var(--writer-accent-warning);color:#fff;box-shadow:0 2px 4px #f59e0b4d}[data-theme=dark] .status-badge.published{background:var(--writer-accent-success);color:var(--writer-text-primary)}[data-theme=dark] .status-badge.draft{background:var(--writer-accent-warning);color:var(--writer-text-primary)}.writer-transactions-section{margin-top:32px}.writer-transactions-section h2{color:var(--writer-text-primary);font-size:20px;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:12px}.writer-transactions-section h2:before{content:"📊";font-size:24px}.transactions-table-container{background:var(--writer-bg-card);border-radius:16px;overflow:hidden;box-shadow:var(--writer-shadow-sm);border:1px solid var(--writer-border-primary)}.transactions-table{width:100%;border-collapse:collapse;font-size:14px}.transactions-table thead{background:var(--writer-bg-secondary);position:sticky;top:0;z-index:10}.transactions-table th{padding:20px 16px;text-align:left;font-weight:700;color:var(--writer-text-primary);border-bottom:2px solid var(--writer-border-primary);font-size:11px;text-transform:uppercase;letter-spacing:1px;background:var(--writer-bg-secondary)}.transactions-table td{padding:20px 16px;border-bottom:1px solid var(--writer-border-light);color:var(--writer-text-primary);vertical-align:middle;transition:background-color .2s ease}.transactions-table tbody tr{transition:all .2s ease}.transactions-table tbody tr:hover{background:var(--writer-bg-secondary);transform:scale(1.01)}.transactions-table tbody tr:last-child td{border-bottom:none}.transaction-type{padding:6px 12px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;display:inline-block;transition:all .2s ease}.transaction-type.coin_used{background:var(--writer-accent-warning);color:#fff;box-shadow:0 2px 4px #f59e0b4d}.transaction-type.bonus_used{background:var(--writer-accent-primary);color:#fff;box-shadow:0 2px 4px #3b82f64d}[data-theme=dark] .transaction-type.coin_used{background:var(--writer-accent-warning);color:var(--writer-text-primary)}[data-theme=dark] .transaction-type.bonus_used{background:var(--writer-accent-primary);color:var(--writer-text-primary)}.writer-stat-subtitle{font-size:12px;color:var(--writer-text-secondary);margin-top:4px;font-weight:500}@media (max-width: 768px){.summary-cards{grid-template-columns:1fr;gap:16px}.summary-card{padding:20px;gap:16px}.card-icon{width:48px;height:48px;font-size:20px}.card-value{font-size:24px}.novels-table-container,.transactions-table-container{overflow-x:auto}.novels-table,.transactions-table{min-width:600px}.novels-table th,.novels-table td,.transactions-table th,.transactions-table td{padding:12px 8px}}@media (max-width: 480px){.summary-card{padding:16px;gap:12px;flex-direction:row;align-items:center;justify-content:center}.writer-stats-section .card-icon{width:40px!important;height:40px!important;font-size:18px!important}.writer-stats-section .card-value{font-size:20px}.writer-stats-section .card-content h4,.writer-stats-section .card-subtitle{font-size:11px}}[data-theme=dark] .summary-card{background:var(--writer-bg-card);border-color:var(--writer-border-primary)}[data-theme=dark] .summary-card:hover{border-color:var(--writer-border-accent);box-shadow:var(--writer-shadow-lg)}[data-theme=dark] .novels-table-container,[data-theme=dark] .transactions-table-container{background:var(--writer-bg-card);border-color:var(--writer-border-primary)}[data-theme=dark] .novels-table thead,[data-theme=dark] .transactions-table thead,[data-theme=dark] .novels-table tbody tr:hover,[data-theme=dark] .transactions-table tbody tr:hover{background:var(--writer-bg-secondary)}.writer-novel-stats{margin-top:12px;display:flex;flex-direction:column;gap:6px}.writer-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.writer-stat-label{color:var(--writer-text-secondary);font-weight:500}.writer-stat-value{color:var(--writer-text-primary);font-weight:600}.writer-menu-btn{display:none;background:var(--writer-bg-secondary);border:1px solid var(--writer-border-primary);color:var(--writer-text-primary);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s ease}.writer-menu-btn:hover{background:var(--writer-bg-primary);border-color:var(--writer-border-secondary)}@media (max-width: 768px){.writer-menu-btn{display:block}}.writer-content-type{font-size:16px;padding:2px 6px;border-radius:4px;background:var(--writer-bg-secondary);border:1px solid var(--writer-border-primary)}.writer-content-type.novel{background:#e0f2fe;color:#0277bd;border-color:#81d4fa}.writer-content-type.story{background:#f3e5f5;color:#7b1fa2;border-color:#ce93d8}@media (prefers-color-scheme: dark){.writer-content-type.novel{background:#01579b;color:#81d4fa;border-color:#0277bd}.writer-content-type.story{background:#4a148c;color:#ce93d8;border-color:#7b1fa2}}.writer-content-section{margin-top:30px}.writer-verification-banner{background:var(--writer-bg-secondary);border-left:4px solid #f59e0b;padding:16px;margin-bottom:24px;border-radius:8px;display:flex;align-items:center;gap:12px;box-shadow:var(--writer-shadow-sm);border:1px solid var(--writer-border-primary)}.writer-verification-banner-icon{font-size:24px}.writer-verification-banner-content{flex:1}.writer-verification-banner-title{font-weight:700;color:var(--writer-text-primary);margin-bottom:4px;font-size:16px}.writer-verification-banner-text{font-size:14px;color:var(--writer-text-secondary)}.writer-verify-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600;margin-left:12px;box-shadow:0 1px 2px #0000000d;vertical-align:middle}.writer-verify-badge.verified{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.writer-verify-badge.unverified{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}[data-theme=dark] .writer-verification-banner{background:#f59e0b0d;border-left-color:#f59e0b}.writer-chapter-list-container{display:flex;justify-content:center;padding:24px}.writer-chapter-list-card{width:100%;max-width:1100px;background:var(--writer-bg-card);border:1px solid var(--writer-border-primary);border-radius:12px;padding:20px;color:var(--writer-text-primary);box-shadow:var(--writer-shadow-sm)}.writer-chapter-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.writer-chapter-list-title h1{font-size:22px;margin:0 0 6px;color:var(--writer-text-primary)}.writer-chapter-count{font-size:14px;color:var(--writer-text-secondary)}.writer-chapter-list-actions .writer-back-btn{background:var(--writer-bg-secondary);border:1px solid var(--writer-border-primary);color:var(--writer-text-primary);padding:8px 12px;border-radius:8px;cursor:pointer}.writer-chapter-preview{background:var(--writer-bg-secondary);border:1px solid var(--writer-border-primary);border-radius:12px;padding:16px;color:var(--writer-text-primary)}.writer-chapter-empty{color:var(--writer-text-secondary)}.writer-comments-wrapper{margin-top:24px}.writer-comments-wrapper h3{margin:0 0 10px}.writer-comment-card{border:1px solid var(--writer-border-primary);background:var(--writer-bg-secondary);border-radius:10px;padding:12px;display:grid;grid-template-columns:40px 1fr;gap:12px}.writer-avatar{width:40px;height:40px;border-radius:50%;background:var(--writer-bg-card);display:flex;align-items:center;justify-content:center;color:var(--writer-text-secondary);font-weight:600;border:1px solid var(--writer-border-primary)}.writer-comment-body{display:grid;gap:6px}.writer-comment-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--writer-text-secondary)}.writer-like-btn{background:var(--writer-bg-secondary);border:1px solid var(--writer-border-primary);color:var(--writer-text-secondary);padding:4px 10px;border-radius:16px;cursor:pointer}.writer-like-btn.liked{background:var(--writer-bg-secondary);color:#ef4444;border-color:#ef444459}.writer-comment-header{font-weight:600;margin-bottom:6px}.writer-replies{margin-top:10px;display:grid;gap:10px;grid-column:1 / -1;padding:4px 0;margin-left:52px}.writer-reply-item{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:10px;background:var(--writer-bg-secondary);border:1px solid var(--writer-border-primary);border-radius:8px;width:100%;box-sizing:border-box}.writer-reply-avatar{width:32px;height:32px;border-radius:50%;background:var(--writer-bg-card);color:var(--writer-text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;border:1px solid var(--writer-border-primary)}.writer-reply-body{display:grid;gap:4px}.writer-reply-header{font-weight:600;font-size:13px;color:var(--writer-text-primary)}.writer-reply-meta{font-size:12px;color:var(--writer-text-secondary)}.writer-reply-content{font-size:14px;color:var(--writer-text-primary)}.writer-reply-editor{margin-top:8px;display:grid;gap:8px;grid-column:1 / -1}.writer-textarea{width:100%;min-height:100px;resize:vertical;padding:10px 12px;border-radius:10px;border:1px solid var(--writer-border-primary);background:var(--writer-bg-secondary);color:var(--writer-text-primary)}.writer-reply-buttons{display:flex;gap:10px;justify-content:flex-end;padding-top:6px}.writer-btn-secondary{background:transparent;border:1px solid var(--writer-border-primary);color:var(--writer-text-primary);padding:8px 12px;border-radius:8px;cursor:pointer}.writer-edit-chapter-btn{background:var(--writer-btn-primary-bg);color:var(--writer-text-inverse);border:none;padding:8px 12px;border-radius:8px;cursor:pointer}.writer-edit-chapter-btn:hover{background:var(--writer-btn-primary-hover)}.writer-loading-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.15);border-top-color:#e6eef8;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 8px}.writer-error-message{color:#ffb4b4}.writer-change-password-container{min-height:100vh;background:var(--writer-bg-primary);color:var(--writer-text-primary)}.writer-change-password-header{background:var(--writer-bg-card);border-bottom:1px solid var(--writer-border-primary);padding:20px 0;box-shadow:var(--writer-shadow-sm)}.writer-header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.writer-header-left{flex:1}.writer-header-title{color:var(--writer-text-primary);font-size:24px;margin:0;font-weight:600;text-align:center;flex:2}.writer-header-right{flex:1}.writer-back-button{background:var(--writer-accent-secondary);color:var(--writer-text-inverse);border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.writer-back-button:hover{background:var(--writer-btn-secondary-hover)}.writer-change-password-main{max-width:1200px;margin:0 auto;padding:40px 20px}.writer-change-password-card{background:var(--writer-bg-card);border:1px solid var(--writer-border-primary);border-radius:12px;box-shadow:var(--writer-shadow-md);padding:2rem;max-width:600px;margin:0 auto;transition:all .3s ease}.writer-change-password-card:hover{box-shadow:var(--writer-shadow-lg);transform:translateY(-2px)}.writer-card-header{text-align:center;margin-bottom:2rem}.writer-card-title{color:var(--writer-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem;background:var(--writer-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.writer-card-subtitle{color:var(--writer-text-secondary);font-size:.875rem;margin:0;line-height:1.5}.writer-change-password-form{display:flex;flex-direction:column;gap:1.5rem}.writer-input-wrapper{position:relative}.writer-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--writer-text-secondary);transition:color .3s ease;border-radius:4px}.writer-password-toggle:hover{color:var(--writer-text-primary);background-color:var(--writer-bg-secondary)}.writer-password-toggle svg{width:18px;height:18px}.writer-form-actions{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.writer-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.writer-error-message{background-color:var(--writer-accent-error);color:var(--writer-text-inverse);padding:12px 16px;border-radius:8px;margin-bottom:1rem;border:1px solid var(--writer-accent-error);font-size:14px;font-weight:500}.writer-success-message{background-color:var(--writer-accent-success);color:var(--writer-text-inverse);padding:12px 16px;border-radius:8px;margin-bottom:1rem;border:1px solid var(--writer-accent-success);font-size:14px;font-weight:500}@media (max-width: 768px){.writer-header-content{flex-direction:column;gap:1rem;text-align:center}.writer-header-title{font-size:20px}.writer-back-button{align-self:flex-start}.writer-change-password-main{padding:20px 10px}.writer-change-password-card{padding:1.5rem;margin:0 10px}.writer-form-actions{flex-direction:column}.writer-btn{width:100%;min-width:auto}}@media (max-width: 480px){.writer-change-password-card{padding:1rem}.writer-card-title{font-size:1.25rem}.writer-input{padding:10px 14px;font-size:16px}}@media (prefers-reduced-motion: reduce){.writer-change-password-card,.writer-btn,.writer-input{transition:none}}.writer-forgot-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f172a;padding:20px;color:var(--writer-text-primary)}.writer-forgot-password-card{background:var(--writer-bg-card);border:1px solid var(--writer-border-primary);border-radius:12px;box-shadow:var(--writer-shadow-lg);padding:2.5rem;width:100%;max-width:450px;transition:all .3s ease}.writer-forgot-password-card:hover{box-shadow:var(--writer-shadow-xl);transform:translateY(-2px)}.writer-forgot-password-header{text-align:center;margin-bottom:2rem}.writer-forgot-password-title{color:var(--writer-text-primary);font-size:1.75rem;margin:0 0 .5rem;font-weight:700;background:var(--writer-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.writer-forgot-password-subtitle{color:var(--writer-text-secondary);font-size:.875rem;margin:0;line-height:1.5}.writer-forgot-password-form{display:flex;flex-direction:column;gap:1.5rem}.writer-form-label{color:var(--writer-text-primary);font-size:.875rem;font-weight:600;margin:0}.writer-input{width:100%;padding:12px 16px;border:2px solid var(--writer-input-border);border-radius:8px;font-size:14px;background-color:var(--writer-input-bg);color:var(--writer-text-primary);transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}.writer-input:focus{outline:none;border-color:var(--writer-input-focus);box-shadow:0 0 0 3px #3b82f61a}.writer-input:disabled{background-color:var(--writer-input-disabled);cursor:not-allowed;opacity:.7}.writer-input::placeholder{color:var(--writer-text-muted)}.writer-error-message{background-color:var(--writer-accent-error);color:var(--writer-text-inverse);padding:12px 16px;border-radius:8px;border:1px solid var(--writer-accent-error);font-size:14px;font-weight:500;text-align:center}.writer-success-message{background-color:var(--writer-accent-success);color:var(--writer-text-inverse);padding:12px 16px;border-radius:8px;border:1px solid var(--writer-accent-success);font-size:14px;font-weight:500;text-align:center}.writer-forgot-password-actions{display:flex;gap:1rem;flex-wrap:wrap}.writer-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:120px}.writer-btn-primary{background:var(--writer-gradient-primary);color:var(--writer-text-inverse);box-shadow:var(--writer-shadow-sm)}.writer-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--writer-shadow-md)}.writer-btn-secondary{background:var(--writer-btn-secondary-bg);color:var(--writer-text-inverse)}.writer-btn-secondary:hover:not(:disabled){background:var(--writer-btn-secondary-hover);transform:translateY(-1px)}.writer-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.writer-forgot-password-container{padding:10px}.writer-forgot-password-card{padding:2rem;margin:0 10px}.writer-forgot-password-title{font-size:1.5rem}.writer-forgot-password-actions{flex-direction:column}.writer-btn{width:100%;min-width:auto}}@media (max-width: 480px){.writer-forgot-password-card{padding:1.5rem}.writer-forgot-password-title{font-size:1.25rem}.writer-input{padding:10px 14px;font-size:16px}}.writer-forgot-password-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--writer-border-primary)}.writer-forgot-password-footer-text{color:var(--writer-text-secondary);font-size:14px;margin:0}.writer-link{color:var(--writer-accent-primary);text-decoration:none;font-weight:500;transition:color .3s ease}.writer-link:hover{color:var(--writer-accent-secondary);text-decoration:underline}@media (prefers-reduced-motion: reduce){.writer-forgot-password-card,.writer-btn,.writer-input{transition:none}}.writer-novel-form-main{width:100%;max-width:800px;margin:0 auto}.writer-novel-form-card{background:var(--writer-bg-secondary);border-radius:16px;box-shadow:var(--writer-shadow-xl);padding:2.5rem;width:100%;border:1px solid var(--writer-border-primary);position:relative}.writer-novel-form{background:transparent;box-shadow:none;border:none;padding:0}.writer-novel-form form{display:flex;flex-direction:column;gap:20px}.writer-error-message{background:var(--writer-accent-error);color:var(--writer-text-inverse);padding:12px;border-radius:6px;border:1px solid var(--writer-accent-error);font-size:14px;text-align:center}.writer-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.writer-form-group label{color:var(--writer-text-primary);font-weight:600;font-size:14px;margin-bottom:4px}.writer-form-group input,.writer-form-group textarea,.writer-form-group select{padding:14px 16px;border:2px solid var(--writer-border-primary);border-radius:8px;font-size:15px;transition:all .2s ease;font-family:inherit;background:var(--writer-bg-primary);color:var(--writer-text-primary)}.writer-form-group input:focus,.writer-form-group textarea:focus,.writer-form-group select:focus{outline:none;border-color:var(--writer-accent-primary);box-shadow:0 0 0 3px #3b82f61a}.writer-form-group input:hover,.writer-form-group textarea:hover,.writer-form-group select:hover{border-color:var(--writer-border-secondary)}.writer-form-group textarea{resize:vertical;min-height:120px;line-height:1.5}.writer-form-group select{background:var(--writer-bg-primary);cursor:pointer}.writer-form-group small{color:var(--writer-text-secondary);font-size:13px;margin-top:8px;padding:8px 12px;background:var(--writer-bg-secondary);border-radius:6px;border-left:3px solid var(--writer-accent-primary);line-height:1.4}.checkbox-group{flex-direction:row;align-items:center;gap:12px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:var(--writer-text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0}.checkbox-label small{color:var(--writer-text-secondary);font-size:12px;margin-left:26px;margin-top:-8px}.writer-form-actions{display:flex;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid var(--writer-border-primary)}.writer-cancel-btn,.writer-submit-btn{flex:1;padding:16px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:52px}.writer-cancel-btn{background:var(--writer-bg-secondary);color:var(--writer-text-secondary);border:2px solid var(--writer-border-primary)}.writer-cancel-btn:hover{background:var(--writer-bg-tertiary);border-color:var(--writer-border-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.writer-submit-btn{background:var(--writer-gradient-primary);color:var(--writer-text-inverse);box-shadow:0 2px 8px #3b82f64d}.writer-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.writer-submit-btn:disabled{opacity:.7;cursor:not-allowed}.writer-radio-group{display:flex;flex-direction:column;gap:16px;margin-top:12px}.writer-radio-label{display:flex;flex-direction:row;align-items:center;cursor:pointer;font-size:15px;font-weight:500;padding:16px 20px;border:2px solid var(--writer-border-primary);border-radius:12px;background:var(--writer-bg-primary);transition:all .3s ease;position:relative;overflow:hidden}.writer-radio-label:not(:has(input[type=radio]:checked)){border-color:var(--writer-border-secondary);background:var(--writer-bg-primary);display:flex;flex-direction:row;align-items:center}.writer-radio-label:not(:has(input[type=radio]:checked)) .writer-radio-custom{border-color:var(--writer-border-secondary);background:var(--writer-bg-primary);display:inline-flex;align-items:center;justify-content:center}.writer-radio-label:not(:has(input[type=radio]:checked)):hover .writer-radio-custom{border-color:var(--writer-accent-primary);background:var(--writer-bg-secondary)}.writer-radio-label:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s ease}.writer-radio-label:hover{border-color:var(--writer-accent-primary);background:var(--writer-bg-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.writer-radio-label:hover:before{left:100%}.writer-radio-label input[type=radio]{display:none}.writer-radio-custom{width:22px;height:22px;border:2px solid var(--writer-border-primary);border-radius:50%;margin-right:14px;position:relative;background:var(--writer-bg-primary);transition:all .3s ease;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.writer-radio-label input[type=radio]:checked+.writer-radio-custom{border-color:var(--writer-accent-primary);background:var(--writer-accent-primary);box-shadow:0 0 0 4px #3b82f626;transform:scale(1.05)}.writer-radio-label input[type=radio]:checked+.writer-radio-custom:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;animation:radioCheck .2s ease-in-out}@keyframes radioCheck{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.writer-radio-label input[type=radio]:checked~.writer-radio-text{color:var(--writer-accent-primary);font-weight:600}.writer-radio-text{line-height:1.4;display:inline-block}.writer-radio-label:has(input[type=radio]:checked){border-color:var(--writer-accent-primary);background:linear-gradient(135deg,#3b82f626,#667eea26);box-shadow:0 4px 16px #3b82f640;transform:translateY(-1px);display:flex;flex-direction:row;align-items:center}.writer-radio-label:has(input[type=radio]:checked) .writer-radio-text{color:var(--writer-accent-primary);font-weight:600}.writer-radio-label:has(input[type=radio]:checked) .writer-radio-custom{display:inline-flex;align-items:center;justify-content:center}@media (max-width: 768px){.writer-novel-form-main{padding:20px}.writer-form-actions{flex-direction:column}}.writer-novel-view-container{min-height:100vh;background:var(--writer-bg-primary);color:var(--writer-text-primary)}.writer-novel-view-main{max-width:1400px;margin:0 auto;padding:40px 20px}.writer-novel-view-card{background:var(--writer-bg-card);border-radius:12px;box-shadow:var(--writer-shadow-lg);padding:30px;width:100%;border:1px solid var(--writer-border-primary)}.status-badge{padding:3px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.published{background:var(--writer-status-published);color:var(--writer-text-inverse)}.status-badge.draft{background:var(--writer-status-draft);color:var(--writer-text-inverse)}.writer-novel-view-content{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:40px;align-items:start}.writer-novel-cover{display:flex;justify-content:center;align-items:flex-start;position:sticky;top:20px}.writer-novel-cover img{width:300px;height:450px;border-radius:12px;box-shadow:0 8px 32px #00000026;object-fit:cover;object-position:center}.writer-novel-details{display:flex;flex-direction:column;gap:25px;padding-top:10px}.writer-novel-content-section{display:flex;flex-direction:column;gap:30px;margin-bottom:30px;padding-top:30px;border-top:none}.writer-novel-section{border-bottom:1px solid var(--writer-border-primary);padding-bottom:15px}.writer-novel-section:last-child{border-bottom:none}.writer-novel-section h3{margin:0 0 10px;color:var(--writer-text-primary);font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.writer-novel-section p{margin:0;color:var(--writer-text-secondary);line-height:1.6}.genre-badge{display:inline-block;background:var(--writer-gradient-primary);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.writer-edit-btn{background:var(--writer-accent-primary);color:var(--writer-text-inverse);border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.writer-edit-btn:hover{transform:translateY(-1px);box-shadow:var(--writer-shadow-md);background:var(--writer-btn-primary-hover)}.writer-add-chapter-btn{background:var(--writer-gradient-success);color:var(--writer-text-inverse);border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.writer-add-chapter-btn:hover{transform:translateY(-1px);box-shadow:var(--writer-shadow-md)}.writer-add-first-chapter-btn,.writer-add-first-audio-btn,.writer-add-first-video-btn{background:var(--writer-gradient-success);color:var(--writer-text-inverse);border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.writer-add-first-chapter-btn:hover,.writer-add-first-audio-btn:hover,.writer-add-first-video-btn:hover{transform:translateY(-1px);box-shadow:var(--writer-shadow-md)}.writer-content-tabs{margin-top:30px}.writer-tabs-header{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid var(--writer-border-primary);padding-bottom:10px}.writer-tab-btn{background:var(--writer-bg-secondary);color:var(--writer-text-secondary);border:none;padding:12px 20px;border-radius:8px 8px 0 0;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.writer-tab-btn:hover{background:var(--writer-bg-tertiary);color:var(--writer-text-primary)}.writer-tab-btn.active{background:var(--writer-bg-card);color:var(--writer-text-primary);border-bottom-color:var(--writer-accent-primary)}.writer-tabs-content{background:var(--writer-bg-card);border-radius:8px;border:1px solid var(--writer-border-primary);overflow:hidden}.writer-tab-content{padding:30px}.writer-chapters-section{margin-top:30px;padding:30px;background:var(--writer-bg-secondary);border-radius:8px;border:1px solid var(--writer-border-primary)}.writer-chapters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--writer-border-primary)}.writer-chapters-header h2{margin:0;color:var(--writer-text-primary);font-size:22px;font-weight:600}.writer-chapters-list{display:flex;flex-direction:column;gap:15px}.writer-chapter-item{background:var(--writer-bg-card);border-radius:8px;padding:20px;border:1px solid var(--writer-border-primary);transition:all .2s ease;position:relative}.writer-chapter-item:hover{transform:translateY(-1px);box-shadow:var(--writer-shadow-lg)}.writer-chapter-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.writer-chapter-item-info h4{margin:0 0 8px;color:var(--writer-text-primary);font-size:16px;font-weight:600;line-height:1.4}.writer-chapter-item-meta{display:flex;gap:12px;flex-wrap:wrap}.writer-status-pill{border:1px solid rgba(0,0,0,.12);padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.2px}.writer-chapter-item-preview .writer-status-pill{padding:1px 8px;font-size:10px;border-radius:10px}.writer-chapter-status{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.writer-chapter-status.free{background:var(--writer-accent-success);color:var(--writer-text-inverse)}.writer-chapter-status.paid{background:var(--writer-accent-warning);color:var(--writer-text-inverse)}.writer-chapter-words,.writer-chapter-date{color:var(--writer-text-tertiary);font-size:12px}.writer-chapter-item-actions{display:flex;gap:8px}.writer-edit-chapter-btn{background:var(--writer-bg-secondary);color:var(--writer-text-secondary);border:1px solid var(--writer-border-primary);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .2s,border-color .2s}.writer-edit-chapter-btn:hover{background:var(--writer-bg-tertiary);border-color:var(--writer-border-secondary)}.writer-action-publish{background:var(--writer-gradient-success);color:var(--writer-text-inverse);border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.writer-action-publish:hover{transform:translateY(-1px);box-shadow:var(--writer-shadow-md)}.writer-action-draft{background:var(--writer-accent-warning);color:var(--writer-text-inverse);border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.writer-action-draft:hover{transform:translateY(-1px);box-shadow:var(--writer-shadow-md)}.writer-chapter-item-preview{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--writer-text-secondary);font-size:14px;line-height:1.5}.writer-chapter-preview-text{flex:1;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.writer-chapter-empty{color:var(--writer-text-muted);font-style:italic}.writer-audio-header,.writer-video-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--writer-border-primary)}.writer-audio-header h2,.writer-video-header h2{margin:0;color:var(--writer-text-primary);font-size:22px;font-weight:600}.writer-add-audio-btn,.writer-add-video-btn{background:var(--writer-gradient-success);color:var(--writer-text-inverse);border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.writer-add-audio-btn:hover,.writer-add-video-btn:hover{transform:translateY(-1px);box-shadow:var(--writer-shadow-md)}.writer-audio-list,.writer-video-list{display:flex;flex-direction:column;gap:15px}.writer-audio-item,.writer-video-item{background:var(--writer-bg-card);border-radius:8px;padding:20px;border:1px solid var(--writer-border-primary);transition:all .2s ease}.writer-audio-item:hover,.writer-video-item:hover{transform:translateY(-1px);box-shadow:var(--writer-shadow-lg)}.writer-audio-item-header,.writer-video-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.writer-audio-item-info h4,.writer-video-item-info h4{margin:0 0 8px;color:var(--writer-text-primary);font-size:16px;font-weight:600;line-height:1.4}.writer-audio-item-meta,.writer-video-item-meta{display:flex;gap:12px;flex-wrap:wrap}.writer-audio-status,.writer-video-status{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.writer-audio-status.free,.writer-video-status.free{background:var(--writer-accent-success);color:var(--writer-text-inverse)}.writer-audio-status.paid,.writer-video-status.paid{background:var(--writer-accent-warning);color:var(--writer-text-inverse)}.writer-audio-date,.writer-video-date{color:var(--writer-text-tertiary);font-size:12px}.writer-audio-item-actions,.writer-video-item-actions{display:flex;gap:8px}.writer-edit-audio-btn,.writer-edit-video-btn{background:var(--writer-accent-primary);color:var(--writer-text-inverse);border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .2s}.writer-edit-audio-btn:hover,.writer-edit-video-btn:hover{background:var(--writer-btn-primary-hover)}.writer-audio-item-main{display:flex;gap:20px;align-items:center}.writer-audio-poster{width:80px;height:120px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;flex-shrink:0}.writer-audio-poster img{width:100%;height:100%;object-fit:cover}.writer-audio-poster.placeholder{background:var(--writer-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--writer-text-tertiary);border:1px dashed var(--writer-border-primary)}.writer-audio-poster.placeholder svg{width:40px;height:40px;opacity:.5}.writer-audio-content{flex:1;display:flex;justify-content:space-between;align-items:center;gap:20px}.writer-audio-info h4{margin:0 0 8px!important;font-size:18px!important;color:var(--writer-text-primary)}.writer-audio-meta{display:flex;gap:15px;align-items:center;margin-bottom:8px}.writer-audio-url-short{margin:0;font-size:12px;color:var(--writer-text-tertiary);font-family:monospace;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.writer-audio-actions{display:flex;gap:10px}.writer-no-chapters,.writer-no-audio,.writer-no-video{text-align:center;padding:40px 20px;color:var(--writer-text-secondary)}.writer-no-chapters-icon,.writer-no-audio-icon,.writer-no-video-icon{font-size:36px;margin-bottom:15px}.writer-no-chapters h3,.writer-no-audio h3,.writer-no-video h3{margin:0 0 8px;color:var(--writer-text-primary);font-size:18px}.writer-no-chapters p,.writer-no-audio p,.writer-no-video p{margin:0 0 20px;color:var(--writer-text-secondary)}.writer-add-first-chapter-btn{background:var(--writer-gradient-success);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.writer-add-first-chapter-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #28a74566}.writer-loading-spinner{width:40px;height:40px;border:4px solid var(--writer-border-primary);border-top:4px solid var(--writer-accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.writer-error-message{background:var(--writer-accent-error);color:var(--writer-text-inverse);padding:12px;border-radius:6px;margin-bottom:20px;border:1px solid var(--writer-accent-error)}@media (max-width: 768px){.writer-novel-view-main{padding:20px 10px}.writer-novel-view-card{padding:20px}.writer-novel-view-content{grid-template-columns:1fr;gap:20px}.writer-novel-cover img{width:200px;height:300px}.writer-novel-content-section{padding-top:15px}.writer-tabs-header{flex-wrap:wrap;gap:8px}.writer-tab-btn{padding:10px 16px;font-size:13px}.writer-tab-content,.writer-chapters-section{padding:20px}.writer-chapters-header,.writer-audio-header,.writer-video-header{flex-direction:column;gap:15px;text-align:center}.writer-chapter-item-header{flex-direction:column;gap:10px}.writer-chapter-item-actions{align-self:flex-end}.writer-audio-item-header,.writer-video-item-header{flex-direction:column;gap:10px}.writer-audio-item-actions,.writer-video-item-actions{align-self:flex-end}}.writer-chapter-form-container{width:100%;min-height:100vh;padding:20px;background:var(--writer-bg-primary)}.writer-chapter-form-header{display:flex;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--writer-border-primary)}.writer-header-actions{display:flex;gap:10px}.writer-status-pill{margin-left:12px;border:1px solid rgba(0,0,0,.12);padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}.writer-status-pill.draft{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.writer-status-pill.published{background:#ecfeff;color:#155e75;border-color:#a5f3fc}.writer-back-button{background:var(--writer-bg-secondary);color:var(--writer-text-secondary);border:1px solid var(--writer-border-primary);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;margin-right:20px}.writer-back-button:hover{background:var(--writer-bg-tertiary);border-color:var(--writer-border-secondary)}.writer-chapter-form-header h1{margin:0;color:var(--writer-text-primary);font-size:24px;font-weight:600}.writer-error-message{background:var(--writer-accent-error);color:var(--writer-text-inverse);padding:12px;border-radius:5px;margin-bottom:20px;border:1px solid var(--writer-accent-error)}.writer-success-message{background:var(--writer-accent-success);color:var(--writer-text-inverse);padding:12px;border-radius:5px;margin-bottom:20px;border:1px solid var(--writer-accent-success)}.writer-chapter-form-layout{display:flex;gap:20px;height:calc(100vh - 100px);margin-top:20px}.writer-form-sidebar{width:350px;background:var(--writer-bg-card);border-radius:8px;padding:20px;box-shadow:var(--writer-shadow-md);border:1px solid var(--writer-border-primary);height:calc(100vh - 140px);overflow:visible;display:flex;flex-direction:column}.writer-chapter-form{display:flex;flex-direction:column;gap:20px;flex:1}.writer-editor-main{flex:1;display:flex;flex-direction:column;background:var(--writer-bg-card);border-radius:8px;box-shadow:var(--writer-shadow-md);border:1px solid var(--writer-border-primary);overflow:hidden;height:calc(100vh - 140px);min-height:600px}.writer-editor-header{padding:20px 20px 10px;border-bottom:1px solid var(--writer-border-primary);background:var(--writer-bg-secondary)}.writer-form-group{display:flex;flex-direction:column;margin-bottom:0}.writer-checkbox-label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--writer-text-primary);cursor:pointer;margin-bottom:0}.writer-checkbox-label .writer-checkbox{margin:0;flex-shrink:0}.writer-checkbox-text{font-size:14px;font-weight:600;color:var(--writer-text-primary)}.writer-form-label{font-weight:600;color:var(--writer-text-primary);margin-bottom:8px;font-size:14px}.writer-form-input{padding:12px;border:2px solid var(--writer-input-border);border-radius:5px;font-size:14px;transition:border-color .3s;background:var(--writer-input-bg);color:var(--writer-text-primary)}.writer-form-input:focus{outline:none;border-color:var(--writer-input-focus)}.writer-form-input:disabled{background-color:var(--writer-bg-secondary);color:var(--writer-text-secondary);cursor:not-allowed}.writer-checkbox{margin-right:8px;transform:scale(1.2)}.writer-pricing-section{display:flex;flex-direction:column;gap:16px}.writer-coin-input-group{display:flex;flex-direction:column;gap:8px}.writer-coin-input-group .writer-form-label{margin-bottom:4px;font-size:14px;font-weight:600;color:var(--writer-text-primary)}.writer-editor-container{flex:1;border:none;border-radius:0;overflow:hidden;display:flex;flex-direction:column}.writer-editor-container .jodit-container{border:none!important;height:100%!important;overflow:hidden}.writer-editor-container .jodit-toolbar{background:var(--writer-bg-secondary)!important;border-bottom:1px solid var(--writer-input-border)!important}.writer-editor-container .jodit-workplace{background:var(--writer-input-bg)!important;height:calc(100% - 40px)!important;overflow:auto!important;position:relative!important;color:var(--writer-text-primary)!important}.writer-editor-container .jodit-workplace .jodit-wysiwyg{color:var(--writer-text-primary)!important;background-color:var(--writer-input-bg)!important}.writer-editor-container .jodit-editor{color:var(--writer-text-primary)!important;min-height:100%!important;height:100%!important;overflow:visible!important;background-color:var(--writer-input-bg)!important}.writer-editor-container .jodit-editor p,.writer-editor-container .jodit-editor div,.writer-editor-container .jodit-editor span,.writer-editor-container .jodit-editor h1,.writer-editor-container .jodit-editor h2,.writer-editor-container .jodit-editor h3,.writer-editor-container .jodit-editor h4,.writer-editor-container .jodit-editor h5,.writer-editor-container .jodit-editor h6,.writer-editor-container .jodit-editor strong,.writer-editor-container .jodit-editor b,.writer-editor-container .jodit-editor em,.writer-editor-container .jodit-editor i,.writer-editor-container .jodit-editor ul,.writer-editor-container .jodit-editor ol,.writer-editor-container .jodit-editor li{color:var(--writer-text-primary)!important}.writer-editor-container .jodit-editor blockquote{color:var(--writer-text-primary)!important;border-left-color:var(--writer-border-primary)!important}.writer-editor-container .jodit-editor code,.writer-editor-container .jodit-editor pre{color:var(--writer-text-primary)!important;background-color:var(--writer-bg-secondary)!important}.writer-editor-container .jodit-wysiwyg{min-height:100%;height:100%;overflow:visible!important;padding:1rem;max-height:none!important;position:relative!important;color:var(--writer-text-primary)!important;background-color:var(--writer-input-bg)!important}.writer-editor-container .jodit-placeholder{color:var(--writer-text-muted)!important;background-color:transparent!important}.writer-editor-container .jodit-editor ::selection{background-color:var(--writer-accent-primary)!important;color:var(--writer-text-inverse)!important}.writer-editor-container .jodit-editor ::-moz-selection{background-color:var(--writer-accent-primary)!important;color:var(--writer-text-inverse)!important}.writer-editor-container .jodit-workplace .jodit-wysiwyg{overflow-y:auto!important;overflow-x:hidden!important;max-height:calc(100vh - 200px)!important}.writer-form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid var(--writer-border-primary)}.writer-cancel-button{background:var(--writer-bg-secondary);color:var(--writer-text-secondary);border:1px solid var(--writer-border-primary);padding:12px 24px;border-radius:5px!important;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.writer-cancel-button:hover:not(:disabled){background:var(--writer-bg-tertiary);border-color:var(--writer-border-secondary)}.writer-submit-button{background:var(--writer-accent-primary);color:var(--writer-text-inverse);border:none;padding:12px 24px;border-radius:5px!important;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.writer-submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--writer-shadow-md);background:var(--writer-btn-primary-hover)}.writer-submit-button:disabled{background:var(--writer-accent-primary);color:var(--writer-text-inverse)!important;cursor:not-allowed;opacity:.6}.writer-cancel-button:disabled{background:var(--writer-bg-secondary);color:var(--writer-text-secondary)!important;cursor:not-allowed;opacity:.6}.writer-success-button{background:var(--writer-gradient-success);color:var(--writer-text-inverse);border:none;padding:12px 24px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.writer-success-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--writer-shadow-md)}.writer-warning-button{background:var(--writer-accent-warning);color:var(--writer-text-inverse);border:none;padding:12px 24px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.writer-warning-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--writer-shadow-md)}@media (max-width: 1024px){.writer-chapter-form-layout{flex-direction:column;height:auto}.writer-form-sidebar{width:100%;max-height:none}.writer-editor-main{height:600px}}@media (max-width: 768px){.writer-chapter-form-container{padding:15px}.writer-chapter-form-header{flex-direction:column;align-items:flex-start;gap:15px}.writer-back-button{margin-right:0;margin-bottom:10px}.writer-form-actions{flex-direction:column}.writer-submit-button,.writer-cancel-button{width:100%}.writer-editor-main{height:500px}}.writer-editor-container .jodit-ui-button{background:transparent!important;border:none!important;color:var(--writer-text-primary)!important}.writer-editor-container .jodit-ui-button:hover{background:var(--writer-bg-tertiary)!important}.writer-editor-container .jodit-ui-button__icon{color:var(--writer-text-primary)!important}:root{--writer-accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--writer-glass-bg: rgba(255, 255, 255, .8);--writer-glass-border: rgba(255, 255, 255, .3);--writer-card-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15)}.writer-audio-form-container{min-height:100vh;background:linear-gradient(120deg,#fdfbfb,#ebedee);color:#2d3748;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.writer-audio-form-main{max-width:900px;margin:0 auto;padding:40px 20px;animation:fadeIn .6s ease-out}.writer-audio-form{background:var(--writer-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:40px;border-radius:24px;border:1px solid var(--writer-glass-border);box-shadow:var(--writer-card-shadow)}.writer-content-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:center}.writer-content-title h1{font-size:28px;font-weight:800;background:var(--writer-accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.writer-back-btn{background:#fff;color:#4a5568;border:1px solid #e2e8f0;padding:10px 20px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px}.writer-back-btn:hover{background:#f7fafc;transform:translate(-4px);box-shadow:0 4px 12px #0000000d}.writer-form-group{margin-bottom:24px}.writer-form-label{display:block;margin-bottom:10px;color:#4a5568;font-weight:600;font-size:14px;letter-spacing:.025em}.writer-form-input{width:100%;padding:14px 18px;border:2px solid #edf2f7;border-radius:14px;background:#fff;color:#2d3748;font-size:15px;transition:all .3s ease}.writer-form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.writer-poster-upload-section{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:30px;padding:30px;border:2px dashed #cbd5e0;border-radius:20px;background:#ffffff80;transition:all .3s ease;cursor:pointer}.writer-poster-upload-section:hover{border-color:#667eea;background:#667eea0d}.writer-poster-preview{width:160px;height:240px;border-radius:16px;object-fit:cover;box-shadow:0 10px 25px #0000001a;background:#f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden}.writer-poster-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:#a0aec0}.writer-poster-placeholder svg{width:48px;height:48px}.writer-upload-instruction{font-size:14px;color:#718096;text-align:center}.writer-tier-selection{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.writer-tier-card{background:#fff;border:2px solid #edf2f7;border-radius:20px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.writer-tier-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 10px 20px #0000000d}.writer-tier-card.active{background:#667eea0a;border-color:#667eea;box-shadow:0 10px 25px #667eea1a}.writer-tier-icon{width:48px;height:48px;background:#f8fafc;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#4a5568;transition:all .3s ease}.writer-tier-card.active .writer-tier-icon{background:#667eea;color:#fff}.writer-tier-info h3{margin:0 0 4px;font-size:16px;font-weight:700;color:#2d3748}.writer-tier-info p{margin:0;font-size:13px;color:#a0aec0;line-height:1.4}.writer-tier-card.active .writer-tier-info p{color:#718096}.writer-tier-check{position:absolute;top:20px;right:20px;width:24px;height:24px;border:2px solid #cbd5e0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.writer-tier-card.active .writer-tier-check{border-color:#667eea;background:#667eea}.check-dot{width:8px;height:8px;background:#fff;border-radius:50%;transform:scale(0);transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.writer-tier-card.active .check-dot{transform:scale(1)}@media (max-width: 640px){.writer-tier-selection{grid-template-columns:1fr}}.writer-form-actions{display:flex;gap:16px;justify-content:flex-end;padding-top:30px;margin-top:20px}.writer-cancel-button{background:#fff;color:#718096;border:2px solid #edf2f7;padding:14px 28px;border-radius:14px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease}.writer-cancel-button:hover:not(:disabled){background:#f7fafc;border-color:#e2e8f0;color:#4a5568}.writer-submit-button{background:var(--writer-accent-gradient);color:#fff;border:none;padding:14px 32px;border-radius:14px;cursor:pointer;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #667eea4d}.writer-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.writer-submit-button:active:not(:disabled){transform:translateY(0)}.writer-submit-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.writer-error-message,.writer-success-message{padding:16px 20px;border-radius:14px;margin-bottom:24px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:12px}.writer-error-message{background:#fff5f5;color:#c53030;border:1px solid #feb2b2}.writer-success-message{background:#f0fff4;color:#2f855a;border:1px solid #9ae6b4}@media (max-width: 640px){.writer-audio-form{padding:24px;border-radius:0}.writer-audio-form-main{padding:0}.writer-form-actions{flex-direction:column-reverse}.writer-cancel-button,.writer-submit-button{width:100%}}.writer-video-form-container{min-height:100vh;background:var(--writer-bg-primary);color:var(--writer-text-primary)}.writer-video-form-main{max-width:85%;margin:0 auto;padding:40px 20px}.writer-video-form{background:var(--writer-bg-secondary);padding:30px;border-radius:12px;border:1px solid var(--writer-border-primary);box-shadow:var(--writer-shadow-sm)}.writer-back-btn{background:var(--writer-bg-secondary);color:var(--writer-text-secondary);border:1px solid var(--writer-border-primary);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.writer-back-btn:hover{background:var(--writer-bg-tertiary);border-color:var(--writer-border-secondary)}.writer-form-label{display:block;margin-bottom:8px;color:var(--writer-text-primary);font-weight:500;font-size:14px}.writer-form-input{width:100%;padding:12px 16px;border:1px solid var(--writer-border-primary);border-radius:6px;background:var(--writer-bg-primary);color:var(--writer-text-primary);font-size:14px;transition:border-color .2s ease}.writer-form-input:focus{outline:none;border-color:var(--writer-accent-primary);box-shadow:0 0 0 3px #667eea1a}.writer-form-input::placeholder{color:var(--writer-text-muted)}.writer-input-error{border-color:var(--writer-error-border)!important;box-shadow:0 0 0 3px #ef44441a}.writer-field-error{color:var(--writer-error-text);font-size:12px;margin-top:4px;margin-left:2px}.writer-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.writer-checkbox{margin-right:8px;accent-color:var(--writer-accent-primary)}.writer-error-message{background:var(--writer-error-bg);color:var(--writer-error-text);border:1px solid var(--writer-error-border);padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px}.writer-success-message{background:var(--writer-success-bg);color:var(--writer-success-text);border:1px solid var(--writer-success-border);padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px}.writer-form-actions{display:flex;gap:15px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--writer-border-primary);margin-top:30px}.writer-cancel-button{background:var(--writer-btn-secondary-bg);color:var(--writer-text-inverse);border:1px solid var(--writer-border-primary);padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.writer-cancel-button:hover{background:var(--writer-btn-secondary-hover)}.writer-cancel-button:disabled{opacity:.6;cursor:not-allowed;color:var(--writer-text-inverse)}.writer-submit-button{background:var(--writer-gradient-primary);color:var(--writer-text-inverse);border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.writer-submit-button:hover{transform:translateY(-1px);box-shadow:var(--writer-shadow-md)}.writer-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;color:var(--writer-text-inverse)}@media (max-width: 768px){.writer-video-form-container{padding:10px}.writer-video-form-main{max-width:100%}.writer-video-form-header{padding:15px 20px;flex-direction:column;align-items:flex-start;gap:15px}.writer-video-form-header h1{font-size:20px}.writer-video-form{padding:20px}.writer-form-row{grid-template-columns:1fr;gap:15px}.writer-form-actions{flex-direction:column}.writer-cancel-button,.writer-submit-button{width:100%}}.writer-story-form-container{min-height:100vh;background:var(--writer-bg-primary);color:var(--writer-text-primary)}.writer-story-form-main{padding:20px;max-width:1200px;margin:0 auto}.writer-story-form-card{background:var(--writer-bg-card);border-radius:12px;padding:30px;box-shadow:var(--writer-shadow-lg);border:1px solid var(--writer-border-primary)}.writer-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.writer-form-group{margin-bottom:20px}.writer-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--writer-text-primary);font-size:14px}.writer-form-group input,.writer-form-group select,.writer-form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--writer-border-primary);border-radius:8px;background:var(--writer-bg-secondary);color:var(--writer-text-primary);font-size:14px;transition:all .2s ease;box-sizing:border-box}.writer-form-group input:focus,.writer-form-group select:focus,.writer-form-group textarea:focus{outline:none;border-color:var(--writer-accent-primary);box-shadow:0 0 0 3px #6366f11a}.writer-form-group textarea{resize:vertical;min-height:100px}.writer-editor-container{border:1px solid var(--writer-border-primary);border-radius:8px;overflow:hidden;background:var(--writer-bg-secondary)}.writer-editor-container .jodit-container{background:var(--writer-bg-secondary)!important;color:var(--writer-text-primary)!important}.writer-editor-container .jodit-toolbar{background:var(--writer-bg-primary)!important;border-bottom:1px solid var(--writer-border-primary)!important}.writer-editor-container .jodit-workplace{background:var(--writer-bg-secondary)!important;min-height:500px!important}.writer-editor-container .jodit-wysiwyg{background:var(--writer-bg-secondary)!important;color:var(--writer-text-primary)!important;min-height:500px!important}.writer-checkbox-label{display:flex;align-items:center;cursor:pointer;margin-bottom:0}.writer-checkbox-label input[type=checkbox]{width:auto;margin-right:8px;margin-bottom:0}.writer-checkbox-text{font-size:14px;color:var(--writer-text-primary)}.writer-upload-status{font-size:12px;color:var(--writer-text-secondary);margin-top:4px;font-style:italic}.writer-image-preview{margin-top:10px}.writer-image-upload-area{position:relative}.writer-file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.writer-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;border:2px dashed rgba(99,102,241,.3);border-radius:12px;background:#6366f10d;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-align:center;padding:2rem}.writer-upload-placeholder:hover{border-color:#6366f180;background:#6366f11a}.writer-upload-placeholder.writer-drag-over{border-color:var(--writer-accent-primary);background:#3b82f61a;transform:scale(1.02);box-shadow:0 4px 12px #3b82f633}.writer-upload-icon{font-size:3rem;margin-bottom:1rem;opacity:.8;color:var(--writer-accent-primary)}.writer-upload-title{font-size:1.125rem;font-weight:600;color:var(--writer-text-primary);margin-bottom:.5rem;text-align:center}.writer-upload-subtitle{font-size:.875rem;color:var(--writer-text-secondary);text-align:center;line-height:1.4}.writer-image-preview{position:relative;width:100%;height:100%;min-height:200px}.writer-image-preview img{width:100%;height:100%;object-fit:cover;border-radius:8px}.writer-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:8px}.writer-image-preview:hover .writer-image-overlay{opacity:1}.writer-upload-text{color:#fff;font-weight:600}.writer-upload-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.5rem;background:#000c;padding:.5rem 1rem;border-radius:8px;color:#fff;font-size:.875rem}.writer-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:writer-spin 1s linear infinite}@keyframes writer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.writer-remove-image-btn{position:absolute;top:10px;right:10px;background:#ef4444e6;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;z-index:10}.writer-remove-image-btn:hover{background:#ef4444;transform:scale(1.05)}.writer-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid var(--writer-border-primary)}.writer-cancel-btn{padding:12px 24px;border:1px solid var(--writer-border-primary);border-radius:8px;background:var(--writer-bg-secondary);color:var(--writer-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.writer-cancel-btn:hover{background:var(--writer-bg-primary);border-color:var(--writer-border-secondary)}.writer-submit-btn{padding:12px 24px;border:none;border-radius:8px;background:var(--writer-gradient-primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.writer-submit-btn:hover:not(:disabled){background:var(--writer-gradient-secondary);transform:translateY(-1px)}.writer-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.writer-story-form-main{padding:15px}.writer-story-form-card{padding:20px}.writer-form-row{grid-template-columns:1fr;gap:15px}.writer-form-actions{flex-direction:column}.writer-cancel-btn,.writer-submit-btn{width:100%}}@media (prefers-color-scheme: dark){.writer-editor-container .jodit-toolbar-editor-collection{background:var(--writer-bg-primary)!important}.writer-editor-container .jodit-toolbar-button{color:var(--writer-text-primary)!important}.writer-editor-container .jodit-toolbar-button:hover{background:var(--writer-bg-secondary)!important}}.writer-story-view-container{min-height:100vh;background:var(--writer-bg-primary);color:var(--writer-text-primary)}.writer-story-view-main{padding:20px;max-width:1000px;margin:0 auto}.writer-story-view-card{background:var(--writer-bg-card);border-radius:12px;padding:30px;box-shadow:var(--writer-shadow-lg);border:1px solid var(--writer-border-primary)}.writer-story-header{display:flex;gap:30px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--writer-border-primary)}.writer-story-info{flex:1}.writer-story-info h2{font-size:28px;font-weight:700;color:var(--writer-text-primary);margin:0 0 15px;line-height:1.3}.writer-story-meta{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}.writer-story-genre{background:var(--writer-accent-primary);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.writer-story-status{background:var(--writer-bg-secondary);color:var(--writer-text-primary);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid var(--writer-border-primary)}.writer-story-date{color:var(--writer-text-secondary);font-size:12px;padding:6px 0;font-weight:500}.writer-story-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.writer-tag{background:var(--writer-bg-secondary);color:var(--writer-text-secondary);padding:4px 8px;border-radius:12px;font-size:11px;border:1px solid var(--writer-border-primary)}.writer-story-cover{flex-shrink:0;width:200px;height:280px;border-radius:8px;overflow:hidden;box-shadow:var(--writer-shadow-md);border:1px solid var(--writer-border-primary)}.writer-story-cover img{width:100%;height:100%;object-fit:cover}.writer-story-description{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--writer-border-primary)}.writer-story-description h3{font-size:18px;font-weight:600;color:var(--writer-text-primary);margin:0 0 10px}.writer-story-description p{font-size:16px;line-height:1.6;color:var(--writer-text-secondary);margin:0}.writer-story-content{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--writer-border-primary)}.writer-story-content h3{font-size:18px;font-weight:600;color:var(--writer-text-primary);margin:0 0 20px}.writer-story-text{font-size:16px;line-height:1.8;color:var(--writer-text-primary);text-align:justify}.writer-story-text p{margin-bottom:16px}.writer-story-text h1,.writer-story-text h2,.writer-story-text h3,.writer-story-text h4,.writer-story-text h5,.writer-story-text h6{color:var(--writer-text-primary);margin-top:24px;margin-bottom:12px}.writer-story-text ul,.writer-story-text ol{margin-bottom:16px;padding-left:20px}.writer-story-text li{margin-bottom:8px}.writer-story-text blockquote{border-left:4px solid var(--writer-accent-primary);padding-left:16px;margin:20px 0;font-style:italic;color:var(--writer-text-secondary)}.writer-story-text img{max-width:100%;height:auto;border-radius:8px;margin:16px 0;box-shadow:var(--writer-shadow-sm)}.writer-story-stats{display:flex;gap:30px;margin-bottom:30px;padding:20px;background:var(--writer-bg-secondary);border-radius:8px;border:1px solid var(--writer-border-primary)}.writer-stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.writer-stat-label{font-size:12px;color:var(--writer-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.writer-stat-value{font-size:20px;font-weight:700;color:var(--writer-text-primary)}.writer-story-actions{display:flex;gap:12px;justify-content:center}.writer-edit-btn{padding:12px 24px;border:none;border-radius:8px;background:var(--writer-accent-primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.writer-edit-btn:hover{background:var(--writer-accent-secondary);transform:translateY(-1px)}.writer-delete-btn{padding:12px 24px;border:1px solid #ef4444;border-radius:8px;background:transparent;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.writer-delete-btn:hover{background:#ef4444;color:#fff}.writer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.writer-modal{background:var(--writer-bg-card);border-radius:12px;padding:30px;max-width:400px;width:90%;box-shadow:var(--writer-shadow-xl);border:1px solid var(--writer-border-primary)}.writer-modal h3{font-size:20px;font-weight:600;color:var(--writer-text-primary);margin:0 0 15px}.writer-modal p{font-size:14px;color:var(--writer-text-secondary);margin:0 0 20px;line-height:1.5}.writer-modal-actions{display:flex;gap:12px;justify-content:flex-end}@media (max-width: 768px){.writer-story-view-main{padding:15px}.writer-story-view-card{padding:20px}.writer-story-header{flex-direction:column;gap:20px}.writer-story-cover{width:150px;height:200px;align-self:center}.writer-story-meta{flex-direction:column;gap:8px}.writer-story-stats{flex-direction:column;gap:15px;text-align:center}.writer-story-actions{flex-direction:column}.writer-edit-btn,.writer-delete-btn{width:100%}.writer-modal{margin:20px;padding:20px}.writer-modal-actions{flex-direction:column}.writer-cancel-btn,.writer-delete-btn{width:100%}}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.published{background:#10b981;color:#fff}.status-badge.draft{background:#f59e0b;color:#fff}.writer-profile-page{min-height:100vh;background:#fafafb}.writer-profile-container{padding:1.5rem;max-width:1200px;margin:0 auto;background:transparent;color:#111827}.writer-profile-hero{height:120px;border-radius:16px;background:linear-gradient(90deg,#eef2ff,#fde68a);margin-bottom:-44px}@media (prefers-color-scheme: dark){.writer-profile-hero{background:linear-gradient(90deg,#1e293b,#334155)!important}}.dark .writer-profile-hero{background:linear-gradient(90deg,#1e293b,#334155)!important}.writer-profile-headercard{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;margin-bottom:1rem}.writer-profile-all{padding:1.25rem 1.5rem}.writer-profile-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.writer-profile-header-left{display:flex;align-items:center;gap:20px}.writer-profile-avatar-lg{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #e5e7eb;background:#fff;box-shadow:0 4px 6px -1px #0000001a}.writer-avatar-change{display:inline-block;margin-top:8px;font-size:12px;color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;padding:6px 12px;cursor:pointer;transition:all .2s ease}.writer-avatar-change:hover{background:#ddd6fe;border-color:#a78bfa}.writer-avatar-change input{display:none}.writer-profile-title{margin:0;font-size:24px;font-weight:700;color:#0f172a}.writer-profile-sub{margin:4px 0 0;color:#6b7280;font-size:15px}.writer-profile-page .writer-edit-btn{padding:.6rem 1.1rem;background:var(--writer-gradient-primary);color:#fff;border:none;border-radius:9999px;font-weight:600}.writer-edit-actions{display:flex;gap:.5rem}.writer-profile-page .writer-cancel-btn{padding:.6rem 1.1rem;background:#e5e7eb;color:#111827;border:none;border-radius:9999px;font-weight:600}.writer-profile-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.writer-profile-header h1{background:var(--writer-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.writer-profile-success{background:#10b9811f;color:var(--writer-accent-success);border:1px solid rgba(16,185,129,.35);padding:.6rem .8rem;border-radius:10px}.writer-profile-error{background:#ef44441f;color:var(--writer-accent-error);border:1px solid rgba(239,68,68,.35);padding:.6rem .8rem;border-radius:10px}.writer-profile-body{margin-top:1rem}.writer-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem 3rem}.writer-form-group.bio{grid-column:1/-1;margin-top:1rem}.writer-profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:2.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:800px}.writer-profile-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.writer-back-btn{background:var(--writer-bg-secondary);border:1px solid var(--writer-border-primary);color:var(--writer-text-primary);padding:10px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .2s ease;margin-bottom:20px}.writer-back-btn:hover{background:var(--writer-bg-hover);border-color:var(--writer-border-hover);transform:translateY(-1px)}.writer-content-header{margin-bottom:2rem}.writer-content-title h2{font-size:28px;font-weight:700;color:var(--writer-text-primary);margin:0}.writer-profile-photo{display:flex;flex-direction:column;align-items:center;gap:.9rem}.writer-profile-photo img{width:128px;height:128px;border-radius:18px;object-fit:cover;border:2px solid var(--writer-border-primary);box-shadow:var(--writer-shadow-sm)}.writer-upload-btn{display:inline-block;padding:.55rem 1rem;background:#eef2ff;color:#3730a3;border-radius:9999px;cursor:pointer;border:1px solid #c7d2fe}.writer-upload-btn input{display:none}.writer-profile-basic{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1rem}.writer-form-group{display:flex;flex-direction:column;gap:.5rem}.writer-form-group label{font-size:14px;color:#374151;font-weight:600;margin-bottom:4px}.writer-form-group input,.writer-form-group textarea{padding:0 1rem;height:52px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#111827;font-size:15px;transition:all .2s ease}.writer-form-group textarea{height:120px;max-height:200px;padding:.75rem 1rem;resize:vertical;overflow:auto}.writer-form-group input::placeholder,.writer-form-group textarea::placeholder{color:#9ca3af}.writer-form-group input:disabled,.writer-form-group textarea:disabled{background:#f9fafb;color:#6b7280;border-color:#e5e7eb}.writer-form-group input:focus,.writer-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.writer-form-group input:hover,.writer-form-group textarea:hover{border-color:#d1d5db}.writer-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.writer-profile-actions{display:flex;justify-content:flex-end;margin-top:1rem}.writer-save-btn{padding:.7rem 1.2rem;background:var(--writer-gradient-success);color:#fff;border:none;border-radius:9999px;cursor:pointer;font-weight:600}.writer-save-btn:hover{background:var(--writer-btn-success-hover)}[data-theme=dark] .writer-profile-page{background:var(--writer-bg-primary)}[data-theme=dark] .writer-profile-container{background:var(--writer-bg-primary);color:var(--writer-text-primary)}[data-theme=dark] .writer-profile-card{background:var(--writer-bg-card);border-color:var(--writer-border-primary);color:var(--writer-text-primary)}[data-theme=dark] .writer-profile-title{color:var(--writer-text-primary)}[data-theme=dark] .writer-form-group input,[data-theme=dark] .writer-form-group textarea{background:var(--writer-input-bg);border-color:var(--writer-input-border);color:var(--writer-text-primary)}[data-theme=dark] .writer-profile-photo img{border-color:var(--writer-border-primary)}[data-theme=dark] .writer-upload-btn{background:var(--writer-bg-secondary);color:var(--writer-text-primary);border-color:var(--writer-border-primary)}[data-theme=dark] .writer-edit-btn{background:var(--writer-btn-primary-bg)}[data-theme=dark] .writer-profile-page .writer-cancel-btn{background:var(--writer-bg-secondary);color:var(--writer-text-primary)}[data-theme=dark] .writer-save-btn{background:var(--writer-btn-success-bg)}.social-link-display{padding:12px;border-radius:6px;background:#f8f9fa;border:1px solid #e9ecef;min-height:44px;display:flex;align-items:center}.social-link{display:flex;align-items:center;gap:8px;color:#007bff;text-decoration:none;font-weight:500;transition:all .2s ease;padding:4px 8px;border-radius:4px;width:100%}.social-link:hover{color:#0056b3;background:#e3f2fd;text-decoration:underline}.social-link:active{transform:translateY(1px)}.social-icon{font-size:16px;flex-shrink:0}.no-social-link{color:#6c757d;font-style:italic;font-size:14px}.writer-profile-page.dark .social-link-display{background:#2d3748;border-color:#4a5568}.writer-profile-page.dark .social-link{color:#63b3ed}.writer-profile-page.dark .social-link:hover{color:#90cdf4;background:#2a4365}.writer-profile-page.dark .no-social-link{color:#a0aec0}@media (max-width: 768px){.social-link{font-size:14px;padding:6px 8px}.social-icon{font-size:14px}.social-link-display{padding:10px}}.writer-named-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600;text-align:center;overflow:hidden;box-shadow:0 2px 8px #00000026}.writer-avatar-initials{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}.writer-avatar-small{width:32px;height:32px;font-size:12px}.writer-avatar-medium{width:40px;height:40px;font-size:14px}.writer-avatar-large{width:120px;height:120px;font-size:36px;border:4px solid white;box-shadow:0 8px 24px #00000026}.writer-profile-navigation{display:flex;justify-content:flex-start;padding:20px 40px;position:relative;z-index:10;height:120px;align-items:flex-start}.writer-profile-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem}@media (prefers-color-scheme: dark){.writer-profile-loading{background:linear-gradient(135deg,#1e293b,#334155)}}.dark .writer-profile-loading{background:linear-gradient(135deg,#1e293b,#334155)}.writer-profile-loading .writer-loading-spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.3);border-top:5px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.writer-profile-loading p{font-size:1.2rem;font-weight:500;margin:0;text-align:center}.writer-dashboard-wrapper{padding-top:18px;padding-left:18px}.writer-dashboard-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffffe6;color:#111827;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--writer-shadow-md);text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (prefers-color-scheme: dark){.writer-dashboard-btn{background:#1e293be6;color:#e2e8f0;border:1px solid rgba(148,163,184,.3)}}.dark .writer-dashboard-btn{background:#1e293be6;color:#e2e8f0;border:1px solid rgba(148,163,184,.3)}.writer-dashboard-btn:hover{transform:translateY(-1px);box-shadow:var(--writer-shadow-lg);background:#fff}.writer-dashboard-btn:active{transform:translateY(0)}@media (max-width: 768px){.writer-profile-navigation{padding:15px 20px}.writer-dashboard-btn{padding:8px;font-size:13px}}@media (max-width: 1024px){.writer-profile-container{max-width:100%;padding:.5rem}.writer-profile-card{min-width:auto;padding:1.5rem}.writer-form-grid{gap:1.5rem}}@media (max-width: 768px){.writer-profile-container{padding:.25rem;max-width:100%}.writer-profile-card{padding:1rem;min-width:auto;margin:0}.writer-form-grid{grid-template-columns:1fr 1fr;gap:1rem}.writer-profile-header-row,.writer-profile-header-left{flex-direction:column;align-items:flex-start;gap:1rem}.writer-profile-avatar-lg{width:70px;height:70px}.writer-profile-title{font-size:22px}.writer-profile-sub{font-size:14px}.writer-edit-actions{flex-direction:column;width:100%;gap:.75rem}.writer-edit-actions button{width:100%;justify-content:center}}@media (max-width: 480px){.writer-profile-container{padding:.125rem}.writer-profile-card{padding:.75rem;margin:0;border-radius:12px}.writer-profile-hero{height:100px;margin-bottom:-30px}.writer-profile-header-row{padding:.75rem;margin-bottom:1rem}.writer-profile-avatar-lg{width:60px;height:60px}.writer-profile-title{font-size:20px}.writer-profile-sub{font-size:13px}.writer-form-grid{grid-template-columns:1fr 1fr;gap:.75rem}.writer-form-group{margin-bottom:1rem}.writer-form-group label{font-size:14px;margin-bottom:.5rem}.writer-form-group input,.writer-form-group textarea{padding:12px;font-size:14px}.writer-edit-actions{gap:.5rem}.writer-edit-actions button{padding:12px 16px;font-size:14px}.writer-avatar-change{font-size:11px;padding:4px 8px}}@media (max-width: 360px){.writer-profile-container{padding:.0625rem}.writer-profile-card,.writer-profile-header-row{padding:.5rem}.writer-profile-avatar-lg{width:50px;height:50px}.writer-profile-title{font-size:18px}.writer-profile-sub{font-size:12px}.writer-form-grid{grid-template-columns:1fr 1fr;gap:.5rem}.writer-form-group input,.writer-form-group textarea{padding:8px;font-size:12px}.writer-edit-actions button{padding:8px 12px;font-size:12px}}@media (max-width: 768px){.writer-form-group input,.writer-form-group textarea{min-height:44px;-webkit-appearance:none;border-radius:8px}.writer-edit-actions button{min-height:44px;touch-action:manipulation}.writer-profile-header{margin-bottom:1.5rem}.writer-form-row{grid-template-columns:1fr 1fr;gap:.75rem}.writer-form-group label{font-weight:500;color:#374151}.writer-form-group input:focus,.writer-form-group textarea:focus{outline:2px solid #3b82f6;outline-offset:2px}.writer-dashboard-wrapper{padding-left:.5rem;padding-right:.5rem}.writer-back-btn{margin-left:.25rem;margin-right:.25rem}}@media (max-height: 500px) and (orientation: landscape){.writer-profile-hero{height:80px;margin-bottom:-20px}.writer-profile-header-row{padding:.75rem}.writer-profile-avatar-lg{width:50px;height:50px}.writer-form-grid{gap:1rem}}.writer-verify-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600;margin-left:12px;vertical-align:middle}.writer-verify-badge.verified{background:#ecfdf5;color:#059669;border:1px solid #10b981}.writer-verify-badge.unverified{background:#fef2f2;color:#dc2626;border:1px solid #f87171}[data-theme=dark] .writer-verify-badge.verified{background:#10b9811a;color:#10b981;border-color:#10b98133}[data-theme=dark] .writer-verify-badge.unverified{background:#ef44441a;color:#ef4444;border-color:#ef444433}.writer-notifications-main{padding:0;flex:1;display:flex;flex-direction:column;margin-top:.5rem;min-height:0}.writer-notifications-header{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.75rem;background:var(--writer-bg-primary);border:1px solid var(--writer-border);border-radius:6px;box-shadow:0 1px 2px #0000000d;position:relative;overflow:visible}.writer-notifications-info h2{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:var(--writer-text-primary)}.writer-notifications-info p{margin:0;color:var(--writer-text-secondary);font-size:.8rem}.writer-notifications-clear-all-btn{padding:.5rem 1rem;background:var(--writer-gradient-primary);color:#fff;border:none;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;z-index:1}.writer-notifications-clear-all-btn:hover{opacity:.9;transform:translateY(-1px);z-index:2;visibility:visible;display:inline-block}.writer-notifications-actions{display:flex;gap:.5rem;align-items:center}.writer-read-all-btn{padding:.5rem 1rem;background:var(--writer-bg-secondary);color:var(--writer-text-primary);border:1px solid var(--writer-border);border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;z-index:1}.writer-read-all-btn:hover{background:var(--writer-accent-primary);color:#fff;border-color:var(--writer-accent-primary);transform:translateY(-1px)}.writer-notifications-content{background:var(--writer-bg-primary);border:1px solid var(--writer-border);border-radius:8px;overflow:visible;flex:1;display:flex;flex-direction:column;min-height:0}.writer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--writer-text-secondary)}.writer-spinner{width:32px;height:32px;border:3px solid var(--writer-border);border-top:3px solid var(--writer-accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.writer-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.writer-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.writer-empty-state h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--writer-text-primary)}.writer-empty-state p{margin:0;color:var(--writer-text-secondary);font-size:.875rem}.writer-notifications-screen-list{display:flex;flex-direction:column;flex:1;overflow:visible;min-height:0;margin-bottom:150px}.writer-notification-card{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border:none;border-bottom:none;transition:all .2s ease;position:relative;margin:0}.writer-notification-main{display:flex;align-items:flex-start;gap:.75rem;flex:1;cursor:pointer}.writer-notification-card:hover{background:var(--writer-bg-secondary)}.writer-notification-card.unread{background:#3b82f60d;border-left:4px solid var(--writer-accent-primary)}.writer-notification-card.unread:hover{background:#3b82f61a}.writer-notification-icon{font-size:.75rem;margin-top:.25rem;flex-shrink:0}.writer-notification-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.writer-notification-text{margin:0;font-size:.875rem;color:var(--writer-text-primary);line-height:1.5}.writer-notification-time{font-size:.75rem;color:var(--writer-text-secondary);font-weight:500}.writer-notification-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--writer-text-secondary);cursor:pointer;font-size:1.25rem;padding:.25rem;border-radius:4px;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:0}.writer-notification-card:hover .writer-notification-close-btn{opacity:1}.writer-notification-close-btn:hover{background:var(--writer-bg-secondary);color:var(--writer-text-primary)}@media (max-width: 768px){.writer-notifications-main{padding:0;height:100%}.writer-notifications-header{flex-direction:column;gap:1rem;align-items:flex-start;margin-bottom:0;padding:1rem}.writer-notifications-actions{width:100%;justify-content:space-between}.writer-read-all-btn,.writer-notifications-clear-all-btn{flex:1;padding:.5rem 1rem;font-size:.8rem}.writer-notification-card{padding:1rem}.writer-empty-state{padding:2rem 1rem}.writer-notifications-content,.writer-notifications-list{overflow:visible}}@media (max-width: 1024px) and (min-width: 769px){.writer-notifications-content,.writer-notifications-list{overflow:visible}}@media (max-width: 480px){.writer-notifications-main{padding:0}.writer-notifications-header{padding:.75rem;margin-bottom:0}.writer-notifications-content,.writer-notifications-list{overflow:visible}.writer-notification-card{padding:.75rem}}.premium-hero-section{position:relative;min-height:800px;background:#0a0a0f;overflow:hidden;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.95);transition:all 1.5s cubic-bezier(.19,1,.22,1)}.premium-hero-section.hero-loaded{opacity:1;transform:scale(1)}.premium-content-sections{display:flex;justify-content:space-between;gap:2rem;margin-top:3rem;perspective:1000px}.content-section{flex:1;background:#0f0f1999;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(99,102,241,.2);border-radius:24px;padding:2.5rem;overflow:hidden;position:relative;transition:all .3s ease;transform-style:preserve-3d;box-shadow:0 10px 30px #6366f11a}.content-section:hover{transform:translateY(-10px) rotateX(5deg);box-shadow:0 20px 50px #6366f133}.content-section:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,#6366f11a,#8b5cf61a);border-radius:24px;z-index:-1;opacity:0;transition:opacity .3s ease}.content-section:hover:before{opacity:1}.section-icon{font-size:3rem;margin-bottom:1.5rem;opacity:.7;transition:opacity .3s ease}.content-section:hover .section-icon{opacity:1}.section-title{font-size:1.8rem;color:#e2e8f0;margin-bottom:1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:1rem;line-height:1.7;color:#94a3b8;margin-bottom:1rem}.content-section .section-description:last-child{margin-bottom:0}@media (max-width: 1024px){.premium-content-sections{flex-direction:column;gap:1.5rem}}@media (max-width: 768px){.content-section{padding:2rem}.section-icon{font-size:2.5rem}.section-title{font-size:1.5rem}.section-description{font-size:.95rem}}.hero-background-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0f0f19e6,#0a0a0ff2,#05050afa);background-image:linear-gradient(45deg,rgba(99,102,241,.03) 25%,transparent 25%),linear-gradient(-45deg,rgba(139,92,246,.03) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(99,102,241,.03) 75%),linear-gradient(-45deg,transparent 75%,rgba(139,92,246,.03) 75%);background-size:60px 60px;background-position:0 0,0 30px,30px -30px,-30px 0px;animation:backgroundShift 20s ease-in-out infinite}@keyframes backgroundShift{0%,to{background-position:0 0,0 30px,30px -30px,-30px 0px}50%{background-position:30px 30px,30px 60px,60px 0px,0px 30px}}.hero-particles-layer{position:absolute;width:100%;height:100%;overflow:hidden}.floating-particle{position:absolute;width:3px;height:3px;background:#6366f199;border-radius:50%;animation:floatParticle linear infinite;box-shadow:0 0 10px #6366f14d}.floating-particle:nth-child(2n){background:#8b5cf699;box-shadow:0 0 10px #8b5cf64d}@keyframes floatParticle{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.hero-light-effect{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:background .3s ease}.hero-content-wrapper{position:relative;z-index:10;width:100%;max-width:1200px;padding:0 2rem;margin-top:1rem}.hero-inner-container{text-align:center;color:#fff;margin-top:5rem}.premium-author-badge{position:relative;display:inline-flex;align-items:center;gap:.75rem;background:#0f0f19cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.3);padding:1rem 2rem;border-radius:50px;margin-bottom:3rem;overflow:hidden;animation:badgeSlideUp 1.2s cubic-bezier(.19,1,.22,1) .3s both}.badge-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#6366f1,#8b5cf6,#6366f1);border-radius:50px;z-index:-1;opacity:.5;animation:badgeGlow 3s ease-in-out infinite}@keyframes badgeGlow{0%,to{opacity:.5}50%{opacity:.8}}.badge-icon-premium{font-size:1.2rem;animation:iconFloat 2s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.badge-text-premium{font-size:.95rem;font-weight:600;color:#e2e8f0;letter-spacing:.5px}.badge-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.hero-main-title{font-size:5.5rem;font-weight:800;line-height:1.1;margin-bottom:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.title-line-one{display:block;color:#cbd5e1;animation:titleSlideUp 1.2s cubic-bezier(.19,1,.22,1) .5s both}.title-line-two{display:block;animation:titleSlideUp 1.2s cubic-bezier(.19,1,.22,1) .7s both}.title-highlight{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:titleGlow 2s ease-in-out infinite alternate}.title-normal{color:#fff}.hero-description-text{font-size:1.25rem;line-height:1.8;color:#94a3b8;max-width:700px;margin:0 auto 3rem;font-weight:400;animation:descriptionFade 1.2s cubic-bezier(.19,1,.22,1) .9s both}.premium-quote-card{position:relative;background:#0f0f1999;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(99,102,241,.2);border-radius:24px;padding:2.5rem;margin:3rem auto;max-width:650px;overflow:hidden;animation:quoteCardSlide 1.2s cubic-bezier(.19,1,.22,1) 1.1s both;transition:transform .3s ease,box-shadow .3s ease}.premium-quote-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #6366f133}.quote-card-glow{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,#6366f14d,#8b5cf64d);border-radius:24px;z-index:-1;opacity:0;transition:opacity .3s ease}.premium-quote-card:hover .quote-card-glow{opacity:1}.quote-mark-decoration{position:absolute;top:15px;left:25px;font-size:4rem;color:#6366f14d;font-family:Georgia,serif;line-height:1}.quote-main-text{font-size:1.15rem;line-height:1.7;color:#e2e8f0;font-style:italic;margin-bottom:1.5rem;position:relative;z-index:2}.quote-author-info{display:flex;align-items:center;gap:1rem;justify-content:center}.author-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);position:relative;overflow:hidden}.author-avatar:before{content:"✍️";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem}.author-signature{font-size:.95rem;color:#8b5cf6;font-weight:500}.hero-action-buttons{display:flex;gap:1.5rem;justify-content:center;margin:3rem 0;flex-wrap:wrap;animation:buttonsSlideUp 1.2s cubic-bezier(.19,1,.22,1) 1.3s both;padding-bottom:5rem}.btn-primary-premium{position:relative;display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:1.25rem 2.5rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.19,1,.22,1);box-shadow:0 8px 32px #6366f14d}.btn-primary-premium:hover{transform:translateY(-4px);box-shadow:0 16px 48px #6366f166}.btn-bg-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-primary-premium:hover .btn-bg-effect{left:100%}.btn-arrow-icon{transition:transform .3s ease}.btn-primary-premium:hover .btn-arrow-icon{transform:translate(4px)}.btn-ripple{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-primary-premium:active .btn-ripple{width:300px;height:300px}.btn-secondary-premium{position:relative;background:#0f0f1999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#e2e8f0;border:2px solid rgba(99,102,241,.3);padding:1.25rem 2.5rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.19,1,.22,1)}.btn-secondary-premium:hover{background:#6366f11a;border-color:#6366f199;transform:translateY(-4px);box-shadow:0 12px 32px #6366f133}.btn-border-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#6366f1,#8b5cf6,#6366f1);border-radius:50px;z-index:-1;opacity:0;transition:opacity .3s ease}.btn-secondary-premium:hover .btn-border-glow{opacity:.6}.genre-tags-container{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:2rem;padding-bottom:1rem}.premium-genre-tag{position:relative;background:#0f0f1966;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(99,102,241,.2);padding:.75rem 1.5rem;border-radius:30px;font-size:.9rem;font-weight:500;color:#cbd5e1;cursor:pointer;overflow:hidden;opacity:0;transform:translateY(20px);animation:tagSlideUp .8s cubic-bezier(.19,1,.22,1) both;transition:all .3s ease}.premium-genre-tag:hover{background:#6366f11a;border-color:#6366f166;transform:translateY(-3px);color:#fff}.tag-glow-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),transparent);transition:left .6s ease}.premium-genre-tag:hover .tag-glow-effect{left:100%}.premium-scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);text-align:center;animation:scrollIndicatorFade 1.2s cubic-bezier(.19,1,.22,1) 1.5s both}.scroll-text-premium{font-size:.85rem;color:#64748b;margin-bottom:1rem;font-weight:500;letter-spacing:.5px}.scroll-arrow-animated{position:relative;width:24px;height:24px;margin:0 auto;animation:scrollBounce 2s ease-in-out infinite}.arrow-line{position:absolute;top:0;left:50%;width:2px;height:16px;background:linear-gradient(to bottom,#6366f1,#8b5cf6);transform:translate(-50%);border-radius:1px}.arrow-point{position:absolute;bottom:0;left:50%;width:8px;height:8px;border:2px solid #6366f1;border-top:none;border-left:none;transform:translate(-50%) rotate(45deg)}@keyframes scrollBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.hero-decorative-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.deco-circle-one{position:absolute;top:15%;right:10%;width:200px;height:200px;border:1px solid rgba(99,102,241,.1);border-radius:50%;animation:decorativeFloat 8s ease-in-out infinite}.deco-circle-two{position:absolute;bottom:20%;left:8%;width:120px;height:120px;border:1px solid rgba(139,92,246,.1);border-radius:50%;animation:decorativeFloat 6s ease-in-out infinite reverse}.deco-line-one{position:absolute;top:30%;left:5%;width:100px;height:2px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),transparent);animation:decorativeSlide 4s ease-in-out infinite}.deco-line-two{position:absolute;bottom:40%;right:8%;width:80px;height:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent);animation:decorativeSlide 5s ease-in-out infinite reverse}@keyframes decorativeFloat{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(180deg);opacity:.6}}@keyframes decorativeSlide{0%,to{transform:translate(0);opacity:.3}50%{transform:translate(20px);opacity:.8}}@keyframes badgeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes titleSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes descriptionFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes quoteCardSlide{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes buttonsSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes tagSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollIndicatorFade{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 1024px){.hero-main-title{font-size:4.5rem}.premium-quote-card{padding:2rem;margin:2.5rem auto}.hero-action-buttons{gap:1rem}}@media (max-width: 768px){.premium-hero-section{min-height:700px}.hero-content-wrapper{padding:0 1.5rem}.hero-main-title{font-size:3.5rem}.hero-description-text{font-size:1.1rem;margin-bottom:2rem}.premium-quote-card{padding:1.5rem;margin:2rem auto}.quote-main-text{font-size:1rem}.hero-action-buttons{flex-direction:column;align-items:center;gap:1rem}.btn-primary-premium,.btn-secondary-premium{width:280px}.genre-tags-container{gap:.75rem}.deco-circle-one{width:150px;height:150px}.deco-circle-two{width:100px;height:100px}}@media (max-width: 480px){.premium-hero-section{min-height:600px}.hero-content-wrapper{padding:0 1rem}.premium-author-badge{padding:.75rem 1.5rem;margin-bottom:2rem}.badge-text-premium{font-size:.85rem}.hero-main-title{font-size:2.8rem;margin-bottom:1.5rem}.hero-description-text{font-size:1rem;margin-bottom:1.5rem}.premium-quote-card{padding:1.25rem;margin:1.5rem auto}.quote-mark-decoration{font-size:3rem;top:10px;left:15px}.quote-main-text{font-size:.95rem;margin-bottom:1rem}.author-avatar{width:32px;height:32px}.author-signature{font-size:.85rem}.btn-primary-premium,.btn-secondary-premium{width:240px;padding:1rem 2rem;font-size:.95rem}.premium-genre-tag{padding:.6rem 1.2rem;font-size:.85rem}.premium-scroll-indicator{bottom:2rem}.scroll-text-premium{font-size:.8rem}.deco-circle-one,.deco-circle-two,.deco-line-one,.deco-line-two{display:none}}@media (min-width: 1920px){.hero-main-title{font-size:6.5rem}.hero-description-text{font-size:1.4rem}.premium-quote-card{padding:3rem;max-width:800px}.quote-main-text{font-size:1.3rem}}@media (prefers-contrast: high){.premium-hero-section{background:#000}.hero-gradient-overlay{background:#000000e6}.title-highlight{background:#6366f1;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary-premium{background:#6366f1;border:2px solid #ffffff}.premium-quote-card{border:2px solid #6366f1}}@media (prefers-reduced-motion: reduce){.premium-hero-section,.floating-particle,.premium-author-badge,.hero-main-title>*,.hero-description-text,.premium-quote-card,.hero-action-buttons,.premium-genre-tag,.premium-scroll-indicator,.hero-decorative-elements>*{animation:none}.premium-hero-section.hero-loaded,.premium-author-badge,.title-line-one,.title-line-two,.hero-description-text,.premium-quote-card,.hero-action-buttons,.premium-genre-tag,.premium-scroll-indicator{opacity:1;transform:none}.scroll-arrow-animated,.badge-glow,.title-highlight{animation:none}}.btn-primary-premium:focus,.btn-secondary-premium:focus,.premium-genre-tag:focus{outline:2px solid rgba(99,102,241,.8);outline-offset:3px}.btn-primary-premium:focus-visible,.btn-secondary-premium:focus-visible,.premium-genre-tag:focus-visible{outline:2px solid rgba(99,102,241,.8);outline-offset:3px}@media print{.premium-hero-section{background:#fff;color:#000;height:auto;min-height:auto}.hero-background-container,.hero-particles-layer,.hero-light-effect,.hero-decorative-elements{display:none}.title-highlight{background:none;-webkit-text-fill-color:black;color:#000}.btn-primary-premium,.btn-secondary-premium{background:none;color:#000;border:2px solid black}}@media (prefers-color-scheme: dark){.premium-hero-section{background:#030712}.hero-gradient-overlay{background:radial-gradient(ellipse at center,#030712f2,#010208fa,#000)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f0f1980}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5855eb,#7c3aed)}::selection{background:#6366f14d;color:#fff}::-moz-selection{background:#6366f14d;color:#fff}.floating-particle,.hero-decorative-elements>*,.badge-glow,.quote-card-glow,.btn-bg-effect,.tag-glow-effect{will-change:transform,opacity}.premium-hero-section,.premium-author-badge,.hero-main-title,.premium-quote-card,.btn-primary-premium,.btn-secondary-premium,.premium-genre-tag{transform:translateZ(0);backface-visibility:hidden}.premium-hero-section:not(.hero-loaded) *{animation-play-state:paused}@media (hover: none) and (pointer: coarse){.premium-quote-card:hover,.btn-primary-premium:hover,.btn-secondary-premium:hover,.premium-genre-tag:hover{transform:none;box-shadow:none}.premium-quote-card:active{transform:scale(.98)}.btn-primary-premium:active,.btn-secondary-premium:active{transform:scale(.95)}}@media (prefers-reduced-motion: no-preference){.btn-primary-premium:focus,.btn-secondary-premium:focus,.premium-genre-tag:focus{animation:focusPulse 1s ease-in-out infinite alternate}}@keyframes focusPulse{0%{box-shadow:0 0 0 2px #6366f180}to{box-shadow:0 0 0 4px #6366f1cc}}@media (prefers-reduced-transparency: reduce){.premium-author-badge,.premium-quote-card,.btn-secondary-premium,.premium-genre-tag{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f0f19e6}}@media (min-resolution: 120dpi){.floating-particle{animation-timing-function:linear}.scroll-arrow-animated{animation-timing-function:cubic-bezier(.4,0,.6,1)}}@container (max-width: 768px){.hero-action-buttons{flex-direction:column}}@media (max-aspect-ratio: 1/1){.premium-hero-section{min-height:100vh}.hero-main-title{font-size:3rem}}@media (-webkit-min-device-pixel-ratio: 3),(min-resolution: 3dppx){.floating-particle{width:2px;height:2px}.arrow-line{width:1px}}.premium-featured-section{position:relative;background:#0a0a0f;padding:6rem 0;overflow:hidden;opacity:0;transform:translateY(50px);transition:all 1.2s cubic-bezier(.19,1,.22,1)}.premium-featured-section.section-visible{opacity:1;transform:translateY(0)}.premium-featured-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.05) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(16,185,129,.03) 0%,transparent 50%);pointer-events:none}.featured-main-container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.featured-section-header{text-align:center;margin-bottom:4rem;position:relative}.header-content-premium{max-width:800px;margin:0 auto}.section-badge-premium{position:relative;display:inline-flex;align-items:center;gap:.75rem;background:#0f0f19cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.3);padding:1rem 2rem;border-radius:50px;margin-bottom:2rem;overflow:hidden;animation:badgeSlideIn 1s cubic-bezier(.19,1,.22,1) .2s both}.badge-glow-premium{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#6366f1,#8b5cf6,#6366f1);border-radius:50px;z-index:-1;opacity:.6;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:.9}}.badge-icon-premium{font-size:1.2rem;animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.badge-text-premium{font-size:1rem;font-weight:600;color:#e2e8f0;letter-spacing:.5px}.section-title-premium{font-size:4rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff;animation:titleSlideIn 1s cubic-bezier(.19,1,.22,1) .4s both}.title-main{color:#cbd5e1}.title-highlight-premium{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGlow 2s ease-in-out infinite alternate}@keyframes titleGlow{0%{filter:drop-shadow(0 0 20px rgba(99,102,241,.3))}to{filter:drop-shadow(0 0 30px rgba(139,92,246,.5))}}.section-subtitle-premium{font-size:1.2rem;line-height:1.7;color:#94a3b8;max-width:600px;margin:0 auto;animation:subtitleFade 1s cubic-bezier(.19,1,.22,1) .6s both}.header-decoration-premium{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.deco-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);animation:dotPulse 2s ease-in-out infinite}.deco-dot-delayed{animation-delay:.5s}.deco-dot-slow{animation-delay:1s}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:1}}.premium-content-tabs{display:flex;justify-content:center;gap:1.5rem;margin-bottom:4rem;flex-wrap:wrap}.content-tab-btn{position:relative;background:#0f0f1999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);border-radius:20px;padding:1.5rem 2rem;cursor:pointer;transition:all .4s cubic-bezier(.19,1,.22,1);overflow:hidden;min-width:200px;opacity:1!important;transform:translateY(0)!important;display:flex!important;visibility:visible!important;animation:ctcTabSlideIn .8s cubic-bezier(.19,1,.22,1) var(--animation-delay) both}.content-tab-btn:hover{transform:translateY(-5px)!important;border-color:#6366f166;box-shadow:0 10px 40px #6366f133}.content-tab-btn.tab-active{background:#6366f11a;border-color:#6366f180;box-shadow:0 8px 32px #6366f14d;opacity:1!important;transform:translateY(0)!important}.tab-content-premium{display:flex;align-items:center;gap:1rem;position:relative;z-index:2}.tab-icon-container{width:48px;height:48px;border-radius:12px;background:var(--tab-gradient);display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.content-tab-btn:hover .tab-icon-container{transform:scale(1.1)}.tab-icon-premium{font-size:1.5rem}.tab-info-premium{display:flex;flex-direction:column;align-items:flex-start}.tab-label-premium{font-size:1.1rem;font-weight:600;color:#e2e8f0;margin-bottom:.25rem}.tab-count-premium{font-size:.85rem;color:#94a3b8}.tab-active-indicator{position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--tab-gradient);transform:scaleX(0);transition:transform .3s ease}.content-tab-btn.tab-active .tab-active-indicator{transform:scaleX(1)}.tab-hover-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.content-tab-btn:hover .tab-hover-effect{left:100%}.premium-content-grid{display:grid;gap:2.5rem;margin-bottom:4rem}.premium-content-card{position:relative;background:#0f0f1999;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(99,102,241,.2);border-radius:24px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.19,1,.22,1);opacity:0;transform:translateY(40px);animation:cardSlideIn .8s cubic-bezier(.19,1,.22,1) var(--card-delay) both}.premium-content-card:hover{transform:translateY(-10px);border-color:#6366f166;box-shadow:0 20px 60px #6366f133}.card-glow-effect{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#6366f1,#8b5cf6,#ec4899,#6366f1);border-radius:24px;z-index:-1;opacity:0;transition:opacity .4s ease}.premium-content-card:hover .card-glow-effect{opacity:.6}.content-card-image-container{position:relative;height:240px;overflow:hidden}.content-card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.premium-content-card:hover .content-card-image{transform:scale(1.05)}.card-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000c,#0006,#000c);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .4s ease}.premium-content-card:hover .card-image-overlay{opacity:1}.overlay-actions-premium{display:flex;gap:1rem;transform:translateY(20px);transition:transform .4s ease}.premium-content-card:hover .overlay-actions-premium{transform:translateY(0)}.action-btn-primary{width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 8px 24px #6366f166}.action-btn-primary:hover{transform:scale(1.1);box-shadow:0 12px 32px #6366f199}.action-btn-secondary{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.action-btn-secondary:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.content-badges-container{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:3}.status-badge-premium,.featured-badge-premium,.free-badge-premium{padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.status-badge-premium.published{background:#10b981e6;color:#fff}.status-badge-premium.ongoing{background:#f59e0be6;color:#fff}.status-badge-premium.completed{background:#3b82f6e6;color:#fff}.featured-badge-premium{background:#ffd700e6;color:#1a1a2e}.free-badge-premium{background:#22c55ee6;color:#fff}.content-card-body{padding:2rem}.card-header-premium{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.content-card-title{font-size:1.4rem;font-weight:700;color:#fff;line-height:1.3;margin:0;flex:1}.content-rating-container{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.rating-stars-container{display:flex;gap:.1rem}.content-star{font-size:1rem;transition:all .2s ease}.content-star-full{color:#fbbf24}.content-star-half{color:#fbbf24;opacity:.6}.content-star-empty{color:#64748b}.rating-value-premium{font-size:.85rem;color:#94a3b8;font-weight:500}.card-meta-premium{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.meta-item-premium{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#cbd5e1}.meta-icon-premium{font-size:1rem;opacity:.8}.meta-text-premium{font-weight:500}.content-card-description{color:#94a3b8;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.content-tags-premium{display:flex;gap:.75rem;flex-wrap:wrap}.content-tag-premium{background:#6366f133;color:#a5b4fc;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid rgba(99,102,241,.3);transition:all .3s ease}.content-tag-premium:hover{background:#6366f14d;color:#c7d2fe;transform:translateY(-2px)}.card-stats-premium{display:flex;justify-content:space-between;padding-top:1.5rem;border-top:1px solid rgba(99,102,241,.2);margin-bottom:1rem}.stat-item-premium{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1}.stat-icon-premium{font-size:1.1rem;opacity:.8}.stat-value-premium{font-size:1rem;font-weight:600;color:#fff}.stat-label-premium{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.card-footer-premium{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.content-info-premium{flex:1}.info-item-premium{display:flex;justify-content:space-between;align-items:center}.info-label-premium{font-size:.85rem;color:#cbd5e1;font-weight:500}.info-status-premium,.info-duration-premium{font-size:.8rem;color:#94a3b8}.pricing-info-premium{flex-shrink:0}.free-label-premium{background:#22c55e33;color:#4ade80;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600;border:1px solid rgba(34,197,94,.3)}.coin-value-premium{background:#f59e0b33;color:#fbbf24;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600;border:1px solid rgba(245,158,11,.3)}.featured-footer-premium{display:flex;justify-content:center;margin-top:3rem}.view-all-btn-premium{position:relative;display:flex;align-items:center;gap:1rem;background:#0f0f19cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(99,102,241,.3);color:#fff;padding:1.25rem 2.5rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.19,1,.22,1);animation:viewAllSlide 1s cubic-bezier(.19,1,.22,1) .8s both}.view-all-btn-premium:hover{transform:translateY(-5px);border-color:#6366f199;box-shadow:0 15px 50px #6366f14d}.btn-bg-gradient{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.2),transparent);transition:left .6s ease}.view-all-btn-premium:hover .btn-bg-gradient{left:100%}.btn-text-premium{position:relative;z-index:2}.btn-arrow-premium{position:relative;z-index:2;transition:transform .3s ease}.view-all-btn-premium:hover .btn-arrow-premium{transform:translate(5px)}.btn-ripple-premium{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#6366f14d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.view-all-btn-premium:active .btn-ripple-premium{width:300px;height:300px}.featured-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center}.premium-loading-spinner{position:relative;width:100px;height:100px;margin-bottom:2rem}.spinner-orbit{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #6366f1;border-radius:50%;animation:spinOrbit 1.2s linear infinite}.spinner-orbit-delayed{width:75%;height:75%;top:12.5%;left:12.5%;border-top-color:#8b5cf6;animation-duration:1.8s;animation-direction:reverse}.spinner-orbit-slow{width:50%;height:50%;top:25%;left:25%;border-top-color:#ec4899;animation-duration:2.4s}@keyframes spinOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem}.loading-description{font-size:1.1rem;color:#94a3b8}.featured-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center}.error-icon-premium{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.error-title-premium{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem}.error-description-premium{font-size:1.1rem;color:#94a3b8;margin-bottom:2rem;max-width:500px}.error-actions-premium{display:flex;gap:1rem;justify-content:center}.retry-btn-premium,.refresh-btn-premium{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #ef44444d}.retry-btn-premium:hover,.refresh-btn-premium:hover{transform:translateY(-3px);box-shadow:0 12px 32px #ef444466}.empty-content-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center}.empty-icon-premium{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.empty-title-premium{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem}.empty-description-premium{font-size:1.1rem;color:#94a3b8;margin-bottom:2rem;max-width:500px}.empty-actions-premium{display:flex;gap:1rem;justify-content:center}@keyframes badgeSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes titleSlideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes subtitleFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes tabSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes viewAllSlide{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.featured-main-container{padding:0 1.5rem}.premium-content-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.section-title-premium{font-size:3.5rem}}@media (max-width: 992px){.premium-featured-section{padding:4rem 0}.premium-content-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.section-title-premium{font-size:3rem}.section-subtitle-premium{font-size:1.1rem}.content-tab-btn{min-width:180px;padding:1.25rem 1.5rem}}@media (max-width: 768px){.featured-main-container{padding:0 1rem}.featured-section-header{margin-bottom:3rem}.section-title-premium{font-size:2.5rem}.section-subtitle-premium{font-size:1rem}.premium-content-tabs{gap:1rem;margin-bottom:3rem}.content-tab-btn{min-width:160px;padding:1rem 1.25rem}.tab-label-premium{font-size:1rem}.premium-content-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.card-header-premium{flex-direction:column;align-items:flex-start;gap:.75rem}.content-rating-container{align-self:flex-end}.card-meta-premium{flex-direction:column;gap:.5rem}.view-all-btn-premium{padding:1rem 2rem;font-size:1rem}}@media (max-width: 640px){.premium-featured-section{padding:3rem 0}.featured-main-container{padding:0 .75rem}.section-title-premium{font-size:2rem}.section-subtitle-premium{font-size:.95rem}.premium-content-tabs{flex-direction:column;align-items:center;gap:.75rem}.content-tab-btn{width:100%;max-width:300px}.premium-content-grid{grid-template-columns:1fr;gap:1.5rem}.content-card-image-container{height:200px}.content-card-body{padding:1.5rem}.content-card-title{font-size:1.2rem}.overlay-actions-premium{gap:.75rem}.action-btn-primary{width:48px;height:48px;font-size:1.2rem}.action-btn-secondary{width:42px;height:42px;font-size:1rem}.view-all-btn-premium{width:100%;max-width:320px;justify-content:center}}@media (min-width: 641px) and (max-width: 1023px){.premium-content-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width: 1024px) and (max-width: 1399px){.premium-content-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}@media (min-width: 1400px){.premium-content-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem}}@media (min-width: 1800px){.premium-content-grid{grid-template-columns:repeat(5,1fr);gap:2.5rem}}@media (max-width: 480px){.section-badge-premium{padding:.75rem 1.5rem;margin-bottom:1.5rem}.badge-text-premium{font-size:.9rem}.section-title-premium{font-size:1.75rem;margin-bottom:1rem}.section-subtitle-premium{font-size:.9rem}.content-card-image-container{height:180px}.content-card-body{padding:1.25rem}.content-card-title{font-size:1.1rem}.card-stats-premium{gap:.5rem}.stat-value-premium{font-size:.9rem}.stat-label-premium{font-size:.7rem}.premium-loading-spinner{width:80px;height:80px}.loading-title,.error-title-premium,.empty-title-premium{font-size:1.5rem}.loading-description,.error-description-premium,.empty-description-premium{font-size:1rem}}@media (min-width: 1600px){.section-title-premium{font-size:4.5rem}.section-subtitle-premium{font-size:1.3rem}.premium-content-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem}}@media (prefers-contrast: high){.premium-featured-section{background:#000}.premium-featured-section:before{background:none}.title-highlight-premium{background:#6366f1;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.premium-content-card,.content-tab-btn,.view-all-btn-premium{border:2px solid #6366f1;background:#1a1a1a}}@media (prefers-reduced-motion: reduce){.premium-featured-section,.section-badge-premium,.section-title-premium,.section-subtitle-premium,.content-tab-btn,.premium-content-card,.view-all-btn-premium,.premium-loading-spinner .spinner-orbit,.badge-glow-premium,.title-highlight-premium,.deco-dot,.badge-icon-premium{animation:none!important;transition:none!important}.premium-featured-section.section-visible,.section-badge-premium,.section-title-premium,.section-subtitle-premium,.content-tab-btn,.premium-content-card,.view-all-btn-premium{opacity:1;transform:none}}.content-tab-btn:focus,.action-btn-primary:focus,.action-btn-secondary:focus,.view-all-btn-premium:focus,.retry-btn-premium:focus,.refresh-btn-premium:focus{outline:2px solid rgba(99,102,241,.8);outline-offset:3px}.premium-content-card:focus{outline:2px solid rgba(99,102,241,.8);outline-offset:4px}@media print{.premium-featured-section{background:#fff;color:#000}.premium-featured-section:before{display:none}.overlay-actions-premium,.view-all-btn-premium,.retry-btn-premium,.refresh-btn-premium{display:none}.premium-content-card{break-inside:avoid;border:1px solid #ccc;background:#fff}.title-highlight-premium{background:none;-webkit-text-fill-color:black;color:#000}}@media (prefers-color-scheme: dark){.premium-featured-section{background:#030712}}@media (prefers-reduced-transparency: reduce){.section-badge-premium,.content-tab-btn,.premium-content-card,.view-all-btn-premium,.action-btn-secondary{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f0f19f2}}@media (hover: none) and (pointer: coarse){.premium-content-card:hover,.content-tab-btn:hover,.action-btn-primary:hover,.action-btn-secondary:hover,.view-all-btn-premium:hover{transform:none;box-shadow:none}.premium-content-card:active{transform:scale(.98)}.content-tab-btn:active,.action-btn-primary:active,.action-btn-secondary:active,.view-all-btn-premium:active{transform:scale(.95)}.card-image-overlay{opacity:.8}.overlay-actions-premium{opacity:1;transform:translateY(0)}}.premium-featured-section::-webkit-scrollbar{width:8px}.premium-featured-section::-webkit-scrollbar-track{background:#0f0f1980}.premium-featured-section::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px}.premium-featured-section::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5855eb,#7c3aed)}.premium-featured-section ::selection{background:#6366f14d;color:#fff}.premium-featured-section ::-moz-selection{background:#6366f14d;color:#fff}.premium-content-card,.content-tab-btn,.action-btn-primary,.action-btn-secondary,.view-all-btn-premium{will-change:transform;backface-visibility:hidden;perspective:1000px}.content-card-image{will-change:transform}.card-glow-effect,.badge-glow-premium,.btn-bg-gradient,.tab-hover-effect{will-change:opacity,transform}.premium-featured-section,.section-badge-premium,.section-title-premium,.premium-content-card,.content-tab-btn,.view-all-btn-premium{transform:translateZ(0);backface-visibility:hidden}.premium-featured-section:not(.section-visible) *{animation-play-state:paused}@media (prefers-reduced-motion: no-preference){.content-tab-btn:focus,.action-btn-primary:focus,.action-btn-secondary:focus,.view-all-btn-premium:focus{animation:focusGlow 1s ease-in-out infinite alternate}}@keyframes focusGlow{0%{box-shadow:0 0 0 2px #6366f180}to{box-shadow:0 0 0 4px #6366f1cc}}@container (max-width: 768px){.premium-content-tabs,.card-header-premium{flex-direction:column}}@media (max-aspect-ratio: 1/1){.premium-featured-section{padding:4rem 0}.section-title-premium{font-size:2.5rem}}@media (-webkit-min-device-pixel-ratio: 3),(min-resolution: 3dppx){.deco-dot{width:8px;height:8px}.content-tab-btn,.premium-content-card{border-width:.5px}}.premium-content-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(99,102,241,.05) 50%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}.premium-content-card:hover:before{opacity:1}.premium-loading-spinner:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;transform:translate(-50%,-50%);animation:pulseCore 2s ease-in-out infinite}@keyframes pulseCore{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.5}}.loading-shimmer{background:linear-gradient(90deg,#0f0f1999 25%,#6366f11a,#0f0f1999 75%);background-size:200% 100%;animation:shimmer 2s infinite}.observe-fade-premium{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.19,1,.22,1)}.observe-fade-premium.in-view{opacity:1;transform:translateY(0)}.premium-content-grid.masonry-layout{columns:3;column-gap:2.5rem}.premium-content-grid.masonry-layout .premium-content-card{break-inside:avoid;margin-bottom:2.5rem}@media (max-width: 992px){.premium-content-grid.masonry-layout{columns:2}}@media (max-width: 640px){.premium-content-grid.masonry-layout{columns:1}}@supports not (display: grid){.premium-content-grid{display:flex;flex-wrap:wrap;gap:2.5rem}.premium-content-card{flex:1 1 350px;max-width:450px}}@supports (backdrop-filter: blur(30px)){.premium-content-card,.content-tab-btn,.section-badge-premium,.view-all-btn-premium{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}}@supports not (backdrop-filter: blur(30px)){.premium-content-card{background:#0f0f19e6}.content-tab-btn{background:#0f0f19cc}.section-badge-premium,.view-all-btn-premium{background:#0f0f19e6}}.premium-featured-section.theme-blue{--primary-gradient: linear-gradient(135deg, #3b82f6, #1d4ed8);--secondary-gradient: linear-gradient(135deg, #60a5fa, #3b82f6)}.premium-featured-section.theme-purple{--primary-gradient: linear-gradient(135deg, #8b5cf6, #7c3aed);--secondary-gradient: linear-gradient(135deg, #a78bfa, #8b5cf6)}.premium-featured-section.theme-green{--primary-gradient: linear-gradient(135deg, #10b981, #059669);--secondary-gradient: linear-gradient(135deg, #34d399, #10b981)}.svg-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit;overflow:hidden}.svg-placeholder svg{width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:transform .3s ease}.content-card:hover .svg-placeholder svg{transform:scale(1.05)}.svg-placeholder svg *{will-change:transform,opacity}@media (max-width: 768px){.svg-placeholder svg{width:100%;height:auto;min-height:200px}}@media (max-width: 480px){.svg-placeholder svg{min-height:180px}}.svg-placeholder.loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 2s infinite}.content-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.content-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.content-card:hover .content-card-image-container{overflow:hidden}.content-card:hover .svg-placeholder svg{transform:scale(1.1)}.content-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:inherit}.content-card:hover:before{opacity:1;animation:shine .6s ease-in-out}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.content-card:not(:hover) .svg-placeholder svg{animation-play-state:paused}.content-card:hover .svg-placeholder svg{animation-play-state:running}@media (prefers-color-scheme: dark){.svg-placeholder svg{filter:brightness(.9) contrast(1.1)}}@media (prefers-reduced-motion: reduce){.svg-placeholder svg *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.content-card{transition:none}.content-card:hover{transform:none}}.svg-placeholder svg{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.content-card-image-container{position:relative;width:100%;height:250px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.content-card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.no-svg .svg-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px}.no-svg .svg-placeholder:before{content:"📚"}.home-page{min-height:100vh;background:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f8fafc}.loading-spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-screen p{color:#64748b;font-size:1.1rem;font-weight:500}.error-message{text-align:center;padding:3rem;color:#ef4444}.error-message h3{margin-bottom:1rem;color:#dc2626}.retry-btn{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:1rem}.retry-btn:hover{background:#2563eb;transform:translateY(-1px)}@media (max-width: 768px){.home-page{font-size:14px}}@media (max-width: 480px){.home-page{font-size:13px}}@media print{.home-page,.stats-section{background:#fff!important;color:#000!important}}.home-page-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.home-loading-container{text-align:center;color:#fff;z-index:10;max-width:400px;padding:2rem}.loading-spinner{position:relative;width:80px;height:80px;margin:0 auto 2rem}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid rgba(255,255,255,.8);border-radius:50%;animation:spin 1.2s linear infinite}.spinner-delayed{animation-delay:-.4s;border-top-color:#fff9}.spinner-slow{animation-delay:-.8s;border-top-color:#fff6}.loading-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;opacity:0;animation:fadeInUp .6s ease-out .2s forwards}.loading-subtitle{font-size:1rem;opacity:.8;margin-bottom:2rem;opacity:0;animation:fadeInUp .6s ease-out .4s forwards}.loading-progress{width:100%;opacity:0;animation:fadeInUp .6s ease-out .6s forwards}.progress-bar{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#fff,#fffc);border-radius:2px;animation:progressFill 2s ease-in-out infinite}@keyframes progressFill{0%{width:0%}50%{width:70%}to{width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-page-loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ctc-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.ctc-login-page.visible{opacity:1;transform:translateY(0)}.ctc-login-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.ctc-login-container{width:100%;max-width:480px;padding:2rem;position:relative;z-index:1;margin:auto;margin-top:4rem}.ctc-login-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #fff3;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;animation:ctc-card-entrance .8s cubic-bezier(.4,0,.2,1)}.ctc-login-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#667eea,#764ba2,#ff9a9e,#fad0c4);background-size:300% 100%;animation:ctc-border-flow 3s ease infinite}.ctc-login-header{text-align:center;margin-bottom:2.5rem}.ctc-login-title-section{margin-top:1rem}.ctc-login-title{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.5rem;line-height:1.2}.ctc-login-subtitle{font-size:1rem;color:#718096;line-height:1.5;margin:0}.ctc-login-form{margin-bottom:2rem}.ctc-form-input .ctc-auth-legal-notice{margin-top:1rem;font-size:.85rem;color:#64748b;text-align:center}.ctc-form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.ctc-checkbox-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.ctc-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;position:relative;cursor:pointer;transition:all .2s ease}.ctc-checkbox-label{font-size:.875rem;color:#374151;line-height:1.4}.ctc-forgot-link{font-size:.875rem;color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.ctc-forgot-link:hover{color:#5a67d8;text-decoration:underline}.ctc-login-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;box-shadow:0 4px 14px #667eea66}.ctc-login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.ctc-login-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}.ctc-login-button:hover:before{left:100%}.ctc-login-button:active{transform:translateY(0)}.ctc-login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.ctc-login-button.loading{pointer-events:none}.ctc-login-footer{text-align:center;margin-bottom:2rem}.ctc-signup-prompt{font-size:.875rem;color:#718096;margin:0;line-height:1.5}.ctc-signup-link{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s ease}.ctc-signup-link:hover{color:#5a67d8;text-decoration:underline}.ctc-social-login{margin-top:2rem}@media (max-width: 640px){.ctc-login-container{padding:1rem}.ctc-login-card{padding:2rem 1.5rem;border-radius:16px}.ctc-login-title{font-size:1.75rem}.ctc-brand-name{font-size:1.5rem}.ctc-logo-icon{width:40px;height:40px;font-size:1.25rem}.ctc-form-options{flex-direction:column;align-items:flex-start;gap:.75rem}.ctc-social-buttons{grid-template-columns:1fr}}@media (max-width: 480px){.ctc-login-card{padding:1.5rem 1rem}.ctc-login-title{font-size:1.5rem}.ctc-form-input{padding:.75rem 1rem .75rem 2.75rem}.ctc-login-button{padding:.875rem 1.25rem}}@media (prefers-color-scheme: dark){.ctc-login-card{background:#1f2937f2;border-color:#4b55634d}.ctc-login-title{color:#f9fafb}.ctc-login-subtitle{color:#d1d5db}.ctc-form-label{color:#e5e7eb}.ctc-form-input{background:#374151cc;border-color:#4b5563;color:#f9fafb}.ctc-form-input:focus{background:#374151f2}.ctc-checkbox-label{color:#e5e7eb}.ctc-signup-prompt{color:#d1d5db}.ctc-social-button{background:#374151cc;border-color:#4b5563;color:#f9fafb}.ctc-social-button:hover{background:#374151f2}.ctc-divider span{background:#1f2937f2;color:#d1d5db}}@media (prefers-contrast: high){.ctc-login-card{border:2px solid #000;box-shadow:0 4px 8px #0000004d}.ctc-form-input{border:2px solid #000}.ctc-form-input:focus{border-color:#06c;box-shadow:0 0 0 2px #06c}.ctc-login-button{background:#06c;border:2px solid #000}.ctc-social-button{border:2px solid #000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ctc-login-page{opacity:1;transform:none}.ctc-login-button:hover,.ctc-social-button:hover{transform:none}}.ctc-form-input:focus,.ctc-login-button:focus,.ctc-social-button:focus,.ctc-checkbox:focus,.ctc-forgot-link:focus,.ctc-signup-link:focus{outline:2px solid #667eea;outline-offset:2px}@media print{.ctc-login-page{background:#fff}.ctc-login-background{display:none}.ctc-login-card{background:#fff;box-shadow:none;border:1px solid #000}.ctc-social-login{display:none}}.ctc-forgot-password-container{margin-top:1rem;text-align:center}.ctc-forgot-password-link{background:none;border:none;color:#667eea;font-weight:600;font-size:.9rem;cursor:pointer;padding:0;text-decoration:underline;transition:color .2s ease}.ctc-forgot-password-link:hover,.ctc-forgot-password-link:focus{color:#5a67d8;outline:none;text-decoration:none}.ctc-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.ctc-modal-content{background-color:#00000080;border-radius:12px;max-width:400px;width:90%;box-shadow:0 10px 25px #0003;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#1e293b}.forgot-password-modal{display:flex;flex-direction:column;gap:1rem;background-color:#1e293b;color:#f9fafb;padding:1.5rem;border-radius:12px}.forgot-password-message{font-size:1rem;color:#475569;margin-bottom:1rem}.forgot-password-form .ctc-form-input{background-color:#fff;color:#1e293b;border:1px solid #94a3b8;border-radius:8px;padding:.5rem .75rem;margin-bottom:.75rem;font-size:1rem;font-family:inherit;outline-offset:2px;transition:border-color .3s ease}.forgot-password-form .ctc-form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea4d;outline:none;background-color:#fff}.forgot-password-buttons .cancel-button{background:#e2e8f0;color:#475569;transition:background-color .3s ease}.forgot-password-buttons .cancel-button:hover:not(:disabled){background:#cbd5e1;color:#1e293b}.forgot-password-message{font-size:1rem;color:#f9fafb;margin-bottom:1rem}.forgot-password-modal p,.forgot-password-modal label,.forgot-password-modal h3,.forgot-password-modal .success-message,.forgot-password-modal .error-message{color:#f9fafb}.forgot-password-form{display:flex;flex-direction:column;gap:1rem}.forgot-password-form .ctc-form-input{background-color:#fff;color:#1e293b;border:1px solid #94a3b8;border-radius:8px;padding:.5rem .75rem;font-size:1rem;font-family:inherit;outline-offset:2px;transition:border-color .3s ease}.forgot-password-form .ctc-form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea4d;outline:none}.forgot-password-buttons{display:flex;gap:1rem;justify-content:flex-end}.forgot-password-buttons .cancel-button{background:#374151;color:#cbd5e1;transition:background-color .3s ease}.forgot-password-buttons .cancel-button:hover:not(:disabled){background:#4b5563;color:#f9fafb}.ctc-register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1);padding:2rem 0}.ctc-register-page.visible{opacity:1;transform:translateY(0)}.ctc-register-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.ctc-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.1}.ctc-bg-pattern:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.1) 0%,transparent 50%);animation:ctc-float 20s ease-in-out infinite}.ctc-bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea0d,#764ba20d,#ff9a9e0d,#fad0c40d,#667eea0d);background-size:400% 400%;animation:ctc-gradient-shift 15s ease infinite}.ctc-register-container{width:100%;max-width:520px;padding:2rem;position:relative;z-index:1;margin:4rem auto}.ctc-register-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #fff3;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;animation:ctc-card-entrance .8s cubic-bezier(.4,0,.2,1)}.ctc-register-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#667eea,#764ba2,#ff9a9e,#fad0c4);background-size:300% 100%;animation:ctc-border-flow 3s ease infinite}.ctc-register-header{text-align:center;margin-bottom:2.5rem}.ctc-brand-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.ctc-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 8px 16px #667eea4d;animation:ctc-logo-pulse 2s ease-in-out infinite}.ctc-brand-name{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.ctc-register-title-section{margin-top:1rem}.ctc-register-title{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.5rem;line-height:1.2}.ctc-register-subtitle{font-size:1rem;color:#718096;line-height:1.5;margin:0}.ctc-error-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #fc8181;border-radius:12px;margin-bottom:1.5rem;animation:ctc-error-shake .5s ease-in-out}.ctc-error-icon{font-size:1.25rem;flex-shrink:0}.ctc-error-text{flex:1;font-size:.875rem;font-weight:500;color:#c53030;line-height:1.4}.ctc-error-close{background:none;border:none;color:#c53030;cursor:pointer;font-size:1rem;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.ctc-error-close:hover{background:#c530301a}.ctc-register-form{margin-bottom:2rem}.ctc-form-group{margin-bottom:1.5rem}.ctc-form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;line-height:1.4}.ctc-input-wrapper{position:relative;display:flex;align-items:center}.ctc-input-icon{position:absolute;left:1rem;color:#9ca3af;z-index:2;transition:color .2s ease}.ctc-form-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-weight:400;color:#374151;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.ctc-form-input .ctc-auth-legal-notice{margin-top:-.5rem;margin-bottom:1.5rem;font-size:.85rem;color:#64748b;text-align:center}.ctc-form-input .ctc-legal-link{color:#667eea;text-decoration:none;font-weight:600}.ctc-form-input .ctc-legal-link:hover{text-decoration:underline}.ctc-form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fffffff2}.ctc-form-input:focus+.ctc-input-icon,.ctc-input-wrapper:focus-within .ctc-input-icon{color:#667eea}.ctc-form-input::placeholder{color:#9ca3af}.ctc-form-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.ctc-password-toggle{position:absolute;right:1rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;z-index:2}.ctc-password-toggle:hover{color:#667eea;background:#667eea1a}.ctc-password-toggle:disabled{cursor:not-allowed;opacity:.5}.ctc-password-strength{margin-top:.5rem;display:flex;align-items:center;gap:.75rem}.ctc-strength-bar{flex:1;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.ctc-strength-fill{height:100%;border-radius:2px;transition:all .3s ease}.ctc-strength-text{font-size:.75rem;font-weight:600;min-width:60px;text-align:right}.ctc-password-requirements{list-style:none;padding:0;margin:.75rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ctc-password-requirements li{font-size:.75rem;color:#9ca3af;display:flex;align-items:center;gap:.4rem;transition:all .2s ease}.ctc-password-requirements li.met{color:#10b981;font-weight:500}.ctc-password-match-error{margin-top:.5rem;font-size:.75rem;color:#ef4444;font-weight:500}.ctc-form-options{margin-bottom:2rem}.ctc-checkbox-wrapper{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.ctc-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;position:relative;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-top:2px}.ctc-checkbox:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.ctc-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.ctc-checkmark{display:none}.ctc-checkbox-label{font-size:.875rem;color:#374151;line-height:1.5}.ctc-terms-link{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.ctc-terms-link:hover{color:#5a67d8;text-decoration:underline}.ctc-register-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;box-shadow:0 4px 14px #667eea66}.ctc-register-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.ctc-register-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}.ctc-register-button:hover:before{left:100%}.ctc-register-button:active{transform:translateY(0)}.ctc-register-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.ctc-register-button.loading{pointer-events:none}.ctc-loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:ctc-spin 1s linear infinite}.ctc-register-footer{text-align:center;margin-bottom:2rem}.ctc-login-prompt{font-size:.875rem;color:#718096;margin:0;line-height:1.5}.ctc-login-link{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s ease}.ctc-login-link:hover{color:#5a67d8;text-decoration:underline}.ctc-social-register{margin-top:2rem}.ctc-divider{position:relative;text-align:center;margin-bottom:1.5rem}.ctc-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.ctc-divider span{background:#fffffff2;padding:0 1rem;font-size:.875rem;color:#718096;position:relative;z-index:1}.ctc-social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ctc-social-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.ctc-social-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;background:#fffffff2}.ctc-social-button.google:hover{border-color:#4285f4;box-shadow:0 4px 12px #4285f433}.ctc-social-button.facebook:hover{border-color:#1877f2;box-shadow:0 4px 12px #1877f233}.ctc-social-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes ctc-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes ctc-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes ctc-card-entrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ctc-border-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes ctc-logo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ctc-error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes ctc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.ctc-register-container{padding:1rem}.ctc-register-card{padding:2rem 1.5rem;border-radius:16px}.ctc-register-title{font-size:1.75rem}.ctc-brand-name{font-size:1.5rem}.ctc-logo-icon{width:40px;height:40px;font-size:1.25rem}.ctc-social-buttons{grid-template-columns:1fr}.ctc-checkbox-wrapper{align-items:flex-start}.ctc-checkbox-label{font-size:.8rem}}@media (max-width: 480px){.ctc-register-card{padding:1.5rem 1rem}.ctc-register-title{font-size:1.5rem}.ctc-form-input{padding:.75rem 1rem .75rem 2.75rem}.ctc-register-button{padding:.875rem 1.25rem}.ctc-password-strength{flex-direction:column;align-items:stretch;gap:.5rem}.ctc-strength-text{text-align:left;min-width:auto}}@media (prefers-color-scheme: dark){.ctc-register-card{background:#1f2937f2;border-color:#4b55634d}.ctc-register-title{color:#f9fafb}.ctc-register-subtitle{color:#d1d5db}.ctc-form-label{color:#e5e7eb}.ctc-form-input{background:#374151cc;border-color:#4b5563;color:#f9fafb}.ctc-form-input:focus{background:#374151f2}.ctc-checkbox-label{color:#e5e7eb}.ctc-login-prompt{color:#d1d5db}.ctc-social-button{background:#374151cc;border-color:#4b5563;color:#f9fafb}.ctc-social-button:hover{background:#374151f2}.ctc-divider span{background:#1f2937f2;color:#d1d5db}.ctc-strength-bar{background:#4b5563}.ctc-password-match-error{color:#fca5a5}}@media (prefers-contrast: high){.ctc-register-card{border:2px solid #000;box-shadow:0 4px 8px #0000004d}.ctc-form-input{border:2px solid #000}.ctc-form-input:focus{border-color:#06c;box-shadow:0 0 0 2px #06c}.ctc-register-button{background:#06c;border:2px solid #000}.ctc-social-button,.ctc-checkbox{border:2px solid #000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ctc-register-page{opacity:1;transform:none}.ctc-register-button:hover,.ctc-social-button:hover{transform:none}}.ctc-form-input:focus,.ctc-register-button:focus,.ctc-social-button:focus,.ctc-checkbox:focus,.ctc-terms-link:focus,.ctc-login-link:focus{outline:2px solid #667eea;outline-offset:2px}@media print{.ctc-register-page{background:#fff}.ctc-register-background{display:none}.ctc-register-card{background:#fff;box-shadow:none;border:1px solid #000}.ctc-social-register{display:none}}.ctc-form-input:disabled{opacity:.6;cursor:not-allowed}.ctc-checkbox:disabled{opacity:.6;cursor:not-allowed}.ctc-form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.ctc-form-input.success{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.ctc-strength-weak{color:#ef4444}.ctc-strength-fair{color:#f59e0b}.ctc-strength-good{color:#3b82f6}.ctc-strength-strong{color:#10b981}.ctc-form-group:hover .ctc-form-label{color:#667eea;transition:color .2s ease}.ctc-checkbox-wrapper:hover .ctc-checkbox{border-color:#667eea;transition:border-color .2s ease}@keyframes ctc-success-bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.ctc-register-button.success{animation:ctc-success-bounce 1s ease;background:linear-gradient(135deg,#10b981,#059669)}@keyframes ctc-input-error{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.ctc-form-input.error{animation:ctc-input-error .5s ease-in-out}.ctc-password-tooltip{position:absolute;top:100%;left:0;right:0;background:#000000e6;color:#fff;padding:.75rem;border-radius:8px;font-size:.75rem;margin-top:.5rem;opacity:0;transform:translateY(-10px);transition:all .3s ease;z-index:10}.ctc-password-tooltip.show{opacity:1;transform:translateY(0)}.ctc-password-tooltip:before{content:"";position:absolute;top:-4px;left:1rem;width:8px;height:8px;background:#000000e6;transform:rotate(45deg)}.ctc-password-requirement{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.ctc-password-requirement:last-child{margin-bottom:0}.ctc-requirement-check{color:#10b981}.ctc-requirement-cross{color:#ef4444}.ctc-form-input,.ctc-checkbox,.ctc-register-button,.ctc-social-button,.ctc-terms-link,.ctc-login-link{transition:all .3s cubic-bezier(.4,0,.2,1)}.ctc-form-input:focus-visible,.ctc-checkbox:focus-visible,.ctc-register-button:focus-visible,.ctc-social-button:focus-visible{outline:2px solid #667eea;outline-offset:2px;box-shadow:0 0 0 4px #667eea1a}.ctc-register-card::-webkit-scrollbar{width:6px}.ctc-register-card::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.ctc-register-card::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.ctc-register-card::-webkit-scrollbar-thumb:hover{background:#667eea80}.str-stories-page{position:relative;background:#0a0a0f;min-height:100vh;padding:2rem 0;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.19,1,.22,1)}.str-stories-page.str-page-visible{opacity:1;transform:translateY(0)}.str-stories-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(16,185,129,.05) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(139,92,246,.03) 0%,transparent 50%);pointer-events:none}.str-main-container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.str-section-header{text-align:center;margin-bottom:4rem;position:relative}.str-header-content{max-width:800px;margin:0 auto;margin-top:4rem}.str-section-badge{position:relative;display:inline-flex;align-items:center;gap:.75rem;background:#0f0f19cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.3);padding:1rem 2rem;border-radius:50px;margin-bottom:2rem;overflow:hidden;animation:str-badge-slide-in 1s cubic-bezier(.19,1,.22,1) .2s both}.str-badge-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#3b82f6,#10b981,#3b82f6);border-radius:50px;z-index:-1;opacity:.6;animation:str-glow-pulse 3s ease-in-out infinite}@keyframes str-glow-pulse{0%,to{opacity:.6}50%{opacity:.9}}.str-badge-icon{font-size:1.2rem;animation:str-icon-bounce 2s ease-in-out infinite}@keyframes str-icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.str-badge-text{font-size:1rem;font-weight:600;color:#e2e8f0;letter-spacing:.5px}.str-section-title{font-size:4rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff;animation:str-title-slide-in 1s cubic-bezier(.19,1,.22,1) .4s both}.str-title-main{color:#cbd5e1}.str-title-highlight{background:linear-gradient(135deg,#3b82f6,#10b981,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:str-title-glow 2s ease-in-out infinite alternate}@keyframes str-title-glow{0%{filter:drop-shadow(0 0 20px rgba(59,130,246,.3))}to{filter:drop-shadow(0 0 30px rgba(16,185,129,.5))}}.str-section-subtitle{font-size:1.2rem;line-height:1.7;color:#94a3b8;max-width:600px;margin:0 auto;animation:str-subtitle-fade 1s cubic-bezier(.19,1,.22,1) .6s both}.str-header-decoration{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.str-deco-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#10b981);animation:str-dot-pulse 2s ease-in-out infinite}.str-deco-dot.str-deco-delayed{animation-delay:.5s}.str-deco-dot.str-deco-slow{animation-delay:1s}@keyframes str-dot-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:1}}.str-filters-section{margin-bottom:3rem}.str-filters-container{background:#0f0f1999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:20px;padding:2rem;animation:str-filters-slide-in 1s cubic-bezier(.19,1,.22,1) .8s both}.str-search-form{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.str-search-input-container{position:relative;flex:1;min-width:300px}.str-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#64748b;z-index:2}.str-search-input{width:100%;padding:1rem 1rem 1rem 3rem;background:#0f0f19cc;border:1px solid rgba(59,130,246,.3);border-radius:12px;color:#e2e8f0;font-size:1rem;transition:all .3s ease}.str-search-input:focus{outline:none;border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f61a;background:#0f0f19e6}.str-search-input::placeholder{color:#64748b}.str-search-clear-btn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;font-size:1.2rem;padding:.25rem;border-radius:50%;transition:all .2s ease}.str-search-clear-btn:hover{color:#e2e8f0;background:#3b82f633}.str-search-submit-btn{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #3b82f64d;position:relative;overflow:hidden}.str-search-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.str-search-submit-btn:active{transform:translateY(0)}.str-filter-controls{display:flex;gap:1.5rem;align-items:end;flex-wrap:wrap}.str-filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.str-filter-label{font-size:.9rem;font-weight:600;color:#cbd5e1;letter-spacing:.5px}.str-filter-select{padding:.75rem 1rem;background:#0f0f19cc;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#e2e8f0;font-size:.95rem;cursor:pointer;transition:all .3s ease}.str-filter-select:focus{outline:none;border-color:#3b82f699;box-shadow:0 0 0 2px #3b82f61a}.str-filter-select option{background:#1e293b;color:#e2e8f0;padding:.5rem}.str-view-mode-toggle{display:flex;gap:.5rem;background:#0f0f19cc;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:.25rem}.str-view-mode-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.str-view-mode-btn:hover{color:#e2e8f0;background:#3b82f633}.str-view-mode-btn.str-active{color:#3b82f6;background:#3b82f64d}.str-clear-filters-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d}.str-clear-filters-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.str-active-filters{margin-top:1.5rem;padding:1rem;background:#0f0f1999;border-radius:12px;border:1px solid rgba(59,130,246,.2)}.str-active-filters-label{font-size:.9rem;color:#94a3b8;margin-right:1rem;font-weight:500}.str-active-filters-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.str-active-filter{display:inline-flex;align-items:center;gap:.5rem;background:#3b82f633;color:#60a5fa;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;border:1px solid rgba(59,130,246,.3)}.str-filter-remove{background:none;border:none;color:#60a5fa;cursor:pointer;padding:0;margin-left:.25rem;font-size:.9rem;opacity:.7;transition:opacity .2s ease}.str-filter-remove:hover{opacity:1}.str-results-summary{margin-bottom:2rem;padding:1rem 0;border-bottom:1px solid rgba(59,130,246,.1)}.str-results-text{font-size:1rem;color:#cbd5e1;margin:0;text-align:center}.str-content-wrapper{min-height:400px;transition:opacity .3s ease-in-out}.str-stories-grid{transition:all .3s ease-in-out}.str-stories-grid.str-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.str-stories-grid.str-list-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.str-story-card{position:relative;background:#0f0f1999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.19,1,.22,1);opacity:0;transform:translateY(20px);animation:str-card-fade-in .6s ease-out var(--str-card-delay) both}.str-story-card:hover{transform:translateY(-8px);border-color:#3b82f666;box-shadow:0 16px 40px #3b82f633}.str-card-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#3b82f6,#10b981,#06b6d4,#3b82f6);border-radius:16px;z-index:-1;opacity:0;transition:opacity .4s ease}.str-story-card:hover .str-card-glow{opacity:.6}.str-card-image-container{position:relative;aspect-ratio:4/5;overflow:hidden}.str-card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.str-story-card:hover .str-card-image{transform:scale(1.05)}.str-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000c,#0006,#000c);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .4s ease}.str-story-card:hover .str-card-overlay{opacity:1}.str-overlay-content{transform:translateY(20px);transition:transform .4s ease}.str-story-card:hover .str-overlay-content{transform:translateY(0)}.str-read-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #3b82f666}.str-read-btn:hover{transform:scale(1.05);box-shadow:0 12px 32px #3b82f699}.str-read-icon{font-size:1.1rem}.str-badges-container{position:absolute;top:.75rem;right:.75rem;display:flex;flex-direction:column;gap:.5rem;z-index:3}.str-featured-badge,.str-free-badge,.str-new-badge{padding:.3rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-align:center;min-width:32px}.str-featured-badge{background:#ffd700e6;color:#1a1a2e}.str-free-badge{background:#22c55ee6;color:#fff}.str-new-badge{background:#ef4444e6;color:#fff;font-size:.6rem;padding:.25rem .5rem}.str-card-content{padding:1.5rem;text-align:center}.str-card-title{font-size:1.2rem;font-weight:700;color:#fff;line-height:1.3;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.str-card-author{font-size:.9rem;color:#94a3b8;margin:0;font-style:italic}.str-no-stories-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:400px}.str-no-stories-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.str-no-stories-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1rem}.str-no-stories-description{font-size:1.1rem;color:#94a3b8;line-height:1.6;max-width:500px;margin-bottom:2rem}.str-no-stories-description strong{color:#60a5fa}.str-pagination{margin-top:4rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.str-pagination-container{display:flex;align-items:center;gap:1rem;background:#0f0f1999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:50px;padding:.5rem}.str-pagination-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#cbd5e1;padding:.75rem 1.5rem;border-radius:25px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.str-pagination-btn:hover:not(:disabled){background:#3b82f633;color:#60a5fa}.str-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.str-pagination-numbers{display:flex;gap:.25rem}.str-pagination-number{width:40px;height:40px;border:none;background:none;color:#cbd5e1;border-radius:50%;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.str-pagination-number:hover{background:#3b82f633;color:#60a5fa}.str-pagination-number.str-active{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;box-shadow:0 4px 12px #3b82f64d}.str-pagination-icon{font-size:1rem}.str-pagination-info{text-align:center}.str-pagination-info span{font-size:.9rem;color:#94a3b8}.str-search-pagination-info{margin-top:2rem;padding:1rem;background:#3b82f61a;border-radius:12px;text-align:center}.str-search-info-text{color:#60a5fa;font-size:.9rem;margin:0}.str-fab{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 8px 24px #3b82f666;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.str-fab:hover{transform:translateY(-3px);box-shadow:0 12px 32px #3b82f699}.str-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center;min-height:60vh}.str-loading-spinner{position:relative;width:80px;height:80px;margin-bottom:2rem}.str-spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #3b82f6;border-radius:50%;animation:str-spin 1.2s linear infinite}.str-spinner-ring.str-spinner-delayed{width:75%;height:75%;top:12.5%;left:12.5%;border-top-color:#10b981;animation-duration:1.8s;animation-direction:reverse}.str-spinner-ring.str-spinner-slow{width:50%;height:50%;top:25%;left:25%;border-top-color:#06b6d4;animation-duration:2.4s}@keyframes str-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.str-loading-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem}.str-loading-description{font-size:1.1rem;color:#94a3b8}.str-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center;min-height:60vh}.str-error-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.str-error-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem}.str-error-description{font-size:1.1rem;color:#94a3b8;margin-bottom:2rem;max-width:500px}.str-error-actions{display:flex;gap:1rem;justify-content:center}.str-retry-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #ef44444d}.str-retry-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #ef444466}.str-btn-icon{font-size:1.1rem}@keyframes str-badge-slide-in{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes str-title-slide-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes str-subtitle-fade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes str-filters-slide-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes str-card-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.str-main-container{padding:0 1.5rem}.str-stories-grid.str-grid-view{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.str-section-title{font-size:3.5rem}}@media (max-width: 992px){.str-stories-page{padding:1.5rem 0}.str-section-title{font-size:3rem}.str-section-subtitle{font-size:1.1rem}.str-filter-controls{gap:1rem}.str-stories-grid.str-grid-view{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 768px){.str-main-container{padding:0 1rem}.str-section-header{margin-bottom:3rem}.str-section-title{font-size:2.5rem}.str-section-subtitle{font-size:1rem}.str-filters-container{padding:1.5rem}.str-search-form{flex-direction:column;gap:1rem}.str-search-input-container{min-width:auto}.str-filter-controls{flex-direction:column;align-items:stretch;gap:1rem}.str-filter-group{min-width:auto}.str-view-mode-toggle{align-self:center;width:fit-content}.str-stories-grid.str-grid-view{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.str-stories-grid.str-list-view{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.str-card-content{padding:1rem}.str-card-title{font-size:1.1rem}.str-pagination-container{flex-wrap:wrap;justify-content:center;padding:1rem;border-radius:20px}.str-fab{bottom:1rem;right:1rem;width:48px;height:48px;font-size:1.3rem}}@media (max-width: 640px){.str-section-title{font-size:2rem}.str-section-subtitle{font-size:.95rem}.str-stories-grid.str-grid-view,.str-stories-grid.str-list-view{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.str-card-title{font-size:1rem}.str-card-author{font-size:.8rem}.str-active-filters{padding:.75rem}.str-active-filters-list{flex-direction:column;align-items:flex-start}.str-pagination-numbers{gap:.125rem}.str-pagination-number{width:36px;height:36px;font-size:.8rem}}@media (max-width: 480px){.str-section-badge{padding:.75rem 1.5rem;margin-bottom:1.5rem}.str-badge-text{font-size:.9rem}.str-section-title{font-size:1.75rem;margin-bottom:1rem}.str-section-subtitle{font-size:.9rem}.str-stories-grid.str-grid-view,.str-stories-grid.str-list-view{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.str-card-content{padding:.75rem}.str-card-title{font-size:.95rem;-webkit-line-clamp:3}.str-card-author{font-size:.75rem}.str-read-btn{padding:.5rem 1rem;font-size:.8rem}.str-badges-container{top:.5rem;right:.5rem;gap:.25rem}.str-featured-badge,.str-free-badge,.str-new-badge{padding:.2rem .4rem;font-size:.6rem;min-width:28px}.str-loading-spinner{width:60px;height:60px}.str-loading-title,.str-error-title{font-size:1.5rem}.str-loading-description,.str-error-description{font-size:1rem}.str-no-stories-title{font-size:1.5rem}.str-no-stories-description{font-size:1rem}}@media (min-width: 1600px){.str-section-title{font-size:4.5rem}.str-section-subtitle{font-size:1.3rem}.str-stories-grid.str-grid-view{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem}}@media (prefers-contrast: high){.str-stories-page{background:#000}.str-stories-page:before{background:none}.str-title-highlight{background:#3b82f6;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.str-story-card,.str-filters-container{border:2px solid #3b82f6;background:#1a1a1a}}@media (prefers-reduced-motion: reduce){.str-stories-page,.str-section-badge,.str-section-title,.str-section-subtitle,.str-filters-container,.str-story-card,.str-loading-spinner .str-spinner-ring,.str-badge-glow,.str-title-highlight,.str-deco-dot,.str-badge-icon{animation:none!important;transition:none!important}.str-stories-page.str-page-visible,.str-section-badge,.str-section-title,.str-section-subtitle,.str-filters-container,.str-story-card{opacity:1;transform:none}}.str-search-input:focus,.str-filter-select:focus,.str-view-mode-btn:focus,.str-search-submit-btn:focus,.str-clear-filters-btn:focus,.str-retry-btn:focus,.str-pagination-btn:focus,.str-pagination-number:focus,.str-fab:focus{outline:2px solid rgba(59,130,246,.8);outline-offset:3px}.str-story-card:focus{outline:2px solid rgba(59,130,246,.8);outline-offset:4px}@media print{.str-stories-page{background:#fff;color:#000}.str-stories-page:before{display:none}.str-filters-section,.str-pagination,.str-fab,.str-card-overlay,.str-badges-container{display:none}.str-story-card{break-inside:avoid;border:1px solid #ccc;background:#fff;box-shadow:none}.str-title-highlight{background:none;-webkit-text-fill-color:black;color:#000}.str-stories-grid.str-grid-view{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}}@media (prefers-color-scheme: dark){.str-stories-page{background:#030712}}@media (prefers-reduced-transparency: reduce){.str-section-badge,.str-filters-container,.str-story-card,.str-pagination-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f0f19f2}}@media (hover: none) and (pointer: coarse){.str-story-card:hover,.str-search-submit-btn:hover,.str-clear-filters-btn:hover,.str-view-mode-btn:hover,.str-pagination-btn:hover,.str-pagination-number:hover,.str-fab:hover{transform:none;box-shadow:none}.str-story-card:active{transform:scale(.98)}.str-search-submit-btn:active,.str-clear-filters-btn:active,.str-view-mode-btn:active,.str-pagination-btn:active,.str-pagination-number:active,.str-fab:active{transform:scale(.95)}.str-card-overlay{opacity:.8}.str-overlay-content{opacity:1;transform:translateY(0)}}.str-stories-page::-webkit-scrollbar{width:8px}.str-stories-page::-webkit-scrollbar-track{background:#0f0f1980}.str-stories-page::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:4px}.str-stories-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#059669)}.str-stories-page ::selection{background:#3b82f64d;color:#fff}.str-stories-page ::-moz-selection{background:#3b82f64d;color:#fff}.str-story-card,.str-search-submit-btn,.str-clear-filters-btn,.str-view-mode-btn,.str-pagination-btn,.str-pagination-number,.str-fab{will-change:transform;backface-visibility:hidden;perspective:1000px}.str-card-image{will-change:transform}.str-card-glow,.str-badge-glow{will-change:opacity,transform}.str-stories-page,.str-section-badge,.str-section-title,.str-story-card,.str-filters-container{transform:translateZ(0);backface-visibility:hidden}.str-stories-page:not(.str-page-visible) *{animation-play-state:paused}@media (prefers-reduced-motion: no-preference){.str-search-input:focus,.str-filter-select:focus,.str-view-mode-btn:focus,.str-search-submit-btn:focus,.str-clear-filters-btn:focus{animation:str-focus-glow 1s ease-in-out infinite alternate}}@keyframes str-focus-glow{0%{box-shadow:0 0 0 2px #3b82f680}to{box-shadow:0 0 0 4px #3b82f6cc}}@container (max-width: 768px){.str-filter-controls,.str-search-form{flex-direction:column}}@media (max-aspect-ratio: 1/1){.str-stories-page{padding:2rem 0}.str-section-title{font-size:2.5rem}}@media (-webkit-min-device-pixel-ratio: 3),(min-resolution: 3dppx){.str-deco-dot{width:8px;height:8px}.str-story-card,.str-filters-container{border-width:.5px}}.str-story-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(59,130,246,.05) 50%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}.str-story-card:hover:before{opacity:1}.str-loading-spinner:before{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:50%;transform:translate(-50%,-50%);animation:str-pulse-core 2s ease-in-out infinite}@keyframes str-pulse-core{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.5}}.str-loading-shimmer{background:linear-gradient(90deg,#0f0f1999 25%,#3b82f61a,#0f0f1999 75%);background-size:200% 100%;animation:str-shimmer 2s infinite}@keyframes str-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.str-observe-fade{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.19,1,.22,1)}.str-observe-fade.str-in-view{opacity:1;transform:translateY(0)}@supports not (display: grid){.str-stories-grid{display:flex;flex-wrap:wrap;gap:2rem}.str-story-card{flex:1 1 280px;max-width:350px}}@supports (backdrop-filter: blur(20px)){.str-story-card,.str-filters-container,.str-section-badge,.str-pagination-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@supports not (backdrop-filter: blur(20px)){.str-story-card{background:#0f0f19e6}.str-filters-container{background:#0f0f19cc}.str-section-badge{background:#0f0f19e6}.str-pagination-container{background:#0f0f19cc}}.str-stories-page.str-theme-blue{--str-primary-gradient: linear-gradient(135deg, #3b82f6, #1d4ed8);--str-secondary-gradient: linear-gradient(135deg, #60a5fa, #3b82f6)}.str-stories-page.str-theme-green{--str-primary-gradient: linear-gradient(135deg, #10b981, #059669);--str-secondary-gradient: linear-gradient(135deg, #34d399, #10b981)}.str-stories-page.str-theme-purple{--str-primary-gradient: linear-gradient(135deg, #8b5cf6, #7c3aed);--str-secondary-gradient: linear-gradient(135deg, #a78bfa, #8b5cf6)}.str-search-submit-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.str-search-submit-btn:active:after{width:200px;height:200px}.str-view-mode-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent);transition:left .5s ease}.str-view-mode-btn:hover:before{left:100%}.str-story-card .str-card-content:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#3b82f6,#10b981);transition:width .4s ease}.str-story-card:hover .str-card-content:after{width:100%}.str-pagination-number:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:50%;opacity:0;transform:scale(.8);transition:all .3s ease;z-index:-1}.str-pagination-number:hover:before{opacity:.2;transform:scale(1)}.str-pagination-number.str-active:before{opacity:1;transform:scale(1)}.str-search-input-container:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#3b82f6,#10b981);transition:width .3s ease}.str-search-input:focus+.str-search-input-container:after,.str-search-input-container:focus-within:after{width:100%}.str-filter-select{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.str-filter-select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%233b82f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.str-featured-badge{animation:str-badge-glow 2s ease-in-out infinite alternate}@keyframes str-badge-glow{0%{box-shadow:0 0 5px #ffd70080}to{box-shadow:0 0 15px #ffd700cc}}.str-new-badge{animation:str-badge-pulse 1.5s ease-in-out infinite}@keyframes str-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.str-scroll-reveal{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.19,1,.22,1)}.str-scroll-reveal.str-revealed{opacity:1;transform:translateY(0)}.str-skeleton{background:linear-gradient(90deg,#0f0f1999 25%,#3b82f61a,#0f0f1999 75%);background-size:200% 100%;animation:str-skeleton-loading 1.5s infinite}@keyframes str-skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.str-skeleton-card{background:#0f0f1999;border:1px solid rgba(59,130,246,.2);border-radius:16px;overflow:hidden}.str-skeleton-image{aspect-ratio:4/5;background:linear-gradient(90deg,#0f0f19cc 25%,#3b82f633,#0f0f19cc 75%);background-size:200% 100%;animation:str-skeleton-loading 1.5s infinite}.str-skeleton-content{padding:1.5rem}.str-skeleton-title{height:1.5rem;background:linear-gradient(90deg,#0f0f19cc 25%,#3b82f633,#0f0f19cc 75%);background-size:200% 100%;animation:str-skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:.5rem}.str-skeleton-author{height:1rem;width:60%;background:linear-gradient(90deg,#0f0f19cc 25%,#3b82f633,#0f0f19cc 75%);background-size:200% 100%;animation:str-skeleton-loading 1.5s infinite;border-radius:4px}.str-error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;text-align:center;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:16px;margin:2rem 0}.str-error-boundary-icon{font-size:3rem;color:#ef4444;margin-bottom:1rem}.str-error-boundary-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.str-error-boundary-message{font-size:1rem;color:#94a3b8;margin-bottom:1.5rem;max-width:400px}.str-error-boundary-action{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.str-error-boundary-action:hover{transform:translateY(-2px);box-shadow:0 8px 16px #ef44444d}.str-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.str-skip-link{position:absolute;top:-40px;left:6px;background:#3b82f6;color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000;transition:top .3s ease}.str-skip-link:focus{top:6px}@media (prefers-contrast: high){.str-story-card:hover{border-color:#fff;box-shadow:0 0 0 2px #fff}.str-search-input:focus,.str-filter-select:focus{border-color:#fff;box-shadow:0 0 0 2px #fff}.str-pagination-number.str-active{background:#fff;color:#000}}@media (prefers-reduced-data: reduce){.str-card-image{background:#3b82f633}.str-card-image[src]{display:none}.str-card-image:after{content:"📚";display:flex;align-items:center;justify-content:center;font-size:3rem;width:100%;height:100%}}.str-svg-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit;overflow:hidden}.str-svg-placeholder svg{width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:transform .3s ease}.str-card:hover .str-svg-placeholder svg{transform:scale(1.05)}.str-card-image-container{position:relative;width:100%;height:280px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#0f766e,#3b82f6)}.str-badges-container{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:5px;z-index:2}.str-type-badge{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(45deg,#10b981,#059669);color:#fff}.str-featured-badge{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;background:linear-gradient(45deg,#fbbf24,#f59e0b);color:#fff}.str-svg-placeholder svg *{will-change:transform,opacity}@media (max-width: 768px){.str-card-image-container{height:240px}}@media (prefers-reduced-motion: reduce){.str-svg-placeholder svg *{animation-duration:.01ms!important;animation-iteration-count:1!important}}.nvl-novels-page{position:relative;background:#0a0a0f;min-height:100vh;padding:2rem 0;overflow:hidden;opacity:0;transform:translateY(50px);transition:all 1.2s cubic-bezier(.19,1,.22,1)}.nvl-novels-page.nvl-page-visible{opacity:1;transform:translateY(0)}.nvl-novels-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(99,102,241,.06) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(16,185,129,.04) 0%,transparent 50%);pointer-events:none}.nvl-main-container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.nvl-section-header{text-align:center;margin-bottom:4rem;position:relative}.nvl-header-content{max-width:800px;margin:0 auto;margin-top:4rem}.nvl-typing-indicator{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#8b5cf6;margin-top:.5rem;font-style:italic}.nvl-typing-dots{display:inline-flex;gap:.2rem}.nvl-typing-dots span{width:4px;height:4px;background:#8b5cf6;border-radius:50%;animation:nvl-typing-bounce 1.4s infinite ease-in-out}.nvl-typing-dots span:nth-child(1){animation-delay:-.32s}.nvl-typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes nvl-typing-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.nvl-search-input:focus{outline:none;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.nvl-novels-grid{transition:opacity .3s ease}.nvl-novels-grid.searching{opacity:.7}.nvl-novel-card.loading{opacity:.6;pointer-events:none}.nvl-novel-card.loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 25%,rgba(139,92,246,.1) 50%,transparent 75%);background-size:200% 100%;animation:nvl-shimmer 2s infinite}@keyframes nvl-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.nvl-typing-indicator{font-size:.8rem;justify-content:center}.nvl-search-input{font-size:16px}}.nvl-section-badge{position:relative;display:inline-flex;align-items:center;gap:.75rem;background:#0f0f19cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.3);padding:1rem 2rem;border-radius:50px;margin-bottom:2rem;overflow:hidden;animation:nvlBadgeSlideIn 1s cubic-bezier(.19,1,.22,1) .2s both}.nvl-badge-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#8b5cf6,#a855f7,#8b5cf6);border-radius:50px;z-index:-1;opacity:.6;animation:nvlGlowPulse 3s ease-in-out infinite}@keyframes nvlGlowPulse{0%,to{opacity:.6}50%{opacity:.9}}.nvl-badge-icon{font-size:1.2rem;animation:nvlIconBounce 2s ease-in-out infinite}@keyframes nvlIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.nvl-badge-text{font-size:1rem;font-weight:600;color:#e2e8f0;letter-spacing:.5px}.nvl-section-title{font-size:4rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff;animation:nvlTitleSlideIn 1s cubic-bezier(.19,1,.22,1) .4s both}.nvl-title-main{color:#cbd5e1}.nvl-title-highlight{background:linear-gradient(135deg,#8b5cf6,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:nvlTitleGlow 2s ease-in-out infinite alternate}@keyframes nvlTitleGlow{0%{filter:drop-shadow(0 0 20px rgba(139,92,246,.3))}to{filter:drop-shadow(0 0 30px rgba(168,85,247,.5))}}.nvl-section-subtitle{font-size:1.2rem;line-height:1.7;color:#94a3b8;max-width:600px;margin:0 auto;animation:nvlSubtitleFade 1s cubic-bezier(.19,1,.22,1) .6s both}.nvl-header-decoration{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.nvl-deco-particle{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a855f7);animation:nvlParticlePulse 2s ease-in-out infinite}.nvl-deco-delayed{animation-delay:.5s}.nvl-deco-slow{animation-delay:1s}@keyframes nvlParticlePulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:1}}.nvl-filters-section{margin-bottom:3rem;animation:nvlFiltersSlideIn 1s cubic-bezier(.19,1,.22,1) .8s both}.nvl-filters-container{background:#0f0f1999;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(139,92,246,.2);border-radius:24px;padding:2rem;position:relative;overflow:hidden}.nvl-filters-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(139,92,246,.05) 0%,transparent 50%,rgba(168,85,247,.05) 100%);pointer-events:none}.nvl-search-form{display:flex;gap:1rem;margin-bottom:2rem;position:relative;z-index:2}.nvl-search-input-container{position:relative;flex:1;max-width:600px}.nvl-search-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#94a3b8;z-index:3}.nvl-search-input{width:100%;background:#0f0f19cc;border:2px solid rgba(139,92,246,.3);border-radius:50px;padding:1.25rem 1.5rem 1.25rem 3.5rem;font-size:1rem;color:#e2e8f0;transition:all .3s ease;outline:none}.nvl-search-input::placeholder{color:#64748b}.nvl-search-input:focus{border-color:#8b5cf699;box-shadow:0 0 0 4px #8b5cf61a}.nvl-search-clear-btn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#ef444433;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#ef4444;cursor:pointer;transition:all .3s ease;z-index:3}.nvl-search-clear-btn:hover{background:#ef44444d;transform:translateY(-50%) scale(1.1)}.nvl-search-submit-btn{position:relative;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:50px;padding:1.25rem 2.5rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;box-shadow:0 8px 24px #8b5cf64d}.nvl-search-submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf666}.nvl-btn-ripple{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.nvl-search-submit-btn:active .nvl-btn-ripple{width:300px;height:300px}.nvl-filter-controls{display:flex;gap:2rem;align-items:end;flex-wrap:wrap;position:relative;z-index:2}.nvl-filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.nvl-filter-label{font-size:.9rem;font-weight:600;color:#cbd5e1;letter-spacing:.5px}.nvl-filter-select{background:#0f0f19cc;border:2px solid rgba(139,92,246,.3);border-radius:12px;padding:.875rem 1rem;color:#e2e8f0;font-size:.95rem;cursor:pointer;transition:all .3s ease;outline:none}.nvl-filter-select:focus{border-color:#8b5cf699;box-shadow:0 0 0 4px #8b5cf61a}.nvl-filter-select option{background:#1a1a2e;color:#e2e8f0;padding:.5rem}.nvl-view-mode-toggle{display:flex;background:#0f0f19cc;border:2px solid rgba(139,92,246,.3);border-radius:12px;overflow:hidden}.nvl-view-mode-btn{background:transparent;border:none;padding:.875rem 1rem;color:#94a3b8;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.nvl-view-mode-btn:hover{background:#8b5cf61a;color:#a855f7}.nvl-view-mode-btn.nvl-active{background:#8b5cf633;color:#a855f7}.nvl-novels-grid{margin-bottom:4rem}.nvl-novels-grid.nvl-grid-view{display:grid;gap:2.5rem}.nvl-novels-grid.nvl-list-view{display:flex;flex-direction:column;gap:1.5rem}.nvl-novels-grid.nvl-list-view .nvl-novel-card{display:flex;flex-direction:row;max-width:none;height:200px}.nvl-novels-grid.nvl-list-view .nvl-card-image-container{width:150px;flex-shrink:0}.nvl-novels-grid.nvl-list-view .nvl-card-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.nvl-novel-card{position:relative;background:#0f0f1999;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(139,92,246,.2);border-radius:24px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.19,1,.22,1);opacity:0;transform:translateY(40px);animation:nvlCardSlideIn .8s cubic-bezier(.19,1,.22,1) var(--nvl-card-delay) both}.nvl-novel-card:hover{transform:translateY(-10px);border-color:#8b5cf666;box-shadow:0 20px 60px #8b5cf633}.nvl-card-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#8b5cf6,#a855f7,#ec4899,#8b5cf6);border-radius:24px;z-index:-1;opacity:0;transition:opacity .4s ease}.nvl-novel-card:hover .nvl-card-glow{opacity:.6}.nvl-card-image-container{position:relative;height:300px;overflow:hidden}.nvl-card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.nvl-novel-card:hover .nvl-card-image{transform:scale(1.05)}.nvl-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000c,#0006,#000c);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .4s ease}.nvl-novel-card:hover .nvl-card-overlay{opacity:1}.nvl-overlay-actions{display:flex;gap:1rem;transform:translateY(20px);transition:transform .4s ease}.nvl-novel-card:hover .nvl-overlay-actions{transform:translateY(0)}.nvl-action-btn-primary{width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 8px 24px #8b5cf666}.nvl-action-btn-primary:hover{transform:scale(1.1);box-shadow:0 12px 32px #8b5cf699}.nvl-action-btn-secondary{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.nvl-action-btn-secondary:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.nvl-badges-container{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:3}.nvl-status-badge,.nvl-featured-badge,.nvl-premium-badge,.nvl-free-badge{padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.nvl-status-badge.nvl-published{background:#10b981e6;color:#fff}.nvl-status-badge.nvl-ongoing{background:#f59e0be6;color:#fff}.nvl-status-badge.nvl-completed{background:#3b82f6e6;color:#fff}.nvl-featured-badge{background:#ffd700e6;color:#1a1a2e}.nvl-premium-badge{background:#a855f7e6;color:#fff}.nvl-free-badge{background:#22c55ee6;color:#fff}.nvl-card-content{padding:2rem}.nvl-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.nvl-card-title{font-size:1.4rem;font-weight:700;color:#fff;line-height:1.3;margin:0;flex:1}.nvl-rating-container{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.nvl-stars-container{display:flex;gap:.1rem}.nvl-star{font-size:1rem;transition:all .2s ease}.nvl-star-full{color:#fbbf24}.nvl-star-half{color:#fbbf24;opacity:.6}.nvl-star-empty{color:#64748b}.nvl-rating-value{font-size:.85rem;color:#94a3b8;font-weight:500}.nvl-card-meta{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.nvl-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#cbd5e1}.nvl-meta-icon{font-size:1rem;opacity:.8}.nvl-meta-text{font-weight:500}.nvl-card-description{color:#94a3b8;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.nvl-content-tags{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.nvl-content-tag{background:#8b5cf633;color:#c4b5fd;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid rgba(139,92,246,.3);transition:all .3s ease}.nvl-content-tag:hover{background:#8b5cf64d;color:#ddd6fe;transform:translateY(-2px)}.nvl-card-stats{display:flex;justify-content:space-between;padding-top:1.5rem;border-top:1px solid rgba(139,92,246,.2);margin-bottom:1rem}.nvl-stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1}.nvl-stat-icon{font-size:1.1rem;opacity:.8}.nvl-stat-value{font-size:1rem;font-weight:600;color:#fff}.nvl-stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.nvl-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.nvl-content-info{flex:1}.nvl-info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.nvl-info-label{font-size:.85rem;color:#cbd5e1;font-weight:500}.nvl-info-status,.nvl-info-words{font-size:.8rem;color:#94a3b8}.nvl-pricing-info{flex-shrink:0}.nvl-free-label{background:#22c55e33;color:#4ade80;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600;border:1px solid rgba(34,197,94,.3)}.nvl-coin-value{background:#f59e0b33;color:#fbbf24;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600;border:1px solid rgba(245,158,11,.3)}.nvl-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center}.nvl-loading-spinner{position:relative;width:100px;height:100px;margin-bottom:2rem}.nvl-spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #8b5cf6;border-radius:50%;animation:nvlSpinRing 1.2s linear infinite}.nvl-spinner-delayed{width:75%;height:75%;top:12.5%;left:12.5%;border-top-color:#a855f7;animation-duration:1.8s;animation-direction:reverse}.nvl-spinner-slow{width:50%;height:50%;top:25%;left:25%;border-top-color:#ec4899;animation-duration:2.4s}@keyframes nvlSpinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nvl-loading-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem}.nvl-loading-description{font-size:1.1rem;color:#94a3b8}.nvl-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center}.nvl-error-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.nvl-error-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem}.nvl-error-description{font-size:1.1rem;color:#94a3b8;margin-bottom:2rem;max-width:500px}.nvl-error-actions{display:flex;gap:1rem;justify-content:center}.nvl-retry-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #ef44444d}.nvl-retry-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #ef444466}.nvl-btn-icon{font-size:1.1rem}.nvl-no-novels-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center}.nvl-no-novels-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.nvl-no-novels-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem}.nvl-no-novels-description{font-size:1.1rem;color:#94a3b8;margin-bottom:2rem;max-width:500px}.nvl-clear-filters-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #8b5cf64d}.nvl-clear-filters-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #8b5cf666}.nvl-pagination{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:4rem}.nvl-pagination-container{display:flex;align-items:center;gap:1rem}.nvl-pagination-btn{display:flex;align-items:center;gap:.5rem;background:#0f0f19cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(139,92,246,.3);color:#e2e8f0;padding:.875rem 1.5rem;border-radius:50px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.nvl-pagination-btn:hover:not(:disabled){border-color:#8b5cf680;background:#8b5cf61a;transform:translateY(-2px)}.nvl-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.nvl-pagination-icon{font-size:1.1rem}.nvl-pagination-numbers{display:flex;gap:.5rem}.nvl-pagination-number{width:48px;height:48px;background:#0f0f19cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(139,92,246,.3);color:#e2e8f0;border-radius:50%;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.nvl-pagination-number:hover{border-color:#8b5cf680;background:#8b5cf61a;transform:translateY(-2px)}.nvl-pagination-number.nvl-active{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-color:#8b5cf699;color:#fff;box-shadow:0 4px 16px #8b5cf64d}.nvl-pagination-info{font-size:.9rem;color:#94a3b8;text-align:center}@keyframes nvlBadgeSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes nvlTitleSlideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes nvlSubtitleFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes nvlFiltersSlideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes nvlCardSlideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 640px){.nvl-novels-grid.nvl-grid-view{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.nvl-novels-grid.nvl-grid-view{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1400px){.nvl-novels-grid.nvl-grid-view{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1800px){.nvl-novels-grid.nvl-grid-view{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1200px){.nvl-main-container{padding:0 1.5rem}.nvl-section-title{font-size:3.5rem}}@media (max-width: 992px){.nvl-novels-page{padding:1.5rem 0}.nvl-section-title{font-size:3rem}.nvl-section-subtitle{font-size:1.1rem}.nvl-filter-controls{gap:1.5rem}.nvl-novels-grid{gap:2rem}}@media (max-width: 768px){.nvl-main-container{padding:0 1rem}.nvl-section-header{margin-bottom:3rem}.nvl-section-title{font-size:2.5rem}.nvl-section-subtitle{font-size:1rem}.nvl-filters-container{padding:1.5rem}.nvl-search-form{flex-direction:column;gap:1rem}.nvl-search-input-container{max-width:none}.nvl-filter-controls{flex-direction:column;gap:1rem;align-items:stretch}.nvl-filter-group{min-width:auto}.nvl-view-mode-toggle{align-self:center}.nvl-novels-grid.nvl-list-view .nvl-novel-card{flex-direction:column;height:auto}.nvl-novels-grid.nvl-list-view .nvl-card-image-container{width:100%;height:200px}.nvl-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.nvl-rating-container{align-self:flex-end}.nvl-card-meta{flex-direction:column;gap:.5rem}.nvl-pagination-container{flex-wrap:wrap;justify-content:center}.nvl-pagination-numbers{order:-1;margin-bottom:1rem}}@media (max-width: 640px){.nvl-novels-page{padding:1rem 0}.nvl-main-container{padding:0 .75rem}.nvl-section-title{font-size:2rem}.nvl-section-subtitle{font-size:.95rem}.nvl-filters-container{padding:1rem}.nvl-search-input{padding:1rem 1rem 1rem 3rem}.nvl-search-submit-btn{padding:1rem 2rem}.nvl-novels-grid{gap:1.5rem}.nvl-card-image-container{height:250px}.nvl-card-content{padding:1.5rem}.nvl-card-title{font-size:1.2rem}.nvl-overlay-actions{gap:.75rem}.nvl-action-btn-primary{width:48px;height:48px;font-size:1.2rem}.nvl-action-btn-secondary{width:42px;height:42px;font-size:1rem}.nvl-pagination-btn{padding:.75rem 1.25rem;font-size:.9rem}.nvl-pagination-number{width:42px;height:42px;font-size:.9rem}}@media (max-width: 480px){.nvl-section-badge{padding:.75rem 1.5rem;margin-bottom:1.5rem}.nvl-badge-text{font-size:.9rem}.nvl-section-title{font-size:1.75rem;margin-bottom:1rem}.nvl-section-subtitle{font-size:.9rem}.nvl-card-image-container{height:200px}.nvl-card-content{padding:1.25rem}.nvl-card-title{font-size:1.1rem}.nvl-card-stats{gap:.5rem}.nvl-stat-value{font-size:.9rem}.nvl-stat-label{font-size:.7rem}.nvl-loading-spinner{width:80px;height:80px}.nvl-loading-title,.nvl-error-title,.nvl-no-novels-title{font-size:1.5rem}.nvl-loading-description,.nvl-error-description,.nvl-no-novels-description{font-size:1rem}}@media (prefers-contrast: high){.nvl-novels-page{background:#000}.nvl-novels-page:before{background:none}.nvl-title-highlight{background:#8b5cf6;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nvl-novel-card,.nvl-filters-container,.nvl-search-input,.nvl-filter-select{border:2px solid #8b5cf6;background:#1a1a1a}}@media (prefers-reduced-motion: reduce){.nvl-novels-page,.nvl-section-badge,.nvl-section-title,.nvl-section-subtitle,.nvl-filters-section,.nvl-novel-card,.nvl-loading-spinner .nvl-spinner-ring,.nvl-badge-glow,.nvl-title-highlight,.nvl-deco-particle,.nvl-badge-icon{animation:none!important;transition:none!important}.nvl-novels-page.nvl-page-visible,.nvl-section-badge,.nvl-section-title,.nvl-section-subtitle,.nvl-filters-section,.nvl-novel-card{opacity:1;transform:none}}.nvl-search-input:focus,.nvl-filter-select:focus,.nvl-view-mode-btn:focus,.nvl-search-submit-btn:focus,.nvl-action-btn-primary:focus,.nvl-action-btn-secondary:focus,.nvl-pagination-btn:focus,.nvl-pagination-number:focus,.nvl-retry-btn:focus,.nvl-clear-filters-btn:focus{outline:2px solid rgba(139,92,246,.8);outline-offset:3px}.nvl-novel-card:focus{outline:2px solid rgba(139,92,246,.8);outline-offset:4px}@media print{.nvl-novels-page{background:#fff;color:#000}.nvl-novels-page:before{display:none}.nvl-overlay-actions,.nvl-pagination,.nvl-filters-section{display:none}.nvl-novel-card{break-inside:avoid;border:1px solid #ccc;background:#fff}.nvl-title-highlight{background:none;-webkit-text-fill-color:black;color:#000}}@media (prefers-color-scheme: dark){.nvl-novels-page{background:#030712}}@media (prefers-reduced-transparency: reduce){.nvl-section-badge,.nvl-filters-container,.nvl-novel-card,.nvl-search-input,.nvl-filter-select,.nvl-pagination-btn,.nvl-pagination-number,.nvl-action-btn-secondary{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f0f19f2}}@media (hover: none) and (pointer: coarse){.nvl-novel-card:hover,.nvl-search-submit-btn:hover,.nvl-view-mode-btn:hover,.nvl-action-btn-primary:hover,.nvl-action-btn-secondary:hover,.nvl-pagination-btn:hover,.nvl-pagination-number:hover{transform:none;box-shadow:none}.nvl-novel-card:active{transform:scale(.98)}.nvl-search-submit-btn:active,.nvl-view-mode-btn:active,.nvl-action-btn-primary:active,.nvl-action-btn-secondary:active,.nvl-pagination-btn:active,.nvl-pagination-number:active{transform:scale(.95)}.nvl-card-overlay{opacity:.8}.nvl-overlay-actions{opacity:1;transform:translateY(0)}}.nvl-novels-page::-webkit-scrollbar{width:8px}.nvl-novels-page::-webkit-scrollbar-track{background:#0f0f1980}.nvl-novels-page::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:4px}.nvl-novels-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#9333ea)}.nvl-novels-page ::selection{background:#8b5cf64d;color:#fff}.nvl-novels-page ::-moz-selection{background:#8b5cf64d;color:#fff}.nvl-novel-card,.nvl-search-submit-btn,.nvl-action-btn-primary,.nvl-action-btn-secondary,.nvl-pagination-btn,.nvl-pagination-number{will-change:transform;backface-visibility:hidden;perspective:1000px}.nvl-card-image{will-change:transform}.nvl-card-glow,.nvl-badge-glow,.nvl-btn-ripple{will-change:opacity,transform}.nvl-novels-page,.nvl-section-badge,.nvl-section-title,.nvl-novel-card,.nvl-filters-container{transform:translateZ(0);backface-visibility:hidden}@media (prefers-reduced-motion: no-preference){.nvl-search-input:focus,.nvl-filter-select:focus,.nvl-view-mode-btn:focus,.nvl-search-submit-btn:focus{animation:nvlFocusGlow 1s ease-in-out infinite alternate}}@keyframes nvlFocusGlow{0%{box-shadow:0 0 0 2px #8b5cf680}to{box-shadow:0 0 0 4px #8b5cf6cc}}@container (max-width: 768px){.nvl-filter-controls,.nvl-card-header{flex-direction:column}}@media (max-aspect-ratio: 1/1){.nvl-novels-page{padding:1.5rem 0}.nvl-section-title{font-size:2.5rem}}@media (-webkit-min-device-pixel-ratio: 3),(min-resolution: 3dppx){.nvl-deco-particle{width:8px;height:8px}.nvl-filters-container,.nvl-novel-card{border-width:.5px}}.nvl-novel-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(139,92,246,.05) 50%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}.nvl-novel-card:hover:before{opacity:1}.nvl-loading-spinner:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50%;transform:translate(-50%,-50%);animation:nvlPulseCore 2s ease-in-out infinite}@keyframes nvlPulseCore{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.5}}.nvl-loading-shimmer{background:linear-gradient(90deg,#0f0f1999 25%,#8b5cf61a,#0f0f1999 75%);background-size:200% 100%;animation:nvlShimmer 2s infinite}@keyframes nvlShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.nvl-observe-fade{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.19,1,.22,1)}.nvl-observe-fade.nvl-in-view{opacity:1;transform:translateY(0)}.nvl-novels-grid.nvl-masonry-layout{columns:3;column-gap:2.5rem}.nvl-novels-grid.nvl-masonry-layout .nvl-novel-card{break-inside:avoid;margin-bottom:2.5rem}@media (max-width: 992px){.nvl-novels-grid.nvl-masonry-layout{columns:2}}@media (max-width: 640px){.nvl-novels-grid.nvl-masonry-layout{columns:1}}@supports not (display: grid){.nvl-novels-grid{display:flex;flex-wrap:wrap;gap:2.5rem}.nvl-novel-card{flex:1 1 350px;max-width:450px}}@supports (backdrop-filter: blur(30px)){.nvl-novel-card,.nvl-filters-container,.nvl-section-badge,.nvl-search-input,.nvl-filter-select,.nvl-pagination-btn,.nvl-pagination-number{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}}@supports not (backdrop-filter: blur(30px)){.nvl-novel-card{background:#0f0f19e6}.nvl-filters-container{background:#0f0f19cc}.nvl-section-badge,.nvl-search-input,.nvl-filter-select,.nvl-pagination-btn,.nvl-pagination-number{background:#0f0f19e6}}.nvl-novels-page.nvl-theme-blue{--nvl-primary-gradient: linear-gradient(135deg, #3b82f6, #1d4ed8);--nvl-secondary-gradient: linear-gradient(135deg, #60a5fa, #3b82f6)}.nvl-novels-page.nvl-theme-purple{--nvl-primary-gradient: linear-gradient(135deg, #8b5cf6, #7c3aed);--nvl-secondary-gradient: linear-gradient(135deg, #a78bfa, #8b5cf6)}.nvl-novels-page.nvl-theme-green{--nvl-primary-gradient: linear-gradient(135deg, #10b981, #059669);--nvl-secondary-gradient: linear-gradient(135deg, #34d399, #10b981)}.nvl-novel-card{transform-origin:center}.nvl-novel-card:active{transform:scale(.98)}.nvl-search-submit-btn:active{transform:scale(.95)}.nvl-action-btn-primary:active{transform:scale(.9)}.nvl-pagination-btn:active,.nvl-pagination-number:active{transform:scale(.95)}.nvl-skeleton{background:linear-gradient(90deg,#0f0f1999 25%,#8b5cf61a,#0f0f1999 75%);background-size:200% 100%;animation:nvlSkeleton 1.5s infinite;border-radius:8px}@keyframes nvlSkeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.nvl-skeleton-card{height:400px;border-radius:24px}.nvl-skeleton-title{height:24px;width:80%;margin-bottom:12px}.nvl-skeleton-text{height:16px;width:100%;margin-bottom:8px}.nvl-skeleton-text:last-child{width:60%}.nvl-fab{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 8px 24px #8b5cf666;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.nvl-fab:hover{transform:scale(1.1);box-shadow:0 12px 32px #8b5cf699}.nvl-fab:active{transform:scale(.95)}.nvl-tooltip{position:relative}.nvl-tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}.nvl-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000e6;opacity:0;pointer-events:none;transition:opacity .3s ease}.nvl-tooltip:hover:before,.nvl-tooltip:hover:after{opacity:1}.nvl-status-badge,.nvl-featured-badge,.nvl-premium-badge,.nvl-free-badge{animation:nvlBadgeFloat 3s ease-in-out infinite}.nvl-featured-badge{animation-delay:.5s}.nvl-premium-badge{animation-delay:1s}.nvl-free-badge{animation-delay:1.5s}@keyframes nvlBadgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.nvl-novel-card{transition:all .4s cubic-bezier(.19,1,.22,1)}.nvl-novel-card:hover{transform:translateY(-10px) rotateX(5deg);transform-style:preserve-3d}.nvl-card-content{transition:transform .4s ease}.nvl-novel-card:hover .nvl-card-content{transform:translateZ(20px)}.nvl-novel-card:nth-child(1){animation-delay:.1s}.nvl-novel-card:nth-child(2){animation-delay:.2s}.nvl-novel-card:nth-child(3){animation-delay:.3s}.nvl-novel-card:nth-child(4){animation-delay:.4s}.nvl-novel-card:nth-child(5){animation-delay:.5s}.nvl-novel-card:nth-child(6){animation-delay:.6s}.nvl-novel-card:nth-child(7){animation-delay:.7s}.nvl-novel-card:nth-child(8){animation-delay:.8s}.nvl-novel-card:nth-child(9){animation-delay:.9s}.nvl-novel-card:nth-child(10){animation-delay:1s}.nvl-novel-card:nth-child(11){animation-delay:1.1s}.nvl-novel-card:nth-child(12){animation-delay:1.2s}.nvl-svg-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit;overflow:hidden}.nvl-svg-placeholder svg{width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:transform .3s ease}.nvl-card:hover .nvl-svg-placeholder svg{transform:scale(1.05)}.nvl-card-image-container{position:relative;width:100%;height:280px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#1e1b4b,#7c3aed)}.nvl-badges-container{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:5px;z-index:2}.nvl-status-badge{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.nvl-ongoing{background:linear-gradient(45deg,#10b981,#059669);color:#fff}.nvl-completed{background:linear-gradient(45deg,#3b82f6,#2563eb);color:#fff}.nvl-hiatus{background:linear-gradient(45deg,#f59e0b,#d97706);color:#fff}.nvl-svg-placeholder svg *{will-change:transform,opacity}@media (max-width: 768px){.nvl-card-image-container{height:240px}}@media (prefers-reduced-motion: reduce){.nvl-svg-placeholder svg *{animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--premium-story-primary: #1a1a2e;--premium-story-secondary: #16213e;--premium-story-accent: #0f3460;--premium-story-text-primary: #ffffff;--premium-story-text-secondary: #b8c5d6;--premium-story-text-muted: #8892a6;--premium-story-success: #10b981;--premium-story-warning: #f59e0b;--premium-story-danger: #ef4444;--premium-story-info: #3b82f6;--premium-story-purple: #8b5cf6;--premium-story-glass-bg: rgba(255, 255, 255, .1);--premium-story-glass-border: rgba(255, 255, 255, .2);--premium-story-card-bg: rgba(255, 255, 255, .05);--premium-story-shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--premium-story-shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--premium-story-shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--premium-story-shadow-xl: 0 16px 64px rgba(0, 0, 0, .25);--premium-story-border-radius: 16px;--premium-story-border-radius-sm: 8px;--premium-story-border-radius-lg: 24px;--premium-story-transition: all .3s cubic-bezier(.4, 0, .2, 1);--premium-story-transition-fast: all .2s ease;--premium-story-transition-slow: all .5s ease}.premium-story-detail-page{min-height:100vh;background:linear-gradient(135deg,var(--premium-story-primary) 0%,var(--premium-story-secondary) 100%);position:relative;overflow-x:hidden;opacity:0;transform:translateY(30px);transition:var(--premium-story-transition-slow)}.premium-story-detail-page.premium-page-visible{opacity:1;transform:translateY(0)}.premium-story-detail-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(16,185,129,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.premium-story-detail-container{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:1}.premium-story-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;animation:slideInDown .8s ease .2s both;margin-top:4rem}.premium-nav-back-button{display:flex;align-items:center;gap:.75rem;background:var(--premium-story-glass-bg);border:1px solid var(--premium-story-glass-border);border-radius:var(--premium-story-border-radius);padding:1rem 1.5rem;color:var(--premium-story-text-primary);cursor:pointer;transition:var(--premium-story-transition);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);font-weight:500}.premium-nav-back-button:hover{background:var(--premium-story-info);border-color:var(--premium-story-info);transform:translateY(-2px);box-shadow:var(--premium-story-shadow-md)}.premium-nav-icon{font-size:1.2rem;transition:var(--premium-story-transition)}.premium-nav-back-button:hover .premium-nav-icon{transform:translate(-3px)}.premium-nav-text{font-size:1rem}.premium-story-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--premium-story-text-muted)}.premium-breadcrumb-item{transition:var(--premium-story-transition)}.premium-breadcrumb-item:hover{color:var(--premium-story-text-secondary)}.premium-breadcrumb-current{color:var(--premium-story-text-primary);font-weight:600}.premium-breadcrumb-separator{opacity:.6}.premium-story-hero-section{margin-bottom:4rem;animation:slideInUp .8s ease .4s both}.premium-story-hero-content{display:grid;grid-template-columns:400px 1fr;gap:3rem;align-items:start}.premium-story-image-container{position:relative}.premium-story-image-wrapper{position:relative;border-radius:var(--premium-story-border-radius-lg);overflow:hidden;box-shadow:var(--premium-story-shadow-xl);background:var(--premium-story-card-bg);border:1px solid var(--premium-story-glass-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.premium-story-image{width:100%;height:500px;object-fit:cover;transition:var(--premium-story-transition)}.premium-story-image-wrapper:hover .premium-story-image{transform:scale(1.05)}.premium-btn-liked{background:linear-gradient(135deg,#ff6b6b,#ee5a52)!important;color:#fff!important;border-color:#ff6b6b!important}.premium-btn-liked:hover{background:linear-gradient(135deg,#ff5252,#e53935)!important;transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b4d}.premium-btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.premium-story-locked-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000c,#0009,#000c);display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.premium-lock-icon{font-size:3rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}.premium-unlock-info{text-align:center}.premium-coin-cost{display:block;font-size:1.2rem;font-weight:700;color:var(--premium-story-warning);margin-bottom:.5rem}.premium-unlock-text{font-size:1rem;color:var(--premium-story-text-secondary);font-weight:500}.premium-story-image-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);opacity:0;transition:var(--premium-story-transition-slow);pointer-events:none}.premium-story-image-wrapper:hover .premium-story-image-glow{opacity:1}.premium-story-info-section{display:flex;flex-direction:column;gap:2rem}.premium-story-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.premium-story-title-container{flex:1}.premium-story-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1rem;background:linear-gradient(135deg,var(--premium-story-text-primary),var(--premium-story-info));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.premium-story-subtitle-info{display:flex;flex-direction:column;gap:.5rem}.premium-story-author{font-size:1.2rem;color:var(--premium-story-text-secondary)}.premium-author-name{color:var(--premium-story-info);font-weight:600}.premium-story-genre{font-size:1rem;color:var(--premium-story-text-muted);font-weight:500}.premium-story-rating-section{flex-shrink:0}.premium-rating-container{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.premium-stars-wrapper{display:flex;gap:.2rem}.premium-star{font-size:1.5rem;transition:var(--premium-story-transition)}.premium-star-full{color:#fbbf24}.premium-star-half{color:#fbbf24;opacity:.6}.premium-star-empty{color:var(--premium-story-text-muted)}.premium-rating-value{font-size:1rem;color:var(--premium-story-text-muted);font-weight:600}.premium-story-meta-section{display:flex;flex-direction:column;gap:1.5rem}.premium-story-badges{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.premium-status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.premium-status-published{background:#10b98133;color:var(--premium-story-success);border-color:#10b9814d}.premium-status-draft{background:#f59e0b33;color:var(--premium-story-warning);border-color:#f59e0b4d}.premium-publish-date{font-size:.9rem;color:var(--premium-story-text-muted);display:flex;align-items:center;gap:.5rem}.premium-premium-badge{background:#f59e0b33;color:var(--premium-story-warning);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid rgba(245,158,11,.3);display:flex;align-items:center;gap:.5rem}.premium-free-badge{background:#10b98133;color:var(--premium-story-success);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid rgba(16,185,129,.3);display:flex;align-items:center;gap:.5rem}.premium-user-coins-display{background:var(--premium-story-card-bg);border:1px solid var(--premium-story-glass-border);border-radius:var(--premium-story-border-radius);padding:1rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.premium-coins-container{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.premium-coins-label{font-size:.9rem;color:var(--premium-story-text-secondary);font-weight:500}.premium-coins-amount{font-size:1.1rem;font-weight:700;color:var(--premium-story-warning)}.premium-insufficient-coins{font-size:.85rem;color:var(--premium-story-danger);font-weight:600;background:#ef44441a;padding:.25rem .75rem;border-radius:12px;border:1px solid rgba(239,68,68,.2)}.premium-story-tags-section{display:flex;flex-wrap:wrap;gap:.75rem}.premium-story-tag{background:#3b82f633;color:var(--premium-story-info);padding:.375rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(59,130,246,.3);transition:var(--premium-story-transition)}.premium-story-tag:hover{background:#3b82f64d;transform:translateY(-2px)}.premium-story-actions-section{display:flex;flex-direction:column;gap:1.5rem}.premium-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:var(--premium-story-border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--premium-story-transition);border:none;position:relative;overflow:hidden}.premium-btn-primary{background:linear-gradient(135deg,var(--premium-story-info),var(--premium-story-purple));color:#fff;box-shadow:var(--premium-story-shadow-md)}.premium-btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--premium-story-shadow-lg)}.premium-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.premium-btn-secondary{background:var(--premium-story-glass-bg);color:var(--premium-story-text-primary);border:1px solid var(--premium-story-glass-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.premium-btn-secondary:hover{background:var(--premium-story-glass-border);transform:translateY(-2px);box-shadow:var(--premium-story-shadow-md)}.premium-btn-icon{font-size:1.2rem;transition:var(--premium-story-transition)}.premium-btn-text{font-weight:600}.premium-btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.premium-secondary-actions{display:flex;gap:1rem;flex-wrap:wrap}.premium-secondary-actions .premium-btn{flex:1;min-width:150px}.premium-story-description-section,.premium-story-stats-section,.premium-story-content-section,.premium-story-preview-section,.premium-related-stories-section,.premium-comments-section{margin-bottom:4rem;animation:slideInUp .8s ease var(--section-delay, .6s) both}.premium-section-header{text-align:center;margin-bottom:2.5rem}.premium-section-title{font-size:2.5rem;font-weight:700;color:var(--premium-story-text-primary);margin-bottom:1rem;background:linear-gradient(135deg,var(--premium-story-text-primary),var(--premium-story-info));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-section-divider{width:100px;height:4px;background:linear-gradient(135deg,var(--premium-story-info),var(--premium-story-purple));border-radius:2px;margin:0 auto}.premium-story-description-content{max-width:800px;margin:0 auto;background:var(--premium-story-card-bg);border:1px solid var(--premium-story-glass-border);border-radius:var(--premium-story-border-radius-lg);padding:2.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--premium-story-shadow-md)}.premium-story-description{font-size:1.2rem;line-height:1.8;color:var(--premium-story-text-secondary);text-align:center}.premium-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.premium-stat-card{background:var(--premium-story-card-bg);border:1px solid var(--premium-story-glass-border);border-radius:var(--premium-story-border-radius);padding:2rem;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:var(--premium-story-transition);position:relative;overflow:hidden}.premium-stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent,rgba(59,130,246,.05),transparent);opacity:0;transition:var(--premium-story-transition)}.premium-stat-card:hover:before{opacity:1}.premium-stat-card:hover{transform:translateY(-5px);box-shadow:var(--premium-story-shadow-lg);border-color:var(--premium-story-info)}.premium-stat-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.premium-stat-content{position:relative;z-index:1}.premium-stat-value{font-size:2rem;font-weight:800;color:var(--premium-story-text-primary);margin-bottom:.5rem;display:block}.premium-stat-label{font-size:.9rem;color:var(--premium-story-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.premium-story-content-wrapper{max-width:900px;margin:0 auto;background:var(--premium-story-card-bg);border:1px solid var(--premium-story-glass-border);border-radius:var(--premium-story-border-radius-lg);padding:3rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--premium-story-shadow-md)}.premium-story-content{position:relative}.premium-story-text{font-size:1.1rem;line-height:1.8;color:var(--premium-story-text-secondary)}.premium-story-text p{margin-bottom:1.5rem}.premium-story-text p:last-child{margin-bottom:0}.premium-story-preview-wrapper{max-width:900px;margin:0 auto;position:relative}.premium-story-preview-content{background:var(--premium-story-card-bg);border:1px solid var(--premium-story-glass-border);border-radius:var(--premium-story-border-radius-lg);padding:3rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--premium-story-shadow-md);position:relative;overflow:hidden}.premium-preview-text{font-size:1.1rem;color:var(--premium-story-text-secondary);text-align:center;margin-bottom:2rem;font-weight:500}.premium-preview-blur{position:relative;font-size:1.1rem;line-height:1.8;color:var(--premium-story-text-secondary);filter:blur(3px);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.premium-preview-blur p{margin-bottom:1.5rem}.premium-unlock-overlay-section{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2ef2,#16213ee6,#1a1a2ef2);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--premium-story-border-radius-lg)}.premium-unlock-content{text-align:center;max-width:400px;padding:2rem}.premium-unlock-icon{font-size:4rem;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}.premium-unlock-title{font-size:2rem;font-weight:700;color:var(--premium-story-text-primary);margin-bottom:1rem}.premium-unlock-description{font-size:1rem;color:var(--premium-story-text-secondary);line-height:1.6;margin-bottom:2rem}.premium-btn-unlock-large{padding:1.25rem 2.5rem;font-size:1.1rem}.premium-related-stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.premium-related-story-card{background:var(--premium-story-card-bg);border:1px solid var(--premium-story-glass-border);border-radius:var(--premium-story-border-radius);overflow:hidden;transition:var(--premium-story-transition);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer}.premium-related-story-card:hover{transform:translateY(-5px);box-shadow:var(--premium-story-shadow-lg);border-color:var(--premium-story-info)}.premium-related-story-image{height:200px;overflow:hidden}.premium-related-story-image img{width:100%;height:100%;object-fit:cover;transition:var(--premium-story-transition)}.premium-related-story-card:hover .premium-related-story-image img{transform:scale(1.05)}.premium-related-story-content{padding:1.5rem}.premium-related-story-title{font-size:1.2rem;font-weight:600;color:var(--premium-story-text-primary);margin-bottom:.5rem;line-height:1.3}.premium-related-story-author{font-size:.9rem;color:var(--premium-story-text-muted);margin-bottom:1rem}.premium-related-story-rating{display:flex;align-items:center;gap:.5rem}.premium-related-rating-value{font-size:.85rem;color:var(--premium-story-text-muted);font-weight:500}.premium-comments-container{max-width:800px;margin:0 auto}.premium-comment-form{background:var(--premium-story-card-bg);border:1px solid var(--premium-story-glass-border);border-radius:var(--premium-story-border-radius);padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.premium-comment-input-wrapper{display:flex;flex-direction:column;gap:1rem}.premium-comment-input{width:100%;background:var(--premium-story-glass-bg);border:1px solid var(--premium-story-glass-border);border-radius:var(--premium-story-border-radius);padding:1rem;color:var(--premium-story-text-primary);font-size:1rem;line-height:1.5;resize:vertical;min-height:100px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--premium-story-transition);color:#000}.premium-comment-input::placeholder{color:var(--premium-story-text-muted)}.premium-btn-comment{align-self:flex-start}.premium-comments-list{display:flex;flex-direction:column;gap:1.5rem}.premium-comment-item{display:flex;gap:1rem;background:var(--premium-story-card-bg);border:1px solid var(--premium-story-glass-border);border-radius:var(--premium-story-border-radius);padding:1.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:var(--premium-story-transition)}.premium-comment-item:hover{border-color:var(--premium-story-glass-border);box-shadow:var(--premium-story-shadow-sm)}.premium-comment-avatar{flex-shrink:0}.premium-comment-avatar img{width:50px;height:50px;border-radius:50%;border:2px solid var(--premium-story-glass-border)}.premium-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.premium-comment-author{font-weight:600;color:var(--premium-story-text-primary)}.premium-comment-date{font-size:.85rem;color:var(--premium-story-text-muted)}.premium-comment-text{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;max-width:100%;display:inline-block;line-height:1.6;max-height:300px;overflow-y:auto;word-break:break-word;text-overflow:ellipsis;padding-right:10px}@media (max-width: 768px){.premium-comment-text{max-height:250px;font-size:.95rem}}.premium-comment-actions{display:flex;gap:1rem}.premium-comment-action{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--premium-story-text-muted);cursor:pointer;font-size:.85rem;padding:.5rem;border-radius:var(--premium-story-border-radius-sm);transition:var(--premium-story-transition)}.premium-comment-action:hover{color:var(--premium-story-info);background:#3b82f61a}.premium-action-icon{font-size:1rem}.premium-action-text{font-weight:500}.premium-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.premium-loading-spinner-container{margin-bottom:2rem}.premium-loading-spinner{position:relative;width:80px;height:80px}.premium-spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid var(--premium-story-info);border-radius:50%;animation:spin 1s linear infinite}.premium-spinner-ring-delayed{width:60px;height:60px;top:10px;left:10px;border-top-color:var(--premium-story-success);animation-duration:1.5s;animation-direction:reverse}.premium-spinner-ring-slow{width:40px;height:40px;top:20px;left:20px;border-top-color:var(--premium-story-purple);animation-duration:2s}.premium-loading-title{font-size:1.5rem;color:var(--premium-story-text-primary);margin-bottom:.5rem;font-weight:600}.premium-loading-description{color:var(--premium-story-text-secondary);font-size:1rem}.premium-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.premium-error-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.premium-error-title{font-size:2rem;color:var(--premium-story-text-primary);margin-bottom:1rem;font-weight:700}.premium-error-description{color:var(--premium-story-text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem;max-width:500px}.premium-error-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.premium-retry-btn{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,var(--premium-story-danger),var(--premium-story-warning));color:#fff;border:none;padding:1rem 2rem;border-radius:var(--premium-story-border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--premium-story-transition);box-shadow:var(--premium-story-shadow-md)}.premium-retry-btn:hover{transform:translateY(-2px);box-shadow:var(--premium-story-shadow-lg)}.premium-back-btn{display:flex;align-items:center;gap:.75rem;background:var(--premium-story-glass-bg);color:var(--premium-story-text-primary);border:1px solid var(--premium-story-glass-border);padding:1rem 2rem;border-radius:var(--premium-story-border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--premium-story-transition);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.premium-back-btn:hover{background:var(--premium-story-info);border-color:var(--premium-story-info);transform:translateY(-2px);box-shadow:var(--premium-story-shadow-md)}.premium-btn-icon{font-size:1.2rem}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.premium-story-detail-container{padding:1.5rem}.premium-story-hero-content{grid-template-columns:350px 1fr;gap:2.5rem}.premium-story-title{font-size:2.5rem}.premium-section-title{font-size:2.2rem}}@media (max-width: 992px){.premium-story-detail-container{padding:1rem}.premium-story-hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.premium-story-image-wrapper{max-width:400px;margin:0 auto}.premium-story-header{flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.premium-story-title{font-size:2.2rem}.premium-section-title{font-size:2rem}.premium-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.premium-stat-card{padding:1.5rem}.premium-stat-value{font-size:1.5rem}.premium-secondary-actions{flex-direction:column}.premium-secondary-actions .premium-btn{min-width:auto}}@media (max-width: 768px){.premium-story-navigation{flex-direction:column;gap:1rem;align-items:flex-start}.premium-story-breadcrumb{order:-1}.premium-story-title{font-size:2rem}.premium-section-title{font-size:1.8rem}.premium-story-description-content,.premium-story-content-wrapper,.premium-story-preview-content{padding:2rem}.premium-story-badges,.premium-coins-container,.premium-story-tags-section{justify-content:center}.premium-related-stories-grid{grid-template-columns:1fr;gap:1.5rem}.premium-comment-item{flex-direction:column;gap:1rem}.premium-comment-header{flex-direction:column;align-items:flex-start;gap:.5rem}.premium-error-actions{flex-direction:column;align-items:center}.premium-retry-btn,.premium-back-btn{width:100%;max-width:300px;justify-content:center}}@media (max-width: 640px){.premium-story-detail-container{padding:.75rem}.premium-story-navigation{margin-bottom:2rem}.premium-nav-back-button{padding:.75rem 1rem;font-size:.9rem}.premium-story-breadcrumb{font-size:.8rem}.premium-story-title{font-size:1.75rem}.premium-section-title{font-size:1.5rem}.premium-story-image{height:300px}.premium-story-description-content,.premium-story-content-wrapper,.premium-story-preview-content{padding:1.5rem}.premium-story-description,.premium-story-text{font-size:1rem}.premium-stats-grid{grid-template-columns:repeat(2,1fr)}.premium-stat-card{padding:1rem}.premium-stat-icon{font-size:2rem}.premium-stat-value{font-size:1.25rem}.premium-btn{padding:.875rem 1.5rem;font-size:.9rem}.premium-unlock-content{padding:1.5rem}.premium-unlock-title{font-size:1.5rem}.premium-unlock-icon{font-size:3rem}.premium-comment-form{padding:1.5rem}.premium-comment-item{padding:1rem}.premium-comment-avatar img{width:40px;height:40px}}@media (max-width: 480px){.premium-story-detail-container{padding:.5rem}.premium-story-title{font-size:1.5rem}.premium-section-title{font-size:1.3rem}.premium-story-image{height:250px}.premium-story-description-content,.premium-story-content-wrapper,.premium-story-preview-content{padding:1rem}.premium-stats-grid{grid-template-columns:1fr}.premium-btn{padding:.75rem 1.25rem;font-size:.85rem}.premium-btn-icon{font-size:1rem}.premium-loading-spinner{width:60px;height:60px}.premium-spinner-ring-delayed{width:45px;height:45px;top:7.5px;left:7.5px}.premium-spinner-ring-slow{width:30px;height:30px;top:15px;left:15px}.premium-error-icon{font-size:3rem}.premium-error-title{font-size:1.5rem}.premium-error-description{font-size:1rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.premium-loading-spinner .premium-spinner-ring,.premium-lock-icon,.premium-unlock-icon{animation:none!important}}.premium-nav-back-button:focus,.premium-btn:focus,.premium-comment-action:focus,.premium-related-story-card:focus{outline:2px solid var(--premium-story-info);outline-offset:2px}.premium-comment-input:focus{outline:none;border-color:var(--premium-story-info);box-shadow:0 0 0 3px #3b82f61a}@media (prefers-contrast: high){:root{--premium-story-primary: #000000;--premium-story-secondary: #1a1a1a;--premium-story-text-primary: #ffffff;--premium-story-text-secondary: #ffffff;--premium-story-glass-border: #ffffff;--premium-story-card-bg: #1a1a1a}.premium-story-image-wrapper,.premium-stat-card,.premium-related-story-card,.premium-comment-item{border-color:#fff}.premium-btn-secondary{background:#333;border-color:#fff}}@media print{.premium-story-detail-page{background:#fff;color:#000}.premium-story-navigation,.premium-story-actions-section,.premium-secondary-actions,.premium-comment-form,.premium-comment-actions{display:none}.premium-story-hero-content{grid-template-columns:1fr}.premium-story-image-wrapper{max-width:300px;margin:0 auto 2rem}.premium-story-content-wrapper,.premium-story-description-content{box-shadow:none;border:1px solid #ccc}}.premium-story-detail-page::-webkit-scrollbar{width:8px}.premium-story-detail-page::-webkit-scrollbar-track{background:var(--premium-story-glass-bg);border-radius:4px}.premium-story-detail-page::-webkit-scrollbar-thumb{background:var(--premium-story-glass-border);border-radius:4px}.premium-story-detail-page::-webkit-scrollbar-thumb:hover{background:var(--premium-story-text-muted)}::selection{background:#3b82f64d;color:#fff}::-moz-selection{background:#3b82f64d;color:#fff}.premium-story-description-section{--section-delay: .6s}.premium-story-stats-section{--section-delay: .8s}.premium-story-content-section,.premium-story-preview-section{--section-delay: 1s}.premium-related-stories-section{--section-delay: 1.2s}.premium-comments-section{--section-delay: 1.4s}.premium-story-image-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);opacity:0;transform:translate(-100%);transition:var(--premium-story-transition-slow)}.premium-story-image-wrapper:hover:after{opacity:1;transform:translate(100%)}.premium-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.premium-btn:hover:before{left:100%}.premium-story-detail-page:after{content:"";position:fixed;top:10%;right:5%;width:100px;height:100px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}.premium-story-title,.premium-section-title{position:relative}.premium-story-title:after,.premium-section-title:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--premium-story-info),var(--premium-story-purple),transparent);opacity:.5}.premium-stat-card{position:relative}.premium-stat-card:after{content:"";position:absolute;top:4px;left:4px;width:100%;height:100%;background:var(--premium-story-card-bg);border:1px solid var(--premium-story-glass-border);border-radius:var(--premium-story-border-radius);z-index:-1;opacity:0;transition:var(--premium-story-transition)}.premium-stat-card:hover:after{opacity:.5;top:8px;left:8px}.premium-btn{position:relative;overflow:hidden}.premium-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.premium-btn:active:after{width:300px;height:300px}.premium-skeleton{background:linear-gradient(90deg,var(--premium-story-card-bg) 25%,var(--premium-story-glass-bg) 50%,var(--premium-story-card-bg) 75%);background-size:200% 100%;animation:shimmer 2s infinite}.premium-skeleton-title{height:2rem;width:70%;margin-bottom:1rem;border-radius:var(--premium-story-border-radius-sm)}.premium-skeleton-text{height:1rem;width:100%;margin-bottom:.5rem;border-radius:var(--premium-story-border-radius-sm)}.premium-skeleton-text:last-child{width:60%}.premium-skeleton-image{width:100%;height:300px;border-radius:var(--premium-story-border-radius)}.premium-tooltip{position:relative}.premium-tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--premium-story-primary);color:var(--premium-story-text-primary);padding:.5rem 1rem;border-radius:var(--premium-story-border-radius-sm);font-size:.85rem;white-space:nowrap;opacity:0;visibility:hidden;transition:var(--premium-story-transition);z-index:1000;border:1px solid var(--premium-story-glass-border);box-shadow:var(--premium-story-shadow-md)}.premium-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--premium-story-primary);opacity:0;visibility:hidden;transition:var(--premium-story-transition)}.premium-tooltip:hover:before,.premium-tooltip:hover:after{opacity:1;visibility:visible;bottom:calc(100% + 10px)}.premium-reading-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:var(--premium-story-glass-bg);z-index:1000}.premium-progress-bar{height:100%;background:linear-gradient(90deg,var(--premium-story-info),var(--premium-story-purple));width:0%;transition:width .3s ease}.premium-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:var(--premium-story-transition);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.premium-modal-overlay.premium-modal-active{opacity:1;visibility:visible}.premium-modal-content{background:var(--premium-story-card-bg);border:1px solid var(--premium-story-glass-border);border-radius:var(--premium-story-border-radius-lg);padding:2rem;max-width:500px;width:90%;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--premium-story-shadow-xl);transform:scale(.9);transition:var(--premium-story-transition)}.premium-modal-overlay.premium-modal-active .premium-modal-content{transform:scale(1)}.premium-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.premium-modal-title{font-size:1.5rem;font-weight:700;color:var(--premium-story-text-primary)}.premium-modal-close{background:none;border:none;font-size:1.5rem;color:var(--premium-story-text-muted);cursor:pointer;transition:var(--premium-story-transition);padding:.5rem;border-radius:50%}.premium-modal-close:hover{color:var(--premium-story-text-primary);background:var(--premium-story-glass-bg)}.premium-modal-body{color:var(--premium-story-text-secondary);line-height:1.6;margin-bottom:2rem}.premium-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.premium-notification{position:fixed;top:2rem;right:2rem;background:var(--premium-story-card-bg);border:1px solid var(--premium-story-glass-border);border-radius:var(--premium-story-border-radius);padding:1rem 1.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--premium-story-shadow-lg);z-index:3000;transform:translate(100%);transition:var(--premium-story-transition);max-width:400px}.premium-notification.premium-notification-show{transform:translate(0)}.premium-notification-success{border-left:4px solid var(--premium-story-success)}.premium-notification-error{border-left:4px solid var(--premium-story-danger)}.premium-notification-warning{border-left:4px solid var(--premium-story-warning)}.premium-notification-info{border-left:4px solid var(--premium-story-info)}.premium-notification-content{display:flex;align-items:center;gap:1rem}.premium-notification-icon{font-size:1.5rem;flex-shrink:0}.premium-notification-text{flex:1}.premium-notification-title{font-weight:600;color:var(--premium-story-text-primary);margin-bottom:.25rem}.premium-notification-message{color:var(--premium-story-text-secondary);font-size:.9rem}.premium-notification-close{background:none;border:none;color:var(--premium-story-text-muted);cursor:pointer;font-size:1.2rem;padding:.25rem;border-radius:50%;transition:var(--premium-story-transition)}.premium-notification-close:hover{color:var(--premium-story-text-primary);background:var(--premium-story-glass-bg)}.premium-text-center{text-align:center}.premium-text-left{text-align:left}.premium-text-right{text-align:right}.premium-mb-0{margin-bottom:0!important}.premium-mb-1{margin-bottom:1rem!important}.premium-mb-2{margin-bottom:2rem!important}.premium-mt-0{margin-top:0!important}.premium-mt-1{margin-top:1rem!important}.premium-mt-2{margin-top:2rem!important}.premium-hidden{display:none!important}.premium-visible{display:block!important}.premium-flex{display:flex!important}.premium-flex-center{display:flex!important;align-items:center!important;justify-content:center!important}.premium-w-full{width:100%!important}.premium-h-full{height:100%!important}.premium-story-detail-page.theme-dark{--premium-story-primary: #0a0a0a;--premium-story-secondary: #1a1a1a;--premium-story-card-bg: rgba(255, 255, 255, .03)}.premium-story-detail-page.theme-blue{--premium-story-info: #2563eb;--premium-story-purple: #3b82f6}.premium-story-detail-page.theme-green{--premium-story-info: #059669;--premium-story-purple: #10b981}.premium-story-detail-page.theme-purple{--premium-story-info: #7c3aed;--premium-story-purple: #8b5cf6}.premium-star{font-size:1.2rem;margin-right:2px;transition:all .2s ease}.premium-star-filled{color:#fbbf24}.premium-star-empty{color:#d1d5db}.premium-star-interactive:hover{transform:scale(1.1);color:#fbbf24}.premium-comment-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:30px}.premium-comment-form-header{display:flex;justify-content:between;align-items:center;margin-bottom:20px}.premium-form-title{font-size:1.2rem;font-weight:600;color:#1e293b;margin:0}.premium-form-close{background:none;border:none;font-size:1.2rem;color:#64748b;cursor:pointer;padding:5px}.premium-rating-form-section{margin-bottom:20px}.premium-rating-label{display:block;font-weight:500;color:#374151;margin-bottom:8px}.premium-rating-stars{display:flex;align-items:center;gap:4px;margin-bottom:8px}.premium-rating-text{font-size:.9rem;color:#6b7280;font-style:italic}.premium-comment-input-wrapper{position:relative;margin-bottom:15px}.premium-comment-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.95rem;resize:vertical;min-height:100px}.premium-comment-char-count{position:absolute;bottom:8px;right:12px;font-size:.8rem;color:#9ca3af}.premium-comment-form-actions{display:flex;gap:10px;justify-content:flex-end}.premium-comments-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:#6b7280}.premium-no-comments{text-align:center;padding:60px 20px;color:#6b7280}.premium-no-comments-icon{font-size:3rem;margin-bottom:15px}.premium-comment-item{display:flex;gap:15px;padding:20px 25;border-bottom:1px solid #e5e7eb}.premium-comment-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover}.premium-comment-content{flex:1}.premium-comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.premium-comment-user-info{display:flex;align-items:center;gap:10px}.premium-comment-author{font-weight:600}.premium-comment-date{font-size:.85rem;color:#64748b}.premium-comment-rating{display:flex;align-items:center;gap:5px}.premium-comment-rating-value{font-size:.85rem;color:#64748b}.premium-comment-text{line-height:1.6;margin-bottom:15px}.premium-comment-actions{display:flex;gap:15px}.premium-comment-action{display:flex;align-items:center;gap:5px;background:none;border:none;color:#64748b;font-size:.85rem;cursor:pointer;padding:5px 8px;border-radius:6px;transition:all .2s ease}.premium-comment-action:hover{background:#f1f5f9;color:#475569}.premium-action-liked{color:#dc2626!important}.premium-action-liked:hover{background:#fef2f2!important}.premium-reply-form{margin-top:15px;padding:15px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.premium-reply-input-wrapper{position:relative;margin-bottom:10px}.premium-reply-input{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.9rem;resize:vertical;min-height:60px}.premium-reply-char-count{position:absolute;bottom:6px;right:10px;font-size:.75rem;color:#9ca3af}.premium-reply-actions{display:flex;gap:8px;justify-content:flex-end}.premium-btn-small{padding:6px 12px;font-size:.85rem}.premium-replies-section{max-width:100%;overflow:hidden}.premium-reply-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f1f5f9;overflow:hidden;word-wrap:break-word;word-break:break-word}.premium-reply-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.premium-reply-content{flex:1;min-width:0}.premium-reply-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.premium-reply-author{font-weight:600;font-size:.9rem}.premium-reply-date{font-size:.8rem;color:#64748b}.premium-reply-text{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%;max-height:200px;overflow-y:auto;line-height:1.6;font-size:.9rem;display:inline-block;width:100%}.premium-reply-actions{display:flex;gap:10px}.premium-reply-action{display:flex;align-items:center;gap:4px;background:none;border:none;color:#64748b;font-size:.8rem;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s ease}.premium-reply-action:hover{background:#f1f5f9;color:#475569}.premium-btn-liked{background:#fef2f2!important;color:#dc2626!important;border-color:#fecaca!important}.premium-btn-liked:hover{background:#fee2e2!important}.premium-add-comment-trigger{margin-bottom:30px;text-align:center}.premium-btn-add-comment{padding:12px 24px;font-size:1rem}.premium-btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.premium-comment-item{gap:10px}.premium-comment-avatar img{width:40px;height:40px}.premium-comment-header{flex-direction:column;align-items:flex-start;gap:8px}.premium-comment-actions{flex-wrap:wrap;gap:10px}.premium-reply-item{gap:8px}.premium-reply-avatar img{width:32px;height:32px}.premium-replies-section{padding-left:15px}.premium-comment-form-actions,.premium-reply-actions{flex-direction:column}}.premium-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:20px}.premium-stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;text-align:center;transition:transform .2s ease}.premium-stat-card:hover{transform:translateY(-2px)}.premium-stat-icon{font-size:2rem;margin-bottom:10px}.premium-stat-value{font-size:1.5rem;font-weight:700;margin-bottom:5px}.premium-stat-label{font-size:.9rem;opacity:.9}.premium-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.premium-btn:disabled{opacity:.6;cursor:not-allowed}.premium-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.premium-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.premium-btn-secondary{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.premium-btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.premium-story-detail-page{opacity:0;transform:translateY(20px);transition:all .5s ease}.premium-page-visible{opacity:1;transform:translateY(0)}.premium-loading-spinner{position:relative;width:60px;height:60px;margin:0 auto 20px}.premium-spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.premium-spinner-ring-delayed{animation-delay:.1s;border-top-color:#764ba2}.premium-spinner-ring-slow{animation-delay:.2s;animation-duration:1.2s;border-top-color:#f093fb}.premium-error-state{text-align:center;padding:60px 20px}.premium-error-icon{font-size:4rem;margin-bottom:20px}.premium-error-title{font-size:1.5rem;color:#1e293b;margin-bottom:10px}.premium-error-description{color:#64748b;margin-bottom:30px}.premium-error-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.premium-story-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#64748b}.premium-breadcrumb-separator{color:#9ca3af}.premium-breadcrumb-current{color:#1e293b;font-weight:500}.premium-story-tag{display:inline-block;background:#e0e7ff;color:#3730a3;padding:4px 8px;border-radius:6px;font-size:.8rem;margin-right:8px;margin-bottom:4px}@media (max-width: 1024px){.premium-story-hero-content{flex-direction:column;gap:30px}.premium-story-image-container{align-self:center}}@media (max-width: 640px){.premium-story-detail-container{padding:15px}.premium-secondary-actions{flex-direction:column;gap:10px}.premium-stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.premium-related-stories-grid{grid-template-columns:1fr}}.premium-replies-toggle{color:#667eea!important;font-weight:500}.premium-replies-toggle:hover{background:#f0f4ff!important;color:#5a67d8!important}.premium-replies-header{margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.premium-replies-count{font-size:.9rem;font-weight:600;color:#64748b}.premium-replies-section{margin-top:20px;border-left:3px solid #e0e7ff;background:#2a2f51;border-radius:0 8px 8px 0;padding:15px 20px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1000px}}.premium-reply-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.premium-reply-item:hover{background:#ffffff80;border-radius:6px;padding:12px 8px}.premium-reply-item:last-child{border-bottom:none}.premium-comment-actions{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.premium-comment-action{display:flex;align-items:center;gap:5px;background:none;border:none;color:#64748b;font-size:.85rem;cursor:pointer;padding:6px 10px;border-radius:6px;transition:all .2s ease;font-weight:500}.premium-comment-action:hover{background:#f1f5f9;color:#475569;transform:translateY(-1px)}@media (max-width: 768px){.premium-comment-actions{gap:8px}.premium-comment-action{font-size:.8rem;padding:5px 8px}.premium-replies-section{padding:12px 15px}.premium-reply-item:hover{padding:12px 6px}}.premium-replies-loading{display:flex;align-items:center;justify-content:center;padding:20px;color:#64748b;font-size:.9rem}.premium-no-replies{text-align:center;padding:20px;color:#9ca3af;font-style:italic;font-size:.9rem}.str-detail-svg-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit;overflow:hidden}.str-detail-svg-placeholder svg{width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:transform .4s ease}.str-detail-cover-container{position:relative;width:100%;max-width:400px;height:500px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#0f766e,#3b82f6);box-shadow:0 20px 40px #0000004d}.str-detail-cover-container:hover .str-detail-svg-placeholder svg{transform:scale(1.02)}.str-detail-cover-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.str-detail-type-badge{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:3}.type-indicator{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(45deg,#10b981e6,#059669e6);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.featured-indicator{padding:6px 12px;border-radius:15px;font-size:10px;font-weight:600;background:linear-gradient(45deg,#fbbf24e6,#f59e0be6);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.str-detail-svg-placeholder svg *{will-change:transform,opacity}@media (max-width: 768px){.str-detail-cover-container{height:400px;max-width:300px}}@media (prefers-reduced-motion: reduce){.str-detail-svg-placeholder svg *{animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--secondary-color: #8b5cf6;--accent-color: #f59e0b;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)}[data-theme=dark]{--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-light: #9ca3af;--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--border-color: #374151;--border-light: #4b5563}*{box-sizing:border-box;margin:0;padding:0}.premium-novel-detail-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem;opacity:0;transform:translateY(20px);transition:var(--transition)}.premium-novel-detail-page.page-visible{opacity:1;transform:translateY(0)}.novel-detail-container{max-width:1400px;margin:0 auto;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.novel-detail-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.detail-loading-spinner{position:relative;width:80px;height:80px;margin-bottom:2rem}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.spinner-ring-delayed{animation-delay:.3s;border-top-color:var(--secondary-color)}.spinner-ring-slow{animation-delay:.6s;animation-duration:1.5s;border-top-color:var(--accent-color)}.loading-title-detail{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.loading-description-detail{color:var(--text-secondary);font-size:1rem}.novel-detail-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.error-icon-detail{font-size:4rem;margin-bottom:1.5rem;opacity:.7}.error-title-detail{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.error-description-detail{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;max-width:500px;line-height:1.6}.error-actions-detail{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.back-btn-detail,.retry-btn-detail{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none}.back-btn-detail{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.back-btn-detail:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.retry-btn-detail{background:var(--primary-color);color:#fff}.retry-btn-detail:hover{background:var(--primary-dark);transform:translateY(-2px)}.detail-navigation{padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);margin-top:3rem}.back-navigation-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:var(--transition)}.back-navigation-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translate(-2px)}.nav-icon{font-size:1.2rem}.novel-detail-header{display:grid;grid-template-columns:300px 1fr;gap:2rem;padding:2rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.novel-cover-section{position:relative}.cover-image-container{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);transition:var(--transition)}.cover-image-container:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.novel-cover-image{width:100%;height:400px;object-fit:cover;display:block}.cover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%);display:flex;align-items:flex-end;justify-content:center;padding:1rem;opacity:0;transition:var(--transition)}.cover-image-container:hover .cover-overlay{opacity:1}.cover-actions{display:flex;gap:.5rem}.cover-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffffe6;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:var(--transition)}.cover-action-btn:hover{background:#fff;transform:translateY(-2px)}.novel-status-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.status-badge-detail,.featured-badge-detail,.premium-badge-detail{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge-detail.ongoing{background:#dcfce7;color:#166534}.status-badge-detail.completed{background:#dbeafe;color:#1e40af}.status-badge-detail.hiatus{background:#fef3c7;color:#92400e}.featured-badge-detail{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.premium-badge-detail{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.novel-info-section{display:flex;flex-direction:column;gap:1.5rem}.novel-title-area{border-bottom:1px solid var(--border-light);padding-bottom:1rem}.novel-detail-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.2}.novel-subtitle-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.novel-author-detail{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.novel-genre-detail{padding:.25rem .75rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.novel-rating-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.rating-stars-detail{display:flex;gap:.125rem}.detail-star{font-size:1.25rem;transition:var(--transition)}.detail-star-full{color:#fbbf24}.detail-star-half{color:#fbbf24;opacity:.6}.detail-star-empty{color:#d1d5db}.rating-value-detail{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.rating-count{color:var(--text-secondary);font-size:.875rem}.novel-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat-item-detail{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);transition:var(--transition)}.stat-item-detail:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.stat-icon-detail{font-size:1.5rem}.stat-info-detail{display:flex;flex-direction:column}.stat-value-detail{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.stat-label-detail{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.user-coins-display{padding:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:var(--radius-md);margin:1rem 0}.coins-info{display:flex;align-items:center;gap:.5rem}.coins-icon{font-size:1.25rem}.coins-text{color:#fff;font-weight:600;font-size:1rem}.novel-action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.primary-action-detail,.secondary-action-detail,.tertiary-action-detail{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;font-size:1rem}.primary-action-detail{background:var(--primary-color);color:#fff;flex:1;justify-content:center}.primary-action-detail:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.secondary-action-detail{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.secondary-action-detail:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.tertiary-action-detail{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.tertiary-action-detail:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-2px)}.action-icon{font-size:1.125rem}.novel-description-section{padding:2rem;border-bottom:1px solid var(--border-light)}.description-title,.summary-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.summary-title{font-size:1.25rem;margin-top:1.5rem}.novel-description-text,.novel-summary-text{color:var(--text-secondary);line-height:1.7;font-size:1rem}.novel-multimedia-section{padding:2rem;border-bottom:1px solid var(--border-light)}.multimedia-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.multimedia-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.multimedia-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:var(--transition)}.multimedia-item:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.multimedia-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.multimedia-info{flex:1}.multimedia-item-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.multimedia-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:.75rem;line-height:1.5}.multimedia-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.multimedia-duration,.multimedia-cost{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-sm);font-weight:500}.multimedia-duration{background:var(--bg-primary);color:var(--text-secondary)}.multimedia-cost{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.multimedia-action{display:flex;flex-direction:column;gap:.5rem}.multimedia-play-btn,.multimedia-unlock-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none;justify-content:center;min-width:120px}.multimedia-play-btn.unlocked{background:var(--success-color);color:#fff}.multimedia-play-btn.unlocked:hover{background:#059669;transform:translateY(-2px)}.multimedia-unlock-btn{background:var(--primary-color);color:#fff}.multimedia-unlock-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px)}.multimedia-unlock-btn:disabled{opacity:.6;cursor:not-allowed}.loading-spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.novel-tags-section{padding:2rem;border-bottom:1px solid var(--border-light)}.tags-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.tags-container-detail{display:flex;flex-wrap:wrap;gap:.5rem}.tag-detail{padding:.5rem 1rem;background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;border:1px solid var(--border-color);transition:var(--transition)}.tag-detail:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}.novel-content-tabs{background:var(--bg-primary)}.tabs-header{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs-header::-webkit-scrollbar{display:none}.tab-btn{padding:1rem 1.5rem;background:transparent;border:none;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap;border-bottom:3px solid transparent;color:var(--text-secondary)}.tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-btn.active{background:var(--bg-primary);color:var(--primary-color);border-bottom-color:var(--primary-color)}.tabs-content{min-height:400px}.tab-content{padding:2rem}.chapters-header,.episodes-header,.audio-header,.video-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.chapters-title,.episodes-title,.audio-title,.video-title{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.chapters-info,.episodes-info,.audio-info,.video-info{display:flex;flex-direction:column;gap:.5rem;text-align:right}.chapters-count,.episodes-count,.audio-count,.video-count{color:var(--text-secondary);font-size:.875rem}.chapters-stats,.episodes-stats,.audio-stats,.video-stats{display:flex;gap:1rem;flex-wrap:wrap}.free-chapters,.paid-chapters,.free-episodes,.paid-episodes,.total-duration,.free-audio,.paid-audio,.free-video,.paid-video{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-sm);font-weight:500}.free-chapters,.free-episodes,.free-audio,.free-video{background:#dcfce7;color:#166534}.paid-chapters,.paid-episodes,.paid-audio,.paid-video{background:#fef3c7;color:#92400e}.total-duration{background:#dbeafe;color:#1e40af}.chapters-list,.episodes-list,.audio-list,.video-list{display:flex;flex-direction:column;gap:1rem}.chapter-item,.episode-item,.audio-item,.video-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition)}.chapter-item:hover,.episode-item:hover,.audio-item:hover,.video-item:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.chapter-item.locked,.episode-item.locked,.audio-item.locked,.video-item.locked{opacity:.7;border-color:var(--warning-color)}.chapter-item.unlocked,.episode-item.unlocked,.audio-item.unlocked,.video-item.unlocked{border-color:var(--success-color)}.chapter-info,.episode-info,.audio-info,.video-info{display:flex;align-items:center;gap:1rem;flex:1}.chapter-number,.episode-number{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:.875rem}.audio-icon,.video-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.chapter-details,.episode-details,.audio-details,.video-details{flex:1}.chapter-title,.episode-title,.audio-title,.video-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.audio-description,.video-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem;line-height:1.5}.chapter-meta,.episode-meta,.audio-meta,.video-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.chapter-date,.chapter-word-count,.chapter-cost,.episode-date,.episode-duration,.episode-cost,.audio-category,.audio-duration,.audio-cost,.video-category,.video-duration,.video-cost{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-sm);font-weight:500}.chapter-date,.episode-date{background:var(--bg-primary);color:var(--text-secondary)}.audio-category,.video-category{background:var(--primary-color);color:#fff}.chapter-action,.episode-action,.audio-action,.video-action{display:flex;flex-direction:column;gap:.5rem}.unlock-btn,.read-btn,.play-btn,.watch-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:var(--transition);justify-content:center;min-width:100px;font-size:.875rem}.unlock-btn{background:var(--warning-color);color:#fff}.unlock-btn:hover{background:#d97706;transform:translateY(-2px)}.read-btn{background:var(--success-color);color:#fff}.read-btn:hover{background:#059669;transform:translateY(-2px)}.play-btn,.watch-btn{background:var(--primary-color);color:#fff}.play-btn:hover,.watch-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.no-chapters-state,.no-episodes-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.no-chapters-icon,.no-episodes-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.no-chapters-title,.no-episodes-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.no-chapters-description,.no-episodes-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;max-width:400px}.modal-overlay-detail{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.unlock-modal,.share-modal{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-detail{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.modal-title-detail{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.modal-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-content-detail{padding:2rem}.content-unlock-info{margin-bottom:1.5rem}.unlock-content-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.unlock-cost-info,.user-balance-info{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:.5rem}.cost-label,.balance-label{font-weight:500;color:var(--text-secondary)}.cost-value,.balance-value{font-weight:600;color:var(--text-primary)}.balance-value.sufficient{color:var(--success-color)}.balance-value.insufficient{color:var(--error-color)}.insufficient-coins-warning{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;font-size:.875rem;margin-top:1rem}.warning-icon{font-size:1.125rem}.modal-actions-detail{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border-color);justify-content:flex-end}.cancel-btn-detail,.unlock-confirm-btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:var(--transition)}.cancel-btn-detail{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-btn-detail:hover{background:var(--bg-tertiary);color:var(--text-primary)}.unlock-confirm-btn{background:var(--primary-color);color:#fff}.unlock-confirm-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.unlock-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.share-options{display:flex;flex-direction:column;gap:2rem}.share-link-section,.social-share-section{display:flex;flex-direction:column;gap:1rem}.share-label{font-weight:600;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.share-link-container{display:flex;gap:.5rem}.share-link-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem}.share-link-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.copy-link-btn{padding:.75rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.copy-link-btn:hover{background:var(--primary-dark)}.social-share-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.social-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:var(--transition);justify-content:center}.facebook-btn{background:#1877f2;color:#fff}.facebook-btn:hover{background:#166fe5}.twitter-btn{background:#1da1f2;color:#fff}.twitter-btn:hover{background:#1a91da}.whatsapp-btn{background:#25d366;color:#fff}.whatsapp-btn:hover{background:#20ba5a}.telegram-btn{background:#08c;color:#fff}.telegram-btn:hover{background:#007bb5}.social-icon{font-size:1.125rem}@media (min-width: 1200px){.novel-detail-container{max-width:1400px}.novel-detail-header{grid-template-columns:350px 1fr;gap:3rem;padding:3rem}.novel-cover-image{height:450px}.novel-detail-title{font-size:3rem}}@media (max-width: 1199px){.novel-detail-container{max-width:1200px}.multimedia-grid{grid-template-columns:1fr}}@media (max-width: 991px){.premium-novel-detail-page{padding:.5rem}.novel-detail-header{grid-template-columns:1fr;gap:2rem;padding:2rem;text-align:center}.novel-cover-section{display:flex;flex-direction:column;align-items:center}.cover-image-container{max-width:300px}.novel-cover-image{height:400px}.novel-detail-title{font-size:2rem}.novel-subtitle-info,.novel-rating-section{justify-content:center}.novel-stats-grid{grid-template-columns:repeat(2,1fr)}.novel-action-buttons{justify-content:center}.chapters-header,.episodes-header,.audio-header,.video-header{flex-direction:column;align-items:center;text-align:center}.chapters-info,.episodes-info,.audio-info,.video-info{text-align:center}.chapters-stats,.episodes-stats,.audio-stats,.video-stats{justify-content:center}}@media (max-width: 767px){.detail-navigation{padding:1rem}.novel-detail-header{padding:1.5rem}.novel-cover-image{height:350px}.novel-detail-title{font-size:1.75rem}.novel-stats-grid{grid-template-columns:1fr}.novel-action-buttons{flex-direction:column}.primary-action-detail,.secondary-action-detail,.tertiary-action-detail{width:100%;justify-content:center}.tab-content{padding:1.5rem}.chapter-item,.episode-item,.audio-item,.video-item{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.chapter-info,.episode-info,.audio-info,.video-info,.chapter-action,.episode-action,.audio-action,.video-action,.unlock-btn,.read-btn,.play-btn,.watch-btn{width:100%}.multimedia-item{flex-direction:column;text-align:center}.multimedia-action,.multimedia-play-btn,.multimedia-unlock-btn{width:100%}.modal-overlay-detail{padding:.5rem}.modal-header-detail{padding:1rem 1.5rem}.modal-content-detail{padding:1.5rem}.modal-actions-detail{padding:1rem 1.5rem;flex-direction:column}.cancel-btn-detail,.unlock-confirm-btn{width:100%}.social-share-buttons{grid-template-columns:1fr}}@media (max-width: 575px){.premium-novel-detail-page{padding:.25rem}.novel-detail-container{border-radius:var(--radius-lg)}.detail-navigation{padding:.75rem}.back-navigation-btn{padding:.5rem .75rem;font-size:.875rem}.novel-detail-header{padding:1rem;gap:1.5rem}.cover-image-container{max-width:250px}.novel-cover-image{height:300px}.novel-detail-title{font-size:1.5rem;line-height:1.3}.novel-subtitle-info{flex-direction:column;gap:.5rem}.novel-author-detail{font-size:1rem}.rating-stars-detail{justify-content:center}.detail-star{font-size:1rem}.stat-item-detail{padding:.75rem}.stat-icon-detail{font-size:1.25rem}.stat-value-detail{font-size:1rem}.novel-description-section,.novel-multimedia-section,.novel-tags-section{padding:1.5rem}.description-title,.multimedia-title,.tags-title{font-size:1.25rem}.novel-description-text,.novel-summary-text{font-size:.875rem}.multimedia-grid{grid-template-columns:1fr;gap:1rem}.multimedia-item{padding:1rem}.multimedia-icon{width:50px;height:50px;font-size:1.5rem}.multimedia-item-title{font-size:1rem}.multimedia-description{font-size:.8rem}.tabs-header{padding:0}.tab-btn{padding:.75rem 1rem;font-size:.875rem}.tab-content{padding:1rem}.chapters-title,.episodes-title,.audio-title,.video-title{font-size:1.25rem}.chapter-number,.episode-number{width:50px;height:50px;font-size:.75rem}.audio-icon,.video-icon{width:50px;height:50px;font-size:1.5rem}.chapter-title,.episode-title,.audio-title,.video-title{font-size:1rem}.chapter-meta,.episode-meta,.audio-meta,.video-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.unlock-btn,.read-btn,.play-btn,.watch-btn{padding:.5rem .75rem;font-size:.8rem;min-width:80px}.share-link-container{flex-direction:column}.share-link-input{margin-bottom:.5rem}.copy-link-btn{width:100%}}@media (max-width: 375px){.novel-detail-container{margin:0;border-radius:0;min-height:100vh}.premium-novel-detail-page{padding:0}.novel-cover-image{height:250px}.cover-image-container{max-width:200px}.novel-detail-title{font-size:1.25rem}.stat-item-detail{padding:.5rem}.stat-value-detail{font-size:.875rem}.stat-label-detail{font-size:.625rem}.primary-action-detail,.secondary-action-detail,.tertiary-action-detail{padding:.625rem 1rem;font-size:.875rem}.chapter-item,.episode-item,.audio-item,.video-item,.multimedia-item{padding:.75rem}}@media print{.premium-novel-detail-page{background:#fff;padding:0}.novel-detail-container{box-shadow:none;border-radius:0}.detail-navigation,.novel-action-buttons,.multimedia-action,.chapter-action,.episode-action,.audio-action,.video-action,.modal-overlay-detail{display:none}.novel-detail-header{grid-template-columns:200px 1fr;gap:1rem;padding:1rem}.novel-cover-image{height:250px}.tab-content{padding:1rem}.chapter-item,.episode-item,.audio-item,.video-item{break-inside:avoid;page-break-inside:avoid}}@media (prefers-contrast: high){:root{--border-color: #000000;--border-light: #333333;--text-secondary: #000000;--bg-secondary: #f0f0f0;--bg-tertiary: #e0e0e0}.chapter-item,.episode-item,.audio-item,.video-item{border:2px solid var(--border-color)}.unlock-btn,.read-btn,.play-btn,.watch-btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.premium-novel-detail-page{transform:none}.novel-detail-container,.spinner-ring,.loading-spinner-small{animation:none}}.back-navigation-btn:focus,.tab-btn:focus,.unlock-btn:focus,.read-btn:focus,.play-btn:focus,.watch-btn:focus,.primary-action-detail:focus,.secondary-action-detail:focus,.tertiary-action-detail:focus,.multimedia-play-btn:focus,.multimedia-unlock-btn:focus,.modal-close-btn:focus,.cancel-btn-detail:focus,.unlock-confirm-btn:focus,.copy-link-btn:focus,.social-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (hover: none) and (pointer: coarse){.chapter-item:hover,.episode-item:hover,.audio-item:hover,.video-item:hover,.multimedia-item:hover,.stat-item-detail:hover,.tag-detail:hover{transform:none;background:var(--bg-secondary)}.unlock-btn:hover,.read-btn:hover,.play-btn:hover,.watch-btn:hover,.primary-action-detail:hover,.secondary-action-detail:hover,.tertiary-action-detail:hover{transform:none}}.tabs-content::-webkit-scrollbar,.chapters-list::-webkit-scrollbar,.episodes-list::-webkit-scrollbar,.audio-list::-webkit-scrollbar,.video-list::-webkit-scrollbar{width:6px}.tabs-content::-webkit-scrollbar-track,.chapters-list::-webkit-scrollbar-track,.episodes-list::-webkit-scrollbar-track,.audio-list::-webkit-scrollbar-track,.video-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.tabs-content::-webkit-scrollbar-thumb,.chapters-list::-webkit-scrollbar-thumb,.episodes-list::-webkit-scrollbar-thumb,.audio-list::-webkit-scrollbar-thumb,.video-list::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.tabs-content::-webkit-scrollbar-thumb:hover,.chapters-list::-webkit-scrollbar-thumb:hover,.episodes-list::-webkit-scrollbar-thumb:hover,.audio-list::-webkit-scrollbar-thumb:hover,.video-list::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.content-loading{opacity:.6;pointer-events:none}.skeleton-loading{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:loading 1.5s infinite}.visible{display:block}.fade-in{animation:fadeIn .3s ease-in}.slide-up{animation:slideUp .3s ease-out}.bounce-in{animation:bounceIn .5s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.error-state{color:var(--error-color);background:#fef2f2;border:1px solid #fecaca;padding:1rem;border-radius:var(--radius-md);margin:1rem 0}.success-state{color:var(--success-color);background:#f0fdf4;border:1px solid #bbf7d0;padding:1rem;border-radius:var(--radius-md);margin:1rem 0}.warning-state{color:var(--warning-color);background:#fffbeb;border:1px solid #fed7aa;padding:1rem;border-radius:var(--radius-md);margin:1rem 0}.chapter-item,.episode-item,.audio-item,.video-item,.multimedia-item{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.modal-overlay-detail,.novel-detail-container{isolation:isolate}@media (max-width: 320px){.novel-detail-title{font-size:1.125rem}.tab-btn{padding:.5rem .75rem;font-size:.8rem}.chapter-number,.episode-number{width:40px;height:40px;font-size:.7rem}.multimedia-icon,.audio-icon,.video-icon{width:40px;height:40px;font-size:1.25rem}}.nvl-detail-svg-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit;overflow:hidden}.nvl-detail-svg-placeholder svg{width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:transform .4s ease}.nvl-detail-cover-container{position:relative;width:100%;max-width:400px;height:500px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#1e1b4b,#a855f7);box-shadow:0 20px 40px #0000004d}.nvl-detail-cover-container:hover .nvl-detail-svg-placeholder svg{transform:scale(1.02)}.nvl-detail-cover-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.nvl-detail-status-badge{position:absolute;top:20px;right:20px;z-index:3}.status-indicator{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.status-indicator.ongoing{background:linear-gradient(45deg,#10b981e6,#059669e6);color:#fff}.status-indicator.completed{background:linear-gradient(45deg,#3b82f6e6,#2563ebe6);color:#fff}.status-indicator.hiatus{background:linear-gradient(45deg,#f59e0be6,#d97706e6);color:#fff}.nvl-detail-svg-placeholder svg *{will-change:transform,opacity}@media (max-width: 768px){.nvl-detail-cover-container{height:400px;max-width:300px}}@media (prefers-reduced-motion: reduce){.nvl-detail-svg-placeholder svg *{animation-duration:.01ms!important;animation-iteration-count:1!important}}.cr-premium-chapter-reader{min-height:100vh;position:relative;transition:all .3s ease;opacity:0;transform:translateY(20px)}.cr-premium-chapter-reader.cr-reader-visible{opacity:1;transform:translateY(0)}.cr-premium-chapter-reader.cr-theme-light{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1a202c}.cr-premium-chapter-reader.cr-theme-dark{background:linear-gradient(135deg,#1a202c,#2d3748);color:#f7fafc}.cr-premium-chapter-reader.cr-theme-sepia{background:linear-gradient(135deg,#f7f3e9,#e8dcc0);color:#5d4e37}.cr-premium-chapter-reader.cr-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999}.cr-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease;position:relative}.cr-progress-fill:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));animation:cr-progress-shine 2s infinite}.cr-progress-text{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes cr-progress-shine{0%{transform:translate(-20px)}to{transform:translate(20px)}}.cr-floating-actions{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:999;display:flex;flex-direction:column;gap:15px}.cr-fab-group{display:flex;flex-direction:column;gap:8px}.cr-fab{width:48px;height:48px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.cr-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #00000040}.cr-fab:active{transform:scale(.95)}.cr-fab.cr-liked{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.cr-fab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cr-fab:hover:before{left:100%}.cr-toc-sidebar{position:fixed;left:0;top:0;width:320px;height:100vh;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(0,0,0,.1);z-index:998;transform:translate(-100%);transition:transform .3s ease;animation:cr-slide-in-left .3s ease forwards}@keyframes cr-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.cr-toc-header{padding:20px;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.cr-toc-header h3{margin:0;font-size:18px;font-weight:600}.cr-toc-close-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:5px;border-radius:50%;transition:background .2s ease}.cr-toc-close-btn:hover{background:#0000001a}.cr-toc-content{padding:10px 0;max-height:calc(100vh - 80px);overflow-y:auto}.cr-toc-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.cr-toc-item:hover{background:#0000000d}.cr-toc-item.cr-active{background:#3b82f61a;border-left-color:#3b82f6}.cr-toc-number{width:30px;height:30px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;margin-right:12px}.cr-toc-item.cr-active .cr-toc-number{background:#3b82f6;color:#fff}.cr-toc-title{flex:1;font-size:14px;font-weight:500}.cr-toc-status{font-size:16px}.cr-settings-panel{position:fixed;right:0;top:0;width:350px;height:100vh;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(0,0,0,.1);z-index:998;transform:translate(100%);transition:transform .3s ease;animation:cr-slide-in-right .3s ease forwards}@keyframes cr-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.cr-settings-header{padding:20px;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.cr-settings-header h3{margin:0;font-size:18px;font-weight:600}.cr-settings-close{background:none;border:none;font-size:20px;cursor:pointer;padding:5px;border-radius:50%;transition:background .2s ease}.cr-settings-close:hover{background:#0000001a}.cr-settings-content{padding:20px;max-height:calc(100vh - 80px);overflow-y:auto}.cr-setting-group{margin-bottom:25px}.cr-setting-label{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:10px;font-size:14px}.cr-setting-icon{font-size:16px}.cr-font-controls{display:flex;align-items:center;gap:15px;background:#f8fafc;padding:10px;border-radius:8px}.cr-font-btn{width:36px;height:36px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.cr-font-btn:hover:not(:disabled){background:#3b82f6;color:#fff;border-color:#3b82f6}.cr-font-btn:disabled{opacity:.5;cursor:not-allowed}.cr-font-size{font-weight:600;min-width:50px;text-align:center}.cr-font-select{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px}.cr-theme-options{display:flex;gap:10px}.cr-theme-btn{flex:1;padding:12px 8px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px}.cr-theme-btn:hover{border-color:#3b82f6}.cr-theme-btn.cr-active{border-color:#3b82f6;background:#eff6ff}.cr-theme-btn.cr-light.cr-active{background:#f8fafc}.cr-theme-btn.cr-dark.cr-active{background:#1f2937;color:#fff}.cr-theme-btn.cr-sepia.cr-active{background:#f7f3e9;color:#5d4e37}.cr-scroll-controls{margin-top:10px;padding:10px;background:#f8fafc;border-radius:6px}.cr-scroll-label{font-size:12px;font-weight:600;margin-bottom:8px;display:block}.cr-scroll-speed-control{display:flex;align-items:center;gap:10px}.cr-scroll-slider{flex:1;height:6px;border-radius:3px;background:#e5e7eb;outline:none;-webkit-appearance:none}.cr-scroll-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer}.cr-scroll-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none}.cr-scroll-value{font-weight:600;min-width:30px;text-align:center;font-size:12px}.cr-checkbox{margin-right:8px;transform:scale(1.2)}.cr-main-container{max-width:800px;margin:0 auto;padding:40px 20px;position:relative}.cr-chapter-header{margin-bottom:40px;text-align:center}.cr-breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;font-size:14px}.cr-breadcrumb-link{background:none;border:none;color:#3b82f6;cursor:pointer;text-decoration:underline;font-size:14px}.cr-breadcrumb-link:hover{color:#1d4ed8}.cr-breadcrumb-separator{color:#6b7280}.cr-breadcrumb-current{color:#6b7280;font-weight:500}.cr-chapter-header-content{margin-bottom:30px;margin-top:4rem}.cr-chapter-title{font-size:2.5rem;font-weight:700;margin:0 0 15px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.cr-chapter-meta{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:15px}.cr-meta-group{display:flex;gap:20px}.cr-meta-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.cr-meta-icon{font-size:16px}.cr-chapter-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}.cr-nav-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #e5e7eb;background:#fff;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500;min-width:120px;justify-content:center}.cr-nav-btn:hover:not(:disabled){border-color:#3b82f6;background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.cr-nav-btn:disabled{opacity:.5;cursor:not-allowed}.cr-nav-icon{font-size:16px}.cr-nav-text{font-size:14px}.cr-chapter-info{display:flex;flex-direction:column;align-items:center;gap:8px}.cr-chapter-counter{font-weight:600;font-size:16px}.cr-current-chapter{color:#3b82f6}.cr-chapter-separator{margin:0 4px;color:#6b7280}.cr-total-chapters{color:#6b7280}.cr-chapter-progress-mini{width:100px;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.cr-progress-fill-mini{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease}.cr-content-section{margin:40px 0;line-height:1.8}.cr-chapter-content{font-size:18px;line-height:1.8;text-align:justify}.cr-chapter-content p{margin-bottom:20px;padding:15px}.cr-preview-container{position:relative}.cr-preview-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:20px;box-shadow:0 2px 8px #f59e0b4d}.cr-preview-content{font-size:18px;line-height:1.8;text-align:justify;position:relative}.cr-preview-content p{margin-bottom:20px}.cr-content-locked{position:relative;margin-top:30px}.cr-lock-overlay{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #e5e7eb;border-radius:20px;padding:40px 30px;text-align:center;box-shadow:0 10px 30px #0000001a}.cr-lock-visual{margin-bottom:25px}.cr-lock-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;position:relative;overflow:hidden;animation:cr-lock-pulse 2s infinite}@keyframes cr-lock-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cr-lock-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);animation:cr-lock-shine 3s infinite}@keyframes cr-lock-shine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cr-unlock-info h3{font-size:24px;font-weight:700;margin:0 0 10px;color:#1f2937}.cr-unlock-info p{font-size:16px;color:#6b7280;margin:0 0 25px}.cr-coin-info{margin:25px 0}.cr-price-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:15px;box-shadow:0 8px 25px #667eea4d}.cr-price-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:15px}.cr-coin-icon{font-size:24px;animation:cr-coin-spin 3s infinite linear}@keyframes cr-coin-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.cr-price-amount{font-size:28px;font-weight:700}.cr-price-label{font-size:16px;opacity:.9}.cr-balance-info{text-align:center;font-size:14px;opacity:.9}.cr-sufficient{color:#10b981;font-weight:600}.cr-insufficient{color:#ef4444;font-weight:600}.cr-unlock-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;position:relative;overflow:hidden;box-shadow:0 4px 15px #10b9814d}.cr-unlock-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.cr-unlock-btn:active{transform:translateY(0)}.cr-btn-icon{font-size:18px}.cr-btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cr-unlock-btn:hover .cr-btn-shine{left:100%}.cr-no-content{text-align:center;padding:60px 20px;color:#6b7280}.cr-no-content-icon{font-size:64px;margin-bottom:20px}.cr-no-content h3{font-size:24px;font-weight:600;margin:0 0 10px}.cr-no-content p{font-size:16px;margin:0}.cr-chapter-footer{margin-top:50px;padding-top:30px;border-top:2px solid #e5e7eb}.cr-footer-actions{display:flex;justify-content:center;gap:15px;margin-bottom:30px;flex-wrap:wrap}.cr-action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #e5e7eb;background:#fff;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500}.cr-action-btn:hover{border-color:#3b82f6;background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.cr-action-btn.cr-liked{border-color:#ef4444;background:#ef4444;color:#fff}.cr-action-btn.cr-active{border-color:#3b82f6;background:#3b82f6;color:#fff}.cr-action-icon{font-size:18px}.cr-comments-section{margin-top:40px;padding:30px;background:#f8fafc80;border-radius:15px;border:1px solid #e5e7eb}.cr-comments-header{margin-bottom:30px}.cr-comments-title{font-size:24px;font-weight:700;margin:0 0 20px;text-align:center}.cr-rating-summary{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:25px}.cr-rating-overview{text-align:center;margin-bottom:20px}.cr-rating-score{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.cr-rating-number{font-size:32px;font-weight:700;color:#3b82f6}.cr-rating-count{font-size:14px;color:#6b7280}.cr-rating-distribution{display:flex;flex-direction:column;gap:8px}.cr-rating-bar{display:flex;align-items:center;gap:10px;font-size:12px}.cr-rating-star-label{min-width:40px;font-weight:500}.cr-rating-bar-container{flex:1;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.cr-rating-bar-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);transition:width .3s ease}.cr-star-rating{display:flex;gap:2px}.cr-star{background:none;border:none;font-size:18px;cursor:default;padding:2px;transition:all .2s ease;filter:grayscale(100%)}.cr-star.cr-active{filter:grayscale(0%)}.cr-star.cr-interactive{cursor:pointer}.cr-star.cr-interactive:hover{transform:scale(1.1)}.cr-add-comment{background:#fff;padding:25px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:25px}.cr-comment-form{display:flex;flex-direction:column;gap:15px}.cr-comment-rating{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cr-rating-label{font-weight:500;font-size:14px}.cr-comment-textarea{width:100%;min-height:100px;padding:15px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;line-height:1.5;resize:vertical;transition:border-color .2s ease;font-family:inherit}.cr-comment-textarea:focus{outline:none;border-color:#3b82f6}.cr-comment-actions{display:flex;justify-content:space-between;align-items:center}.cr-comment-info{font-size:12px;color:#6b7280}.cr-char-count{font-weight:500}.cr-submit-comment-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:20px;font-weight:500;cursor:pointer;transition:all .3s ease}.cr-submit-comment-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.cr-submit-comment-btn:disabled{opacity:.6;cursor:not-allowed}.cr-comment-icon{font-size:16px}.cr-comments-list{display:flex;flex-direction:column;gap:20px}.cr-comments-loading,.cr-comments-error,.cr-no-comments{text-align:center;padding:40px 20px;color:#6b7280}.cr-loading-spinner{width:40px;height:40px;margin:0 auto 15px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:cr-spin 1s linear infinite}@keyframes cr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cr-no-comments-icon{font-size:48px;margin-bottom:15px}.cr-retry-btn{margin-top:10px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease}.cr-retry-btn:hover{background:#1d4ed8}.cr-comment{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.cr-comment:hover{box-shadow:0 2px 8px #0000001a}.cr-comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.cr-comment-user{display:flex;align-items:center;gap:12px}.cr-user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#f3f4f6}.cr-user-avatar.cr-small{width:32px;height:32px}.cr-user-avatar img{width:100%;height:100%;object-fit:cover}.cr-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.cr-user-info{display:flex;flex-direction:column;gap:2px}.cr-user-name{font-weight:600;font-size:14px}.cr-comment-date,.cr-reply-date{font-size:12px;color:#6b7280}.cr-comment-content{margin-bottom:15px;line-height:1.6}.cr-comment-content p{margin:0;font-size:14px}.cr-comment-actions{display:flex;gap:15px}.cr-comment-action{display:flex;align-items:center;gap:4px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;font-size:12px}.cr-comment-action:hover{background:#f3f4f6;color:#374151}.cr-comment-action.cr-liked{color:#ef4444}.cr-reply-form{margin-top:15px;padding:15px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.cr-reply-textarea{width:100%;min-height:80px;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;resize:vertical;font-family:inherit;margin-bottom:10px}.cr-reply-textarea:focus{outline:none;border-color:#3b82f6}.cr-reply-actions{display:flex;justify-content:space-between;align-items:center}.cr-reply-info{font-size:11px;color:#6b7280}.cr-reply-buttons{display:flex;gap:8px}.cr-cancel-reply-btn,.cr-submit-reply-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.cr-cancel-reply-btn{background:#f3f4f6;color:#6b7280}.cr-cancel-reply-btn:hover{background:#e5e7eb}.cr-submit-reply-btn{background:#3b82f6;color:#fff}.cr-submit-reply-btn:hover:not(:disabled){background:#1d4ed8}.cr-submit-reply-btn:disabled{opacity:.6;cursor:not-allowed}.cr-replies{margin-top:15px;padding-left:20px;border-left:2px solid #e5e7eb}.cr-reply{padding:15px 0;border-bottom:1px solid #f3f4f6}.cr-reply:last-child{border-bottom:none}.cr-reply-header{margin-bottom:10px}.cr-reply-user{display:flex;align-items:center;gap:10px}.cr-reply-content{margin-bottom:10px;line-height:1.5}.cr-reply-content p{margin:0;font-size:13px}.cr-reply-actions{display:flex;gap:10px}.cr-reply-action{display:flex;align-items:center;gap:4px;background:none;border:none;color:#6b7280;cursor:pointer;padding:2px 6px;border-radius:3px;transition:all .2s ease;font-size:11px}.cr-reply-action:hover{background:#f3f4f6;color:#374151}.cr-reply-action.cr-liked{color:#ef4444}.cr-load-more-comments{text-align:center;margin-top:20px}.cr-load-more-btn{padding:10px 20px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s ease}.cr-load-more-btn:hover:not(:disabled){background:#e5e7eb}.cr-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.cr-chapter-navigation{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:30px;border-top:1px solid #e5e7eb}.cr-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:cr-modal-fade-in .3s ease}@keyframes cr-modal-fade-in{0%{opacity:0}to{opacity:1}}.cr-unlock-modal,.cr-share-modal{background:#fff;border-radius:15px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003;animation:cr-modal-slide-up .3s ease}@keyframes cr-modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #e5e7eb}.cr-modal-header-content{display:flex;align-items:center;gap:12px}.cr-modal-icon{font-size:24px}.cr-modal-title{font-size:20px;font-weight:700;margin:0;color:#000}.cr-modal-close{background:none;border:none;font-size:24px;cursor:pointer;padding:5px;border-radius:50%;transition:background .2s ease;color:#6b7280}.cr-modal-close:hover{background:#f3f4f6;color:#374151}.cr-modal-content{padding:30px}.cr-unlock-details{margin-bottom:25px}.cr-chapter-preview{text-align:center;padding:20px;background:#f9fafb;border-radius:10px;margin-bottom:20px}.cr-chapter-preview h4{font-size:18px;font-weight:600;margin:0 0 8px;color:#1f2937}.cr-chapter-preview p{color:#6b7280;margin:0 0 15px;font-size:14px}.cr-chapter-stats{display:flex;justify-content:center;gap:20px;font-size:12px;color:#6b7280}.cr-cost-breakdown{margin-bottom:25px}.cr-cost-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px;border-radius:12px;border:1px solid #e5e7eb}.cr-cost-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.cr-cost-label{font-weight:500;color:#374151}.cr-cost-value,.cr-balance-value,.cr-remaining-value{display:flex;align-items:center;gap:4px;font-weight:600;color:#374151}.cr-cost-divider{height:1px;background:#d1d5db;margin:10px 0}.cr-cost-total{font-weight:600;font-size:16px;padding-top:10px}.cr-positive{color:#059669}.cr-negative{color:#dc2626}.cr-unlock-actions{display:flex;gap:15px;justify-content:flex-end}.cr-cancel-btn{padding:12px 24px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.cr-cancel-btn:hover{background:#e5e7eb}.cr-confirm-unlock-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.cr-confirm-unlock-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.cr-confirm-unlock-btn:disabled{opacity:.6;cursor:not-allowed}.cr-unlock-icon{font-size:16px}.cr-insufficient-coins{text-align:center}.cr-insufficient-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:20px;margin-bottom:20px}.cr-warning-icon{font-size:24px;margin-bottom:10px;display:block}.cr-insufficient-message p{margin:0;color:#991b1b;font-size:14px}.cr-buy-coins-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.cr-buy-coins-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.cr-share-options{display:flex;flex-direction:column;gap:25px}.cr-share-group{display:flex;flex-direction:column;gap:12px}.cr-share-label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:#374151}.cr-share-icon{font-size:16px}.cr-share-link-container{display:flex;gap:10px}.cr-share-link-input{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#f9fafb}.cr-copy-link-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s ease;white-space:nowrap}.cr-copy-link-btn:hover{background:#1d4ed8}.cr-social-share-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.cr-social-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.cr-social-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.cr-facebook-btn:hover{background:#1877f2;color:#fff;border-color:#1877f2}.cr-twitter-btn:hover{background:#1da1f2;color:#fff;border-color:#1da1f2}.cr-whatsapp-btn:hover{background:#25d366;color:#fff;border-color:#25d366}.cr-telegram-btn:hover{background:#08c;color:#fff;border-color:#08c}.cr-social-icon{font-size:16px}.cr-loading-spinner-small,.cr-spinner-ring-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:cr-spin 1s linear infinite}.cr-notification-toast{position:fixed;top:20px;right:20px;background:#fff;border-radius:10px;padding:16px 20px;box-shadow:0 4px 20px #00000026;z-index:1001;transform:translate(400px);transition:transform .3s ease;min-width:300px;border-left:4px solid #3b82f6}.cr-notification-toast.cr-show{transform:translate(0)}.cr-notification-toast.cr-success{border-left-color:#10b981}.cr-notification-toast.cr-error{border-left-color:#ef4444}.cr-notification-content{display:flex;align-items:center;gap:10px}.cr-notification-icon{font-size:18px}.cr-notification-message{font-size:14px;font-weight:500;color:#374151}.cr-notification-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#0000001a;overflow:hidden}.cr-progress-line{height:100%;background:#3b82f6;animation:cr-progress-countdown 4s linear}.cr-notification-toast.cr-success .cr-progress-line{background:#10b981}.cr-notification-toast.cr-error .cr-progress-line{background:#ef4444}@keyframes cr-progress-countdown{0%{width:100%}to{width:0%}}.cr-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:997;animation:cr-overlay-fade-in .3s ease}@keyframes cr-overlay-fade-in{0%{opacity:0}to{opacity:1}}.cr-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.cr-loading-spinner{width:60px;height:60px;margin-bottom:20px;position:relative}.cr-spinner-ring{width:60px;height:60px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:cr-spin 1s linear infinite;position:absolute}.cr-spinner-delayed{animation-delay:.1s;border-top-color:#8b5cf6}.cr-spinner-slow{animation-delay:.2s;border-top-color:#06b6d4}.cr-loading-title{font-size:24px;font-weight:600;margin:0 0 10px;color:#374151}.cr-loading-description{font-size:16px;color:#6b7280;margin:0 0 20px}.cr-loading-progress{width:200px;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}@keyframes cr-loading-progress{0%{width:0%}50%{width:70%}to{width:100%}}.cr-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px 20px}.cr-error-icon{font-size:64px;margin-bottom:20px}.cr-error-title{font-size:24px;font-weight:600;margin:0 0 10px;color:#374151}.cr-error-description{font-size:16px;color:#6b7280;margin:0 0 30px;max-width:400px}.cr-error-actions{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.cr-back-btn,.cr-retry-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;text-decoration:none;color:#374151}.cr-back-btn:hover,.cr-retry-btn:hover{border-color:#3b82f6;background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (max-width: 1024px){.cr-floating-actions{right:15px;gap:12px}.cr-fab{width:44px;height:44px;font-size:16px}.cr-toc-sidebar,.cr-settings-panel{width:280px}}@media (max-width: 768px){.cr-main-container{padding:20px 15px}.cr-chapter-title{font-size:2rem}.cr-chapter-meta{gap:20px}.cr-meta-group{gap:15px}.cr-chapter-nav{flex-direction:column;gap:15px}.cr-nav-btn{min-width:100px;padding:10px 16px}.cr-floating-actions{right:10px;gap:10px}.cr-fab{width:40px;height:40px;font-size:14px}.cr-toc-sidebar,.cr-settings-panel{width:100%}.cr-footer-actions{flex-direction:column;align-items:center}.cr-action-btn{min-width:120px;justify-content:center}.cr-chapter-navigation{flex-direction:column;gap:15px}.cr-nav-btn{width:100%}.cr-comments-section{padding:20px 15px}.cr-modal-content{padding:20px}.cr-unlock-actions{flex-direction:column}.cr-cancel-btn,.cr-confirm-unlock-btn{width:100%;justify-content:center}.cr-social-share-buttons{grid-template-columns:1fr 1fr}.cr-notification-toast{right:10px;left:10px;min-width:auto;transform:translateY(-100px)}.cr-notification-toast.cr-show{transform:translateY(0)}}@media (max-width: 480px){.cr-main-container{padding:15px 10px}.cr-chapter-title{font-size:1.75rem}.cr-chapter-meta{flex-direction:column;gap:10px}.cr-meta-group{justify-content:center;gap:10px}.cr-floating-actions{position:fixed;bottom:20px;right:10px;top:auto;transform:none;flex-direction:row;flex-wrap:wrap;max-width:calc(100vw - 20px);display:none}.cr-fab-group{flex-direction:row}.cr-fab{width:36px;height:36px;font-size:12px}.cr-chapter-content{font-size:16px}.cr-lock-overlay{padding:30px 20px}.cr-lock-icon{width:60px;height:60px;font-size:28px}.cr-unlock-info h3{font-size:20px}.cr-price-card{padding:15px}.cr-price-amount{font-size:24px}.cr-unlock-btn{padding:12px 20px;font-size:14px}.cr-comments-section{padding:15px 10px}.cr-add-comment{padding:20px 15px}.cr-comment{padding:15px}.cr-comment-rating{flex-direction:column;align-items:flex-start;gap:8px}.cr-social-share-buttons{grid-template-columns:1fr}.cr-modal-header{padding:20px 15px}.cr-modal-content{padding:15px}.cr-modal-title{font-size:18px}}.cr-theme-dark .cr-toc-sidebar,.cr-theme-dark .cr-settings-panel{background:#1f2937f2;border-color:#4b55634d;color:#f9fafb}.cr-theme-dark .cr-toc-item:hover{background:#4b55634d}.cr-theme-dark .cr-toc-item.cr-active{background:#3b82f633}.cr-theme-dark .cr-font-controls{background:#374151}.cr-theme-dark .cr-font-btn{background:#4b5563;border-color:#6b7280;color:#f9fafb}.cr-theme-dark .cr-font-select,.cr-theme-dark .cr-theme-btn{background:#374151;border-color:#6b7280;color:#f9fafb}.cr-theme-dark .cr-scroll-controls{background:#374151}.cr-theme-dark .cr-lock-overlay{background:linear-gradient(135deg,#1f2937f2,#374151f2);border-color:#6b7280}.cr-theme-dark .cr-unlock-info h3{color:#f9fafb}.cr-theme-dark .cr-comments-section{background:#1f29374d;border-color:#6b7280}.cr-theme-dark .cr-add-comment,.cr-theme-dark .cr-comment{background:#374151;border-color:#6b7280}.cr-theme-dark .cr-comment-textarea,.cr-theme-dark .cr-reply-textarea{background:#4b5563;border-color:#6b7280;color:#f9fafb}.cr-theme-dark .cr-rating-summary{background:#374151;border-color:#6b7280}.cr-theme-sepia .cr-toc-sidebar,.cr-theme-sepia .cr-settings-panel{background:#f7f3e9f2;border-color:#8b74524d;color:#5d4e37}.cr-theme-sepia .cr-font-controls{background:#f0ead6}.cr-theme-sepia .cr-font-btn,.cr-theme-sepia .cr-font-select,.cr-theme-sepia .cr-theme-btn{background:#f7f3e9;border-color:#d4c4a0;color:#5d4e37}.cr-theme-sepia .cr-scroll-controls{background:#f0ead6}.cr-theme-sepia .cr-lock-overlay{background:linear-gradient(135deg,#f7f3e9f2,#e8dcc0f2);border-color:#d4c4a0}.cr-theme-sepia .cr-unlock-info h3{color:#5d4e37}.cr-theme-sepia .cr-comments-section{background:#f0ead680;border-color:#d4c4a0}.cr-theme-sepia .cr-add-comment,.cr-theme-sepia .cr-comment{background:#f7f3e9;border-color:#d4c4a0}.cr-theme-sepia .cr-comment-textarea,.cr-theme-sepia .cr-reply-textarea{background:#f0ead6;border-color:#d4c4a0;color:#5d4e37}.cr-theme-sepia .cr-rating-summary{background:#f7f3e9;border-color:#d4c4a0}@media print{.cr-floating-actions,.cr-toc-sidebar,.cr-settings-panel,.cr-chapter-nav,.cr-footer-actions,.cr-chapter-navigation,.cr-comments-section,.cr-notification-toast,.cr-modal-overlay{display:none!important}.cr-premium-chapter-reader{background:#fff!important;color:#000!important}.cr-main-container{max-width:none;padding:0}.cr-chapter-content{font-size:12pt;line-height:1.6}.cr-chapter-title{font-size:18pt;color:#000!important;-webkit-text-fill-color:black!important}}@media (prefers-contrast: high){.cr-premium-chapter-reader{background:#fff!important;color:#000!important}.cr-fab{background:#000!important;color:#fff!important;border:2px solid white}.cr-nav-btn,.cr-action-btn{border-color:#000!important;color:#000!important}.cr-nav-btn:hover,.cr-action-btn:hover{background:#000!important;color:#fff!important}}@media (prefers-reduced-motion: reduce){.cr-premium-chapter-reader,.cr-fab,.cr-nav-btn,.cr-action-btn,.cr-modal-overlay,.cr-unlock-modal,.cr-share-modal,.cr-notification-toast{animation:none!important;transition:none!important}.cr-progress-fill:after,.cr-lock-icon,.cr-coin-icon,.cr-loading-spinner,.cr-spinner-ring{animation:none!important}}.cr-fab:focus,.cr-nav-btn:focus,.cr-action-btn:focus,.cr-toc-item:focus,.cr-comment-textarea:focus,.cr-reply-textarea:focus{outline:2px solid #3b82f6;outline-offset:2px}.cr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cr-chapter-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-touch-callout:none;position:relative;overflow:hidden}@media print{body *{visibility:hidden!important}.cr-chapter-content{position:absolute;top:0;left:0;visibility:hidden!important}}.cr-content-watermark{position:fixed;top:10px;left:10px;z-index:9999;opacity:.3;pointer-events:none;background:#00000080;color:#fff;padding:5px;border-radius:5px;font-size:12px}body{-webkit-user-drag:none;user-drag:none}img{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}::selection{background:transparent;color:inherit}.cr-chapter-content{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@-webkit-keyframes prevent-select{0%,to{-webkit-user-select:none;user-select:none}}@media screen and (min-width: 768px){.cr-chapter-content{-webkit-app-region:no-drag}}.cr-chapter-content{transform:translateZ(0);backface-visibility:hidden;perspective:1000}.cr-chapter-content{-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent;outline:none}.profile-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem 0}.profile-wrapper{max-width:1200px;margin:0 auto;padding:0 1rem}.profile-header{position:relative;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000001a;margin-bottom:2rem}.profile-banner{height:200px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#667eeacc,#764ba2cc)}.profile-info{padding:0 2rem 2rem;position:relative}.profile-avatar-section{display:flex;align-items:flex-start;gap:2rem;margin-top:-75px;position:relative;z-index:2}.avatar-container{position:relative;flex-shrink:0}.profile-avatar{width:150px;height:150px;border-radius:50%;border:6px solid white;object-fit:cover;box-shadow:0 10px 30px #0003;transition:all .3s ease}.avatar-upload{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .3s ease}.avatar-container:hover .avatar-upload{opacity:1}.upload-overlay{color:#fff;font-size:2rem;text-align:center}.avatar-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center}.profile-basic-info{flex:1;padding-top:1rem}.profile-name{font-size:2.5rem;font-weight:800;color:#1e293b;margin:0 0 .5rem;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-email{font-size:1.1rem;color:#64748b;margin:0 0 1rem;font-weight:500}.profile-bio{font-size:1rem;color:#475569;line-height:1.6;margin:0 0 1rem;max-width:600px}.profile-meta{display:flex;gap:2rem;flex-wrap:wrap;color:#64748b;font-size:.9rem}.join-date,.location{display:flex;align-items:center;gap:.5rem}.profile-actions{position:absolute;top:1rem;right:2rem;z-index:3}.edit-btn,.save-btn,.cancel-btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.edit-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.edit-actions{display:flex;gap:1rem}.save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.save-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-btn{background:#f1f5f9;color:#475569;border:2px solid #e2e8f0}.cancel-btn:hover{background:#e2e8f0;transform:translateY(-2px)}.edit-input,.edit-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff}.edit-input:focus,.edit-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.name-input{font-size:2.5rem;font-weight:800;background:transparent;border:none;border-bottom:3px solid #e2e8f0;border-radius:0;padding:.25rem 0}.name-input:focus{border-bottom-color:#3b82f6;box-shadow:none}.edit-textarea{resize:vertical;min-height:80px;font-family:inherit}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #00000026}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:50%}.stat-info h3{font-size:2rem;font-weight:800;color:#1e293b;margin:0 0 .25rem}.stat-info p{color:#64748b;margin:0;font-weight:500}.profile-tabs{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden}.tab-navigation{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0;overflow-x:auto}.tab-btn{flex:1;min-width:150px;padding:1.5rem 1rem;border:none;background:transparent;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;color:#64748b;position:relative}.tab-btn:hover{background:#3b82f60d;color:#3b82f6}.tab-btn.active{background:#fff;color:#3b82f6}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#3b82f6,#2563eb)}.tab-icon{font-size:1.2rem}.tab-label{font-size:.95rem}.tab-content{padding:2rem;min-height:400px}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.overview-card{background:#f8fafc;padding:2rem;border-radius:16px;border:1px solid #e2e8f0}.overview-card h3{font-size:1.3rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.reading-goal{text-align:center}.goal-edit{display:flex;flex-direction:column;gap:1rem;align-items:center}.goal-edit label{font-weight:600;color:#475569}.goal-edit input{width:100px;text-align:center;font-size:1.2rem;font-weight:700}.goal-progress{display:flex;flex-direction:column;gap:1rem}.progress-bar{width:100%;height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden}.progress-bar.small{height:6px}.progress-fill{height:100%;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;transition:width .5s ease}.goal-progress p{color:#475569;font-weight:600;margin:0}.genre-selection{display:flex;flex-wrap:wrap;gap:.75rem}.genre-tag{padding:.5rem 1rem;border:2px solid #e2e8f0;border-radius:25px;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500;color:#475569}.genre-tag:hover{border-color:#3b82f6;color:#3b82f6}.genre-tag.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.genre-list{display:flex;flex-wrap:wrap;gap:.5rem}.genre-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:25px;font-size:.85rem;font-weight:600}.recent-activity{grid-column:1 / -1}.recent-list{display:flex;flex-direction:column;gap:1rem}.recent-item{display:flex;gap:1rem;padding:1rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.recent-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.recent-image{width:60px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0}.recent-info{flex:1}.recent-info h4{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.recent-info p{color:#64748b;margin:0 0 .75rem;font-size:.9rem}.progress-info{display:flex;align-items:center;gap:1rem}.progress-info span{font-size:.85rem;color:#475569;font-weight:600}.edit-fields{display:flex;flex-direction:column;gap:1rem}.field-group{display:flex;flex-direction:column;gap:.5rem}.field-group label{font-weight:600;color:#475569;font-size:.9rem}.info-display{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;align-items:center;gap:.75rem;color:#475569}.info-icon{font-size:1.1rem;width:20px;text-align:center}.info-item a{color:#3b82f6;text-decoration:none;font-weight:500}.info-item a:hover{text-decoration:underline}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.content-header h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:.5rem}.content-header p{color:#64748b;margin:.5rem 0 0;font-size:1rem}.library-filters,.history-filters{display:flex;gap:1rem;align-items:center}.filter-select{padding:.5rem 1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-history-btn{padding:.5rem 1rem;background:#fee2e2;color:#dc2626;border:2px solid #fecaca;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.clear-history-btn:hover{background:#fecaca;border-color:#fca5a5}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.content-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid #e2e8f0}.content-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #00000026}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.play-btn{width:60px;height:60px;border-radius:50%;background:#ffffffe6;border:none;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.play-btn:hover{background:#fff;transform:scale(1.1)}.favorite-badge{position:absolute;top:1rem;right:1rem;background:#ffffffe6;padding:.5rem;border-radius:50%;font-size:1.2rem;box-shadow:0 2px 10px #0000001a}.card-info{padding:1.5rem}.card-info h4{font-size:1.2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;line-height:1.3}.card-info p{color:#64748b;margin:0 0 1rem;font-size:.9rem}.card-progress{margin:1rem 0}.card-progress span{font-size:.85rem;color:#475569;font-weight:600;margin-top:.5rem;display:block}.rating{display:flex;align-items:center;gap:.5rem;margin:1rem 0}.stars{display:flex;gap:.1rem}.star{font-size:.9rem;opacity:.3;transition:opacity .2s ease}.star.filled{opacity:1}.rating-value{font-size:.85rem;color:#64748b;font-weight:600}.card-actions{display:flex;gap:.75rem;margin-top:1rem}.action-btn{flex:1;padding:.75rem 1rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.85rem;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.25rem}.action-btn.continue,.action-btn.read,.action-btn.read-again{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-btn.continue:hover,.action-btn.read:hover,.action-btn.read-again:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px)}.action-btn.remove,.action-btn.unfavorite,.action-btn.remove-history{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.action-btn.remove:hover,.action-btn.unfavorite:hover,.action-btn.remove-history:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#64748b}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.empty-state h4{font-size:1.5rem;color:#475569;margin:0 0 .5rem;font-weight:700}.empty-state p{font-size:1rem;margin:0 0 2rem;max-width:400px;margin-left:auto;margin-right:auto}.browse-btn{padding:1rem 2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.browse-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:16px;border:1px solid #e2e8f0;transition:all .3s ease}.history-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.history-image{width:80px;height:100px;object-fit:cover;border-radius:8px;flex-shrink:0}.history-info{flex:1}.history-info h4{font-size:1.2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.history-info p{color:#64748b;margin:0 0 .75rem;font-size:.95rem}.history-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.read-date,.content-type{font-size:.85rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.history-actions{display:flex;gap:.75rem;flex-shrink:0}.settings-sections{display:flex;flex-direction:column;gap:2rem}.settings-section{background:#f8fafc;padding:2rem;border-radius:16px;border:1px solid #e2e8f0}.settings-section.danger-zone{background:#fef2f2;border-color:#fecaca}.settings-section h3{font-size:1.3rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.danger-zone h3{color:#dc2626}.settings-group{display:flex;flex-direction:column;gap:1.5rem}.setting-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.setting-item.toggle{align-items:flex-start}.setting-info{flex:1}.setting-info label{font-weight:600;color:#1e293b;font-size:1rem;display:block;margin-bottom:.25rem}.setting-info small{color:#64748b;font-size:.85rem;line-height:1.4}.setting-input{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;min-width:250px}.setting-input.disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.setting-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.setting-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:.9rem}.setting-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.setting-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px)}.setting-btn.secondary{background:#f1f5f9;color:#475569;border:2px solid #e2e8f0}.setting-btn.secondary:hover{background:#e2e8f0}.setting-btn.danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.setting-btn.danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px)}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.toggle-slider{background-color:#3b82f6}input:focus+.toggle-slider{box-shadow:0 0 1px #3b82f6}input:checked+.toggle-slider:before{transform:translate(26px)}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#64748b}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-spinner.small{width:20px;height:20px;border-width:2px}.profile-loading p{font-size:1.1rem;font-weight:500;margin:0}@media screen and (max-width: 1024px){.overview-grid{grid-template-columns:1fr}.content-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.profile-avatar-section{flex-direction:column;align-items:center;text-align:center;gap:1rem}.profile-actions{position:static;margin-top:1rem}}@media screen and (max-width: 768px){.profile-container{padding:1rem 0}.profile-wrapper{padding:0 .5rem}.profile-info{padding:0 1rem 1rem}.profile-avatar{width:120px;height:120px}.profile-name{font-size:2rem}.profile-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.5rem;flex-direction:column;text-align:center;gap:1rem}.stat-icon{font-size:2rem;width:50px;height:50px}.tab-navigation{flex-wrap:wrap}.tab-btn{min-width:120px;padding:1rem .75rem;font-size:.9rem}.tab-content{padding:1.5rem}.content-grid{grid-template-columns:1fr;gap:1.5rem}.content-header{flex-direction:column;align-items:flex-start;gap:1rem}.library-filters,.history-filters{width:100%;justify-content:space-between}.history-item{flex-direction:column;align-items:flex-start;gap:1rem}.history-actions{width:100%;justify-content:space-between}.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.setting-input{min-width:100%}.edit-actions{flex-direction:column;width:100%}}@media screen and (max-width: 640px){.profile-banner{height:150px}.profile-avatar-section{margin-top:-60px}.profile-avatar{width:100px;height:100px}.profile-name{font-size:1.8rem}.profile-meta{flex-direction:column;gap:.5rem}.profile-stats{grid-template-columns:1fr}.tab-btn{min-width:100px;padding:.75rem .5rem}.tab-icon{font-size:1rem}.tab-label{font-size:.85rem}.tab-content{padding:1rem}.overview-card{padding:1.5rem}.recent-item{flex-direction:column;align-items:center;text-align:center}.history-item{padding:1rem}.history-image{width:60px;height:80px}.history-meta{flex-direction:column;gap:.5rem}.card-actions{flex-direction:column}.action-btn{padding:1rem}.settings-section{padding:1.5rem}.library-filters,.history-filters{flex-direction:column;align-items:stretch}.filter-select{width:100%}}@media screen and (max-width: 480px){.profile-container{padding:.5rem 0}.profile-wrapper{padding:0 .25rem}.profile-header,.profile-tabs{border-radius:12px}.profile-banner{height:120px}.profile-avatar-section{margin-top:-50px}.profile-avatar{width:80px;height:80px;border-width:4px}.profile-name{font-size:1.5rem}.profile-bio{font-size:.9rem}.stat-card{padding:1rem}.stat-info h3{font-size:1.5rem}.tab-navigation{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;min-width:90px;padding:.75rem .5rem}.tab-content{padding:.75rem}.overview-card{padding:1rem}.overview-card h3{font-size:1.1rem}.content-header h3{font-size:1.3rem}.recent-image,.history-image{width:50px;height:65px}.card-info{padding:1rem}.card-info h4{font-size:1rem}.settings-section{padding:1rem}.settings-section h3{font-size:1.1rem}.edit-btn,.save-btn,.cancel-btn{padding:.5rem 1rem;font-size:.85rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading-spinner{animation:none;border:4px solid #3b82f6}}.edit-btn:focus,.save-btn:focus,.cancel-btn:focus,.action-btn:focus,.setting-btn:focus,.tab-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.genre-tag:focus{outline:2px solid #3b82f6;outline-offset:2px}.toggle-switch:focus-within .toggle-slider{box-shadow:0 0 0 3px #3b82f61a}@media (prefers-contrast: high){.profile-header,.profile-tabs,.stat-card,.content-card,.overview-card{border:2px solid #000}.tab-btn.active{background:#000;color:#fff}.progress-fill{background:#000}}@media print{.profile-container{background:#fff;padding:0}.profile-actions,.tab-navigation,.card-actions,.history-actions,.settings-content{display:none}.profile-header,.profile-tabs,.stat-card{box-shadow:none;border:1px solid #ccc}.tab-content{padding:0}}@media (prefers-color-scheme: dark){.profile-container{background:linear-gradient(135deg,#1e293b,#334155)}.profile-header,.profile-tabs,.stat-card,.content-card,.overview-card,.recent-item,.history-item,.settings-section{background:#1e293b;border-color:#334155;color:#f1f5f9}.profile-name,.stat-info h3,.overview-card h3,.content-header h3,.card-info h4,.history-info h4,.settings-section h3{color:#f1f5f9}.profile-email,.profile-bio,.stat-info p,.card-info p,.history-info p{color:#cbd5e1}.tab-navigation{background:#334155}.tab-btn{color:#94a3b8}.tab-btn:hover,.tab-btn.active{color:#f1f5f9;background:#1e293b}.edit-input,.edit-textarea,.setting-input,.filter-select{background:#334155;border-color:#475569;color:#f1f5f9}.edit-input:focus,.edit-textarea:focus,.setting-input:focus,.filter-select:focus{border-color:#3b82f6}}.tab-navigation::-webkit-scrollbar,.profile-container::-webkit-scrollbar{height:6px;width:6px}.tab-navigation::-webkit-scrollbar-track,.profile-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.tab-navigation::-webkit-scrollbar-thumb,.profile-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.tab-navigation::-webkit-scrollbar-thumb:hover,.profile-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.content-card,.stat-card,.recent-item,.history-item{animation:fadeInUp .6s ease forwards}.content-card:nth-child(1){animation-delay:.1s}.content-card:nth-child(2){animation-delay:.2s}.content-card:nth-child(3){animation-delay:.3s}.content-card:nth-child(4){animation-delay:.4s}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.d-flex{display:flex}.d-block{display:block}.d-none{display:none}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.flex-nowrap{flex-wrap:nowrap}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-full{border-radius:50%}.shadow-sm{box-shadow:0 2px 8px #0000000d}.shadow{box-shadow:0 4px 20px #00000014}.shadow-lg{box-shadow:0 10px 40px #00000026}.bg-gradient-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.bg-gradient-secondary{background:linear-gradient(135deg,#64748b,#475569)}.bg-gradient-success{background:linear-gradient(135deg,#10b981,#059669)}.bg-gradient-danger{background:linear-gradient(135deg,#dc2626,#b91c1c)}.bg-gradient-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.bg-gradient-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.text-gradient-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-success{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hover-scale:hover{transform:scale(1.05)}.hover-scale-sm:hover{transform:scale(1.02)}.hover-lift:hover{transform:translateY(-5px)}.hover-lift-sm:hover{transform:translateY(-2px)}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;border-radius:4px;margin-bottom:.5rem}.skeleton-text.large{height:1.5rem}.skeleton-text.small{height:.75rem}.skeleton-avatar{width:150px;height:150px;border-radius:50%}.skeleton-card{height:200px;border-radius:16px}.notification{position:fixed;top:100px;right:20px;background:#fff;border-radius:12px;padding:1rem 1.5rem;box-shadow:0 10px 40px #00000026;border-left:4px solid #3b82f6;z-index:1000;transform:translate(400px);transition:transform .3s ease}.notification.show{transform:translate(0)}.notification.success{border-left-color:#10b981}.notification.error{border-left-color:#dc2626}.notification.warning{border-left-color:#f59e0b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:#fff;border-radius:20px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;transform:scale(.9);transition:transform .3s ease}.modal-overlay.active .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#64748b;padding:.5rem;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#f1f5f9;color:#1e293b}.tooltip{position:relative;display:inline-block}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;margin-bottom:5px}.tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1e293b;opacity:0;visibility:hidden;transition:all .3s ease}.tooltip:hover:before,.tooltip:hover:after{opacity:1;visibility:visible}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge.primary{background:#dbeafe;color:#1d4ed8}.badge.success{background:#d1fae5;color:#065f46}.badge.warning{background:#fef3c7;color:#92400e}.badge.danger{background:#fee2e2;color:#991b1b}.badge.secondary{background:#f1f5f9;color:#475569}.progress-bar.success .progress-fill{background:linear-gradient(135deg,#10b981,#059669)}.progress-bar.warning .progress-fill{background:linear-gradient(135deg,#f59e0b,#d97706)}.progress-bar.danger .progress-fill{background:linear-gradient(135deg,#dc2626,#b91c1c)}.progress-bar.purple .progress-fill{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 60px #00000026}.card-interactive{cursor:pointer;transition:all .3s ease}.card-interactive:hover{transform:scale(1.02);box-shadow:0 15px 50px #0000001f}.card-interactive:active{transform:scale(.98)}.btn-ghost{background:transparent;color:#3b82f6;border:2px solid #3b82f6}.btn-ghost:hover{background:#3b82f6;color:#fff}.btn-outline{background:transparent;border:2px solid currentColor}.btn-outline:hover{background:currentColor;color:#fff}.btn-soft{background:#3b82f61a;color:#3b82f6;border:none}.btn-soft:hover{background:#3b82f633}.form-label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.9rem}.form-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.error{border-color:#dc2626}.form-input.error:focus{box-shadow:0 0 0 3px #dc26261a}.form-error{color:#dc2626;font-size:.85rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.form-help{color:#6b7280;font-size:.85rem;margin-top:.25rem}.change-password-container{background-color:#1e293b;padding:2rem;border-radius:12px;width:400px;max-width:90vw;color:#f9fafb;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:8rem auto 3rem}.change-password-container h3{margin-bottom:1.5rem}.form-group{margin-top:.7rem;margin-bottom:.8rem}.submit-button{margin-bottom:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.25rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 14px #667eea66;margin-top:1rem;margin-right:1rem}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-group label{font-size:.875rem;font-weight:600;color:#f9fafb;margin-bottom:.5rem;display:block}.form-group input{width:100%;padding:.75rem 1rem;border-radius:8px;border:1px solid #94a3b8;outline:none;font-size:.7rem;background-color:#fff;color:#1e293b;box-sizing:border-box;transition:border-color .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea4d;outline:none;background-color:#fff}.error-message{color:#ff6b6b;margin-bottom:1rem;font-weight:600}.success-message{color:#6bff8a;margin-bottom:1rem;font-weight:600}.forget-change-password-heading{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin-bottom:1rem}.user-library{max-width:1200px;margin:0 auto;padding:20px}.library-header{text-align:center;margin-bottom:30px}.library-header h1{font-size:2.5em;color:#333;margin-bottom:10px}.library-header p{color:#666;font-size:1.1em}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;gap:15px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{font-size:2.5em;opacity:.8}.stat-info h3{font-size:2em;margin:0;color:#333}.stat-info p{margin:5px 0 0;color:#666;font-size:.9em}.library-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #f0f0f0}.tab-btn{background:none;border:none;padding:15px 20px;cursor:pointer;font-size:1em;color:#666;border-bottom:3px solid transparent;transition:all .3s ease}.tab-btn:hover{color:#333;background:#f9f9f9}.tab-btn.active{color:#007bff;border-bottom-color:#007bff;background:#f8f9ff}.library-filters{display:flex;gap:20px;margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:8px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-weight:600;color:#333;font-size:.9em}.filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:.9em;background:#fff}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.content-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;cursor:pointer}.content-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.card-image{position:relative;height:200px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.content-card:hover .card-image img{transform:scale(1.05)}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.content-card:hover .card-overlay{opacity:1}.overlay-actions{display:flex;gap:10px}.action-btn{background:#ffffffe6;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2em;transition:all .3s ease}.action-btn:hover{background:#fff;transform:scale(1.1)}.action-btn.primary{background:#007bff;color:#fff}.action-btn.danger{background:#dc3545;color:#fff}.card-content{padding:20px}.card-title{font-size:1.2em;font-weight:600;margin:0 0 8px;color:#333;line-height:1.3}.card-author{color:#666;margin:0 0 5px;font-size:.9em}.card-genre{color:#888;margin:0 0 15px;font-size:.85em}.reading-status{margin-bottom:15px}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8em;font-weight:600;text-transform:uppercase}.status-badge.reading{background:#e3f2fd;color:#1976d2}.status-badge.completed{background:#e8f5e8;color:#2e7d32}.status-badge.paused{background:#fff3e0;color:#f57c00}.status-badge.dropped{background:#ffebee;color:#d32f2f}.progress-info{margin-bottom:15px}.progress-bar{width:100%;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:5px}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);transition:width .3s ease}.progress-text{font-size:.8em;color:#666}.card-meta{display:flex;flex-direction:column;gap:3px;font-size:.8em;color:#888}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#666}.empty-icon{font-size:4em;margin-bottom:20px;opacity:.5}.empty-state h3{font-size:1.5em;margin-bottom:10px;color:#333}.empty-state p{margin-bottom:30px;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.6}.browse-btn{background:#007bff;color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:1em;cursor:pointer;transition:background .3s ease}.browse-btn:hover{background:#0056b3}.auth-required{text-align:center;padding:60px 20px}.auth-required h2{color:#333;margin-bottom:15px}.auth-required p{color:#666;margin-bottom:30px}.login-btn{background:#007bff;color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:1em;cursor:pointer;transition:background .3s ease}.login-btn:hover{background:#0056b3}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@media (max-width: 768px){.user-library{padding:10px}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.stat-card{padding:15px;flex-direction:column;text-align:center;gap:10px}.library-tabs{flex-direction:column;gap:5px}.tab-btn{padding:12px 15px;text-align:left}.library-filters{flex-direction:column;gap:15px}.content-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}}@media (max-width: 480px){.content-grid{grid-template-columns:1fr}.library-header h1{font-size:2em}}:root{--navbar-bg: rgba(10, 10, 15, .95);--navbar-bg-scrolled: rgba(5, 5, 10, .98);--navbar-border: rgba(99, 102, 241, .1);--navbar-text: #e2e8f0;--navbar-text-muted: #94a3b8;--navbar-accent: #6366f1;--navbar-accent-hover: #5855eb;--navbar-success: #10b981;--navbar-warning: #f59e0b;--navbar-danger: #ef4444;--navbar-shadow: 0 8px 32px rgba(0, 0, 0, .3);--navbar-shadow-scrolled: 0 12px 40px rgba(0, 0, 0, .4);--navbar-transition: all .3s cubic-bezier(.4, 0, .2, 1);--navbar-transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--navbar-border-radius: 12px;--navbar-border-radius-lg: 20px;--navbar-backdrop-blur: blur(20px);--navbar-z-index: 1000;--navbar-mobile-z-index: 1100}.modern-navbar{position:fixed;top:0;left:0;right:0;z-index:var(--navbar-z-index);background:var(--navbar-bg);backdrop-filter:var(--navbar-backdrop-blur);-webkit-backdrop-filter:var(--navbar-backdrop-blur);border-bottom:1px solid var(--navbar-border);transition:var(--navbar-transition);padding:.75rem 0;box-shadow:var(--navbar-shadow)}.modern-navbar.modern-navbar--scrolled{background:var(--navbar-bg-scrolled);border-bottom-color:#6366f133;box-shadow:var(--navbar-shadow-scrolled);padding:.5rem 0}.modern-navbar__container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.modern-navbar__brand{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--navbar-text);transition:var(--navbar-transition);position:relative;z-index:2}.modern-navbar__brand:hover{transform:translateY(-2px)}.navbar-brand__logo{position:relative;width:48px;height:48px}.brand-logo__inner{width:120%;height:120%;background:linear-gradient(135deg,var(--navbar-accent),#8b5cf6);border-radius:var(--navbar-border-radius);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 4px 20px #6366f14d;transition:var(--navbar-transition)}.modern-navbar__brand:hover .brand-logo__inner{transform:scale(1.05);box-shadow:0 6px 25px #6366f166}.brand-logo__text{font-size:1.5rem;font-weight:800;color:#fff;z-index:2;position:relative}.brand-logo__glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--navbar-accent),#8b5cf6,var(--navbar-accent));border-radius:var(--navbar-border-radius);opacity:0;transition:opacity .3s ease;animation:brandGlow 3s ease-in-out infinite}@keyframes brandGlow{0%,to{opacity:.3}50%{opacity:.6}}.navbar-brand__text{display:flex;flex-direction:column;line-height:1.2}.brand-text__main{font-size:1.4rem;font-weight:700;color:var(--navbar-text);background:linear-gradient(135deg,var(--navbar-accent),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-text__sub{font-size:.8rem;font-weight:500;color:var(--navbar-text-muted);margin-top:-2px}.modern-navbar__nav{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0}.navbar-nav__item{position:relative;opacity:0;transform:translateY(-20px);animation:navItemSlide .6s cubic-bezier(.4,0,.2,1) var(--nav-delay) forwards}@keyframes navItemSlide{to{opacity:1;transform:translateY(0)}}.navbar-nav__link{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-radius:var(--navbar-border-radius);text-decoration:none;color:var(--navbar-text);font-weight:500;font-size:.95rem;transition:var(--navbar-transition);overflow:hidden;z-index:1}.navbar-nav__link:hover{color:#fff;transform:translateY(-2px)}.navbar-nav__link--active{color:#fff;background:#6366f133;border:1px solid rgba(99,102,241,.3)}.nav-link__icon{font-size:1.1rem;transition:var(--navbar-transition)}.navbar-nav__link:hover .nav-link__icon{transform:scale(1.1)}.nav-link__label{position:relative;z-index:2}.nav-link__background{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#6366f1cc,#8b5cf6cc);transition:left .3s ease;z-index:-1;border-radius:var(--navbar-border-radius)}.navbar-nav__link:hover .nav-link__background{left:0}.modern-navbar__search{position:relative;flex:1;max-width:500px;margin:0 2rem}.navbar-search__form{position:relative;display:flex;align-items:center;background:#0f0f1999;-webkit-backdrop-filter:var(--navbar-backdrop-blur);backdrop-filter:var(--navbar-backdrop-blur);border:1px solid rgba(99,102,241,.2);border-radius:var(--navbar-border-radius-lg);padding:.75rem 1rem;transition:var(--navbar-transition);overflow:hidden}.navbar-search--focused .navbar-search__form{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a;background:#0f0f19cc}.search-form__icon{color:var(--navbar-text-muted);margin-right:.75rem;transition:var(--navbar-transition)}.navbar-search--focused .search-form__icon{color:var(--navbar-accent)}.search-form__input{flex:1;background:transparent;border:none;outline:none;color:var(--navbar-text);font-size:.95rem;font-weight:500;padding:.25rem 0}.search-form__input::placeholder{color:var(--navbar-text-muted);font-weight:400}.search-form__clear,.search-form__loading{margin-left:.75rem;display:flex;align-items:center;justify-content:center}.search-form__clear{background:none;border:none;color:var(--navbar-text-muted);cursor:pointer;padding:.25rem;border-radius:50%;transition:var(--navbar-transition)}.search-form__clear:hover{color:var(--navbar-danger);background:#ef44441a}.search-loading-spinner{width:16px;height:16px;border:2px solid rgba(99,102,241,.3);border-top:2px solid var(--navbar-accent);border-radius:50%;animation:searchSpin 1s linear infinite}@keyframes searchSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#0f0f19f2;-webkit-backdrop-filter:var(--navbar-backdrop-blur);backdrop-filter:var(--navbar-backdrop-blur);border:1px solid rgba(99,102,241,.3);border-radius:var(--navbar-border-radius);box-shadow:0 20px 60px #0006;z-index:1000;max-height:500px;overflow-y:auto;animation:searchDropdownSlide .3s cubic-bezier(.4,0,.2,1)}@keyframes searchDropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-dropdown__content{padding:1rem}.search-dropdown__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(99,102,241,.2)}.search-dropdown__title{font-size:1rem;font-weight:600;color:var(--navbar-text);margin:0}.search-dropdown__count{font-size:.85rem;color:var(--navbar-text-muted);background:#6366f11a;padding:.25rem .75rem;border-radius:12px}.search-dropdown__loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--navbar-text-muted)}.search-dropdown__results{display:flex;flex-direction:column;gap:.5rem}.search-result__item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:var(--navbar-border-radius);cursor:pointer;transition:var(--navbar-transition);border:1px solid transparent;opacity:0;transform:translateY(10px);animation:searchResultSlide .3s cubic-bezier(.4,0,.2,1) var(--result-delay) forwards}@keyframes searchResultSlide{to{opacity:1;transform:translateY(0)}}.search-result__item:hover{background:#6366f11a;border-color:#6366f14d;transform:translate(5px)}.search-result__image{width:60px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;position:relative}.search-result__image img{width:100%;height:100%;object-fit:cover;transition:var(--navbar-transition)}.search-result__item:hover .search-result__image img{transform:scale(1.05)}.search-result__content{flex:1;min-width:0}.search-result__title{font-size:.95rem;font-weight:600;color:var(--navbar-text);margin:0 0 .5rem;line-height:1.3}.search-result__meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.search-result__type{font-size:.8rem;font-weight:500;padding:.25rem .5rem;border-radius:8px;border:1px solid}.search-result__type--story{background:#10b9811a;color:#10b981;border-color:#10b9814d}.search-result__type--novel{background:#8b5cf61a;color:#8b5cf6;border-color:#8b5cf64d}.search-result__author{font-size:.8rem;color:var(--navbar-text-muted)}.search-result__description{font-size:.85rem;color:var(--navbar-text-muted);line-height:1.4;margin:.5rem 0}.search-result__stats{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.search-stat{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--navbar-text-muted)}.search-stat svg{opacity:.7}.search-result__arrow{color:var(--navbar-text-muted);opacity:0;transition:var(--navbar-transition)}.search-result__item:hover .search-result__arrow{opacity:1;transform:translate(3px)}.search-dropdown__empty{text-align:center;padding:2rem}.search-empty__icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.search-empty__title{font-size:1.1rem;font-weight:600;color:var(--navbar-text);margin:0 0 .5rem}.search-empty__description{color:var(--navbar-text-muted);margin:0 0 1.5rem}.search-empty__suggestions p{color:var(--navbar-text-muted);margin:0 0 .75rem;font-size:.9rem}.search-suggestions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.search-suggestion-btn{background:#6366f11a;border:1px solid rgba(99,102,241,.3);color:var(--navbar-accent);padding:.25rem .75rem;border-radius:15px;font-size:.8rem;cursor:pointer;transition:var(--navbar-transition)}.search-suggestion-btn:hover{background:#6366f133;border-color:#6366f180;transform:translateY(-1px)}.search-dropdown__footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(99,102,241,.2)}.search-view-all-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--navbar-accent),#8b5cf6);color:#fff;border:none;padding:.75rem 1rem;border-radius:var(--navbar-border-radius);font-weight:500;cursor:pointer;transition:var(--navbar-transition)}.search-view-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.search-highlight{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);color:var(--navbar-accent);padding:.1em .2em;border-radius:3px;font-weight:600;box-decoration-break:clone;-webkit-box-decoration-break:clone}.modern-navbar__actions{display:flex;align-items:center;gap:1rem}.navbar-actions__coins{display:flex;align-items:center}.coins-display{display:flex;align-items:center;gap:.5rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);padding:.5rem 1rem;border-radius:var(--navbar-border-radius-lg);transition:var(--navbar-transition)}.coins-display:hover{background:#f59e0b26;border-color:#f59e0b66;transform:translateY(-2px)}.coins-display__icon{color:#f59e0b;display:flex;align-items:center;justify-content:center}.coins-loading-spinner{width:16px;height:16px;border:2px solid rgba(245,158,11,.3);border-top:2px solid #f59e0b;border-radius:50%;animation:coinsSpin 1s linear infinite}@keyframes coinsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.coins-display__amount{font-size:1rem;font-weight:700;color:#f59e0b}.coins-display__label{font-size:.8rem;color:var(--navbar-text-muted);font-weight:500}.navbar-actions__user{position:relative}.user-profile-btn{display:flex;align-items:center;gap:.75rem;background:#0f0f1999;-webkit-backdrop-filter:var(--navbar-backdrop-blur);backdrop-filter:var(--navbar-backdrop-blur);border:1px solid rgba(99,102,241,.2);border-radius:var(--navbar-border-radius-lg);padding:.5rem 1rem;cursor:pointer;transition:var(--navbar-transition);position:relative;overflow:hidden}.user-profile-btn:hover,.user-profile-btn--active{border-color:#6366f166;background:#0f0f19cc;transform:translateY(-2px)}.user-profile__avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid rgba(99,102,241,.3);transition:var(--navbar-transition)}.user-profile-btn:hover .user-profile__avatar{border-color:#6366f199;transform:scale(1.05)}.user-profile__avatar img{width:100%;height:100%;object-fit:cover}.user-profile__info{display:flex;flex-direction:column;line-height:1.2}.user-profile__name{font-size:.9rem;font-weight:600;color:var(--navbar-text)}.user-profile__role{font-size:.75rem;color:var(--navbar-text-muted)}.user-profile__dropdown-icon{color:var(--navbar-text-muted);transition:var(--navbar-transition)}.user-profile-btn--active .user-profile__dropdown-icon{transform:rotate(180deg);color:var(--navbar-accent)}.user-profile__glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--navbar-accent),#8b5cf6,var(--navbar-accent));border-radius:var(--navbar-border-radius-lg);opacity:0;transition:opacity .3s ease;z-index:-1}.user-profile-btn:hover .user-profile__glow{opacity:.3}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:320px;background:#0f0f19f2;-webkit-backdrop-filter:var(--navbar-backdrop-blur);backdrop-filter:var(--navbar-backdrop-blur);border:1px solid rgba(99,102,241,.3);border-radius:var(--navbar-border-radius);box-shadow:0 20px 60px #0006;z-index:1000;animation:userDropdownSlide .3s cubic-bezier(.4,0,.2,1)}@keyframes userDropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown__header{padding:1.5rem;border-bottom:1px solid rgba(99,102,241,.2)}.user-dropdown__profile{display:flex;align-items:center;gap:1rem}.user-dropdown__avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid rgba(99,102,241,.3)}.user-dropdown__avatar img{width:100%;height:100%;object-fit:cover}.user-dropdown__info{flex:1}.user-dropdown__name{font-size:1.1rem;font-weight:700;color:var(--navbar-text);margin:0 0 .25rem}.user-dropdown__email{font-size:.85rem;color:var(--navbar-text-muted);margin:0}.user-dropdown__menu{padding:1rem}.user-menu-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:var(--navbar-border-radius);text-decoration:none;color:var(--navbar-text);transition:var(--navbar-transition);margin-bottom:.25rem;opacity:0;transform:translate(-10px);animation:userMenuSlide .3s cubic-bezier(.4,0,.2,1) var(--menu-delay) forwards}@keyframes userMenuSlide{to{opacity:1;transform:translate(0)}}.user-menu-item:hover{background:#6366f11a;color:#fff;transform:translate(5px)}.user-menu-item__icon{font-size:1.1rem;width:20px;text-align:center}.user-menu-item__label{flex:1;font-weight:500}.user-menu-item__arrow{color:var(--navbar-text-muted);opacity:0;transition:var(--navbar-transition)}.user-menu-item:hover .user-menu-item__arrow{opacity:1;transform:translate(3px)}.user-dropdown__footer{padding:1rem 1.5rem;border-top:1px solid rgba(99,102,241,.2)}.user-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,var(--navbar-danger),#dc2626);color:#fff;border:none;padding:.75rem 1rem;border-radius:var(--navbar-border-radius);font-weight:600;cursor:pointer;transition:var(--navbar-transition)}.user-logout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.navbar-actions__auth{display:flex;align-items:center;gap:.75rem}.auth-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--navbar-border-radius-lg);text-decoration:none;font-weight:600;font-size:.9rem;transition:var(--navbar-transition);position:relative;overflow:hidden}.auth-btn--login{background:#6366f11a;color:var(--navbar-accent);border:1px solid rgba(99,102,241,.3)}.auth-btn--login:hover{background:#6366f133;border-color:#6366f180;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #6366f14d}.auth-btn--register{background:linear-gradient(135deg,var(--navbar-accent),#8b5cf6);color:#fff;border:1px solid transparent}.auth-btn--register:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.auth-btn__icon{display:flex;align-items:center;justify-content:center}.modern-navbar__mobile-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:#0f0f1999;-webkit-backdrop-filter:var(--navbar-backdrop-blur);backdrop-filter:var(--navbar-backdrop-blur);border:1px solid rgba(99,102,241,.2);border-radius:var(--navbar-border-radius);cursor:pointer;transition:var(--navbar-transition);gap:4px}.modern-navbar__mobile-toggle:hover{border-color:#6366f166;background:#0f0f19cc}.mobile-toggle__line{width:20px;height:2px;background:var(--navbar-text);border-radius:2px;transition:var(--navbar-transition)}.mobile-toggle--active .mobile-toggle__line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-toggle--active .mobile-toggle__line:nth-child(2){opacity:0}.mobile-toggle--active .mobile-toggle__line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--navbar-mobile-z-index);animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100vh;background:#0a0a0ffa;-webkit-backdrop-filter:var(--navbar-backdrop-blur);backdrop-filter:var(--navbar-backdrop-blur);border-left:1px solid rgba(99,102,241,.3);z-index:calc(var(--navbar-mobile-z-index) + 1);overflow-y:auto;animation:mobileMenuSlide .3s cubic-bezier(.4,0,.2,1)}@keyframes mobileMenuSlide{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(99,102,241,.2)}.mobile-menu__title{font-size:1.2rem;font-weight:700;color:var(--navbar-text);margin:0}.mobile-menu__close{width:40px;height:40px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:50%;color:var(--navbar-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--navbar-transition)}.mobile-menu__close:hover{background:#6366f133;border-color:#6366f180;color:#fff}.mobile-menu__search{padding:1.5rem;border-bottom:1px solid rgba(99,102,241,.2)}.mobile-search__form{position:relative;display:flex;align-items:center;background:#0f0f1999;border:1px solid rgba(99,102,241,.2);border-radius:var(--navbar-border-radius);padding:.75rem;gap:.75rem}.mobile-search__icon{color:var(--navbar-text-muted)}.mobile-search__input{flex:1;background:transparent;border:none;outline:none;color:var(--navbar-text);font-size:.95rem}.mobile-search__input::placeholder{color:var(--navbar-text-muted)}.mobile-search__clear{background:none;border:none;color:var(--navbar-text-muted);cursor:pointer;padding:.25rem;border-radius:50%;transition:var(--navbar-transition)}.mobile-search__clear:hover{color:var(--navbar-danger);background:#ef44441a}.mobile-search__results{margin-top:1rem;border-radius:var(--navbar-border-radius);background:#0f0f1966;border:1px solid rgba(99,102,241,.2);max-height:300px;overflow-y:auto}.mobile-search__loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;color:var(--navbar-text-muted)}.mobile-search__result{display:flex;align-items:center;gap:.75rem;padding:.75rem;cursor:pointer;transition:var(--navbar-transition);border-bottom:1px solid rgba(99,102,241,.1)}.mobile-search__result:last-child{border-bottom:none}.mobile-search__result:hover{background:#6366f11a}.mobile-search__result-image{width:40px;height:50px;border-radius:6px;overflow:hidden;flex-shrink:0}.mobile-search__result-image img{width:100%;height:100%;object-fit:cover}.mobile-search__result-content{flex:1;min-width:0}.mobile-search__result-title{font-size:.9rem;font-weight:600;color:var(--navbar-text);margin:0 0 .25rem;line-height:1.3}.mobile-search__result-type{font-size:.75rem;color:var(--navbar-text-muted)}.mobile-search__no-results{padding:1.5rem;text-align:center;color:var(--navbar-text-muted);font-size:.9rem}.mobile-menu__nav{padding:1rem}.mobile-nav-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:var(--navbar-border-radius);text-decoration:none;color:var(--navbar-text);transition:var(--navbar-transition);margin-bottom:.5rem;opacity:0;transform:translate(-20px);animation:mobileNavSlide .3s cubic-bezier(.4,0,.2,1) var(--mobile-nav-delay) forwards}@keyframes mobileNavSlide{to{opacity:1;transform:translate(0)}}.mobile-nav-item:hover,.mobile-nav-item--active{background:#6366f11a;color:#fff;transform:translate(5px)}.mobile-nav-item__icon{font-size:1.2rem;width:24px;text-align:center}.mobile-nav-item__label{flex:1;font-weight:500;font-size:1rem}.mobile-nav-item__arrow{color:var(--navbar-text-muted);opacity:0;transition:var(--navbar-transition)}.mobile-nav-item:hover .mobile-nav-item__arrow{opacity:1;transform:translate(3px)}.mobile-menu__user{padding:1.5rem;border-top:1px solid rgba(99,102,241,.2)}.mobile-user__header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-radius:var(--navbar-border-radius)}.mobile-user__avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid rgba(99,102,241,.3);flex-shrink:0}.mobile-user__avatar img{width:100%;height:100%;object-fit:cover}.mobile-user__info{flex:1;min-width:0}.mobile-user__name{font-size:1rem;font-weight:700;color:var(--navbar-text);margin:0 0 .25rem}.mobile-user__email{font-size:.8rem;color:var(--navbar-text-muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-user__coins{display:flex;flex-direction:column;align-items:center;padding:.5rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--navbar-border-radius);flex-shrink:0}.mobile-coins__amount{font-size:1rem;font-weight:700;color:#f59e0b;line-height:1}.mobile-coins__label{font-size:.7rem;color:var(--navbar-text-muted);margin-top:.1rem}.mobile-user__menu{margin-bottom:1.5rem}.mobile-user__menu-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:var(--navbar-border-radius);text-decoration:none;color:var(--navbar-text);transition:var(--navbar-transition);margin-bottom:.25rem;opacity:0;transform:translate(-10px);animation:mobileUserMenuSlide .3s cubic-bezier(.4,0,.2,1) var(--mobile-menu-delay) forwards}@keyframes mobileUserMenuSlide{to{opacity:1;transform:translate(0)}}.mobile-user__menu-item:hover{background:#6366f11a;color:#fff;transform:translate(5px)}.mobile-user__menu-icon{font-size:1.1rem;width:20px;text-align:center}.mobile-user__menu-label{flex:1;font-weight:500}.mobile-user__menu-arrow{color:var(--navbar-text-muted);opacity:0;transition:var(--navbar-transition)}.mobile-user__menu-item:hover .mobile-user__menu-arrow{opacity:1;transform:translate(3px)}.mobile-user__logout{margin-top:1rem}.mobile-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,var(--navbar-danger),#dc2626);color:#fff;border:none;padding:.75rem 1rem;border-radius:var(--navbar-border-radius);font-weight:600;cursor:pointer;transition:var(--navbar-transition)}.mobile-logout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.mobile-menu__auth{padding:1.5rem;border-top:1px solid rgba(99,102,241,.2)}.mobile-auth__buttons{display:flex;flex-direction:column;gap:1rem}.mobile-auth-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border-radius:var(--navbar-border-radius);text-decoration:none;font-weight:600;font-size:1rem;transition:var(--navbar-transition);position:relative;overflow:hidden}.mobile-auth-btn--login{background:#6366f11a;color:var(--navbar-accent);border:1px solid rgba(99,102,241,.3)}.mobile-auth-btn--login:hover{background:#6366f133;border-color:#6366f180;color:#fff;transform:translateY(-2px)}.mobile-auth-btn--register{background:linear-gradient(135deg,var(--navbar-accent),#8b5cf6);color:#fff;border:1px solid transparent}.mobile-auth-btn--register:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.mobile-auth-btn__icon{display:flex;align-items:center;justify-content:center}@media (max-width: 1200px){.modern-navbar__container{padding:0 1.5rem}.modern-navbar__search{max-width:400px;margin:0 1.5rem}}@media (max-width: 992px){.modern-navbar__nav,.modern-navbar__search,.navbar-actions__coins,.navbar-actions__auth{display:none}.modern-navbar__mobile-toggle{display:flex}.modern-navbar__container{gap:1rem}.navbar-brand__text{display:none}}@media (max-width: 768px){.modern-navbar__container{padding:0 1rem}.navbar-brand__logo{width:40px;height:40px}.brand-logo__text{font-size:1.3rem}.mobile-menu{max-width:350px}}@media (max-width: 640px){.modern-navbar{padding:.5rem 0}.modern-navbar__container{padding:0 .75rem}.mobile-menu{max-width:100%;width:100%}.mobile-user__header{flex-direction:column;text-align:center;gap:1rem}.mobile-user__info{order:1}.mobile-user__avatar{order:2;width:60px;height:60px}.mobile-user__coins{order:3;flex-direction:row;gap:.5rem;padding:.75rem 1rem}}@media (max-width: 480px){.modern-navbar__container{padding:0 .5rem}.navbar-brand__logo{width:36px;height:36px}.brand-logo__text{font-size:1.2rem}.modern-navbar__mobile-toggle{width:40px;height:40px}.mobile-toggle__line{width:18px}}@media (prefers-contrast: high){:root{--navbar-bg: rgba(0, 0, 0, .98);--navbar-bg-scrolled: rgba(0, 0, 0, 1);--navbar-border: rgba(99, 102, 241, .5);--navbar-text: #ffffff;--navbar-text-muted: #cccccc}.modern-navbar{border-bottom:2px solid var(--navbar-accent)}.navbar-nav__link,.user-profile-btn,.auth-btn{border:2px solid rgba(99,102,241,.5)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.modern-navbar,.navbar-nav__link,.user-profile-btn,.auth-btn,.mobile-menu,.search-dropdown,.user-dropdown{transition:none}}@media (prefers-color-scheme: dark){:root{--navbar-bg: rgba(5, 5, 10, .95);--navbar-bg-scrolled: rgba(0, 0, 5, .98)}}@media print{.modern-navbar{display:none}}.navbar-nav__link:focus,.user-profile-btn:focus,.auth-btn:focus,.mobile-nav-item:focus,.mobile-auth-btn:focus,.search-form__input:focus{outline:2px solid var(--navbar-accent);outline-offset:2px}.modern-navbar__mobile-toggle:focus{outline:2px solid var(--navbar-accent);outline-offset:2px}.navbar-nav__link:before,.mobile-nav-item:before,.user-menu-item:before,.mobile-user__menu-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);opacity:0;transition:opacity .3s ease;border-radius:var(--navbar-border-radius);z-index:-1}.navbar-nav__link:hover:before,.mobile-nav-item:hover:before,.user-menu-item:hover:before,.mobile-user__menu-item:hover:before{opacity:1}.navbar-loading{opacity:.7;pointer-events:none}.navbar-loading .modern-navbar__container{position:relative}.navbar-loading .modern-navbar__container:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--navbar-accent),transparent);animation:navbarLoading 2s infinite}@keyframes navbarLoading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.search-dropdown::-webkit-scrollbar,.mobile-search__results::-webkit-scrollbar,.mobile-menu::-webkit-scrollbar{width:6px}.search-dropdown::-webkit-scrollbar-track,.mobile-search__results::-webkit-scrollbar-track,.mobile-menu::-webkit-scrollbar-track{background:#0f0f1980}.search-dropdown::-webkit-scrollbar-thumb,.mobile-search__results::-webkit-scrollbar-thumb,.mobile-menu::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--navbar-accent),#8b5cf6);border-radius:3px}.search-dropdown::-webkit-scrollbar-thumb:hover,.mobile-search__results::-webkit-scrollbar-thumb:hover,.mobile-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--navbar-accent-hover),#7c3aed)}.modern-navbar ::selection{background:#6366f14d;color:#fff}.modern-navbar ::-moz-selection{background:#6366f14d;color:#fff}.modern-navbar,.navbar-nav__link,.user-profile-btn,.auth-btn,.mobile-menu,.search-dropdown,.user-dropdown{will-change:transform;backface-visibility:hidden;perspective:1000px}.modern-navbar__container,.navbar-nav__link,.user-profile-btn,.auth-btn{transform:translateZ(0)}@container (max-width: 768px){.modern-navbar__search{display:none}}@media (max-aspect-ratio: 1/1){.mobile-menu{width:100%;max-width:none}}@media (min-width: 1600px){.modern-navbar__container{max-width:1600px;padding:0 3rem}.modern-navbar__search{max-width:600px}}@media (hover: none) and (pointer: coarse){.navbar-nav__link,.user-profile-btn,.auth-btn,.mobile-nav-item,.mobile-auth-btn{min-height:44px;padding:.875rem 1.25rem}.modern-navbar__mobile-toggle{min-width:44px;min-height:44px}}.user-change-password-btn{width:100%;display:flex;align-items:center;gap:.5rem;background:#6366f126;color:#fff;border:none;padding:.75rem 1rem;border-radius:var(--navbar-border-radius);font-weight:600;font-size:1.1rem;cursor:pointer;text-align:left;transition:background-color .3s ease,transform .2s ease;margin-bottom:.75rem}.user-change-password-btn:hover{background:#6366f14d;transform:translate(5px)}.user-change-password__icon{display:inline-flex;vertical-align:middle;margin-left:0;margin-right:.5rem;color:#fff}.cpm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);padding:1rem}.cpm-overlay.cpm-visible{opacity:1;visibility:visible}.cpm-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:24px;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ffffff1a;max-width:1200px;width:100%;max-height:90vh;overflow:hidden;transform:scale(.9) translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.cpm-visible .cpm-modal{transform:scale(1) translateY(0)}.cpm-overlay.cpm-light .cpm-modal{background:linear-gradient(145deg,#fff,#f8fafc);color:#1a202c}.cpm-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-shrink:0}.cpm-light .cpm-header{border-bottom-color:#0000001a}.cpm-header-content{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.cpm-header-icon{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cpm-coin-stack{position:relative;width:100%;height:100%}.cpm-coin{position:absolute;font-size:1.5rem;animation:coinFloat 3s ease-in-out infinite}.cpm-coin-1{top:0;left:50%;transform:translate(-50%);animation-delay:0s}.cpm-coin-2{top:10px;left:45%;transform:translate(-50%);animation-delay:.5s}.cpm-coin-3{top:20px;left:55%;transform:translate(-50%);animation-delay:1s}@keyframes coinFloat{0%,to{transform:translate(-50%) translateY(0) rotate(0)}50%{transform:translate(-50%) translateY(-8px) rotate(180deg)}}.cpm-header-text{flex:1;min-width:0}.cpm-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.cpm-subtitle{font-size:.875rem;color:#ffffffb3;margin:0;line-height:1.4}.cpm-light .cpm-subtitle{color:#0009}.cpm-header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.cpm-balance-display{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.cpm-light .cpm-balance-display{background:#0000000d;border-color:#0000001a}.cpm-balance-icon{font-size:1.25rem}.cpm-balance-info{display:flex;flex-direction:column;gap:.125rem}.cpm-balance-label{font-size:.75rem;color:#fff9;font-weight:500}.cpm-light .cpm-balance-label{color:#0009}.cpm-balance-value{font-size:1rem;font-weight:700;color:#4caf50}.cpm-close-btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.125rem;flex-shrink:0}.cpm-close-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.cpm-light .cpm-close-btn{border-color:#0003;background:#0000000d;color:#000c}.cpm-light .cpm-close-btn:hover{background:#0000001a;border-color:#0000004d;color:#000}.cpm-content{flex:1;overflow-y:auto;padding:0 1.5rem;min-height:0}.cpm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem}.cpm-loading-spinner{position:relative;width:50px;height:50px}.cpm-spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:#4facfe;border-radius:50%;animation:spin 1s linear infinite}.cpm-spinner-ring:nth-child(2){width:80%;height:80%;top:10%;left:10%;border-top-color:#00f2fe;animation-delay:.1s}.cpm-spinner-ring:nth-child(3){width:60%;height:60%;top:20%;left:20%;border-top-color:#4caf50;animation-delay:.2s}.cpm-loading-text{font-size:1rem;color:#ffffffb3;margin:0;text-align:center}.cpm-light .cpm-loading-text{color:#000000b3}.cpm-packages-section{padding:1.5rem 0}.cpm-section-header{text-align:center;margin-bottom:1.5rem}.cpm-section-title{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:#fff}.cpm-light .cpm-section-title{color:#1a202c}.cpm-section-subtitle{font-size:.875rem;color:#fff9;margin:0}.cpm-light .cpm-section-subtitle{color:#0009}.cpm-packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.cpm-package-card{position:relative;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.cpm-package-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);opacity:0;transition:opacity .3s ease}.cpm-package-card:hover{transform:translateY(-2px);border-color:#4facfe80;box-shadow:0 15px 30px -8px #4facfe4d}.cpm-package-card:hover:before{opacity:1}.cpm-package-card.cpm-selected{border-color:#4facfe;background:#4facfe1a;transform:translateY(-2px)}.cpm-package-card.cpm-popular{border-color:gold;background:linear-gradient(135deg,#ffd7001a,#ffc1071a)}.cpm-light .cpm-package-card{background:#00000005;border-color:#0000001a}.cpm-light .cpm-package-card:hover{border-color:#4facfe80;box-shadow:0 15px 30px -8px #4facfe33}.cpm-popular-badge{position:absolute;top:-1px;right:-1px;background:linear-gradient(135deg,gold,#ffa000);color:#000;padding:.375rem .75rem;border-radius:0 16px 0 12px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.25rem;z-index:2}.cpm-popular-icon{font-size:.875rem}.cpm-package-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;position:relative;z-index:1}.cpm-package-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.cpm-package-info{flex:1;min-width:0}.cpm-package-name{font-size:1.125rem;font-weight:700;margin:0 0 .25rem;color:#fff;line-height:1.2}.cpm-light .cpm-package-name{color:#1a202c}.cpm-package-description{font-size:.8125rem;color:#fff9;margin:0;line-height:1.3}.cpm-light .cpm-package-description{color:#0009}.cpm-package-details{position:relative;z-index:1}.cpm-package-coins{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.cpm-coins-icon{font-size:1.5rem}.cpm-coins-amount{font-size:1.5rem;font-weight:800;color:#4caf50}.cpm-coins-label{font-size:.875rem;color:#fff9;font-weight:500}.cpm-light .cpm-coins-label{color:#0009}.cpm-package-price{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem}.cpm-price-currency{font-size:1rem;color:#fffc;font-weight:600}.cpm-price-amount{font-size:1.75rem;font-weight:800;color:#fff}.cpm-light .cpm-price-currency,.cpm-light .cpm-price-amount{color:#1a202c}.cpm-package-value{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px;margin-bottom:.75rem}.cpm-value-icon{font-size:.875rem;color:#4caf50}.cpm-value-text{font-size:.8125rem;color:#4caf50;font-weight:600}.cpm-package-features{list-style:none;padding:0;margin:0}.cpm-package-feature{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.8125rem;color:#ffffffb3}.cpm-light .cpm-package-feature{color:#000000b3}.cpm-feature-icon{font-size:.75rem;color:#4caf50;flex-shrink:0}.cpm-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#0000001a;flex-shrink:0}.cpm-light .cpm-footer{border-top-color:#0000001a;background:#00000005}.cpm-footer-content{display:flex;flex-direction:column;gap:1rem}.cpm-selected-package{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#4facfe1a;border:1px solid rgba(79,172,254,.3);border-radius:12px;margin-bottom:.5rem}.cpm-selected-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.cpm-selected-icon{font-size:1.25rem;flex-shrink:0}.cpm-selected-details{flex:1;min-width:0}.cpm-selected-name{font-size:.875rem;font-weight:600;color:#fff;margin:0 0 .125rem}.cpm-light .cpm-selected-name{color:#1a202c}.cpm-selected-coins{font-size:.75rem;color:#4caf50;margin:0}.cpm-selected-price{font-size:1.125rem;font-weight:700;color:#4facfe;flex-shrink:0}.cpm-footer-actions{display:flex;gap:.75rem}.cpm-cancel-btn,.cpm-purchase-btn{flex:1;padding:.875rem 1.5rem;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px}.cpm-cancel-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fffc}.cpm-cancel-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.cpm-light .cpm-cancel-btn{background:#0000000d;border-color:#0003;color:#000c}.cpm-light .cpm-cancel-btn:hover{background:#0000001a;border-color:#0000004d;color:#000}.cpm-purchase-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);border:1px solid transparent;color:#fff;position:relative;overflow:hidden}.cpm-purchase-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cpm-purchase-btn:hover:before{left:100%}.cpm-purchase-btn:hover{transform:translateY(-1px);box-shadow:0 8px 25px -8px #4facfe80}.cpm-purchase-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.cpm-purchase-btn:disabled:before{display:none}.cpm-btn-icon{font-size:1rem}.cpm-btn-text{position:relative;z-index:1}.cpm-purchase-btn.cpm-loading{pointer-events:none}.cpm-purchase-btn .cpm-loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.cpm-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;gap:1rem}.cpm-error-icon{font-size:3rem;color:#f56565}.cpm-error-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.cpm-light .cpm-error-title{color:#1a202c}.cpm-error-message{font-size:.875rem;color:#ffffffb3;margin:0;max-width:400px}.cpm-light .cpm-error-message{color:#000000b3}.cpm-retry-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.cpm-retry-btn:hover{transform:translateY(-1px);box-shadow:0 8px 25px -8px #4facfe80}.cpm-security-notice{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#4caf501a;border:1px solid rgba(76,175,80,.2);border-radius:8px;margin-top:.75rem}.cpm-security-icon{font-size:1rem;color:#4caf50;flex-shrink:0}.cpm-security-text{font-size:.75rem;color:#fffc;margin:0}.cpm-light .cpm-security-text{color:#000c}@media (max-width: 768px){.cpm-overlay{padding:.5rem;align-items:flex-end}.cpm-modal{max-height:95vh;border-radius:20px 20px 0 0;margin-top:auto}.cpm-header{padding:1rem 1rem .75rem;flex-direction:column;align-items:stretch;gap:.75rem}.cpm-header-content{align-items:flex-start}.cpm-header-icon{width:50px;height:50px}.cpm-title{font-size:1.25rem}.cpm-subtitle{font-size:.8125rem}.cpm-header-actions{flex-direction:row;justify-content:space-between;align-items:center}.cpm-balance-display{padding:.5rem .75rem;flex:1}.cpm-close-btn{width:36px;height:36px;font-size:1rem}.cpm-content{padding:0 1rem}.cpm-packages-section{padding:1rem 0}.cpm-section-header{margin-bottom:1rem}.cpm-section-title{font-size:1.125rem}.cpm-packages-grid{grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem}.cpm-package-card{padding:1rem}.cpm-package-header{gap:.5rem;margin-bottom:.75rem}.cpm-package-icon{width:40px;height:40px;font-size:1.125rem}.cpm-package-name{font-size:1rem}.cpm-package-description{font-size:.75rem}.cpm-coins-amount{font-size:1.25rem}.cpm-price-amount{font-size:1.5rem}.cpm-footer{padding:.75rem 1rem 1rem}.cpm-selected-package{padding:.75rem;margin-bottom:.75rem}.cpm-selected-info{gap:.5rem}.cpm-selected-icon{font-size:1.125rem}.cpm-selected-name{font-size:.8125rem}.cpm-selected-coins{font-size:.6875rem}.cpm-selected-price{font-size:1rem}.cpm-footer-actions{gap:.5rem}.cpm-cancel-btn,.cpm-purchase-btn{padding:.75rem 1rem;font-size:.875rem;min-height:44px}.cpm-security-notice{padding:.5rem;margin-top:.5rem}.cpm-security-text{font-size:.6875rem}}@media (max-width: 480px){.cpm-overlay{padding:0}.cpm-modal{max-height:100vh;border-radius:0;height:100vh}.cpm-header{padding:.75rem .75rem .5rem}.cpm-header-icon{width:40px;height:40px}.cpm-coin{font-size:1.25rem}.cpm-title{font-size:1.125rem}.cpm-subtitle{font-size:.75rem}.cpm-balance-display{padding:.375rem .5rem}.cpm-balance-icon{font-size:1.125rem}.cpm-balance-label{font-size:.6875rem}.cpm-balance-value{font-size:.875rem}.cpm-close-btn{width:32px;height:32px;font-size:.875rem}.cpm-content{padding:0 .75rem}.cpm-packages-section{padding:.75rem 0}.cpm-section-header{margin-bottom:.75rem}.cpm-section-title{font-size:1rem}.cpm-section-subtitle{font-size:.75rem}.cpm-packages-grid{gap:.5rem;margin-bottom:.75rem}.cpm-package-card{padding:.75rem}.cpm-popular-badge{padding:.25rem .5rem;font-size:.6875rem}.cpm-package-header{margin-bottom:.5rem}.cpm-package-icon{width:36px;height:36px;font-size:1rem}.cpm-package-name{font-size:.9375rem}.cpm-package-description{font-size:.6875rem}.cpm-coins-icon{font-size:1.25rem}.cpm-coins-amount{font-size:1.125rem}.cpm-coins-label{font-size:.75rem}.cpm-price-currency{font-size:.875rem}.cpm-price-amount{font-size:1.375rem}.cpm-package-value{padding:.375rem .5rem;margin-bottom:.5rem}.cpm-value-text{font-size:.75rem}.cpm-package-feature{font-size:.75rem;padding:.125rem 0}.cpm-feature-icon{font-size:.6875rem}.cpm-footer{padding:.5rem .75rem .75rem}.cpm-selected-package{padding:.5rem;margin-bottom:.5rem}.cpm-selected-info{gap:.375rem}.cpm-selected-icon{font-size:1rem}.cpm-selected-name{font-size:.75rem}.cpm-selected-coins{font-size:.625rem}.cpm-selected-price{font-size:.9375rem}.cpm-cancel-btn,.cpm-purchase-btn{padding:.625rem .75rem;font-size:.8125rem;min-height:40px}.cpm-btn-icon{font-size:.875rem}.cpm-security-notice{padding:.375rem}.cpm-security-icon{font-size:.875rem}.cpm-security-text{font-size:.625rem}}@media (max-width: 768px) and (orientation: landscape){.cpm-modal{max-height:95vh}.cpm-header{padding:.75rem 1rem .5rem}.cpm-content{padding:0 1rem}.cpm-packages-section{padding:.75rem 0}.cpm-packages-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.cpm-footer{padding:.5rem 1rem .75rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.cpm-coin,.cpm-loading-spinner{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme: dark){.cpm-modal{background:linear-gradient(145deg,#0f0f23,#1a1a2e)}.cpm-package-card{background:#ffffff08;border-color:#ffffff14}.cpm-package-card:hover{background:#ffffff0d}}@media (prefers-color-scheme: light){.cpm-overlay.cpm-light .cpm-modal{background:linear-gradient(145deg,#fff,#f1f5f9);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}.cpm-light .cpm-package-card{background:#00000003;border-color:#00000014}.cpm-light .cpm-package-card:hover{background:#00000005}}@media (prefers-reduced-motion: reduce){.cpm-overlay,.cpm-modal,.cpm-package-card,.cpm-cancel-btn,.cpm-purchase-btn,.cpm-close-btn{transition:none}.cpm-coin,.cpm-loading-spinner,.cpm-spinner-ring{animation:none}.cpm-purchase-btn:before{display:none}}.cpm-close-btn:focus,.cpm-package-card:focus,.cpm-cancel-btn:focus,.cpm-purchase-btn:focus,.cpm-retry-btn:focus{outline:2px solid #4facfe;outline-offset:2px}@media (prefers-contrast: high){.cpm-modal{border:2px solid #ffffff}.cpm-package-card{border-width:2px}.cpm-package-card.cpm-selected{border-width:3px}.cpm-purchase-btn{border:2px solid #ffffff}}@media print{.cpm-overlay{display:none!important}}@media (hover: hover) and (pointer: fine){.cpm-package-card:hover{transform:translateY(-4px)}.cpm-purchase-btn:hover{transform:translateY(-2px)}.cpm-cancel-btn:hover,.cpm-close-btn:hover,.cpm-retry-btn:hover{transform:translateY(-1px)}}@media (hover: none) and (pointer: coarse){.cpm-package-card:active{transform:scale(.98)}.cpm-purchase-btn:active,.cpm-cancel-btn:active,.cpm-close-btn:active,.cpm-retry-btn:active{transform:scale(.95)}.cpm-close-btn{min-width:44px;min-height:44px}.cpm-package-card{min-height:44px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cpm-fade-in{animation:fadeIn .3s ease-out}.cpm-slide-up{animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.cpm-pulse{animation:pulse 2s infinite}.cpm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cpm-no-scroll{overflow:hidden}.cpm-content::-webkit-scrollbar{width:6px}.cpm-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.cpm-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.cpm-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.cpm-light .cpm-content::-webkit-scrollbar-track{background:#0000000d}.cpm-light .cpm-content::-webkit-scrollbar-thumb{background:#0003}.cpm-light .cpm-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.cpm-content{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}.cpm-light .cpm-content{scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}.cpm-security-badges{display:flex;justify-content:space-around}.modern-footer{background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;position:relative;overflow:hidden}.modern-footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(16,185,129,.05) 0%,transparent 50%);pointer-events:none}.footer-main-container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.footer-newsletter-section{padding:4rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.newsletter-content-wrapper{display:flex;align-items:center;justify-content:space-between;gap:3rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;position:relative;overflow:hidden}.newsletter-content-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);opacity:0;transition:opacity .3s ease}.newsletter-content-wrapper:hover:before{opacity:1}.newsletter-text-content{flex:1;position:relative;z-index:2}.newsletter-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1.2}.newsletter-description{font-size:1.2rem;color:#cbd5e1;line-height:1.6;max-width:500px}.newsletter-form-container{flex-shrink:0;position:relative;z-index:2}.newsletter-form{width:100%}.input-group-modern{display:flex;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:.5rem;transition:all .3s ease;min-width:400px}.input-group-modern:focus-within{border-color:#6366f180;box-shadow:0 0 20px #6366f133}.newsletter-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:1rem;padding:1rem 1.5rem}.newsletter-input::placeholder{color:#94a3b8}.newsletter-submit-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.newsletter-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.btn-text{font-size:1rem}.btn-icon{transition:transform .3s ease}.newsletter-submit-btn:hover .btn-icon{transform:translate(3px)}.footer-content-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:3rem;padding:4rem 0}.footer-brand-section{padding-right:2rem}.brand-logo-container{margin-bottom:1.5rem}.footer-brand-logo{display:flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:800;margin:0;margin-bottom:.5rem}.logo-icon{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(99,102,241,.3))}.logo-text{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-tagline{font-size:1.1rem;color:#a5b4fc;font-weight:500;margin-left:3.25rem;opacity:.8}.brand-description{color:#cbd5e1;line-height:1.7;font-size:1.1rem;margin-bottom:2rem}.brand-stats{display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.stat-item-footer{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-number{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem}.stat-label{font-size:.9rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.social-media-links{display:flex;gap:1rem}.social-link-modern{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.social-link-modern:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;opacity:0;transition:opacity .3s ease}.social-link-modern:hover:before{opacity:1}.social-link-modern:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.social-link-modern.facebook{background:#1877f21a;border:1px solid rgba(24,119,242,.3);color:#1877f2}.social-link-modern.facebook:before{background:#1877f2}.social-link-modern.facebook:hover{color:#fff;box-shadow:0 8px 25px #1877f266}.social-link-modern.twitter{background:#1da1f21a;border:1px solid rgba(29,161,242,.3);color:#1da1f2}.social-link-modern.twitter:before{background:#1da1f2}.social-link-modern.twitter:hover{color:#fff;box-shadow:0 8px 25px #1da1f266}.social-link-modern.instagram{background:#e1306c1a;border:1px solid rgba(225,48,108,.3);color:#e1306c}.social-link-modern.instagram:before{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-link-modern.instagram:hover{color:#fff;box-shadow:0 8px 25px #e1306c66}.social-link-modern.linkedin{background:#0077b51a;border:1px solid rgba(0,119,181,.3);color:#0077b5}.social-link-modern.linkedin:before{background:#0077b5}.social-link-modern.linkedin:hover{color:#fff;box-shadow:0 8px 25px #0077b566}.social-link-modern.youtube{background:#ff00001a;border:1px solid rgba(255,0,0,.3);color:red}.social-link-modern.youtube:before{background:red}.social-link-modern.youtube:hover{color:#fff;box-shadow:0 8px 25px #f006}.footer-links-section{display:flex;flex-direction:column}.footer-section-title{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:1.5rem;position:relative}.footer-section-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:30px;height:2px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:1px}.footer-links-list{list-style:none;padding:0;margin:0}.footer-links-list li{margin-bottom:.75rem}.footer-link-item{color:#cbd5e1;text-decoration:none;font-size:1rem;transition:all .3s ease;display:inline-block;position:relative}.footer-link-item:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(135deg,#6366f1,#8b5cf6);transition:width .3s ease}.footer-link-item:hover{color:#a5b4fc;transform:translate(5px)}.footer-link-item:hover:before{width:100%}.footer-bottom-section{border-top:1px solid rgba(255,255,255,.1);padding:2rem 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.copyright-section{flex:1}.copyright-text{font-size:1rem;color:#94a3b8;margin:0 0 .5rem}.company-tagline{font-size:.9rem;color:#64748b;margin:0}.footer-bottom-links{display:flex;gap:2rem;align-items:center}.footer-bottom-link{color:#94a3b8;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-bottom-link:hover{color:#a5b4fc}.footer-bottom-decoration{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.decoration-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),transparent)}.decoration-dots{display:flex;gap:.5rem}.dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);animation:dotPulse 2s ease-in-out infinite}.dot:nth-child(2){animation-delay:.5s}.dot:nth-child(3){animation-delay:1s}@keyframes dotPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.newsletter-content-wrapper{animation:fadeInUp .8s ease .2s both}.footer-brand-section{animation:slideInLeft .8s ease .4s both}.footer-links-section:nth-child(2){animation:fadeInUp .8s ease .6s both}.footer-links-section:nth-child(3){animation:fadeInUp .8s ease .8s both}.footer-links-section:nth-child(4){animation:fadeInUp .8s ease 1s both}.footer-links-section:nth-child(5){animation:fadeInUp .8s ease 1.2s both}.footer-bottom-section{animation:fadeInUp .8s ease 1.4s both}@media (max-width: 1200px){.footer-main-container{padding:0 1.5rem}.footer-content-grid{grid-template-columns:1.5fr repeat(4,1fr);gap:2.5rem}.newsletter-title{font-size:2.2rem}.newsletter-description{font-size:1.1rem}.input-group-modern{min-width:350px}}@media (max-width: 992px){.newsletter-content-wrapper{flex-direction:column;text-align:center;gap:2rem;padding:2.5rem}.newsletter-title{font-size:2rem}.input-group-modern{min-width:300px}.footer-content-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand-section{grid-column:1 / -1;padding-right:0;text-align:center;margin-bottom:2rem}.brand-stats,.social-media-links{justify-content:center}}@media (max-width: 768px){.footer-main-container{padding:0 1rem}.footer-newsletter-section{padding:3rem 0}.newsletter-content-wrapper{padding:2rem}.newsletter-title{font-size:1.8rem}.newsletter-description{font-size:1rem}.input-group-modern{flex-direction:column;min-width:auto;width:100%;padding:.75rem;gap:.75rem}.newsletter-input{padding:1rem;text-align:center}.newsletter-submit-btn{justify-content:center;padding:1rem}.footer-content-grid{grid-template-columns:1fr;gap:2rem;padding:3rem 0}.footer-brand-section{margin-bottom:1rem}.brand-stats{flex-wrap:wrap;gap:1.5rem}.footer-bottom-content{flex-direction:column;gap:1.5rem;text-align:center}.footer-bottom-links{flex-wrap:wrap;justify-content:center;gap:1rem}}@media (max-width: 640px){.footer-newsletter-section{padding:2rem 0}.newsletter-content-wrapper{padding:1.5rem}.newsletter-title{font-size:1.5rem}.newsletter-description{font-size:.95rem}.footer-content-grid{padding:2rem 0}.footer-brand-logo{font-size:1.8rem}.logo-icon{font-size:2rem}.brand-tagline{font-size:1rem;margin-left:2.8rem}.brand-description{font-size:1rem}.social-link-modern{width:44px;height:44px}.footer-section-title{font-size:1.2rem}.footer-link-item{font-size:.95rem}}@media (max-width: 480px){.footer-main-container{padding:0 .75rem}.newsletter-content-wrapper{padding:1.25rem}.newsletter-title{font-size:1.3rem}.newsletter-description{font-size:.9rem}.input-group-modern{padding:.5rem}.newsletter-input{padding:.875rem;font-size:.9rem}.newsletter-submit-btn{padding:.875rem 1.5rem;font-size:.9rem}.footer-brand-logo{font-size:1.6rem}.logo-icon{font-size:1.8rem}.brand-tagline{font-size:.9rem;margin-left:2.4rem}.brand-description{font-size:.95rem}.brand-stats{gap:1rem}.stat-number{font-size:1.3rem}.stat-label{font-size:.8rem}.social-link-modern{width:40px;height:40px}.footer-section-title{font-size:1.1rem}.footer-link-item,.copyright-text{font-size:.9rem}.company-tagline,.footer-bottom-link{font-size:.8rem}}@media (prefers-reduced-motion: reduce){.modern-footer *,.modern-footer *:before,.modern-footer *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.dot{animation:none!important}.newsletter-content-wrapper,.footer-brand-section,.footer-links-section,.footer-bottom-section{animation:none!important;opacity:1;transform:none}}.newsletter-input:focus,.newsletter-submit-btn:focus,.footer-link-item:focus,.footer-bottom-link:focus,.social-link-modern:focus{outline:2px solid rgba(99,102,241,.8);outline-offset:2px}@media (prefers-contrast: high){.modern-footer{background:#000}.modern-footer:before{background:none}.newsletter-content-wrapper,.input-group-modern{background:#1a1a1a;border:2px solid #6366f1}.social-link-modern{border:2px solid currentColor}.footer-link-item,.footer-bottom-link{color:#fff}.footer-link-item:hover,.footer-bottom-link:hover{color:#6366f1}}@media print{.modern-footer{background:#fff;color:#000}.modern-footer:before{display:none}.newsletter-content-wrapper{background:#fff;border:1px solid #ccc}.newsletter-submit-btn,.social-media-links{display:none}.footer-brand-logo,.newsletter-title,.footer-section-title{background:none;-webkit-text-fill-color:black;color:#000}.footer-link-item,.footer-bottom-link{color:#000}}@media (prefers-color-scheme: dark){.modern-footer{background:linear-gradient(135deg,#030712,#111827,#1f2937)}}@media (prefers-reduced-transparency: reduce){.newsletter-content-wrapper,.input-group-modern{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f172af2}}@media (hover: none) and (pointer: coarse){.newsletter-submit-btn:hover,.social-link-modern:hover,.footer-link-item:hover,.footer-bottom-link:hover{transform:none;box-shadow:none}.newsletter-submit-btn:active{transform:scale(.98)}.social-link-modern:active{transform:scale(.95)}.footer-link-item:active,.footer-bottom-link:active{color:#a5b4fc}}.modern-footer::-webkit-scrollbar{width:8px}.modern-footer::-webkit-scrollbar-track{background:#0f172a80}.modern-footer::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px}.modern-footer::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5855eb,#7c3aed)}.modern-footer ::selection{background:#6366f14d;color:#fff}.modern-footer ::-moz-selection{background:#6366f14d;color:#fff}.newsletter-content-wrapper,.social-link-modern,.footer-link-item,.newsletter-submit-btn{will-change:transform;backface-visibility:hidden}.modern-footer,.newsletter-content-wrapper,.footer-brand-section,.footer-links-section{transform:translateZ(0);backface-visibility:hidden}@container (max-width: 768px){.newsletter-content-wrapper{flex-direction:column}.footer-content-grid{grid-template-columns:1fr}}@media (min-width: 1600px){.footer-main-container{max-width:1600px}.newsletter-title{font-size:3rem}.newsletter-description{font-size:1.3rem}.footer-content-grid{gap:4rem}}.footer-links-section:hover .footer-section-title:after{width:50px;transition:width .3s ease}.footer-loading{opacity:.5;pointer-events:none}.footer-loading *{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.footer-skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:4px}.newsletter-input:invalid{border-color:#ef444480}.newsletter-input:valid{border-color:#10b98180}.newsletter-form.submitting .newsletter-submit-btn{opacity:.7;cursor:not-allowed;transform:none}.newsletter-form.submitting .newsletter-submit-btn .btn-text:after{content:"..."}.newsletter-success{background:#10b9811a;border-color:#10b9814d;color:#10b981}.newsletter-error{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.footer-content-grid.compact{grid-template-columns:1.5fr repeat(3,1fr);gap:2rem}.footer-content-grid.expanded{grid-template-columns:2fr repeat(5,1fr);gap:3rem}.modern-footer.theme-blue{background:linear-gradient(135deg,#1e3a8a,#3b82f6,#60a5fa)}.modern-footer.theme-purple{background:linear-gradient(135deg,#581c87,#8b5cf6,#a78bfa)}.modern-footer.theme-green{background:linear-gradient(135deg,#064e3b,#10b981,#34d399)}.modern-footer.theme-orange{background:linear-gradient(135deg,#9a3412,#f97316,#fb923c)}.footer-link-item:after{content:"";position:absolute;top:50%;right:-15px;transform:translateY(-50%) translate(-10px);opacity:0;transition:all .3s ease;font-size:.8rem}.footer-link-item:hover:after{content:"→";opacity:1;transform:translateY(-50%) translate(0)}.footer-scroll-top{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 20px #6366f14d;transition:all .3s ease;z-index:1000;opacity:0;transform:translateY(100px)}.footer-scroll-top.visible{opacity:1;transform:translateY(0)}.footer-scroll-top:hover{transform:translateY(-3px);box-shadow:0 8px 30px #6366f166}.newsletter-form-success{display:none;align-items:center;gap:.5rem;color:#10b981;font-weight:600;margin-top:1rem}.newsletter-form-success.show{display:flex;animation:slideInUp .5s ease}.newsletter-form-error{display:none;align-items:center;gap:.5rem;color:#ef4444;font-weight:600;margin-top:1rem}.newsletter-form-error.show{display:flex;animation:slideInUp .5s ease}.social-link-modern svg{transition:all .3s ease}.social-link-modern:hover svg{transform:scale(1.1)}.social-link-modern.facebook:hover svg{filter:drop-shadow(0 0 8px rgba(24,119,242,.6))}.social-link-modern.twitter:hover svg{filter:drop-shadow(0 0 8px rgba(29,161,242,.6))}.social-link-modern.instagram:hover svg{filter:drop-shadow(0 0 8px rgba(225,48,108,.6))}.social-link-modern.linkedin:hover svg{filter:drop-shadow(0 0 8px rgba(0,119,181,.6))}.social-link-modern.youtube:hover svg{filter:drop-shadow(0 0 8px rgba(255,0,0,.6))}.footer-animate-on-scroll{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.19,1,.22,1)}.footer-animate-on-scroll.in-view{opacity:1;transform:translateY(0)}.footer-brand-logo{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.02em}.newsletter-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.03em}.footer-section-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.01em}.stat-item-footer:hover .stat-number{transform:scale(1.1);transition:transform .3s ease}.stat-item-footer:hover .stat-label{color:#a5b4fc;transition:color .3s ease}.newsletter-input:focus{background:#ffffff0d;transform:scale(1.02);transition:all .3s ease}.footer-brand-section:hover .logo-icon{transform:rotate(10deg) scale(1.1);transition:transform .3s ease}.footer-brand-section:hover .logo-text{background:linear-gradient(135deg,#a5b4fc,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.newsletter-submit-btn:active{transform:translateY(-1px) scale(.98)}.newsletter-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.newsletter-submit-btn:disabled:hover{transform:none;box-shadow:none}.footer-tooltip{position:relative}.footer-tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}.footer-tooltip:hover:before{opacity:1}.newsletter-loading{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.modern-footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(139,92,246,.1) 0%,transparent 50%);opacity:.5;pointer-events:none;z-index:0}.newsletter-input:focus-visible,.newsletter-submit-btn:focus-visible,.social-link-modern:focus-visible,.footer-link-item:focus-visible{outline:2px solid #6366f1;outline-offset:2px;box-shadow:0 0 0 4px #6366f133}.footer-section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);margin:2rem 0}.newsletter-input:user-invalid{border-color:#ef444480;background:#ef44440d}.newsletter-input:user-valid{border-color:#10b98180;background:#10b9810d}@supports (display: grid){.footer-content-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.footer-brand-section{grid-column:1 / span 2}}@supports not (display: grid){.footer-content-grid{display:flex;flex-wrap:wrap;gap:2rem}.footer-brand-section{flex:2 1 400px}.footer-links-section{flex:1 1 200px}}@media (prefers-reduced-motion: reduce){.modern-footer *,.modern-footer *:before,.modern-footer *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){.modern-footer{background:#000;color:#fff}.newsletter-content-wrapper,.input-group-modern{background:#000;border:2px solid #ffffff}.newsletter-submit-btn{background:#fff;color:#000;border:2px solid #ffffff}.social-link-modern{background:#000;border:2px solid #ffffff;color:#fff}.footer-link-item,.footer-bottom-link{color:#fff}.footer-link-item:hover,.footer-bottom-link:hover{background:#fff;color:#000;padding:.25rem .5rem;border-radius:4px}}@media print{.modern-footer{background:#fff!important;color:#000!important;box-shadow:none!important}.modern-footer:before,.modern-footer:after{display:none!important}.newsletter-content-wrapper{background:#fff!important;border:1px solid #ccc!important}.social-media-links,.newsletter-submit-btn,.footer-scroll-top{display:none!important}.footer-brand-logo,.newsletter-title,.footer-section-title{background:none!important;-webkit-text-fill-color:black!important;color:#000!important}.footer-link-item,.footer-bottom-link{color:#000!important;text-decoration:underline!important}.footer-content-grid{break-inside:avoid}}.app-intro{--bg:#0b1220;--card:#0e1628;--muted:#9fb3c8;--text:#e6eef7;--brand:#6aa6ff;--brand2:#7a5cff;background:#f6faff;color:#0b1220}.app-intro__header{position:sticky;top:0;background:#ffffffbf;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid #e8eef6;z-index:30}.app-intro__container{max-width:1100px;margin:0 auto;padding:20px 24px}.app-intro__brand{display:flex;align-items:center;gap:12px}.app-intro__logo{height:44px;width:44px;object-fit:contain}.app-intro__brand-text{font-weight:800;letter-spacing:-.01em}.app-intro__nav{margin-left:auto;display:flex;gap:22px}.app-intro__nav a{color:#334155;text-decoration:none;font-weight:500}@media (max-width: 860px){.app-intro__logo{height:36px;width:36px}.app-intro__nav{gap:14px}}.app-intro__hero{background:linear-gradient(135deg,#0b1220,#0e365a 60%,#0b1220);color:#fff;padding:72px 0 64px}.app-intro__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}.app-intro__eyebrow{letter-spacing:.12em;color:#9fb3c8;margin:0 0 8px}.app-intro__title{margin:0 0 12px;font-size:44px;line-height:1.1;letter-spacing:-.02em}.app-intro__subtitle{color:#d3e2f1;margin:0 0 22px;font-size:18px}.app-intro__cta{display:flex;align-items:center;gap:12px}.app-intro__store-link{display:inline-flex}.app-intro__store-badge{height:80px;width:auto}@media (max-width: 1024px){.app-intro__store-badge{height:68px}}@media (max-width: 640px){.app-intro__store-badge{height:56px}}.app-intro__note{font-size:14px;color:#d1d7e0}.app-intro__hero-phones{position:relative;height:360px}.app-intro__phone{position:absolute;max-height:360px;filter:drop-shadow(0 20px 36px rgba(2,8,23,.4));border-radius:24px}.app-intro__phone--left{left:-10px;top:28px;transform:rotate(-7deg)}.app-intro__phone--right{right:-2px;bottom:8px;transform:scale(.965);z-index:2}@media (min-width: 901px){.app-intro__hero-phones{height:380px}.app-intro__phone--left{left:auto;right:140px;top:22px}.app-intro__phone--right{right:-2px;bottom:0;transform:scale(.965);z-index:3}}.app-intro__features{background:#fff;padding:48px 0}.app-intro__features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.app-intro__feature{background:#fff;border:1px solid #e8eef6;border-radius:12px;padding:18px}.app-intro__feature-icon{font-size:22px;margin-bottom:8px}.app-intro__modules{background:linear-gradient(180deg,#f7fbff,#fff);padding:56px 0 44px}.app-intro__section-title{margin:0 0 22px;font-size:28px;letter-spacing:-.01em}.app-intro__modules-rows{display:flex;flex-direction:column;gap:18px}.app-intro__module-row{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;background:#fff;border:1px solid #e8eef6;border-radius:16px;overflow:hidden}.app-intro__module-row.image-right{grid-template-columns:.9fr 1.1fr}.app-intro__module-row.image-right .app-intro__module-image{order:2}.app-intro__module-row.image-right .app-intro__module-copy{order:1}.app-intro__module-image{background:linear-gradient(180deg,#eef5ff,#fff);display:flex;align-items:center;justify-content:center;padding-top:18px}.app-intro__module-image img{max-height:360px;width:auto;height:auto;display:block;filter:drop-shadow(0 18px 30px rgba(2,8,23,.25));border-radius:22px}.app-intro__module-copy{padding:22px;display:flex;flex-direction:column;justify-content:center}.app-intro__module-copy h3{margin:0 0 8px;font-size:20px}.app-intro__module-copy p{margin:0;color:#42526b;font-size:15px;line-height:1.5}.app-intro__privacy{padding:40px 0}.app-intro__privacy-card{background:linear-gradient(135deg,#e9f2ff,#fff);border:1px solid #dfe8f3;border-radius:16px;padding:28px;text-align:center}.app-intro__privacy-badge{display:inline-block;background:#0b1220;color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;margin-bottom:8px}.app-intro__footer{border-top:1px solid #e8eef6;background:#fff}.app-intro__footer .app-intro__container{display:flex;align-items:center;justify-content:space-between}.app-intro__footer-brand{display:flex;align-items:center;gap:8px}.app-intro__footer-brand img{height:24px;width:24px}@media (max-width: 900px){.app-intro__grid{grid-template-columns:1fr}.app-intro__hero-phones{height:300px;margin-top:20px}.app-intro__phone{position:absolute;max-height:300px}.app-intro__module-row,.app-intro__module-row.image-right,.app-intro__features-grid{grid-template-columns:1fr}}.privacy-policy-page{--brand:#6aa6ff;--brand2:#7a5cff;--ink:#0b1220;--muted:#475569;--card:#ffffff;--line:#e8eef6;min-height:100vh;transition:all .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.privacy-policy-page.light,.privacy-policy-page.dark{background:linear-gradient(180deg,#f7fbff,#fff);color:#0b1220}.privacy-policy-page.dark .privacy-subtitle{color:#475569}.privacy-header{background:transparent;border:0;padding:1.25rem 0 .75rem;margin-bottom:.25rem}.privacy-policy-page.dark .privacy-header{background:transparent;border-bottom:0}.privacy-header-content{max-width:1200px;margin:0 auto;padding:0 1rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6;padding:.75rem 1.5rem;border-radius:.75rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem;margin-top:4rem}.back-button:hover{background:#3b82f633;transform:translate(-2px)}.back-icon{font-size:1.2rem}.privacy-title-section{text-align:center}.privacy-title{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:2.4rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem;color:var(--ink)}.privacy-icon{font-size:2.5rem}.privacy-subtitle{font-size:1.1rem;opacity:.9;margin:0;font-weight:500;color:var(--muted)}.privacy-content{padding:0 1rem 3rem}.privacy-container{max-width:1100px;margin:0 auto}.last-updated{display:inline-flex;align-items:center;gap:.5rem;background:var(--card);border:1px solid var(--line);color:var(--muted);padding:.75rem 1rem;border-radius:999px;margin-bottom:1.25rem;font-weight:600}.update-icon{font-size:1.1rem}.privacy-section{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.75rem;margin-bottom:1rem;transition:box-shadow .3s ease,transform .2s ease;box-shadow:0 6px 18px #0208170a}.privacy-policy-page.dark .privacy-section{background:#fff;border:1px solid #e8eef6}.privacy-section p{color:#475569;line-height:1.6}.privacy-section:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0208170f}.privacy-policy-page.dark .privacy-section:hover{box-shadow:0 12px 26px #0208170f}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.35rem;font-weight:800;margin:0 0 1rem;color:var(--ink);letter-spacing:-.01em}.privacy-policy-page.dark .section-title{color:#0b1220}.section-number{background:#eef5ff;border:1px solid var(--line);color:var(--brand2);width:1.25rem;height:1.25rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}privacy-section-icon{font-size:1.3rem}.intro-section{background:var(--card);border:1px solid var(--line)}.intro-text{font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.agreement-notice{display:flex;align-items:flex-start;gap:1rem;background:#fff8db;border:1px dashed #f1c40f;border-radius:12px;padding:1rem 1.25rem}.notice-icon{font-size:1.2rem;margin-top:.1rem}.agreement-notice p{margin:0;font-weight:500}.section-intro{font-size:1rem;line-height:1.7;margin-bottom:1.25rem;color:var(--muted)}.info-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.info-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--card);border:1px solid var(--line);border-radius:12px;transition:box-shadow .2s ease,transform .2s ease}.info-item:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0208170f}.info-icon{font-size:1.5rem;margin-top:.2rem}.info-content strong{display:block;font-size:1.05rem;font-weight:700;margin-bottom:.25rem;color:var(--ink);letter-spacing:-.01em}.privacy-policy-page.dark .info-content strong{color:#0b1220}.info-content p{margin:0;line-height:1.6;color:#475569}.privacy-policy-page.dark .info-content p{color:#475569}.privacy-policy-page.dark .info-item{background:#fff;border:1px solid #e8eef6}.privacy-policy-page.dark .info-item:hover{box-shadow:0 10px 20px #0208170f}.important-note{display:flex;align-items:flex-start;gap:1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:1rem;padding:1.5rem}.note-icon{font-size:1.2rem;margin-top:.1rem}.important-note p{margin:0;font-weight:500}.usage-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.usage-list li{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1.1rem;background:var(--card);border:1px solid var(--line);border-radius:10px;transition:box-shadow .2s ease,transform .2s ease;color:#475569}.usage-list li strong{color:#0b1220}.usage-list li:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0208170d}.list-icon{font-size:1.2rem;margin-top:.1rem}.cookies-info{display:flex;flex-direction:column;gap:1rem}.cookies-good,.cookies-bad{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:1rem}.cookies-good,.cookies-bad{background:var(--card);border:1px solid var(--line)}.cookies-icon{font-size:1.2rem;margin-top:.1rem}.cookies-good p,.cookies-bad p{margin:0;font-weight:500}.security-measures{display:flex;flex-direction:column;gap:1rem}.security-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--card);border:1px solid var(--line);border-radius:12px}.security-icon{font-size:1.3rem;margin-top:.1rem}.security-item p{margin:0;font-weight:500}.privacy-policy-page.dark .security-item{background:#fff;border:1px solid #e8eef6}.privacy-policy-page.dark .security-item p{color:#0b1220}.third-party-info{display:flex;flex-direction:column;gap:1.5rem}.no-sharing,.social-login{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--card);border:1px solid var(--line);border-radius:12px}.no-icon,.social-icon{font-size:1.3rem;margin-top:.1rem}.no-sharing p,.social-login p{margin:0;font-weight:500}.privacy-policy-page.dark .no-sharing,.privacy-policy-page.dark .social-login,.privacy-policy-page.dark .google-policy{background:#fff;border:1px solid #e8eef6}.privacy-policy-page.dark .no-sharing p,.privacy-policy-page.dark .social-login p,.privacy-policy-page.dark .google-policy p{color:#0b1220}.children-notice{display:flex;align-items:flex-start;gap:1rem;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.25rem}.children-icon{font-size:1.2rem;margin-top:.1rem}.children-notice p{margin:0;font-weight:500}.rights-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.right-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--card);border:1px solid var(--line);border-radius:12px}.right-icon{font-size:1.3rem;margin-top:.1rem}.right-item p{margin:0;font-weight:500}.privacy-policy-page.dark .right-item{background:#fff;border:1px solid #e8eef6}.privacy-policy-page.dark .right-item p{color:#0b1220}.contact-for-rights{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.25rem;text-align:center}.contact-for-rights p{margin:0;font-weight:500}.privacy-policy-page.dark .contact-for-rights{background:#fff;border:1px solid #e8eef6}.privacy-policy-page.dark .contact-for-rights p{color:#475569}.privacy-policy-page.dark .agreement-notice,.privacy-policy-page.dark .children-notice{background:#fff;border:1px solid #e8eef6}.privacy-policy-page.dark .agreement-notice p,.privacy-policy-page.dark .children-notice p{color:#0b1220}.email-link{background:none;border:none;color:#8b5cf6;font-weight:600;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0;transition:all .3s ease}.email-link:hover{color:#7c3aed;text-decoration:none}.privacy-policy-page.dark .email-link{color:#a78bfa}.privacy-policy-page.dark .email-link:hover{color:#c4b5fd}.contact-section{background:var(--card);border:1px solid var(--line)}.contact-info{text-align:center;margin-top:1.5rem}.contact-button{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;border:none;padding:1rem 2rem;border-radius:1rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.contact-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf64d}.contact-icon{font-size:1.2rem}.privacy-footer{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.privacy-policy-page.dark .privacy-footer{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.footer-content p{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.1rem;font-weight:500;margin:0 0 2rem;opacity:.9}.footer-icon{font-size:1.2rem}.footer-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.footer-button{padding:.75rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.footer-button.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.footer-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.footer-button.secondary{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.footer-button.secondary:hover{background:#6b728033;transform:translateY(-2px)}.privacy-policy-page.dark .footer-button.secondary{color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.privacy-policy-page.dark .footer-button.secondary:hover{background:#9ca3af1a}@media (max-width: 768px){.privacy-title{font-size:2rem;flex-direction:column;gap:.5rem}.privacy-icon{font-size:2rem}.privacy-subtitle{font-size:1rem}.privacy-section{padding:1.5rem;margin-bottom:1.5rem}.section-title{font-size:1.3rem;flex-wrap:wrap;gap:.75rem}.info-item,.usage-list li,.security-item,.right-item{padding:1rem}.info-item:hover,.usage-list li:hover{transform:none}.footer-actions{flex-direction:column;align-items:center}.footer-button{width:100%;max-width:200px}.contact-button{padding:.875rem 1.5rem;font-size:1rem}.back-button{padding:.625rem 1.25rem;font-size:.9rem}}@media (max-width: 480px){.privacy-content{padding:0 .5rem 3rem}.privacy-header-content{padding:0 .5rem}.privacy-section{padding:1rem}.section-title{font-size:1.2rem}.section-number{width:1.75rem;height:1.75rem;font-size:.8rem}.info-item,.usage-list li,.security-item,.right-item,.agreement-notice,.children-notice,.contact-for-rights{padding:.875rem}.last-updated{padding:.875rem 1rem;font-size:.9rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.privacy-section{animation:fadeInUp .6s ease-out}.privacy-section:nth-child(2n){animation-delay:.1s}.privacy-section:nth-child(odd){animation-delay:.2s}.back-button:focus,.email-link:focus,.contact-button:focus,.footer-button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media print{.privacy-policy-page{background:#fff!important;color:#000!important}.back-button,.footer-actions{display:none}.privacy-section{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:none!important;break-inside:avoid}.section-title{color:#1f2937!important}.privacy-header{background:#fff!important;border-bottom:2px solid #e5e7eb!important}}@media (prefers-contrast: high){.privacy-policy-page.light{background:#fff;color:#000}.privacy-policy-page.dark{background:#000;color:#fff}.privacy-section{border:2px solid currentColor}.section-number{background:currentColor;color:#fff}}@media (prefers-reduced-motion: reduce){.privacy-section{animation:none}.privacy-section:hover,.info-item:hover,.usage-list li:hover,.back-button:hover,.contact-button:hover,.footer-button:hover{transform:none}*{transition:none!important}}.contactus{--card:#0e1628;--line:#e8eef6;--text:#0b1220;background:#f7fbff;color:var(--text);min-height:100vh;display:flex;flex-direction:column}.contactus__header{border-bottom:1px solid var(--line);background:#fff}.contactus__brand{max-width:960px;margin:0 auto;padding:24px;display:flex;align-items:center;gap:14px}.contactus__brand img{height:40px;width:40px}.contactus__brand-text h1{margin:0;font-size:22px}.contactus__brand-text p{margin:2px 0 0;color:#475569}.contactus__card{max-width:960px;margin:18px auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;grid-template-columns:1.4fr .6fr;gap:16px;flex:1}.contactus__summary{color:#334155}.contactus__email-btn{margin-top:10px;display:inline-flex;gap:8px;align-items:center;background:#0b1220;color:#fff;border:none;border-radius:10px;padding:10px 14px;cursor:pointer}.contactus__card-right{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.contactus__info-chip{border:1px dashed var(--line);padding:8px 10px;border-radius:999px;background:#f3f7ff;color:#0b1220;font-size:13px}.contactus__footer{max-width:960px;margin:16px auto 24px;color:#64748b;text-align:center;font-size:13px}@media (max-width: 1024px){.contactus__brand{padding:20px}.contactus__card{margin:14px auto;gap:14px}}@media (max-width: 900px){.contactus__card{grid-template-columns:1fr;padding:16px}}@media (max-width: 520px){.contactus__brand{padding:16px}.contactus__card{margin:12px auto;border-radius:12px}.contactus__email-btn{width:100%;justify-content:center}}.terms-of-use-page{min-height:100vh;font-family:Inter,-apple-system,sans-serif;line-height:1.6}.terms-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 2rem;text-align:center}.terms-header-content{max-width:800px;margin:0 auto}.terms-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.terms-subtitle{font-size:1.1rem;opacity:.9}.terms-content{padding:3rem 1.5rem;background-color:#f8fafc}.terms-container{max-width:800px;margin:0 auto;background:#fff;padding:3rem;border-radius:16px;box-shadow:0 4px 20px #0000000d}.last-updated{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.terms-section{margin-bottom:2.5rem}.section-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.section-number{color:#667eea}.terms-section p{color:#475569;margin-bottom:1rem}.terms-section ul{padding-left:1.5rem;color:#475569}.terms-section li{margin-bottom:.5rem}.contact-section{background:#f1f5f9;padding:2rem;border-radius:12px;margin-top:3rem}.privacy-policy-page.dark{background-color:#0f172a;color:#f1f5f9}.dark .terms-container{background:#1e293b;border:1px solid #334155}.dark .section-title{color:#f1f5f9}.dark .terms-section p,.dark .terms-section li{color:#cbd5e1}.dark .last-updated{color:#94a3b8;border-color:#334155}.dark .contact-section{background:#334155}@media (max-width: 768px){.terms-container{padding:1.5rem}.terms-title{font-size:2rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333;background-color:#f8fafc}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;display:flex;flex-direction:column}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-in-out}@media (prefers-color-scheme: dark){.loading-screen{background:linear-gradient(135deg,#1e293b,#334155)}}.dark .loading-screen{background:linear-gradient(135deg,#1e293b,#334155)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.loading-screen *{animation:slideUp .4s ease-out .1s both}.page-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9998;animation:pageLoadFade .2s ease-in-out}@media (prefers-color-scheme: dark){.page-loading{background:#0f172af2}.page-loading .loading-text{color:#e2e8f0}}.dark .page-loading{background:#0f172af2}.dark .page-loading .loading-text{color:#e2e8f0}.page-loading .loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.page-loading .loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.page-loading .loading-text{color:#475569;font-size:.875rem;font-weight:500}@keyframes pageLoadFade{0%{opacity:0}to{opacity:1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#e2e8f0;color:#334155}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-outline{background:transparent;border:2px solid #667eea;color:#667eea}.btn-outline:hover:not(:disabled){background:#667eea;color:#fff}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:invalid{border-color:#ef4444}.form-textarea{resize:vertical;min-height:120px}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-checkbox{width:1rem;height:1rem;margin-right:.5rem}.form-error{color:#ef4444;font-size:.875rem;margin-top:.25rem}.form-help{color:#6b7280;font-size:.875rem;margin-top:.25rem}.card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a}.card-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.card-body{padding:1.5rem}.card-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.card-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.5rem}.card-subtitle{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.card-text{color:#374151;line-height:1.6}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:600;color:#111827}.modal-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.alert{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1rem;border:1px solid transparent;display:flex;align-items:center;gap:.75rem}.alert-success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.alert-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.alert-warning{background:#fffbeb;border-color:#fed7aa;color:#92400e}.alert-info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.alert-icon{font-size:1.25rem}.alert-content{flex:1}.alert-title{font-weight:600;margin-bottom:.25rem}.alert-message{font-size:.875rem;opacity:.9}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:12px;text-transform:uppercase;letter-spacing:.025em}.badge-primary{background:#dbeafe;color:#1e40af}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-secondary{background:#f1f5f9;color:#475569}.spinner{width:20px;height:20px;border:2px solid #f3f4f6;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.spinner-large{width:40px;height:40px;border-width:4px}.grid{display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-blue-500{color:#3b82f6}.text-blue-600{color:#2563eb}.text-green-500{color:#10b981}.text-green-600{color:#059669}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-yellow-500{color:#f59e0b}.text-yellow-600{color:#d97706}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.min-h-full{min-height:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.border{border:1px solid #e5e7eb}.border-t{border-top:1px solid #e5e7eb}.border-b{border-bottom:1px solid #e5e7eb}.border-l{border-left:1px solid #e5e7eb}.border-r{border-right:1px solid #e5e7eb}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-300{background-color:#d1d5db}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-blue-500{background-color:#3b82f6}.bg-blue-600{background-color:#2563eb}.bg-green-50{background-color:#f0fdf4}.bg-green-100{background-color:#dcfce7}.bg-green-500{background-color:#22c55e}.bg-green-600{background-color:#16a34a}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-red-500{background-color:#ef4444}.bg-red-600{background-color:#dc2626}.bg-yellow-50{background-color:#fefce8}.bg-yellow-100{background-color:#fef3c7}.bg-yellow-500{background-color:#eab308}.bg-yellow-600{background-color:#ca8a04}.transition{transition:all .15s ease-in-out}.transition-colors{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.transition-transform{transition:transform .15s ease-in-out}.transition-opacity{transition:opacity .15s ease-in-out}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.transform{transform:translate(var(--tw-translate-x, 0)) translateY(var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skew(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1}.rotate-45{--tw-rotate: 45deg}.rotate-90{--tw-rotate: 90deg}.rotate-180{--tw-rotate: 180deg}.translate-x-1{--tw-translate-x: .25rem}.translate-x-2{--tw-translate-x: .5rem}.translate-y-1{--tw-translate-y: .25rem}.translate-y-2{--tw-translate-y: .5rem}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-blue-50:hover{background-color:#eff6ff}.hover\:bg-blue-600:hover{background-color:#2563eb}.hover\:bg-green-600:hover{background-color:#16a34a}.hover\:bg-red-600:hover{background-color:#dc2626}.hover\:text-blue-600:hover{color:#2563eb}.hover\:text-green-600:hover{color:#16a34a}.hover\:text-red-600:hover{color:#dc2626}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem}.hover\:-translate-y-2:hover{--tw-translate-y: -.5rem}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-color: #3b82f6}.focus\:ring-green-500:focus{--tw-ring-color: #22c55e}.focus\:ring-red-500:focus{--tw-ring-color: #ef4444}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:text-sm{font-size:.875rem}.sm\:text-base{font-size:1rem}.sm\:text-lg{font-size:1.125rem}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:text-base{font-size:1rem}.md\:text-lg{font-size:1.125rem}.md\:text-xl{font-size:1.25rem}.md\:p-8{padding:2rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:block{display:block}.md\:hidden{display:none}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:text-lg{font-size:1.125rem}.lg\:text-xl{font-size:1.25rem}.lg\:text-2xl{font-size:1.5rem}.lg\:p-10{padding:2.5rem}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:py-8{padding-top:2rem;padding-bottom:2rem}}@media (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:text-xl{font-size:1.25rem}.xl\:text-2xl{font-size:1.5rem}.xl\:text-3xl{font-size:1.875rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-fade-in{animation:fadeIn .5s ease-in-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-slide-down{animation:slideDown .5s ease-out}.animate-slide-left{animation:slideLeft .5s ease-out}.animate-slide-right{animation:slideRight .5s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media print{.no-print{display:none!important}.print-only{display:block!important}body{background:#fff!important;color:#000!important}.card{box-shadow:none!important;border:1px solid #ccc!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){.card,.btn{border:2px solid}}@media (prefers-color-scheme: dark){:root{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b3b3b3;--border-color: #404040}body{background-color:var(--bg-primary);color:var(--text-primary)}.card,.form-input{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.form-input::placeholder{color:var(--text-secondary)}}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.container{max-width:768px;padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.section{padding-top:3rem;padding-bottom:3rem}.section-sm{padding-top:2rem;padding-bottom:2rem}.section-lg{padding-top:4rem;padding-bottom:4rem}.section-xl{padding-top:6rem;padding-bottom:6rem}.divider{height:1px;background:linear-gradient(to right,transparent,#e5e7eb,transparent);margin:2rem 0}.divider-vertical{width:1px;background:linear-gradient(to bottom,transparent,#e5e7eb,transparent);margin:0 2rem}.gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-secondary{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-success{background:linear-gradient(135deg,#4facfe,#00f2fe)}.gradient-warning{background:linear-gradient(135deg,#fdbb2d,#22c1c3)}.gradient-danger{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.backdrop-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.backdrop-blur-lg{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-photo{aspect-ratio:4 / 3}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.resize-none{resize:none}.resize-y{resize:vertical}.resize-x{resize:horizontal}.resize{resize:both}.appearance-none{appearance:none;-webkit-appearance:none;-moz-appearance:none}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline:2px solid #3b82f6;outline-offset:2px}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}:root{--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1}html{scroll-behavior:smooth}::selection{background-color:#667eea33;color:inherit}::-moz-selection{background-color:#667eea33;color:inherit}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}button{background:none;border:none;padding:0;margin:0;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}*:focus{outline:none}*:disabled{opacity:.6;cursor:not-allowed}.simple-loading{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.simple-loading .loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite}.simple-loading .loading-text{margin-top:1rem;font-size:1.1rem;font-weight:500}@media (prefers-color-scheme: dark){.simple-loading{background:linear-gradient(135deg,#1e293b,#334155)}}.dark .simple-loading{background:linear-gradient(135deg,#1e293b,#334155)}.coins-page{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);padding:2rem 0}.coins-container{max-width:1200px;margin:0 auto;padding:0 1rem}.coins-header{text-align:center;margin-bottom:3rem}.coins-header-content{max-width:600px;margin:0 auto}.coins-title{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:2.5rem;font-weight:800;color:#e2e8f0;margin-bottom:1rem}.coins-icon{font-size:3rem;animation:bounce 2s infinite}.coins-subtitle{font-size:1.1rem;color:#94a3b8;margin:0}.coins-balance-section{margin-bottom:3rem}.coins-balance-card{background:#0f0f19cc;border:1px solid rgba(99,102,241,.2);border-radius:20px;padding:2rem;text-align:center;position:relative;overflow:hidden}.coins-balance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);animation:shimmer 2s infinite}.balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.balance-header h2{font-size:1.5rem;color:#e2e8f0;margin:0}.purchase-coins-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.purchase-coins-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f14d}.balance-amount{margin-bottom:2rem}.coins-count{display:block;font-size:4rem;font-weight:900;color:#6366f1;line-height:1;margin-bottom:.5rem}.coins-label{font-size:1.2rem;color:#94a3b8;font-weight:600}.balance-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.balance-info-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#6366f11a;border-radius:12px;border:1px solid rgba(99,102,241,.2)}.info-icon{font-size:1.5rem}.info-text{color:#cbd5e1;font-weight:500}.transactions-section{background:#0f0f1999;border:1px solid rgba(99,102,241,.2);border-radius:20px;padding:2rem}.transactions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(99,102,241,.2)}.transactions-header h3{font-size:1.5rem;color:#e2e8f0;margin:0}.transactions-count{color:#94a3b8;font-size:.9rem;background:#6366f11a;padding:.25rem .75rem;border-radius:20px}.no-transactions{text-align:center;padding:3rem}.no-transactions-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-transactions h4{font-size:1.5rem;color:#e2e8f0;margin-bottom:.5rem}.no-transactions p{color:#94a3b8;margin-bottom:2rem}.start-purchasing-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.start-purchasing-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #10b9814d}.transactions-list{space-y:1rem}.transaction-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#0f0f19cc;border:1px solid rgba(99,102,241,.1);border-radius:12px;margin-bottom:1rem;transition:all .3s ease}.transaction-item:hover{border-color:#6366f14d;transform:translateY(-2px)}.transaction-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:50%;flex-shrink:0}.transaction-details{flex:1}.transaction-main{margin-bottom:.5rem}.transaction-title{font-size:1.1rem;font-weight:600;color:#e2e8f0;margin:0 0 .25rem}.transaction-date{font-size:.9rem;color:#94a3b8;margin:0}.transaction-chapter{font-size:.85rem;color:#6366f1;margin:0;font-style:italic}.transaction-amount{text-align:right;flex-shrink:0}.amount{display:block;font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.amount.positive{color:#10b981}.amount.negative{color:#ef4444}.amount-label{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.coins-error{display:flex;align-items:center;gap:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:1rem;margin-top:2rem;color:#fca5a5}.error-icon{font-size:1.2rem}.coins-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner{width:50px;height:50px;border:3px solid rgba(99,102,241,.2);border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite}.coins-page-loading p{color:#94a3b8;font-size:1.1rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.coins-page{padding:1rem 0}.coins-container{padding:0 .5rem}.coins-title{font-size:2rem}.coins-icon{font-size:2.5rem}.coins-balance-card{padding:1.5rem}.balance-header{flex-direction:column;gap:1rem;align-items:stretch}.purchase-coins-btn{justify-content:center}.coins-count{font-size:3rem}.balance-info{grid-template-columns:1fr}.transactions-section{padding:1.5rem}.transactions-header{flex-direction:column;gap:.5rem;align-items:flex-start}.transaction-item{padding:1rem;flex-direction:column;text-align:center;gap:.75rem}.transaction-details{order:2}.transaction-amount{order:3;text-align:center}.transaction-icon{order:1}}@media (max-width: 480px){.coins-title{font-size:1.8rem;flex-direction:column;gap:.5rem}.coins-balance-card{padding:1rem}.coins-count{font-size:2.5rem}.transactions-section{padding:1rem}.transaction-item{padding:.75rem}.balance-info-item{padding:.75rem;flex-direction:column;text-align:center;gap:.5rem}}