*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.App{width:100%;min-height:100vh;background-color:#000;color:#fff}section{min-height:100vh;padding:60px 5%;display:flex;flex-direction:column;justify-content:center;align-items:center}section:last-of-type{margin-bottom:0;padding-bottom:0}.container{max-width:1400px;width:100%;margin:0 auto}h1,h2,h3{font-weight:900;letter-spacing:-.02em}h2{font-size:clamp(2rem,5vw,4rem);margin-bottom:1rem;text-transform:uppercase}p{font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;color:#ccc}@media(max-width:768px){section{padding:60px 5%}}.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5rem 5%;z-index:1000;transition:all .3s ease;background:transparent}.navbar.scrolled{background:#000000f2;backdrop-filter:blur(10px);box-shadow:0 2px 20px #ffffff0d}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{cursor:pointer;transition:transform .3s ease;display:flex;align-items:center}.nav-logo:hover{transform:scale(1.05)}.nav-logo-img{height:50px;width:auto;filter:brightness(1)}.nav-menu{display:flex;gap:3rem;list-style:none}.nav-menu li{font-size:1rem;font-weight:600;cursor:pointer;position:relative;text-transform:uppercase;letter-spacing:.1em;transition:color .3s ease}.nav-menu li:hover{color:#888}.nav-menu li:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#fff;transition:width .3s ease}.nav-menu li:hover:after{width:100%}@media(max-width:768px){.nav-menu{gap:1.5rem}.nav-menu li{font-size:.9rem}.nav-logo-img{height:40px}}.hero{position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:60px 5%;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.hero-content{text-align:center;z-index:1;max-width:1200px}.hero-name{font-size:clamp(2.5rem,8vw,6rem);font-weight:900;letter-spacing:-.02em;margin-bottom:3rem;animation:fadeInUp 1s ease-out;background:linear-gradient(135deg,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.camera-container{width:100%;max-width:900px;margin:0 auto 3rem;animation:fadeInUp 1s ease-out .3s backwards;user-select:none;border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #0000002e}.camera-3d{position:relative;width:400px;height:300px;transform-style:preserve-3d;animation:rotateCamera 30s linear infinite}.camera-body{position:relative;width:100%;height:100%;transform-style:preserve-3d}.camera-front{position:absolute;width:400px;height:300px;background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:2px solid rgba(255,255,255,.2);transform:translateZ(80px);display:flex;align-items:center;justify-content:center;border-radius:20px}.camera-lens{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#646464cc,#323232e6);border:8px solid rgba(200,200,200,.3);position:relative;box-shadow:inset 0 0 30px #00000080,0 0 40px #ffffff1a;animation:lensGlow 3s ease-in-out infinite}.lens-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#6496c866,#323250cc);box-shadow:inset 0 0 20px #000c}.lens-reflection{position:absolute;top:20px;left:20px;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);animation:shimmer 2s ease-in-out infinite}.camera-flash{position:absolute;top:30px;right:50px;width:30px;height:30px;background:#fff3;border-radius:5px;animation:flashBlink 4s ease-in-out infinite}.camera-viewfinder{position:absolute;top:30px;right:100px;width:50px;height:40px;background:#32323280;border:2px solid rgba(255,255,255,.2);border-radius:5px}.camera-top{position:absolute;width:400px;height:80px;background:linear-gradient(180deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.15);transform:rotateX(90deg) translateZ(150px);border-radius:20px 20px 0 0}.camera-dial{position:absolute;top:20px;left:50px;width:50px;height:50px;border-radius:50%;background:#ffffff1a;border:3px solid rgba(255,255,255,.2)}.camera-button{position:absolute;top:15px;right:50px;width:60px;height:60px;border-radius:50%;background:#c8c8c84d;border:4px solid rgba(255,255,255,.2)}.camera-side{position:absolute;width:160px;height:300px;background:linear-gradient(90deg,#ffffff14,#ffffff08);border:2px solid rgba(255,255,255,.1)}.camera-left{transform:rotateY(-90deg) translateZ(200px);border-radius:20px 0 0 20px}.camera-right{transform:rotateY(90deg) translateZ(200px);border-radius:0 20px 20px 0}.camera-back{position:absolute;width:400px;height:300px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:2px solid rgba(255,255,255,.1);transform:translateZ(-80px) rotateY(180deg);border-radius:20px}.camera-bottom{position:absolute;width:400px;height:80px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);transform:rotateX(-90deg) translateZ(150px);border-radius:0 0 20px 20px}.camera-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes rotateCamera{0%{transform:rotateX(var(--rotateX, -15deg)) rotateY(calc(var(--rotateY, 0deg) + 0deg)) rotate(0)}to{transform:rotateX(var(--rotateX, -15deg)) rotateY(calc(var(--rotateY, 0deg) + 360deg)) rotate(0)}}@keyframes lensGlow{0%,to{box-shadow:inset 0 0 30px #00000080,0 0 40px #ffffff1a}50%{box-shadow:inset 0 0 30px #00000080,0 0 60px #fff3}}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:.7}}@keyframes flashBlink{0%,90%,to{background:#fff3}95%{background:#fffc;box-shadow:0 0 20px #fffc}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.hero-title{font-size:clamp(3rem,10vw,8rem);font-weight:900;line-height:.95;letter-spacing:-.03em;margin-bottom:2rem;animation:fadeInUp 1s ease-out}.hero-subtitle{font-size:clamp(1rem,2vw,1.5rem);color:#aaa;max-width:700px;margin:0 auto 3rem;animation:fadeInUp 1s ease-out .2s backwards}.hero-cta{animation:fadeInUp 1s ease-out .4s backwards;z-index:1;position:relative}.btn-primary{background:#fff;color:#000;border:none;padding:1.2rem 3rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary.hero-animate{animation:btnPulse 1.4s infinite}.no-animate{animation:none!important}@keyframes btnPulse{0%{box-shadow:0 0 #ffffffb3;transform:scale(1)}70%{box-shadow:0 0 0 12px #ffffff0d;transform:scale(1.07)}to{box-shadow:0 0 #fff0;transform:scale(1)}}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#000;transition:left .3s ease;z-index:-1}.btn-primary:hover{color:#fff}.btn-primary:hover:before{left:0}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;animation:fadeInUp 1s ease-out .6s backwards;z-index:2}.scroll-indicator span{font-size:.8rem;letter-spacing:.2em;font-weight:600}.scroll-line{width:2px;height:60px;background:linear-gradient(to bottom,#fff,transparent);animation:scrollDown 2s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollDown{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(20px);opacity:.3}}@media(max-width:768px){.scroll-indicator{bottom:2rem}.camera-3d{width:280px;height:210px;transform:scale(.7) rotateX(var(--rotateX)) rotateY(var(--rotateY))}.camera-front{width:280px;height:210px;transform:translateZ(56px)}.camera-lens{width:100px;height:100px}.lens-inner{width:70px;height:70px}.camera-flash{width:20px;height:20px;top:20px;right:30px}.camera-viewfinder{width:35px;height:28px;top:20px;right:60px}.camera-top{width:280px;height:56px;transform:rotateX(90deg) translateZ(105px)}.camera-dial{width:35px;height:35px}.camera-button{width:42px;height:42px}.camera-left{width:112px;height:210px;transform:rotateY(-90deg) translateZ(140px)}.camera-right{width:112px;height:210px;transform:rotateY(90deg) translateZ(140px)}.camera-back{width:280px;height:210px;transform:translateZ(-56px) rotateY(180deg)}.camera-bottom{width:280px;height:56px;transform:rotateX(-90deg) translateZ(105px)}.camera-glow{width:350px;height:350px}}.about{background:#000;position:relative}.about:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.02));pointer-events:none}.about-header{text-align:center;margin-bottom:3rem}.divider{width:100px;height:3px;background:#fff;margin:1.5rem auto}.about-content{display:flex;flex-direction:column;gap:3rem}.about-text{max-width:900px;margin:0 auto;text-align:center}.about-text .lead{font-size:clamp(1.3rem,3vw,2rem);color:#fff;font-weight:600;line-height:1.4;margin-bottom:1.5rem}.about-text p{font-size:clamp(1rem,2vw,1.2rem);line-height:1.8}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:0}.service-card{padding:2.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#ffffff0d;transition:width .3s ease}.service-card:hover{border-color:#ffffff4d;transform:translateY(-5px)}.service-card:hover:before{width:100%}.service-number{font-size:3rem;font-weight:900;color:#ffffff1a;margin-bottom:1rem;line-height:1}.service-card h3{font-size:1.5rem;margin-bottom:1rem;font-weight:700;position:relative;z-index:1}.service-card p{font-size:1rem;line-height:1.6;position:relative;z-index:1}@media(max-width:768px){.about-content{gap:2rem}.services-grid{grid-template-columns:1fr}.service-card{padding:2rem}}.projects{background:#000;padding:60px 5%}.projects-header{text-align:center;margin-bottom:.75rem}.filter-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.filter-buttons button{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.2);padding:.8rem 2rem;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}.filter-buttons button:hover{border-color:#fff;background:#ffffff0d}.filter-buttons button.active{background:#fff;color:#000;border-color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.5rem;row-gap:.5rem;animation:fadeIn .6s ease-out}.project-card{position:relative;overflow:hidden;aspect-ratio:16/10;cursor:pointer;opacity:0;animation:fadeInUp .5s ease forwards}.project-card.skeleton-card{opacity:1;animation:none;cursor:default}.project-image{width:100%;height:100%;position:relative;overflow:hidden}.project-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" seed="1" /></filter><rect width="100%" height="100%" fill="rgba(0,0,0,0.1)" filter="url(%23noise)" /></svg>');pointer-events:none;opacity:1;mix-blend-mode:multiply;transition:opacity .5s ease;z-index:1}.project-card:hover .project-image:before{opacity:0}.project-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .5s ease,filter .5s ease;filter:grayscale(100%)}.project-card:hover .project-image img{transform:scale(1.05);filter:grayscale(0%)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,transparent 100%);display:flex;align-items:flex-end;padding:2rem;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-info h3{font-size:1.5rem;margin-bottom:.5rem;font-weight:700}.project-info p{font-size:1rem;color:#ccc;margin-bottom:1rem}.view-project{display:inline-block;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#fff;padding:.5rem 0;border-bottom:2px solid #fff;transition:all .3s ease}.project-card:hover .view-project{padding-right:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.projects-loading,.projects-error,.projects-empty{grid-column:1 / -1;text-align:center;padding:4rem 2rem}.projects-loading p,.projects-error p,.projects-empty p{font-size:1.2rem;color:#ccc;margin-bottom:1rem}.projects-error button{background:#fff;color:#000;border:none;padding:.8rem 2rem;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;margin-top:1rem}.projects-error button:hover{background:#ffffffe6;transform:translateY(-2px)}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-project-image{width:100%;height:100%;background:#ffffff08}.skeleton-image{width:100%;height:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}.filter-buttons{gap:.5rem}.filter-buttons button{padding:.6rem 1.5rem;font-size:.8rem}}.contact{background:#000;position:relative;padding:60px 5%}.contact:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none}.contact-header{text-align:center;margin-bottom:3rem}.contact-subtitle{font-size:clamp(1rem,2vw,1.3rem);max-width:600px;margin:1.5rem auto 0}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;max-width:1200px;margin:0 auto}.contact-info{display:flex;flex-direction:column;gap:2.5rem}.info-item h3{font-size:1rem;text-transform:uppercase;letter-spacing:.2em;margin-bottom:1rem;font-weight:600;color:#888}.info-item a,.info-item p{font-size:1.2rem;color:#fff;text-decoration:none;transition:color .3s ease}.info-item a:hover{color:#888}.social-links{display:flex;flex-direction:column;gap:.8rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-message{padding:1rem 1.5rem;border-radius:4px;font-size:.95rem;font-weight:500}.form-message.error{background:#ff3b301a;border:1px solid rgba(255,59,48,.3);color:#ff3b30}.form-message.success{background:#34c7591a;border:1px solid rgba(52,199,89,.3);color:#34c759}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{position:relative}.form-group input,.form-group textarea{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:1.2rem;color:#fff;font-size:1rem;font-family:Inter,sans-serif;transition:all .3s ease}.form-group input:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ffffff4d;background:#ffffff0d}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-group textarea{resize:vertical;min-height:150px}.char-count{position:absolute;bottom:.5rem;right:.8rem;font-size:.75rem;color:#666;pointer-events:none}.form-note{font-size:.85rem;color:#888;text-align:center;margin-top:-.5rem}.whatsapp-link{color:#25d366;text-decoration:none;font-weight:600;transition:color .3s ease}.whatsapp-link:hover{color:#20ba5a;text-decoration:underline}.btn-submit{background:#fff;color:#000;border:none;padding:1.2rem 3rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;align-self:flex-start;position:relative;overflow:hidden}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#000;transition:left .3s ease;z-index:-1}.btn-submit:hover{color:#fff;border:2px solid #fff}.btn-submit:hover:before{left:0}@media(max-width:968px){.contact-content{grid-template-columns:1fr;gap:4rem}.contact-info{gap:2rem}.form-row{grid-template-columns:1fr}.btn-submit{width:100%}}.footer{background:#000;padding:2rem 5% 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.footer-content{max-width:1400px;margin:0 auto}.footer-top{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.back-to-top{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.8rem 2rem;font-size:.9rem;font-weight:600;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}.back-to-top:hover{border-color:#fff;background:#ffffff0d}.footer-divider{width:100%;height:1px;background:#ffffff1a;margin:2rem 0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#666}.footer-bottom p{color:#666;font-size:.9rem}.footer-bottom a{color:#fff;text-decoration:none;transition:color .3s ease;font-weight:500}.footer-bottom a:hover{color:#888}@media(max-width:768px){.footer-top{flex-direction:column;gap:2rem;text-align:center}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.back-to-top{width:100%}}.project-view{width:100%;background:#000;color:#fff}.project-hero{width:100%;height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:0;margin:0;overflow:hidden}.project-hero-media{width:100%;height:100%;max-width:100%;position:relative;display:flex;align-items:center;justify-content:center}.project-hero-media img{width:100%;height:100%;display:block;object-fit:contain}.video-placeholder{position:relative;width:100%;height:100%;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-placeholder img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .5s ease}.video-placeholder:hover img{transform:scale(1.05)}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease;animation:pulse 2s ease-in-out infinite;z-index:100;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.play-button svg{width:100%;height:100%;display:block}.video-container{position:relative;width:100%;height:100%;max-width:100%;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.video-container video{width:100%;height:100%;display:block;object-fit:contain}.video-container video::-webkit-media-controls-download-button{display:none!important}.video-container video::-moz-media-controls-download-button{display:none!important}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.project-info{padding:.5rem 5%;margin-bottom:4px;background:#000}.project-container{max-width:1400px;margin:0 auto}.project-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:.5rem;line-height:1}.project-specs{font-size:clamp(.9rem,2vw,1rem);color:#888;text-transform:uppercase;letter-spacing:.2em;margin-bottom:.75rem;font-weight:600}.project-description{font-size:clamp(1.1rem,2.5vw,1.5rem);line-height:1.8;color:#ccc;max-width:900px}.project-gallery{padding:1rem 5%;margin-bottom:8px;background:#000}.project-gallery .gallery-grid{display:grid;grid-template-columns:1fr 1fr 1fr!important;gap:1rem;margin-top:.5rem;width:100%}@media(min-width:769px){.project-gallery .gallery-grid{grid-template-columns:1fr 1fr 1fr!important}}.gallery-item{position:relative;overflow:hidden;aspect-ratio:21/9;cursor:pointer;width:100%}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease;filter:grayscale(20%)}.gallery-item:hover img{transform:scale(1.05);filter:grayscale(0%)}.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.gallery-overlay span{color:#fff;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.gallery-item:hover .gallery-overlay{opacity:1}.project-nav{display:none}.project-nav .project-container{display:flex;justify-content:space-between;align-items:center;gap:2rem}.btn-back,.btn-top{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.2);padding:1rem 2.5rem;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}.btn-back:hover,.btn-top:hover{border-color:#fff;background:#ffffff0d}.project-loading,.project-not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem}.project-loading h1,.project-not-found h1{font-size:clamp(2rem,5vw,4rem);color:#fff}.project-not-found button{background:#fff;color:#000;border:none;padding:1.2rem 3rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}.project-not-found button:hover{background:#ccc}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.05)}}@media(max-width:968px){.project-nav .project-container{flex-direction:column}.btn-back,.btn-top{width:100%;padding:1rem 2rem}}@media(max-width:768px){.project-hero{height:calc(100vh - 60px)}.project-info{padding:.75rem 5%}.project-gallery{padding:1.5rem 5% 2rem}.gallery-grid{grid-template-columns:1fr;gap:1rem}}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.lightbox-content{max-width:90%;max-height:90%;position:relative;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-width:100%;max-height:85vh;object-fit:contain;animation:zoomIn .3s ease}.lightbox-counter{color:#fff;font-size:1.2rem;font-weight:600;margin-top:1.5rem;text-align:center;letter-spacing:.1em}.lightbox-close{position:absolute;top:2rem;right:2rem;background:transparent;border:none;cursor:pointer;padding:1rem;z-index:10001;transition:transform .3s ease}.lightbox-close:hover{transform:scale(1.1) rotate(90deg)}.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;cursor:pointer;padding:1.5rem;transition:all .3s ease;backdrop-filter:blur(10px);z-index:10001}.lightbox-arrow:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:2rem}.lightbox-next{right:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.lightbox-arrow{padding:1rem}.lightbox-arrow svg{width:30px;height:30px}.lightbox-close{top:1rem;right:1rem;padding:.5rem}.lightbox-close svg{width:30px;height:30px}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}.lightbox-counter{font-size:1rem;margin-top:1rem}}.admin-login{min-height:100vh;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;padding:20px}.login-container{max-width:450px;width:100%;padding:60px 40px;border:2px solid rgba(255,255,255,.1);background:#ffffff05}.login-header{text-align:center;margin-bottom:40px}.login-header h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;letter-spacing:-.02em;margin-bottom:20px}.login-header .divider{width:80px;height:2px;background:#fff;margin:20px auto}.login-header p{font-size:.9rem;color:#ccc;text-transform:uppercase;letter-spacing:.1em}.login-form{margin-bottom:30px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;color:#ccc}.form-group input{width:100%;padding:14px 16px;background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#fff;background:#ffffff0d}.form-group input::placeholder{color:#ffffff4d}.form-group input:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:14px 16px;background:#ff32321a;border:2px solid rgba(255,50,50,.3);color:#f55;margin-bottom:24px;font-size:.9rem;text-align:center}.btn-primary{width:100%;padding:16px;background:#fff;color:#000;border:2px solid #fff;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-primary:hover:not(:disabled){background:transparent;color:#fff}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.login-footer{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.login-footer p{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:.1em}@media(max-width:768px){.login-container{padding:40px 30px}.login-header h1{font-size:2.5rem}}.admin-dashboard{min-height:100vh;background:#0a0a0a;color:#fff}.dashboard-header{background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1);padding:15px 5%;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.header-content{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.dashboard-content{max-width:1600px;margin:0 auto;padding:30px 5%}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.content-header h2{font-size:1.2rem;font-weight:600}.filter-tabs{display:flex;gap:8px}.filter-tabs button{padding:6px 14px;background:transparent;color:#666;border:1px solid rgba(255,255,255,.1);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;font-family:inherit}.filter-tabs button:hover{color:#fff;border-color:#ffffff4d}.loading-state,.empty-state{text-align:center;padding:60px 20px}.empty-state h3{font-size:1.2rem;margin-bottom:8px}.empty-state p{color:#666;margin-bottom:20px;font-size:.9rem}.btn-primary{padding:10px 20px;background:#fff;color:#000;border:1px solid #fff;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-primary:hover{background:transparent;color:#fff}.projects-table{overflow-x:auto}.projects-table table{width:100%;border-collapse:collapse;border:1px solid rgba(255,255,255,.1)}.projects-table th{padding:10px 12px;text-align:left;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#666;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff05}.projects-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85rem}.projects-table tr:hover{background:#ffffff05}.project-thumbnail{width:60px;height:40px;overflow:hidden;border-radius:3px}.project-thumbnail img{width:100%;height:100%;object-fit:cover}.project-desc{font-size:.8rem;color:#666;margin-top:3px}.category-badge{padding:4px 10px;border-radius:3px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.category-badge.design{background:#6496ff1a;color:#6496ff;border:1px solid rgba(100,150,255,.3)}.category-badge.video{background:#ff64961a;color:#ff6496;border:1px solid rgba(255,100,150,.3)}.category-badge.motion{background:#96ff641a;color:#96ff64;border:1px solid rgba(150,255,100,.3)}.action-buttons{display:flex;gap:8px}.btn-edit,.btn-delete{padding:6px 12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-edit{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-edit:hover{border-color:#fff;background:#ffffff0d}.btn-delete{background:transparent;color:#f55;border:1px solid rgba(255,85,85,.3)}.btn-delete:hover{border-color:#f55;background:#ff55550d}.btn-delete.confirm{background:#f55;color:#fff;border-color:#f55}.skeleton-thumbnail{width:60px;height:40px;border-radius:3px}.skeleton-title{height:16px;width:60%;margin-bottom:4px}.skeleton-desc{height:12px;width:80%}.skeleton-badge{height:22px;width:70px;border-radius:3px}.skeleton-date{height:14px;width:80px}.skeleton-button{height:28px;width:60px;border-radius:2px}.project-row{opacity:0;animation:fadeInUp .4s ease forwards}@media(max-width:768px){.header-content{flex-direction:column;align-items:flex-start;gap:20px}.header-right{width:100%}.header-right button{flex:1}.content-header{flex-direction:column;align-items:flex-start}.filter-tabs{width:100%;overflow-x:auto}.projects-table{font-size:.85rem}.projects-table th,.projects-table td{padding:12px 8px}.project-thumbnail{width:60px;height:40px}.action-buttons{flex-direction:column;gap:5px}.action-buttons button{width:100%}}.admin-project-form{min-height:100vh;background:#0a0a0a;color:#fff}.admin-form-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;color:#fff}.form-header{background:#111;border-bottom:1px solid #333;padding:12px 20px;position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:15px}.btn-back{padding:6px 12px;background:#222;color:#fff;border:1px solid #444;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit}.btn-back:hover{background:#333}.form-header h1{font-size:1rem;font-weight:700;margin-right:auto}.header-actions{display:flex;gap:8px}.btn-cancel{padding:6px 14px;background:transparent;color:#999;border:1px solid #444;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit}.btn-cancel:hover:not(:disabled){color:#fff;border-color:#666}.btn-save{padding:6px 14px;background:#fff;color:#000;border:1px solid #fff;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit}.btn-save:hover:not(:disabled){background:#eee}.btn-save:disabled,.btn-cancel:disabled{opacity:.4;cursor:not-allowed}.form-content{padding:20px}.form-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;max-width:1600px;margin:0 auto}.form-block{background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:15px;margin-bottom:15px}.form-block h3{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;color:#999}.err{color:#f44;font-size:.65rem;margin-left:6px;font-weight:600}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;color:#777}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:8px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.85rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#ffffff4d}.form-group textarea{resize:vertical}.form-inline{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-inline{display:flex;gap:15px;margin-bottom:12px}.radio-inline label{display:flex;align-items:center;gap:6px;font-size:.75rem;cursor:pointer;color:#aaa}.radio-inline input[type=radio]{width:14px;height:14px;cursor:pointer;accent-color:#fff}.upload-compact{margin-bottom:12px}.upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;border:2px dashed rgba(255,255,255,.15);background:#ffffff05;cursor:pointer}.upload-box:hover{border-color:#ffffff4d}.upload-box input[type=file]{display:none}.upload-box span{font-size:2rem;margin-bottom:5px}.upload-box small{font-size:.7rem;color:#666}.preview-compact{position:relative;background:#000;border:1px solid rgba(255,255,255,.1);padding:8px}.preview-compact img,.preview-compact video{width:100%;max-height:200px;object-fit:contain;display:block}.btn-x{position:absolute;top:12px;right:12px;width:24px;height:24px;background:#f00c;color:#fff;border:none;font-size:.9rem;cursor:pointer;font-family:inherit}.btn-x:hover{background:red}.mini-label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;color:#777;margin:12px 0 5px}.gallery-upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:2px dashed rgba(255,255,255,.15);background:#ffffff05;cursor:pointer;margin-bottom:15px;transition:all .2s ease}.gallery-upload-btn:hover:not(:has(input:disabled)){border-color:#ffffff4d;background:#ffffff0a}.gallery-upload-btn input[type=file]{display:none}.gallery-upload-btn span{font-size:.85rem;font-weight:600;color:#fff;margin-bottom:5px}.gallery-upload-btn small{font-size:.65rem;color:#666}.gallery-upload-btn:has(input:disabled){opacity:.5;cursor:not-allowed}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:15px}.gallery-item{position:relative;aspect-ratio:1;background:#000;border:2px solid rgba(255,255,255,.1);overflow:hidden;cursor:move;transition:all .2s ease}.gallery-item:hover{border-color:#ffffff4d;transform:scale(1.02)}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;user-select:none}.gallery-order{position:absolute;top:5px;left:5px;background:#000c;color:#fff;font-size:.65rem;font-weight:700;padding:3px 7px;border-radius:2px;z-index:10}.btn-remove-gallery{position:absolute;top:5px;right:5px;width:24px;height:24px;background:#ff0000d9;color:#fff;border:none;border-radius:2px;font-size:.9rem;font-weight:700;cursor:pointer;font-family:inherit;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-remove-gallery:hover:not(:disabled){background:red;transform:scale(1.1)}.btn-remove-gallery:disabled{opacity:.5;cursor:not-allowed}.gallery-drag-handle{position:absolute;bottom:5px;right:5px;background:#000000b3;color:#999;font-size:1rem;padding:2px 6px;border-radius:2px;cursor:move;user-select:none;line-height:1}@media(max-width:1024px){.form-layout,.form-inline{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media(max-width:768px){.form-header{flex-wrap:wrap;padding:10px 15px}.form-header h1{width:100%;order:1;margin:8px 0;font-size:.9rem}.btn-back{order:0}.header-actions{order:2;margin-left:auto}.form-content{padding:15px}.form-block{padding:12px;margin-bottom:12px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.gallery-upload-btn{padding:15px}.gallery-upload-btn span{font-size:.75rem}}.contacts-dashboard{min-height:100vh;background:#0a0a0a;color:#fff;padding-bottom:4rem}.dashboard-header{background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1);padding:15px 5%;margin-bottom:3rem}.stats-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1400px;margin:0 auto 3rem;padding:0 2rem}.stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:1.5rem;text-align:center;transition:all .3s ease;opacity:0;animation:fadeInUp .5s ease forwards}.stat-card:hover{background:#ffffff0d;border-color:#fff3}.stat-card.highlight{background:#ffc1071a;border-color:#ffc1074d}.stat-card.skeleton-card{opacity:1;animation:none}.skeleton-stat-number{height:40px;width:60px;margin:0 auto .5rem}.skeleton-stat-label{height:14px;width:100px;margin:0 auto}.stat-number{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:#888}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem;flex-wrap:wrap}.filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.filter-tabs button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#888;padding:.6rem 1.2rem;font-size:.9rem;cursor:pointer;transition:all .3s ease;position:relative}.filter-tabs button:hover{background:#ffffff14;color:#fff}.filter-tabs button.active{background:#fff;color:#000;border-color:#fff}.filter-tabs .badge{display:inline-block;background:#ff3b30;color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:10px;margin-left:.5rem;font-weight:700}.search-bar{flex:1;max-width:400px}.search-bar input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.8rem 1rem;color:#fff;font-size:.9rem}.search-bar input:focus{outline:none;border-color:#ffffff4d;background:#ffffff14}.contacts-table-container{overflow-x:auto}.contacts-table{width:100%;border-collapse:collapse;background:#ffffff05}.contacts-table thead{background:#ffffff0d}.contacts-table th{padding:1rem;text-align:left;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:#888;border-bottom:1px solid rgba(255,255,255,.1)}.contacts-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.contacts-table tbody tr{transition:background .2s ease}.contacts-table tbody tr:hover{background:#ffffff08}.contacts-table tbody tr.unread{background:#ffc1070d}.new-badge{display:inline-block;background:#ffc107;color:#000;font-size:.65rem;padding:.2rem .5rem;border-radius:3px;margin-left:.5rem;font-weight:700;text-transform:uppercase}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.yellow{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.status-badge.blue{background:#007aff33;color:#007aff;border:1px solid rgba(0,122,255,.3)}.status-badge.green{background:#34c75933;color:#34c759;border:1px solid rgba(52,199,89,.3)}.status-badge.red{background:#ff3b3033;color:#ff3b30;border:1px solid rgba(255,59,48,.3)}.status-badge.gray{background:#8e8e9333;color:#8e8e93;border:1px solid rgba(142,142,147,.3)}.skeleton-row{opacity:1;animation:none}.skeleton-text{height:16px;width:80%}.skeleton-badge{height:24px;width:80px;border-radius:4px}.skeleton-icon{height:20px;width:20px;border-radius:4px}.contact-row{opacity:0;animation:fadeInUp .4s ease forwards}.actions{display:flex;gap:.5rem}.btn-icon{background:transparent;border:none;cursor:pointer;font-size:1.2rem;padding:.3rem;opacity:.7;transition:all .2s ease}.btn-icon:hover{opacity:1;transform:scale(1.1)}.btn-icon.confirm{animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:1.5rem;margin:0}.modal-close{background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;padding:0;width:2rem;height:2rem;opacity:.7;transition:opacity .2s ease}.modal-close:hover{opacity:1}.modal-body{padding:2rem}.contact-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.info-group{display:flex;flex-direction:column;gap:.5rem}.info-group.full-width{grid-column:1 / -1}.info-group label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#888}.info-value{font-size:1rem;color:#fff;display:flex;align-items:center;gap:.5rem}.info-value.technical{font-family:Courier New,monospace;font-size:.85rem;color:#888}.btn-copy{background:transparent;border:1px solid rgba(255,255,255,.2);padding:.3rem .5rem;cursor:pointer;font-size:.9rem;opacity:.7;transition:all .2s ease}.btn-copy:hover{opacity:1;background:#ffffff0d}.btn-whatsapp{background:#25d366;color:#fff;border:none;padding:.4rem .8rem;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease}.btn-whatsapp:hover{background:#20ba5a}.status-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.6rem;font-size:.95rem;cursor:pointer}.status-select:focus{outline:none;border-color:#fff6}.message-box{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:1rem;white-space:pre-wrap;line-height:1.6;max-height:300px;overflow-y:auto}.notes-textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.8rem;font-family:inherit;font-size:.9rem;resize:vertical}.notes-textarea:focus{outline:none;border-color:#fff6;background:#ffffff14}.modal-footer{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:1rem}.btn-danger{background:#ff3b30;color:#fff;border:none;padding:.8rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#d32f2f}@media(max-width:968px){.stats-overview{grid-template-columns:repeat(2,1fr)}.content-header{flex-direction:column;align-items:stretch}.search-bar{max-width:100%}.contacts-table{font-size:.85rem}.contacts-table th,.contacts-table td{padding:.6rem}.contact-info-grid{grid-template-columns:1fr}.modal-overlay{padding:1rem}}@media(max-width:640px){.stats-overview{grid-template-columns:1fr}.filter-tabs{width:100%}.filter-tabs button{flex:1;min-width:0;font-size:.8rem;padding:.5rem .6rem}}.analytics-page{min-height:100vh;background:#0a0a0a;color:#fff;padding-bottom:4rem}.analytics-header{background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.1);padding:2rem;margin-bottom:3rem}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-left h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:2px}.header-left p{font-size:.75rem;color:#666}.header-right{display:flex;gap:10px}.btn-secondary{padding:8px 16px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-secondary:hover{border-color:#fff;background:#ffffff0d}.analytics-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;gap:2rem}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.metrics-grid{grid-template-columns:1fr}.metric-card.large{grid-column:span 1}}.metric-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:2rem;text-align:center;transition:all .3s ease;opacity:0;animation:fadeInUp .5s ease forwards}.metric-card.skeleton-metric{opacity:1;animation:none}.metric-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.metric-card.large{grid-column:span 2;background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.metric-card.highlight{background:#34c7591a;border-color:#34c7594d}.metric-icon{font-size:2.5rem;margin-bottom:1rem}.metric-value{font-size:3rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-card.large .metric-value{font-size:4rem}.metric-label{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:#888}.chart-section{background:#ffffff05;border:1px solid rgba(255,255,255,.1);padding:2rem}.chart-section h2{font-size:1.3rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.1em;color:#fff}.status-chart{display:flex;flex-direction:column;gap:1rem}.status-bar-item{display:grid;grid-template-columns:200px 1fr auto;gap:1rem;align-items:center}.status-bar-label{display:flex;justify-content:space-between;align-items:center}.status-name{font-size:.9rem;font-weight:600}.status-count{font-size:.85rem;color:#888}.status-bar-container{background:#ffffff0d;height:30px;border-radius:4px;overflow:hidden;position:relative}.status-bar-fill{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem;transition:width .6s ease;position:relative}.status-bar-fill.pending{background:linear-gradient(90deg,#ffc1074d,#ffc10799)}.status-bar-fill.read{background:linear-gradient(90deg,#007aff4d,#007aff99)}.status-bar-fill.replied,.status-bar-fill.valid{background:linear-gradient(90deg,#34c7594d,#34c75999)}.status-bar-fill.spam{background:linear-gradient(90deg,#ff3b304d,#ff3b3099)}.status-bar-fill.invalid,.status-bar-fill.archived{background:linear-gradient(90deg,#8e8e934d,#8e8e9399)}.bar-percentage{font-size:.8rem;font-weight:700;color:#fff}.external-percentage{font-size:.8rem;color:#888}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.bar-chart{display:flex;align-items:flex-end;justify-content:space-around;height:250px;gap:.5rem;padding:1rem 0}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.bar-container{width:100%;height:200px;display:flex;align-items:flex-end;justify-content:center}.bar-fill{width:80%;background:linear-gradient(180deg,#fffc,#fff6);border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem;transition:height .6s ease;position:relative}.bar-fill.daily{background:linear-gradient(180deg,#007affcc,#007aff66)}.bar-value{font-size:.85rem;font-weight:700;color:#fff}.bar-label{font-size:.75rem;color:#888;text-align:center}.recent-list{display:flex;flex-direction:column;gap:.5rem}.recent-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;cursor:pointer}.recent-item:hover{background:#ffffff0d;border-color:#ffffff26}.recent-info{display:flex;flex-direction:column;gap:.3rem}.recent-email{font-size:.85rem;color:#888}.recent-meta{display:flex;align-items:center;gap:1rem}.status-badge{padding:.3rem .8rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-badge.pending{background:#ffc10733;color:#ffc107}.status-badge.read{background:#007aff33;color:#007aff}.status-badge.replied,.status-badge.valid{background:#34c75933;color:#34c759}.status-badge.spam{background:#ff3b3033;color:#ff3b30}.recent-date{font-size:.85rem;color:#666}.insights-list{display:flex;flex-direction:column;gap:.8rem}.insight-item{background:#ffffff08;border-left:3px solid rgba(255,193,7,.5);padding:1rem 1.5rem;display:flex;align-items:center;gap:1.5rem}.insight-rank{font-size:1.2rem;font-weight:700;color:#666;min-width:40px}.insight-ip{font-family:Courier New,monospace;font-size:.9rem;flex:1}.insight-count{font-weight:600;color:#ffc107}.insight-note{margin-top:1rem;font-size:.85rem;color:#888;font-style:italic}@media(max-width:1024px){.charts-row{grid-template-columns:1fr}.metric-card.large{grid-column:span 1}}@media(max-width:768px){.metrics-grid{grid-template-columns:1fr 1fr}.status-bar-item{grid-template-columns:150px 1fr auto;gap:.5rem}.bar-chart{height:200px}.bar-container{height:150px}.recent-item{flex-direction:column;align-items:flex-start;gap:.8rem}.recent-meta{width:100%;justify-content:space-between}}@media(max-width:480px){.metrics-grid{grid-template-columns:1fr}.status-bar-item{grid-template-columns:1fr;gap:.5rem}.status-bar-label{margin-bottom:.3rem}}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-metric-value{height:48px;width:80px;margin:0 auto .5rem}.skeleton-metric-label{height:14px;width:120px;margin:0 auto}.skeleton-status-label{height:16px;width:100px}.skeleton-status-count{height:14px;width:40px}.skeleton-bar{width:100%;height:30px}.skeleton-bar-fill{width:100%;height:200px}.skeleton-bar-label{height:14px;width:60px;margin:.5rem auto 0}.skeleton-recent{cursor:default}.skeleton-recent-name{height:18px;width:140px;margin-bottom:.5rem}.skeleton-recent-email{height:14px;width:180px}.skeleton-recent-badge{height:22px;width:80px;border-radius:4px}.skeleton-recent-date{height:14px;width:70px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.status-bar-label{margin-bottom:.3rem}.external-percentage{margin-top:.3rem}}