.landing-container{position:relative;min-height:100vh;background:#000;color:#fff;overflow-x:hidden}.landing-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"%3E%3Cfilter id="noise"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100" height="100" filter="url(%23noise)" fill="%23ffffff" opacity="0.05"/%3E%3C/svg%3E');z-index:0;pointer-events:none}.landing-navbar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 5%;position:fixed;top:0;left:0;right:0;background:#000;z-index:1000;border-bottom:1px solid #ffffff;max-width:1400px;margin:0 auto;transition:all .4s ease;height:clamp(60px,10vw,70px);animation:slideInDown .6s ease-out}.landing-navbar.scrolled{padding:.5rem 5%;height:clamp(50px,8vw,60px)}.landing-nav-logo{font-size:clamp(1.5rem,4vw,2rem);font-weight:900;display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;position:relative;z-index:1;letter-spacing:1px}.landing-logo-icon{font-size:clamp(1.5rem,4vw,2.2rem);transition:transform .3s ease}.landing-nav-logo:hover .landing-logo-icon{transform:rotate(360deg)}.landing-nav-links{display:flex;gap:clamp(1rem,3vw,2rem);align-items:center;position:relative;z-index:1}.landing-nav-links li{list-style:none;animation:fadeIn .5s ease-out forwards;animation-delay:calc(.1s * var(--i))}.landing-nav-links a{color:#fff;text-decoration:none;font-size:clamp(.9rem,2.5vw,1rem);font-weight:500;transition:all .3s ease;padding:.5rem 0;position:relative;letter-spacing:.5px}.landing-nav-links a:hover{transform:translateY(-2px)}.landing-nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff;transition:width .3s ease}.landing-nav-links a:hover:after{width:100%}.landing-nav-cta{background:#fff;color:#000;border:none;padding:clamp(.5rem,2vw,.7rem) clamp(1rem,3vw,1.5rem);border-radius:50px;cursor:pointer;font-size:clamp(.9rem,2.5vw,1rem);font-weight:600;transition:all .3s ease;position:relative;z-index:1;animation:pulse 2s infinite ease-in-out}.landing-nav-cta:hover{transform:scale(1.05)}.landing-nav-menu-icon{display:none;font-size:clamp(1.5rem,5vw,1.8rem);cursor:pointer;color:#fff;position:relative;z-index:1;transition:transform .3s ease}.landing-nav-menu-icon:hover{transform:scale(1.2) rotate(90deg)}.landing-main-content{flex:1;margin-top:clamp(60px,10vw,70px);position:relative;z-index:1}.landing-hero{position:relative;padding:4rem 5% 2rem;max-width:1400px;margin:0 auto;min-height:calc(100vh - clamp(60px,10vw,70px))}.landing-hero-content{display:flex;flex-direction:column;gap:3rem;animation:fadeInUp .8s ease-out}@media (min-width: 900px){.landing-hero-content{flex-direction:row;align-items:center;justify-content:space-between}}.landing-hero-text{flex:1;max-width:600px;animation:slideInLeft .8s ease-out}.landing-hero-badge{display:inline-block;background:#fff;color:#000;padding:.5rem 1.2rem;border-radius:50px;font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:1.5rem;border:1px solid #000000;animation:bounceIn 1s ease-out}.landing-hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.5px;color:#fff}.landing-title-gradient{color:#fff;display:inline-block}.landing-hero-subtitle{font-size:clamp(1.1rem,3vw,1.4rem);margin-bottom:2rem;line-height:1.6;max-width:600px;font-weight:400;color:#fff}.landing-hero-cta-container{display:flex;gap:1rem;margin-top:2rem}.landing-cta-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.landing-cta-button.primary{background:#fff;color:#000;border:none;animation:pulse 2s infinite ease-in-out}.landing-cta-button.primary:hover{transform:translateY(-3px)}.landing-cta-button.secondary{background:#000;color:#fff;border:2px solid #ffffff}.landing-cta-button.secondary:hover{background:#fff;color:#000}.landing-cta-icon{margin-left:.5rem;transition:transform .3s ease}.landing-cta-button:hover .landing-cta-icon{transform:translate(5px)}.landing-hero-visual{flex-shrink:0;width:100%;max-width:500px;position:relative;perspective:1000px;animation:slideInRight .8s ease-out}@media (min-width: 900px){.landing-hero-visual{margin-left:2rem}}.landing-visual-container{position:relative;width:100%;height:350px}.landing-visual-card{position:absolute;border-radius:20px;background:#000;box-shadow:0 20px 50px #000;transition:all .5s cubic-bezier(.25,.8,.25,1);overflow:hidden;border:1px solid #ffffff}.landing-visual-card-1{width:60%;height:60%;top:5%;left:10%;z-index:3;transform:rotate(-5deg) translateY(0);animation:float-1 8s ease-in-out infinite,fadeIn 1s ease-out}.landing-visual-card-2{width:55%;height:55%;top:20%;right:10%;z-index:2;transform:rotate(3deg) translateY(0);animation:float-2 7s ease-in-out infinite 1s,fadeIn 1.2s ease-out}.landing-visual-card-3{width:50%;height:50%;bottom:15%;left:25%;z-index:1;transform:rotate(-2deg) translateY(0);animation:float-3 9s ease-in-out infinite .5s,fadeIn 1.4s ease-out}.landing-hero-stats{width:100%;margin-top:4rem;padding-top:3rem;border-top:1px solid #ffffff;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.landing-stat-item{text-align:center;padding:1.5rem 2rem;background:#000;border-radius:15px;border:1px solid #ffffff;min-width:180px;transition:transform .3s ease;animation:slideInUp .8s ease-out forwards;animation-delay:calc(.2s * var(--i))}.landing-stat-item:hover{transform:translateY(-5px)}.landing-stat-number{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.landing-stat-label{font-size:1rem;font-weight:500;color:#fff}.landing-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.landing-particle{position:absolute;background:#fff;border-radius:50%;filter:blur(1px);animation:float-particle linear infinite;width:var(--size);height:var(--size);animation-duration:var(--duration)}.landing-features{padding:clamp(4rem,12vw,6rem) 5%;text-align:center;max-width:1400px;margin:0 auto;position:relative;z-index:1}.landing-features h2{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:clamp(2rem,8vw,3rem);font-weight:900;letter-spacing:1px;animation:fadeIn .8s ease-out;color:#fff}.landing-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(250px,30vw,300px),1fr));gap:clamp(1.5rem,5vw,2rem)}.landing-feature-card{background:#000;border:1px solid #ffffff;padding:clamp(1.5rem,5vw,2.5rem);border-radius:25px;transition:all .4s ease;position:relative;overflow:hidden;z-index:1;animation:slideInUp .8s ease-out forwards;animation-delay:calc(.2s * var(--i))}.landing-feature-card:hover{transform:translateY(-10px)}.landing-feature-icon{font-size:clamp(2.5rem,8vw,3.5rem);margin-bottom:clamp(1rem,3vw,1.5rem);color:#fff;animation:bounce 2s infinite ease-in-out}.landing-feature-card h3{font-size:clamp(1.3rem,4vw,1.8rem);margin-bottom:clamp(.5rem,2vw,.8rem);font-weight:700;color:#fff}.landing-feature-card p{font-size:clamp(.9rem,3vw,1.1rem);line-height:1.5;color:#fff}.landing-workflow{padding:clamp(4rem,12vw,6rem) 5%;text-align:center;max-width:1400px;margin:0 auto;position:relative;z-index:1}.landing-workflow h2{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:clamp(2rem,8vw,3rem);font-weight:900;letter-spacing:1px;animation:fadeIn .8s ease-out;color:#fff}.landing-workflow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(200px,30vw,250px),1fr));gap:clamp(1.5rem,5vw,2rem)}.landing-step{text-align:left;padding:clamp(1rem,4vw,1.5rem);border-left:4px solid #ffffff;transition:transform .3s ease;position:relative;z-index:1;animation:slideInLeft .8s ease-out forwards;animation-delay:calc(.2s * var(--i))}.landing-step:hover{transform:translate(10px)}.landing-step-number{background:#fff;color:#000;width:clamp(50px,15vw,60px);height:clamp(50px,15vw,60px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:clamp(1.5rem,5vw,1.8rem);margin-bottom:clamp(.8rem,3vw,1rem);animation:bounce 2s infinite ease-in-out}.landing-step h3{font-size:clamp(1.2rem,4vw,1.5rem);margin-bottom:clamp(.5rem,2vw,.7rem);font-weight:700;color:#fff}.landing-step p{font-size:clamp(.9rem,3vw,1.1rem);line-height:1.5;color:#fff}.landing-faq{padding:clamp(4rem,12vw,6rem) 5%;text-align:center;max-width:1400px;margin:0 auto;position:relative;z-index:1}.landing-faq h2{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:clamp(2rem,8vw,3rem);font-weight:900;letter-spacing:1px;animation:fadeIn .8s ease-out;color:#fff}.landing-faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(250px,30vw,300px),1fr));gap:clamp(1.5rem,5vw,2rem)}.landing-faq-item{background:#000;border:1px solid #ffffff;padding:clamp(1.5rem,5vw,2rem);border-radius:20px;transition:all .3s ease;text-align:left;position:relative;z-index:1;animation:slideInUp .8s ease-out forwards;animation-delay:calc(.2s * var(--i))}.landing-faq-item:hover{transform:scale(1.03)}.landing-faq-icon{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:clamp(.8rem,3vw,1rem);color:#fff;animation:spin 4s linear infinite}.landing-faq-item h4{font-size:clamp(1rem,3.5vw,1.3rem);margin-bottom:clamp(.5rem,2vw,.8rem);font-weight:700;color:#fff}.landing-faq-item p{font-size:clamp(.9rem,3vw,1.1rem);line-height:1.5;color:#fff}.landing-contact{padding:clamp(4rem,12vw,6rem) 5%;text-align:center;max-width:1400px;margin:0 auto;position:relative;z-index:1}.landing-contact h2{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:clamp(1rem,4vw,1.5rem);font-weight:900;letter-spacing:1px;animation:fadeIn .8s ease-out;color:#fff}.landing-contact p{font-size:clamp(1rem,3.5vw,1.3rem);max-width:clamp(300px,80%,600px);margin:0 auto clamp(1.5rem,5vw,2rem);line-height:1.6;color:#fff}.landing-contact-button{background:#000;border:2px solid #ffffff;color:#fff;padding:clamp(.8rem,3vw,1rem) clamp(2rem,6vw,3rem);font-size:clamp(1rem,3vw,1.2rem);border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;position:relative;z-index:1;animation:pulse 2s infinite ease-in-out}.landing-contact-button:hover{background:#fff;color:#000;transform:scale(1.05)}.landing-footer{padding:clamp(2rem,6vw,3rem) 5%;background:#000;text-align:center;max-width:1400px;margin:0 auto;position:relative;z-index:1;border-top:1px solid #ffffff}.landing-footer-logo{font-size:clamp(1.5rem,5vw,2rem);font-weight:900;margin-bottom:clamp(1rem,4vw,1.5rem);display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:1px;color:#fff}.landing-footer-links{display:flex;justify-content:center;gap:clamp(1.5rem,5vw,2rem);margin-bottom:clamp(1rem,4vw,1.5rem);flex-wrap:wrap}.landing-footer-links a{color:#fff;text-decoration:none;font-size:clamp(.9rem,3vw,1.1rem);transition:all .3s ease;animation:fadeIn .5s ease-out forwards;animation-delay:calc(.1s * var(--i))}.landing-footer-links a:hover{transform:translateY(-2px)}.landing-footer-social{display:flex;justify-content:center;gap:clamp(1rem,4vw,1.5rem);margin-bottom:clamp(1rem,4vw,1.5rem);flex-wrap:wrap}.landing-footer-social a{color:#fff;text-decoration:none;font-size:clamp(1.2rem,3vw,1.5rem);transition:all .3s ease;animation:bounceIn .8s ease-out forwards;animation-delay:calc(.1s * var(--i))}.landing-footer-social a:hover{transform:scale(1.2)}.landing-footer p{font-size:clamp(.8rem,2.5vw,.9rem);color:#fff}.landing-card-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;animation:zoomIn 10s ease-in-out infinite}@media (max-width: 900px){.landing-feature-grid,.landing-workflow-steps,.landing-faq-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(220px,25vw,260px),1fr))}.landing-navbar{padding:.8rem 4%;height:clamp(60px,10vw,70px)}.landing-navbar.scrolled{padding:.5rem 4%;height:clamp(50px,8vw,60px)}.landing-nav-links{display:none;flex-direction:column;position:fixed;top:clamp(60px,10vw,70px);left:0;right:0;background:#000;padding:2rem;text-align:center;z-index:999;border-bottom:1px solid #ffffff;animation:slideInDown .5s ease-out}.landing-nav-links.active{display:flex}.landing-nav-menu-icon{display:block}.landing-navbar.scrolled .landing-nav-links.active{top:clamp(50px,8vw,60px)}.landing-main-content{margin-top:clamp(60px,10vw,70px)}.landing-hero{padding:3rem 5% 2rem;min-height:auto}.landing-hero-content{gap:2rem}.landing-hero-text{text-align:center;max-width:100%}.landing-hero-visual{max-width:100%}.landing-visual-container{height:300px}.landing-features,.landing-workflow,.landing-faq,.landing-contact{padding:clamp(3rem,10vw,5rem) 5%}.landing-feature-card,.landing-faq-item{padding:clamp(1.2rem,4vw,1.8rem)}}@media (max-width: 480px){.landing-hero{padding:2rem 5%}.landing-hero-title{font-size:clamp(2rem,6vw,3rem)}.landing-hero-subtitle{font-size:clamp(1rem,3vw,1.2rem)}.landing-hero-cta-container{flex-direction:column;gap:1rem}.landing-cta-button{width:100%;padding:1rem}.landing-visual-container{height:250px}.landing-hero-stats{margin-top:3rem;padding-top:3rem;gap:1rem}.landing-stat-item{min-width:140px;padding:1rem 1.5rem}.landing-stat-number{font-size:1.8rem}.landing-feature-card,.landing-step,.landing-faq-item{padding:clamp(1rem,3vw,1.5rem)}.landing-step-number{width:clamp(40px,12vw,50px);height:clamp(40px,12vw,50px);font-size:clamp(1.2rem,4vw,1.5rem)}.landing-nav-logo,.landing-logo-icon{font-size:clamp(1.3rem,4vw,1.6rem)}.landing-nav-cta{padding:clamp(.4rem,1.5vw,.6rem) clamp(.8rem,2.5vw,1.2rem);font-size:clamp(.8rem,2vw,.9rem)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fadeInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.2);opacity:.7}70%{transform:scale(.9);opacity:1}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{box-shadow:0 0 #fff}70%{box-shadow:0 0 0 15px #000}to{box-shadow:0 0 #000}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes zoomIn{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float-1{0%,to{transform:rotate(-5deg) translateY(0) scale(1)}50%{transform:rotate(-6deg) translateY(-15px) scale(1.02)}}@keyframes float-2{0%,to{transform:rotate(3deg) translateY(0) scale(1)}50%{transform:rotate(4deg) translateY(-10px) scale(1.02)}}@keyframes float-3{0%,to{transform:rotate(-2deg) translateY(0) scale(1)}50%{transform:rotate(-3deg) translateY(-20px) scale(1.02)}}@keyframes float-particle{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(calc(20px * var(--direction)));opacity:0}}.sidebar{background-color:#000;color:#fff;height:100vh;width:280px;position:fixed;top:0;left:0;border-right:1px solid #333;display:flex;flex-direction:column;z-index:1000;transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow:16px 0 32px #0000004d}.sidebar.mobile{transform:translate(-105%)}.sidebar.mobile.open{transform:translate(0)}.sidebar-header{padding:20px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;position:relative}.sidebar-header:after{content:"";position:absolute;bottom:-1px;left:20px;width:calc(100% - 40px);height:1px;background:linear-gradient(90deg,rgba(255,255,255,.3),transparent)}.user-profile{display:flex;align-items:center;gap:12px;width:100%;transition:transform .3s ease}.user-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #fff}.user-info{flex-grow:1;overflow:hidden}.username{font-size:16px;font-weight:600;margin:0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.username:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;transition:width .4s ease}.user-profile:hover .username:after{width:100%}.user-role{font-size:12px;color:#aaa;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.user-profile:hover .user-role{color:#ddd}.sidebar-nav{flex:1;padding:10px 0;overflow-y:auto}.nav-link{display:flex;align-items:center;padding:14px 20px;color:#fff;text-decoration:none;transition:all .3s ease;position:relative;margin:2px 0}.nav-link:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:#fff;transform:scaleY(0);transform-origin:top;transition:transform .3s ease .1s}.nav-link:hover{background:#ffffff0d}.nav-link:hover:before{transform:scaleY(1)}.nav-link.active{background:#ffffff14;border-left:3px solid #fff}.nav-icon{font-size:16px;margin-right:16px;width:20px;text-align:center;transition:transform .3s ease}.nav-link:hover .nav-icon{transform:scale(1.1)}.nav-text{font-size:14px;font-weight:500}.notification-badge{position:absolute;top:-5px;right:-5px;background:red;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.notification-dot{position:absolute;right:20px;width:8px;height:8px;background:red;border-radius:50%;animation:blink 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.sidebar-footer{padding:15px 20px;border-top:1px solid #333;position:relative}.help-link{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:10px 15px;border-radius:4px;transition:all .3s ease;margin-bottom:15px}.help-link:hover{background:#333;transform:translateY(-2px)}.copyright{font-size:11px;color:#777;text-align:center;margin:0;position:relative}.copyright:before{content:"";display:block;width:40px;height:1px;background:#333;margin:0 auto 12px}.close-btn,.mobile-toggle-btn{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px;border-radius:4px;transition:all .3s ease}.close-btn:hover,.mobile-toggle-btn:hover{background:#333;transform:rotate(90deg)}.mobile-toggle-btn{position:fixed;top:20px;right:20px;z-index:1100;background:#000;border:1px solid #333}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#444;border-radius:2px}@media (max-width: 767px){.sidebar{width:280px}}@media (min-width: 768px){.mobile-toggle-btn{display:none}}:root{--primary: #FFFFFF;--secondary: #FFFFFF;--dark: #000000;--darker: #000000;--light: #FFFFFF;--lighter: #FFFFFF;--gray: #FFFFFF;--pink: #FFFFFF;--blue: #FFFFFF;--yellow: #FFFFFF}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000!important;color:#fff!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.dashboard{display:flex;min-height:100vh;background-color:#000!important;color:#fff!important;position:relative}.dashboard-main{flex:1;padding:4rem 2rem 2rem;margin-left:0;width:100%;transition:margin-left .3s ease}.dashboard-main.sidebar-active{margin-left:280px;width:calc(100% - 280px)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #FFFFFF!important;flex-wrap:wrap;gap:1rem}.welcome-message h1{font-size:clamp(1.5rem,5vw,2rem);font-weight:700;margin-bottom:.5rem;line-height:1.2;color:#fff!important}.welcome-message h1 span{color:#fff!important}.welcome-message p{color:#fff!important;font-size:clamp(.9rem,3vw,1rem)}.new-episode-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff!important;color:#000!important;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:clamp(.9rem,2.5vw,1rem);white-space:nowrap;text-decoration:none}.new-episode-btn:hover{background:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d!important}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;padding:1.5rem;background:#000!important;border-radius:12px;border:1px solid #FFFFFF!important;transition:all .3s ease;gap:1rem;animation:fadeIn .5s ease forwards}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d;border:1px solid #FFFFFF!important}.stat-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:12px;font-size:1.2rem;color:#fff!important;flex-shrink:0;background:#000!important;border:1px solid #FFFFFF!important}.stat-info h3{font-size:clamp(1.2rem,4vw,1.5rem);font-weight:700;margin-bottom:.25rem;color:#fff!important}.stat-info p{color:#fff!important;font-size:clamp(.8rem,2.5vw,.9rem);margin-bottom:.25rem}.trend{display:flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;color:#fff!important}.trend.up{color:#fff!important}.analytics-section{margin-bottom:2rem}.analytics-section h2{display:flex;align-items:center;gap:.5rem;font-size:clamp(1.2rem,4vw,1.5rem);font-weight:600;margin-bottom:1.5rem;color:#fff!important}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:1.5rem}.chart-wrapper{background:#000!important;border-radius:12px;border:1px solid #FFFFFF!important;padding:1.5rem;width:100%;box-sizing:border-box;transition:all .3s ease}.chart-wrapper:hover{border:1px solid #FFFFFF!important}.chart-wrapper h3{font-size:clamp(1rem,3vw,1.2rem);font-weight:600;margin-bottom:1rem;color:#fff!important}.chart-container{height:clamp(200px,40vw,250px);width:100%;max-width:100%;position:relative}.content-section{background:#000!important;border-radius:12px;border:1px solid #FFFFFF!important;padding:1.5rem;margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-header h2{display:flex;align-items:center;gap:.5rem;font-size:clamp(1.2rem,4vw,1.5rem);font-weight:600;color:#fff!important}.filter-control{display:flex;align-items:center;gap:.5rem;background:#000!important;padding:.5rem 1rem;border-radius:8px;border:1px solid #FFFFFF!important}.filter-control select{background:transparent;border:none;color:#fff!important;cursor:pointer;font-size:clamp(.8rem,2.5vw,.9rem);appearance:none;padding:.25rem 0}.filter-control select:focus{outline:none}.content-table{overflow-x:auto;width:100%;border-radius:8px}.content-table table{width:100%;border-collapse:collapse;min-width:600px}.content-table th{text-align:left;padding:1rem;color:#fff!important;font-weight:500;border-bottom:1px solid #FFFFFF!important;font-size:clamp(.8rem,2.5vw,.9rem)}.content-table td{padding:1rem;border-bottom:1px solid #FFFFFF!important;font-size:clamp(.8rem,2.5vw,.9rem);color:#fff!important}.content-title{display:flex;align-items:center;gap:.75rem}.content-title a{color:#fff!important;text-decoration:none;display:flex;align-items:center;gap:.25rem;transition:color .2s ease}.content-title a:hover{color:#fff!important}.external-icon{font-size:.8rem;color:#fff!important}.status{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:clamp(.7rem,2vw,.8rem);font-weight:500;background:#000!important;color:#fff!important;border:1px solid #FFFFFF!important}.status.published,.status.scheduled{background:#000!important;color:#fff!important;border:1px solid #FFFFFF!important}.menu-btn{background:none;border:none;color:#fff!important;cursor:pointer;transition:all .2s;font-size:clamp(.9rem,2.5vw,1rem);padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.menu-btn:hover{background:#fff!important;color:#000!important}@media (min-width: 1024px){.dashboard-main{margin-left:280px;width:calc(100% - 280px);padding-top:2rem}.mobile-header{display:none}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-header{flex-direction:column;align-items:flex-start}.new-episode-btn{width:100%;justify-content:center}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.mobile-header{display:flex}.dashboard-main{padding:5rem 1rem 1.5rem}.chart-wrapper,.content-section{padding:1rem}.content-table th,.content-table td{padding:.75rem}}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}:root{--primary: #FFFFFF;--secondary: #FFFFFF;--dark: #000000;--darker: #000000;--light: #FFFFFF;--lighter: #FFFFFF;--gray: #FFFFFF;--error: #FFFFFF;--success: #FFFFFF;--warning: #FFFFFF}.upload-page{display:flex;min-height:100vh;background-color:#000!important;color:#fff!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.upload-main{flex:1;padding:2rem 2rem 2rem calc(280px + 2rem);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background-color:#000!important}.upload-container{width:100%;max-width:1200px;margin:0 auto;background-color:#000!important}.upload-card{width:100%;background:#000!important;border-radius:16px;padding:2.5rem;box-shadow:0 10px 30px #0000004d;border:1px solid #FFFFFF!important}.upload-header{text-align:center;margin-bottom:2rem}.upload-title{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;line-height:1.2;color:#fff!important;position:relative;z-index:1}.upload-subtitle{color:#fff!important;font-size:1.1rem;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2.5rem}.feature-card{background:#000!important;border-radius:12px;padding:1.5rem;text-align:center;transition:transform .3s ease;border:1px solid #FFFFFF!important;position:relative}.feature-card:hover{transform:translateY(-5px);background:#000!important;border:1px solid #FFFFFF!important;box-shadow:0 5px 15px #fff3;z-index:1}.feature-icon{width:50px;height:50px;background:#000!important;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff!important;font-size:1.2rem;border:1px solid #FFFFFF!important}.feature-card h3{font-size:1.1rem;margin-bottom:.5rem;color:#fff!important}.feature-card p{color:#fff!important;font-size:.9rem;margin:0}.upload-zone{border:2px dashed #FFFFFF!important;border-radius:12px;padding:3rem 2rem;text-align:center;margin-bottom:1.5rem;transition:all .3s ease;position:relative;background:#000!important}.upload-zone:hover,.upload-zone.has-error,.upload-zone.has-success{border:2px dashed #FFFFFF!important;background:#000!important}.upload-icon-container{position:relative;display:inline-block;margin-bottom:1rem}.upload-icon{color:#fff!important;position:relative;z-index:2}.upload-icon-shadow{position:absolute;width:60px;height:60px;background:#000!important;border-radius:50%;top:-6px;left:-6px;z-index:1;animation:pulse 2s infinite;border:1px solid #FFFFFF!important}.upload-zone h3{font-size:1.3rem;margin-bottom:.5rem;color:#fff!important}.upload-hint{color:#fff!important;font-size:.9rem;margin-bottom:1rem}.upload-or{display:block;margin:1rem 0;color:#fff!important;position:relative}.upload-or:before,.upload-or:after{content:"";position:absolute;height:1px;width:40%;top:50%;background:#fff!important}.upload-or:before{left:0}.upload-or:after{right:0}.upload-label{display:inline-block;padding:.75rem 1.5rem;background:#fff!important;color:#000!important;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.upload-label:hover{background:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d!important;z-index:1}.upload-label span{position:relative;z-index:2;color:#000!important}.upload-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.upload-success-content{display:flex;flex-direction:column;align-items:center}.success-icon{color:#fff!important;margin-bottom:1rem}.upload-success-content h3{font-size:1.3rem;margin-bottom:.5rem;color:#fff!important}.upload-success-content p{color:#fff!important;margin-bottom:1.5rem}.success-progress{width:100%;height:6px;background:#000!important;border-radius:3px;overflow:hidden;max-width:300px;border:1px solid #FFFFFF!important}.upload-message{display:flex;align-items:center;padding:1rem;border-radius:8px;margin-bottom:1.5rem;gap:.75rem;background:#000!important;border:1px solid #FFFFFF!important}.upload-message.error,.upload-message.info{background:#000!important;color:#fff!important;border:1px solid #FFFFFF!important}.upload-message.info h4{margin-bottom:.25rem;color:#fff!important}.upload-message.info p{font-size:.9rem;margin:0;color:#fff!important}.dismiss-error{background:none;border:none;color:#fff!important;margin-left:auto;cursor:pointer;transition:opacity .2s}.dismiss-error:hover{opacity:.7}.file-list{margin-bottom:1.5rem}.file-list-title{font-size:1rem;margin-bottom:.75rem;color:#fff!important}.file-item{display:flex;align-items:center;padding:1rem;background:#000!important;border-radius:8px;gap:1rem;border:1px solid #FFFFFF!important}.file-icon{color:#fff!important;font-size:1.2rem}.file-info{flex:1}.file-name{display:block;font-weight:500;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff!important}.file-details{font-size:.8rem;color:#fff!important}.remove-btn{background:none;border:none;color:#fff!important;cursor:pointer;transition:all .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.remove-btn:hover{background:#fff!important;color:#000!important}.remove-btn:disabled{opacity:.5;cursor:not-allowed}.progress-container{margin-bottom:1.5rem}.progress-labels{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:#fff!important}.progress-track{height:6px;background:#000!important;border-radius:3px;overflow:hidden;border:1px solid #FFFFFF!important}.progress-bar{height:100%;background:#fff!important;border-radius:3px;transition:width .3s ease}.upload-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem;background:#fff!important;color:#000!important;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #fff6!important}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.upload-btn.processing{background:#fff!important}.upload-footer{text-align:center;font-size:.8rem;color:#fff!important}.upload-footer a{color:#fff!important;text-decoration:none}.upload-footer a:hover{text-decoration:underline}@keyframes pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:.4}to{transform:scale(1);opacity:.7}}@media (max-width: 1200px){.upload-main{padding-left:calc(280px + 1rem);padding-right:1rem}}@media (max-width: 992px){.upload-card{padding:2rem}}@media (max-width: 768px){.upload-main{padding:1rem 1rem 1rem calc(280px + 1rem)}.upload-card{padding:1.5rem}.upload-title{font-size:1.8rem}.upload-subtitle{font-size:1rem}.features-grid{grid-template-columns:1fr}}@media (max-width: 576px){.upload-main{padding-left:1rem;margin-left:0}.upload-title{font-size:1.5rem}.upload-zone{padding:2rem 1rem}.upload-zone h3{font-size:1.1rem}}:root{--primary: #FFFFFF;--primary-light: #FFFFFF;--secondary: #FFFFFF;--secondary-light: #FFFFFF;--dark: #000000;--darker: #000000;--light: #FFFFFF;--lighter: #FFFFFF;--lightest: #FFFFFF;--gray: #FFFFFF;--gray-light: #FFFFFF;--error: #FFFFFF;--success: #FFFFFF;--warning: #FFFFFF}.blog-editor-container{display:flex;min-height:100vh;background-color:#000!important;color:#fff!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.blog-editor-content{flex:1;padding:2rem;margin-left:280px;min-height:100vh;transition:margin-left .3s ease,width .3s ease}.glass-card{max-width:900px;margin:0 auto;padding:2rem;background:#000!important;border-radius:16px;border:1px solid #FFFFFF!important;box-shadow:0 8px 32px #0000004d}.editor-header{margin-bottom:2rem;text-align:center}.editor-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#fff!important;-webkit-background-clip:initial;background-clip:initial;background:none;position:relative;z-index:1}.editor-subtitle{color:#fff!important;font-size:1rem}.editor-tabs{display:flex;border-bottom:1px solid #FFFFFF!important;margin-bottom:2rem}.tab-btn{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#fff!important;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-btn.active{color:#fff!important;border-bottom-color:#fff!important}.tab-btn:hover:not(.active){color:#fff!important}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;color:#fff!important;font-weight:500}.input-field{width:100%;padding:.75rem 1rem;background:#000!important;border:1px solid #FFFFFF!important;border-radius:8px;color:#fff!important;font-size:1rem;transition:border-color .3s,box-shadow .3s}.character-count{text-align:right;font-size:.8rem;color:#fff!important;margin-top:.25rem}.keyword-section label{display:block;margin-bottom:.5rem;color:#fff!important;font-weight:500}.keyword-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.chip{display:inline-flex;align-items:center;padding:.5rem .75rem;background:#000!important;border-radius:20px;color:#fff!important;font-size:.85rem;border:1px solid #FFFFFF!important}.chip-remove{margin-left:.5rem;background:none;border:none;color:#fff!important;cursor:pointer;font-size:1rem;transition:color .2s}.chip-remove:hover{color:#fff!important}.keyword-input-group{display:flex;gap:.5rem;width:100%}.keyword-input{flex:1}.add-keyword-btn{padding:0 1rem;background:#fff!important;color:#000!important;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.add-keyword-btn:disabled{opacity:.5;cursor:not-allowed}.add-keyword-btn:not(:disabled):hover{background:#fff!important}.tone-selection{margin-bottom:1.5rem}.tone-selection label{display:block;margin-bottom:.5rem;color:#fff!important;font-weight:500}.rich-text-editor{margin-bottom:2rem}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background:#000!important;border:1px solid #FFFFFF!important;border-radius:8px 8px 0 0}.toolbar-group{display:flex;gap:.25rem;padding-right:.75rem;margin-right:.75rem;border-right:1px solid #FFFFFF!important}.toolbar-group:last-child{border-right:none;padding-right:0;margin-right:0}.toolbar-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#000!important;border:1px solid #FFFFFF!important;border-radius:6px;color:#fff!important;cursor:pointer;transition:all .2s}.toolbar-btn:hover{background:#000!important;border-color:#fff!important;color:#fff!important}.editor{width:100%;min-height:300px;padding:1.5rem;background:#000!important;border:1px solid #FFFFFF!important;border-top:none;border-radius:0 0 8px 8px;color:#fff!important;font-size:1rem;line-height:1.6;outline:none}.editor:empty:before{content:attr(placeholder);color:#fff!important}.editor-footer{display:flex;justify-content:space-between;margin-top:1rem;font-size:.85rem;color:#fff!important}.stats{display:flex;gap:1rem}.seo-score-display{display:flex;align-items:center;gap:.5rem;color:#fff!important}.ai-generate-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem;margin-bottom:2rem;background:#fff!important;border:none;border-radius:8px;color:#000!important;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .3s,opacity .3s}.ai-generate-btn:hover:not(:disabled){transform:translateY(-2px);opacity:.9}.ai-generate-btn:disabled{opacity:.7;cursor:not-allowed}.preview-container{padding:2rem;background:#000!important;border:1px solid #FFFFFF!important;border-radius:8px;margin-bottom:2rem}.preview-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#fff!important}.preview-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #FFFFFF!important;font-size:.9rem;color:#fff!important}.preview-content{line-height:1.8}.preview-content h2{font-size:1.5rem;margin:1.5rem 0 1rem;color:#fff!important}.preview-content p{margin-bottom:1rem;color:#fff!important}.preview-content ul,.preview-content ol{margin:1rem 0;padding-left:2rem;color:#fff!important}.seo-score-card{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;background:#000!important;border:1px solid #FFFFFF!important;border-radius:8px}.score-circle{position:relative;width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:5px solid #000000!important;box-shadow:0 0 0 4px #fff!important}.score-label{font-size:.9rem;color:#fff!important}.score-breakdown{width:100%}.score-breakdown h3{font-size:1.25rem;margin-bottom:1rem;color:#fff!important}.score-breakdown ul{list-style:none;padding:0;margin:0}.score-breakdown li{padding:.75rem 0;border-bottom:1px solid #FFFFFF!important;display:flex;align-items:center;gap:.75rem;color:#fff!important}.score-breakdown li:last-child{border-bottom:none}.score-breakdown .passed,.score-breakdown .failed{color:#fff!important}.editor-actions{display:flex;justify-content:flex-end;gap:1rem}.secondary-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:1px solid #FFFFFF!important;border-radius:8px;color:#fff!important;font-weight:600;cursor:pointer;transition:all .3s}.secondary-button:hover{background:#000!important;border-color:#fff!important;color:#fff!important}.primary-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff!important;color:#000!important;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}@media (max-width: 1200px){.blog-editor-content{margin-left:0;width:100%;padding:1.5rem}}@media (max-width: 768px){.glass-card{padding:1.5rem}.editor-title{font-size:1.5rem}.editor-subtitle{font-size:.9rem}.tab-btn{padding:.5rem 1rem;font-size:.9rem}.editor{min-height:250px}.preview-title{font-size:1.5rem}.score-circle{width:100px;height:100px}.score-value{font-size:1.5rem}.editor-actions{flex-direction:column;gap:.75rem}.secondary-button,.primary-button{width:100%;justify-content:center}}@media (max-width: 480px){.glass-card{padding:1rem}.editor-title{font-size:1.25rem}.toolbar{flex-direction:column;align-items:flex-start}.toolbar-group{border-right:none;padding-right:0;margin-right:0;margin-bottom:.5rem}.toolbar-group:last-child{margin-bottom:0}.preview-container{padding:1rem}.preview-title{font-size:1.25rem}.seo-score-card{padding:1rem}.score-circle{width:80px;height:80px}.score-value{font-size:1.25rem}.score-breakdown h3{font-size:1rem}}.mobile-header{display:flex;padding:1rem;background:#000!important;position:fixed;top:0;left:0;right:0;z-index:100;box-shadow:0 2px 10px #0003}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.navbar-title{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;color:#fff!important}.home-icon{font-size:1.4rem;color:#fff!important}.menu-toggle{background:none;border:none;color:#fff!important;font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.menu-toggle:hover{background:#fff!important;color:#000!important}.blog-editor-content{margin-left:0;transition:margin-left .3s ease;padding-top:4rem}.blog-editor-content.sidebar-active{margin-left:280px}@media (min-width: 1024px){.mobile-header{display:none}.blog-editor-content{margin-left:280px;padding-top:2rem}}:root{--primary: #FFFFFF;--primary-light: #FFFFFF;--secondary: #FFFFFF;--secondary-light: #FFFFFF;--dark: #000000;--darker: #000000;--light: #FFFFFF;--lighter: #FFFFFF;--lightest: #FFFFFF;--gray: #FFFFFF;--gray-light: #FFFFFF;--success: #FFFFFF;--warning: #FFFFFF;--error: #FFFFFF}.metadata-container{display:flex;min-height:100vh;background-color:#000!important;color:#fff!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.metadata-content{flex:1;padding:2rem;margin-left:280px;min-height:100vh;transition:margin-left .3s ease}.glass-card{width:100%;max-width:1200px;margin:0 auto;padding:2.5rem;background:#000!important;border-radius:16px;border:1px solid #FFFFFF!important;box-shadow:0 10px 30px #0000004d}.metadata-header{margin-bottom:2rem;text-align:center}.metadata-title{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;line-height:1.2;color:#fff!important;position:relative;z-index:1}.gradient-text{color:#fff!important;-webkit-background-clip:initial;background-clip:initial;background:none}.metadata-subtitle{color:#fff!important;font-size:1.1rem;max-width:600px;margin:0 auto}.metadata-grid{display:grid;grid-template-columns:1fr 350px;gap:2rem}.metadata-form{display:flex;flex-direction:column;gap:1.5rem}.metadata-sidebar{position:relative}.meta-field{display:flex;flex-direction:column;gap:.75rem}.input-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#fff!important}.input-icon{color:#fff!important}.char-counter{margin-left:auto;font-size:.8rem;color:#fff!important}.input-field{width:100%;padding:.875rem 1rem;background:#000!important;border:1px solid #FFFFFF!important;border-radius:8px;color:#fff!important;font-size:1rem;transition:all .3s ease}textarea.input-field{min-height:120px;resize:vertical}.tag-input-container{display:flex;gap:.5rem}.add-tag-button{padding:0 1.25rem;background:#fff!important;color:#000!important;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.add-tag-button:hover:not(:disabled){background:#fff!important}.add-tag-button:disabled{opacity:.5;cursor:not-allowed}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag-chip{display:inline-flex;align-items:center;padding:.5rem .875rem;background:#000!important;border-radius:20px;font-size:.85rem;color:#fff!important;border:1px solid #FFFFFF!important}.tag-remove{margin-left:.5rem;background:none;border:none;color:#fff!important;cursor:pointer;transition:color .2s}.tag-remove:hover{color:#fff!important}.seo-score-card{position:sticky;top:1rem;padding:1.5rem;background:#000!important;border:1px solid #FFFFFF!important;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.score-header{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:#fff!important}.score-icon{color:#fff!important}.score-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:5px solid #000000!important;box-shadow:0 0 0 4px #fff!important}.score-value{font-size:2rem;font-weight:700;color:#fff!important}.score-description{font-size:.9rem;font-weight:500;color:#fff!important}.seo-tips{width:100%}.tips-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#fff!important}.tips-icon{color:#fff!important}.tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.tip-item{font-size:.85rem;line-height:1.5;display:flex;align-items:flex-start;gap:.5rem;color:#fff!important}.tip-badge{flex-shrink:0;width:18px;height:18px;background:#000!important;color:#fff!important;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:1px solid #FFFFFF!important}.suggested-tags{width:100%}.suggested-tags h4{margin-bottom:.75rem;font-size:.9rem;color:#fff!important}.suggested-tags-grid{display:flex;flex-wrap:wrap;gap:.5rem}.suggested-tag{padding:.375rem .75rem;background:#000!important;border:none;border-radius:20px;color:#fff!important;font-size:.8rem;cursor:pointer;transition:all .2s;border:1px solid #FFFFFF!important}.suggested-tag:hover{background:#000!important;color:#fff!important}.metadata-actions{display:flex;justify-content:space-between;margin-top:2rem;gap:1rem}.secondary-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:1px solid #FFFFFF!important;border-radius:8px;color:#fff!important;font-weight:500;cursor:pointer;transition:all .3s ease}.secondary-button:hover{border-color:#fff!important;color:#fff!important}.action-group{display:flex;gap:.75rem}.save-button{padding:.875rem 1.5rem;background:#000!important;border:none;border-radius:8px;color:#fff!important;font-weight:500;cursor:pointer;transition:all .3s ease;border:1px solid #FFFFFF!important}.save-button:hover{background:#000!important}.primary-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#fff!important;color:#000!important;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.primary-button:hover{background:#fff!important;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.metadata-grid{grid-template-columns:1fr}.metadata-sidebar,.seo-score-card{position:static}}@media (max-width: 768px){.metadata-content{margin-left:0;padding:1.5rem}.glass-card{padding:1.5rem}.metadata-title{font-size:1.8rem}.metadata-subtitle{font-size:1rem}.metadata-actions{flex-direction:column}.action-group{width:100%}.secondary-button,.save-button,.primary-button{width:100%;justify-content:center}}@media (max-width: 480px){.glass-card{padding:1.25rem}.metadata-title{font-size:1.5rem}.tag-input-container{flex-direction:column}.add-tag-button{padding:.5rem}}:root{--primary: #FFFFFF;--primary-light: #FFFFFF;--secondary: #FFFFFF;--secondary-light: #FFFFFF;--dark: #000000;--darker: #000000;--light: #FFFFFF;--lighter: #FFFFFF;--lightest: #FFFFFF;--gray: #FFFFFF;--gray-light: #FFFFFF;--success: #FFFFFF;--warning: #FFFFFF;--error: #FFFFFF;--twitter-blue: #FFFFFF;--instagram-pink: #FFFFFF;--tiktok-teal: #FFFFFF}@keyframes slideInContent{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes ripple{to{transform:scale(2);opacity:0}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.social-snippets-container{display:flex;min-height:100vh;background:#000!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff!important;position:relative}.social-snippets-content{flex:1;padding:1rem;width:100%;box-sizing:border-box;animation:slideInContent .5s ease-out}.glass-card{width:100%;max-width:100%;margin:0 auto;padding:1.25rem;background:#000!important;border:1px solid #FFFFFF!important;border-radius:12px;box-shadow:0 10px 30px #0000004d;box-sizing:border-box}.editor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.title{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;line-height:1.2;color:#fff!important;-webkit-background-clip:initial;background-clip:initial;background:none;width:100%;position:relative;z-index:1}.subtitle{color:#fff!important;font-size:.95rem;max-width:100%;line-height:1.5}.progress-indicator{display:flex;gap:.75rem;background:#000!important;padding:.5rem .75rem;border-radius:50px;flex-wrap:wrap;justify-content:center;width:100%;border:1px solid #FFFFFF!important}.progress-indicator span{font-size:.8rem;color:#fff!important;position:relative;white-space:nowrap}.progress-indicator span.active{color:#fff!important;font-weight:500}.progress-indicator span.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:#fff!important}.success-message{padding:.875rem;margin-bottom:1.25rem;border-radius:8px;background:#000!important;border:1px solid #FFFFFF!important;text-align:center;animation:fadeIn .3s ease-in;font-size:.9rem}.success-message p{margin:0;color:#fff!important}.tabs{display:flex;gap:.25rem;margin-bottom:1.25rem;border-bottom:1px solid #FFFFFF!important;padding-bottom:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.tab-button{padding:.5rem 1rem;background:transparent;border:none;border-radius:6px;color:#fff!important;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.85rem;white-space:nowrap}.tab-button.active{background:#000!important;color:#fff!important;border:1px solid #FFFFFF!important}.clip-section{margin:1.5rem 0;padding:1.25rem;border-radius:12px;background:#000!important;border:1px solid #FFFFFF!important}.clip-controls{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.ai-suggest-btn{padding:.75rem 1.25rem;background:#fff!important;color:#000!important;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;font-size:.9rem;flex:1 1 auto;justify-content:center}.ai-suggest-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.ai-suggest-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.clip-preview{width:100%;height:200px;background:#000!important;border-radius:10px;margin:1rem 0;position:relative;overflow:hidden;cursor:pointer}.clip-preview.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;border-radius:0}.video-player{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000!important}.play-button{width:50px;height:50px;background:#000!important;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #FFFFFF!important}.play-button:before{content:"";width:0;height:0;border-top:12px solid transparent;border-left:20px solid #FFFFFF!important;border-bottom:12px solid transparent;margin-left:4px}.video-controls{position:absolute;bottom:0;left:0;width:100%;padding:.75rem;display:flex;align-items:center;justify-content:space-between;background:#000!important;color:#fff!important;font-size:.85rem}.video-controls button{background:#000!important;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff!important;cursor:pointer;transition:all .2s}.video-controls button:hover{background:#000!important;transform:scale(1.1)}.time-display{font-size:.8rem;font-family:monospace;color:#fff!important}.clip-timeline{width:100%;height:50px;background:#000!important;border-radius:6px;margin-top:.75rem;position:relative;cursor:pointer;border:1px solid #FFFFFF!important}.timeline-progress{position:absolute;top:0;left:0;height:100%;background:#fff!important;border-radius:6px;pointer-events:none}.clip-marker{position:absolute;height:100%;background:#000!important;border-left:2px solid #FFFFFF!important;border-right:2px solid #FFFFFF!important;cursor:pointer;transition:all .2s}.clip-marker:hover,.clip-marker.active{background:#000!important}.clip-marker.active{box-shadow:0 0 0 2px #fff!important}.clip-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000!important;padding:.4rem .8rem;border-radius:5px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;border:1px solid #FFFFFF!important}.clip-marker:hover .clip-tooltip{opacity:1}.clip-selection{position:absolute;height:100%;background:#000!important;border-left:2px solid #FFFFFF!important;border-right:2px solid #FFFFFF!important;pointer-events:none}.clip-list{margin-top:1.25rem}.clip-list h3{font-size:1rem;margin-bottom:.75rem;color:#fff!important}.clip-items{display:flex;flex-direction:column;gap:.5rem}.clip-item{display:flex;align-items:center;padding:.6rem .8rem;background:#000!important;border-radius:6px;border:1px solid #FFFFFF!important;cursor:pointer;transition:all .2s;flex-wrap:wrap}.clip-item:hover{background:#000!important}.clip-item.active{border-color:#fff!important;background:#000!important}.clip-time{font-family:monospace;font-size:.8rem;color:#fff!important;min-width:100px;margin-right:.5rem}.clip-text{flex:1;font-size:.85rem;min-width:60%;color:#fff!important}.clip-play{background:#000!important;color:#fff!important;border:none;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s;margin-left:auto;border:1px solid #FFFFFF!important}.clip-play:hover{background:#fff!important;color:#000!important}.no-clips{text-align:center;color:#fff!important;padding:.75rem;font-size:.85rem}.snippet-section{margin:1.5rem 0;padding:1.25rem;border-radius:10px;background:#000!important;border:1px solid #FFFFFF!important;transition:all .3s ease}.snippet-section:hover{border-color:#fff!important}.platform-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.platform-header .icon{font-size:1.3rem;color:#fff!important}.platform-header h2{font-size:1.1rem;margin:0;color:#fff!important;flex:1}.platform-badge{padding:.2rem .6rem;border-radius:50px;font-size:.7rem;font-weight:500;margin-left:auto;color:#fff!important;border:1px solid #FFFFFF!important}.platform-preview{border-radius:10px;padding:.875rem;margin:.75rem 0;background:#000!important;border:1px solid #FFFFFF!important;font-size:.9rem}.twitter-preview,.instagram-preview,.tiktok-preview{border-left:3px solid #FFFFFF!important}.preview-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.preview-avatar{width:36px;height:36px;border-radius:50%;background:#000!important;border:1px solid #FFFFFF!important}.preview-username{font-weight:600;font-size:.9rem;color:#fff!important}.preview-content{margin:.5rem 0;line-height:1.5;white-space:pre-wrap;font-size:.9rem;color:#fff!important}.preview-image{width:100%;height:160px;background:#000!important;border-radius:6px;margin:.5rem 0;display:flex;align-items:center;justify-content:center;color:#fff!important;position:relative;overflow:hidden;border:1px solid #FFFFFF!important}.tiktok-video{width:100%;height:100%;object-fit:cover}.music-icon{position:absolute;bottom:8px;right:8px;color:#fff!important;background:#000!important;padding:.2rem;border-radius:50%;font-size:.8rem;border:1px solid #FFFFFF!important}.preview-footer,.tiktok-stats{display:flex;gap:.75rem;color:#fff!important;font-size:.8rem;flex-wrap:wrap}.input-container{margin-top:1.25rem}.input-field{width:100%;padding:.875rem;border-radius:8px;background:#000!important;border:1px solid #FFFFFF!important;color:#fff!important;font-size:.95rem;resize:vertical;min-height:100px;transition:all .3s ease;box-sizing:border-box}.input-field:focus{outline:none;border-color:#fff!important;box-shadow:0 0 0 3px #fff!important}.input-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;flex-wrap:wrap;gap:.5rem}.char-counter{font-size:.8rem;color:#fff!important}.copy-button{padding:.6rem 1rem;background:#000!important;color:#fff!important;border:none;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .3s ease;font-size:.85rem;border:1px solid #FFFFFF!important}.copy-button:hover{background:#fff!important;color:#000!important;transform:translateY(-2px)}.nav-buttons{display:flex;justify-content:space-between;margin-top:1.5rem;flex-wrap:wrap;gap:.75rem;width:100%}.nav-button{padding:.75rem 1.25rem;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;flex:1 1 100%;justify-content:center;font-size:.95rem;box-sizing:border-box}.nav-button.primary{background:#fff!important;color:#000!important;border:none}.nav-button.primary:hover{background:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.nav-button.secondary{background:transparent;color:#fff!important;border:1px solid #FFFFFF!important}.nav-button.secondary:hover{border-color:#fff!important;color:#fff!important;transform:translateY(-2px)}@media (min-width: 480px){.social-snippets-content,.glass-card{padding:1.5rem}.clip-preview{height:250px}.nav-button{flex:1 1 calc(50% - .5rem)}.ai-suggest-btn{flex:0 1 auto}}@media (min-width: 640px){.title{font-size:2rem}.clip-item{flex-wrap:nowrap}.clip-play{margin-left:.5rem}.preview-image{height:180px}}@media (min-width: 768px){.social-snippets-content{padding:2rem;margin-left:280px}.glass-card{padding:2rem;max-width:1000px}.title{font-size:2.25rem}.clip-preview{height:300px}.nav-button{flex:0 1 auto;min-width:200px}.tabs{gap:.5rem}.tab-button{padding:.5rem 1.5rem;font-size:.9rem}.preview-image{height:200px}}@media (min-width: 1024px){.title{font-size:2.5rem}.subtitle{font-size:1rem}}@media (max-width: 767px) and (orientation: landscape){.clip-preview{height:180px}.social-snippets-content{padding-top:1.5rem}}@media (max-width: 360px){.social-snippets-content,.glass-card{padding:1rem}.title{font-size:1.6rem}.clip-section,.snippet-section{padding:1rem}.clip-item{padding:.5rem}.clip-time{min-width:80px;font-size:.75rem}.clip-text{font-size:.8rem}}:root{--primary: #8A2BE2;--primary-light: rgba(138, 43, 226, .1);--secondary: #00CED1;--secondary-light: rgba(0, 206, 209, .1);--dark: #121212;--darker: #0A0A0A;--light: #FFFFFF;--lighter: rgba(255,255,255,.9);--lightest: rgba(255,255,255,.7);--gray: rgba(255,255,255,.2);--gray-light: rgba(255,255,255,.1);--success: #4CAF50;--warning: #FFC107;--error: #F44336;--twitter-blue: #1DA1F2;--instagram-pink: #E1306C;--spotify-green: #1DB954;--youtube-red: #FF0000;--apple-gray: #A3AAAE}.publishing-container{display:flex;min-height:100vh;background-color:var(--dark);color:var(--light);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.publishing-content{flex:1;padding:2rem;margin-left:280px;min-height:100vh;transition:margin-left .3s ease}.glass-card{width:100%;max-width:1200px;margin:0 auto;padding:2.5rem;background:#141414cc;border-radius:16px;border:1px solid var(--gray);box-shadow:0 10px 30px #0000004d}.publishing-header{margin-bottom:2rem;text-align:center}.publishing-title{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;line-height:1.2}.gradient-text{background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.publishing-subtitle{color:var(--lighter);opacity:.8;font-size:1.1rem;max-width:600px;margin:0 auto}.publishing-tabs{display:flex;border-bottom:1px solid var(--gray);margin-bottom:2rem;gap:.5rem}.tab-btn{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--lightest);font-weight:600;cursor:pointer;transition:all .3s ease}.tab-btn.active{color:var(--light);border-bottom-color:var(--primary)}.tab-btn:hover:not(.active){color:var(--light)}.scheduler-form{margin-bottom:2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group.full-width{grid-column:1 / -1}.form-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--lighter);font-weight:500}.input-icon{color:var(--primary)}.form-input{width:100%;padding:.875rem 1rem;background:var(--darker);border:1px solid var(--gray);border-radius:8px;color:var(--light);font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.platform-card{position:relative;padding:1rem;background:var(--darker);border:1px solid var(--gray);border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.platform-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000004d}.platform-card.active{background:var(--primary-light);border-color:var(--primary)}.platform-card.connected{border-color:var(--success);background:#4caf501a}.platform-icon-container{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.platform-card.twitter .platform-icon{color:var(--twitter-blue)}.platform-card.instagram .platform-icon{color:var(--instagram-pink)}.platform-card.spotify .platform-icon{color:var(--spotify-green)}.platform-card.youtube .platform-icon{color:var(--youtube-red)}.platform-card.apple .platform-icon{color:var(--apple-gray)}.platform-card.twitter.active .platform-icon,.platform-card.twitter.connected .platform-icon{color:var(--twitter-blue)}.platform-card.instagram.active .platform-icon,.platform-card.instagram.connected .platform-icon{color:var(--instagram-pink)}.platform-card.spotify.active .platform-icon,.platform-card.spotify.connected .platform-icon{color:var(--spotify-green)}.platform-card.youtube.active .platform-icon,.platform-card.youtube.connected .platform-icon{color:var(--youtube-red)}.platform-card.apple.active .platform-icon,.platform-card.apple.connected .platform-icon{color:var(--apple-gray)}.connection-badge{position:absolute;bottom:-5px;right:-5px;background:var(--success);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem}.platform-auth-pending{position:absolute;top:5px;right:5px;color:var(--warning)}.platform-name{font-size:.9rem;font-weight:500}.recurring-toggle{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.toggle-label{display:flex;align-items:center;justify-content:space-between;width:100%}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--gray-light);transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background:var(--primary)}input:checked+.toggle-slider:before{transform:translate(26px)}.recurring-options{padding:1rem;background:var(--darker);border:1px solid var(--gray);border-radius:8px;animation:fadeIn .3s ease}.primary-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:var(--primary);color:var(--light);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.primary-button:hover:not(:disabled){background:#7b1fa2;transform:translateY(-2px);box-shadow:0 4px 12px #8a2be24d}.primary-button:disabled{opacity:.7;cursor:not-allowed}.schedule-btn{width:100%;justify-content:center}.secondary-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:transparent;color:var(--light);border:1px solid var(--gray);border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.secondary-button:hover{border-color:var(--primary);color:var(--primary)}.back-btn{margin-right:auto}.upcoming-content{margin-top:2rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--light)}.content-list{display:flex;flex-direction:column;gap:1rem}.content-card{padding:1.5rem;background:var(--darker);border:1px solid var(--gray);border-radius:12px;transition:all .3s ease}.content-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000004d}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.content-header h3{font-size:1.1rem;font-weight:600;margin:0}.content-meta{display:flex;align-items:center;gap:1rem}.content-date{font-size:.9rem;color:var(--lightest)}.status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.status-badge.scheduled{background:#2196f333;color:#2196f3}.status-badge.published{background:#4caf5033;color:#4caf50}.content-platforms{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.platform-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.375rem .75rem;border-radius:20px;font-size:.8rem}.platform-tag.twitter{background-color:#1da1f233;color:var(--twitter-blue)}.platform-tag.instagram{background-color:#e1306c33;color:var(--instagram-pink)}.platform-tag.spotify{background-color:#1db95433;color:var(--spotify-green)}.platform-tag.youtube{background-color:#f003;color:var(--youtube-red)}.platform-tag.apple{background-color:#a3aaae33;color:var(--apple-gray)}.content-actions{display:flex;gap:.5rem;justify-content:flex-end}.action-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--gray);border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.action-btn.edit{color:var(--light)}.action-btn.edit:hover{background:#ffffff1a}.action-btn.delete{color:var(--error);border-color:#f443364d}.action-btn.delete:hover{background:#f443361a}.empty-state{padding:2rem;text-align:center;background:var(--darker);border:1px dashed var(--gray);border-radius:12px;color:var(--lightest)}.analytics-dashboard{display:flex;flex-direction:column;gap:2rem}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.summary-card{padding:1.5rem;background:var(--darker);border:1px solid var(--gray);border-radius:12px;text-align:center}.summary-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.summary-label{font-size:.9rem;color:var(--lightest)}.platform-distribution{padding:1.5rem;background:var(--darker);border:1px solid var(--gray);border-radius:12px}.distribution-grid{display:flex;flex-direction:column;gap:1rem}.platform-metric{padding:1rem;background:var(--darker);border:1px solid var(--gray);border-radius:8px}.platform-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.platform-icon{font-size:1.5rem}.platform-count{font-size:.9rem;color:var(--lightest);margin-bottom:.5rem}.platform-bar{width:100%;height:6px;background:var(--gray-light);border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px}.calendar-view{display:flex;flex-direction:column;gap:1.5rem}.calendar-container{min-height:400px;background:var(--darker);border:1px solid var(--gray);border-radius:12px;display:flex;align-items:center;justify-content:center}.calendar-placeholder{padding:2rem;text-align:center;color:var(--lightest)}.calendar-legend{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:16px;height:16px;border-radius:4px}.legend-label{font-size:.85rem;color:var(--lightest)}.publishing-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--gray)}.analytics-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--darker);border:1px solid var(--gray);border-radius:20px;font-size:.85rem;color:var(--lightest)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{width:100%;max-width:400px;padding:2rem;background:var(--darker);border-radius:16px;border:1px solid var(--gray);text-align:center;animation:fadeIn .3s ease}.modal-content.auth-modal{max-width:500px;text-align:left}.modal-icon{font-size:3rem;margin-bottom:1rem}.modal-icon.twitter{color:var(--twitter-blue)}.modal-icon.instagram{color:var(--instagram-pink)}.modal-icon.spotify{color:var(--spotify-green)}.modal-icon.youtube{color:var(--youtube-red)}.modal-icon.apple{color:var(--apple-gray)}.modal-icon.success{color:var(--success)}.modal-icon.error{color:var(--error)}.modal-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;text-align:center}.modal-message{font-size:1rem;color:var(--lightest);margin-bottom:1.5rem;text-align:center}.modal-close{width:100%}.auth-steps{margin:2rem 0}.auth-step{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.step-number{background:var(--primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem;font-weight:700}.step-content{flex:1}.step-content p{margin-top:.25rem;color:var(--lightest);font-size:.9rem}.auth-buttons{display:flex;gap:1rem;margin-top:1.5rem}.auth-buttons .primary-button,.auth-buttons .secondary-button{flex:1}.loading-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:100;color:var(--light)}.spinner{animation:spin 1s linear infinite;font-size:2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.publishing-content{margin-left:0;padding:1.5rem}.glass-card{padding:1.5rem}.form-grid{grid-template-columns:1fr}.analytics-summary{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.publishing-title{font-size:1.8rem}.publishing-tabs{flex-direction:column}.tab-btn{width:100%;text-align:center}.platform-grid{grid-template-columns:repeat(2,1fr)}.analytics-summary{grid-template-columns:1fr}.publishing-footer{flex-direction:column;gap:1rem}.back-btn{width:100%;justify-content:center}.auth-buttons{flex-direction:column}}@media (max-width: 480px){.publishing-content{padding:1rem}.publishing-title{font-size:1.5rem}.content-header{flex-direction:column;align-items:flex-start;gap:.5rem}.content-meta,.content-actions{width:100%;justify-content:space-between}.action-btn{flex:1;justify-content:center}.modal-content,.modal-content.auth-modal{padding:1.5rem}}.hp-container{max-width:1200px;margin:0 auto;padding:20px;background-color:#121212;color:#fff;font-family:Arial,sans-serif;line-height:1.6;min-height:100vh}.hp-header{text-align:center;padding-bottom:20px;margin-bottom:20px;box-shadow:0 2px 4px #00000080}.hp-header h1{font-size:2.5em;color:#fff;margin-bottom:10px}.hp-header-icon{margin-right:10px;vertical-align:middle;color:#ccc}.hp-header-subtitle{font-size:1.2em;color:#ddd;margin:0 auto;max-width:800px}.hp-search-bar{display:flex;align-items:center;max-width:400px;margin:20px auto;background-color:#222;border-radius:5px;padding:5px 10px}.hp-search-icon{color:#ccc;margin-right:10px}.hp-search-bar input{background:none;border:none;color:#fff;flex:1;font-size:1em}.hp-search-bar input:focus{outline:none}.hp-nav{position:sticky;top:0;background-color:#121212;padding:10px;margin-bottom:20px;z-index:10;box-shadow:0 2px 4px #00000080}.hp-nav ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.hp-nav li{margin:0}.hp-nav a{color:#fff;text-decoration:none;font-weight:700;display:flex;align-items:center;gap:5px;transition:color .3s}.hp-nav a:hover{color:#ccc}.hp-content{display:flex;flex-direction:column;gap:20px}.hp-section{background-color:#1e1e1e;padding:15px;border-radius:5px;box-shadow:0 2px 4px #00000080;transition:transform .3s}.hp-section:hover{transform:translateY(-5px)}.hp-section-title{font-size:1.8em;color:#fff;display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:10px}.hp-toggle-icon{margin-left:auto;color:#ccc}.hp-section-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hp-section p{margin-bottom:15px}.hp-section ul,.hp-section ol{margin-left:20px;list-style-type:disc}.hp-section li{margin-bottom:10px}.hp-section dt{font-weight:700;margin-top:10px;color:#fff}.hp-section dd{margin-left:20px;margin-bottom:10px;color:#ddd}.hp-no-results{text-align:center;color:#ccc;font-style:italic}.hp-footer{text-align:center;padding:15px;background-color:#1e1e1e;margin-top:20px;border-radius:5px;font-size:.9em;color:#ddd}.hp-footer p{margin:0;display:flex;align-items:center;justify-content:center;gap:5px}svg{color:#ccc;margin-right:8px;vertical-align:middle;transition:color .3s}svg:hover{color:#fff}@media (max-width: 768px){.hp-nav ul{flex-direction:column;gap:10px}.hp-header h1{font-size:2em}.hp-section-title{font-size:1.5em}}