.modern-header{animation:header-fadeInDown .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;box-shadow:0 2px 20px #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:1000}@keyframes header-fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.header-container,.logo{align-items:center;display:flex}.logo{text-decoration:none;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-text{gap:12px}.logo-initials,.logo-text{align-items:center;display:flex}.logo-initials{background:linear-gradient(135deg,#000,#434343 50%,#1a1a1a);border-radius:10px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.logo-name{color:#2d3748;display:none;font-size:1.2rem;font-weight:600}@media (min-width:640px){.logo-name{display:block}}.desktop-nav{align-items:center;display:none;gap:40px}@media (min-width:768px){.desktop-nav{display:flex}}.nav-links{gap:30px}.nav-link,.nav-links{align-items:center;display:flex}.nav-link{color:#4a5568;font-size:.95rem;font-weight:500;gap:6px;padding:8px 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:after{background:linear-gradient(135deg,#000,#434343 50%,#1a1a1a);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:center;transition:transform .3s cubic-bezier(.19,1,.22,1);width:100%}.nav-link:hover{color:#2d3748;transform:translateY(-1px)}.nav-link.active:after,.nav-link:hover:after{transform:scaleX(1)}.nav-link.active{color:#1a202c;font-weight:600}.user-section{align-items:center;display:flex;gap:15px}.user-info{background:#f7fafc;border:1px solid #e2e8f0;border-radius:20px;gap:8px;padding:8px 12px}.user-icon{color:#4a5568;font-size:.9rem}.username{color:#2d3748;font-size:.9rem;font-weight:500}.logout-btn{align-items:center;background:#fff;border-radius:50%;display:flex;height:36px;justify-content:center;width:36px}.logout-btn:hover{background:#f7fafc;border-color:#fed7d7;color:#e53e3e;transform:scale(1.1)}.mobile-menu-btn{align-items:center;background:#f7fafc;border:none;border-radius:10px;color:#4a5568;cursor:pointer;display:flex;font-size:1.1rem;height:44px;justify-content:center;transition:all .3s ease;width:44px}@media (min-width:768px){.mobile-menu-btn{display:none}}.mobile-menu-btn:hover{background:#edf2f7;color:#2d3748;transform:scale(1.05)}.mobile-nav{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 10px 25px #0000001a;left:0;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden}.mobile-nav.open{opacity:1;transform:translateY(0);visibility:visible}.mobile-nav-content{display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:1400px;padding:20px}.mobile-nav-link{align-items:center;background:none;border:none;border-radius:12px;color:#4a5568;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:10px;padding:15px 20px;text-align:left;transition:all .3s ease}.mobile-nav-link:hover{background:#f7fafc;color:#2d3748;transform:translateX(5px)}.mobile-nav-link.active{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-left:4px solid #000;color:#1a202c;font-weight:600}.mobile-user-section{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:15px;margin-top:20px;padding-top:20px}.mobile-user-info{background:#f7fafc;border-radius:12px;color:#2d3748}.mobile-logout-btn,.mobile-user-info{align-items:center;display:flex;font-weight:500;gap:10px;padding:15px 20px}.mobile-logout-btn{background:none;border:1px solid #fed7d7;border-radius:12px;color:#e53e3e;cursor:pointer;transition:all .3s ease}.mobile-logout-btn:hover{background:#fed7d7;color:#c53030}.mobile-menu-overlay{animation:overlay-fadeIn .3s ease-out;background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}@keyframes overlay-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:480px){.header-container{height:60px;padding:0 15px}.logo-initials{font-size:1rem;height:36px;width:36px}.mobile-nav-content{padding:15px}.mobile-logout-btn,.mobile-nav-link,.mobile-user-info{padding:12px 15px}}.modern-header.scrolled{background:#fffffffa;box-shadow:0 4px 30px #0000001a}.logout-btn:focus,.mobile-menu-btn:focus,.nav-link:focus{outline:2px solid #0003;outline-offset:2px}.nav-link:first-child{animation-delay:.1s}.nav-link:nth-child(2){animation-delay:.2s}.nav-link:nth-child(3){animation-delay:.3s}.nav-link:nth-child(4){animation-delay:.4s}.nav-link:nth-child(5){animation-delay:.5s}.modern-footer{animation:footer-fadeInUp .6s ease-out;background:linear-gradient(135deg,#1a1a1a,#2d2d2d 50%,#1a1a1a);color:#e2e8f0;margin-top:auto}@keyframes footer-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.footer-container{margin:0 auto;max-width:1400px;padding:60px 20px 20px}.footer-main{grid-gap:50px;display:grid;gap:50px;grid-template-columns:2fr 1fr 1fr;margin-bottom:40px}@media (max-width:768px){.footer-main{gap:40px;grid-template-columns:1fr;text-align:center}}.footer-brand{max-width:400px}.footer-logo{align-items:center;display:flex;gap:15px;margin-bottom:20px}.footer-logo-initials{align-items:center;background:linear-gradient(135deg,#fff,#f7fafc 50%,#edf2f7);border-radius:12px;box-shadow:0 6px 20px #ffffff1a;color:#1a1a1a;display:flex;font-size:1.3rem;font-weight:700;height:50px;justify-content:center;width:50px}.footer-logo-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f7fafc);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.footer-tagline{color:#a0aec0;font-size:.95rem;line-height:1.6;margin-bottom:25px}.footer-social{display:flex;flex-wrap:wrap;gap:15px}.social-icon{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#e2e8f0;display:flex;font-size:1.1rem;height:44px;justify-content:center;text-decoration:none;transition:all .3s ease;width:44px}.social-icon:hover{background:#fff3;border-color:#fff6;box-shadow:0 8px 25px #ffffff1a;color:#fff;transform:translateY(-3px)}.social-icon:first-child:hover{color:#0077b5}.social-icon:nth-child(2):hover{color:#333}.social-icon:nth-child(3):hover{color:#1da1f2}.social-icon:nth-child(4):hover{color:#00ab6c}.social-icon:nth-child(5):hover{color:#f48024}.social-icon:nth-child(6):hover{color:#ea4335}.footer-contact h4,.footer-links h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:20px;position:relative}.footer-contact h4:after,.footer-links h4:after{background:linear-gradient(135deg,#fff,#f7fafc);border-radius:1px;bottom:-8px;content:"";height:2px;left:0;position:absolute;width:30px}@media (max-width:768px){.footer-contact h4:after,.footer-links h4:after{left:50%;transform:translateX(-50%)}}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:12px}.footer-nav-link{color:#a0aec0;display:inline-block;font-size:.95rem;text-decoration:none;transition:all .3s ease}.footer-nav-link:hover{color:#fff;transform:translateX(5px)}.footer-contact{display:flex;flex-direction:column;gap:15px}.footer-contact-item{align-items:center;color:#a0aec0;display:flex;font-size:.95rem;gap:12px}.footer-contact-item svg{color:#fff;font-size:1rem;width:20px}.footer-contact-item a{color:inherit;text-decoration:none;transition:color .3s ease}.footer-contact-item a:hover{color:#fff}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:30px}@media (max-width:768px){.footer-bottom{flex-direction:column;gap:20px;text-align:center}}.footer-copyright{color:#a0aec0;font-size:.9rem}.footer-copyright p{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:0}@media (min-width:769px){.footer-copyright p{justify-content:flex-start}}.scroll-to-top{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#e2e8f0;cursor:pointer;display:flex;font-size:1.1rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.scroll-to-top:hover{background:#fff3;border-color:#fff6;box-shadow:0 8px 25px #ffffff1a;color:#fff;transform:translateY(-3px)}@media (max-width:480px){.footer-container{padding:40px 15px 15px}.footer-main{gap:30px}.footer-logo{justify-content:center}.footer-logo-name{font-size:1.3rem}.footer-social{justify-content:center}.social-icon{font-size:1rem;height:40px;width:40px}.scroll-to-top{height:45px;width:45px}}.footer-brand{animation:footer-slideInLeft .8s ease-out;animation-delay:.2s;animation-fill-mode:both}.footer-links{animation:footer-slideInUp .8s ease-out;animation-delay:.4s;animation-fill-mode:both}.footer-contact{animation:footer-slideInRight .8s ease-out;animation-delay:.6s;animation-fill-mode:both}@keyframes footer-slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes footer-slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes footer-slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.footer-nav-link:focus,.scroll-to-top:focus,.social-icon:focus{outline:2px solid #ffffff80;outline-offset:2px}.social-icon:hover{animation:social-bounce .6s ease}@keyframes social-bounce{0%,20%,60%,to{transform:translateY(-3px)}40%,80%{transform:translateY(-6px)}}.about-container{background:linear-gradient(135deg,#1a1a1a,#4a4a4a 50%,#2d2d2d);color:#2d3748;font-family:Inter,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.hero-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:30px;padding:40px;transition:transform .3s ease,box-shadow .3s ease}.hero-card:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-5px)}.hero-content{display:flex;flex-direction:column;gap:40px}.profile-section{gap:40px}.profile-image-container{flex-shrink:0;position:relative}.profile-image{border:4px solid #f7fafc;border-radius:50%;box-shadow:0 15px 35px #0000001a;height:180px;object-fit:cover;transition:transform .3s ease;width:180px}.profile-image:hover{transform:scale(1.05)}.profile-badge{align-items:center;background:linear-gradient(135deg,#000,#434343 50%,#1a1a1a);border-radius:50%;bottom:10px;box-shadow:0 4px 15px #0003;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:10px;width:40px}.profile-info h2{margin:0 0 15px}.profile-tagline{font-size:1.2rem}.heart-icon{animation:heartbeat 2s infinite;color:#e53e3e}@keyframes heartbeat{0%,50%,to{transform:scale(1)}25%,75%{transform:scale(1.1)}}.social-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.social-link{align-items:center;border:2px solid #0000;border-radius:25px;display:flex;font-weight:500;gap:10px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.social-link.linkedin{background:#0077b5;color:#fff}.social-link.github{background:#333;color:#fff}.social-link.twitter{background:#1da1f2;color:#fff}.social-link.medium{background:#00ab6c;color:#fff}.social-link.stackoverflow{background:#f48024;color:#fff}.social-link:hover{border-color:#ffffff4d;box-shadow:0 8px 25px #0003;transform:translateY(-3px)}.about-content{grid-gap:30px;display:grid;gap:30px}.about-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;overflow:hidden;padding:0;transition:all .3s ease}.about-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-5px)}.card-content p{color:#4a5568;line-height:1.7;margin-bottom:20px}.card-content p:last-child{margin-bottom:0}.skills-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-item{background:#f7fafc;border-left:4px solid #2d2d2d;border-radius:12px;padding:20px;transition:all .3s ease}.skill-item:hover{background:#edf2f7;transform:translateX(5px)}.skill-item h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 10px}.skill-item p{color:#4a5568;font-size:.95rem;line-height:1.5;margin:0}.philosophy-items{display:flex;flex-direction:column;gap:25px}.philosophy-item{align-items:flex-start;background:#f7fafc;border-radius:12px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.philosophy-item:hover{background:#edf2f7;transform:translateY(-2px)}.philosophy-icon{color:#2d2d2d;font-size:1.5rem;margin-top:5px}.philosophy-item h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 8px}.philosophy-item p{color:#4a5568;line-height:1.5;margin:0}.fun-facts .card-header{background:linear-gradient(135deg,#ffeaa7,#fab1a0);color:#2d3748}.fun-facts-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.fun-fact{background:#f7fafc;border-radius:15px;padding:25px 15px;text-align:center;transition:all .3s ease}.fun-fact:hover{background:#edf2f7;transform:translateY(-5px)}.fact-number{color:#2d2d2d;display:block;font-size:2.5rem;font-weight:700;margin-bottom:8px}.fact-label{color:#4a5568;display:block;font-size:.9rem;font-weight:500}@media (max-width:768px){.about-container{padding:15px}.profile-section{flex-direction:column;gap:25px;text-align:center}.profile-info h1{font-size:2.5rem}.social-links{justify-content:center}.about-card,.hero-card{padding:25px}.card-header{padding:20px 25px}.card-content{padding:25px}.skills-grid{grid-template-columns:1fr}.fun-facts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.about-container{padding:10px}.profile-info h1{font-size:2rem}.profile-image{height:150px;width:150px}.social-link{font-size:.9rem;padding:10px 15px}.fun-facts-grid{grid-template-columns:1fr}}.about-card,.hero-card{animation:fadeInUp .6s ease-out}.hero-card{animation-delay:.1s}.about-card:first-child{animation-delay:.2s}.about-card:nth-child(2){animation-delay:.3s}.about-card:nth-child(3){animation-delay:.4s}.about-card:nth-child(4){animation-delay:.5s}.portfolio-main-container{background:linear-gradient(135deg,#1a1a1a,#4a4a4a 50%,#2d2d2d);color:#2d3748;font-family:Inter,Segoe UI,Roboto,sans-serif;min-height:100vh}.portfolio-hero-section{margin:0 auto;max-width:1400px;padding:60px 20px}.portfolio-hero-content{grid-gap:60px;align-items:center;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;display:grid;gap:60px;grid-template-columns:1fr 1fr;padding:60px;transition:transform .3s ease,box-shadow .3s ease}.portfolio-hero-content:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-5px)}.portfolio-hero-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#000,#4a4a4a 50%,#1a1a1a);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.1;margin:0 0 15px}.portfolio-hero-text h2{color:#4a5568;font-size:1.5rem;font-weight:500;margin:0 0 25px}.portfolio-hero-description{color:#4a5568;font-size:1.1rem;line-height:1.7;margin-bottom:35px}.portfolio-hero-stats{display:flex;gap:30px;margin-bottom:35px}.portfolio-stat{text-align:center}.portfolio-stat-number{color:#2d2d2d;display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.portfolio-stat-label{color:#718096;display:block;font-size:.9rem;font-weight:500}.portfolio-hero-actions{display:flex;gap:20px}.portfolio-btn{align-items:center;border:2px solid #0000;border-radius:25px;display:inline-flex;font-weight:600;gap:10px;padding:15px 25px;text-decoration:none;transition:all .3s ease}.portfolio-btn-primary{background:linear-gradient(135deg,#000,#434343 50%,#1a1a1a);color:#fff}.portfolio-btn-primary:hover{border-color:#fff3;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.portfolio-btn-secondary{background:#0000;border-color:#2d2d2d;color:#2d2d2d}.portfolio-btn-secondary:hover{background:#2d2d2d;box-shadow:0 8px 25px #2d2d2d4d;color:#fff;transform:translateY(-2px)}.portfolio-hero-image{align-items:center;display:flex;justify-content:center}.portfolio-profile-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:20px;box-shadow:0 15px 35px #0000001a;padding:20px;position:relative;transition:transform .3s ease}.portfolio-profile-card:hover{transform:scale(1.05)}.portfolio-profile-image{border-radius:15px;display:block;height:250px;object-fit:cover;width:250px}.portfolio-profile-badge{align-items:center;background:linear-gradient(135deg,#000,#434343 50%,#1a1a1a);border-radius:50%;bottom:15px;box-shadow:0 6px 20px #0003;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;right:15px;width:50px}.portfolio-blog-section,.portfolio-connect-section,.portfolio-skills-overview,.portfolio-testimonials-section{margin:0 auto;max-width:1400px;padding:40px 20px}.portfolio-section-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;display:flex;justify-content:space-between;margin-bottom:40px;padding:25px 30px}.portfolio-section-header h3{align-items:center;color:#2d3748;display:flex;font-size:1.8rem;font-weight:600;gap:15px;margin:0}.portfolio-section-icon{color:#2d2d2d;font-size:1.5rem}.portfolio-section-link{align-items:center;color:#2d2d2d;display:flex;font-weight:500;gap:8px;text-decoration:none;transition:all .3s ease}.portfolio-section-link:hover{color:#000;transform:translateX(5px)}.portfolio-skills-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.portfolio-skill-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;padding:25px;transition:all .3s ease}.portfolio-skill-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-5px)}.portfolio-skill-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.portfolio-skill-name{color:#2d3748;font-weight:600}.portfolio-skill-percentage{color:#2d2d2d;font-weight:700}.portfolio-skill-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.portfolio-skill-progress{background:linear-gradient(135deg,#000,#434343 50%,#1a1a1a);border-radius:4px;height:100%;transition:width 1s ease}.portfolio-blog-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.portfolio-blog-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;padding:30px;transition:all .3s ease}.portfolio-blog-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-5px)}.portfolio-blog-meta{align-items:center;color:#718096;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:15px}.portfolio-blog-title{color:#2d3748;font-size:1.3rem;font-weight:600;line-height:1.4;margin:0 0 15px}.portfolio-blog-snippet{color:#4a5568;line-height:1.6;margin-bottom:20px}.portfolio-blog-link{align-items:center;color:#2d2d2d;display:inline-flex;font-weight:500;gap:8px;text-decoration:none;transition:all .3s ease}.portfolio-blog-link:hover{color:#000;transform:translateX(5px)}.portfolio-testimonials-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.portfolio-testimonial-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;padding:35px;transition:all .3s ease}.portfolio-testimonial-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-5px)}.portfolio-testimonial-rating{margin-bottom:20px}.portfolio-star{color:#fbbf24;margin-right:5px}.portfolio-testimonial-quote{color:#4a5568;font-size:1.1rem;font-style:italic;line-height:1.7;margin:0 0 25px}.portfolio-testimonial-author strong{color:#2d3748;display:block;font-weight:600;margin-bottom:5px}.portfolio-testimonial-author span{color:#718096;font-size:.9rem}.portfolio-connect-section{text-align:center}.portfolio-connect-content{background:#fff;border-radius:20px;box-shadow:0 15px 40px #0000001a;padding:50px}.portfolio-connect-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#000,#4a4a4a 50%,#1a1a1a);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 15px}.portfolio-connect-content p{color:#4a5568;font-size:1.2rem;margin-bottom:35px}.portfolio-social-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.portfolio-social-link{align-items:center;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;min-height:60px;min-width:60px;text-decoration:none;transition:all .3s ease;width:60px}.portfolio-social-link.linkedin{background:#0077b5;color:#fff}.portfolio-social-link.github{background:#333;color:#fff}.portfolio-social-link.medium{background:#00ab6c;color:#fff}.portfolio-social-link:hover{box-shadow:0 10px 25px #0003;transform:translateY(-5px) scale(1.1)}@media (max-width:768px){.portfolio-hero-content{gap:40px;grid-template-columns:1fr;padding:40px 30px;text-align:center}.portfolio-hero-text h1{font-size:2.5rem}.portfolio-hero-actions,.portfolio-hero-stats{justify-content:center}.portfolio-profile-image{height:200px;width:200px}.portfolio-blog-grid,.portfolio-skills-grid,.portfolio-testimonials-grid{grid-template-columns:1fr}.portfolio-section-header{flex-direction:column;gap:15px;text-align:center}}@media (max-width:480px){.portfolio-hero-content{padding:30px 20px}.portfolio-hero-text h1{font-size:2rem}.portfolio-profile-image{height:150px;width:150px}.portfolio-btn{font-size:.9rem;padding:12px 20px}.portfolio-connect-content{padding:30px 20px}.portfolio-connect-content h3{font-size:2rem}.portfolio-social-links{gap:15px}.portfolio-social-link{font-size:1.3rem;height:50px;min-height:50px;min-width:50px;width:50px}}@keyframes portfolio-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.portfolio-blog-section,.portfolio-connect-section,.portfolio-hero-section,.portfolio-skills-overview,.portfolio-testimonials-section{animation:portfolio-fadeInUp .6s ease-out}.portfolio-hero-section{animation-delay:.1s}.portfolio-skills-overview{animation-delay:.2s}.portfolio-blog-section{animation-delay:.3s}.portfolio-testimonials-section{animation-delay:.4s}.portfolio-connect-section{animation-delay:.5s}.portfolio-navigation-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin:2rem 0;padding:4rem 2rem}.portfolio-navigation-content{margin:0 auto;max-width:1200px;text-align:center}.portfolio-navigation-content h3{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.portfolio-navigation-content p{color:#718096;font-size:1.125rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.portfolio-nav-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.portfolio-nav-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem;text-align:left;transition:all .3s ease}.portfolio-nav-card:hover{border-color:#667eea;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.portfolio-nav-card h4{align-items:center;color:#2d3748;display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin-bottom:.75rem}.portfolio-nav-card h4 svg{color:#667eea;font-size:1.125rem}.portfolio-nav-card p{color:#718096;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.portfolio-nav-link{align-items:center;color:#667eea;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;text-decoration:none;transition:all .2s ease}.portfolio-nav-link:hover{color:#5a67d8;gap:.75rem}.portfolio-nav-link svg{font-size:.8rem;transition:transform .2s ease}.portfolio-nav-link:hover svg{transform:translateX(2px)}@media (max-width:768px){.portfolio-navigation-section{padding:3rem 1rem}.portfolio-navigation-content h3{font-size:2rem}.portfolio-nav-grid{gap:1.5rem;grid-template-columns:1fr}.portfolio-nav-card{padding:1.5rem}}.resume-container{background:linear-gradient(135deg,#1a1a1a,#4a4a4a 50%,#2d2d2d);color:#2d3748;font-family:Inter,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.header-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:30px;padding:40px;transition:transform .3s ease,box-shadow .3s ease}.header-card:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-5px)}.profile-section{align-items:center;display:flex;gap:30px;margin-bottom:30px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#000,#434343 50%,#1a1a1a);border-radius:50%;box-shadow:0 10px 30px #0006;display:flex;height:120px;justify-content:center;width:120px}.avatar-text{color:#fff;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px #0003}.profile-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#000,#4a4a4a 50%,#1a1a1a);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin:0 0 10px}.profile-info h2{color:#4a5568;font-size:1.5rem;font-weight:500;margin:0 0 10px}.profile-tagline{color:#718096;font-size:1.1rem;font-style:italic;margin:0}.contact-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contact-item{align-items:center;background:#f7fafc;border:2px solid #0000;border-radius:12px;display:flex;gap:12px;padding:15px 20px;transition:all .3s ease}.contact-item:hover{background:#edf2f7;border-color:#2d2d2d;transform:translateY(-2px)}.contact-icon{color:#2d2d2d;font-size:1.2rem;text-align:center;width:20px}.contact-item span{color:#4a5568;font-weight:500}.contact-item a{color:#2d2d2d;font-weight:500;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#000}.summary-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000026;margin-bottom:30px;overflow:hidden;padding:0;transition:all .3s ease}.summary-card:hover{box-shadow:0 15px 40px #0003;transform:translateY(-3px)}.main-content{align-items:flex-start;display:flex;gap:30px}.left-column{flex:1 1;min-width:0}.right-column{flex:2 1;min-width:0}.awards-card,.certification-card,.skills-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;margin-bottom:30px;overflow:hidden;padding:0;transition:all .3s ease}.awards-card:hover,.certification-card:hover,.skills-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-5px)}.experience-card{background:#0000;border-radius:0;box-shadow:none;margin-bottom:30px;overflow:visible;padding:0}.experience-card .card-header{align-items:center;background:linear-gradient(135deg,#000,#434343 50%,#1a1a1a);border-radius:20px 20px 0 0;color:#fff;display:flex;gap:15px;margin-bottom:0;padding:25px 30px}.experience-card .card-content{background:#0000;padding:0}.card-header{align-items:center;background:linear-gradient(135deg,#000,#434343 50%,#1a1a1a);color:#fff;display:flex;gap:15px;padding:25px 30px}.card-header h3{font-size:1.4rem}.section-icon{font-size:1.5rem;opacity:.9}.card-content{padding:30px}.skills-category{margin-bottom:25px}.skills-category:last-child{margin-bottom:0}.skills-category h4{border-bottom:2px solid #2d2d2d;color:#4a5568;font-size:1.1rem;font-weight:600;margin:0 0 15px;padding-bottom:8px}.skills-list{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{background:linear-gradient(135deg,#000,#434343 50%,#1a1a1a);border-radius:25px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:default;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.skill-tag:hover{box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.experience-item{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 8px 25px #00000014;margin-bottom:25px;padding:25px;position:relative;transition:all .3s ease}.experience-item:hover{border-color:#2d2d2d;box-shadow:0 12px 35px #0000001f;transform:translateY(-3px)}.experience-item:last-child{margin-bottom:0}.experience-header{align-items:flex-start;display:flex;gap:20px;margin-bottom:20px}.company-logo{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;color:#4a5568;display:flex;flex-shrink:0;font-size:1.4rem;font-weight:700;height:60px;justify-content:center;text-shadow:0 1px 2px #0000001a;transition:all .3s ease;width:60px}.experience-item:hover .company-logo{border-color:#2d2d2d;box-shadow:0 6px 20px #0000001a;color:#2d2d2d;transform:scale(1.05)}.experience-info{flex:1 1}.experience-info h4{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 10px}.experience-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.company{color:#2d2d2d;font-size:1.1rem;font-weight:600}.duration{background:#f7fafc;border:1px solid #e2e8f0;border-radius:20px;color:#4a5568;font-size:.9rem;font-weight:500;padding:6px 12px}.achievements{list-style:none;margin:0;padding:0}.achievements li{color:#4a5568;line-height:1.6;margin-bottom:12px;padding-left:25px;position:relative}.achievements li:before{color:#2d2d2d;content:"▶";font-size:.8rem;left:0;position:absolute}.achievements li strong{color:#2d2d2d;font-weight:600}.certification-item{background:#f7fafc;border-left:4px solid #2d2d2d;border-radius:12px;margin-bottom:20px;padding:20px;transition:all .3s ease}.certification-item:hover{background:#edf2f7;transform:translateX(5px)}.certification-item:last-child{margin-bottom:0}.cert-provider{color:#2d2d2d;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.cert-link{color:#2d3748;font-size:1.05rem;font-weight:500;line-height:1.4;text-decoration:none;transition:color .3s ease}.cert-link:hover{color:#2d2d2d}.award-item{background:linear-gradient(135deg,#ffeaa7,#fab1a0);border-radius:15px;box-shadow:0 5px 15px #ffeaa74d;margin-bottom:25px;padding:20px;position:relative;transition:all .3s ease}.award-item:hover{box-shadow:0 8px 25px #ffeaa766;transform:translateY(-3px)}.award-item:last-child{margin-bottom:0}.award-item:before{content:"🏆 ";font-size:1.3rem;left:20px;position:absolute;top:20px}.award-title{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:8px;margin-left:35px}.award-company{color:#4a5568;font-weight:500;margin-bottom:5px;margin-left:35px}.award-date{color:#718096;font-size:.9rem;font-style:italic;margin-left:35px}@media (max-width:768px){.resume-container{padding:15px}.main-content{flex-direction:column;gap:0}.left-column,.right-column{flex:1 1 100%;width:100%}.profile-section{flex-direction:column;gap:20px;text-align:center}.profile-info h1{font-size:2.5rem}.contact-info{grid-template-columns:1fr}.experience-meta{align-items:flex-start;flex-direction:column}.awards-card,.certification-card,.experience-card,.header-card,.skills-card,.summary-card{padding:25px}.card-header{padding:20px 25px}.card-content{padding:25px}}@media (max-width:480px){.resume-container{padding:10px}.profile-info h1{font-size:2rem}.profile-avatar{height:100px;width:100px}.avatar-text{font-size:2rem}.awards-card,.certification-card,.experience-card,.header-card,.skills-card,.summary-card{border-radius:15px;padding:20px}.card-header{padding:15px 20px}.card-content{padding:20px}.skill-tag{font-size:.8rem;padding:6px 12px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.awards-card,.certification-card,.experience-card,.header-card,.skills-card,.summary-card{animation:fadeInUp .6s ease-out}.header-card{animation-delay:.1s}.summary-card{animation-delay:.2s}.skills-card{animation-delay:.3s}.certification-card{animation-delay:.4s}.awards-card{animation-delay:.5s}.experience-card{animation-delay:.6s}.floating-download-btn{animation:bounce 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000,#434343 50%,#1a1a1a);border:2px solid #0000;border-radius:50px;bottom:30px;box-shadow:0 8px 25px #0000004d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 25px;position:fixed;right:30px;transition:all .3s ease;z-index:1000}.floating-download-btn:hover{animation:none;background:linear-gradient(135deg,#2d2d2d,#5a5a5a 50%,#3a3a3a);border-color:#fff3;box-shadow:0 12px 35px #0006;transform:translateY(-3px) scale(1.05)}.floating-download-btn:active{box-shadow:0 6px 20px #0000004d;transform:translateY(-1px) scale(1.02)}.floating-download-btn:disabled{animation:pulse 10s infinite;background:linear-gradient(135deg,#666,#888 50%,#777);cursor:not-allowed;transform:none}.floating-download-btn:disabled:hover{border-color:#0000;box-shadow:0 8px 25px #0000004d;transform:none}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.floating-download-btn:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:52px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.floating-download-btn:hover:before{opacity:1}.stickman-wrapper{align-items:center;bottom:80px;display:flex;left:0;position:fixed;z-index:999}.stickman{font-size:2rem}.rope{background-color:#444;height:3px;margin:0 10px;width:80px}.file-icon{font-size:1.8rem}.toast-container{display:flex;flex-direction:column;gap:.75rem;max-width:380px;position:fixed;right:1.5rem;top:1.5rem;width:calc(100% - 3rem);z-index:9999}.toast-message{align-items:center;animation:toast-enter .4s cubic-bezier(.21,1.02,.73,1) forwards;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;gap:.75rem;padding:1rem;will-change:transform,opacity}.toast-icon{flex-shrink:0;font-size:1.25rem}.toast-text{flex-grow:1;font-size:.95rem;line-height:1.4;margin:0}.toast-close-button{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;opacity:.7;padding:.25rem;transition:opacity .2s ease}.toast-close-button:hover{opacity:1}.toast-success{background-color:#16a34a}.toast-error{background-color:#dc2626}.toast-info{background-color:#2563eb}.toast-warning{background-color:#f59e0b}@keyframes toast-enter{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.blogcard-link{border-radius:20px;color:inherit;display:block;margin-bottom:2rem;text-decoration:none;transition:all .3s ease}.blogcard-link:focus-visible{box-shadow:0 0 0 3px #2d2d2d4d;outline:none}.blogcard-main{align-items:flex-start;background:#fff;border:none;border-radius:20px;box-shadow:0 10px 30px #00000014;display:flex;gap:2rem;justify-content:space-between;padding:30px;transition:all .3s ease}.blogcard-link:hover .blogcard-main{box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.blogcard-content-wrapper{display:flex;flex:1 1;flex-direction:column}.blogcard-author-details{align-items:center;display:flex;gap:10px;margin-bottom:15px}.blogcard-author-avatar{align-items:center;background:linear-gradient(135deg,#000,#434343 50%,#1a1a1a);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.blogcard-author-name{color:#2d3748;font-size:.9rem;font-weight:600}.blogcard-title{color:#2d3748;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 15px;transition:color .3s ease}.blogcard-link:hover .blogcard-title{color:#000}.blogcard-snippet{color:#4a5568;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.6;margin:0 0 20px}.blogcard-meta{align-items:center;color:#718096;display:flex;flex-wrap:wrap;font-size:.875rem;gap:15px}.blogcard-meta-item{align-items:center;display:flex;gap:6px}.blogcard-meta-separator{color:#cbd5e0;font-weight:700}.blogcard-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.blogcard-tag{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;color:#4a5568;font-size:.75rem;font-weight:500;padding:4px 10px}.blogcard-thumbnail-container{border-radius:15px;box-shadow:0 4px 15px #0000001a;flex-shrink:0;height:120px;overflow:hidden;width:160px}.blogcard-thumbnail{background:linear-gradient(135deg,#f7fafc,#edf2f7);height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blogcard-link:hover .blogcard-thumbnail{transform:scale(1.05)}.blogcard-read-more{align-items:center;color:#2d2d2d;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-top:15px;transition:all .3s ease}.blogcard-link:hover .blogcard-read-more{color:#000;transform:translateX(5px)}@media (max-width:768px){.blogcard-main{flex-direction:column-reverse;gap:20px;padding:25px}.blogcard-thumbnail-container{height:200px;width:100%}.blogcard-title{font-size:1.3rem}.blogcard-snippet{font-size:.95rem}.blogcard-meta{gap:10px}}@media (max-width:480px){.blogcard-main{padding:20px}.blogcard-title{font-size:1.2rem}.blogcard-meta{align-items:flex-start;flex-direction:column;gap:8px}}@keyframes blogcard-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blogcard-main{animation:blogcard-fadeInUp .6s ease-out}.bloglist-main-container{background:linear-gradient(135deg,#1a1a1a,#4a4a4a 50%,#2d2d2d);color:#2d3748;font-family:Inter,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.bloglist-header{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:40px;padding:40px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.bloglist-header:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-5px)}.bloglist-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#000,#4a4a4a 50%,#1a1a1a);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin:0 0 15px}.bloglist-header p{color:#4a5568;font-size:1.2rem;line-height:1.6;margin:0}.bloglist-error,.bloglist-loading{background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;margin:20px 0;padding:40px;text-align:center}.bloglist-loading{color:#4a5568;font-size:1.1rem}.bloglist-error{color:#e53e3e;font-size:1.1rem;font-weight:500}.bloglist-grid{grid-gap:30px;display:grid;gap:30px;margin-top:20px}.bloglist-no-blogs{color:#718096;font-size:1.2rem;padding:60px 40px;text-align:center}.bloglist-filters,.bloglist-no-blogs{background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014}.bloglist-filters{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:25px 30px}.bloglist-search-input{border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:1rem;min-width:250px;padding:12px 16px;transition:border-color .3s ease}.bloglist-search-input:focus{border-color:#2d2d2d;outline:none}.bloglist-filter-tags{display:flex;flex-wrap:wrap;gap:10px}.bloglist-tag{background:#f7fafc;border:1px solid #e2e8f0;border-radius:20px;color:#4a5568;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .3s ease}.bloglist-tag.active,.bloglist-tag:hover{background:#2d2d2d;border-color:#2d2d2d;color:#fff}.bloglist-stats{align-items:center;background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 30px}.bloglist-stat{text-align:center}.bloglist-stat-number{color:#2d2d2d;display:block;font-size:1.8rem;font-weight:700;margin-bottom:5px}.bloglist-stat-label{color:#718096;display:block;font-size:.9rem;font-weight:500}@media (max-width:768px){.bloglist-main-container{padding:15px}.bloglist-header{padding:30px 20px}.bloglist-header h1{font-size:2.5rem}.bloglist-filters{align-items:stretch;flex-direction:column}.bloglist-search-input{min-width:auto}.bloglist-stats{flex-direction:column;gap:20px}}@media (max-width:480px){.bloglist-main-container{padding:10px}.bloglist-header h1{font-size:2rem}.bloglist-header p{font-size:1rem}}@keyframes bloglist-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bloglist-filters,.bloglist-grid,.bloglist-header,.bloglist-stats{animation:bloglist-fadeInUp .6s ease-out}.bloglist-header{animation-delay:.1s}.bloglist-filters{animation-delay:.2s}.bloglist-stats{animation-delay:.3s}.bloglist-grid{animation-delay:.4s}.auth-page-wrapper{align-items:flex-start;background-color:#f4f4f5;display:flex;justify-content:center;min-height:80vh;padding:4rem 1.5rem}.auth-container{animation:fadeInDown .6s cubic-bezier(.25,.46,.45,.94) forwards;background-color:#fff;border-radius:12px;box-shadow:0 8px 25px #00000014;max-width:420px;padding:2.5rem;width:100%}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-tabs{border-bottom:1px solid #e4e4e7;display:flex;margin-bottom:2rem;position:relative}.auth-tabs button{background:none;border:none;color:#a1a1aa;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding-bottom:1rem;position:relative;transition:color .3s ease}.auth-tabs button.active{color:#18181b}.auth-tabs button:after{background-color:#18181b;bottom:-1px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .4s cubic-bezier(.19,1,.22,1);width:100%}.auth-tabs button.active:after{transform:scaleX(1)}.auth-form{display:flex;flex-direction:column}.input-group{margin-bottom:1.5rem}.input-group label{color:#3f3f46;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.input-group input{background-color:#fff;border:1px solid #d4d4d8;border-radius:8px;color:#18181b;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.input-group input:focus{border-color:#18181b;box-shadow:0 0 0 3px #18181b1a;outline:none}.form-fields-wrapper{overflow:hidden}.signup-fields{max-height:0;opacity:0;transform:translateY(-10px);transition:max-height .5s ease-out,opacity .5s ease-out,transform .5s ease-out;visibility:hidden}.form-fields-wrapper.show-signup .signup-fields{max-height:500px;opacity:1;transform:translateY(0);visibility:visible}.submit-btn{background:#18181b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.875rem;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.submit-btn:hover:not(:disabled){background:#000;box-shadow:0 4px 15px #18181b33;transform:translateY(-2px)}.submit-btn:active:not(:disabled){box-shadow:0 2px 5px #18181b26;transform:translateY(0)}.submit-btn:disabled{background:#a1a1aa;cursor:not-allowed}@media (max-width:500px){.auth-page-wrapper{min-height:90vh;padding:1rem}.auth-container{padding:1.5rem}.auth-tabs button{font-size:1rem}}.writer-container{background:linear-gradient(135deg,#1a1a1a,#4a4a4a 50%,#2d2d2d);color:#2d3748;font-family:Inter,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}.writer-header{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;display:flex;justify-content:space-between;margin-bottom:30px;padding:25px 30px;transition:all .3s ease}.writer-header:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-2px)}.writer-header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#000,#4a4a4a 50%,#1a1a1a);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin:0 0 8px}.save-status{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:20px;color:#718096;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px}.save-status.blocked{background:#fed7d7;border-color:#fc8181;color:#c53030;font-weight:600}.save-status:before{color:#48bb78;content:"●";font-size:.6rem}.save-status.blocked:before{color:#e53e3e}.user-info,.writer-header-right{align-items:center;display:flex}.user-info{gap:15px}.welcome-text{color:#4a5568}.admin-link,.welcome-text{font-size:.9rem;font-weight:500}.admin-link{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #667eea;border-radius:8px;cursor:pointer;margin-right:10px;padding:8px 16px;transition:all .3s ease}.admin-link,.admin-link:hover{color:#fff;text-decoration:none}.admin-link:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);border-color:#5a67d8;transform:translateY(-1px)}.logout-btn{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.logout-btn:hover{background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-color:#cbd5e0;color:#2d3748;transform:translateY(-1px)}.title-input{background:#fff;border:none;border-radius:15px;box-shadow:0 8px 25px #0000000f;color:#2d3748;font-family:inherit;font-size:1.5rem;font-weight:600;margin-bottom:20px;padding:20px 25px;transition:all .3s ease;width:100%}.title-input:focus{box-shadow:0 12px 35px #0000001a;outline:none;transform:translateY(-2px)}.title-input::placeholder{color:#a0aec0;font-weight:400}.editor-wrapper{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000000f;margin-bottom:25px;overflow:hidden;position:relative;transition:all .3s ease}.editor-wrapper:hover{box-shadow:0 12px 35px #0000001a}.menu-bar{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;padding:20px 25px}.menu-bar button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.menu-bar button:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748;transform:translateY(-1px)}.menu-bar button.is-active{background:linear-gradient(135deg,#000,#434343 50%,#1a1a1a);border-color:#2d2d2d;box-shadow:0 4px 12px #00000026;color:#fff}.menu-bar button.is-active:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.ProseMirror{color:#2d3748;font-family:Inter,Georgia,serif;font-size:1.1rem;line-height:1.7;min-height:400px;outline:none;padding:30px 25px}.ProseMirror h1{color:#1a202c;font-size:2rem;font-weight:700;line-height:1.3;margin:1.5em 0 .5em}.ProseMirror h2{color:#2d3748;font-size:1.5rem;font-weight:600;line-height:1.4;margin:1.3em 0 .4em}.ProseMirror p{margin:1em 0}.ProseMirror ul{margin:1em 0;padding-left:1.5em}.ProseMirror li{margin:.5em 0}.ProseMirror pre{background:#1a202c!important;border:none!important;border-radius:6px!important;color:#e2e8f0!important;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace!important;font-size:14px!important;line-height:1.4!important;margin:1.5em 0!important;overflow-x:auto!important;padding:16px 20px!important;tab-size:2!important}.ProseMirror pre,.ProseMirror pre code{word-wrap:normal!important;white-space:pre!important;word-break:normal!important}.ProseMirror pre code{background:#0000!important;border-radius:0!important;color:inherit!important;font-family:inherit!important;font-size:inherit!important;padding:0!important}.ProseMirror pre .hljs-built_in,.ProseMirror pre .hljs-keyword,.ProseMirror pre .hljs-type{color:#81c784!important}.ProseMirror pre .hljs-attr,.ProseMirror pre .hljs-string{color:#ffb74d!important}.ProseMirror pre .hljs-literal,.ProseMirror pre .hljs-number{color:#f48fb1!important}.ProseMirror pre .hljs-comment{color:#90a4ae!important;font-style:italic}.ProseMirror pre .hljs-function,.ProseMirror pre .hljs-title{color:#64b5f6!important}.ProseMirror code{background:#f1f5f9;border-radius:3px;color:#475569;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;font-size:.85em;font-weight:500;padding:2px 6px;white-space:nowrap}.ProseMirror img{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;margin:1.5em 0;max-width:100%}.ProseMirror blockquote{border-left:4px solid #e2e8f0;color:#4a5568;font-style:italic;margin:1.5em 0;padding-left:1.5em}.drop-zone-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#3b82f61a;border:2px dashed #3b82f6;border-radius:15px;bottom:0;color:#3b82f6;font-size:1.2rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.drop-zone-overlay,.publish-button{align-items:center;display:flex;font-weight:600}.publish-button{background:linear-gradient(135deg,#000,#434343 50%,#1a1a1a);border:none;border-radius:12px;box-shadow:0 8px 25px #00000026;color:#fff;cursor:pointer;font-size:1rem;gap:8px;padding:15px 30px;transition:all .3s ease}.publish-button:hover:not(:disabled){background:linear-gradient(135deg,#1a1a1a,#000 50%,#2d2d2d);box-shadow:0 12px 35px #00000040;transform:translateY(-3px)}.publish-button:active:not(:disabled){box-shadow:0 6px 20px #0003;transform:translateY(-1px)}.publish-button:disabled{background:linear-gradient(135deg,#a0aec0,#cbd5e0);box-shadow:0 4px 12px #0000001a;cursor:not-allowed;transform:none}.publish-button:before{content:"🚀";font-size:1.1em}.publish-button:disabled:before{content:"⏳"}.loading-container{color:#e2e8f0}.loading-spinner{border:4px solid #e2e8f04d;border-top-color:#e2e8f0}.loading-container p{font-size:1rem;font-weight:500;margin:0 0 1rem}.btn-cancel-loading{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.btn-cancel-loading:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}@media (max-width:768px){.writer-container{padding:15px}.writer-header{flex-direction:column;gap:15px;padding:20px;text-align:center}.writer-header-left h1{font-size:1.5rem}.title-input{font-size:1.3rem;padding:18px 20px}.menu-bar{gap:6px;padding:15px 20px}.menu-bar button{font-size:.85rem;padding:6px 10px}.ProseMirror{font-size:1rem;padding:25px 20px}.publish-button{justify-content:center;padding:18px 30px;width:100%}}@media (max-width:480px){.writer-container{padding:10px}.writer-header{padding:15px}.title-input{font-size:1.2rem;padding:15px 18px}.menu-bar{padding:12px 15px}.ProseMirror{min-height:300px;padding:20px 15px}.user-info{flex-direction:column;gap:10px}}.writer-container.loading{opacity:.7;pointer-events:none}@keyframes writer-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.editor-wrapper,.publish-button,.title-input,.writer-header{animation:writer-fadeInUp .6s ease-out}.writer-header{animation-delay:.1s}.title-input{animation-delay:.2s}.editor-wrapper{animation-delay:.3s}.publish-button{animation-delay:.4s}.ProseMirror:focus,.title-input:focus{box-shadow:0 0 0 3px #0000001a}.ProseMirror ::selection{background:#0000001a}.ProseMirror p.is-editor-empty:first-child:before{color:#a0aec0;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ProseMirror-dropcursor{border-left:2px solid #000;margin-left:-1px;margin-right:-1px;pointer-events:none}.ProseMirror img.ProseMirror-selectednode{outline:2px solid #000;outline-offset:2px}.error-boundary{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.error-content{box-shadow:0 8px 25px #00000026;padding:3rem;width:100%}.error-content h2{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.error-content p{line-height:1.6;margin:0 0 2rem}.btn-reload{font-size:1rem;padding:.75rem 2rem}.btn-reload:active{transform:translateY(0)}.modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.confirmation-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:400px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{justify-content:space-between;padding:1.5rem 1.5rem 0}.modal-header,.modal-icon{align-items:center;display:flex}.modal-icon{border-radius:50%;font-size:1.5rem;height:48px;justify-content:center;width:48px}.modal-icon.danger{background:#fed7d7;color:#e53e3e}.modal-icon.warning{background:#fef5e7;color:#d69e2e}.modal-icon.info{background:#ebf8ff;color:#3182ce}.modal-close{background:none;border:none;border-radius:6px;color:#a0aec0;cursor:pointer;padding:.5rem;transition:all .2s ease}.modal-close:hover{background:#f7fafc;color:#4a5568}.modal-content{padding:1rem 1.5rem}.modal-title{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.modal-message{color:#4a5568;line-height:1.5;margin:0}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.btn-cancel{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-cancel:hover{background:#edf2f7;border-color:#cbd5e0}.btn-confirm{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-confirm.danger{background:linear-gradient(135deg,#e53e3e,#c53030)}.btn-confirm.danger:hover{background:linear-gradient(135deg,#c53030,#9c2626);box-shadow:0 4px 12px #e53e3e4d;transform:translateY(-1px)}.btn-confirm.warning{background:linear-gradient(135deg,#d69e2e,#b7791f)}.btn-confirm.warning:hover{background:linear-gradient(135deg,#b7791f,#975a16);box-shadow:0 4px 12px #d69e2e4d;transform:translateY(-1px)}.btn-confirm.info{background:linear-gradient(135deg,#3182ce,#2c5aa0)}.btn-confirm.info:hover{background:linear-gradient(135deg,#2c5aa0,#2a4a7c);box-shadow:0 4px 12px #3182ce4d;transform:translateY(-1px)}@media (max-width:480px){.modal-backdrop{padding:.5rem}.confirmation-modal{max-width:none;width:100%}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-confirm{justify-content:center;width:100%}}.admin-dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.admin-header{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:1.5rem;text-align:center}.admin-title h1{align-items:center;color:#2d3748;display:flex;font-size:2rem;font-weight:700;gap:.75rem;line-height:1.2;margin:0}.admin-title h1 svg{color:#667eea}.admin-title p{color:#718096;font-size:1rem;line-height:1.4;margin:.5rem 0 0}.admin-actions{align-items:center;display:flex;gap:1rem}.btn-analytics,.btn-new-blog{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-new-blog{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-analytics{background:linear-gradient(135deg,#38a169,#2f855a)}.btn-analytics:hover,.btn-new-blog:hover{transform:translateY(-2px)}.btn-new-blog:hover{box-shadow:0 8px 25px #667eea4d}.btn-analytics:hover{box-shadow:0 8px 25px #38a1694d}.admin-nav{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:.5rem}.admin-nav,.nav-tab{display:flex;gap:.5rem}.nav-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#718096;cursor:pointer;flex:1 1;font-weight:600;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease}.nav-tab:hover{background:#f7fafc;color:#2d3748}.nav-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.tab-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.section-header h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.admin-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.stat-content{flex:1 1}.stat-number{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#718096;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.admin-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:nowrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;overflow:visible;padding:1.5rem;position:relative}.search-box{flex:0 1 400px;margin-bottom:.5rem;max-width:400px;min-width:200px;position:relative;z-index:1}.search-box input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .3s ease;width:100%}.search-box input:focus{border-color:#667eea;outline:none}.search-icon{color:#a0aec0;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.filter-controls{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.5rem;margin-left:auto;min-width:-webkit-fit-content;min-width:fit-content;position:relative;z-index:10}.filter-controls select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;max-width:160px;min-width:130px;padding:.75rem;position:relative;transition:border-color .3s ease;white-space:nowrap;z-index:15}.filter-controls select:focus{border-color:#667eea;outline:none;z-index:20}.filter-controls select:focus-within{z-index:20}.filter-controls select option{background:#fff;color:#2d3748;padding:.5rem}.sort-order-btn{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;justify-content:center;min-width:48px;padding:.75rem;transition:all .3s ease}.sort-order-btn:hover{background:#edf2f7;border-color:#cbd5e0}.blogs-table{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.blogs-table table{border-collapse:collapse;width:100%}.blogs-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#2d3748;font-weight:600;padding:1rem;text-align:left}.blogs-table td{border-bottom:1px solid #e2e8f0;padding:1rem;vertical-align:top}.blogs-table tr:hover{background:#f7fafc}.blog-title-cell{word-wrap:break-word;max-width:300px;min-width:200px}.blog-title{color:#2d3748;font-weight:600;margin-bottom:.25rem}.blog-preview{color:#718096;font-size:.875rem;line-height:1.4}.status-published{background:#c6f6d5;color:#22543d}.status-draft{background:#fed7d7;color:#742a2a}.date-cell{color:#718096;font-size:.875rem}.date-icon{color:#a0aec0;margin-right:.5rem}.actions-cell{white-space:nowrap}.action-btn{background:none;border:none;border-radius:6px;color:#718096;margin:0 .25rem;padding:.5rem}.action-btn:hover{transform:translateY(-2px)}.view-btn:hover{background:#e6fffa;color:#319795}.stats-btn:hover{background:#ebf4ff;color:#3182ce}.edit-btn:hover{background:#fef5e7;color:#d69e2e}.delete-btn:hover{background:#fed7d7;color:#e53e3e}.empty-state{color:#718096;padding:3rem;text-align:center}.empty-state p{font-size:1.125rem;margin-bottom:1rem}.pagination-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-top:2rem;padding:1.5rem}.pagination-info{color:#718096;font-size:.875rem;font-weight:500}.btn-load-more{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.btn-load-more:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.btn-load-more:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-boundary{align-items:center;display:flex;justify-content:center;min-height:50vh;padding:2rem}.error-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:2rem;text-align:center}.error-content h2{color:#e53e3e;margin-bottom:1rem}.error-content p{color:#718096;margin-bottom:1.5rem}.btn-reload{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-reload:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.error-container h2{color:#e53e3e;margin-bottom:1rem}.admin-quick-actions{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-top:2rem;padding:2rem}.admin-quick-actions h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.quick-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;text-align:center;transition:all .3s ease}.quick-action-btn:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.quick-action-btn svg{color:#667eea;font-size:2rem}.quick-action-btn span{color:#2d3748;font-weight:600}.file-management-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.file-upload-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease}.file-upload-card:hover{transform:translateY(-4px)}.file-upload-header{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:1px solid #e2e8f0;display:flex;gap:.75rem;padding:1.5rem}.file-upload-header svg{color:#667eea;font-size:1.5rem}.file-upload-header h4{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}.file-upload-content{padding:1.5rem}.file-upload-content p{color:#718096;line-height:1.5;margin:0 0 1.5rem}.file-upload-area{margin-bottom:1rem}.file-upload-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.file-upload-btn:hover:not(.uploading){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.file-upload-btn.uploading{cursor:not-allowed;opacity:.7}.file-upload-btn.uploading svg{animation:spin 1s linear infinite}.file-info{text-align:center}.file-info small{color:#a0aec0;font-size:.75rem}@media (max-width:900px){.admin-controls{flex-wrap:wrap;justify-content:flex-start}.search-box{flex:1 1 100%;margin-bottom:1rem;max-width:none}.filter-controls{flex:1 1 auto;justify-content:flex-start;margin-left:0}}@media (max-width:768px){.admin-dashboard{padding:1rem}.admin-nav{flex-direction:column;gap:.25rem}.nav-tab{padding:.75rem 1rem}.section-header{flex-direction:column;gap:1rem;text-align:center}.section-header h3{font-size:1.25rem}.admin-stats{grid-template-columns:1fr}.stat-card{flex-direction:column;gap:.75rem;text-align:center}.stat-icon{font-size:1.25rem;height:50px;width:50px}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.quick-action-btn{padding:1rem}.quick-action-btn svg{font-size:1.5rem}.file-management-grid{grid-template-columns:1fr}.file-upload-card{min-width:auto}.file-upload-btn{justify-content:center;width:100%}.admin-controls{align-items:stretch;flex-direction:column;gap:1rem;justify-content:stretch}.search-box{flex:1 1 auto;margin-bottom:0;max-width:none;min-width:auto}.filter-controls{flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-left:0;width:100%}.filter-controls select{flex:1 1;max-width:none;min-width:110px}.sort-order-btn{flex-shrink:0;min-width:48px}.blogs-table{overflow-x:auto}.blogs-table table{min-width:600px}.blog-title-cell{max-width:200px}}@media (max-width:480px){.admin-title h1{flex-direction:column;font-size:1.5rem;gap:.5rem}.file-management-grid{gap:1rem}.file-upload-content,.file-upload-header{padding:1rem}.quick-actions-grid{grid-template-columns:1fr}}.blog-stats{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.stats-header{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.btn-back,.stats-header{align-items:center;display:flex}.btn-back{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-weight:500;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.btn-back:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.stats-title h1{color:#2d3748;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.stats-meta{align-items:center;display:flex;gap:1rem}.status-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-badge.published{background:#c6f6d5;color:#22543d}.status-badge.draft{background:#fed7d7;color:#742a2a}.date-info{align-items:center;color:#718096;display:flex;font-size:.875rem;gap:.5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stats-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.card-header{border-bottom:1px solid #e2e8f0;padding:1.5rem 1.5rem 1rem}.card-header h3{color:#2d3748;font-size:1.125rem;font-weight:600;margin:0}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding:1.5rem}.metric-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:1rem;padding:1rem}.metric-icon{border-radius:50%;padding:.75rem}.metric-icon.views{background:linear-gradient(135deg,#667eea,#764ba2)}.metric-icon.visitors{background:linear-gradient(135deg,#f093fb,#f5576c)}.metric-icon.time{background:linear-gradient(135deg,#4facfe,#00f2fe)}.metric-icon.shares{background:linear-gradient(135deg,#43e97b,#38f9d7)}.metric-value{font-size:1.5rem}.performance-metrics{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.performance-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.performance-label{color:#4a5568;font-weight:500}.performance-value{color:#2d3748;font-size:1.125rem;font-weight:700}.referrers-list{gap:1rem;padding:1.5rem}.referrer-item,.referrers-list{display:flex;flex-direction:column}.referrer-item{gap:.5rem}.referrer-source{color:#2d3748;font-weight:600}.referrer-visits{color:#718096;font-size:.875rem}.referrer-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.referrer-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s ease}.engagement-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding:1.5rem}.engagement-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:1rem;padding:1rem}.engagement-icon{color:#667eea;font-size:1.5rem}.engagement-content{flex:1 1}.engagement-value{color:#2d3748;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.engagement-label{color:#718096;font-size:.875rem;font-weight:500}.error-container,.loading-container{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;min-height:50vh}@media (max-width:768px){.blog-stats{padding:1rem}.stats-header{gap:1rem}.stats-header,.stats-meta{align-items:flex-start;flex-direction:column}.stats-meta{gap:.5rem}.engagement-metrics,.metrics-grid,.stats-grid{grid-template-columns:1fr}}.web-analytics{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.analytics-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.analytics-title h2{align-items:center;color:#2d3748;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin:0}.analytics-title h2 svg{color:#667eea}.analytics-title p{color:#718096;font-size:1rem;margin:.5rem 0 0}.date-range-selector{align-items:center;display:flex;gap:.5rem}.date-range-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-weight:500;min-width:150px;padding:.75rem 1rem;transition:border-color .3s ease}.date-range-select:focus{border-color:#667eea;outline:none}.analytics-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.metric-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease}.metric-card:hover{transform:translateY(-4px)}.metric-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.metric-content{flex:1 1}.metric-value{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:.25rem}.metric-label{color:#718096;font-size:.875rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.metric-trend{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.trend-up{color:#38a169}.trend-down{color:#e53e3e}.trend-neutral{color:#718096}.metric-trend span{color:inherit}.analytics-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.analytics-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.analytics-section.full-width{grid-column:1/-1;overflow:hidden}.analytics-section h3{align-items:center;color:#2d3748;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}.analytics-section h3 svg{color:#667eea}.top-pages-list{display:flex;flex-direction:column;gap:1rem}.page-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:background-color .3s ease}.page-item:hover{background:#edf2f7}.page-rank{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.page-info{flex:1 1}.page-title{color:#2d3748;font-weight:600;margin-bottom:.25rem}.page-path{color:#718096;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.page-views{flex-shrink:0;text-align:right}.views-count{color:#2d3748;font-size:1.125rem;font-weight:700}.views-label{color:#718096;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.traffic-sources{display:flex;flex-direction:column;gap:1rem}.source-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:1rem;padding:1rem}.source-info{flex:1 1}.source-name{color:#2d3748;font-weight:600;margin-bottom:.25rem}.source-visitors{color:#718096;font-size:.875rem}.source-percentage{align-items:center;display:flex;gap:.75rem;min-width:120px}.percentage-bar{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.percentage-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s ease}.percentage-text{color:#2d3748;font-size:.875rem;font-weight:600;min-width:40px;text-align:right}.daily-stats-chart{overflow:hidden;padding:1rem 0;width:100%}.chart-container{align-items:end;box-sizing:border-box;display:flex;gap:.5rem;height:200px;margin-bottom:1rem;overflow-x:auto;overflow-y:hidden;padding:0 1rem;width:100%}.chart-container::-webkit-scrollbar{height:6px}.chart-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chart-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.chart-container::-webkit-scrollbar-thumb:hover{background:#5a67d8}.chart-bar{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:.5rem;width:40px}.bar-container{align-items:end;display:flex;height:160px;justify-content:center;width:100%}.bar-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px 4px 0 0;cursor:pointer;min-height:4px;transition:all .3s ease;width:80%}.bar-fill:hover{opacity:.8;transform:scaleY(1.05)}.bar-label{color:#718096;font-size:.75rem;font-weight:500;text-align:center}.chart-legend{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:center;padding-top:1rem}.legend-item{align-items:center;color:#718096;display:flex;font-size:.875rem;gap:.5rem}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.views{background:linear-gradient(135deg,#667eea,#764ba2)}.loading-container{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#667eea;margin-bottom:1rem}.error-container{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.error-container h3{color:#e53e3e;margin-bottom:1rem}.error-container p{margin-bottom:1.5rem}.analytics-section .empty-state{color:#718096;padding:3rem 1rem;text-align:center}.analytics-section .empty-state p{color:#4a5568;font-size:1rem;margin-bottom:.5rem}.analytics-section .empty-state small{color:#a0aec0;font-size:.875rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}@media (max-width:768px){.web-analytics{padding:1rem}.analytics-header{flex-direction:column;gap:1rem;text-align:center}.analytics-content,.analytics-metrics{grid-template-columns:1fr}.metric-card{flex-direction:column;text-align:center}.metric-icon{font-size:1.25rem;height:50px;width:50px}.metric-value{font-size:1.75rem}.page-item{flex-direction:column;gap:.75rem}.page-item,.page-views{text-align:center}.source-item{flex-direction:column;gap:.75rem}.source-percentage{min-width:auto;width:100%}.chart-container{height:150px;padding:0 .5rem}.chart-bar{width:30px}.bar-container{height:120px}}@media (max-width:480px){.analytics-title h2,.metric-value{font-size:1.5rem}.chart-container{gap:.25rem}.chart-bar{width:25px}.bar-fill{width:90%}}.blog-reader-container{background:linear-gradient(135deg,#1a1a1a,#4a4a4a 50%,#2d2d2d);color:#2d3748;font-family:Inter,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.blog-navigation{animation:blog-fadeInDown .6s ease-out;margin-bottom:30px}.back-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:25px;color:#4a5568;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.back-link:hover{background:#fff;box-shadow:0 4px 15px #0000001a;color:#2d3748;transform:translateX(-5px)}.blog-error,.blog-loading,.blog-not-found{animation:blog-fadeInUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 15px 40px #0000001a;padding:60px 40px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#2d2d2d;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.blog-error h2,.blog-not-found h2{color:#e53e3e;margin-bottom:15px}.back-to-blogs-btn{align-items:center;background:linear-gradient(135deg,#000,#434343 50%,#1a1a1a);border-radius:25px;color:#fff;display:inline-flex;font-weight:500;gap:8px;margin-top:20px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.back-to-blogs-btn:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.blog-header{animation:blog-fadeInUp .6s ease-out;animation-delay:.2s;animation-fill-mode:both;background:#fff;border-radius:20px;box-shadow:0 15px 40px #0000001a;margin-bottom:30px;padding:40px;position:relative;z-index:10}.blog-reader-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#000,#4a4a4a 50%,#1a1a1a);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 25px}.blog-meta-info{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:25px}.blog-author-info{align-items:center;display:flex;gap:15px}.author-avatar{align-items:center;background:linear-gradient(135deg,#000,#434343 50%,#1a1a1a);border-radius:50%;box-shadow:0 4px 15px #0000001a;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.author-details{display:flex;flex-direction:column;gap:5px}.author-name{color:#2d3748;font-size:1rem;font-weight:600}.blog-meta-items{color:#718096;font-size:.9rem;gap:10px}.blog-meta-items,.meta-item{align-items:center;display:flex}.meta-item{gap:5px}.meta-separator{color:#cbd5e0}.blog-actions{gap:10px}.action-btn,.blog-actions{align-items:center;display:flex}.action-btn{background:#fff;border:1px solid #e2e8f0;border-radius:50%;color:#4a5568;cursor:pointer;font-size:1rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.action-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:scale(1.1)}.action-btn.liked{background:#fed7d7;border-color:#fc8181;color:#e53e3e}.action-btn.bookmarked{background:#bee3f8;border-color:#90cdf4;color:#3182ce}.share-dropdown{position:relative;z-index:100}.share-menu{background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 10px 30px #00000026;min-width:150px;opacity:0;padding:10px;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1000}.share-dropdown .share-btn:focus+.share-menu,.share-dropdown .share-menu:hover,.share-dropdown:hover .share-menu{opacity:1;transform:translateY(0);visibility:visible}.share-menu button{align-items:center;background:none;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:10px 15px;text-align:left;transition:background .2s ease;width:100%}.share-menu button:hover{background:#f7fafc}.blog-tags{display:flex;flex-wrap:wrap;gap:10px}.blog-tag{background:#f7fafc;border:1px solid #e2e8f0;border-radius:20px;color:#4a5568;font-size:.8rem;font-weight:500;padding:6px 12px}.blog-content-wrapper{animation:blog-fadeInUp .6s ease-out;animation-delay:.4s;animation-fill-mode:both;background:#fff;border-radius:20px;box-shadow:0 15px 40px #0000001a;margin-bottom:30px;overflow:hidden;padding:0;position:relative;z-index:1}.blog-reader-content{color:#2d3748;font-family:Inter,Georgia,serif;font-size:1.1rem;line-height:1.7;padding:40px}.blog-reader-content h1{color:#1a202c;font-size:2rem;font-weight:700;line-height:1.3;margin:1.5em 0 .5em}.blog-reader-content h2{color:#2d3748;font-size:1.5rem;font-weight:600;line-height:1.4;margin:1.3em 0 .4em}.blog-reader-content p{margin:1em 0}.blog-reader-content ul{margin:1em 0;padding-left:1.5em}.blog-reader-content li{margin:.5em 0}.blog-reader-content pre{word-wrap:normal!important;background:#1a202c!important;border:none!important;border-radius:6px!important;color:#e2e8f0!important;font-size:14px!important;line-height:1.4!important;margin:1.5em 0!important;overflow-x:auto!important;padding:16px 20px!important;tab-size:2!important;white-space:pre!important;word-break:normal!important}.blog-reader-content code,.blog-reader-content pre{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace!important}.blog-reader-content code{background:#f1f5f9!important;border-radius:3px!important;color:#475569!important;font-size:.85em!important;font-weight:500!important;padding:2px 6px!important;white-space:nowrap!important}.blog-reader-content pre code{word-wrap:normal!important;background:#0000!important;border-radius:0!important;color:inherit!important;font-family:inherit!important;font-size:inherit!important;padding:0!important;white-space:pre!important;word-break:normal!important}.blog-reader-content pre .hljs-built_in,.blog-reader-content pre .hljs-keyword,.blog-reader-content pre .hljs-type{color:#81c784!important}.blog-reader-content pre .hljs-attr,.blog-reader-content pre .hljs-string{color:#ffb74d!important}.blog-reader-content pre .hljs-literal,.blog-reader-content pre .hljs-number{color:#f48fb1!important}.blog-reader-content pre .hljs-comment{color:#90a4ae!important;font-style:italic}.blog-reader-content pre .hljs-function,.blog-reader-content pre .hljs-title{color:#64b5f6!important}.blog-reader-content img{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;margin:1.5em 0;max-width:100%}.blog-reader-content blockquote{border-left:4px solid #e2e8f0;color:#4a5568;font-style:italic;margin:1.5em 0;padding-left:1.5em}.blog-footer{align-items:center;animation:blog-fadeInUp .6s ease-out;animation-delay:.6s;animation-fill-mode:both;background:#fff;border-radius:20px;box-shadow:0 15px 40px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:30px 40px}.blog-footer-actions{display:flex;gap:15px}.footer-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:25px;color:#4a5568;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.footer-action-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px)}.footer-action-btn.liked{background:#fed7d7;border-color:#fc8181;color:#e53e3e}.footer-action-btn.bookmarked{background:#bee3f8;border-color:#90cdf4;color:#3182ce}.blog-share-section{align-items:center;display:flex;gap:15px}.blog-share-section p{color:#4a5568;font-size:.9rem;font-weight:500;margin:0}.share-buttons{display:flex;gap:10px}.share-social-btn{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.share-social-btn.twitter{background:#1da1f2}.share-social-btn.linkedin{background:#0077b5}.share-social-btn.facebook{background:#1877f2}.share-social-btn:hover{box-shadow:0 4px 15px #0003;transform:scale(1.1)}@media (max-width:768px){.blog-reader-container{padding:15px}.blog-header{padding:30px 25px}.blog-reader-title{font-size:2rem}.blog-meta-info{align-items:flex-start;flex-direction:column;gap:15px}.blog-reader-content{font-size:1rem;padding:30px 25px}.blog-footer{align-items:stretch;flex-direction:column;padding:25px;text-align:center}.blog-footer-actions,.blog-share-section{justify-content:center}}@media (max-width:480px){.blog-reader-container{padding:10px}.blog-header{padding:25px 20px}.blog-reader-title{font-size:1.8rem}.blog-reader-content{padding:25px 20px}.blog-footer{padding:20px}.blog-actions{flex-wrap:wrap}.footer-action-btn{flex:1 1;justify-content:center}}@keyframes blog-fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes blog-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-reader-content ::selection{background:#0000001a}.action-btn:focus,.footer-action-btn:focus,.share-social-btn:focus{outline:2px solid #0003;outline-offset:2px}
/*# sourceMappingURL=main.47055a63.css.map*/