.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:2rem;perspective:1000px}.login-card{width:100%;max-width:480px;padding:4rem 3rem;box-shadow:0 40px 100px #0009,0 0 40px #ff00000d;animation:slideInModern 1s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.login-header{margin-bottom:3.5rem}.login-logo{max-width:140px;margin-bottom:1.5rem;filter:drop-shadow(0 0 15px rgba(255,0,0,.2))}.modern-title{font-size:2.2rem;font-weight:800;letter-spacing:-2px;background:linear-gradient(135deg,#ffffff 0%,#a0aec0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.input-group.modern{text-align:left;margin-bottom:2rem}.input-group.modern label{font-size:.8rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.8rem;display:block}.input-group.modern input{width:100%;padding:1.2rem 1.5rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:16px;font-size:1rem;color:#fff}.input-group.modern input:focus{outline:none;background:rgba(255,0,0,.03);border-color:red;box-shadow:0 0 15px #ff00001a}.modern-btn{width:100%;padding:1.4rem;background:linear-gradient(135deg,#ff0000 0%,#b30000 100%);color:#fff;border-radius:16px;font-weight:800;letter-spacing:1px;border:none;box-shadow:0 10px 20px #f003;text-transform:uppercase}.modern-btn:hover{transform:translateY(-3px) scale(1.02);filter:drop-shadow(0 0 20px rgba(255,0,0,.4))}.accent-link{color:#f33;font-weight:700;cursor:pointer}@keyframes slideInModern{0%{opacity:0;transform:translateY(50px) rotateX(-10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.animate-in{animation:slideInModern .8s cubic-bezier(.16,1,.3,1)}.stage-glow{position:relative}.stage-glow:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ff0000,transparent,#ff0000);border-radius:24px;z-index:-1;opacity:.1;filter:blur(10px);animation:neonPulse 4s infinite linear}@keyframes neonPulse{0%,to{opacity:.1}50%{opacity:.25}}.otp-input-field{text-align:center;font-size:2.5rem!important;letter-spacing:.8rem;font-weight:900;color:red!important;font-family:monospace}.auth-error{background:rgba(255,0,0,.1);color:#ff4d4d;padding:.8rem;border-radius:12px;font-size:.85rem;font-weight:600;border-left:3px solid #ff0000;margin-bottom:1.5rem}.auth-success{background:rgba(0,255,0,.05);color:#48bb78;padding:.8rem;border-radius:12px;font-size:.85rem;font-weight:600;border-left:3px solid #48bb78;margin-bottom:1.5rem}.text-right{text-align:right;margin-top:.5rem}.text-small{font-size:.75rem;opacity:.8}.mt-2{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1.5rem}:root{--sidebar-bg: #0f172a;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--neon-blue: #00f2fe;--neon-glow: rgba(0, 242, 254, .4);--accent-red: #ff003c;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1)}.editor-layout{display:grid;grid-template-columns:380px 1fr;grid-template-rows:1fr;height:100vh;background:#000;overflow:hidden;font-family:Outfit,sans-serif}.editor-sidebar{background:linear-gradient(180deg,var(--sidebar-bg) 0%,#050505 100%);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;position:relative;z-index:100;box-shadow:25px 0 60px #00000080;height:100vh;max-height:100vh;overflow:hidden}.sidebar-tabs-container{padding:8px 15px;background:rgba(0,0,0,.3)}.glass-island{display:flex;background:var(--glass-bg);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:20px;padding:6px;gap:4px;box-shadow:0 10px 40px #0006}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 2px;background:transparent;border:none;border-radius:15px;color:#fff6;cursor:pointer;transition:var(--transition-smooth);position:relative}.tab-btn svg{margin-bottom:6px;opacity:.5;transition:var(--transition-smooth)}.tab-btn .tab-label{font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:2px;opacity:.7}.tab-btn:hover{background:rgba(255,255,255,.05);color:#fff}.tab-btn:hover svg{transform:translateY(-2px);opacity:1}.tab-btn.active{background:rgba(0,242,254,.12);color:var(--neon-blue);box-shadow:inset 0 0 15px #00f2fe1a}.tab-btn.active svg{opacity:1;filter:drop-shadow(0 0 8px var(--neon-glow))}.tab-btn.active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:15px;height:3px;background:var(--neon-blue);border-radius:10px;box-shadow:0 0 15px var(--neon-blue)}.sidebar-scroll-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;min-height:0;scrollbar-width:thin;scrollbar-color:var(--neon-blue) rgba(0,0,0,.2)}.sidebar-scroll-content::-webkit-scrollbar{width:6px;display:block!important}.sidebar-scroll-content::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.sidebar-scroll-content::-webkit-scrollbar-thumb{background:var(--neon-blue);box-shadow:0 0 10px var(--neon-glow);border-radius:10px}.tab-pane{display:flex;flex-direction:column;gap:0;width:100%;animation:tabPaneFadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.editor-section{background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.02);border-radius:20px;padding:15px;margin-bottom:12px;animation:tabPaneFadeIn .5s ease-out forwards}@keyframes tabPaneFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{font-size:10px;font-weight:900;color:#ffffff4d;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:10px;display:flex;align-items:center;gap:12px}.section-header:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.08) 0%,transparent 100%)}.layout-preview.l1-mini{background-image:url(/images/template/versus-post.png);background-size:cover;background-position:center}.layout-preview.l2-mini{background-image:url(/images/template/gokturk-post.png);background-size:cover;background-position:center}.layout-preview.l3-mini{background-image:url(/images/template/atah-post.png);background-size:cover;background-position:center}.layout-preview.l5-mini{background-image:url(/images/template/toprak-post.png);background-size:cover;background-position:center}.layout-grid{display:flex;flex-direction:column;gap:15px}.layout-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:15px;cursor:pointer;transition:var(--transition-smooth);display:flex;flex-direction:column;gap:12px}.layout-card:hover{background:rgba(255,255,255,.05);transform:translateY(-2px)}.layout-card.active{background:rgba(0,242,254,.05);border-color:var(--neon-blue);box-shadow:0 15px 40px #00f2fe1a}.layout-preview{width:100%;aspect-ratio:16 / 9;border-radius:12px;background-color:#000;border:1px solid rgba(255,255,255,.1)}.layout-info{display:flex;flex-direction:column;gap:2px}.layout-name{font-size:13px;font-weight:900;color:#fff;letter-spacing:1px}.layout-desc{font-size:10px;font-weight:500;color:#fff6}.glow-input{width:100%;background:rgba(0,0,0,.3);border:1px solid var(--glass-border);border-radius:14px;padding:16px;color:#fff;font-size:14px;transition:var(--transition-smooth)}.glow-input:focus{outline:none;border-color:var(--neon-blue);background:rgba(0,242,254,.03);box-shadow:0 0 25px #00f2fe1a}.media-trigger-box{display:flex;align-items:center;gap:15px;padding:12px;border-radius:18px;background:rgba(255,255,255,.02);border:1px solid var(--glass-border);transition:var(--transition-smooth);margin-bottom:8px}.media-trigger-box:hover{background:rgba(255,255,255,.05);border-color:#ffffff26;transform:translateY(-2px)}.media-preview{width:54px;height:54px;border-radius:14px;background-size:cover;background-position:center;background-color:#0006;border:1px solid rgba(255,255,255,.1);cursor:pointer;flex-shrink:0;transition:var(--transition-smooth)}.media-preview:hover{transform:scale(1.05);border-color:var(--neon-blue);box-shadow:0 0 15px var(--neon-glow)}.media-info{flex:1;display:flex;flex-direction:column;gap:4px;cursor:pointer;overflow:hidden;margin-right:8px}.media-label{font-size:11px;font-weight:800;color:#fff;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-action{font-size:9px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:1px}.media-actions{display:flex;gap:8px;flex-shrink:0}.media-btn{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#fffc!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.media-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.5;display:block}.media-btn:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateY(-2px)}.gallery-btn:hover{border-color:#fca311;color:#fca311;box-shadow:0 0 15px #fca31133}.upload-btn:hover{border-color:var(--neon-blue);color:var(--neon-blue);box-shadow:0 0 15px var(--neon-glow)}.editor-main{background:radial-gradient(circle at center,#0f172a 0%,#000 100%);display:flex;align-items:center;justify-content:center;position:relative;flex:1;overflow:hidden}.story-slot .slot-canvas{height:95vh;aspect-ratio:9 / 16;max-height:1200px;width:auto}.post-slot .slot-canvas{height:95vh;aspect-ratio:4 / 5;max-height:1200px;width:auto}.preview-viewport{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,80px);width:100%;height:100%;padding:20px;transition:var(--transition-smooth)}.preview-viewport.dual-mode{padding-left:40px;padding-right:40px}.preview-slot{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;flex-shrink:0;animation:slotFadeIn 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes slotFadeIn{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.gallery-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);z-index:10000;display:flex;align-items:center;justify-content:center;padding:40px}.gallery-modal{width:100%;max-width:1400px;max-height:85vh;display:flex!important;flex-direction:column!important;border-radius:35px!important;background:rgba(15,23,42,.95)!important;border:1px solid rgba(255,255,255,.08)!important;overflow:hidden;animation:modalScaleIn .4s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.gallery-header{padding:30px 40px;border-bottom:1px solid rgba(255,255,255,.05)}.premium-title{font-size:24px;font-weight:900;letter-spacing:2px;background:linear-gradient(90deg,#fff,#00f2fe);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.export-overlay.elite-glass{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(4,7,12,.95);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);z-index:999999999!important;animation:modalFadeIn .5s cubic-bezier(.4,0,.2,1)}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px)}}.export-panel{background:radial-gradient(circle at center,rgba(255,255,255,.05) 0%,rgba(255,255,255,0) 70%);border:1px solid rgba(255,255,255,.1);padding:80px 100px;border-radius:60px;text-align:center;width:650px;box-shadow:0 100px 200px #000000e6,inset 0 0 50px #ffffff05;display:flex;flex-direction:column;align-items:center;gap:30px;position:relative;overflow:hidden}.export-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(0,242,254,.2),transparent 30%);animation:borderRotate 4s linear infinite;z-index:-1}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-info{width:100%}.progress-info .title{font-size:16px;font-weight:900;letter-spacing:8px;color:#fff;margin-bottom:12px;text-transform:uppercase;background:linear-gradient(90deg,#fff,#00f2fe,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s linear infinite}@keyframes shine{to{background-position:200% center}}.progress-info .desc{font-size:13px;font-weight:500;color:#ffffff80;letter-spacing:1.5px;margin-bottom:40px;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.6}.progress-bar-container{width:100%;height:4px;background:rgba(255,255,255,.05);border-radius:20px;overflow:hidden;margin-bottom:25px;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#00f2fe,#4facfe,#00f2fe);background-size:200% 100%;box-shadow:0 0 30px #00f2fecc;border-radius:20px;transition:width .1s linear;animation:wave 2s linear infinite}@keyframes wave{0%{background-position:0 0}to{background-position:200% 0}}.progress-count{font-family:Outfit,sans-serif;font-size:14px;font-weight:900;letter-spacing:4px;color:#fffc}.progress-count span:first-child{color:#00f2fe;font-size:20px;margin-right:10px}.loader-neon{width:100px;height:100px;border:4px solid rgba(0,242,254,.05);border-top-color:#00f2fe;border-radius:50%;animation:eliteRotate 1s cubic-bezier(.5,0,.5,1) infinite;box-shadow:0 0 40px #00f2fe4d;position:relative}.loader-neon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-image:url(/images/agb1.png);background-size:contain;background-repeat:no-repeat;background-position:center;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(0,242,254,.5))}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.gallery-tabs{display:flex;gap:10px;background:rgba(255,255,255,.03);padding:6px;border-radius:18px;width:fit-content}.gallery-tabs button{padding:10px 25px;border-radius:14px;border:none;background:transparent;color:#ffffff80;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease}.gallery-tabs button.active{background:#00f2fe;color:#000;box-shadow:0 10px 25px #00f2fe4d}.gallery-content{flex:1;padding:40px;overflow-y:auto;min-height:400px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.media-card{position:relative;aspect-ratio:16 / 10;border-radius:20px;overflow:hidden;cursor:pointer;background:#111;border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.16,1,.3,1)}.media-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.media-card:hover{transform:translateY(-8px) scale(1.02);border-color:#00f2fe;box-shadow:0 25px 50px #00000080,0 0 30px #00f2fe26}.media-card:hover img{transform:scale(1.1)}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,242,254,.15);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.media-card:hover .card-overlay{opacity:1}.card-overlay .icon{font-size:40px;transform:scale(.5);transition:transform .4s cubic-bezier(.16,1,.3,1)}.media-card:hover .card-overlay .icon{transform:scale(1)}.gallery-footer{padding:25px 40px;border-top:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.2)}@media (max-width: 1024px){.gallery-overlay{padding:15px}.gallery-modal{max-height:95vh;border-radius:20px!important}.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.gallery-header,.gallery-content,.gallery-footer{padding:15px 20px}}.preview-slot:hover .slot-canvas{border-color:var(--neon-blue);box-shadow:0 0 80px #00f2fe1a,0 80px 180px #000;transform:translateY(-8px) scale(1.01)}.slot-label{font-size:9px;font-weight:900;color:#ffffff26;letter-spacing:6px;text-transform:uppercase;padding:4px 0;border-bottom:2px solid rgba(255,255,255,.03);margin-bottom:5px}.header-action-bar{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:4px 10px;border-radius:14px;border:1px solid var(--glass-border);box-shadow:0 10px 40px #0000004d}.action-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;border-radius:10px;padding:6px 14px;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--transition-smooth)}.action-btn svg{width:18px;height:18px;transition:var(--transition-smooth)}.action-btn:hover{background:rgba(255,255,255,.05);transform:translateY(-2px)}.btn-play{color:var(--neon-blue)}.btn-play:hover{background:rgba(0,242,254,.1);box-shadow:0 0 20px #00f2fe33}.btn-download{color:#fff;opacity:.8}.btn-download:hover{opacity:1;background:rgba(255,255,255,.05)}.btn-video{color:var(--accent-red)}.btn-video:hover{background:rgba(255,0,60,.1);box-shadow:0 0 20px #ff003c33}@media (max-width: 1024px){.editor-layout{display:flex;flex-direction:column;height:100vh;height:100dvh}.editor-main{flex:1;overflow:hidden;padding-bottom:70px}.editor-sidebar{position:fixed;bottom:0;left:0;width:100%;height:auto;max-height:85vh;background:rgba(10,15,25,.95);-webkit-backdrop-filter:blur(30px) saturate(200%);backdrop-filter:blur(30px) saturate(200%);box-shadow:0 -10px 40px #000000b3;border-right:none;border-top:1px solid var(--glass-border);border-top-left-radius:20px;border-top-right-radius:20px;z-index:9999;flex-direction:column-reverse;transition:transform .4s cubic-bezier(.16,1,.3,1)}.sidebar-tabs-container{padding:8px 8px 12px;background:transparent;border-top:1px solid rgba(255,255,255,.03)}.glass-island{background:transparent;border:none;box-shadow:none;padding:0;gap:8px}.sidebar-scroll-content{background:transparent;padding:20px 15px;max-height:70vh;overflow-y:auto}.tab-btn{padding:10px 5px;border-radius:12px}.tab-btn svg{width:22px;height:22px;margin-bottom:4px}.tab-label{font-size:9px}.sidebar-footer{display:none}}@media (max-width: 1024px){.preview-viewport{flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0;gap:0;align-items:center;justify-content:flex-start!important;padding-top:2vh;-webkit-overflow-scrolling:touch}.preview-slot{scroll-snap-align:center;flex:0 0 100%;display:flex;justify-content:center;width:100%}.story-slot .slot-canvas,.post-slot .slot-canvas{height:68vh;max-height:800px;max-width:90vw;width:auto}.action-btn{padding:8px;border-radius:50%;width:36px;height:36px;justify-content:center}.action-btn svg{margin:0;width:20px;height:20px}}.ruler-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999999;font-family:Outfit,sans-serif}.ruler-x{position:absolute;top:-30px;left:0;width:100%;height:30px;background:rgba(15,20,30,.9);border-bottom:1px solid #00f2fe}.ruler-y{position:absolute;top:0;left:-30px;width:30px;height:100%;background:rgba(15,20,30,.9);border-right:1px solid #00f2fe}.ruler-tick{position:absolute;background:rgba(0,242,254,.5)}.ruler-tick.major,.ruler-tick.numbered{background:#00f2fe}.ruler-label{position:absolute;color:#00f2fe;font-size:10px;font-weight:700;white-space:nowrap}.ruler-x .ruler-tick{width:1px;bottom:0}.ruler-x .ruler-tick.minor{height:5px}.ruler-x .ruler-tick.major{height:10px}.ruler-x .ruler-tick.numbered{height:15px}.ruler-x .ruler-label{bottom:18px;transform:translate(-50%)}.ruler-y .ruler-tick{height:1px;right:0}.ruler-y .ruler-tick.minor{width:5px}.ruler-y .ruler-tick.major{width:10px}.ruler-y .ruler-tick.numbered{width:15px}.ruler-y .ruler-label{right:18px;transform:translateY(-50%)}.ruler-corner{position:absolute;top:-30px;left:-30px;width:30px;height:30px;background:#00f2fe;display:flex;align-items:center;justify-content:center;color:#000;font-weight:900;font-size:10px;border-radius:4px 0 0}.wizard-wrapper{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:2rem;animation:slideInModern .6s cubic-bezier(.16,1,.3,1)}.wizard-card{width:100%;max-width:720px;padding:4rem 3rem;text-align:center}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.role-option{padding:2rem 1.5rem;cursor:pointer;transition:all .4s ease;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;gap:1rem}.role-icon{font-size:2.5rem;margin-bottom:.5rem}.role-option h3{font-size:1.2rem;font-weight:800;margin:0;color:#fff}.role-option p{font-size:.85rem;color:#718096;line-height:1.4}.role-option:hover{transform:translateY(-8px);background:rgba(255,255,255,.03);border-color:#ffffff26}.role-option.highlight-red:hover{border-color:red;box-shadow:0 15px 30px #ff000026}.wizard-form{display:flex;flex-direction:column;gap:1.5rem;text-align:left;max-width:480px;margin:0 auto}.wizard-actions{display:flex;align-items:center;justify-content:space-between;margin-top:2rem}.btn-small{padding:.8rem 2rem!important;font-size:.9rem!important}@keyframes slideInModern{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.wizard-card{padding:2rem 1.5rem}.role-grid{grid-template-columns:1fr}}.app-container.modern-theme{display:flex;flex-direction:column;min-height:100vh}.sticky-top{position:sticky;top:0;z-index:1000;margin-bottom:0;padding:8px 25px;border-radius:0 0 20px 20px}.header-content{display:flex;align-items:center;justify-content:space-between}.logo-section{display:flex;align-items:center;gap:1.2rem}.header-logo{height:30px;filter:drop-shadow(0 0 10px rgba(255,0,0,.3))}.header-title{font-size:1.1rem;font-weight:900;letter-spacing:2px;margin:0;color:#fff}.badge-modern{font-size:.65rem;background:#ff0000;color:#fff;padding:3px 10px;border-radius:6px;vertical-align:middle;margin-left:.5rem}.header-actions{display:flex;align-items:center;gap:1.5rem}.user-profile.glass{padding:.5rem 1.2rem;display:flex;align-items:center;gap:1rem;border-radius:99px;background:rgba(255,255,255,.05)}.app-container.user-layout{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#000}.premium-header{flex-shrink:0;height:48px}.editor-wrapper-saas{flex:1;overflow:hidden;position:relative}.footer-credits{flex-shrink:0;height:20px;line-height:20px;padding:0 20px;background:rgba(0,0,0,.5);font-size:11px;text-align:center}.user-email-chip{font-size:.8rem;font-weight:600;color:#a0aec0}.logout-icon-btn{background:rgba(255,0,0,.1);border:1px solid rgba(255,0,0,.2);color:#f33;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem}.logout-icon-btn:hover{background:#ff0000;color:#fff;transform:rotate(90deg)}.lang-switcher-inline{display:flex;gap:.5rem}.lang-switcher-inline button{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#718096;padding:5px 12px;border-radius:8px;font-size:.75rem;font-weight:800}.lang-switcher-inline button.active{background:#ff0000;color:#fff;border-color:red}.main-content-flow{flex:1;width:100%}.modern-footer{padding:3rem;font-size:.85rem;color:#4a5568;letter-spacing:1px}.spinner.red-glow{width:60px;height:60px;border:4px solid rgba(255,255,255,.05);border-top-color:red;box-shadow:0 0 20px #ff00001a}@keyframes scan{to{transform:rotate(360deg)}}@media (max-width: 1024px){.premium-header{padding:5px 15px;height:auto;border-radius:0 0 15px 15px}.logo-section{gap:.5rem}.header-logo{height:24px}.header-title{font-size:.8rem!important;letter-spacing:1px!important}.badge-modern,.user-email-chip,.lang-switcher-inline{display:none!important}.user-profile.glass{padding:0;gap:0;background:transparent;border:none;box-shadow:none}.header-actions{gap:.8rem}}:root{margin:0;padding:0;height:100%;overflow:hidden;font-family:Outfit,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e2e8f0;background-color:#05070a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;height:100%;background:radial-gradient(circle at 0% 0%,#1a1a2e 0%,#05070a 100%);overflow:hidden}#root{margin:0;padding:0;height:100%;width:100%;text-align:center}.glass{background:rgba(15,23,42,.6);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:24px}.glow-red{box-shadow:0 0 25px #ff000026}.glow-logo{filter:drop-shadow(0 0 10px rgba(255,0,0,.3))}*{transition:all .4s cubic-bezier(.16,1,.3,1)}button{cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ff0000}