body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{width:100%;min-height:100vh}.toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:1.5rem;right:1.5rem}.toast-item{pointer-events:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;border-radius:1rem;align-items:flex-start;gap:.75rem;min-width:280px;max-width:400px;padding:1rem 1.5rem;animation:.3s ease-out toastSlideIn;display:flex;box-shadow:0 10px 40px #0006}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-item.success{background:#1e3c28f2;border:1px solid #6edc8c4d}.toast-item.error{background:#3c1e1ef2;border:1px solid #dc6e6e4d}.toast-item.info{background:#1e283cf2;border:1px solid #bec2ff4d}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:.8rem;font-weight:700;display:flex}.toast-item.success .toast-icon{color:#6edc8c;background:#6edc8c33}.toast-item.error .toast-icon{color:#dc6e6e;background:#dc6e6e33}.toast-item.info .toast-icon{color:#bec2ff;background:#bec2ff33}.toast-content{flex:1}.toast-content strong{color:#dbe2fa;margin-bottom:.2rem;font-size:.95rem;display:block}.toast-content p{color:#a6b0cf;margin:0;font-size:.85rem;line-height:1.4}@media (width<=480px){.toast-container{top:1rem;left:1rem;right:1rem}.toast-item{max-width:100%;min-width:unset}}.admin-layout{color:#dbe2fa;background:#0b1324;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.admin-top-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#2d354766;border-bottom:1px solid #bec2ff1a;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.top-nav-left{align-items:center;gap:1rem;display:flex}.mobile-menu-toggle{color:#bec2ff;cursor:pointer;background:#bec2ff1a;border:1px solid #bec2ff33;border-radius:8px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.5rem;transition:all .3s;display:flex}.mobile-menu-toggle:hover{background:#bec2ff33;border-color:#bec2ff}.logo-text{white-space:nowrap}.top-nav-actions{align-items:center;gap:1.5rem;display:flex}.logout-btn{color:#dcc66e;cursor:pointer;background:#dcc66e33;border:1px solid #dcc66e;border-radius:9999px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.logout-btn:hover{background:#dcc66e4d;box-shadow:0 0 10px #dcc66e4d}.admin-main{flex:1;display:flex;position:relative}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:150;background:#00000080;display:none;position:fixed;inset:65px 0 0}@media (width<=768px){.sidebar-overlay{display:block}}.admin-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;background:#2d35474d;border-right:1px solid #bec2ff1a;flex-direction:column;width:260px;height:calc(100vh - 80px);padding:0;transition:all .3s;display:flex;position:sticky;top:80px;overflow:hidden auto}.admin-sidebar.collapsed{width:80px}.admin-sidebar.collapsed .nav-text{opacity:0;width:0;overflow:hidden}.admin-sidebar.collapsed .sidebar-nav button{justify-content:center;padding:1rem}.sidebar-collapse-btn{color:#bec2ff;cursor:pointer;z-index:10;background:#bec2ff1a;border:1px solid #bec2ff33;border-radius:8px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;bottom:1.5rem;right:1rem}.sidebar-collapse-btn:hover{background:#bec2ff33;border-color:#bec2ff;transform:scale(1.1)}.admin-sidebar.collapsed .sidebar-collapse-btn{right:50%;transform:translate(50%)}.admin-sidebar.collapsed .sidebar-collapse-btn:hover{transform:translate(50%)scale(1.1)}.sidebar-nav{flex:1}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav li{margin:0}.sidebar-nav button{color:#a6b0cf;cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.sidebar-nav button:hover{color:#bec2ff;background:#bec2ff0d}.sidebar-nav li.active button{color:#bec2ff;background:#bec2ff1a;border-left-color:#bec2ff;font-weight:600}.nav-icon{justify-content:center;align-items:center;width:2rem;font-size:1.5rem;display:flex}.nav-text{white-space:nowrap;flex:1;transition:all .3s}.admin-content{z-index:1;flex:1;padding:3rem;transition:margin-left .3s;overflow-y:auto}@media (width<=1024px){.admin-sidebar{width:220px}.admin-content{padding:2rem}}@media (width<=768px){.admin-top-nav{padding:1rem}.logo{font-size:1.2rem}.logo-image{width:36px;height:36px}.logo-text{font-size:1rem}.top-nav-actions{gap:1rem}.logout-btn{padding:.5rem 1rem;font-size:.9rem}.admin-sidebar{z-index:200;height:calc(100vh - 65px);position:fixed;top:65px;left:0;transform:translate(-100%);box-shadow:2px 0 10px #0000004d}.admin-sidebar:not(.collapsed){transform:translate(0)}.admin-sidebar.collapsed{width:260px;transform:translate(-100%)}.sidebar-collapse-btn{display:none}.admin-content{margin-left:0;padding:1.5rem}.sidebar-nav button{padding:.875rem 1.25rem;font-size:.95rem}.nav-icon{width:1.75rem;font-size:1.25rem}}@media (width<=480px){.admin-content{padding:1rem}.admin-sidebar{width:220px;left:-220px}}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9998;background:#0b1324e6;position:fixed;inset:0}.modal-container{z-index:9999;pointer-events:none;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-container>*{pointer-events:auto}.modal-content-wrapper{width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#2d3547f2;border:1px solid #bec2ff4d;border-radius:2rem;padding:3rem 2rem;position:relative}.modal-close{color:#bec2ff;cursor:pointer;background:#bec2ff1a;border:1px solid #bec2ff33;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.5rem;line-height:1;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:#bec2ff33;border-color:#bec2ff;transform:rotate(90deg)}.modal-icon{margin-bottom:1rem;font-size:4rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal-content h2{color:#bec2ff;background:linear-gradient(135deg,#bec2ff,#c9beff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.5rem}.modal-description{color:#a6b0cf;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.modal-features{background:#181f3166;border:1px solid #bec2ff1a;border-radius:1rem;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.feature-item{color:#dbe2fa;align-items:center;gap:1rem;font-size:1rem;display:flex}.feature-emoji{font-size:1.5rem}.modal-notify{margin-bottom:1.5rem}.notify-text{color:#bec2ff;margin-bottom:1rem;font-weight:600}.notify-form{gap:.5rem;display:flex}.notify-input{color:#dbe2fa;background:#181f3199;border:1px solid #bec2ff33;border-radius:9999px;flex:1;padding:.875rem 1.25rem;font-size:1rem;transition:all .3s}.notify-input:focus{border-color:#bec2ff;outline:none;box-shadow:0 0 10px #bec2ff4d}.notify-input::placeholder{color:#a6b0cf}.notify-button{color:#0b1324;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#bec2ff,#c9beff);border:none;border-radius:9999px;padding:.875rem 1.5rem;font-size:1rem;font-weight:700;transition:all .3s}.notify-button:hover{transform:translateY(-2px);box-shadow:0 0 20px #bec2ff80}.modal-close-btn{color:#bec2ff;cursor:pointer;background:#bec2ff1a;border:1px solid #bec2ff4d;border-radius:9999px;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.modal-close-btn:hover{background:#bec2ff33;border-color:#bec2ff}@media (width<=768px){.modal-container{width:95%}.modal-content{padding:2rem 1.5rem}.modal-content h2{font-size:2rem}.modal-icon{font-size:3rem}.notify-form{flex-direction:column}.notify-button{width:100%}}:root{--color-background:#0b1324;--color-surface:#181f31;--color-primary:#bec2ff;--color-secondary:#c9beff;--color-tertiary:#dcc66e;--color-on-surface:#dbe2fa;--color-on-surface-variant:#a6b0cf;--color-glass:#2d354766;--radius-lg:2rem;--radius-md:1rem;--radius-sm:.5rem}*{box-sizing:border-box;margin:0;padding:0}.marketing-page{background:var(--color-background);color:var(--color-on-surface);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;overflow-x:hidden}.stars{z-index:0;width:100%;height:100%;position:absolute;overflow:hidden}.stars:before{content:"";opacity:.6;background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 60px 70px,#fff,#0000),radial-gradient(1px 1px at 50px 50px,#fff,#0000),radial-gradient(1px 1px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 90px 10px,#fff,#0000);background-size:200px 200px;width:100%;height:100%;animation:8s linear infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:.8}}.navbar{background:var(--color-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;border-bottom:1px solid #bec2ff1a;justify-content:space-between;align-items:center;padding:1.5rem 5%;display:flex;position:sticky;top:0}.logo{color:var(--color-primary);align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;display:flex}.logo-image{object-fit:cover;border-radius:12px;width:48px;height:48px}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--color-on-surface);font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--color-primary)}.hero{flex-direction:column;min-height:100vh;padding:2rem 5%;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-text h1{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.2}.hero-text p{color:var(--color-on-surface-variant);margin-bottom:2.5rem;font-size:1.5rem;line-height:1.6}.cta-buttons{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.btn-primary,.btn-secondary{white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary span,.btn-secondary span{align-items:center;gap:.5rem;display:flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:var(--color-background);box-shadow:0 0 20px #bec2ff66}.btn-secondary{background:var(--color-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--color-on-surface);border:1px solid #bec2ff33}.btn-secondary:hover{border-color:var(--color-primary);background:#bec2ff1a}.free-badge{color:var(--color-tertiary);font-size:1.2rem;font-weight:600}.phone-mockup{max-width:350px;margin:0 auto;position:relative}.phone-mockup img{object-fit:contain;filter:drop-shadow(0 20px 60px #bec2ff66);border:3px solid #bec2ff4d;border-radius:2rem;width:100%;max-height:700px}.features{background:var(--color-surface);padding:8rem 5%}.features h2{text-align:center;color:var(--color-primary);margin-bottom:4rem;font-size:3rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:var(--color-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);text-align:center;border:1px solid #bec2ff1a;padding:2.5rem;transition:all .3s}.feature-card:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:0 10px 30px #bec2ff33}.feature-icon{margin-bottom:1.5rem;font-size:4rem}.feature-card h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.5rem}.feature-card p{color:var(--color-on-surface-variant);line-height:1.6}.how-it-works{padding:8rem 5%}.how-it-works h2{text-align:center;color:var(--color-primary);margin-bottom:4rem;font-size:3rem}.steps{flex-wrap:wrap;justify-content:center;gap:3rem;max-width:1200px;margin:0 auto;display:flex}.step{text-align:center;flex:1;min-width:250px}.step-number{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));width:80px;height:80px;color:var(--color-background);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2rem;font-weight:800;display:flex;box-shadow:0 0 20px #bec2ff66}.step h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.5rem}.step p{color:var(--color-on-surface-variant);line-height:1.6}.screenshots{background:var(--color-surface);padding:8rem 5%}.screenshots h2{text-align:center;color:var(--color-primary);margin-bottom:4rem;font-size:3rem}.screenshot-carousel{flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.screenshot-item{text-align:center;flex:1;min-width:300px;max-width:350px}.screenshot-item img{border-radius:var(--radius-lg);filter:drop-shadow(0 10px 30px #0000004d);border:2px solid #bec2ff33;width:100%;margin-bottom:1rem}.screenshot-item p{color:var(--color-on-surface-variant);font-weight:600}.pricing{padding:8rem 5%}.pricing h2{text-align:center;color:var(--color-primary);margin-bottom:4rem;font-size:3rem}.pricing-cards{flex-wrap:wrap;justify-content:center;gap:2rem;max-width:900px;margin:0 auto;display:flex}.pricing-card{background:var(--color-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);text-align:center;border:1px solid #bec2ff1a;flex:1;min-width:300px;padding:3rem;transition:all .3s;position:relative}.pricing-card:hover{border-color:var(--color-primary);transform:translateY(-5px)}.pricing-card.featured{border-color:var(--color-primary);box-shadow:0 0 30px #bec2ff4d}.popular-badge{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:var(--color-background);border-radius:9999px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.pricing-card h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.8rem}.price{margin-bottom:.5rem;font-size:3rem;font-weight:800}.price span{color:var(--color-on-surface-variant);font-size:1.2rem}.pricing-card>p{color:var(--color-on-surface-variant);margin-bottom:2rem}.pricing-card ul{text-align:left;margin:2rem 0;list-style:none}.pricing-card li{color:var(--color-on-surface-variant);padding:.75rem 0}.pricing-card button{cursor:pointer;border:none;border-radius:9999px;width:100%;padding:1rem;font-size:1.1rem;font-weight:600;transition:all .3s}.testimonials{background:var(--color-surface);padding:8rem 5%}.testimonials h2{text-align:center;color:var(--color-primary);margin-bottom:4rem;font-size:3rem}.testimonial-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.testimonial-card{background:var(--color-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid #bec2ff1a;padding:2.5rem}.testimonial-card .stars{color:var(--color-tertiary);width:auto;height:auto;margin-bottom:1rem;font-size:1.5rem;animation:none;position:static;overflow:visible}.testimonial-card .stars:before{display:none}.quote{color:var(--color-on-surface-variant);margin-bottom:1.5rem;font-size:1.1rem;font-style:italic;line-height:1.8}.author{text-align:left;border-top:1px solid #bec2ff1a;flex-direction:column;gap:.25rem;margin-top:1rem;padding-top:1rem;display:flex}.author strong{color:var(--color-on-surface);font-size:1rem;font-weight:600}.author span{color:var(--color-on-surface-variant);font-size:.9rem}.faq{padding:8rem 5%}.faq h2{text-align:center;color:var(--color-primary);margin-bottom:4rem;font-size:3rem}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--color-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-md);cursor:pointer;border:1px solid #bec2ff1a;margin-bottom:1rem;padding:1.5rem;transition:all .3s}.faq-item:hover{border-color:var(--color-primary)}.faq-question{justify-content:space-between;align-items:center;display:flex}.faq-question h3{color:var(--color-on-surface);font-size:1.2rem}.faq-toggle{color:var(--color-primary);font-size:2rem}.faq-answer{border-top:1px solid #bec2ff1a;margin-top:1rem;padding-top:1rem}.faq-answer p{color:var(--color-on-surface-variant);line-height:1.6}.cta-section{background:var(--color-surface);text-align:center;padding:8rem 5%}.cta-section h2{color:var(--color-primary);margin-bottom:1rem;font-size:3rem}.cta-section p{color:var(--color-on-surface-variant);margin-bottom:2.5rem;font-size:1.5rem}.cta-section .cta-buttons{justify-content:center}.footer{background:var(--color-background);border-top:1px solid #bec2ff1a;padding:4rem 5% 2rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;max-width:1200px;margin:0 auto 3rem;display:grid}.footer-section h4{color:var(--color-primary);margin-bottom:1rem;font-size:1.2rem}.footer-section p,.footer-section a{color:var(--color-on-surface-variant);margin-bottom:.5rem;text-decoration:none;transition:color .3s;display:block}.footer-section a:hover{color:var(--color-primary)}.footer-bottom{text-align:center;color:var(--color-on-surface-variant);border-top:1px solid #bec2ff1a;padding-top:2rem}@media (width<=968px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1.2rem}.cta-buttons{flex-direction:column;align-items:center;width:100%}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{width:100%;max-width:300px}.nav-links{display:none}.steps{flex-direction:column}}.admin-login{background:#0b1324;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-container{z-index:1;width:100%;max-width:450px;padding:2rem}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#2d354766;border:1px solid #bec2ff33;border-radius:2rem;padding:3rem}.login-logo{justify-content:center;margin-bottom:1.5rem;display:flex}.login-logo img{object-fit:cover;border-radius:16px;width:80px;height:80px}.login-card h1{color:#bec2ff;margin-bottom:.5rem;font-size:2.5rem}.login-card>p{color:#a6b0cf;margin-bottom:2rem}.error-message{color:#ff5252;background:#ff52521a;border:1px solid #ff52524d;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.form-group{text-align:left;margin-bottom:1.5rem}.form-group input{color:#dbe2fa;background:#181f3199;border:1px solid #bec2ff33;border-radius:.75rem;width:100%;padding:1rem;font-size:1rem;transition:all .3s}.form-group input:focus{border-color:#bec2ff;outline:none;box-shadow:0 0 10px #bec2ff4d}.login-btn{color:#0b1324;cursor:pointer;background:linear-gradient(135deg,#bec2ff,#c9beff);border:none;border-radius:9999px;width:100%;margin-top:1rem;padding:1rem;font-size:1.1rem;font-weight:700;transition:all .3s}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #bec2ff80}.login-btn:disabled{opacity:.6;cursor:not-allowed}.back-link{color:#a6b0cf;margin-top:1.5rem;text-decoration:none;transition:color .3s;display:inline-block}.back-link:hover{color:#bec2ff}.dashboard-content{width:100%;max-width:100%}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.dashboard-header h1{color:#bec2ff;margin:0;font-size:2.5rem}.header-actions{align-items:center;gap:1.5rem;display:flex}.language-dropdown{align-items:center;gap:.75rem;display:flex}.language-dropdown label{color:#a6b0cf;font-size:.9rem;font-weight:500}.language-dropdown select{color:#dbe2fa;cursor:pointer;background:#2d354799;border:1px solid #bec2ff33;border-radius:12px;min-width:150px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .3s}.language-dropdown select:hover{background:#2d3547cc;border-color:#bec2ff66}.language-dropdown select:focus{border-color:#bec2ff;outline:none;box-shadow:0 0 15px #bec2ff4d}.language-dropdown select option{color:#dbe2fa;background:#181f31;padding:.5rem}.create-btn{color:#0b1324;cursor:pointer;background:linear-gradient(135deg,#bec2ff,#c9beff);border:none;border-radius:9999px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .3s}.create-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #bec2ff80}.loading{text-align:center;color:#a6b0cf;padding:4rem}.stories-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.story-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#2d354766;border:1px solid #bec2ff1a;border-radius:1.5rem;transition:all .3s;overflow:hidden}.story-card:hover{border-color:#bec2ff;transform:translateY(-5px);box-shadow:0 10px 30px #bec2ff33}.story-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.story-info{padding:1.5rem}.story-info h3{color:#bec2ff;margin-bottom:.5rem;font-size:1.3rem}.story-meta{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.category{color:#bec2ff;background:#bec2ff1a;border-radius:9999px;padding:.25rem .75rem;font-size:.85rem;display:inline-block}.story-meta .status-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.story-meta .status-badge.draft{color:#dcc66e;background:#dcc66e26;border:1px solid #dcc66e4d}.story-meta .status-badge.published{color:#6edc8c;background:#6edc8c26;border:1px solid #6edc8c4d}.story-card.draft{opacity:.75}.story-card.draft:hover{opacity:1}.story-info p{color:#a6b0cf;margin-bottom:.75rem;line-height:1.6}.audio-badge{color:#dcc66e;background:#dcc66e33;border-radius:9999px;padding:.25rem .75rem;font-size:.85rem;display:inline-block}.empty-state{text-align:center;color:#a6b0cf;grid-column:1/-1;padding:4rem}@media (width<=768px){.dashboard-header{flex-direction:column;align-items:stretch;gap:1.5rem}.dashboard-header h1{font-size:2rem}.header-actions{flex-direction:column;gap:1rem}.language-dropdown{justify-content:space-between;width:100%}.language-dropdown select{flex:1}.create-btn{width:100%}.stories-grid{grid-template-columns:1fr}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;max-width:100%;display:inline-block;position:relative}.ReactCrop *,.ReactCrop :before,.ReactCrop :after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{max-width:100%;max-height:inherit;display:block}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px);position:absolute;inset:0}.ReactCrop__crop-selection{cursor:move;position:absolute;top:0;left:0;transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";border:1px solid var(--rc-border-color);opacity:.3;position:absolute;inset:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){color:#fff;background-image:linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;animation:1s linear infinite marching-ants}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";background-color:#fff6;display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6667%}.ReactCrop__drag-handle{width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color);position:absolute}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;top:0;left:0;transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;top:0;left:50%;transform:translate(-50%,-50%)}.ReactCrop .ord-ne{cursor:ne-resize;top:0;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-se{cursor:se-resize;bottom:0;right:0;transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.ReactCrop .ord-w{cursor:w-resize;top:50%;left:0;transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{width:100%;height:var(--rc-drag-bar-size);top:0;left:0;transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{width:var(--rc-drag-bar-size);height:100%;top:0;right:0;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{width:100%;height:var(--rc-drag-bar-size);bottom:0;left:0;transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{width:var(--rc-drag-bar-size);height:100%;top:0;left:0;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.cover-uploader{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2d354766;border:1px solid #bec2ff1a;border-radius:1.5rem;padding:1.5rem}.cover-uploader h3{color:#bec2ff;margin-bottom:.5rem}.cover-uploader .hint{color:#a6b0cf;margin-bottom:1rem;font-size:.9rem}.upload-area{width:100%}.dropzone{text-align:center;cursor:pointer;border:2px dashed #bec2ff4d;border-radius:.75rem;padding:3rem 1rem;transition:all .3s}.dropzone:hover{background:#bec2ff0d;border-color:#bec2ff}.dropzone .icon{margin-bottom:1rem;font-size:3rem;display:block}.dropzone p{color:#a6b0cf}.preview{border-radius:.75rem;width:100%;position:relative;overflow:hidden}.preview img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.change-btn{color:#bec2ff;cursor:pointer;background:#2d3547cc;border:1px solid #bec2ff33;border-radius:.5rem;width:100%;margin-top:1rem;padding:.75rem;font-weight:600;transition:all .3s}.change-btn:hover{background:#bec2ff1a;border-color:#bec2ff}.cropper-container{margin-top:1rem}.cropper-actions{gap:1rem;margin-top:1rem;display:flex}.cancel-btn,.upload-btn{cursor:pointer;border:none;border-radius:.5rem;flex:1;padding:.75rem;font-weight:600;transition:all .3s}.cancel-btn:hover{color:#bec2ff;border-color:#bec2ff}.upload-btn{color:#0b1324;background:linear-gradient(135deg,#bec2ff,#c9beff)}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 15px #bec2ff66}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.dialog-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0b1324d9;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2d3547f2;border:1px solid #bec2ff33;border-radius:1.5rem;width:90%;max-width:450px;padding:2rem;animation:.3s ease-out slideUp;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog-header{margin-bottom:1.5rem}.dialog-header h3{color:#bec2ff;margin:0;font-size:1.5rem;font-weight:700}.dialog-body{margin-bottom:2rem}.dialog-body p{color:#dbe2fa;white-space:pre-line;margin:0;font-size:1rem;line-height:1.6}.dialog-actions{justify-content:flex-end;gap:1rem;display:flex}.dialog-btn{cursor:pointer;border:none;border-radius:9999px;min-width:100px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.cancel-btn{color:#dbe2fa;background:#2d354799;border:1px solid #bec2ff33}.cancel-btn:hover{background:#2d3547e6;border-color:#bec2ff66}.confirm-btn{color:#0b1324;background:linear-gradient(135deg,#bec2ff 0%,#c9beff 100%)}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #bec2ff80}@media (width<=480px){.dialog-container{padding:1.5rem}.dialog-actions{flex-direction:column-reverse;gap:.75rem}.dialog-btn{width:100%}}.audio-generator{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2d354766;border:1px solid #bec2ff1a;border-radius:1.5rem;padding:1.5rem}.audio-generator h3{color:#bec2ff;margin-bottom:1.5rem}.language-selector{margin-bottom:1.5rem}.language-selector label{color:#bec2ff;margin-bottom:.5rem;font-weight:600;display:block}.radio-group{gap:1rem;display:flex}.radio-group label{text-align:center;cursor:pointer;color:#a6b0cf;background:#2d354799;border:2px solid #bec2ff33;border-radius:.5rem;flex:1;padding:.75rem;font-weight:600;transition:all .3s}.radio-group label:hover{border-color:#bec2ff}.radio-group label.active{color:#bec2ff;background:#bec2ff1a;border-color:#bec2ff}.radio-group input[type=radio]{display:none}.job-status{border:1px solid;border-radius:.75rem;margin:1.5rem 0;padding:1rem}.job-status.pending{background:#a6b0cf1a;border-color:#a6b0cf}.job-status.processing{background:#bec2ff1a;border-color:#bec2ff}.job-status.completed{background:#4caf501a;border-color:#4caf50}.job-status.failed{background:#ff52521a;border-color:#ff5252}.status-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.job-status.pending .status-badge{color:#0b1324;background:#a6b0cf}.job-status.processing .status-badge{color:#0b1324;background:#bec2ff}.job-status.completed .status-badge{color:#fff;background:#4caf50}.job-status.failed .status-badge{color:#fff;background:#ff5252}.progress-bar{background:#2d3547cc;border-radius:9999px;width:100%;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#bec2ff,#c9beff);border-radius:9999px;height:100%;transition:width .3s}.progress-text{color:#a6b0cf;font-size:.9rem}.success-text{color:#4caf50;font-weight:600}.error-text{color:#ff5252;font-weight:600}.generate-btn{color:#0b1324;cursor:pointer;background:linear-gradient(135deg,#dcc66e,#dcc66e);border:none;border-radius:.75rem;width:100%;margin-bottom:1.5rem;padding:1rem;font-size:1.05rem;font-weight:700;transition:all .3s}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #dcc66e66}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.info-box{background:#181f3199;border:1px solid #bec2ff1a;border-radius:.75rem;padding:1rem}.info-box p{color:#bec2ff;margin-bottom:.5rem;font-weight:600}.info-box ul{padding-left:0;list-style:none}.info-box li{color:#a6b0cf;margin-bottom:.5rem;padding-left:1.5rem;font-size:.9rem;position:relative}.info-box li:before{content:"•";color:#bec2ff;position:absolute;left:.5rem}.story-editor{color:#dbe2fa;background:#0b1324;min-height:100vh;position:relative;overflow-x:hidden}.editor-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#2d354766;border-bottom:1px solid #bec2ff1a;justify-content:space-between;align-items:center;padding:1.5rem 5%;display:flex;position:sticky;top:0}.back-btn,.save-draft-btn,.publish-btn,.unpublish-btn{cursor:pointer;border:none;border-radius:9999px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.back-btn{color:#a6b0cf;background:#2d354799;border:1px solid #bec2ff33}.back-btn:hover{color:#bec2ff;border-color:#bec2ff}.nav-actions{align-items:center;gap:.75rem;display:flex}.status-badge{border-radius:9999px;padding:.4rem .8rem;font-size:.8rem;font-weight:600}.status-badge.draft{color:#dcc66e;background:#dcc66e26;border:1px solid #dcc66e4d}.status-badge.published{color:#6edc8c;background:#6edc8c26;border:1px solid #6edc8c4d}.save-draft-btn{color:#a6b0cf;background:#2d354799;border:1px solid #bec2ff33}.save-draft-btn:hover:not(:disabled){color:#bec2ff;border-color:#bec2ff}.publish-btn{color:#0b1324;background:linear-gradient(135deg,#6edc8c,#4ebc6c)}.publish-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #6edc8c80}.publish-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.unpublish-btn{color:#dc6e6e;background:#dc6e6e33;border:1px solid #dc6e6e4d}.unpublish-btn:hover:not(:disabled){background:#dc6e6e4d}.save-draft-btn:disabled,.unpublish-btn:disabled{opacity:.6;cursor:not-allowed}.publish-checklist{z-index:1;background:#dcc66e14;border:1px solid #dcc66e33;border-radius:.75rem;margin:0 5%;padding:1rem 1.5rem;position:relative}.publish-checklist p{color:#dcc66e;margin-bottom:.5rem}.publish-checklist ul{margin:0;padding:0;list-style:none}.publish-checklist li{color:#a6b0cf;padding:.25rem 0;font-size:.9rem}.publish-checklist li:before{content:"○ ";color:#dcc66e}.editor-content{z-index:1;grid-template-columns:1fr 400px;gap:2rem;padding:3rem 5%;display:grid;position:relative}.editor-main{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2d354766;border:1px solid #bec2ff1a;border-radius:1.5rem;padding:2rem}.form-group label{color:#bec2ff;margin-bottom:.5rem;font-weight:600;display:block}.hint{color:#a6b0cf;margin-bottom:.5rem;font-size:.9rem}.hint code{color:#dcc66e;background:#bec2ff1a;border-radius:.25rem;padding:.2rem .5rem}.form-group input,.form-group select,.form-group textarea{color:#dbe2fa;background:#181f3199;border:1px solid #bec2ff33;border-radius:.75rem;width:100%;padding:1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group textarea{resize:vertical;font-family:Literata,serif;line-height:1.8}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#bec2ff;outline:none;box-shadow:0 0 10px #bec2ff4d}.editor-sidebar{flex-direction:column;gap:2rem;display:flex}@media (width<=1200px){.editor-content{grid-template-columns:1fr}.editor-sidebar{order:-1}}.user-management{width:100%;max-width:100%}.page-header{margin-bottom:2rem}.page-header h1{color:#bec2ff;margin:0 0 .5rem;font-size:2.5rem}.page-description{color:#a6b0cf;margin:0;font-size:1.1rem}.error-notice{color:#dc6e6e;background:#dc6e6e26;border:1px solid #dc6e6e4d;border-radius:12px;margin-top:1rem;padding:1rem 1.5rem;font-size:.95rem;line-height:1.5}.filters-section{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.search-box{flex:1;align-items:center;min-width:250px;display:flex;position:relative}.search-icon{font-size:1.2rem;position:absolute;left:1.25rem}.search-box input{color:#dbe2fa;background:#2d354766;border:1px solid #bec2ff33;border-radius:12px;width:100%;padding:1rem 1rem 1rem 3.5rem;font-size:1rem;transition:all .3s}.search-box input:focus{border-color:#bec2ff;outline:none;box-shadow:0 0 15px #bec2ff33}.search-box input::placeholder{color:#6b7280}.filter-group{align-items:center;gap:.75rem;display:flex}.filter-group label{color:#a6b0cf;font-size:.95rem;font-weight:500}.filter-group select{color:#dbe2fa;cursor:pointer;background:#2d354766;border:1px solid #bec2ff33;border-radius:12px;padding:.875rem 1.25rem;font-size:.95rem;transition:all .3s}.filter-group select:hover{border-color:#bec2ff66}.filter-group select:focus{border-color:#bec2ff;outline:none;box-shadow:0 0 15px #bec2ff33}.refresh-btn{color:#bec2ff;cursor:pointer;background:#bec2ff1a;border:1px solid #bec2ff4d;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.refresh-btn:hover{background:#bec2ff33;border-color:#bec2ff}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2d354766;border:1px solid #bec2ff1a;border-radius:1.5rem;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.stat-card:hover{border-color:#bec2ff4d;transform:translateY(-2px)}.stat-icon{background:#bec2ff1a;border-radius:1rem;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:3rem;display:flex}.stat-content{flex:1}.stat-value{color:#bec2ff;margin-bottom:.25rem;font-size:2.5rem;font-weight:700;line-height:1}.stat-label{color:#a6b0cf;font-size:.95rem;font-weight:500}.users-table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2d354766;border:1px solid #bec2ff1a;border-radius:1.5rem;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#bec2ff0d}.users-table th{text-align:left;color:#bec2ff;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #bec2ff1a;padding:1.25rem 1.5rem;font-size:.95rem;font-weight:600}.users-table tbody tr{border-bottom:1px solid #bec2ff0d;transition:all .2s}.users-table tbody tr:hover{background:#bec2ff0d}.users-table tbody tr:last-child{border-bottom:none}.users-table td{color:#dbe2fa;padding:1.25rem 1.5rem;font-size:.95rem}.email-cell{color:#a6b0cf;font-family:Monaco,Menlo,monospace;font-size:.9rem}.stats-cell{text-align:center;color:#bec2ff;font-weight:600}.role-badge{text-transform:capitalize;border-radius:9999px;padding:.375rem .875rem;font-size:.85rem;font-weight:600;display:inline-block}.role-badge.admin{color:#dc6e6e;background:#dc6e6e26;border:1px solid #dc6e6e4d}.role-badge.user{color:#bec2ff;background:#bec2ff26;border:1px solid #bec2ff4d}.role-badge.moderator{color:#dcc66e;background:#dcc66e26;border:1px solid #dcc66e4d}.action-buttons{gap:.5rem;display:flex}.action-btn{cursor:pointer;background:0 0;border:1px solid #bec2ff33;border-radius:8px;padding:.5rem .75rem;font-size:1.1rem;transition:all .2s}.action-btn:hover{background:#bec2ff1a;border-color:#bec2ff66;transform:translateY(-2px)}.view-btn:hover{background:#6edc8c1a;border-color:#6edc8c66}.edit-btn:hover{background:#dcc66e1a;border-color:#dcc66e66}.delete-btn:hover{background:#dc6e6e1a;border-color:#dc6e6e66}.loading{text-align:center;color:#a6b0cf;padding:4rem;font-size:1.1rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{opacity:.3;margin-bottom:1.5rem;font-size:5rem}.empty-state h3{color:#bec2ff;margin-bottom:.75rem;font-size:1.5rem}.empty-state p{color:#a6b0cf;max-width:500px;margin:0 auto;font-size:1.05rem;line-height:1.6}@media (width<=1024px){.users-table-container{overflow-x:auto}.users-table{min-width:900px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#181f31;border:1px solid #bec2ff33;border-radius:1.5rem;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-small{max-width:500px}.modal-header{border-bottom:1px solid #bec2ff1a;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-header h2{color:#bec2ff;margin:0;font-size:1.75rem}.modal-close{color:#a6b0cf;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;font-size:2.5rem;transition:all .2s;display:flex}.modal-close:hover{color:#bec2ff;background:#bec2ff1a}.modal-body{padding:2rem}.modal-footer{border-top:1px solid #bec2ff1a;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.user-detail-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.detail-item{flex-direction:column;gap:.5rem;display:flex}.detail-item label{color:#a6b0cf;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.detail-item span{color:#dbe2fa;font-size:1rem}.user-id{color:#a6b0cf;word-break:break-all;font-family:Monaco,Menlo,monospace;font-size:.85rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#a6b0cf;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-input{color:#dbe2fa;background:#2d354799;border:1px solid #bec2ff33;border-radius:12px;width:100%;padding:.875rem 1.25rem;font-size:1rem;transition:all .3s}.form-input:focus{border-color:#bec2ff;outline:none;box-shadow:0 0 15px #bec2ff33}.form-input.disabled{opacity:.6;cursor:not-allowed}.form-group small{color:#6b7280;margin-top:.5rem;font-size:.85rem;display:block}.btn-primary,.btn-secondary,.btn-danger{cursor:pointer;border:none;border-radius:12px;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-primary{color:#0b1324;background:linear-gradient(135deg,#bec2ff,#c9beff)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 20px #bec2ff66}.btn-secondary{color:#dbe2fa;background:#2d354799;border:1px solid #bec2ff33}.btn-secondary:hover{background:#2d3547cc;border-color:#bec2ff66}.btn-danger{color:#dc6e6e;background:#dc6e6e33;border:1px solid #dc6e6e}.btn-danger:hover{background:#dc6e6e4d;box-shadow:0 0 15px #dc6e6e4d}.warning-text{color:#dbe2fa;margin-bottom:1rem;font-size:1rem;line-height:1.6}.warning-text strong{color:#dc6e6e}.warning-list{margin:1rem 0;padding:0;list-style:none}.warning-list li{color:#a6b0cf;padding:.5rem 0 .5rem 1.5rem;position:relative}.warning-list li:before{content:"•";color:#dc6e6e;font-size:1.5rem;position:absolute;top:.25rem;left:0}@media (width<=768px){.page-header h1{font-size:2rem}.filters-section{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.filter-group{justify-content:space-between}.refresh-btn{justify-content:center;width:100%}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-icon{width:3.5rem;height:3.5rem;font-size:2.5rem}.stat-value{font-size:2rem}.user-detail-grid{grid-template-columns:1fr}.modal-content{max-height:calc(100vh - 2rem);margin:1rem}.modal-header,.modal-body,.modal-footer{padding:1.25rem}.modal-footer{flex-direction:column}.btn-primary,.btn-secondary,.btn-danger{width:100%}}.placeholder-page{justify-content:center;align-items:center;width:100%;height:100%;min-height:60vh;display:flex}.placeholder-content{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2d354766;border:1px solid #bec2ff1a;border-radius:2rem;max-width:600px;padding:3rem}.placeholder-icon{opacity:.8;margin-bottom:2rem;font-size:6rem}.placeholder-content h1{color:#bec2ff;margin-bottom:1rem;font-size:3rem}.placeholder-content p{color:#a6b0cf;margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.coming-soon{color:#dcc66e;letter-spacing:.05em;background:#dcc66e33;border:1px solid #dcc66e;border-radius:9999px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;display:inline-block}@media (width<=768px){.placeholder-content{padding:2rem}.placeholder-icon{font-size:4rem}.placeholder-content h1{font-size:2rem}.placeholder-content p{font-size:1.1rem}.coming-soon{padding:.875rem 2rem;font-size:1rem}}.not-found-page{background:#0b1324;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.not-found-content{text-align:center;z-index:1;max-width:600px;animation:.6s ease-out fadeIn}.not-found-logo{filter:drop-shadow(0 10px 30px #bec2ff4d);border-radius:20px;width:100px;height:100px;margin-bottom:2rem;animation:3s ease-in-out infinite float}.error-code{background:linear-gradient(135deg,#bec2ff,#c9beff);-webkit-text-fill-color:transparent;text-shadow:0 0 40px #bec2ff4d;-webkit-background-clip:text;margin-bottom:1rem;font-size:8rem;font-weight:900;line-height:1}.not-found-content h1{color:#dbe2fa;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.error-message{color:#a6b0cf;margin-bottom:3rem;font-size:1.2rem;line-height:1.6}.suggestions{margin-bottom:3rem}.suggestions>p{color:#bec2ff;margin-bottom:1.5rem;font-size:1rem;font-weight:600}.suggestion-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.suggestion-btn{cursor:pointer;color:#dbe2fa;background:#2d354799;border:1px solid #bec2ff33;border-radius:9999px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.suggestion-btn:hover{background:#bec2ff1a;border-color:#bec2ff;transform:translateY(-2px);box-shadow:0 4px 12px #bec2ff33}.suggestion-btn.primary{color:#0b1324;background:linear-gradient(135deg,#bec2ff,#c9beff);border:none}.suggestion-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #bec2ff66}.auto-redirect{background:#2d35474d;border:1px solid #bec2ff1a;border-radius:1rem;margin-top:3rem;padding:1rem}.auto-redirect p{color:#a6b0cf;margin:0;font-size:.9rem}@media (width<=768px){.error-code{font-size:5rem}.not-found-content h1{font-size:2rem}.error-message{font-size:1rem}.not-found-logo{width:80px;height:80px}.suggestion-links{flex-direction:column;align-items:stretch}.suggestion-btn{width:100%}}