@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Poppins:wght@600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-dark: #0D1117;--secondary-dark: #161B22;--accent-blue: #58A6FF;--accent-purple: #4F46E5;--text-light: #FFFFFF;--text-gray: #D1D5DB;--card-bg: rgba(22, 27, 34, .8)}body{font-family:Inter,sans-serif;background:var(--primary-dark);color:var(--text-light);overflow-x:hidden;line-height:1.6}h1,h2,h3{font-family:Poppins,sans-serif}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}#canvas-container canvas{display:block;width:100%!important;height:100%!important}.content-wrapper{position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes fillBar{0%{width:0}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-20px)}60%{transform:translate(-50%) translateY(-10px)}}@media(max-width:768px){section{padding:3rem 5%}}nav{position:fixed;top:0;width:100%;padding:1.5rem 5%;background:#0d1117f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 20px #0000004d}.logo{font-size:1.5rem;font-weight:700;color:var(--accent-blue)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-light);text-decoration:none;font-weight:500;transition:color .3s;position:relative}.nav-links a:hover{color:var(--accent-blue)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-blue);transition:width .3s}.nav-links a:hover:after{width:100%}@media(max-width:768px){.nav-links{display:none}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:100px 5% 50px}.hero-content{animation:fadeInUp 1s ease-out}.profile-image-container{margin-bottom:1.5rem;animation:fadeIn 1s ease-out}.profile-image{width:150px;height:150px;border-radius:50%;border:4px solid var(--accent-blue);box-shadow:0 0 30px #58a6ff66;object-fit:cover;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto}.hero h1{font-size:3rem;margin-bottom:.8rem;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:slideInLeft 1s ease-out}.hero .subtitle{font-size:1.3rem;color:var(--text-gray);margin-bottom:.8rem;animation:slideInRight 1s ease-out}.hero .tagline{font-size:1rem;color:var(--text-gray);margin-bottom:1.5rem;animation:fadeIn 1.5s ease-out;white-space:pre-line}.hero-info{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.2rem;animation:fadeInUp 1.8s ease-out}.hero-info-item{display:flex;align-items:center;gap:.4rem;color:var(--text-gray);font-size:.9rem}.hero-info-item i{color:var(--accent-blue);font-size:.9rem}.hero-social{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;animation:fadeInUp 2s ease-out}.hero-social a{width:45px;height:45px;background:#58a6ff1a;border:2px solid var(--accent-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-blue);font-size:1.1rem;transition:all .3s;text-decoration:none}.hero-social a:hover{background:var(--accent-blue);color:#fff;transform:translateY(-5px) scale(1.1);box-shadow:0 10px 25px #58a6ff66}.availability-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1.2rem;background:#10b98133;border:1px solid #10B981;border-radius:25px;color:#10b981;font-size:.85rem;margin-bottom:1.2rem;animation:fadeInUp 1.6s ease-out}.availability-badge:before{content:"";width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s ease-in-out infinite}.cta-buttons{display:flex;gap:1rem;justify-content:center;animation:fadeInUp 2s ease-out;flex-wrap:wrap}.btn{padding:.8rem 2rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block}.btn i{margin-right:.4rem}.btn-primary{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #58a6ff66}.btn-secondary{background:transparent;border:2px solid var(--accent-blue);color:var(--accent-blue)}.btn-secondary:hover{background:var(--accent-blue);color:#fff;transform:translateY(-3px)}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);animation:bounce 2s infinite}.scroll-indicator:after{content:"↓";font-size:2rem;color:var(--accent-blue)}@media(max-width:768px){.hero{padding:90px 5% 40px}.hero h1{font-size:2rem}.hero .subtitle{font-size:1.1rem}.profile-image{width:120px;height:120px;font-size:2.5rem}.hero-info{flex-direction:column;gap:.6rem}.hero-info-item{font-size:.85rem}.hero-social a{width:40px;height:40px;font-size:1rem}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px}}section{padding:4rem 5%;position:relative}.section-title{font-size:2.5rem;text-align:center;margin-bottom:2.5rem;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-content{max-width:900px;margin:0 auto;background:var(--card-bg);padding:2rem;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(88,166,255,.2);box-shadow:0 8px 32px #0000004d}.about-content p{font-size:1rem;line-height:1.7;color:var(--text-gray);margin-bottom:1.2rem}.about-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0;padding:1.5rem;background:#58a6ff0d;border-radius:12px}.about-detail-item{display:flex;align-items:start;gap:.8rem}.about-detail-item i{color:var(--accent-blue);font-size:1.1rem;margin-top:.2rem}.about-detail-content strong{color:var(--text-light);display:block;margin-bottom:.2rem;font-size:.9rem}.about-detail-content span{color:var(--text-gray);font-size:.85rem}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-top:1.5rem}.stat-card{text-align:center;padding:1.2rem;background:#58a6ff1a;border-radius:12px;transition:transform .3s}.stat-card:hover{transform:translateY(-5px)}.stat-number{font-size:2rem;font-weight:700;color:var(--accent-blue)}.stat-label{color:var(--text-gray);margin-top:.4rem;font-size:.9rem}@media(max-width:768px){.section-title{font-size:2rem}.about-content{padding:1.5rem}.about-details{grid-template-columns:1fr;padding:1rem}}.education-timeline{max-width:1200px;margin:0 auto;position:relative;padding:2rem 0}.education-timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent-blue),var(--accent-purple))}.education-item{background:var(--card-bg);padding:2rem;border-radius:16px;margin-bottom:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(88,166,255,.2);position:relative;width:45%;transition:all .3s}.education-item:nth-child(odd){margin-left:0;margin-right:auto}.education-item:nth-child(2n){margin-left:auto;margin-right:0}.education-item:before{content:"🎓";position:absolute;top:2rem;width:50px;height:50px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:4px solid var(--primary-dark);z-index:1}.education-item:nth-child(odd):before{right:-25px;transform:translate(50%)}.education-item:nth-child(2n):before{left:-25px;transform:translate(-50%)}.education-item:after{content:"";position:absolute;top:2.75rem;width:30px;height:2px;background:var(--accent-blue)}.education-item:nth-child(odd):after{right:-30px}.education-item:nth-child(2n):after{left:-30px}.education-item:hover{box-shadow:0 10px 30px #58a6ff4d}.education-item:nth-child(odd):hover{transform:translate(-10px)}.education-item:nth-child(2n):hover{transform:translate(10px)}.education-header-inline{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.education-institution{font-size:1.3rem;font-weight:700;color:var(--accent-blue)}.education-degree{font-size:1.1rem;color:var(--text-light);margin-top:.3rem}.education-duration{color:var(--text-gray);font-size:.9rem}.education-achievements{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.achievement-badge{background:#58a6ff33;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;color:var(--accent-blue);font-weight:600}.education-highlights{margin-top:1rem;color:var(--text-gray)}.education-highlights li{margin-bottom:.5rem;padding-left:1rem}@media(max-width:768px){.education-timeline:before{left:20px}.education-item{width:calc(100% - 50px);margin-left:50px!important;margin-right:0!important}.education-item:before{left:-45px!important;transform:translate(0)!important}.education-item:after{left:-20px!important;right:auto!important}.education-item:hover{transform:translate(10px)!important}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.skill-category{background:var(--card-bg);padding:1.5rem;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(88,166,255,.2);transition:all .3s}.skill-category:hover{transform:translateY(-8px);box-shadow:0 15px 40px #58a6ff4d}.skill-category h3{color:var(--accent-blue);margin-bottom:1.2rem;font-size:1.3rem}.skill-item{margin-bottom:1.2rem}.skill-name{display:flex;justify-content:space-between;margin-bottom:.4rem;color:var(--text-gray);font-size:.9rem}.skill-bar{height:8px;background:#58a6ff1a;border-radius:10px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));border-radius:10px;animation:fillBar 1.5s ease-out}.experience-timeline{max-width:1200px;margin:0 auto;position:relative;padding:2rem 0}.experience-timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent-purple),var(--accent-blue))}.experience-item{background:var(--card-bg);padding:2rem;border-radius:16px;margin-bottom:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(79,70,229,.3);position:relative;width:45%;transition:all .3s;box-shadow:0 4px 15px #0003}.experience-item:nth-child(odd){margin-left:0;margin-right:auto}.experience-item:nth-child(2n){margin-left:auto;margin-right:0}.experience-item:before{content:"💼";position:absolute;top:2rem;width:50px;height:50px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:4px solid var(--primary-dark);z-index:1;box-shadow:0 4px 15px #4f46e566}.experience-item:nth-child(odd):before{right:-25px;transform:translate(50%)}.experience-item:nth-child(2n):before{left:-25px;transform:translate(-50%)}.experience-item:after{content:"";position:absolute;top:2.75rem;width:30px;height:2px;background:var(--accent-purple);box-shadow:0 0 8px #4f46e599}.experience-item:nth-child(odd):after{right:-30px}.experience-item:nth-child(2n):after{left:-30px}.experience-item:hover{box-shadow:0 10px 30px #4f46e566;border-color:#4f46e580}.experience-item:nth-child(odd):hover{transform:translate(-10px)}.experience-item:nth-child(2n):hover{transform:translate(10px)}.experience-header-inline{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.experience-company{font-size:1.3rem;font-weight:700;color:var(--accent-purple)}.experience-role{font-size:1.1rem;color:var(--text-light);margin-top:.3rem}.experience-duration{color:var(--text-gray);font-size:.9rem;padding:.4rem .9rem;background:#4f46e526;border-radius:20px;border:1px solid rgba(79,70,229,.3)}.experience-location{display:flex;align-items:center;gap:.5rem;color:var(--text-gray);font-size:.9rem;margin-bottom:1rem}.experience-location i{color:var(--accent-purple);font-size:.85rem}.experience-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tech-badge{background:#4f46e533;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;color:var(--accent-purple);font-weight:600;border:1px solid rgba(79,70,229,.3);transition:all .2s ease}.tech-badge:hover{background:#4f46e54d;transform:translateY(-2px)}.experience-responsibilities{margin-top:1rem;color:var(--text-gray);list-style:none;padding:0}.experience-responsibilities li{margin-bottom:.5rem;padding-left:1rem;position:relative;line-height:1.6}.experience-responsibilities li:before{content:"▸";position:absolute;left:0;color:var(--accent-purple);font-size:.9rem}@media(max-width:768px){.experience-timeline:before{left:20px}.experience-item{width:calc(100% - 50px);margin-left:50px!important;margin-right:0!important}.experience-item:before{left:-45px!important;transform:translate(0)!important}.experience-item:after{left:-20px!important;right:auto!important}.experience-item:hover{transform:translate(10px)!important}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:#000000e6;overflow-y:auto}.modal.show{display:block}.modal-content{background:var(--secondary-dark);margin:5% auto;padding:3rem;max-width:900px;border-radius:16px;border:1px solid rgba(88,166,255,.2);position:relative}.close-modal{position:absolute;top:1rem;right:1.5rem;font-size:2rem;color:var(--text-gray);cursor:pointer;transition:color .3s;background:none;border:none;padding:0;line-height:1}.close-modal:hover{color:var(--accent-blue)}.modal-header{margin-bottom:2rem}.modal-header h2{color:var(--accent-blue);margin-bottom:1rem}.modal-section{margin-bottom:2rem}.modal-section h3{color:var(--text-light);margin-bottom:1rem}.modal-section p,.modal-section li{color:var(--text-gray);line-height:1.8}.modal-section ul{padding-left:1.5rem}@media(max-width:768px){.modal-content{padding:1.5rem;margin:10% auto}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.project-card{background:var(--card-bg);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(88,166,255,.2);transition:all .3s;cursor:pointer}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #58a6ff66}.project-image{height:180px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));display:flex;align-items:center;justify-content:center;font-size:2.5rem}.project-info{padding:1.5rem}.project-title{font-size:1.3rem;margin-bottom:.8rem;color:var(--text-light)}.project-description{color:var(--text-gray);margin-bottom:1.2rem;line-height:1.6;font-size:.95rem}.project-tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}.tech-tag{background:#58a6ff33;padding:.25rem .7rem;border-radius:20px;font-size:.8rem;color:var(--accent-blue)}.project-links{display:flex;gap:1rem}.project-link{color:var(--accent-blue);text-decoration:none;font-weight:600;transition:color .3s}.project-link:hover{color:var(--accent-purple)}.contact-container{max-width:600px;margin:0 auto;background:var(--card-bg);padding:2rem;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(88,166,255,.2)}.form-group{margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:.4rem;color:var(--text-gray);font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:.8rem;background:#58a6ff1a;border:1px solid rgba(88,166,255,.3);border-radius:8px;color:var(--text-light);font-family:Inter,sans-serif;transition:border-color .3s;font-size:.95rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-blue)}.form-group textarea{resize:vertical;min-height:120px}@media(max-width:768px){.contact-container{padding:1.5rem}}.footer{text-align:center;padding:2rem 5%;color:var(--text-gray);font-size:.9rem;border-top:1px solid rgba(88,166,255,.1)}.floating-social{position:fixed;left:2rem;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:1rem}.floating-social a{width:45px;height:45px;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(88,166,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-blue);font-size:1.2rem;transition:all .3s;text-decoration:none;box-shadow:0 4px 15px #0003}.floating-social a:hover{background:var(--accent-blue);color:#fff;transform:translate(5px);box-shadow:0 6px 20px #58a6ff66}@media(max-width:768px){.floating-social{display:none}}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;cursor:pointer;z-index:50;transition:all .3s;box-shadow:0 4px 15px #58a6ff66;border:none}.scroll-to-top:hover{transform:translateY(-5px);box-shadow:0 8px 25px #58a6ff99}.scroll-to-top.show{display:flex}@media(max-width:768px){.scroll-to-top{bottom:1rem;right:1rem;width:45px;height:45px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{font-size:18px;margin:0}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.admin-login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px;width:100%;max-width:450px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-login-header{text-align:center;margin-bottom:30px}.admin-login-header h1{color:#333;font-size:28px;font-weight:700;margin-bottom:8px}.admin-login-header p{color:#666;font-size:14px}.admin-login-form{display:flex;flex-direction:column;gap:20px}.admin-form-group{display:flex;flex-direction:column;gap:8px}.admin-form-group label{color:#333;font-size:14px;font-weight:600}.admin-form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s ease;background:#f9f9f9}.admin-form-group input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.turnstile-widget{display:flex;justify-content:center;margin:10px 0}.admin-login-button{padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.admin-login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.admin-login-button:disabled{opacity:.6;cursor:not-allowed}.admin-error-message{background:#fee;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;border-left:4px solid #c33}.admin-login-footer{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0}.admin-login-footer p{color:#999;font-size:12px}@media(max-width:480px){.admin-login-card{padding:30px 20px}.admin-login-header h1{font-size:24px}}.admin-dashboard-container{min-height:100vh;background:#f5f5f5;padding:20px}.admin-dashboard-header{background:#fff;padding:24px 32px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.admin-dashboard-header h1{color:#333;font-size:28px;margin:0 0 4px}.admin-dashboard-header p{color:#666;font-size:14px;margin:0}.admin-logout-button{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-logout-button:hover{background:#c82333;transform:translateY(-1px)}.admin-status-message{padding:12px 20px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500}.admin-status-message.success{background:#d4edda;color:#155724;border-left:4px solid #28a745}.admin-status-message.error{background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.admin-dashboard-content{background:#fff;padding:32px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.admin-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #e0e0e0}.admin-section:last-child{border-bottom:none}.admin-section h2{color:#333;font-size:22px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #667eea}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.admin-form-field{display:flex;flex-direction:column;gap:8px}.admin-form-field label{color:#333;font-size:14px;font-weight:600}.admin-form-field input,.admin-form-field textarea{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .3s ease;background:#f9f9f9}.admin-form-field input:focus,.admin-form-field textarea:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.admin-form-field textarea{resize:vertical;min-height:100px}.admin-actions{display:flex;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}.admin-save-button,.admin-view-site-button{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.admin-save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.admin-save-button:disabled{opacity:.6;cursor:not-allowed}.admin-view-site-button{background:#6c757d;color:#fff}.admin-view-site-button:hover{background:#5a6268;transform:translateY(-2px)}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:18px;color:#666}.admin-meta-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e0e0e0;padding-bottom:0}.admin-tab-button{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:#666;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:-2px}.admin-tab-button:hover{color:#667eea;background:#667eea0d}.admin-tab-button.active{color:#667eea;border-bottom-color:#667eea;background:#667eea0d}.admin-form-field select{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .3s ease;background:#f9f9f9;cursor:pointer}.admin-form-field select:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.admin-form-field input[type=color]{width:100%;height:50px;padding:4px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer}@media(max-width:768px){.admin-dashboard-header{flex-direction:column;gap:16px;align-items:flex-start}.admin-dashboard-content{padding:20px}.admin-form-grid{grid-template-columns:1fr}.admin-actions{flex-direction:column}.admin-meta-tabs{flex-wrap:wrap;gap:4px}.admin-tab-button{padding:10px 16px;font-size:13px}}