@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden}.App,body{background-color:#0a0a0a;color:#f0f0f0}.App{min-height:100vh}.container{margin:0 auto;max-width:1200px;width:90%}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0a0ae6;border-bottom:1px solid #222;display:flex;justify-content:space-between;padding:20px 5%;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar.scrolled{box-shadow:0 5px 20px #0000001a;padding:15px 5%}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffbf00,#ff8c00);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:30px}.nav-links a{color:#f0f0f0;font-size:16px;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.nav-links a:hover{color:#ffbf00}.nav-links a:after{background:linear-gradient(45deg,#ffbf00,#ff8c00);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after{width:100%}.hero{align-items:center;background:radial-gradient(circle at top right,#ffbf001a 0,#0a0a0a00 70%);display:flex;min-height:100vh;overflow:hidden;padding:180px 5% 100px;position:relative}.hero:before{background:radial-gradient(circle,#ffbf001a 0,#0000 70%);border-radius:50%;content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%;z-index:-1}.hero-content{align-items:center;display:flex;gap:50px;justify-content:space-between;width:100%}.hero-text{animation:fadeInUp 1s ease;flex:1 1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#ffbf00);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;line-height:1.2;margin-bottom:15px}.hero-text h2{color:#aaa;font-size:1.8rem;font-weight:400;margin-bottom:30px}.hero-text p{color:#ccc;font-size:1.1rem;margin-bottom:30px;max-width:600px}.social-links{display:flex;gap:20px;margin-top:30px}.social-links a{align-items:center;background:#ffffff0d;border:1px solid #ffbf004d;border-radius:50%;color:#f0f0f0;display:flex;font-size:1.2rem;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.social-links a:hover{background:linear-gradient(45deg,#ffbf00,#ff8c00);box-shadow:0 10px 20px #ffbf0033;transform:translateY(-5px)}.social-links svg{stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;height:24px;width:24px}.hero-image{animation:fadeInRight 1s ease;display:flex;flex:1 1;justify-content:flex-end}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.circular-photo{align-items:center;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);background-clip:padding-box;border:3px solid #0000;border-radius:50%;box-shadow:0 20px 50px #00000080;display:flex;height:350px;justify-content:center;overflow:hidden;position:relative;width:350px}.circular-photo:before{inset:-3px}.circular-photo img{border-radius:50%;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.circular-photo img[src="/batuhanozler.jpeg"]{display:block}.circular-photo:after{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffbf00,#ff8c00);-webkit-background-clip:text;background-clip:text;content:"BO";font-size:120px;font-weight:700;z-index:0}.circular-photo:before{animation:rotate 3s linear infinite;background:linear-gradient(45deg,#ffbf00,#ff8c00,#ffbf00);border-radius:50%;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px;z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.circular-photo:after{background:#0a0a0a;border-radius:50%;content:"";height:95%;position:absolute;width:95%;z-index:-1}.about{background:#0f0f0f;padding:100px 5%;position:relative}.about:before{background:radial-gradient(circle at bottom left,#ffbf000d 0,#0a0a0a00 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.about-content{display:flex;gap:50px;justify-content:space-between;position:relative;z-index:1}.about-info,.education{flex:1 1}.about h2,.education h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffbf00,#ff8c00);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:2.5rem;margin-bottom:30px;position:relative}.about h2:after,.education h2:after{background:linear-gradient(45deg,#ffbf00,#ff8c00);border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:60px}.about p,.education p{color:#ccc;font-size:1.1rem;margin-bottom:20px}.education ul{list-style:none;padding-left:0}.education li{color:#ccc;margin-bottom:15px;padding-left:30px;position:relative}.education li:before{color:#ffbf00;content:"▹";font-size:1.2rem;left:0;position:absolute}.skills-container{margin-top:30px}.skill-category{margin-bottom:20px}.skill-category h3{color:#ffbf00;font-size:1.3rem;margin-bottom:15px}.skills{display:flex;flex-wrap:wrap;gap:15px}.skill{background:#ffbf001a;border:1px solid #ffbf0033;border-radius:20px;color:#ffbf00;font-size:.9rem;padding:8px 15px;transition:all .3s ease}.skill:hover{background:#ffbf0033;transform:translateY(-3px)}.projects{background:#0a0a0a;padding:100px 5%;position:relative}.projects:before{background:radial-gradient(circle at top left,#ffbf000d 0,#0a0a0a00 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.projects h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffbf00,#ff8c00);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:2.5rem;margin-bottom:50px;position:relative;text-align:center}.projects h2,.projects h2:after{left:50%;transform:translateX(-50%)}.projects h2:after{background:linear-gradient(45deg,#ffbf00,#ff8c00);border-radius:2px;bottom:-10px;content:"";height:4px;position:absolute;width:60px}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:50px;position:relative;z-index:1}.project-card{background:linear-gradient(145deg,#121212,#0a0a0a);border:1px solid #ffbf001a;border-radius:15px;box-shadow:0 10px 30px #0000004d;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.project-card:before{background:linear-gradient(45deg,#ffbf00,#ff8c00);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.project-card:hover{border-color:#ffbf004d;box-shadow:0 20px 40px #0006;transform:translateY(-10px)}.project-card:hover:before{transform:scaleX(1)}.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.project-header h3{color:#f0f0f0;font-size:1.5rem;margin:0}.project-language{background:#ffbf001a;border:1px solid #ffbf0033;border-radius:20px;color:#ffbf00;font-size:.8rem;padding:5px 12px}.project-description{color:#aaa;font-size:1rem;margin-bottom:20px}.project-details{color:#777;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:20px}.project-year{background:#ffbf001a;border:1px solid #ffbf0033;border-radius:10px;padding:3px 10px}.project-stats{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:20px}.stat{display:flex;gap:15px}.forks,.stars,.view-project{color:#ffbf00;font-size:.9rem}.view-project{border:1px solid #ffbf004d;border-radius:5px;font-weight:500;padding:8px 20px;text-decoration:none;transition:all .3s ease}.view-project:hover{background:#ffbf001a}.text-center{text-align:center}.show-more-btn{background:linear-gradient(45deg,#ffbf00,#ff8c00);border:none;border-radius:30px;box-shadow:0 10px 20px #ffbf0033;color:#000;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 40px;transition:all .3s ease}.show-more-btn:hover{box-shadow:0 15px 30px #ffbf004d;transform:translateY(-5px)}.skeleton-card{background:linear-gradient(145deg,#121212,#0a0a0a);border:1px solid #ffbf001a;border-radius:15px;padding:30px}.skeleton-header{height:30px;margin-bottom:20px}.skeleton-header,.skeleton-text{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#222,#333,#222);border-radius:5px}.skeleton-text{height:20px;margin-bottom:15px}.skeleton-text.short{width:70%}.skeleton-footer{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#222,#333,#222);border-radius:5px;height:40px;margin-top:20px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.technologies{background:#0f0f0f;padding:100px 5%;position:relative}.technologies:before{background:radial-gradient(circle at bottom right,#ffbf000d 0,#0a0a0a00 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.technologies h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffbf00,#ff8c00);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:2.5rem;left:50%;margin-bottom:50px;position:relative;text-align:center;transform:translateX(-50%)}.technologies h2:after{background:linear-gradient(45deg,#ffbf00,#ff8c00);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.tech-slider-container{height:120px;margin:0 auto;mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);max-width:1200px;overflow:hidden;position:relative}.tech-slider{display:flex;height:100%;width:100%}.tech-slide{align-items:center;animation:slide 15s linear infinite;display:flex;flex-shrink:0;gap:100px;white-space:nowrap}.tech-slide span{color:#f0f0f0;font-size:2rem;font-weight:500;min-width:150px;text-align:center;text-shadow:0 0 10px #ffbf004d;transition:all .3s ease}.tech-slide span:hover{color:#ffbf00;text-shadow:0 0 20px #ffbf0080;transform:scale(1.1)}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.services{background:#0a0a0a;padding:100px 5%;position:relative}.services:before{background:radial-gradient(circle at top right,#ffbf000d 0,#0a0a0a00 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.services h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffbf00,#ff8c00);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:2.5rem;margin-bottom:50px;position:relative;text-align:center}.services h2,.services h2:after{left:50%;transform:translateX(-50%)}.services h2:after{background:linear-gradient(45deg,#ffbf00,#ff8c00);border-radius:2px;bottom:-10px;content:"";height:4px;position:absolute;width:60px}.services-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));position:relative;z-index:1}.service-card{background:linear-gradient(145deg,#121212,#0a0a0a);border:1px solid #ffbf001a;border-radius:15px;box-shadow:0 10px 30px #0000004d;cursor:pointer;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.service-card:before{background:linear-gradient(45deg,#ffbf00,#ff8c00);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.service-card:hover{border-color:#ffbf004d;box-shadow:0 20px 40px #0006;transform:translateY(-10px)}.service-card.expanded:before,.service-card:hover:before{transform:scaleX(1)}.service-card.expanded{border-color:#ffbf0066;box-shadow:0 20px 50px #ffbf0033}.service-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.service-card h3{color:#ffbf00;font-size:1.5rem;margin:0;transition:all .3s ease}.service-card.expanded h3{color:#ff8c00}.toggle-icon{color:#ffbf00;font-size:1.2rem;transition:all .3s ease}.service-card.expanded .toggle-icon{color:#ff8c00;transform:rotate(180deg)}.service-description{color:#aaa;line-height:1.7;margin-bottom:0;transition:all .3s ease}.service-card.expanded .service-description{color:#ccc}.service-details-wrapper{max-height:0;overflow:hidden;transition:max-height .4s ease-out}.service-details-wrapper.show{max-height:800px;transition:max-height .6s ease-in}.details-divider{background:linear-gradient(90deg,#0000,#ffbf00,#0000);height:2px;margin:20px 0;opacity:0;transform:scaleX(0);transition:all .4s ease;width:100%}.service-details-wrapper.show .details-divider{opacity:1;transform:scaleX(1)}.service-details{list-style:none;margin:0;padding:0}.service-details li{align-items:center;border-bottom:1px solid #ffbf001a;color:#f0f0f0;display:flex;font-size:1rem;gap:12px;opacity:0;padding:12px 0;transform:translateX(-20px);transition:all .3s ease}.service-details-wrapper.show .service-details li{opacity:1;transform:translateX(0)}.service-details li:first-child{transition-delay:.1s}.service-details li:nth-child(2){transition-delay:.15s}.service-details li:nth-child(3){transition-delay:.2s}.service-details li:nth-child(4){transition-delay:.25s}.service-details li:nth-child(5){transition-delay:.3s}.service-details li:nth-child(6){transition-delay:.35s}.service-details li:nth-child(7){transition-delay:.4s}.service-details li:last-child{border-bottom:none}.service-details li svg{stroke:#ffbf00;flex-shrink:0}.service-details li span{flex:1 1}.contact{background:#0f0f0f;padding:100px 5%;position:relative}.contact:before{background:radial-gradient(circle at bottom left,#ffbf000d 0,#0a0a0a00 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.contact h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffbf00,#ff8c00);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:2.5rem;margin-bottom:60px;position:relative;text-align:center}.contact h2,.contact h2:after{left:50%;transform:translateX(-50%)}.contact h2:after{background:linear-gradient(45deg,#ffbf00,#ff8c00);border-radius:2px;bottom:-10px;content:"";height:4px;position:absolute;width:60px}.contact-wrapper{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;position:relative;z-index:1}.contact-location,.contact-options{background:linear-gradient(145deg,#121212,#0a0a0a);border:1px solid #ffbf001a;border-radius:20px;box-shadow:0 10px 30px #0000004d;padding:40px;transition:all .3s ease}.contact-location:hover,.contact-options:hover{border-color:#ffbf004d;box-shadow:0 20px 40px #0006;transform:translateY(-5px)}.contact-location h3,.contact-options h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffbf00,#ff8c00);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;margin-bottom:15px}.contact-options p{color:#aaa;font-size:1.05rem;line-height:1.6;margin-bottom:30px}.contact-buttons{display:flex;flex-direction:column;gap:20px}.contact-btn{align-items:center;border-radius:15px;display:flex;font-size:1.1rem;font-weight:600;gap:15px;justify-content:center;overflow:hidden;padding:18px 30px;position:relative;text-decoration:none;transition:all .3s ease}.contact-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.contact-btn:hover:before{height:400px;width:400px}.contact-btn span,.contact-btn svg{position:relative;z-index:1}.gmail-btn{background:linear-gradient(135deg,#ea433533,#fbbc0533);border:2px solid #ea433566;color:#ea4335}.gmail-btn:hover{background:linear-gradient(135deg,#ea4335,#fbbc05);box-shadow:0 15px 35px #ea43354d;color:#fff;transform:translateY(-5px)}.whatsapp-btn{background:linear-gradient(135deg,#25d36633,#128c7e33);border:2px solid #25d36666;color:#25d366}.whatsapp-btn:hover{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 15px 35px #25d3664d;color:#fff;transform:translateY(-5px)}.instagram-btn{background:linear-gradient(135deg,#e1306c33,#c1358433);border:2px solid #e1306c66;color:#e1306c}.instagram-btn:hover{background:linear-gradient(135deg,#e1306c,#c13584);box-shadow:0 15px 35px #e1306c4d;color:#fff;transform:translateY(-5px)}.linkedin-btn{background:linear-gradient(135deg,#0077b533,#0693);border:2px solid #0077b566;color:#0077b5}.linkedin-btn:hover{background:linear-gradient(135deg,#0077b5,#069);box-shadow:0 15px 35px #0077b54d;color:#fff;transform:translateY(-5px)}.location-info{align-items:center;background:#ffbf001a;border:2px solid #ffbf004d;border-radius:15px;display:flex;gap:12px;justify-content:center;min-height:80px;padding:20px}.location-info svg{stroke:#ffbf00;flex-shrink:0}.location-info span{color:#f0f0f0;font-size:1.2rem;font-weight:600}.error,.loading{border-radius:10px;font-size:1.2rem;margin:20px 0;padding:40px;text-align:center}.loading{background:#ffffff0d;color:#aaa}.error{background:#ff6b6b1a;border:1px solid #ff6b6b33;color:#ff6b6b}@media (max-width:992px){.hero-text h1{font-size:2.8rem}.hero-text h2{font-size:1.5rem}.circular-photo{height:300px;width:300px}.about-content{flex-direction:column}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.contact-wrapper{gap:30px;grid-template-columns:1fr}}@media (max-width:768px){.navbar{flex-direction:column;padding:15px}.nav-links{margin-top:15px}.nav-links li{margin:0 10px}.hero{padding:150px 5% 80px}.hero-content{flex-direction:column;text-align:center}.hero-text{margin-bottom:50px}.social-links{justify-content:center}.circular-photo{height:250px;width:250px}.tech-slider-container{height:100px}.tech-slide span{font-size:1.5rem;min-width:120px}.projects-grid{grid-template-columns:1fr}.project-details{flex-direction:column;gap:10px}.contact-location,.contact-options{padding:30px}.contact-location h3,.contact-options h3{font-size:1.5rem}.contact-btn{font-size:1rem;padding:16px 25px}}@media (max-width:576px){.hero-text h1{font-size:2.2rem}.hero-text h2{font-size:1.2rem}.circular-photo{height:200px;width:200px}.nav-links{flex-wrap:wrap;justify-content:center}.nav-links li{margin:5px 10px}.tech-slider-container{height:80px}.tech-slide span{font-size:1.2rem;min-width:100px}.stat{flex-direction:column;gap:5px}.contact-location,.contact-options{padding:25px}.contact-location h3,.contact-options h3{font-size:1.3rem}.contact-btn{font-size:.95rem;padding:14px 20px}.location-info{flex-direction:column;text-align:center}}.admin-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.admin-panel{animation:slideUp .3s ease;background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border:2px solid #ffbf004d;border-radius:20px;box-shadow:0 20px 60px #ffbf0033;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-panel::-webkit-scrollbar{width:8px}.admin-panel::-webkit-scrollbar-track{background:#0a0a0a}.admin-panel::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ffbf00,#ff8c00);border-radius:4px}.admin-header{align-items:center;background:#ffbf000d;border-bottom:2px solid #ffbf0033;display:flex;justify-content:space-between;padding:25px 30px}.admin-header h2{color:#ffbf00;font-size:1.8rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ffbf00;cursor:pointer;display:flex;font-size:2.5rem;height:40px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:40px}.close-btn:hover{background:#ffbf001a;transform:rotate(90deg)}.admin-login{padding:40px 30px}.admin-login form{margin:0 auto;max-width:400px}.form-group label{font-size:1.1rem;margin-bottom:10px}.form-group input{background:#ffffff0d;border:2px solid #ffbf004d;border-radius:10px;color:#f0f0f0;font-size:1rem;padding:15px;transition:all .3s ease;width:100%}.form-group input:focus{background:#ffffff14;border-color:#ffbf00;box-shadow:0 0 20px #ffbf0033;outline:none}.error-message{animation:shake .3s ease;color:#ff6b6b;font-size:.9rem;margin-top:10px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.login-btn{background:linear-gradient(45deg,#ffbf00,#ff8c00);border:none;border-radius:10px;color:#000;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:10px;padding:15px;transition:all .3s ease;width:100%}.login-btn:hover{box-shadow:0 10px 30px #ffbf004d;transform:translateY(-3px)}.admin-content{padding:20px 30px 30px}.admin-tabs{display:flex;gap:10px;margin-bottom:30px;overflow-x:auto;padding-bottom:10px}.tab-btn{background:#ffffff0d;border:2px solid #ffbf0033;border-radius:10px;color:#f0f0f0;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:#ffbf001a;border-color:#ffbf0066}.tab-btn.active{background:linear-gradient(45deg,#ffbf00,#ff8c00);border-color:#ffbf00;color:#000}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content h3{color:#ffbf00;font-size:1.5rem;margin:0 0 20px}.form-section{background:#ffffff05;border:1px solid #ffbf001a;border-radius:15px;padding:25px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.form-group{margin-bottom:20px}.form-group label{color:#ffbf00;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{background:#ffffff0d;border:2px solid #ffbf0033;border-radius:8px;color:#f0f0f0;font-size:1rem;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;border-color:#ffbf00;box-shadow:0 0 20px #ffbf0033;outline:none}.form-group textarea{font-family:inherit;resize:vertical}.save-btn{background:linear-gradient(45deg,#ffbf00,#ff8c00);border:none;border-radius:10px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 30px;transition:all .3s ease}.save-btn:hover{box-shadow:0 10px 30px #ffbf004d;transform:translateY(-3px)}.big-save-btn{font-size:1.1rem;margin-top:20px;padding:15px;width:100%}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-btn{background:#4caf5033;border:2px solid #4caf5066;border-radius:8px;color:#4caf50;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.add-btn:hover{background:#4caf504d;transform:translateY(-2px)}.services-list{display:flex;flex-direction:column;gap:20px}.service-edit-card{background:#ffffff05;border:1px solid #ffbf001a;border-radius:15px;padding:20px}.service-edit-header{display:flex;gap:10px;margin-bottom:15px}.service-title-input{background:#ffffff0d;border:2px solid #ffbf004d;border-radius:8px;color:#ffbf00;flex:1 1;font-size:1.2rem;font-weight:600;padding:10px}.service-desc-input{background:#ffffff0d;border:2px solid #ffbf0033;border-radius:8px;color:#f0f0f0;margin-bottom:15px;padding:10px;resize:vertical;width:100%}.service-details-edit{margin-top:15px}.service-details-edit label{color:#ffbf00;display:block;font-weight:600;margin-bottom:10px}.detail-input-row{display:flex;gap:10px;margin-bottom:10px}.detail-input-row input{background:#ffffff0d;border:1px solid #ffbf0033;border-radius:6px;color:#f0f0f0;flex:1 1;padding:8px}.delete-btn,.delete-small-btn{background:#f4433633;border:2px solid #f4433666;border-radius:6px;color:#f44336;cursor:pointer;padding:8px 12px;transition:all .3s ease}.delete-btn:hover,.delete-small-btn:hover{background:#f443364d;transform:scale(1.05)}.add-small-btn{background:#4caf5033;border:1px solid #4caf5066;border-radius:6px;color:#4caf50;cursor:pointer;font-size:.9rem;margin-top:5px;padding:8px 15px;transition:all .3s ease}.add-small-btn:hover{background:#4caf504d}.messages-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.message-category{background:#ffffff05;border:1px solid #ffbf001a;border-radius:15px;padding:20px}.message-category h4{color:#ffbf00;margin:0 0 15px}.no-messages{color:#888;font-style:italic;padding:20px;text-align:center}.message-list{display:flex;flex-direction:column;gap:15px}.message-item{background:#ffffff08;border-left:3px solid #ffbf00;border-radius:10px;padding:15px}.message-item p{color:#ccc;font-size:.9rem;margin:5px 0}.message-item strong{color:#ffbf00}.stats-detailed{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-detail-card{background:#ffffff05;border:1px solid #ffbf001a;border-radius:15px;padding:25px;text-align:center}.stat-detail-card h4{color:#ffbf00;font-size:1.1rem;margin:0 0 15px}.big-number{color:#ffbf00;font-size:3rem;font-weight:700;margin:15px 0}.stat-desc{color:#888;margin-bottom:20px}.edit-stat-btn{background:#ffbf0033;border:2px solid #ffbf0066;border-radius:8px;color:#ffbf00;cursor:pointer;padding:8px 20px;transition:all .3s ease}.edit-stat-btn:hover{background:#ffbf004d;transform:translateY(-2px)}.stats-info{background:#2196f31a;border-left:4px solid #2196f3;border-radius:10px;color:#ccc;padding:15px}.quick-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:30px}.info-card{background:#ffffff05;border:1px solid #ffbf001a;border-radius:15px;padding:20px}.info-card h4{color:#ffbf00;margin:0 0 10px}.info-card p{color:#ccc;margin:0}.status-active{color:#4caf50!important;font-weight:600}.admin-welcome{align-items:center;background:#ffbf000d;border:1px solid #ffbf0033;border-radius:15px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.admin-welcome h3{color:#ffbf00;font-size:1.5rem;margin:0}.logout-btn{background:#ff6b6b33;border:2px solid #ff6b6b66;border-radius:8px;color:#ff6b6b;cursor:pointer;font-weight:600;padding:10px 25px;transition:all .3s ease}.logout-btn:hover{background:#ff6b6b4d;transform:translateY(-2px)}.admin-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:linear-gradient(145deg,#121212,#0a0a0a);border:1px solid #ffbf0033;border-radius:15px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.stat-card:hover{border-color:#ffbf0066;box-shadow:0 10px 30px #ffbf0033;transform:translateY(-5px)}.stat-icon{font-size:2rem}.stat-info h4{color:#aaa;font-size:.9rem;font-weight:500;margin:0 0 5px}.stat-number{color:#ffbf00;font-size:1.8rem;font-weight:700;margin:0}.admin-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.admin-section{background:#ffffff05;border:1px solid #ffbf001a;border-radius:15px;padding:20px}.admin-section h4{color:#ffbf00;font-size:1.2rem;margin:0 0 20px}.activity-list{list-style:none;margin:0;padding:0}.activity-list li{border-bottom:1px solid #ffbf001a;display:flex;flex-direction:column;gap:5px;padding:12px 0}.activity-list li:last-child{border-bottom:none}.activity-time{color:#888;font-size:.85rem}.activity-text{color:#f0f0f0;font-size:.95rem}.quick-links{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.quick-link{align-items:center;background:#ffbf000d;border:1px solid #ffbf0033;border-radius:10px;color:#f0f0f0;display:flex;font-weight:500;gap:10px;padding:12px;text-decoration:none;transition:all .3s ease}.quick-link:hover{background:#ffbf001a;border-color:#ffbf0066;transform:translateX(5px)}.quick-link span{font-size:1.2rem}.admin-info{background:#ffffff05;border:1px solid #ffbf001a;border-radius:15px;padding:20px}.admin-info p{color:#aaa;font-size:.9rem;margin:10px 0}.admin-info strong{color:#ffbf00}@media (max-width:768px){.admin-panel{max-height:95vh;width:95%}.admin-header{padding:20px}.admin-header h2{font-size:1.5rem}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-sections,.quick-links{grid-template-columns:1fr}.admin-welcome{flex-direction:column;gap:15px;text-align:center}}
/*# sourceMappingURL=main.6269cb80.css.map*/