body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#e78c451a}::-webkit-scrollbar-thumb{background:#e78c45;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e78c45cc}::selection{background:#e78c4533;color:#e78c45}.cv{margin:auto;overflow:hidden;position:relative;width:50em}.left-bar{background-color:#001d5c;height:100%;position:absolute;width:17em}.left-bar-title{color:#fff;font-size:20px;margin-bottom:10px;margin-top:20px}.experiences{margin-left:17em;margin-top:40px;width:30em}.experiences-title{font-size:25px;font-weight:700;margin-bottom:10px;margin-left:20px}.name{color:#fff;font-size:30px;margin-bottom:5px}.name,.title{text-align:center;width:100%}.title{color:#d3d3d3;font-size:15px;font-style:italic;margin:0}.profile-pic{border-radius:3px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;height:150px;margin:20px auto auto 78px;width:150px}.left-bar-download-box{margin:5px auto auto;overflow:hidden;width:150px}.left-bar-download-box-icon{float:left;height:30px;margin-left:20px;width:30px}.left-bar-download-box-button{color:#fff;float:left;margin-top:7px;text-decoration:none}.personal-details{margin-left:20px;margin-top:25px}.profile-link{height:16px;margin-bottom:3px;margin-left:3px;width:100%}.profile-link-image{float:left;height:16px;margin:0;width:16px}.profile-link-link{color:#fff;float:left;font-size:12px;margin-left:4px}.professional-profile{margin-left:20px;margin-top:25px}.professional-profile-title{color:#fff;margin-bottom:10px;margin-top:20px}.professional-profile-text{color:#fff;font-size:13px;margin-right:10px;text-align:justify;text-justify:inter-word}.experience{float:left;margin-bottom:15px;margin-left:15px;width:100%}.experience-header,.experience-logo{height:30px;margin-bottom:0}.experience-logo{float:left;margin-right:5px;width:30px}.experience-title{color:currentColor;float:left;font-size:18px;font-weight:700;padding-top:4px;text-decoration:underline}.experience-subtitle{height:20px;margin-bottom:0;margin-left:15px;margin-top:10px}.experience-position{float:left}.experience-date,.experience-position{color:gray;font-style:italic;margin-bottom:0;margin-top:0}.experience-date{float:right}.experience-list{margin-left:0;margin-top:10px;padding-left:40px}.experience-list-item{line-height:20px;margin-bottom:6px;text-align:justify;text-justify:inter-word}.education{margin-left:20px;margin-top:25px}.education-school-name{color:#fff;float:left;font-size:12px;margin:0}.education-date{color:#fff;float:right;font-size:10px;margin:2px 5px 0 0}.education-school-major{color:#fff;font-size:10px;margin-left:5px;margin-top:27px}.left-bar-list{margin-left:20px;margin-top:25px}.left-bar-list-list{margin:0;padding-left:20px}.left-bar-list-list-item{color:#fff;font-size:13px;margin:0;padding:0}.main-experience{min-height:100vh;padding:4rem}.main-experience-box{background:#e78c4508;border:2px solid #e78c451a;border-radius:20px;box-shadow:0 10px 30px #e78c451a;margin:0 auto;max-width:1200px;padding:2rem}.main-experience-banner{display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:1rem}.main-experience-banner-company-name{background:#e78c451a;border:1px solid #0000;border-radius:30px;cursor:pointer;padding:.8rem 1.5rem;transition:all .3s ease}.main-experience-banner-company-name.active{background:#e78c45;color:#fff;transform:scale(1.05)}.main-experience-banner-info{animation:fadeIn .5s ease forwards;opacity:0}.main-experience-banner-info-position-title{color:#e78c45;font-size:1.5rem;margin-bottom:1.5rem}.main-experience-banner-info-detail{line-height:1.6;list-style:none;margin:.8rem 0;padding-left:1.5rem;position:relative}.main-experience-banner-info-detail:before{background:#e78c45;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:.8rem;width:6px}.main-experience-banner::-webkit-scrollbar{height:6px}.main-experience-banner::-webkit-scrollbar-track{background:#ff6b001a;border-radius:3px}.main-experience-banner::-webkit-scrollbar-thumb{background:#ff6b00;border-radius:3px}.main-experience-mobile{min-height:100vh;padding:2rem 1.5rem}.main-experience-box-mobile{background:#e78c450d;border:2px solid #e78c4533;border-radius:20px;padding:1.5rem}.main-experience-banner-mobile{-webkit-overflow-scrolling:touch;display:flex;gap:.8rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:1rem}.main-experience-banner-company-name-mobile{background:#e78c451a;border:1px solid #0000;border-radius:20px;font-size:.9rem;padding:.6rem 1.2rem;white-space:nowrap}.main-experience-banner-company-name-mobile.active{background:#e78c45;box-shadow:0 4px 15px #e78c4533;color:#fff}.main-experience-banner-info-position-mobile{color:#e78c45;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.main-experience-banner-info-detail-mobile{font-size:.95rem;line-height:1.6;list-style:none;margin-bottom:.8rem;padding-left:1.5rem;position:relative}.main-experience-banner-info-detail-mobile:before{background:#e78c45;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:.8rem;width:6px}.about-me{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1.5fr;min-height:100vh;padding:4rem}.about-me-image{border:3px solid #e78c45;border-radius:20px;box-shadow:0 10px 30px #e78c4526;max-width:400px;transition:transform .3s ease;width:100%}.about-me-image:hover{transform:scale(1.02)}.about-me-info{animation:fadeUp .8s ease forwards;opacity:0;transform:translateY(30px)}.about-me-info-title{color:#e78c45;font-size:2.5rem;margin-bottom:1.5rem}.about-me-info-details{font-size:1.1rem;line-height:1.8;opacity:.9}.about-me-info-details i{color:#e78c45;font-weight:500}.about-me-mobile{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem 1.5rem}.about-me-image-box-mobile{margin-bottom:2rem}.about-me-image-mobile{border:3px solid #e78c45;border-radius:20px;box-shadow:0 10px 30px #e78c4526;display:block;height:auto;margin:0 auto;max-width:250px;width:100%}.about-me-info-mobile{text-align:center}.about-me-info-title-mobile{color:#e78c45;display:inline-block;font-size:1.8rem;margin-bottom:1.5rem;position:relative}.about-me-info-title-mobile:after{background:#e78c45;border-radius:2px;bottom:-8px;content:"";height:3px;left:25%;position:absolute;width:50%}.about-me-info-details-mobile{font-size:1rem;line-height:1.8;padding:0 .5rem;text-align:left}.about-me-info-details-mobile i{color:#e78c45;font-weight:500}.intro{align-items:center;display:flex;justify-content:space-between;min-height:100vh;overflow:hidden;padding:4rem;position:relative}.intro-info{align-items:flex-start;animation:slideIn .8s ease forwards;display:flex;flex-direction:column;opacity:0;transform:translateX(-50px);width:50%}.intro-logo{height:50px;margin-bottom:1rem;width:50px}.intro-memoji{align-items:center;animation:slideIn .8s ease .3s forwards;display:flex;flex-direction:column;opacity:0;transform:translateX(50px);width:50%}.intro-image{display:block;height:auto;max-width:300px;width:100%}.intro-details{margin-bottom:1rem}.intro-title{color:#e78c45;font-size:3.5rem;font-weight:700;margin:0;transition:transform .3s ease}.intro-title:hover{transform:scale(1.05)}.intro-subtitle{font-size:1.8rem;margin:.5rem 0;opacity:.9}.intro-buttons{display:flex;gap:1rem;margin-top:2rem;max-width:320px;width:100%}.intro-button{background:#0000;border:2px solid #e78c45;border-radius:25px;flex:1 1;transition:all .3s ease}.intro-button a{align-items:center;color:#e78c45;display:flex;gap:.5rem;justify-content:center;padding:.8rem 1.5rem;text-decoration:none;white-space:nowrap}.intro-button:hover{background:#e78c451a;transform:translateY(-3px)}.intro-button-icon{filter:invert(60%) sepia(87%) saturate(392%) hue-rotate(335deg) brightness(89%) contrast(92%);height:20px;width:20px}.intro-button-text{font-weight:500;margin:0}@keyframes slideIn{to{opacity:1;transform:translateX(0)}}.intro-mobile{justify-content:center;min-height:100vh;padding:2rem 1.5rem}.intro-memoji-mobile,.intro-mobile{align-items:center;display:flex;flex-direction:column}.intro-memoji-mobile{animation:float 3s ease-in-out infinite;margin:0 auto 2rem;max-width:200px;position:relative;width:100%}.intro-image-mobile{display:block;height:auto;width:100%}.intro-info-mobile{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.intro-logo-mobile{height:50px;margin-bottom:1rem;width:50px}.intro-details-mobile{margin-bottom:1.5rem}.intro-title-mobile{color:#e78c45;font-size:2rem;font-weight:700;margin:0}.intro-subtitle-mobile{font-size:1.1rem;margin:.5rem 0;opacity:.9}.intro-buttons-mobile{display:flex;gap:1rem;justify-content:center;margin-top:1rem;max-width:300px;width:100%}.intro-button-mobile{background:#0000;border:2px solid #e78c45;border-radius:25px;flex:1 1;transition:all .3s ease}.intro-button-mobile a{align-items:center;color:#e78c45;display:flex;gap:.5rem;justify-content:center;padding:.8rem 1.5rem;text-decoration:none;white-space:nowrap}.intro-button-mobile:active{background:#e78c451a;transform:scale(.98)}.intro-button-icon-mobile{filter:invert(60%) sepia(87%) saturate(392%) hue-rotate(335deg) brightness(89%) contrast(92%);height:20px;width:20px}.intro-button-text-mobile{font-weight:500;margin:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-color-scheme:dark){body{background-color:#1a1a1a;color:#f0f0f0}}@media (prefers-color-scheme:light){body{background-color:#f8f8f8;color:#333}}.main{min-height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}.home-section{margin:0 auto;max-width:1400px;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.section-title{color:#e78c45;display:inline-block;font-size:2.5rem;margin-bottom:2rem;position:relative}.section-title:after{background:#e78c45;border-radius:2px;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:60%}.contact-me{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:4rem}.contact-me-box{background:#e78c4508;border:2px solid #e78c451a;border-radius:20px;box-shadow:0 10px 30px #e78c451a;max-width:800px;padding:3rem;width:100%}.contact-me-method{align-items:center;background:#e78c450d;border-radius:12px;display:flex;margin:1.5rem 0;padding:1rem;transition:all .3s ease}.contact-me-method:hover{background:#e78c451a;transform:translateX(10px)}.contact-me-method-icon{height:24px;margin-right:1rem;opacity:.8;width:24px}.contact-me-method-title{color:inherit;font-size:1.1rem;text-decoration:none}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.contact-me-method a{color:currentColor;text-decoration:none}.contact-me-mobile{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem 1.5rem}.contact-me-box-mobile{background:#e78c450d;border:2px solid #e78c4533;border-radius:20px;padding:2rem 1.5rem}.contact-me-title-box-mobile{margin-bottom:2rem;text-align:center}.contact-me-title-mobile{color:#e78c45;display:inline-block;font-size:1.8rem;margin:0;position:relative}.contact-me-title-mobile:after{background:#e78c45;border-radius:2px;bottom:-8px;content:"";height:3px;left:25%;position:absolute;width:50%}.contact-me-methods-box-mobile{display:flex;flex-direction:column;gap:1rem}.contact-me-method-mobile{align-items:center;background:#e78c451a;border-radius:15px;display:flex;padding:1rem;transition:all .3s ease}.contact-me-method-icon-mobile{height:24px;margin-right:1rem;width:24px}.contact-me-method-title-mobile{color:inherit;font-size:.9rem;line-height:1.4;text-decoration:none;word-break:break-word}.contact-form-container{width:100%}.contact-form{gap:20px}.contact-form,.form-group{display:flex;flex-direction:column}.form-label{color:inherit;font-size:.9rem;font-weight:600;margin-bottom:5px}.form-input,.form-textarea{background:#e78c4505;border:2px solid #e78c4533;border-radius:12px;color:inherit;font-family:inherit;font-size:1rem;padding:1rem;transition:all .3s ease}.form-input:focus,.form-textarea:focus{background:#e78c450d;border-color:#e78c45;box-shadow:0 5px 15px #e78c451a;outline:none;transform:translateY(-2px)}.form-input.error,.form-textarea.error{background:#dc35450d;border-color:#dc3545}.form-textarea{min-height:100px;resize:vertical}.error-message{color:#dc3545;font-size:.8rem;margin-top:5px}.submit-button{background:#e78c45;border:none;border-radius:12px;box-shadow:0 5px 15px #e78c454d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.submit-button:hover:not(:disabled){background:#e78c45e6;box-shadow:0 8px 25px #e78c4566;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed}.submit-button.submitting,.submit-button:disabled{background:#6c757d;box-shadow:none;transform:none}.contact-form-success{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724}.contact-form-error,.contact-form-success{margin-bottom:20px;padding:12px;text-align:center}.contact-form-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24}@media (max-width:768px){.form-input,.form-textarea{font-size:.9rem;padding:10px}}.contact-form-section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:4rem}.contact-form-section-box{background:#e78c4508;border:2px solid #e78c451a;border-radius:20px;box-shadow:0 10px 30px #e78c451a;max-width:800px;padding:3rem;width:100%}.contact-form-section-title{color:#e78c45;display:inline-block;font-size:2.5rem;margin-bottom:2rem;position:relative;text-align:center;width:100%}.contact-form-section-title:after{background:#e78c45;border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.contact-form-section-mobile{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.contact-form-section-box-mobile{background:#e78c4508;border:2px solid #e78c451a;border-radius:20px;box-shadow:0 10px 30px #e78c451a;padding:2rem;width:100%}.contact-form-section-title-mobile{color:#e78c45;display:inline-block;font-size:2rem;margin-bottom:1.5rem;position:relative;text-align:center;width:100%}.contact-form-section-title-mobile:after{background:#e78c45;border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.github-projects{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:4rem}.github-projects-title{align-self:center;color:#e78c45;display:inline-block;font-size:2.5rem;margin-bottom:3rem;position:relative;text-align:center}.github-projects-title:after{background:#e78c45;border-radius:2px;bottom:-10px;content:"";height:3px;left:25%;position:absolute;width:50%}.github-projects-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:0 1rem}.github-project{background:#e78c4508;border:2px solid #e78c451a;border-radius:15px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.github-project:hover{border-color:#e78c45;box-shadow:0 10px 20px #e78c451a;transform:translateY(-5px)}.github-project-content{display:flex;flex-direction:column;height:100%;padding:1.5rem}.github-project-title{color:#e78c45;font-size:1.3rem;font-weight:600;margin:0 0 1rem}.github-project-description{flex-grow:1;font-size:.95rem;line-height:1.6;margin:0 0 1.5rem;opacity:.9}.github-project-stats,.github-project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.github-project-tag{background:#e78c451a;border-radius:20px;color:#e78c45;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.github-project-link{border:2px solid #e78c45;border-radius:12px;color:#e78c45;font-weight:500;padding:.8rem;text-align:center;text-decoration:none;transition:all .3s ease}.github-project-link:hover{background:#e78c451a}.github-projects-mobile{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem 1.5rem}.github-projects-title-mobile{align-self:center;color:#e78c45;display:inline-block;font-size:2rem;margin-bottom:2rem;position:relative;text-align:center}.github-projects-title-mobile:after{background:#e78c45;border-radius:2px;bottom:-8px;content:"";height:3px;left:25%;position:absolute;width:50%}.github-projects-container-mobile{display:flex;flex-direction:column;gap:1.2rem}.github-project-mobile{animation:fadeIn .5s ease forwards;background:#e78c4508;border:2px solid #e78c451a;border-radius:15px;opacity:0;overflow:hidden;transform:translateY(20px)}.github-project-content-mobile{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.github-project-title-mobile{color:#e78c45;font-size:1.3rem;font-weight:600;margin:0}.github-project-description-mobile{font-size:.95rem;line-height:1.6;margin:0;opacity:.9}.github-project-stats-mobile,.github-project-tags-mobile{display:flex;flex-wrap:wrap;gap:.5rem}.github-project-tag-mobile{background:#e78c451a;border-radius:20px;color:#e78c45;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.github-project-link-mobile{align-items:center;border:2px solid #e78c45;border-radius:12px;color:#e78c45;display:flex;font-weight:500;justify-content:center;padding:.8rem;text-decoration:none;transition:all .3s ease}.github-project-link-mobile:active{background:#e78c451a;transform:scale(.98)}.github-project-mobile:first-child{animation-delay:.1s}.github-project-mobile:nth-child(2){animation-delay:.2s}.github-project-mobile:nth-child(3){animation-delay:.3s}.github-project-mobile:nth-child(4){animation-delay:.4s}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.github-project-mobile{background:#e78c450d}}.admin-login{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}@media (prefers-color-scheme:dark){.admin-login{background:#1a1a1a}}@media (prefers-color-scheme:light){.admin-login{background:#f8f8f8}}.admin-login-container{border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:30px;width:100%}@media (prefers-color-scheme:dark){.admin-login-container{background:#2a2a2a;box-shadow:0 4px 12px #0000004d}}@media (prefers-color-scheme:light){.admin-login-container{background:#fff}}.admin-login-container h1{font-size:24px;margin-bottom:30px;text-align:center}@media (prefers-color-scheme:dark){.admin-login-container h1{color:#f0f0f0}}@media (prefers-color-scheme:light){.admin-login-container h1{color:#333}}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:8px}@media (prefers-color-scheme:dark){.form-group label{color:#ccc}}@media (prefers-color-scheme:light){.form-group label{color:#555}}.form-group input{border-radius:6px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}@media (prefers-color-scheme:dark){.form-group input{background:#3a3a3a;border:2px solid #555;color:#f0f0f0}}@media (prefers-color-scheme:light){.form-group input{background:#fff;border:2px solid #e1e5e9;color:#333}}.form-group input:focus{border-color:#e78c45;outline:none}.error-message{color:#e74c3c;font-size:14px;margin-bottom:15px;text-align:center}button{background:#e78c45;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background .3s ease;width:100%}button:hover:not(:disabled){background:#d67a3a}button:disabled{cursor:not-allowed;opacity:.7}.admin-layout{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}@media (prefers-color-scheme:dark){.admin-layout{background:#1a1a1a;color:#f0f0f0}}@media (prefers-color-scheme:light){.admin-layout{background:#f8f8f8;color:#333}}.admin-header{align-items:center;border-bottom:2px solid #e78c451a;display:flex;justify-content:space-between;padding:20px 30px}@media (prefers-color-scheme:dark){.admin-header{background:#2a2a2a;box-shadow:0 2px 4px #0000004d}}@media (prefers-color-scheme:light){.admin-header{background:#fff;box-shadow:0 2px 4px #0000001a}}.admin-header h1{color:#e78c45;font-size:24px;margin:0;position:relative}.admin-header h1:after{background:#e78c45;border-radius:1px;bottom:-5px;content:"";height:2px;left:0;position:absolute;width:40%}.logout-btn{background:#0000;border:1px solid #e74c3c;border-radius:12px;color:#e74c3c;cursor:pointer;font-size:11px;min-width:60px;padding:4px 8px;transition:all .3s ease;width:auto}.logout-btn:hover{background:#e74c3c;color:#fff;transform:translateY(-1px)}.admin-main{padding:30px}@media (max-width:768px){.admin-header{padding:15px 20px}.admin-main{padding:20px}}.admin-nav{border-bottom:2px solid #e78c451a;display:flex;gap:0;padding:0 30px}.admin-nav button{background:none;border:none;border-bottom:2px solid #0000;cursor:pointer;font-size:14px;padding:12px 20px;transition:border-color .3s ease}@media (prefers-color-scheme:dark){.admin-nav button{color:#ccc}.admin-nav button.active{border-bottom-color:#e78c45;color:#e78c45}}@media (prefers-color-scheme:light){.admin-nav button{color:#666}.admin-nav button.active{border-bottom-color:#e78c45;color:#e78c45}}.admin-content{margin:0 auto;max-width:1200px;padding:30px}.loading{color:#666;font-size:18px;padding:50px;text-align:center}.analytics-section{margin:0 auto}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background:#e78c450d;border:1px solid #e78c4533;border-radius:8px;padding:20px;text-align:center}@media (prefers-color-scheme:dark){.stat-card{background:#2a2a2a;border:1px solid #e78c454d}}@media (prefers-color-scheme:light){.stat-card{background:#e78c450d}}.stat-card h3{font-size:14px;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.stat-card p{color:#e78c45;font-size:32px;font-weight:700;margin:0}@media (prefers-color-scheme:dark){.stat-card h3{color:#ccc}}@media (prefers-color-scheme:light){.stat-card h3{color:#666}}.charts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:30px}.chart-container{background:#e78c450d;border:1px solid #e78c4533;border-radius:8px;padding:20px}@media (prefers-color-scheme:dark){.chart-container{background:#2a2a2a;border:1px solid #e78c454d}}@media (prefers-color-scheme:light){.chart-container{background:#e78c450d}}.chart-container.full-width{grid-column:1/-1}.chart-container h3{color:#e78c45;font-size:18px;margin:0 0 20px;position:relative}.chart-container h3:after{background:#e78c45;border-radius:1px;bottom:-8px;content:"";height:2px;left:0;position:absolute;width:30%}.visitors-section{margin:0 auto}.visitors-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.visitors-header h2{color:#e78c45;margin:0;position:relative}.visitors-header h2:after{background:#e78c45;border-radius:1px;bottom:-8px;content:"";height:2px;left:0;position:absolute;width:40%}.visitor-tabs{display:flex;gap:10px}.visitor-tabs button{background:#0000;border:1px solid #e78c454d;border-radius:4px;color:#e78c45;cursor:pointer;font-size:13px;padding:6px 12px;transition:background .3s ease}.visitor-tabs button.active{background:#e78c45;color:#fff}.visitor-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.visitor-charts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:30px}.visitor-list{display:flex;flex-direction:column;gap:20px}.visitor-card{background:#e78c450d;border:1px solid #e78c4533;border-radius:8px;padding:20px}@media (prefers-color-scheme:dark){.visitor-card{background:#2a2a2a;border:1px solid #e78c454d}}@media (prefers-color-scheme:light){.visitor-card{background:#e78c450d}}.visitor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.visitor-header h4{color:#e78c45;font-size:18px;margin:0}.visitor-last-seen{color:#666;font-size:12px}@media (prefers-color-scheme:dark){.visitor-last-seen{color:#ccc}}.visitor-info{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.visitor-detail{font-size:14px;line-height:1.5}.visitor-detail strong{color:#e78c45}.messages-section{margin:0 auto}.messages-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.messages-header h2{color:#e78c45;margin:0;position:relative}.messages-header h2:after{background:#e78c45;border-radius:1px;bottom:-8px;content:"";height:2px;left:0;position:absolute;width:40%}.refresh-btn{background:#0000;border:1px solid #e78c45;border-radius:4px;color:#e78c45;cursor:pointer;font-size:13px;padding:6px 12px;transition:background .3s ease}.refresh-btn:hover{background:#e78c45;color:#fff}.messages-list{display:flex;flex-direction:column;gap:20px}.message-card{background:#e78c450d;border:1px solid #e78c4533;border-left:3px solid #e78c45;border-radius:8px;padding:20px}@media (prefers-color-scheme:dark){.message-card{background:#2a2a2a;border:1px solid #e78c454d}}@media (prefers-color-scheme:light){.message-card{background:#e78c450d}}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.message-header h4{color:#e78c45;font-size:18px;margin:0}.message-date{font-size:14px}@media (prefers-color-scheme:dark){.message-date{color:#ccc}}@media (prefers-color-scheme:light){.message-date{color:#666}}.message-email{color:#e78c45;font-weight:500;margin:5px 0 15px}.message-content{line-height:1.6;margin-bottom:15px}@media (prefers-color-scheme:dark){.message-content{color:#ccc}}@media (prefers-color-scheme:light){.message-content{color:#555}}.message-meta{align-items:center;display:flex;font-size:12px;justify-content:space-between}.status{border-radius:20px;font-weight:500;padding:4px 12px;text-transform:uppercase}.status-new{background:#e3f2fd;color:#1976d2}.status-read{background:#f3e5f5;color:#7b1fa2}.status-replied{background:#e8f5e8;color:#388e3c}.ip{color:#999}@media (max-width:768px){.admin-header{padding:15px 20px}.admin-content{padding:20px}.charts-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.message-header{align-items:flex-start;flex-direction:column;gap:5px}.visitor-charts-grid,.visitor-info{grid-template-columns:1fr}.visitors-header{align-items:flex-start;flex-direction:column;gap:15px}}
/*# sourceMappingURL=main.964e04ba.css.map*/