@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@500;600;700;800&display=swap";.navbar{background-color:var(--color-primary);border-bottom:1px solid var(--color-secondary);padding:1rem 0;position:fixed;top:0;width:100%;z-index:50}.navbar-container{display:flex;justify-content:space-between;align-items:center}.navbar-logo{color:var(--color-secondary);font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.navbar-toggle{display:block;background:none;border:none;color:var(--color-secondary);cursor:pointer}.navbar-toggle .icon{height:1.5rem;width:1.5rem}.navbar-menu{display:none}.navbar-link{color:var(--color-secondary);transition:color .3s;margin-left:2rem;font-weight:500;position:relative;padding-bottom:.25rem}.navbar-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--color-accent);transition:width .3s}.navbar-link:hover{color:var(--color-accent)}.navbar-link:hover:after{width:100%}.login-link{color:var(--color-secondary);margin-left:2rem;position:relative;font-weight:600;transition:all .3s ease}.login-link:hover{color:var(--color-accent)}.login-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--color-secondary);transition:width .3s}.navbar-mobile{position:absolute;top:100%;left:0;width:100%;background-color:var(--color-primary);border-bottom:1px solid var(--color-secondary);padding:1rem 0}.navbar-mobile-container{display:flex;flex-direction:column}.navbar-mobile-link{color:var(--color-secondary);transition:color .3s;padding:.75rem 0;font-weight:500;border-bottom:1px solid rgba(212,175,55,.1)}.navbar-mobile-link:hover{color:var(--color-accent)}.navbar-mobile-link.login-link{margin:1rem 0;padding:.8rem 1rem;text-align:center;border:1px solid var(--color-secondary);border-radius:4px}@media (min-width: 1024px){.navbar-toggle{display:none}.navbar-menu{display:flex}}.hero{padding-top:8rem;padding-bottom:5rem;background-color:var(--color-primary);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(212,175,55,.05) 0%,transparent 70%)}.hero-container{display:flex;flex-direction:column;gap:3rem;position:relative;z-index:2}.hero-content{text-align:center}.hero-title{font-size:3rem;margin-bottom:1.5rem;line-height:1.2;text-align:left}.title-line{display:block;margin-bottom:.5rem}.title-line-work{display:flex;align-items:center;justify-content:flex-start}.hero-title-dark{color:var(--color-white)}.hero-title-accent{color:var(--color-secondary);font-weight:700;display:inline-block}.smile-icon{display:inline-flex;vertical-align:middle;margin-left:.8rem;position:relative;top:-2px;color:var(--color-secondary)}.hero-title-accent.underlined{position:relative}.hero-title-accent.underlined:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:3px;background-color:var(--color-secondary)}.hero-description{font-size:1.2rem;color:var(--color-text-light);max-width:36rem;margin:0 auto 2.5rem;opacity:.9}.hero-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center}.hero-stats{width:100%}.hero-stats-card{background-color:#121212cc;border-radius:.5rem;border:1px solid var(--color-secondary);padding:2rem;box-shadow:0 10px 30px #00000080}.grid-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-box{background-color:var(--color-primary);padding:1.5rem;border-radius:.25rem;box-shadow:0 4px 6px #0003;border:1px solid rgba(212,175,55,.2);text-align:center;transition:transform .3s}.stat-box:hover{transform:translateY(-5px)}.stat-value{color:var(--color-secondary);font-weight:700;font-size:1.5rem;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--color-text-light);opacity:.8}@media (min-width: 640px){.hero-buttons{flex-direction:row}}@media (min-width: 1024px){.hero{padding-top:10rem;padding-bottom:6rem}.hero-container{flex-direction:row;align-items:center}.hero-content{width:50%;text-align:left}.hero-stats{width:50%}.hero-title{font-size:4rem}.hero-description{margin:0 0 2.5rem}.hero-buttons{justify-content:flex-start}}.services-section{background-color:var(--color-dark);position:relative}.services-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at bottom left,rgba(212,175,55,.08),transparent 60%);pointer-events:none}.services-grid{margin-bottom:4rem}.service-card{background-color:var(--color-primary);border-radius:.5rem;overflow:hidden;border:1px solid rgba(212,175,55,.2);transition:transform .3s,box-shadow .3s;height:100%;display:flex;flex-direction:column}.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000004d;border-color:var(--color-secondary)}.service-header{padding:1.5rem;text-align:center;border-bottom:1px solid rgba(212,175,55,.2)}.service-icon{margin:0 auto 1rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:var(--color-secondary)}.service-header h3{font-size:1.4rem;margin-bottom:0}.service-body{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.service-features{list-style:none;padding:0;margin:0 0 1.5rem;flex-grow:1}.service-features li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:var(--color-text-light)}.service-features li:before{content:"→";position:absolute;left:0;color:var(--color-secondary)}.service-extra{padding-top:1rem;border-top:1px solid rgba(212,175,55,.1);color:var(--color-text-light);font-size:.9rem}.service-extra-label{color:var(--color-secondary);font-weight:600;margin-right:.5rem}.services-cta{margin-top:4rem}.services-cta-box{background-color:var(--color-primary);border-radius:.5rem;border:1px solid var(--color-secondary);padding:2.5rem;box-shadow:0 10px 30px #0000004d}.services-cta-box h3{text-align:center;margin-bottom:2rem}.services-grid-benefits{margin-bottom:2rem}.benefit{display:flex;align-items:flex-start;margin-bottom:1rem}.benefit-icon.small{flex-shrink:0;margin-right:1rem;width:1.5rem;height:1.5rem;background-color:#d4af371a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-secondary)}.benefit p{color:var(--color-text-light);margin:0;line-height:1.5}@media (max-width: 768px){.service-card{padding:1.5rem}.service-icon{width:3rem;height:3rem;margin-bottom:1rem}.service-icon .icon{width:1.5rem;height:1.5rem}.service-header h3{font-size:1.2rem}}@media (max-width: 576px){.services-grid{grid-template-columns:1fr}.service-icon{width:2.5rem;height:2.5rem}.service-icon .icon{width:1.2rem;height:1.2rem}}.service-icon svg{width:24px;height:24px;color:var(--color-secondary);display:block}@media (max-width: 768px){.service-icon svg{width:24px;height:24px}}@media (max-width: 576px){.service-icon svg{width:24px;height:24px}}.about-section{background-color:var(--color-dark);padding:6rem 0}.benefits-grid{margin-bottom:4rem}.benefit-card{background-color:var(--color-primary);padding:2rem;border-radius:.5rem;box-shadow:0 10px 20px #0003;border:1px solid var(--color-secondary);transition:transform .3s;display:flex;flex-direction:column;align-items:center;text-align:center}.benefit-card:hover{transform:translateY(-10px)}.benefit-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:#d4af371a;border-radius:50%;margin-bottom:1.5rem;border:2px solid var(--color-secondary)}.benefit-icon .number{font-size:1.75rem;font-weight:700;color:var(--color-secondary)}.benefit-icon .check{font-size:2rem;color:var(--color-secondary)}.benefit-card h3{margin-bottom:1rem;font-size:1.3rem}.benefit-card p{color:var(--color-text-light);opacity:.9;font-size:.95rem;line-height:1.6}.subtitle{color:var(--color-text-light);max-width:600px;margin:0 auto;font-size:1.1rem;opacity:.9}.solution-box{background-color:var(--color-primary);border-radius:.5rem;border:1px solid var(--color-secondary);padding:3rem;box-shadow:0 10px 30px #0000004d}.solution-box h3{margin-bottom:2rem}.solution-table{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.solution-row{display:flex;flex-direction:column;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:1.5rem}.solution-cell{padding:.5rem 0}.solution-problem{color:var(--color-secondary);font-weight:600;font-size:1.1rem;margin-bottom:.5rem}.solution-answer h4{color:var(--color-text-light);font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.solution-answer p{color:var(--color-text-light);opacity:.9}.mt-action{margin-top:2rem}@media (min-width: 768px){.solution-row{flex-direction:row;align-items:flex-start;padding-bottom:1.5rem}.solution-problem{width:30%;padding-right:1rem}.solution-answer{width:70%}}@media (min-width: 1024px){.benefit-icon{width:100px;height:100px}.benefit-icon .number,.benefit-icon .check{font-size:2.25rem}}.ley-karin-section{background-color:var(--color-primary);position:relative}.ley-karin-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(212,175,55,.08),transparent 60%);pointer-events:none}.subtitle{color:var(--color-text-light);max-width:700px;margin:0 auto 3rem;font-size:1.1rem;opacity:.9}.ley-karin-content{position:relative;z-index:2}.ley-karin-intro{margin-bottom:3rem;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.ley-karin-intro h3{margin-bottom:1rem;font-size:1.6rem}.ley-karin-intro p{color:var(--color-text-light);opacity:.9;line-height:1.7}.requirements-grid{margin-bottom:4rem}.requirement-card{background-color:var(--color-dark);padding:2rem;border-radius:.5rem;transition:transform .3s;text-align:center;border:1px solid rgba(212,175,55,.2)}.requirement-card:hover{transform:translateY(-5px)}.requirement-icon{width:2.5rem;height:2.5rem;background-color:var(--color-secondary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;margin-right:auto;margin-left:auto}.requirement-icon.small{width:2rem;height:2rem;margin-bottom:.5rem}.requirement-card h4{margin-bottom:1rem;color:var(--color-secondary);font-size:1.3rem}.requirement-card p{color:var(--color-text-light);opacity:.9;font-size:.95rem;line-height:1.6}.protocol-section{padding-top:2rem}.protocol-section h3,.protocol-steps{margin-bottom:3rem}.protocol-card{background-color:var(--color-dark);padding:2rem;border-radius:.5rem;border:1px solid rgba(212,175,55,.2);position:relative;text-align:center;overflow:hidden}.protocol-step{display:inline-block;color:var(--color-secondary);font-size:3rem;font-weight:800;margin-bottom:1.5rem;opacity:.2;font-family:Montserrat,sans-serif}.protocol-card h4{color:var(--color-secondary);margin-bottom:1.5rem;position:relative}.protocol-list{list-style:none;padding:0;margin:0;text-align:left}.protocol-list li{color:var(--color-text-light);position:relative;padding:.5rem 0 .5rem 1.5rem;opacity:.9}.protocol-list li:before{content:"→";position:absolute;left:0;color:var(--color-secondary)}.cta-box{background-color:var(--color-dark);border:1px solid var(--color-secondary);padding:2.5rem;border-radius:.5rem;margin-top:3rem;text-align:center}.cta-box h4{color:var(--color-secondary);margin-bottom:1rem;font-size:1.3rem}.cta-box p{color:var(--color-text-light);opacity:.9;margin-bottom:1.5rem;max-width:700px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.protocol-step{font-size:2.5rem}.requirement-icon-medium{width:1.5rem;height:1.5rem;stroke-width:1.5}.icon-small{width:1rem;height:1rem;stroke-width:2}}.contact-section{background-color:var(--color-primary);position:relative;padding:5rem 0}.contact-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(212,175,55,.08) 0%,transparent 70%);pointer-events:none}.contact-container{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-top:2rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-card{background-color:var(--color-dark);border-radius:.5rem;padding:1.25rem;display:flex;align-items:center;border:1px solid rgba(212,175,55,.2);transition:transform .3s,border-color .3s}.contact-card:hover{transform:translateY(-5px);border-color:var(--color-secondary)}.contact-icon{margin-right:1rem;color:var(--color-secondary);background-color:#d4af371a;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon .icon{width:1.5rem;height:1.5rem}.contact-details h3{margin-bottom:.5rem;font-size:1.1rem;color:var(--color-secondary);font-weight:600}.contact-details p{color:var(--color-text-light);opacity:.9}.social-media{margin-top:1rem}.social-media h3{margin-bottom:1rem;font-size:1.1rem;color:var(--color-secondary);font-weight:600}.social-icons{display:flex;gap:1rem}.social-icon{color:var(--color-secondary);background-color:#d4af371a;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s}.social-icon:hover{background-color:var(--color-secondary);color:var(--color-primary);transform:scale(1.1)}.contact-form-container{background-color:var(--color-dark);border-radius:.5rem;padding:2.5rem;border:1px solid rgba(212,175,55,.2)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group label{margin-bottom:.5rem;color:var(--color-text-light);opacity:.9;font-weight:500}.form-group input,.form-group textarea{padding:.75rem 1rem;background-color:var(--color-primary);border:1px solid rgba(212,175,55,.2);border-radius:.375rem;color:var(--color-text-light);transition:border-color .3s,box-shadow .3s;font-size:1rem;resize:none}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 2px #d4af374d}.form-group input.error,.form-group textarea.error{border-color:#ff4d4d}.error-message{color:#ff4d4d;font-size:.875rem;margin-top:.375rem}.form-submit{margin-top:1rem;display:flex;flex-direction:column;align-items:center}.form-submit .btn{width:100%;max-width:15rem}.submit-result{margin-top:1rem;padding:.75rem 1.5rem;border-radius:.375rem;text-align:center;font-weight:500;transition:opacity .5s ease}.submit-result.success{background-color:#48bb7833;color:#48bb78;border:1px solid rgba(72,187,120,.3)}.submit-result.error{background-color:#f5656533;color:#f56565;border:1px solid rgba(245,101,101,.3)}@media (max-width: 992px){.contact-container{grid-template-columns:1fr}.contact-info{order:2}.contact-form-container{order:1}}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:1.5rem}.contact-section{padding:3rem 0}.contact-card{padding:1rem}.contact-icon{width:2.5rem;height:2.5rem}.contact-form-container{padding:1.5rem}}:root{--color-primary: #000000;--color-dark: #111111;--color-secondary: #D4AF37;--color-accent: #FFC107;--color-text: #D4AF37;--color-text-light: #f5f5f5;--color-white: #FFFFFF;--color-card: #121212}.contact-card{background-color:#121212!important;border:1px solid rgba(212,175,55,.2)!important;border-radius:.5rem!important;padding:1.25rem!important;display:flex!important;align-items:center!important;transition:transform .3s,border-color .3s!important;box-shadow:0 4px 12px #0000001a!important}.contact-card:hover{transform:translateY(-5px)!important;border-color:#d4af37!important}.contact-icon{margin-right:1rem!important;color:#d4af37!important;background-color:#d4af371a!important;width:3rem!important;height:3rem!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important}.contact-info h4{color:#d4af37!important;margin-bottom:.25rem!important}.contact-info p{color:#f5f5f5!important;font-size:.9rem!important}.contact-form{background-color:#121212!important;border-radius:.5rem!important;padding:2rem!important;border:1px solid rgba(212,175,55,.2)!important}.contact-form .form-group{margin-bottom:1.5rem!important}.contact-form label{color:#d4af37!important;margin-bottom:.5rem!important;display:block!important}.contact-form input,.contact-form textarea{width:100%!important;padding:.75rem 1rem!important;border-radius:.25rem!important;background-color:#1e1e1e!important;border:1px solid rgba(212,175,55,.2)!important;color:#f5f5f5!important;transition:border-color .3s!important}.contact-form input:focus,.contact-form textarea:focus{border-color:#d4af37!important;outline:none!important}.contact-form button{background-color:#d4af37!important;color:#000!important;border:none!important;padding:.75rem 1.5rem!important;border-radius:.25rem!important;cursor:pointer!important;transition:background-color .3s!important;font-weight:600!important}.contact-form button:hover{background-color:#c49d2f!important}.history-section{background-color:var(--color-primary);position:relative;overflow:hidden}.history-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(212,175,55,.08) 0%,transparent 70%);pointer-events:none}.subtitle{color:var(--color-text-light);max-width:700px;margin:0 auto 2rem;font-size:1.1rem;opacity:.9}.history-slider-container{position:relative;padding:0 3rem;margin:0 -1rem}.stories-slider{display:flex;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:1.5rem .5rem;cursor:default;-ms-overflow-style:none;scrollbar-width:none;position:relative;scroll-snap-type:x mandatory;gap:1rem;-webkit-user-select:none;user-select:none;touch-action:pan-x;display:grid;grid-auto-flow:column;grid-auto-columns:max-content;align-items:center}.stories-slider::-webkit-scrollbar{display:none}.slider-nav-button{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:3rem;height:3rem;background-color:var(--color-dark);border:1px solid var(--color-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--color-secondary);opacity:.8;box-shadow:0 4px 8px #0000004d;-webkit-user-select:none;user-select:none}.slider-nav-button svg{width:1.5rem;height:1.5rem;fill:currentColor}.slider-nav-button.prev-button{left:0}.slider-nav-button.next-button{right:0}.slider-nav-button:hover{opacity:1;transform:translateY(-50%) scale(1.1);background-color:var(--color-secondary);color:var(--color-primary)}.slider-nav-button:focus{outline:none;opacity:1}.story-item{min-width:280px;width:280px;height:200px;flex-shrink:0;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 10px #0000004d;transition:all .3s ease;position:relative;scroll-snap-align:center;border:2px solid rgba(212,175,55,.2);transform-origin:center center;margin:0 4px}.story-item:hover{transform:translateY(-10px)}.story-image-container,.story-video-container{width:100%;height:100%;position:relative;overflow:hidden;cursor:pointer}.story-image{width:100%;height:100%;object-fit:cover;transition:transform .5s;display:block;aspect-ratio:4/3}.story-image-container:hover .story-image{transform:scale(1.05)}.story-video{width:100%;height:100%;object-fit:cover;transition:transform .5s;display:block;aspect-ratio:4/3}.video-hover-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;cursor:pointer}.story-video-container:hover .story-video{transform:scale(1.05)}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;transition:opacity .3s;pointer-events:none;z-index:4}.story-video-container:hover .video-overlay{opacity:.7}.story-video-container:hover .play-icon{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 25px #d9af53cc}.story-video-container.playing .video-overlay,.story-video-container.playing .play-icon{opacity:0;pointer-events:none}.play-icon{width:80px;height:80px;background-color:var(--color-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #d9af5399;border:2px solid var(--color-primary);transition:all .3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-icon svg{width:40px;height:40px;fill:var(--color-primary);margin-left:4px;position:relative;top:2px}.scroll-indicator{display:flex;align-items:center;justify-content:center;margin-top:2rem;color:var(--color-secondary);font-size:.9rem;animation:pulse 1.5s infinite;text-align:center}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width: 992px){.story-item{min-width:240px;height:340px}.history-slider-container{padding:0 2.5rem}.slider-nav-button{width:2.5rem;height:2.5rem}}@media (max-width: 768px){.story-item{min-width:160px;width:160px;height:120px}.play-icon{width:40px;height:40px}.play-icon svg{width:20px;height:20px}.history-slider-container{padding:0 2rem}.slider-nav-button{width:2.2rem;height:2.2rem}.slider-nav-button svg{width:1.2rem;height:1.2rem}.stories-slider{gap:.8rem;padding:.8rem .5rem}}@media (max-width: 576px){.story-item{min-width:120px;width:120px;height:90px;border-width:1px;margin:0 2px}.history-slider-container{padding:0 1.2rem}.slider-nav-button{width:1.5rem;height:1.5rem;opacity:.9}.story-item:hover{transform:translateY(-3px)}.stories-slider{gap:.4rem;scroll-snap-type:x proximity;padding:.5rem .3rem}.play-icon{width:40px;height:40px}.play-icon svg{width:20px;height:20px}.history-slider-container{padding:0 1.5rem}.slider-nav-button{width:1.5rem;height:1.5rem}.slider-nav-button svg{width:1rem;height:1rem}.stories-slider{gap:.75rem;padding:.75rem .25rem}}.footer{background-color:var(--color-dark);color:var(--color-text-light);padding:5rem 0 2rem;position:relative;border-top:1px solid rgba(212,175,55,.2)}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(212,175,55,.08) 0%,transparent 70%);pointer-events:none}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column}.footer-logo-text{font-size:2rem;font-weight:700;color:var(--color-secondary);margin-bottom:1.5rem;letter-spacing:1px;font-family:Arial,sans-serif}.footer-tagline{color:var(--color-text-light);opacity:.9;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.footer-socials{display:flex;gap:1rem}.social-link{color:var(--color-secondary);background-color:#d4af371a;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s}.social-link:hover{background-color:var(--color-secondary);color:var(--color-primary);transform:scale(1.1)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-title{color:var(--color-secondary);font-size:1.1rem;margin-bottom:1.5rem;font-weight:600;position:relative}.footer-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:2rem;height:2px;background-color:var(--color-secondary);opacity:.7}.footer-menu{list-style:none;padding:0;margin:0}.footer-menu li{margin-bottom:.75rem}.footer-menu a{color:var(--color-text-light);opacity:.8;transition:all .3s;text-decoration:none;position:relative;padding-left:0}.footer-menu a:hover{color:var(--color-secondary);opacity:1;padding-left:.5rem}.footer-menu a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:1px;background-color:var(--color-secondary);transition:width .3s;opacity:0}.footer-menu a:hover:before{width:.3rem;opacity:1}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(212,175,55,.1);text-align:center}.copyright{color:var(--color-text-light);opacity:.6;margin-bottom:.5rem;font-size:.9rem}.footer-disclaimer{color:var(--color-text-light);opacity:.5;font-size:.85rem}@media (max-width: 992px){.footer-content{grid-template-columns:1fr}.footer-links{margin-top:1rem}}@media (max-width: 768px){.footer{padding:3rem 0 2rem}.footer-links{grid-template-columns:1fr 1fr;gap:2rem 1rem}}@media (max-width: 576px){.footer-links{grid-template-columns:1fr}}:root{--admin-primary: #0f0f0f;--admin-secondary: #d4af37;--admin-accent: #e6c458;--admin-bg: #000000;--admin-text: #f5f5f5;--admin-error: #e74c3c}.login-fullscreen-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#000;position:relative;overflow:hidden}.login-background{background-size:cover!important;background-position:center!important;transition:background 1s ease-in-out}.login-fullscreen-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1}.login-fullscreen-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./assets/bg_login_images/Whisk_05cb959723.webp);background-size:cover;background-position:center;animation:bgSlideshow 30s infinite;z-index:0}@keyframes bgSlideshow{0%,11.11%{background-image:url(./assets/bg_login_images/Whisk_05cb959723.webp);opacity:1}12.5%,22.22%{background-image:url(./assets/bg_login_images/Whisk_18081c72a3.webp);opacity:1}23.61%,33.33%{background-image:url(./assets/bg_login_images/Whisk_36c2c4f9e8.webp);opacity:1}34.72%,44.44%{background-image:url(./assets/bg_login_images/Whisk_7644a3689a.webp);opacity:1}45.83%,55.55%{background-image:url(./assets/bg_login_images/Whisk_b169704b02.webp);opacity:1}56.94%,66.66%{background-image:url(./assets/bg_login_images/Whisk_bf7961be7e.webp);opacity:1}68.05%,77.77%{background-image:url(./assets/bg_login_images/Whisk_d82361b820-_1_.webp);opacity:1}79.16%,88.88%{background-image:url(./assets/bg_login_images/Whisk_d9751bca05.webp);opacity:1}90.27%,to{background-image:url(./assets/bg_login_images/Whisk_fd9f7e00b4.webp);opacity:1}}@keyframes fadeInOut{0%,16%{opacity:1}20%,96%{opacity:0}to{opacity:1}}.login-card-container{position:relative;z-index:2;width:100%;max-width:500px}.login-form{width:100%;background-color:#0006;padding:2.5rem;border-radius:12px;box-shadow:0 15px 35px #00000080,0 0 15px #d4af3799;display:flex;flex-direction:column;gap:1.5rem;border:2px solid var(--admin-secondary);transform:translateY(20px);opacity:0;transition:all .5s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;z-index:2}.login-form.form-loaded{transform:translateY(0);opacity:1}.login-header{display:flex;flex-direction:column;align-items:center;margin-bottom:.5rem}.login-logo-container{margin-bottom:.5rem;width:350px;height:180px;display:flex;align-items:center;justify-content:center}.login-logo{width:100%;height:100%}.login-brand{color:var(--admin-secondary);font-size:2.5rem;font-weight:700;letter-spacing:1px;margin:.5rem 0 0;text-shadow:0 0 5px rgba(212,175,55,.3)}.login-form-body{display:flex;flex-direction:column;gap:1rem;margin-top:-.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{display:block;color:#fff;font-weight:500;font-size:.9rem}.login-form input{padding:.9rem 1rem;border-radius:8px;border:1px solid var(--admin-secondary);background-color:#000000b3;color:var(--admin-text);font-size:1rem;transition:all .3s ease;width:100%;box-shadow:0 0 3px #d4af374d}.password-input-container{position:relative;display:flex;align-items:center}.toggle-password{position:absolute;right:12px;background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.toggle-password:hover{color:var(--admin-secondary)}.login-form input:focus{outline:none;border-color:var(--admin-secondary);box-shadow:0 0 0 2px #d4af3726}.login-error{background-color:#e74c3c1a;color:var(--admin-error);padding:.8rem 1rem;border-radius:6px;font-size:.9rem;display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.error-icon{font-size:1.1rem}.login-button{background-color:var(--admin-secondary);color:var(--admin-primary);border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:4px;cursor:pointer;transition:all .3s ease;margin-top:1rem;display:flex;justify-content:center;align-items:center}.login-button:hover:not(:disabled){background-color:var(--admin-accent);transform:translateY(-2px)}.login-button:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--admin-error);font-size:.9rem;margin-top:.5rem;text-align:center}@media (max-width: 768px){.login-form{padding:1.5rem}.login-title{font-size:2rem}}.admin-navbar{background-color:#000;color:var(--admin-text);border-bottom:1px solid var(--admin-secondary);position:fixed;top:0;left:0;width:100%;z-index:100;box-shadow:0 2px 10px #00000080}.admin-navbar-content{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.admin-logo{color:var(--admin-secondary);font-size:1.5rem;font-weight:700;text-decoration:none;letter-spacing:1px}.admin-nav-links{display:flex;align-items:center;gap:1.5rem}.admin-nav-link{color:var(--admin-text);text-decoration:none;padding:.5rem 0;position:relative;font-weight:500;font-size:.85rem;transition:color .3s ease;display:flex;align-items:center;gap:5px}.admin-nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--admin-secondary);transition:width .3s ease}.admin-nav-link:hover{color:var(--admin-secondary)}.admin-nav-link:hover:after{width:100%}.admin-logout-btn{background-color:transparent;border:1px solid var(--admin-secondary);color:var(--admin-secondary);padding:.4rem 1rem;border-radius:4px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;margin-left:1rem;display:flex;align-items:center;gap:5px}.admin-logout-btn:hover{background-color:var(--admin-secondary);color:var(--admin-primary)}.admin-mobile-toggle{display:none;background:none;border:none;color:var(--admin-secondary);cursor:pointer}.admin-mobile-menu{display:none;background-color:#000;padding:1rem;border-bottom:1px solid var(--admin-secondary)}.admin-mobile-link{display:flex;align-items:center;gap:8px;color:var(--admin-text);text-decoration:none;padding:.75rem 0;font-weight:500;font-size:.9rem;border-bottom:1px solid var(--admin-border)}.admin-mobile-link:hover{color:var(--admin-secondary)}.admin-mobile-logout{width:100%;margin-top:1rem;background-color:transparent;border:1px solid var(--admin-secondary);color:var(--admin-secondary);padding:.75rem;border-radius:4px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.admin-mobile-logout:hover{background-color:var(--admin-secondary);color:var(--admin-primary)}@media (max-width: 1100px){.admin-nav-links{display:none}.admin-mobile-toggle,.admin-mobile-menu{display:block}}:root{--admin-primary: #000000;--admin-secondary: #d4af37;--admin-accent: #e6c458;--admin-bg: #000000;--admin-card-bg: #000000;--admin-text: #f5f5f5;--admin-text-secondary: #d4af37;--admin-border: rgba(212, 175, 55, .3)}.admin-layout{min-height:100vh;background-color:var(--admin-bg);color:var(--admin-text);display:flex;flex-direction:column}.admin-content{flex:1;padding:6.5rem 2rem 2rem;max-width:1200px;margin:0 auto;width:100%}.admin-loading{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--admin-bg);color:var(--admin-secondary);font-size:1.5rem;font-weight:500}.admin-card{background-color:var(--admin-card-bg);border-radius:8px;padding:1.5rem;border:1px solid var(--admin-border);margin-bottom:1.5rem;box-shadow:0 4px 6px #0000001a}.admin-card-title{color:var(--admin-secondary);font-size:1.25rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.admin-button{background-color:var(--admin-secondary);color:var(--admin-primary);border:2px solid var(--admin-secondary);padding:.5rem 1rem;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 6px #d4af374d;position:relative;overflow:hidden}.admin-button:hover{background-color:var(--admin-accent);transform:translateY(-2px);box-shadow:0 4px 10px #d4af3780}.admin-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .5s ease}.admin-button:hover:before{left:100%}.admin-button-secondary{background-color:#000;border:2px solid var(--admin-secondary);color:var(--admin-secondary);position:relative;overflow:hidden}.admin-button-secondary:hover{background-color:var(--admin-secondary);color:#000;transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.admin-button-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.2),transparent);transition:all .5s ease}.admin-button-secondary:hover:before{left:100%}@media (max-width: 768px){.admin-content{padding:4.5rem 1rem 1rem}.admin-grid{grid-template-columns:1fr}}.formularios-clientes-container{-webkit-overflow-scrolling:touch;overflow-x:hidden;max-width:100vw}.formularios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;width:100%;box-sizing:border-box;overflow-x:visible;overflow-y:visible;padding:0;margin:0}.formulario-card{transform:none!important;transition:box-shadow .2s ease!important;overflow:hidden;max-width:100%;display:flex;flex-direction:column;contain:content;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.formulario-card:hover{transform:none!important;box-shadow:0 5px 15px #0003!important}.form-title,.web-title-label{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:100%;word-break:break-word}.action-btn{min-height:36px;min-width:36px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.formularios-clientes-header{flex-direction:column;align-items:flex-start}.formularios-clientes-title-container{width:100%;display:flex;justify-content:space-between;margin-bottom:15px}.filtros-container{width:100%}.filtros{flex-direction:column;align-items:flex-start;width:100%}.filtros select{width:100%;margin-bottom:10px}.formularios-grid{grid-template-columns:1fr}.card-actions{flex-wrap:wrap;gap:8px}.action-btn{flex:1;min-width:70px}.form-details{overflow:visible;display:flex;flex-direction:column}.detail-item{margin-bottom:8px}}:root{--color-background: #000000;--color-background-alt: #111111;--color-card: rgba(18, 18, 18, .7);--color-border: rgba(212, 175, 55, .3);--color-gold: #D4AF37;--color-gold-light: #FFC107;--color-gold-dark: #B38728;--color-gold-trans: rgba(212, 175, 55, .1);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .5);--glow-gold: 0 0 10px rgba(255, 215, 0, .5);--glow-gold-strong: 0 0 15px rgba(255, 215, 0, .7), 0 0 30px rgba(255, 215, 0, .4);--transition-fast: .2s cubic-bezier(.215, .61, .355, 1);--transition-normal: .3s cubic-bezier(.19, 1, .22, 1);--transition-slow: .5s cubic-bezier(.23, 1, .32, 1);--gradient-gold: linear-gradient(135deg, var(--color-gold-light) 0%, var(--color-gold) 60%, var(--color-gold-dark) 100%);--gradient-dark: linear-gradient(to bottom, var(--color-background), rgba(20, 20, 28, .7));--gradient-card: linear-gradient(145deg, rgba(30, 30, 40, .6), rgba(10, 10, 15, .8));--gradient-shimmer: linear-gradient(90deg, transparent, rgba(255, 215, 0, .2), transparent)}@keyframes shimmer{0%{transform:translate(-150%)}to{transform:translate(150%)}}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}@keyframes border-glow{0%{box-shadow:0 0 5px #ffd7004d}50%{box-shadow:0 0 15px #ffd70080}to{box-shadow:0 0 5px #ffd7004d}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px);filter:blur(5px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px);filter:blur(5px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95);filter:blur(5px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.animate-fade-up{animation:fadeInUp var(--animation-duration, .6s) cubic-bezier(.25,.8,.25,1) forwards;animation-delay:var(--animation-delay, 0s);opacity:0}.animate-fade-left{animation:fadeInLeft var(--animation-duration, .6s) cubic-bezier(.25,.8,.25,1) forwards;animation-delay:var(--animation-delay, 0s);opacity:0}.animate-fade-right{animation:fadeInRight var(--animation-duration, .6s) cubic-bezier(.25,.8,.25,1) forwards;animation-delay:var(--animation-delay, 0s);opacity:0}.animate-zoom{animation:zoomIn var(--animation-duration, .6s) cubic-bezier(.25,.8,.25,1) forwards;animation-delay:var(--animation-delay, 0s);opacity:0}.delay-1{--animation-delay: .1s}.delay-2{--animation-delay: .2s}.delay-3{--animation-delay: .3s}.delay-4{--animation-delay: .4s}.delay-5{--animation-delay: .5s}.dashboard-container{width:100%;min-height:100vh;padding:1.5rem;color:var(--color-text-primary);font-family:Poppins,Arial,sans-serif;background-color:var(--color-background);position:relative;overflow-x:hidden;z-index:1}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.header-left h1{font-size:2.2rem;margin:0;background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.3)}.header-date{font-size:.9rem;color:var(--color-text-secondary);margin:.5rem 0 0;font-style:italic}.refresh-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffd7001a;border:1px solid var(--color-border);border-radius:50px;color:var(--color-gold);cursor:pointer;transition:all var(--transition-normal);font-weight:500}.refresh-button:hover{background:#ffd70033;box-shadow:var(--glow-gold);transform:translateY(-2px)}.refresh-icon{font-size:.9rem;transition:transform .5s ease}.refresh-button:hover .refresh-icon{transform:rotate(180deg)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--gradient-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;transition:all var(--transition-normal);border:1px solid var(--color-border);display:flex;align-items:center;gap:1rem}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 25%,rgba(255,215,0,.05) 50%,transparent 75%);background-size:250% 250%;animation:shimmer 3s infinite linear;opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--glow-gold);border-color:var(--color-gold)}.stat-card:hover:before{opacity:1}.stat-card-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--gradient-gold);color:#000;box-shadow:0 5px 15px #0003;transition:all var(--transition-normal)}.stat-card:hover .stat-card-icon{transform:scale(1.1) rotate(5deg)}.stat-card-content{flex:1}.stat-card-content h3{margin:0 0 .5rem;font-size:.9rem;color:var(--color-text-secondary)}.stat-card-value{font-size:2rem;font-weight:700;color:var(--color-text-primary)}.dashboard-main{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.dashboard-column{display:flex;flex-direction:column;gap:1.5rem}.dashboard-section{background:var(--gradient-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid var(--color-border);overflow:hidden;transition:all var(--transition-normal)}.dashboard-section:hover{border-color:var(--color-gold);box-shadow:var(--glow-gold)}.section-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.section-icon{font-size:1.2rem;color:var(--color-gold);display:flex;align-items:center}.section-header h2{margin:0;font-size:1.2rem;font-weight:600;color:var(--color-text-primary)}.section-content{padding:1.5rem;max-height:400px;overflow-y:auto}.section-content::-webkit-scrollbar{width:5px}.section-content::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.section-content::-webkit-scrollbar-thumb{background:var(--color-gold-trans);border-radius:10px}.section-content::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;margin-bottom:1rem;background:#0003;border-radius:10px;transition:all var(--transition-normal);border:1px solid transparent}.activity-item:hover{background:#0000004d;transform:translate(5px);border-color:var(--color-border)}.activity-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:var(--color-gold-dark);color:#000;flex-shrink:0}.activity-content{flex:1}.activity-content h4{margin:0 0 .5rem;font-size:1rem;color:var(--color-text-primary)}.activity-content p{margin:0 0 .5rem;font-size:.9rem;color:var(--color-text-secondary)}.activity-date{font-size:.8rem;color:var(--color-text-muted)}.event-item{display:flex;gap:1rem;padding:1rem;margin-bottom:1rem;background:var(--color-background-alt);border-radius:10px;transition:all var(--transition-normal);border:1px solid var(--color-border);box-shadow:0 4px 8px #0006,0 0 10px var(--color-gold-trans);position:relative;overflow:hidden}.event-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-gold);box-shadow:0 0 8px var(--color-gold)}.event-item:hover{background:#121212e6;transform:translate(-5px) translateY(-2px);border-color:var(--color-gold);box-shadow:0 6px 12px #00000080,0 0 15px var(--color-gold-trans)}.event-date{width:80px;min-width:80px;text-align:center;padding:.5rem;background:#00000080;border-radius:8px;display:flex;flex-direction:column;font-size:.85rem;border:1px solid var(--color-gold-trans);box-shadow:0 0 10px var(--color-gold-trans)}.event-day{font-weight:700;color:var(--color-gold);text-shadow:0 0 5px var(--color-gold-trans);font-size:1.2rem;margin-bottom:.25rem}.event-time{font-size:.8rem;color:var(--color-text-primary);margin-top:.25rem}.event-content{flex:1;padding-left:.5rem}.event-content h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--color-text-primary);text-shadow:0 0 5px rgba(212,175,55,.3)}.event-content p{font-size:.9rem;color:var(--color-text-secondary);margin:0;line-height:1.4;max-height:2.8em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.notification-item{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:1rem;border-radius:10px;transition:all var(--transition-normal);background:var(--color-background-alt);border:1px solid var(--color-border);box-shadow:0 4px 8px #0000004d,0 0 10px var(--color-gold-trans);position:relative;overflow:hidden}.notification-info,.notification-success,.notification-warning{border-left:3px solid var(--color-gold)}.notification-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-gold);box-shadow:0 0 8px var(--color-gold)}.notification-item:hover{transform:translateY(-3px);background:#121212e6;border-color:var(--color-gold);box-shadow:0 6px 12px #0006,0 0 15px var(--color-gold-trans)}.notification-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:var(--color-background);color:var(--color-gold);flex-shrink:0;border:1px solid var(--color-gold);box-shadow:0 0 10px var(--color-gold-trans),inset 0 0 5px var(--color-gold-trans);text-shadow:0 0 5px var(--color-gold)}.notification-content{flex:1}.notification-content p{margin:0 0 .3rem;font-size:.9rem;color:var(--color-text-primary);line-height:1.4}.notification-date{font-size:.8rem;color:var(--color-text-muted)}.background-icons{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none;opacity:.05}.floating-icon{position:absolute;color:var(--color-gold);opacity:.7;animation:float infinite ease-in-out alternate}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}.quick-actions-container{background:var(--gradient-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid var(--color-border);overflow:hidden;transition:all var(--transition-normal);margin-bottom:2rem}.quick-actions-container:hover{border-color:var(--color-gold);box-shadow:var(--glow-gold)}.quick-actions-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;padding:1.5rem}.quick-action{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;background:#0003;border-radius:12px;transition:all var(--transition-normal);border:1px solid transparent;text-decoration:none;position:relative;overflow:hidden}.quick-action:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:all .5s ease}.quick-action:hover{transform:translateY(-5px);border-color:var(--color-gold);background:#0000004d;box-shadow:var(--glow-gold)}.quick-action:hover:before{left:100%}.quick-action-icon{font-size:2rem;color:var(--color-gold);margin-bottom:1rem;transition:all var(--transition-normal)}.quick-action:hover .quick-action-icon{transform:scale(1.2);color:var(--color-gold-light)}.quick-action-content{text-align:center}.quick-action-content h3{margin:0 0 .5rem;font-size:1rem;color:var(--color-text-primary);transition:all var(--transition-normal)}.quick-action-content p{margin:0;font-size:.8rem;color:var(--color-text-muted);transition:all var(--transition-normal)}.quick-action:hover .quick-action-content h3{color:var(--color-gold-light)}.quick-action:hover .quick-action-content p{color:var(--color-text-secondary)}.quick-action-arrow{position:absolute;top:10px;right:10px;font-size:.8rem;color:var(--color-text-muted);opacity:0;transition:all var(--transition-normal)}.quick-action:hover .quick-action-arrow{opacity:1;color:var(--color-gold);transform:translate(3px)}.no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:#0003;border-radius:12px;border:1px dashed var(--color-border);transition:all var(--transition-normal)}.no-data-container:hover{background:#0000004d;border-color:var(--color-gold);transform:translateY(-5px)}.no-data-icon{font-size:3rem;color:var(--color-gold-dark);margin-bottom:1.5rem;opacity:.7;animation:pulse 3s infinite ease-in-out}.no-data-container h3{margin:0 0 1rem;font-size:1.2rem;color:var(--color-text-primary)}.no-data-container p{margin:0;font-size:.9rem;color:var(--color-text-secondary);max-width:250px}.skeleton-loader{width:100%}.skeleton-header{height:50px;background:#ffffff0d;border-radius:8px;margin-bottom:2rem;position:relative;overflow:hidden}.skeleton-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.skeleton-card{height:100px;background:#ffffff0d;border-radius:12px;position:relative;overflow:hidden}.skeleton-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.skeleton-column{display:flex;flex-direction:column;gap:1.5rem}.skeleton-section{height:300px;background:#ffffff0d;border-radius:12px;position:relative;overflow:hidden}.skeleton-header:after,.skeleton-card:after,.skeleton-section:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-shimmer);animation:shimmer 2s infinite}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center;background:#0003;border-radius:12px;border:1px solid rgba(255,0,0,.3)}.error-icon{font-size:4rem;color:#e74c3c;margin-bottom:2rem;animation:pulse 2s infinite}.error-container h2{margin:0 0 1rem;font-size:1.8rem;color:#e74c3c}.error-container p{margin:0 0 2rem;font-size:1rem;color:var(--color-text-secondary);max-width:500px}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.dashboard-main{grid-template-columns:1fr}.dashboard-container{padding:1rem}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-right{width:100%}.refresh-button{width:100%;justify-content:center}}@media (max-width: 576px){.dashboard-container{padding:.75rem}.quick-actions-grid{grid-template-columns:1fr}.section-content{padding:1rem}}.usuarios-container{padding:2.5rem 1.5rem}@media (max-width: 768px){.usuarios-container{padding:2rem 1.2rem}}.usuarios-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.usuarios-actions{display:flex;align-items:center;gap:1rem}.conteo-usuarios{font-size:.9rem;color:gold;color:var(--usuarios-accent);background-color:#ffd7001a;padding:.4rem .8rem;border-radius:4px;border:1px solid rgba(255,215,0,.3)}.usuarios-title{font-size:1.8rem;color:var(--admin-secondary)}.usuario-add-btn{background-color:var(--admin-secondary);color:var(--admin-primary);border:none;padding:.6rem 1.2rem;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.usuario-add-btn:hover{background-color:var(--admin-accent);transform:translateY(-2px)}.editar-btn{background-color:#333;color:var(--usuarios-accent);border:1px solid var(--usuarios-accent)}.editar-btn:hover{background-color:#444;transform:translateY(-2px)}.eliminar-btn{background-color:#e74c3c;color:#fff}.eliminar-btn:hover{background-color:#c0392b;transform:translateY(-2px)}.guardar-btn{background-color:#000;color:gold;border:1px solid #FFD700;padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s}.guardar-btn:hover{background-color:#222;box-shadow:0 0 5px #ffd70080}.guardar-btn:disabled{background-color:#333;color:#bba977;border-color:#bba977;cursor:not-allowed}.cancelar-btn{background-color:transparent;color:gold;border:1px solid #FFD700;padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s;margin-right:10px}.cancelar-btn:hover{background-color:#ffd7001a;box-shadow:0 0 5px #ffd7004d}.cancelar-btn:disabled{opacity:.6;cursor:not-allowed}:root{--usuarios-primary: #000000;--usuarios-secondary: #111111;--usuarios-tertiary: #222222;--usuarios-card-bg: #111111;--usuarios-accent: #FFD700;--usuarios-text: #ffffff;--usuarios-text-secondary: #FFD700;--usuarios-border: #333333;--usuarios-shadow: 0 8px 16px rgba(0, 0, 0, .3);--usuarios-shadow-hover: 0 12px 24px rgba(0, 0, 0, .4);--usuarios-active: rgba(255, 215, 0, .8);--usuarios-inactive: rgba(190, 25, 25, .8)}.image-modal{max-width:90vw;max-height:90vh;width:auto;height:auto;padding:15px;display:flex;flex-direction:column;background-color:var(--admin-primary);border:1px solid var(--admin-accent)}.expanded-image-container{display:flex;justify-content:center;align-items:center;padding:10px;background-color:#0003;border-radius:5px;overflow:hidden;max-height:80vh}.expanded-profile-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:4px;cursor:pointer;transition:transform .3s ease}.expanded-profile-image:hover{transform:scale(.98)}.usuarios-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;width:100%;padding:.5rem}[id^=usuario-]{position:relative}.usuario-id{display:none;visibility:hidden}*[data-id]{display:none}.usuario-card{background-color:var(--usuarios-card-bg);border:1px solid var(--usuarios-border);border-radius:14px;overflow:hidden;transition:all .3s ease;position:relative;box-shadow:var(--usuarios-shadow);display:flex;flex-direction:column;opacity:0;transform:translateY(20px);animation:fadeInUp .5s forwards;animation-delay:var(--delay, 0s)}.usuario-card:hover{transform:translateY(-5px);box-shadow:var(--usuarios-shadow-hover);border-color:var(--usuarios-accent)}.usuario-card.usuario-inactivo{opacity:.7;border-color:var(--usuarios-inactive)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation-name:fadeInUp;animation-fill-mode:forwards;animation-duration:.5s;animation-delay:var(--delay, 0s)}.usuario-card-header{display:flex;align-items:center;padding:1.25rem;border-bottom:1px solid var(--usuarios-border);background-color:#0003;position:relative}.usuario-avatar{width:42px;height:42px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin-right:10px;flex-shrink:0;position:relative;overflow:hidden}.usuario-imagen-perfil{width:100%;height:100%;object-fit:cover;border-radius:50%}.usuario-inicial{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.usuario-info-principal{flex:1}.usuario-nombre{font-size:1.2rem;font-weight:600;color:var(--usuarios-text);margin:0 0 .25rem}.usuario-email{font-size:.9rem;color:var(--usuarios-text-secondary);margin:0;word-break:break-all}.usuario-card-body{padding:1.25rem;flex:1}.usuario-detalles{display:flex;flex-direction:column;gap:.75rem}.usuario-detalle{display:flex;justify-content:space-between;align-items:center}.detalle-label{font-size:.9rem;color:var(--usuarios-text-secondary);font-weight:500}.detalle-valor{font-size:.9rem;color:var(--usuarios-text);font-weight:500}.usuario-card-footer{padding:1.25rem;border-top:1px solid var(--usuarios-border);display:flex;justify-content:space-between;gap:.75rem;background-color:#0000001a;position:relative}.estado-badge{padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.estado-activo{background-color:#0f9d5833;color:#2ecc71;border:1px solid rgba(15,157,88,.3)}.estado-inactivo{background-color:#be191933;color:#e74c3c;border:1px solid rgba(190,25,25,.3)}.rol-badge{padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap}.rol-admin{background-color:#ffd70033;color:var(--usuarios-accent);border:1px solid rgba(255,215,0,.3)}.rol-editor{background-color:#1a73e833;color:#1a73e8;border:1px solid rgba(26,115,232,.3)}.rol-viewer{background-color:#64646433;color:#aaa;border:1px solid rgba(100,100,100,.3)}.accion-btn{padding:.5rem .8rem;border-radius:4px;font-weight:600;font-size:.85rem;transition:all .2s ease;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0000001a;margin-right:.5rem}.estado-btn.activar-btn{background-color:#0f9d5833;color:#2ecc71;border:1px solid rgba(15,157,88,.3)}.estado-btn.desactivar-btn{background-color:#be191933;color:#e74c3c;border:1px solid rgba(190,25,25,.3)}.editar-btn{background-color:#ffd70033;color:var(--usuarios-accent);border:1px solid rgba(255,215,0,.3)}.accion-btn:hover{transform:translateY(-2px);filter:brightness(1.2)}.accion-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card-highlight{position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--usuarios-accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.usuario-card:hover .card-highlight{transform:scaleX(1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background-color:var(--usuarios-secondary);border-radius:16px;width:85%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:var(--usuarios-shadow-hover);border:1px solid var(--usuarios-accent);animation:scaleIn .3s ease forwards;position:relative;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.8rem;border-bottom:1px solid var(--usuarios-border);background-color:var(--usuarios-secondary)}@media (max-width: 768px){.modal-overlay{padding:0 16px}.modal-content{width:100%;max-width:450px;margin:20px}.modal-header{padding:1.8rem 2.2rem}.modal-content form{padding:2rem 2.2rem}.usuario-form .form-group{margin-bottom:1.5rem}.modal-actions{padding:.5rem 2.2rem 2rem}}.modal-header h2{color:var(--usuarios-accent);margin:0;font-size:1.5rem;font-weight:600;animation:fadeSlideIn .4s ease forwards}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.modal-actions button{padding:10px 18px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px;border:none;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.cancelar-btn{background-color:#333;color:#fff;border:1px solid #444444!important}.cancelar-btn:hover{background-color:#444;transform:translateY(-2px);box-shadow:0 3px 10px #0003}.guardar-btn{background-color:var(--usuarios-accent);color:#000}.guardar-btn:hover{background-color:#ffdf4d;transform:translateY(-2px);box-shadow:0 3px 10px #0000004d}.modal-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.confirmar-btn{background-color:var(--usuarios-accent);color:#000}.confirmar-btn:hover{background-color:#ffdf4d;transform:translateY(-2px);box-shadow:0 3px 10px #0000004d}.confirmar-eliminar-btn{background-color:#e74c3c;color:#fff}.confirmar-eliminar-btn:hover{background-color:#c0392b;transform:translateY(-2px);box-shadow:0 3px 10px #0000004d}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:none;border:none;color:var(--usuarios-text);font-size:1.8rem;cursor:pointer;transition:all .2s ease;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close:hover{background-color:#ffd7001a;color:var(--usuarios-accent);transform:rotate(90deg)}.modal-body{padding:1.75rem;animation:fadeIn .5s ease forwards;animation-delay:.1s;opacity:0}.modal-error{margin-bottom:1.5rem;border-radius:8px;padding:.75rem 1rem;background-color:#e74c3c33;border-left:4px solid #e74c3c;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.form-group{margin-bottom:1.5rem;animation:fadeSlideIn .4s ease forwards;opacity:0}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--usuarios-accent);font-size:.95rem}.form-input,.form-select{width:100%;padding:.85rem;border-radius:8px;border:1px solid var(--usuarios-border);background-color:var(--usuarios-secondary);color:var(--usuarios-text);font-size:1rem;transition:all .3s ease}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23FFD700' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 12px) center;padding-right:32px}.form-input:focus,.form-select:focus{outline:none;border-color:var(--usuarios-accent);box-shadow:0 0 0 3px #ffd70040;transform:translateY(-2px)}.form-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;animation:fadeIn .5s ease forwards;animation-delay:.5s;opacity:0}.form-buttons button{padding:.85rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;display:flex;align-items:center;justify-content:center}.form-buttons button[type=button]{background-color:#64646433;color:var(--usuarios-text-secondary);border:1px solid var(--usuarios-border)}.form-buttons button[type=button]:hover{background-color:#6464644d;transform:translateY(-2px)}.form-buttons button[type=submit]{background-color:var(--usuarios-accent);color:var(--usuarios-primary);border:2px solid var(--usuarios-accent);font-weight:700;transition:all .3s ease;padding:.75rem 1.5rem;border-radius:6px;letter-spacing:.5px;box-shadow:0 2px 6px #d4af374d}.error-mensaje{background-color:#ff00001a;color:#f33;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;border-left:3px solid #ff3333}.success-mensaje{background-color:#ddb4461a;color:var(--color-secondary);padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;border-left:3px solid var(--color-secondary)}.modal-error{margin-top:-1rem;margin-bottom:1.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:200px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(221,180,70,.2);border-radius:50%;border-top-color:var(--color-secondary);animation:spin 1s ease-in-out infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.no-data-container{text-align:center;padding:3rem 1rem}.no-data-icon{font-size:2.5rem;color:var(--color-secondary);margin-bottom:1rem}.no-data-container h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--color-secondary)}.no-data-container p{color:#aaa}.form-buttons button[type=button]:hover{background-color:#d4af37;color:#000;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.form-buttons button[type=submit]:hover{background-color:#c8a431;transform:translateY(-2px);box-shadow:0 4px 8px #d4af3766}@media (max-width: 768px){.usuarios-header{flex-direction:column;align-items:flex-start;gap:1rem}.usuarios-title{margin-bottom:0}.usuarios-lista{gap:1.5rem}.usuario-card{width:100%;margin:0 auto}.usuario-card-header{padding:1rem 1.2rem}.usuario-avatar{width:40px;height:40px;font-size:1.2rem}.usuario-nombre{font-size:1.1rem}.usuario-email{font-size:.85rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.usuario-card-body{padding:1rem 1.2rem}.usuario-card-footer{padding:1rem 1.2rem;flex-wrap:wrap;gap:.5rem}.usuario-card-footer .accion-btn{flex:1;min-width:auto;padding:.6rem .8rem;font-size:.85rem}.estado-badge,.rol-badge{padding:.35rem .7rem;font-size:.75rem}}.profile-image-container{margin-bottom:20px}.profile-image-upload{display:flex;flex-direction:column;align-items:center;gap:15px}.profile-image-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 6px #0000001a;position:relative}.profile-preview-img{width:100%;height:100%;object-fit:cover}.profile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9e9e9e;font-size:50px}.profile-image-actions{display:flex;gap:10px;margin-top:5px}.upload-btn{background-color:#000;color:gold;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s;border:1px solid #FFD700}.upload-btn:hover{background-color:#222;box-shadow:0 0 5px #ffd70080}.delete-image-btn{background-color:#000;color:gold;border:1px solid #FFD700;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.delete-image-btn:hover{background-color:#222;box-shadow:0 0 5px #ffd70080}@media (max-width: 768px){.profile-image-preview{width:100px;height:100px}.profile-image-actions{flex-direction:column;align-items:center;width:100%}.upload-btn,.delete-image-btn{width:100%;text-align:center}}.image-loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:1}.image-loading:after{content:"";width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.templates-section{margin:25px 0;padding:20px;background-color:#000;border-radius:10px;border:1px solid #222}.templates-section h3{color:#d4af37;margin-top:0;margin-bottom:15px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.template-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 10px;background-color:#0a0a0a;border:1px solid #333;border-radius:8px;color:#ccc;cursor:pointer;transition:all .3s ease}.template-btn:hover{transform:translateY(-3px);background-color:#111;border-color:#d4af37;box-shadow:0 5px 15px #d4af374d}.template-icon{font-size:24px;margin-bottom:8px}.rating-field{display:flex;align-items:center;gap:10px;margin:10px 0}.rating-stars{display:flex;gap:5px}.rating-star{font-size:30px;color:#555;cursor:pointer;transition:color .2s ease}.rating-star.selected,.rating-star:hover{color:#d4af37}.preview-link-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background-color:#2c3e50;color:#fff;border:none;border-radius:6px;font-weight:500;text-decoration:none;transition:all .3s ease}.preview-link-btn:hover{background-color:#34495e;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.client-form-preview{max-width:800px;margin:40px auto;padding:30px;border-radius:15px;background-color:#000;box-shadow:0 10px 25px #0000001a}@media (max-width: 768px){.templates-section{padding:15px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.template-btn{padding:12px 8px}.template-icon{font-size:20px;margin-bottom:6px}}@media (max-width: 480px){.templates-section{padding:12px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.template-btn{padding:10px 5px;font-size:.9rem}.template-icon{font-size:18px;margin-bottom:5px}.preview-link-btn{width:100%;justify-content:center;padding:8px 12px;font-size:.9rem}}.client-form-preview h1{color:#d4af37;text-align:center;margin-bottom:10px}.client-form-preview p.description{color:#ccc;text-align:center;margin-bottom:30px}.client-form-preview .form-fields{display:flex;flex-direction:column;gap:20px}.client-form-preview .form-field{margin-bottom:20px}.client-form-preview label{display:block;margin-bottom:8px;font-weight:500;color:#d4af37}.client-form-preview input[type=text],.client-form-preview input[type=email],.client-form-preview textarea,.client-form-preview select{width:100%;padding:12px 15px;border-radius:8px;background-color:#ffffff0d;border:1px solid #333;color:#fff;font-size:16px}.client-form-preview textarea{min-height:120px;resize:vertical}.client-form-preview .required-mark{color:#e74c3c;margin-left:5px}.client-form-preview .submit-btn{display:block;width:100%;padding:14px;margin-top:30px;background-color:#d4af37;color:#000;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.client-form-preview .submit-btn:hover{background-color:#c9a227;transform:translateY(-3px);box-shadow:0 5px 15px #d4af374d}.qr-modal{max-width:400px}.qr-code-container{display:flex;flex-direction:column;align-items:center;padding:20px}.qr-code-image{width:250px;height:250px;margin-bottom:20px;background-color:#fff;padding:10px;border-radius:10px}.form-url{font-size:14px;color:#d4af37;word-break:break-all;text-align:center;margin-bottom:20px;padding:10px;background-color:#0000004d;border-radius:6px}.copy-url-btn{display:inline-flex;align-items:center;gap:8px;background-color:#2c3e50;color:#fff;padding:10px 18px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease}.copy-url-btn:hover{background-color:#34495e;transform:translateY(-2px)}.formularios-container{padding:20px;width:100%;max-width:1400px;margin:0 auto}.formularios-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.formularios-title-container{display:flex;align-items:center;gap:20px}.formularios-title{color:#d4af37;margin:0;font-size:2rem}.vista-toggle-container{display:flex;gap:10px;border-radius:8px;overflow:hidden;background-color:#0003;border:1px solid rgba(212,175,55,.3)}.vista-toggle-btn{background-color:transparent;border:none;color:#aaa;padding:8px 15px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.vista-toggle-btn.active{background-color:#d4af3733;color:#d4af37}.vista-toggle-btn:hover:not(.active){background-color:#ffffff0d;color:#ccc}.formularios-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filter-select{background-color:#181818;color:#d4af37;border:1px solid rgba(212,175,55,.5);padding:8px 15px;border-radius:5px;outline:none;cursor:pointer}.filter-select:focus{border-color:#d4af37;box-shadow:0 0 0 2px #d4af3733}.formularios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.formulario-card-container{position:relative;transition:transform .3s ease}.formulario-card-container:hover{transform:translateY(-5px)}.formulario-card{background-color:#121212;border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;height:100%;position:relative;box-shadow:0 4px 12px #0006;border:1px solid #000}.formulario-card-inner{background-color:#121212;border-radius:8px;overflow:hidden;border:1px solid rgba(212,175,55,.3);box-shadow:0 3px 10px #0000004d;transition:all .3s ease;position:relative;z-index:1}.formulario-card-inner.premium-card{background:linear-gradient(135deg,#1a1a1a,#121212);border:1px solid rgba(212,175,55,.5);box-shadow:0 5px 15px #0003,0 0 20px #d4af371a}.card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#0003;border-bottom:1px solid rgba(212,175,55,.2)}.card-badge{background-color:#d4af371a;padding:4px 8px;border-radius:4px;border:1px solid rgba(212,175,55,.3)}.card-field-tag{color:#d4af37;font-size:.7rem;font-weight:700;letter-spacing:1px}.card-date{color:#999;font-size:.8rem}.card-title-section{padding:15px;border-bottom:1px solid rgba(212,175,55,.1)}.card-title{color:#fff;margin:0 0 5px;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-company{color:#999;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-details-grid{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.card-details-column{padding:15px;display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;gap:8px}.detail-full-width{width:100%;padding-bottom:8px;border-bottom:1px dashed rgba(212,175,55,.1)}.detail-full-width:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.detail-icon{color:#d4af37;display:flex;align-items:flex-start;margin-top:3px}.detail-content{display:flex;flex-direction:column;width:calc(100% - 20px);flex:1;overflow-wrap:break-word;word-break:break-word;max-width:100%}.detail-label{color:#999;font-size:.7rem;margin-bottom:2px}.detail-value{color:#fff;font-size:.85rem;white-space:normal;overflow:visible;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;padding-bottom:5px;max-width:100%;display:block;min-height:20px}.card-status-controls{padding:12px 15px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(212,175,55,.1);background-color:#0003}.status-indicator{display:flex;align-items:center;gap:8px}.status-dot{width:10px;height:10px;border-radius:50%}.status-active{background-color:#4caf50;box-shadow:0 0 5px #4caf5080}.status-inactive{background-color:#f44336;box-shadow:0 0 5px #f4433680}.status-archived{background-color:#9e9e9e;box-shadow:0 0 5px #9e9e9e80}.status-text{color:#ddd;font-size:.85rem}.status-select{background-color:#000;color:#d4af37;border:1px solid rgba(212,175,55,.5);padding:5px 10px;border-radius:4px;font-size:.8rem;outline:none;cursor:pointer}.card-actions-container{opacity:0;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000f2,#000000b3);padding:10px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;transition:all .3s ease;transform:translateY(100%);z-index:2}.formulario-card-container:hover .card-actions-container{opacity:1;transform:translateY(0)}.card-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.card-action-button{background-color:#111;color:#ccc;border:1px solid rgba(212,175,55,.3);border-radius:4px;padding:6px 0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:all .2s ease}.card-action-button:hover{background-color:#222;border-color:#d4af3780}.card-action-button.responses:hover{color:#64b5f6;border-color:#64b5f6}.card-action-button.qr:hover{color:#81c784;border-color:#81c784}.card-action-button.edit:hover{color:#ffd54f;border-color:#ffd54f}.card-action-button.delete:hover{color:#e57373;border-color:#e57373}.action-icon{font-size:1.2rem}.action-text{font-size:.75rem}.main-action-btn{background-color:#d4af37;color:#000;border:none;padding:10px 20px;border-radius:5px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.main-action-btn:hover{background-color:#f5cc40;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.main-action-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.success-message,.error-message{padding:10px 15px;border-radius:5px;margin-bottom:20px;display:flex;align-items:center;gap:10px;animation:fadeIn .3s ease}.success-message{background-color:#4caf5033;border:1px solid rgba(76,175,80,.5)}.error-message{background-color:#f4433633;border:1px solid rgba(244,67,54,.5)}.success-icon{color:#4caf50;font-size:1.2rem}.error-icon{color:#f44336;font-size:1.2rem}.loading-container{text-align:center;padding:20px;color:#d4af37}.loading-spinner{border:3px solid rgba(212,175,55,.3);border-top:3px solid #D4AF37;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto 10px}.formulario-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#000000d9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1050;display:flex;justify-content:center;align-items:center}.formulario-modal-content{background-color:#000;border:1px solid #D4AF37;border-radius:12px;box-shadow:0 0 30px #d4af3766;max-width:800px;width:95%;max-height:85vh;overflow:auto;animation:modalFadeIn .3s;position:relative}.formulario-modal-header{border-bottom:2px solid #D4AF37;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;background-color:#d4af370d}.formulario-modal-title{color:#d4af37;margin:0;font-size:1.2rem}.formulario-modal-close-btn{background-color:transparent;border:none;color:#d4af37;font-size:24px;cursor:pointer;transition:all .3s ease}.formulario-modal-body{padding:15px 20px}.formulario-modal-footer{border-top:1px solid rgba(212,175,55,.2);padding:15px 20px;display:flex;justify-content:flex-end;gap:10px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-label{display:block;margin-bottom:5px;font-weight:500;color:#d4af37}.form-input,.form-textarea,.form-select{width:100%;padding:10px 12px;background:#0009;border:1px solid #333;border-radius:4px;color:#fff;font-size:.9rem;transition:all .2s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:#d4af37;outline:none;box-shadow:0 0 0 2px #d4af3740}.select-container{position:relative}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#D4AF37 50%),linear-gradient(135deg,#D4AF37 50%,transparent 50%);background-position:calc(100% - 20px) center,calc(100% - 15px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:35px;position:relative;z-index:1}.form-select:hover{border-color:#d4af37;box-shadow:0 0 5px #d4af374d}.form-select:focus{border-color:#d4af37;box-shadow:0 0 10px #d4af3780}.form-select option{background-color:#111;color:#fff;padding:10px}.select-loading{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:#d4af37;font-size:.8rem;z-index:2}.mt-2{margin-top:.5rem}.form-textarea{min-height:100px;resize:vertical}.form-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer}.form-checkbox input{width:18px;height:18px;accent-color:#D4AF37}.modal-btn{padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s ease}.modal-btn-primary{background-color:#d4af37;color:#000;border:none}.modal-btn-primary:hover{background-color:#f5cc40}.modal-btn-secondary{background-color:transparent;color:#d4af37;border:1px solid #D4AF37}.modal-btn-secondary:hover{background-color:#d4af371a}.modal-btn-danger{background-color:#f44336;color:#fff;border:none}.modal-btn-danger:hover{background-color:#e53935}.fields-container{margin-top:20px;border:1px solid rgba(212,175,55,.3);border-radius:5px;padding:15px;background-color:#0003}.fields-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.fields-title{color:#d4af37;margin:0;font-size:1.1rem}.add-field-btn{background-color:transparent;color:#d4af37;border:1px solid #D4AF37;padding:5px 10px;border-radius:4px;display:flex;align-items:center;gap:5px;cursor:pointer;transition:all .2s ease}.field-list{display:flex;flex-direction:column;gap:10px}.field-item{background-color:#111;border:1px solid rgba(212,175,55,.2);border-radius:4px;padding:10px;display:flex;justify-content:space-between;align-items:center}.field-info{display:flex;flex-direction:column;gap:5px}.field-label{color:#fff;font-size:.9rem}.field-type{color:#999;font-size:.8rem;display:flex;align-items:center;gap:5px}.field-required{display:inline-block;color:#f44336;font-size:.7rem;background-color:#f443361a;padding:2px 5px;border-radius:3px;margin-left:5px}.field-actions{display:flex;gap:5px}.field-action-btn{background-color:transparent;border:none;color:#999;padding:5px;cursor:pointer;transition:all .2s ease;border-radius:3px}.field-action-btn:hover{background-color:#ffffff1a}.field-action-btn.edit:hover{color:#ffd54f}.field-action-btn.delete:hover{color:#e57373}.field-action-btn.move:hover{color:#81c784}.empty-state{text-align:center;padding:40px 20px;margin:20px 0;border:1px dashed rgba(212,175,55,.3);border-radius:8px;background-color:#0003}.empty-state-icon{color:#d4af37;font-size:3rem;margin-bottom:15px;opacity:.5}.empty-state-title{color:#d4af37;margin:0 0 10px;font-size:1.5rem}.empty-state-message{color:#999;margin-bottom:20px}.empty-state-btn{background-color:#d4af37;color:#000;border:none;padding:10px 20px;border-radius:5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.empty-state-btn:hover{background-color:#f5cc40}@media (max-width: 768px){.formularios-header{flex-direction:column;align-items:flex-start}.formularios-title-container,.formularios-filters{width:100%;justify-content:space-between}.formularios-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.card-details-grid{grid-template-columns:1fr}}.formularios-grid{padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;background-color:#111;border-radius:12px;margin-top:15px;box-shadow:0 4px 8px #0003}.formulario-card-container{display:flex;flex-direction:column;transition:all .3s ease;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000040;height:100%;background-color:#222;border:1px solid rgba(255,215,0,.3)}.formulario-card-container:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000004d;border-color:gold}.formulario-card-inner{display:flex;flex-direction:column;height:100%;padding:18px;position:relative;color:#fff}.card-integrated-actions{margin-top:auto;border-top:1px solid #f0f0f0;padding-top:12px}.action-buttons-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-around}.card-inline-button{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;color:#555;font-size:.8rem;padding:5px 8px;border-radius:4px;cursor:pointer;transition:all .2s}.card-inline-button:hover{background:#f5f5f5;color:#333}.card-inline-button.danger:hover{background:#fff0f0;color:#e53935}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:9999999!important;display:flex!important;justify-content:center!important;align-items:center!important;overflow:hidden!important;isolation:isolate!important;width:100vw!important;height:100vh!important;background-color:#000!important;margin:0!important;padding:0!important}.hidden-when-modal-active,body.modal-is-active .admin-navbar,body.modal-is-active .admin-nav-links,body.modal-is-active .admin-mobile-menu,body.modal-is-active .formularios-header,body.modal-is-active .formularios-title-container,body.modal-is-active .vista-toggle-container,body.modal-is-active .vista-toggle-btn{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;z-index:-1!important}body.modal-is-active .modal-overlay,body.modal-is-active .formulario-modal-overlay,body.modal-is-active .qr-modal-container{z-index:999999999!important}.formulario-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:100000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px;isolation:isolate}.formulario-modal{background-color:#111;color:#fff;border-radius:16px;padding:20px;box-shadow:0 20px 40px #0009,0 0 0 2px #ffd70033;max-width:440px;width:95%;max-height:70vh;overflow-y:auto;animation:modalFloat .5s cubic-bezier(.23,1,.32,1);position:relative;border:2px solid #FFD700;transform:perspective(1000px) rotateX(0);scrollbar-width:thin;scrollbar-color:#FFD700 #333}.formulario-modal::-webkit-scrollbar{width:6px}.formulario-modal::-webkit-scrollbar-track{background:#333;border-radius:4px}.formulario-modal::-webkit-scrollbar-thumb{background-color:gold;border-radius:4px}.formulario-modal-close{position:absolute;top:15px;right:15px;background:transparent;border:none;color:gold;font-size:1.5rem;cursor:pointer;transition:all .2s;width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%}.formulario-modal-close:hover{transform:rotate(90deg);color:#fff;background-color:#ffd70033}.formulario-responses-modal .formulario-modal-overlay{z-index:10000}.formulario-responses-modal .formulario-modal{max-width:500px;width:90%;background-color:#111;animation:responsesModalFloat .6s cubic-bezier(.34,1.56,.64,1);position:fixed;max-height:65vh;top:50%;left:50%;transform:translate(-50%,-50%) perspective(1200px) rotateX(0)}@keyframes responsesModalFloat{0%{opacity:0;transform:translate(-50%,-40%) perspective(1200px) rotateX(5deg) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) perspective(1200px) rotateX(0) scale(1)}}.formulario-editor-modal .formulario-modal-overlay,.formulario-field-editor-modal .formulario-modal-overlay{z-index:10000}.formulario-editor-modal .formulario-modal,.formulario-field-editor-modal .formulario-modal{max-width:440px;width:90%;max-height:65vh;animation:editorModalFloat .5s cubic-bezier(.34,1.56,.64,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) perspective(1200px) rotateX(0)}@keyframes editorModalFloat{0%{opacity:0;transform:translate(-50%,-40%) perspective(1200px) rotateX(5deg) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) perspective(1200px) rotateX(0) scale(1)}}.formulario-modal h2,.formulario-modal h3{color:gold;border-bottom:2px solid rgba(255,215,0,.5);padding-bottom:10px;margin-top:0;margin-bottom:15px;font-size:1.2rem;text-align:center;text-transform:uppercase;letter-spacing:.5px}.formulario-modal input,.formulario-modal select,.formulario-modal textarea,.modal-content input,.modal-content select,.modal-content textarea{margin-bottom:6px;padding:6px 8px;background-color:#222;border:1px solid #333;border-radius:4px;color:#fff;font-size:.85rem;height:auto;min-height:unset}.formulario-modal label,.modal-content label{font-size:.8rem;color:#aaa;margin-bottom:3px;display:block;letter-spacing:.5px}.formulario-modal input:focus,.formulario-modal textarea:focus,.formulario-modal select:focus{border-color:gold;box-shadow:0 0 0 2px #ffd7004d;outline:none}.formulario-modal label{color:gold;font-weight:600;display:block;margin-bottom:4px;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.formulario-modal .form-group,.modal-content .form-group{margin-bottom:6px}.modal-body,.formulario-modal .modal-body{padding:10px!important;max-height:50vh;overflow-y:auto}.modal-header h2,.formulario-modal .modal-header h2{font-size:1rem;margin:0;padding:0}.modal-content textarea,.formulario-modal textarea{max-height:80px;min-height:50px}.modal-footer button,.modal-buttons button{padding:5px 12px;font-size:.85rem;margin:0 5px}.formulario-modal .modal-buttons{display:flex;justify-content:center;gap:15px;margin-top:25px}.formulario-modal .modal-button{background-color:#222;color:gold;border:2px solid #FFD700;border-radius:6px;padding:10px 20px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase}.formulario-modal .modal-button:hover{background-color:gold;color:#111;transform:translateY(-2px)}.formulario-modal .modal-button.danger{border-color:#ff4d4d;color:#ff4d4d}.formulario-modal .modal-button.danger:hover{background-color:#ff4d4d;color:#fff}@keyframes modalFloat{0%{transform:perspective(1000px) rotateX(5deg) translateY(40px);opacity:0}to{transform:perspective(1000px) rotateX(0) translateY(0);opacity:1}}.formulario-editor-modal .formulario-modal,.formulario-field-editor-modal .formulario-modal{max-width:700px}.formulario-responses-modal .formulario-modal{max-width:750px;margin:0 auto}.formulario-responses-modal .formulario-modal-content{max-width:900px}.formulario-delete-modal .formulario-modal-content{max-width:450px}.qr-code-modal .formulario-modal-content{max-width:400px}.formulario-title{font-size:1.3rem;margin-top:0;margin-bottom:10px;font-weight:600;color:gold;word-wrap:break-word;white-space:normal;line-height:1.3;height:auto;max-height:none;overflow:visible}.formulario-description{color:#e0e0e0;font-size:.95rem;margin-top:0;margin-bottom:12px;display:block;overflow:visible;white-space:normal;word-wrap:break-word;line-height:1.4}.formulario-meta{font-size:.85rem;color:#aaa;margin-top:0;margin-bottom:14px;font-style:italic}.formularios-header-simple{margin-bottom:20px}.header-main-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-main-row h2{font-size:1.5rem;margin:0;color:#333}.header-actions{display:flex;gap:10px}.filtros-simple{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:20px;background-color:#222;padding:12px 16px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.filtro-grupo{display:flex;align-items:center;gap:10px}.filtro-grupo label{font-weight:600;color:gold;white-space:nowrap;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.filtro-grupo select{border-radius:4px;border:1px solid #FFD700;padding:8px 12px;background-color:#333;color:#fff;min-width:120px;transition:all .2s ease;cursor:pointer;outline:none}.filtro-grupo select:hover,.filtro-grupo select:focus{border-color:#ffe44d;box-shadow:0 0 0 2px #ffd7004d}.crear-formulario-btn{background-color:#222;color:gold;border:2px solid #FFD700;border-radius:6px;padding:8px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;font-weight:600;box-shadow:0 2px 4px #0003}.crear-formulario-btn:hover{background-color:gold;color:#222;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.crear-formulario-icon{font-size:1.2rem;line-height:1;font-weight:700}.formularios-clientes-container{padding:20px;color:#ccc;position:relative;overflow:hidden}.formularios-clientes-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#28282880,#0000 70%);pointer-events:none;z-index:-1}.formularios-clients-header,.formularios-header{margin-top:8px;margin-bottom:12px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #1a1a1a}.crear-formulario-btn{display:flex;align-items:center;gap:4px;background-color:#d4af3726;color:#d4af37;border:1px solid #D4AF37;padding:4px 10px;border-radius:5px;font-weight:500;font-size:.78rem;height:30px;cursor:pointer;transition:all .2s ease}.crear-formulario-btn:hover{background-color:#d4af3740;transform:translateY(-2px)}.crear-formulario-btn svg{width:14px;height:14px}.formularios-actions-container{display:flex;flex-direction:column;width:100%;gap:5px;margin-bottom:5px}.formularios-filter-row{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.formularios-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;width:100%}.formularios-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;flex-wrap:wrap;gap:15px;padding-bottom:15px;border-bottom:1px solid rgba(212,175,55,.3);position:relative;z-index:2}.formularios-title-container{display:flex;align-items:center;gap:15px}.formularios-title{color:#d4af37;margin:0;font-size:1.8rem;font-weight:700;text-shadow:0 0 10px rgba(212,175,55,.3);position:relative;letter-spacing:.5px}.formularios-title:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:#d4af37;border-radius:3px}.create-form-btn{display:flex;align-items:center;gap:8px;background-color:#d4af37;color:#000;border:none;padding:10px 18px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 12px #d4af374d;margin-top:5px;margin-bottom:5px;z-index:5}.create-form-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .5s ease}.create-form-btn:hover:before{left:100%}.create-form-btn:hover{background-color:#e5c04e;transform:translateY(-3px);box-shadow:0 6px 15px #d4af3766}.vista-toggle-container,.filtros{display:flex;align-items:center;gap:8px;margin-top:4px}.filtros label{color:#d4af37;font-weight:500}.filtros select{background-color:#0a0a0a;color:#ccc;border:1px solid #333;padding:8px 12px;border-radius:6px;outline:none;transition:all .3s ease;box-shadow:inset 0 0 0 1px #d4af371a}.filtros select:focus{border-color:#d4af37;box-shadow:0 0 0 2px #d4af3733}.admin-card{background-color:#0a0a0a;border-radius:12px;box-shadow:0 10px 30px #00000080,0 0 0 1px #d4af371a;padding:25px;margin-bottom:20px;position:relative;overflow:hidden}.admin-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(to right,#D4AF37,transparent)}.formularios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:0 8px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.formulario-card-container{width:100%;min-width:0;margin-bottom:1rem;box-sizing:border-box}.formulario-card-inner{width:100%;min-width:0;box-sizing:border-box}.card-info{margin-bottom:5px;display:flex;justify-content:space-between;align-items:center}.card-date{font-size:.75rem}.card-field-name{margin-bottom:5px;font-size:.7rem}.card-contact{margin-bottom:8px;padding-bottom:8px}.card-name{font-size:1rem;margin-bottom:2px;word-break:break-word}.card-company{font-size:.8rem;margin-bottom:5px}.card-details-container{background-color:#14141466;padding:5px 8px;border-radius:5px;margin-bottom:8px;display:flex;flex-direction:column;gap:4px;width:100%;box-sizing:border-box;overflow:hidden}.details{display:grid;grid-template-columns:1fr auto;gap:4px;width:100%;border-bottom:1px solid rgba(212,175,55,.1);padding-bottom:3px;overflow:hidden}.label{font-size:.68rem;color:#d4af37;white-space:nowrap}.value{font-size:.75rem;color:#e0e0e0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.status-badge{font-size:.75rem;padding:2px 8px;border-radius:3px;display:inline-block}.status-active{background:#154915;color:#a3e87e}.status-inactive{background:#491515;color:#ffa2a2}.status-archived{background:#333;color:#aaa}.card-actions{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:8px}.card-button{font-size:.7rem;padding:5px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:3px;cursor:pointer;border:1px solid rgba(212,175,55,.3);background-color:#14141466;color:#d4af37;transition:all .2s ease}.card-button:hover{background-color:#d4af371a}.card-button.delete{border-color:#ff63634d;color:#ff6363}.card-button.delete:hover{background-color:#ff63631a}.container-status{margin-top:5px;display:flex;justify-content:space-between;align-items:center;width:100%}.status-label{color:#d4af37;font-size:.75rem;margin-right:5px;flex-shrink:0}.status-select{padding:2px 5px;border-radius:3px;font-size:.7rem;background-color:#1e1e1e;color:#fff;border:1px solid #333;flex-grow:1;max-width:70%}.formulario-card{background-color:#181818;border-radius:8px;padding:12px;box-shadow:0 2px 4px #0000001a;position:relative;border:1px solid #2a2a2a;display:flex;flex-direction:column;height:100%;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.formulario-card{background-color:#111;border-radius:8px;overflow:hidden;border:1px solid #1e1e1e;margin-bottom:1.5rem;box-shadow:0 2px 10px #0003;transition:transform .2s ease,box-shadow .2s ease;position:relative;display:flex;flex-direction:column;min-width:0;width:100%;max-width:100%}.formulario-card:after{content:"";position:absolute;top:0;right:0;width:30%;height:3px;background:#d4af37;border-radius:0 0 0 3px}.formulario-card:hover{transform:translateY(-8px) rotateX(3deg);box-shadow:0 15px 30px #0006,0 0 0 1px #d4af3733}.card-header{padding:20px;background-color:#0f0f0f;border-bottom:1px solid #222;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.title-details{display:flex;justify-content:space-between;align-items:center;width:100%}.card-detail{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;margin:0 5px;border-radius:4px;background-color:#0a0a0ab3;border-left:2px solid rgba(212,175,55,.3)}.web-title-label{font-size:.8rem;color:#aaa;font-style:italic;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-header:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(212,175,55,.05) 0%,transparent 100%);pointer-events:none}.form-title{margin:0;font-size:1.2rem;color:#d4af37;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%;text-shadow:0 0 5px rgba(212,175,55,.2);font-weight:600;letter-spacing:.5px}.status-badge{padding:5px 10px;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;display:inline-flex;align-items:center;box-shadow:0 2px 5px #0003}.status-badge:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-activo{background-color:#00a86b33;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.status-activo:before{background-color:#2ecc71;box-shadow:0 0 5px #2ecc71}.status-inactivo{background-color:#7773;color:#ccc;border:1px solid rgba(119,119,119,.3)}.status-inactivo:before{background-color:#777;box-shadow:0 0 5px #777}.card-body{padding:20px;flex-grow:1;display:flex;flex-direction:column;background:linear-gradient(to bottom,#0c0c0c,#080808);position:relative;z-index:1}.form-description{color:#aaa;margin-bottom:15px;font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative;padding-left:0;transition:all .3s ease}.formulario-card:hover .form-description{color:#ccc}.form-details{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;background-color:#0a0a0a99;border-radius:8px;padding:12px;border:1px solid #181818;box-shadow:inset 0 0 5px #0003}.detail-item{font-size:.85rem;transition:transform .3s ease}.formulario-card:hover .detail-item{transform:translateY(-2px)}.detail-label{color:#d4af37;display:inline-block;margin-bottom:3px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:#eee;font-weight:500;text-align:right;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.3px}.detail-value svg{color:#d4af37;opacity:.7}.expired-date{color:#e74c3c;font-weight:600;display:flex;align-items:center;gap:5px}.expired-date:before{content:"⚠";font-size:.8rem}.card-actions{padding:15px;background-color:#0a0a0a;border-top:1px solid #151515;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.card-actions:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(212,175,55,.3),transparent)}.action-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;border:1.5px solid #D4AF37;transition:all .3s ease;position:relative;overflow:hidden}.action-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.action-btn:hover:after{opacity:1}.action-btn:hover{background-color:#d4af371a;transform:translateY(-3px)}.edit-btn{border-color:#d4af37;color:#d4af37}.edit-btn:hover{background-color:#d4af371a}.qr-btn{border-color:#d4af37;color:#d4af37}.qr-btn:hover{background-color:#d4af371a}.qr-btn:disabled{background-color:#111;color:#555;cursor:not-allowed;box-shadow:none;border:1px solid #333}.qr-btn:disabled:hover{transform:none;box-shadow:none}.delete-btn{border-color:#e74c3c;color:#e74c3c}.delete-btn:hover{background-color:#e74c3c1a;transform:translateY(-3px)}.loading-container,.no-data-container{padding:60px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.loader{width:50px;height:50px;border:5px solid #333;border-top:5px solid #D4AF37;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.no-data-icon{font-size:48px;margin-bottom:20px;color:#d4af37;opacity:.7}.success-message,.error-message{display:flex;align-items:center;gap:10px;padding:15px;border-radius:8px;margin-bottom:20px;animation:fadeIn .3s ease}.success-message{background-color:#2ecc711a;border:1px solid rgba(46,204,113,.3)}.error-message{background-color:#e74c3c1a;border:1px solid rgba(231,76,60,.3)}.success-icon,.error-icon{font-size:1.5rem}.success-icon{color:#2ecc71}.error-icon{color:#e74c3c}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-container{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.loading-spinner{width:50px;height:50px;border:3px solid rgba(212,175,55,.1);border-top-color:#d4af37;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:15px;overflow-y:auto}.modal-content{background-color:#000;width:90%;max-width:1000px;max-height:90vh;overflow-y:auto;border-radius:8px;box-shadow:0 5px 20px #0000004d;animation:slideIn .3s ease;padding:25px;color:#ccc;position:relative;border:1px solid #333}.modal-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#D4AF37,transparent);z-index:1}@keyframes modalSlideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px 25px;background-color:#0a0a0a;border-bottom:1px solid #151515;display:flex;justify-content:space-between;align-items:center;position:relative}.modal-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to right,#D4AF37,transparent)}.modal-header h2{margin:0;color:#d4af37;font-size:1.5rem;font-weight:600;text-shadow:0 0 10px rgba(212,175,55,.2);letter-spacing:.5px;position:relative;padding-left:15px}.modal-header h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:20px;background:#d4af37;border-radius:3px}.modal-close{background:none;border:none;color:#888;font-size:1.8rem;cursor:pointer;line-height:1;transition:all .3s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;overflow:hidden}.modal-close:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;border-radius:50%;transform:scale(0);transition:transform .3s ease}.modal-close:hover:before{transform:scale(1)}.modal-close:hover{color:#d4af37;transform:rotate(90deg)}.modal-body{padding:25px;flex-grow:1;overflow-y:auto;background-color:#0a0a0a;background-image:radial-gradient(circle at top right,rgba(30,30,30,.3) 0%,transparent 70%)}.modal-footer{padding:15px 25px;background-color:#0a0a0a;border-top:1px solid #151515;display:flex;justify-content:flex-end;gap:15px;position:relative}.modal-footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(to right,transparent,rgba(212,175,55,.3))}.form-editor{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label{color:#d4af37;font-weight:500}.form-group input,.form-group textarea,.form-group select{background-color:#333;border:1px solid #444;border-radius:4px;padding:10px 12px;color:#eee;font-size:.95rem;outline:none;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#d4af37;box-shadow:0 0 0 2px #d4af3733}.form-section-title{color:#d4af37;margin:20px 0 5px;font-size:1.2rem}.form-section-description{color:#999;margin:0 0 15px;font-size:.9rem}.form-fields-container{display:flex;flex-direction:column;gap:15px;padding:10px;border:1px dashed #444;border-radius:6px}.form-field-item{background-color:#2a2a2a;border-radius:6px;padding:12px}.field-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.field-type-badge{background-color:#d4af37;color:#000;padding:3px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.field-label{margin:0;color:#eee;font-size:1rem}.required-badge{background-color:#e74c3c;color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600}.field-options{margin-bottom:10px;font-size:.9rem}.options-label{color:#888;margin-right:5px}.options-list{color:#ccc}.field-actions{display:flex;justify-content:flex-end;gap:10px}.field-edit-btn,.field-delete-btn{padding:5px 10px;border-radius:4px;font-size:.8rem;border:none;cursor:pointer;transition:all .2s ease}.field-edit-btn{background-color:#3498db;color:#fff}.field-edit-btn:hover{background-color:#2980b9}.field-delete-btn{background-color:#e74c3c;color:#fff}.field-delete-btn:hover{background-color:#c0392b}.add-field-btn{display:flex;align-items:center;justify-content:center;gap:8px;background-color:transparent;border:1px dashed #D4AF37;padding:8px;border-radius:6px;color:#d4af37;cursor:pointer;margin-top:5px;transition:all .3s ease}.add-field-btn:hover{background-color:#d4af371a}.cancel-btn,.save-btn{padding:12px 24px;border-radius:6px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;letter-spacing:.5px}.cancel-btn:before,.save-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:all .5s ease}.cancel-btn:hover:before,.save-btn:hover:before{left:100%}.cancel-btn{background-color:#111;color:#ccc;border:1px solid #333}.cancel-btn:hover{background-color:#1a1a1a;color:#fff;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.save-btn{background-color:#d4af37;color:#000;box-shadow:0 4px 10px #d4af374d}.save-btn:hover{background-color:#e5c04e;box-shadow:0 7px 15px #d4af3766;transform:translateY(-2px)}.confirm-modal{max-width:500px}.confirm-body{padding:20px}.confirm-info{background-color:#2a2a2a;padding:15px;border-radius:6px;margin:15px 0;line-height:1.6}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.accion-btn{padding:8px 16px;border-radius:4px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.secundario{background-color:#555;color:#eee}.secundario:hover{background-color:#666}.eliminar-btn{background-color:#c0392b;color:#fff}.eliminar-btn:hover{background-color:#e74c3c}.field-editor-modal{max-width:600px}.field-required-group{background-color:#0c0c0c;border-radius:8px;padding:15px;margin-top:10px}.toggle-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.toggle-label{font-weight:500;color:#d4af37}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#222;transition:.4s;border-radius:24px;border:1px solid #333}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:3px;background-color:#ccc;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#d4af374d;border-color:#d4af37}input:checked+.toggle-slider:before{transform:translate(26px);background-color:#d4af37}.field-help-text{color:#888;font-size:.8rem;margin-top:0}.options-container{display:flex;flex-direction:column;gap:10px;margin-top:10px}.option-item{display:flex;align-items:center;gap:10px}.option-item input{flex-grow:1;background-color:#0a0a0a;border:1px solid #333;padding:8px 12px;border-radius:6px;color:#ccc}.delete-field-btn{padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#c0392b;color:#fff;border:none;cursor:pointer;transition:all .3s ease}.delete-field-btn:hover{background-color:#e74c3c}.add-option-btn{display:flex;align-items:center;justify-content:center;gap:8px;background-color:transparent;border:1px dashed #D4AF37;padding:8px;border-radius:6px;color:#d4af37;cursor:pointer;margin-top:5px;transition:all .3s ease}.add-option-btn:hover{background-color:#d4af371a}.responses-modal{max-width:800px}.responses-list{display:flex;flex-direction:column;gap:20px}.response-card{background-color:#0a0a0a;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000004d,0 0 0 1px #ffffff0d;transition:transform .3s ease}.response-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0006,0 0 0 1px #d4af371a}.response-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#0f0f0f;border-bottom:1px solid #222}.response-id{font-weight:600;color:#d4af37}.response-date{color:#888;font-size:.9rem}.response-body{padding:20px}.answer-item{margin-bottom:15px;border-bottom:1px dashed #222;padding-bottom:10px}.answer-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.answer-question{color:#888;font-size:.85rem;margin-bottom:5px}.answer-value{color:#ccc;font-size:1rem;font-weight:500}.export-btn{display:flex;align-items:center;gap:8px;background-color:#2c3e50;color:#fff;padding:10px 18px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease}.export-btn:hover{background-color:#3498db;transform:translateY(-2px);box-shadow:0 5px 10px #3498db4d}.close-btn{padding:10px 18px;border-radius:6px;background-color:#111;color:#ccc;border:1px solid #333;font-weight:600;cursor:pointer;transition:all .3s ease}.close-btn:hover{background-color:#1a1a1a;color:#fff}.response-btn{background-color:#16a085;color:#fff}.response-btn:hover{background-color:#1abc9c;transform:translateY(-3px);box-shadow:0 6px 12px #1abc9c66}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.fields-table th:nth-child(3),.fields-table td:nth-child(3){display:none}.modal-content{width:95%;padding:15px;max-height:85vh}.form-header{flex-direction:column;align-items:flex-start;gap:15px}.form-actions{width:100%;justify-content:space-between}.form-group.half{width:100%}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.template-btn{padding:10px 5px}.template-icon{font-size:20px}.form-buttons{flex-direction:column;gap:10px}.form-buttons button{width:100%}}@media (max-width: 480px){.crear-formulario-btn{width:100%;justify-content:center}.formularios-clients-header,.formularios-header{flex-direction:column;align-items:flex-start;gap:6px}.filtros select{flex:1;width:100%}.formularios-clients-header{margin-bottom:8px;padding-bottom:6px;gap:8px}.filtros label{display:none}.filtros{display:flex;align-items:center;gap:5px;margin-bottom:0}.filtros select{font-size:.75rem;padding:4px 6px;max-width:120px}.crear-formulario-btn{font-size:.75rem;padding:5px 8px}.formularios-grid{grid-template-columns:1fr;gap:12px;padding:0 2px}.formulario-card-container{margin-bottom:.75rem}.card-name{font-size:.9rem}.card-company{font-size:.75rem}.card-date{font-size:.7rem}.label{font-size:.65rem}.value{font-size:.7rem}.card-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}.card-button{font-size:.65rem;padding:3px 5px}.status-label{font-size:.7rem}.status-select{font-size:.65rem;padding:2px 4px}.modal-content{width:100%;padding:12px;max-height:90vh;border-radius:6px}.modal-header h2{font-size:1.1rem}.form-buttons-container{flex-wrap:wrap;justify-content:center}.action-btn,.round-button{width:32px;height:32px;font-size:14px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.template-icon{font-size:18px}.template-title{font-size:.8rem}.modal-body{padding:10px}.field-section label{font-size:.9rem}}.formularios-clientes-container,.formularios-container,.formularios-grid{overflow-x:visible!important;overflow-y:auto}.formulario-card,.formulario-card-inner,.formulario-card-container{overflow:visible!important}.form-title,.form-web-title{color:#d4af37!important;font-family:Montserrat,sans-serif!important;font-weight:700!important;font-size:1.75rem!important}.form-action-btn{background-color:#d4af37!important;color:#000!important;border:none!important;padding:.5rem 1rem!important;border-radius:.25rem!important;cursor:pointer!important;transition:background-color .3s,transform .2s!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important}.form-action-btn:hover{background-color:#c49d2f!important;transform:translateY(-2px)!important}.modal-content{background-color:#000!important;color:#d4af37!important;border:1px solid #D4AF37!important}.modal-header h2{color:#d4af37!important}.modal-content input,.modal-content textarea,.modal-content select{background-color:#1e1e1e!important;border:1px solid rgba(212,175,55,.3)!important;color:#f5f5f5!important}.modal-content input:focus,.modal-content textarea:focus,.modal-content select:focus{border-color:#d4af37!important;outline:none!important}.formularios-actions{margin:40px 0!important;padding:15px 0!important}.crear-formulario-btn{margin:35px 0!important;padding:14px 28px!important;font-size:1rem!important}.formulario-card{background-color:#0a0a0a!important;border-radius:12px!important;border:1px solid rgba(212,175,55,.2)!important;overflow:hidden!important;margin-bottom:25px!important;box-shadow:0 10px 20px #0000004d,0 0 0 1px #ffffff0d!important}.formulario-card:hover{transform:translateY(-6px)!important;box-shadow:0 15px 30px #0006,0 0 0 1px #d4af3733!important}.card-header{background-color:#111!important;padding:18px 20px!important;border-bottom:1px solid rgba(212,175,55,.15)!important}.card-title{font-size:1.15rem!important;color:#d4af37!important;font-weight:600!important;margin:0!important}.card-body{padding:25px!important}.card-info{margin-bottom:20px!important}.info-item{margin-bottom:12px!important}.info-label{font-weight:600!important;color:#d4af37!important;min-width:80px!important}.info-value{color:#f5f5f5!important}.card-message{background-color:#0a0a0a80!important;padding:18px!important;border-radius:10px!important;border-left:3px solid #D4AF37!important;margin-bottom:15px!important}.message-title{color:#d4af37!important;font-size:1rem!important;margin-bottom:10px!important}.message-content{color:#e0e0e0!important;line-height:1.6!important;font-size:.95rem!important}.card-actions{background-color:#111!important;border-top:1px solid rgba(212,175,55,.15)!important;padding:15px 20px!important}.formulario-cliente-card{background-color:#0a0a0a!important;border-radius:12px!important;overflow:hidden!important;margin-bottom:25px!important;box-shadow:0 10px 20px #0000004d,0 0 0 1px #ffffff0d!important;border:1px solid rgba(212,175,55,.2)!important}.formulario-cliente-card:hover{transform:translateY(-6px)!important;box-shadow:0 15px 30px #0006,0 0 0 1px #d4af3733!important}.formulario-card,.formulario-cliente-card,.form-card{transition:transform .3s ease,box-shadow .3s ease!important}.formularios-cliente-grid,.formularios-grid{margin-top:40px!important;margin-bottom:40px!important}html,body{overflow-x:hidden}.formularios-container,.formularios-clientes-container{overflow-x:hidden!important;overflow-y:auto}.formularios-grid{overflow:visible;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding-left:0;padding-right:0}.formulario-card,.formulario-card-inner{overflow:visible!important;border:1px solid #333;box-sizing:border-box}.formulario-card:after{width:100%;height:2px;border-radius:0 0 3px 3px}.formulario-card{box-shadow:0 4px 12px #00000040}@media (max-width:480px){.formulario-card:hover{transform:translateY(-6px)}}@media (max-width: 480px){.formularios-clientes-container,.formularios-container{padding-left:4px;padding-right:4px}.formularios-grid{grid-template-columns:1fr!important}}.formulario-card,.formulario-card-inner,.formulario-card-container{min-width:0!important;max-width:100%;box-sizing:border-box}.premium-card{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;background:#141414!important;border:1px solid #262626!important;border-radius:10px!important;padding:14px 16px!important;margin-bottom:14px!important;box-shadow:0 4px 12px #00000059,0 0 0 1px #ffffff08!important;position:relative!important;transition:transform .25s ease,box-shadow .25s ease!important}.formulario-card-container,.formulario-card-inner{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}.premium-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#d4af37,#d4af3700 70%);border-radius:10px 10px 0 0;pointer-events:none;z-index:1}.premium-card:hover{transform:translateY(-4px)!important;box-shadow:0 8px 18px #00000073,0 0 0 1px #d4af3726!important}.card-info,.card-contact,.card-details-container{margin-bottom:10px}.card-name{font-size:1.05rem}.card-company{color:#d4af37}@media (max-width:480px){.premium-card:hover{transform:translateY(-2px)!important}}.premium-card{border:3px solid #D4AF37!important;background:linear-gradient(145deg,#141414,#000)!important;box-shadow:0 10px 25px #000c,0 0 0 3px #d4af374d!important;transform:rotate(0)!important;padding:18px!important;position:relative!important}.premium-card:before{content:"";position:absolute!important;top:0!important;left:0!important;width:100%!important;height:5px!important;background:#d4af37!important;border-radius:5px 5px 0 0!important}.premium-card:hover{transform:translateY(-5px)!important;box-shadow:0 15px 30px #000c,0 0 0 3px #d4af3780!important}.premium-card .card-company{color:#d4af37!important;font-weight:700!important}.premium-card *{color:#fff!important}.status-badge{display:inline-block!important;padding:3px 8px!important;border-radius:4px!important;font-size:.75rem!important;font-weight:500!important;margin-top:5px!important;margin-bottom:5px!important;text-transform:uppercase!important}.status-active{background-color:#00800033!important;color:#4ade80!important;border:1px solid #4ade80!important}.status-inactive{background-color:#80808033!important;color:#d1d5db!important;border:1px solid #6b7280!important}.status-archived{background-color:#80000033!important;color:#f87171!important;border:1px solid #ef4444!important}.premium-card{background-color:#000!important;border:1px solid #D4AF37!important;border-radius:8px!important}.card-name,.card-company{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.crear-formulario-btn{padding:5px 12px!important;font-size:.85rem!important;height:32px!important;min-height:auto!important;margin-left:8px!important;display:flex!important;align-items:center!important;border-radius:4px!important;background-color:#000!important;border:1px solid #D4AF37!important;color:#d4af37!important}.crear-formulario-btn svg{margin-right:6px!important;width:14px!important;height:14px!important}.formularios-header{margin-bottom:12px!important;padding:10px 15px!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}.formularios-clientes-container{padding-top:10px!important;padding-bottom:10px!important}.filtros-container{display:flex!important;align-items:center!important;gap:8px!important;flex:1!important}.filtros-container select{height:32px!important;padding:0 10px!important;font-size:.85rem!important;background-color:#141414!important;border:1px solid #333!important;color:#fff!important}.formularios-grid{gap:15px!important;margin-top:10px!important}.flujo-caja-container{background-color:#000!important;color:#d4af37}.costos-container,.ingresos-container{background-color:#000!important}.flujo-neto-chart .recharts-bar-rectangle{fill:#d4af37!important;stroke:#d4af37!important}.flujo-caja-modal{background-color:#000!important;color:#d4af37!important}.flujo-caja-modal .MuiPaper-root{background-color:#000!important;color:#d4af37!important;border:1px solid #D4AF37}.fecha-column{color:#d4af37!important;font-weight:500}:root{--negro-fondo: #0f0f0f;--negro-card: #1a1a1a;--negro-elemento: #242424;--dorado: #d4af37;--texto: #f5f5f5;--texto-secundario: #aaaaaa}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background-color:var(--negro-card);border-radius:8px;padding:2rem 1rem;margin:1.5rem 0;border:1px solid rgba(212,175,55,.2);color:var(--dorado)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.2);border-top:3px solid var(--dorado);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{font-size:1rem;color:var(--dorado);margin:0}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;background-color:#ff00000d;border-radius:8px;padding:1.5rem;margin:1.5rem 0;border:1px solid rgba(255,77,77,.5)}.error-message{color:#ff4d4d;margin-bottom:1rem;text-align:center;font-size:.9rem}.btn-retry{background-color:var(--negro-elemento);border:1px solid var(--dorado);color:var(--dorado);padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn-retry:hover{background-color:var(--dorado);color:var(--negro-fondo)}.no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;background-color:var(--negro-card);border-radius:8px;padding:1.5rem;margin:1.5rem 0;border:1px solid rgba(212,175,55,.2);text-align:center}.no-data-message{color:var(--dorado);margin-bottom:.5rem;font-size:1rem}.no-data-suggestion{color:var(--texto-secundario);font-size:.9rem;max-width:500px;margin:0 auto}button:disabled{opacity:.5;cursor:not-allowed}.year-selector{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;background-color:var(--negro-card);padding:.4rem;border-radius:4px;width:fit-content;margin-left:auto;margin-right:auto;box-shadow:0 2px 4px #0003}.current-year{font-size:.9rem;font-weight:600;color:var(--dorado);padding:0 .75rem;min-width:100px;text-align:center}.btn-year{background-color:var(--negro-elemento);border:1px solid var(--dorado);color:var(--dorado);padding:.2rem .4rem;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.7rem;line-height:1;min-width:2rem;display:flex;align-items:center;justify-content:center}.btn-year:hover:not(:disabled){background-color:var(--dorado);color:var(--negro-fondo)}.btn-year:disabled{opacity:.5;cursor:not-allowed}.month-year{font-size:.7rem;color:var(--texto-secundario);display:block;margin-top:.2rem}body,html,#root,.App,.admin-container,.admin-content,.dashboard-content{background-color:var(--negro-fondo)!important;color:var(--texto)!important}.flujo-caja-container{padding:.75rem;background-color:var(--negro-fondo);border-radius:4px;box-shadow:0 4px 12px #0003;width:100%;max-width:100%;overflow-x:hidden;color:var(--texto)}.flujo-caja-title{color:var(--dorado);font-size:1.4rem;margin-bottom:.5rem;border-bottom:2px solid var(--dorado);padding-bottom:.4rem;text-transform:uppercase;letter-spacing:1px}.flujo-caja-description{color:var(--texto-secundario);font-size:.85rem;margin-bottom:.75rem;line-height:1.3;opacity:.85}.flujo-caja-section{margin-bottom:1.25rem;background-color:var(--negro-card);border-radius:4px;box-shadow:0 4px 8px #00000026;padding:.75rem;border-left:3px solid var(--dorado);position:relative;transition:transform .3s ease,box-shadow .3s ease}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:.4rem;background-color:var(--negro-card)}.section-header h3{font-size:1.1rem;color:var(--dorado);margin:0;font-weight:600;display:flex;align-items:center}.flujo-tabs{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem;border-bottom:1px solid rgba(212,175,55,.3);padding-bottom:.3rem;background-color:var(--negro-fondo)}.tab-button{padding:.4rem .6rem;background-color:var(--negro-card);color:var(--texto);border:1px solid rgba(212,175,55,.2);border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.75rem}.tab-button:hover{background-color:var(--negro-elemento);border-color:var(--dorado)}.tab-button.active{background-color:var(--dorado);color:var(--negro-fondo);border-color:var(--dorado)}.tab-pane{min-height:200px;background-color:var(--negro-fondo);color:var(--texto)}.table-container{margin-top:.5rem;position:relative;background-color:var(--negro-card);border-radius:8px;padding:.5rem .25rem;width:100%}.table-container.fixed-column{width:100%;overflow-x:visible!important;display:block}.data-table{width:100%;border-collapse:collapse;border-spacing:0;font-size:.75rem;color:var(--texto);background-color:var(--negro-card);table-layout:fixed;min-width:auto!important;overflow-x:visible!important;max-width:100%!important}.data-table th,.data-table td{padding:.4rem;text-align:left;border-bottom:1px solid rgba(212,175,55,.1)}.data-table th{background-color:var(--negro-elemento);font-weight:600;color:var(--dorado);text-transform:uppercase;font-size:.7rem;letter-spacing:.5px;position:sticky;top:0;z-index:10}.data-table.condensed th,.data-table.condensed td{padding:.35rem .5rem;font-size:.7rem}.data-table.condensed th{font-size:.65rem}.total-row{background-color:var(--negro-elemento)!important;font-weight:700}.total-row td{border-top:2px solid var(--dorado);color:var(--dorado)}.positive-value{color:#00b894;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.negative-value{color:#ff5252;font-weight:700}.initial-investment{background-color:#d4af370d;font-style:italic}.month-selector{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;background-color:var(--negro-card);padding:.5rem;border-radius:4px}.current-month{font-size:1rem;font-weight:600;color:var(--dorado)}.btn-nav{background-color:var(--negro-elemento);border:1px solid var(--dorado);color:var(--dorado);padding:.3rem .5rem;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.75rem}.btn-nav:hover:not(:disabled){background-color:var(--dorado);color:var(--negro-fondo)}.btn-nav:disabled{opacity:.5;cursor:not-allowed}.month-detail{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.4rem;margin-top:.5rem;background-color:var(--negro-card);padding:.4rem;border-radius:4px}.detail-card{background-color:var(--negro-elemento);border-radius:4px;padding:.5rem;border:1px solid rgba(212,175,55,.2);transition:transform .2s ease,box-shadow .2s ease;text-align:center}.detail-card:hover{transform:translateY(-2px);box-shadow:0 3px 8px #0003}.detail-card h4{color:var(--dorado);margin-bottom:.3rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.detail-card .amount{font-size:1rem;font-weight:700;color:var(--texto)}.detail-card.highlight{border-color:var(--dorado);border-width:2px}.capital-inicial-container{background-color:#000;border:2px solid var(--dorado);border-radius:10px;padding:2rem 1.5rem;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 8px 20px #0006;animation:fadeInDown .5s}.capital-inicial-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--dorado) 0%,rgba(212,175,55,.3) 100%)}.capital-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.capital-icon{font-size:1.8rem;background:linear-gradient(to bottom,var(--dorado) 0%,#8c7123 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.capital-header h4{font-size:1.25rem;color:var(--dorado);margin:0;font-weight:600;letter-spacing:.5px}.capital-amount{font-size:2rem;font-weight:700;color:var(--dorado);text-align:center;margin:1rem 0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.capital-description{color:var(--texto-secundario);text-align:center;font-style:italic;margin-top:.5rem;font-size:.9rem}.rentabilidad-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem;background-color:#0f0f0f80;border-radius:8px;padding:1rem;box-shadow:inset 0 0 10px #0000004d}.metric-card{background-color:var(--negro-elemento);border-radius:8px;padding:1rem;text-align:center;box-shadow:0 2px 8px #0003;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(to right,rgba(212,175,55,.2),var(--dorado),rgba(212,175,55,.2));transform:scaleX(.3);transform-origin:bottom left;transition:transform .3s ease}.metric-card:hover:after{transform:scaleX(1)}.metric-card.highlight-gold{background:linear-gradient(145deg,#212121e6,#1a1a1af2);border:1px solid var(--dorado)}.metric-card:hover{transform:translateY(-2px);box-shadow:0 3px 8px #0003}.metric-card h4{color:var(--dorado);font-size:.7rem;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.5px}.metric-card .amount{font-size:1rem;font-weight:700;color:var(--texto)}.metric-card.highlight{border-color:var(--dorado);border-width:2px}.chart-container{margin-top:.75rem;padding:.5rem;background-color:var(--negro-card);border-radius:4px;border:1px dashed rgba(212,175,55,.3)}.chart-placeholder{background-color:var(--negro-elemento);height:180px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--texto-secundario);font-size:.8rem}.btn-action{background-color:var(--dorado);color:var(--negro-fondo);border:none;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-action:hover{background-color:var(--texto);transform:translateY(-1px)}.btn-add{background-color:var(--dorado);color:var(--negro-fondo);border:none;border-radius:4px;padding:.3rem .6rem;font-size:.7rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.3rem;margin-top:.5rem}.btn-add:hover{background-color:var(--texto);transform:translateY(-1px)}.btn-cancel{background-color:var(--negro-card);color:var(--texto);border:1px solid var(--texto-secundario);border-radius:4px;padding:.3rem .6rem;font-size:.7rem;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background-color:var(--texto-secundario);color:var(--negro-fondo)}.btn-submit{background-color:var(--dorado);color:var(--negro-fondo);border:none;border-radius:4px;padding:.3rem .6rem;font-size:.7rem;cursor:pointer;transition:all .2s ease;font-weight:600}.btn-submit:hover{background-color:var(--texto);transform:translateY(-1px)}.form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.scroll-indicator{display:none}@media (max-width: 768px){.flujo-caja-container{padding:.5rem .3rem}.flujo-caja-section{padding:.5rem;margin-bottom:.75rem}.section-header{padding-bottom:.3rem;margin-bottom:.5rem}.section-header h3{font-size:.9rem}.data-table th{white-space:nowrap}.scroll-indicator{display:flex}.btn-nav{font-size:.7rem;padding:.25rem .4rem}.current-month{font-size:.9rem}.tab-button{font-size:.7rem;padding:.3rem .5rem}.month-detail,.rentabilidad-info{grid-template-columns:repeat(2,1fr)}.data-table thead{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.data-table tr{display:block;margin-bottom:.75rem;border:1px solid rgba(212,175,55,.3);border-radius:4px;background-color:var(--negro-elemento)}.data-table td{display:flex;justify-content:space-between;font-size:.7rem;text-align:right;border-bottom:1px solid rgba(212,175,55,.1)}.data-table td:before{content:attr(data-label);font-weight:600;color:var(--dorado);text-align:left;padding-right:.5rem}.data-table.mobile-friendly td{padding:.35rem .5rem}.total-row{background-color:#d4af371a!important;border:2px solid var(--dorado)!important}.mobile-info{font-size:.7rem;color:var(--texto-secundario);margin-bottom:.5rem;text-align:center}.toggle-button{background:none;border:none;color:var(--dorado);cursor:pointer;font-size:1.2rem;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.collapsed .toggle-button:before{content:"+"}.toggle-button:before{content:"-"}.collapsed .table-container,.collapsed .form-container,.collapsed .chart-container{display:none}}body,html,#root,.App,.admin-container,.admin-content,.dashboard-content{background-color:#0f0f0f!important;color:#f5f5f5!important}.flujo-caja-container{padding:1rem;background-color:#000;border-radius:4px;box-shadow:0 4px 12px #0003;width:100%;max-width:100%;overflow-x:hidden;color:#f5f5f5}.flujo-caja-title{font-size:1.5rem;color:#d4af37;margin-bottom:.5rem;border-bottom:2px solid #d4af37;padding-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.flujo-caja-title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:4px;background-color:#d4af37}.flujo-caja-section{margin-bottom:2rem;background-color:#000;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:1.25rem;border-left:3px solid #d4af37;position:relative;transition:transform .3s ease,box-shadow .3s ease}.flujo-caja-section:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000040}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:.5rem;background-color:#000}.section-header h3{font-size:1.5rem;color:#d4af37;margin:0;font-weight:600;display:flex;align-items:center}.flujo-tabs{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem;border-bottom:1px solid rgba(212,175,55,.3);padding-bottom:.3rem;background-color:#000}.tab-button{padding:.5rem .75rem;background-color:#000;color:#f5f5f5;border:1px solid rgba(212,175,55,.2);border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.8rem}.tab-pane{min-height:300px;background-color:#000;color:#f5f5f5}.form-container{background-color:#000;border-radius:6px;padding:1rem;margin-bottom:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;border:1px solid rgba(212,175,55,.2)}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.9rem;margin-bottom:.5rem;color:#d4af37;font-weight:500}.form-group input{padding:.75rem;background-color:#ffffff0d;border:1px solid rgba(212,175,55,.3);border-radius:4px;font-size:1rem;color:#f5f5f5;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 2px #d4af3733}.data-table{width:100%;border-collapse:collapse;border-spacing:0;font-size:.85rem;color:#f5f5f5;background-color:#000}.data-table th,.data-table td{padding:.75rem;text-align:left;border-bottom:1px solid rgba(212,175,55,.1)}.data-table th{background-color:#000;font-weight:600;color:#d4af37;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px;position:sticky;top:0;z-index:10}.data-table.condensed th,.data-table.condensed td{padding:.4rem .6rem;font-size:.8rem}.data-table.condensed th{font-size:.75rem}.data-table tbody tr{transition:background-color .2s ease}.data-table tbody tr:hover{background-color:#d4af370d}.total-row{font-weight:700;background-color:#d4af3726!important}.total-row td{border-top:2px solid #d4af37;color:#d4af37}.positive-value{color:#4ade80;font-weight:700}.negative-value{color:#f87171;font-weight:700}.initial-investment{background-color:#ffffff0d;font-style:italic}.month-detail{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin-top:.5rem;background-color:#000;padding:.5rem;border-radius:4px}.metric-card{background-color:#000;border-radius:4px;padding:.75rem;border:1px solid rgba(212,175,55,.2);transition:transform .2s ease,box-shadow .2s ease;text-align:center}.metric-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0003}.metric-card .amount{font-size:1.3rem;font-weight:700;color:#f5f5f5;color:var(--admin-text)}.detail-card.highlight{background-color:#d4af371a;border-color:var(--admin-secondary)}.chart-container{margin-top:2rem;background-color:#ffffff08;padding:1.5rem;border-radius:8px;border:1px dashed rgba(212,175,55,.3)}.chart-bars-container{display:flex;height:300px;margin-top:1.5rem;position:relative;border-bottom:1px solid rgba(212,175,55,.3);border-left:1px solid rgba(212,175,55,.3)}.chart-y-axis{display:flex;flex-direction:column;padding-right:10px;width:50px}.chart-y-axis .axis-label{color:var(--dorado);font-size:.7rem;transform:rotate(-90deg);position:absolute;left:-20px;top:50%;white-space:nowrap}.chart-y-axis .axis-ticks{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:5px 0}.chart-y-axis .tick{color:var(--texto-secundario);font-size:.7rem;text-align:right}.chart-bars{display:flex;flex:1;align-items:flex-end;gap:5px;padding-bottom:20px;justify-content:space-between;width:100%;overflow-x:visible}.bar-group{display:flex;flex-direction:column;align-items:center;min-width:40px;flex:1;cursor:pointer;transition:transform .2s ease}.bar-group:hover{transform:translateY(-5px)}.bar-group .bar{width:70%;border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:5px;min-height:10px;transition:all .3s ease;position:relative}.bar-group .bar.positive{background:linear-gradient(to top,var(--dorado) 0%,rgba(212,175,55,.5) 100%)}.bar-group .bar.negative{background:linear-gradient(to top,#ff4d4d,#ff4d4d80)}.bar-group .bar .bar-value{font-size:.65rem;color:var(--texto);background-color:#0009;padding:2px 4px;border-radius:2px;position:absolute;top:-20px;transform:translateY(-5px);opacity:0;transition:all .2s ease;white-space:nowrap}.bar-amount{font-size:.7rem;color:var(--texto);background-color:#000c;padding:3px 5px;border-radius:4px;position:absolute;bottom:5px;left:50%;transform:translate(-50%);font-weight:700;border:1px solid var(--dorado);white-space:nowrap}.bar-group:hover .bar .bar-value{opacity:1;transform:translateY(0)}.bar-group .bar-label{font-size:.7rem;color:var(--texto-secundario);margin-top:5px;text-align:center;transition:all .2s ease;width:100%;display:inline-block;position:absolute;bottom:-25px;left:0}.bar-group:hover .bar-label{color:var(--dorado)}.chart-placeholder{background-color:#0003;height:250px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--admin-text-secondary)}.btn-action{background-color:var(--admin-secondary);color:var(--admin-primary);border:none;border-radius:4px;padding:.35rem .75rem;font-size:.8rem;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-action:hover{background-color:var(--admin-accent);transform:translateY(-2px)}@media (max-width: 768px){.flujo-caja-container{padding:.75rem .5rem}.flujo-caja-section{padding:1rem .75rem;margin-bottom:1.5rem}.section-header{padding-bottom:.5rem;margin-bottom:.75rem}.section-header h3{font-size:1.2rem}.section-collapsible{position:relative}.collapse-toggle{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--admin-secondary);font-size:1.2rem;cursor:pointer;padding:.25rem;z-index:5}.table-container{overflow-x:auto;margin:0;padding:0;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--admin-secondary) transparent;position:relative;max-width:100%}.table-container::-webkit-scrollbar{height:4px}.table-container::-webkit-scrollbar-track{background:transparent}.table-container::-webkit-scrollbar-thumb{background-color:var(--admin-secondary);border-radius:20px}.scroll-indicator{display:none}.scroll-indicator svg{width:12px;height:12px;animation:none;opacity:.7}.data-table{font-size:.8rem;border-collapse:collapse;width:100%}.data-table th,.data-table td{padding:.5rem .75rem;white-space:nowrap;border-bottom:1px solid rgba(212,175,55,.1)}.data-table th{position:sticky;left:0;background-color:var(--admin-card-bg);z-index:10;font-size:.7rem;text-transform:uppercase;color:var(--admin-secondary)}.data-table tbody tr:nth-child(odd){background-color:#ffffff05}.data-table tbody tr:hover{background-color:#d4af370d}.data-table.condensed td,.data-table.condensed th{padding:.35rem .5rem;font-size:.75rem}.mobile-controls{display:flex;gap:.5rem;margin-bottom:.75rem;justify-content:flex-end}.view-control{background-color:var(--admin-card-bg);border:1px solid rgba(212,175,55,.2);color:var(--admin-text);padding:.25rem .5rem;font-size:.7rem;border-radius:4px;cursor:pointer}.view-control.active{background-color:var(--admin-secondary);color:var(--admin-primary)}.form-container{grid-template-columns:1fr;padding:1rem .75rem;gap:.75rem}.btn-submit{grid-column:span 1;margin-top:.5rem}.btn-add{padding:.4rem .75rem;font-size:.8rem}.table-container.fixed-column .data-table th:first-child,.table-container.fixed-column .data-table td:first-child{position:sticky;left:0;background-color:var(--admin-card-bg);z-index:2;box-shadow:2px 0 5px #0000001a;min-width:130px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table td:not(:first-child),.data-table th:not(:first-child){min-width:100px}.total-row{background-color:#d4af3726!important;font-weight:700}.total-row td{color:var(--admin-secondary);border-top:1px solid var(--admin-secondary)}}.data-table tbody tr.active-month{background:linear-gradient(90deg,#1a1a1a,#212121f2,#1a1a1a);position:relative;border-left:3px solid var(--dorado);box-shadow:0 3px 10px #0000004d;transform:translate(0)}.data-table tbody tr.active-month:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#d4af370d,#d4af371a,#d4af370d);pointer-events:none}.active-month-label{display:flex;align-items:center;justify-content:flex-start;gap:.25rem;color:var(--dorado);font-weight:600;white-space:nowrap;max-width:100%;overflow:hidden}.mes-icon{font-size:1.2rem}.highlight-value{color:var(--dorado);font-weight:500;position:relative;display:inline-block}.btn-action-highlight{background-color:var(--dorado);color:#000;font-weight:500;padding:.25rem .6rem;border-radius:4px}.btn-editar-capital{background-color:#d4af371a;border:1px solid var(--dorado);color:var(--dorado);padding:6px 12px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;margin-left:10px}.btn-editar-capital:hover{background-color:#d4af3733}.capital-edit{display:flex;flex-direction:column;gap:12px;margin-top:15px;animation:fadeIn .3s}.capital-input{background-color:#0003;border:1px solid var(--dorado);border-radius:4px;color:var(--dorado);font-size:1.2rem;padding:8px 12px;text-align:center}.capital-buttons{display:flex;gap:10px;justify-content:center}.btn-guardar-capital,.btn-cancelar-capital{padding:8px 15px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-guardar-capital{background-color:var(--dorado);color:#000;border:none}.btn-guardar-capital:hover{background-color:#e5c567;transform:translateY(-2px)}.btn-cancelar-capital{background-color:transparent;color:#ccc;border:1px solid #ccc}.btn-cancelar-capital:hover{background-color:#ffffff1a}.data-table td,.data-table th{font-size:.75rem;padding:8px 6px}.data-table th{font-weight:600}.capital-display{animation:fadeIn .3s}.flujo-caja-container{background-color:#000;padding:20px;border-radius:15px;box-shadow:0 5px 15px #0000004d;color:#fff}.flujo-caja-title{color:#d4af37;font-size:2.2rem;font-weight:700;text-align:center;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:1px}.flujo-caja-description{color:#ccc;text-align:center;margin-bottom:30px;font-size:1.1rem}.flujo-caja-section{background-color:#000;border-radius:12px;margin-bottom:25px;padding:20px;border:1px solid #D4AF37;box-shadow:0 4px 12px #d4af3726}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #D4AF37}.section-header h3{color:#d4af37;font-size:1.5rem;font-weight:700;margin:0}.tabla-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:10px;background-color:#000}th{background-color:#111;color:#d4af37;padding:12px;text-align:left;font-weight:700;border-bottom:2px solid #D4AF37}td{padding:12px;border-bottom:1px solid #333333;color:#fff}tr:hover{background-color:#111}.btn-agregar{background-color:#d4af37;color:#000;border:none;padding:10px 20px;border-radius:50px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 4px #0003}.btn-agregar:hover{background-color:#e5c254;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.acciones{display:flex;gap:10px}.btn-accion{background-color:transparent;color:#d4af37;border:1px solid #D4AF37;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-accion:hover{background-color:#d4af37;color:#000;transform:translateY(-2px)}.tabs-container{display:flex;margin-bottom:20px;border-bottom:1px solid #333333}.tab{padding:12px 25px;cursor:pointer;font-size:1.1rem;color:#ccc;background-color:transparent;border:none;border-bottom:3px solid transparent;transition:all .3s ease}.tab:hover{color:#d4af37}.tab.active{color:#d4af37;border-bottom:3px solid #D4AF37;font-weight:700}.detail-card{background-color:#000;border-radius:10px;padding:15px;margin-bottom:15px;border:1px solid #333333;transition:all .3s ease}.detail-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #d4af3733;border-color:#d4af37}.detail-card h4{color:#d4af37;margin-top:0;margin-bottom:10px;font-size:1.1rem}.amount{font-size:1.4rem;font-weight:700;color:#fff}.positive-value{color:#4caf50}.negative-value{color:#f44336}.highlight{background-color:#111;border:1px solid #D4AF37}@media (max-width: 768px){.flujo-caja-container{padding:15px}.flujo-caja-title{font-size:1.8rem}.detail-card{padding:12px}.amount{font-size:1.2rem}.tab{padding:10px 15px;font-size:.9rem}}.modern-header{display:flex;justify-content:space-between;align-items:center;background-color:#000;padding:1rem 1.5rem;border-bottom:2px solid var(--dorado)}.header-title-with-icon{display:flex;align-items:center;gap:12px}.section-icon{font-size:1.8rem;color:var(--dorado)}.year-badge-special{background-color:var(--dorado);color:#000;font-weight:700;padding:5px 12px;border-radius:4px;font-size:.9rem;box-shadow:0 2px 4px #0003}.table-modern-container{padding:1rem;background-color:#000}.table-scroll-container{overflow-x:auto;background-color:#000;border-radius:4px;box-shadow:0 4px 12px #0003}.data-table-modern{width:100%;border-collapse:collapse;background-color:#000;color:#fff;table-layout:fixed}.data-table-modern thead{background-color:#000;border-bottom:2px solid var(--dorado)}.modern-header-row th{padding:12px 15px;text-align:left;color:var(--dorado);font-weight:700;font-size:.8rem;letter-spacing:1px;white-space:nowrap}.data-table-modern tbody tr{border-bottom:1px solid #222;transition:background-color .3s ease}.data-table-modern tbody tr:hover{background-color:#d4af371a}.current-month-row{background-color:#d4af3726!important;position:relative}.investment-row{border-bottom:2px solid var(--dorado)!important}.month-cell-content{display:flex;align-items:center;gap:8px}.current-month-dot{width:10px;height:10px;background-color:var(--dorado);border-radius:50%;display:inline-block}.month-name{font-weight:500;color:#fff}.value-display{font-family:Courier New,monospace;color:#fff}.bold-value{font-weight:700}.negative-cell{color:#f44336}.positive-cell{color:#4caf50}.modern-action-button{background-color:#000;color:var(--dorado);border:1px solid var(--dorado);border-radius:4px;padding:6px 12px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.modern-action-button:hover{background-color:var(--dorado);color:#000}.modern-action-button:disabled{opacity:.5;cursor:not-allowed}.modern-chart-container{padding:1.5rem;background-color:#000;border-radius:8px;margin-top:2rem;border:1px solid #333}.chart-header{margin-bottom:1.5rem}.chart-title-container{display:flex;align-items:center;gap:10px}.chart-icon{font-size:1.5rem;color:var(--dorado)}.modern-chart-container h4{margin:0;color:var(--dorado);font-size:1.1rem;letter-spacing:1px}.chart-content{display:flex;height:300px;position:relative;margin-bottom:1rem}.modern-chart-y-axis{display:flex;flex-direction:column;padding-right:15px;width:80px}.axis-title{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;color:var(--dorado);font-weight:700;font-size:.8rem;letter-spacing:1px;margin-top:auto;margin-bottom:auto}.axis-ticks{display:flex;flex-direction:column;justify-content:space-between;height:100%;position:relative}.tick-line{width:100%;position:relative;height:1px;background-color:#333}.tick-label{position:absolute;right:10px;top:-10px;color:#aaa;font-size:.8rem}.line-chart-container{position:relative;flex-grow:1;height:100%;margin-left:10px;background-image:linear-gradient(#333 1px,transparent 1px);background-size:100% 16.66%;background-position:0 0;padding-bottom:40px}.chart-point-container{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:3;transition:transform .2s ease}.chart-point-container:hover{transform:translate(-50%,-50%) scale(1.1);z-index:5}.chart-point{width:16px;height:16px;border-radius:50%;position:relative;box-shadow:0 2px 6px #0009;border:2px solid #000;transition:all .3s ease}.positive-point{background-color:#4caf50;border-color:#81c784}.negative-point{background-color:#f44336;border-color:#e57373}.point-value{position:absolute;top:-32px;left:50%;transform:translate(-50%);font-size:.75rem;color:#fff;background-color:#000;border:1px solid var(--dorado);padding:3px 6px;border-radius:4px;white-space:nowrap;opacity:0;transition:opacity .2s ease;z-index:4;pointer-events:none}.chart-point-container:hover .point-value{opacity:1}.point-label-container{position:absolute;top:25px;left:50%;transform:translate(-50%) rotate(-45deg);text-align:center;transition:all .2s ease}.point-label{color:#ddd;font-size:.8rem;font-weight:500;display:inline-block}.chart-line{position:absolute;height:2px;background-color:#ffffff4d;z-index:1;transition:all .3s ease}.positive-line{background-color:#4caf5080}.negative-line{background-color:#f4433680}.chart-point-container:hover~.chart-line{background-color:var(--dorado);height:3px}.chart-legend{display:flex;justify-content:center;gap:20px;margin-top:10px}.legend-item{display:flex;align-items:center;gap:5px}.legend-color{width:15px;height:15px;border-radius:3px}.positive-legend{background-color:#4caf50}.negative-legend{background-color:#f44336}.legend-text{font-size:.8rem;color:#ccc}:root{--dorado: #D4AF37;--negro: #000000;--texto-claro: #fff;--texto-medio: #D4AF37}.paid-date,.received-date{color:#4caf50!important;font-weight:500}.pending-date{color:#ffa726!important;font-weight:500}.flujo-caja-section{margin-bottom:2rem;border-radius:8px;background-color:var(--negro);box-shadow:0 4px 12px #0000004d;border:2px solid var(--dorado);overflow:hidden;transition:all .3s ease}body,.admin-layout,.admin-content,.flujo-caja-container,.flujo-caja-section,.section-header,.table-container,.admin-card,.month-data-sections,.month-summary-container{background-color:var(--negro)!important}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#000;border-bottom:2px solid var(--dorado);cursor:pointer}.section-header h3{margin:0;color:var(--dorado);font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:10px}.card-title-icon{font-size:1.5rem;margin-right:5px}.card-title-text{font-weight:700;letter-spacing:1px}.card-title-month{margin-left:10px;background-color:var(--dorado);color:var(--negro);padding:2px 8px;border-radius:4px;font-size:.9rem;font-weight:700}.financial-summary{padding:1rem;background-color:#000}.summary-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;justify-content:space-between}.summary-column{flex:1;min-width:250px}.summary-card{display:flex;align-items:center;background-color:#000;border:1px solid #333;border-radius:8px;padding:15px;transition:all .3s ease;box-shadow:0 4px 8px #0003;height:100%}.summary-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #d4af374d;border-color:#d4af37}.highlight-card{border:2px solid #D4AF37;background-color:#d4af370d}.summary-icon{font-size:2rem;margin-right:15px;color:#d4af37}.summary-content{flex:1}.summary-content h4{margin:0 0 10px;font-size:.9rem;color:#d4af37;text-transform:uppercase;letter-spacing:1px}.summary-content .amount{font-size:1.3rem;font-weight:700;color:#fff}.positive-value{color:#4caf50!important}.negative-value{color:#f44336!important}.highlight-row .summary-content .amount{font-size:1.5rem}.table-container{overflow-x:auto;position:relative;padding:1rem;margin-bottom:1rem;background-color:#000;border-radius:8px;box-shadow:0 0 10px #d4af3733}.costs-table{border:3px solid #D4AF37;border-radius:8px;background-color:#000;box-shadow:0 6px 16px #d4af3733}.table-header-modern{background-color:#000;color:#d4af37;padding:1rem;border-top-left-radius:6px;border-top-right-radius:6px;margin:-1rem -1rem 1rem;border-bottom:2px solid #D4AF37}.header-title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.title-section{display:flex;align-items:center;gap:8px}.table-icon{font-size:1.5rem}.table-header-modern h4{margin:0;font-size:1.2rem;font-weight:700;color:#d4af37;letter-spacing:1px}.table-subtitle{display:flex;align-items:center;gap:10px;margin-top:5px}.month-badge,.year-badge{background-color:#d4af37;color:#000;padding:4px 10px;border-radius:4px;font-size:.85rem;font-weight:700;box-shadow:0 2px 4px #0003}.year-badge{background-color:#000;color:#d4af37;border:1px solid #D4AF37}.highlight-table{border:1px solid #D4AF37}.highlight-table .main-header th{background-color:#000;border-bottom:3px solid #D4AF37;font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.05rem}.cost-item td{vertical-align:middle}.amount-cell{font-weight:700;color:#d4af37!important}.table-footer{padding:.5rem;background-color:#000;border-top:2px solid #D4AF37;border-bottom-left-radius:6px;border-bottom-right-radius:6px;margin:0 -1rem -1rem}.data-table{width:100%;border-collapse:collapse;background-color:#000;border-radius:8px;overflow:hidden;margin-top:.5rem;color:#fff}.data-table th{background-color:#000;color:var(--dorado);padding:12px 15px;text-align:left;font-weight:600;white-space:nowrap;border-bottom:1px solid #000000;font-size:.8rem;color:var(--texto-medio);margin-top:5px}.data-table thead tr.main-header{background-color:#000;border-bottom:2px solid #D4AF37}.data-table td{padding:10px 15px;border-bottom:1px solid #000000;color:#fff;vertical-align:middle}.data-table tbody tr:nth-child(odd){background-color:#111}.data-table tbody tr:nth-child(2n){background-color:#000}.data-table tr:hover td{background-color:#d4af371a}.data-table .item-descripcion{font-size:.8rem;color:var(--texto-medio);margin-top:5px}.data-table .total-row{background-color:#000;font-weight:700}.data-table .total-row td{padding:12px 15px}.data-table .total-row.highlight td{color:var(--dorado)}.data-table .total-amount{color:var(--dorado);font-weight:700;text-align:right}.data-table .no-data{text-align:center;padding:2rem;color:var(--texto-medio);font-style:italic}.amount-cell{text-align:right;color:var(--dorado);font-weight:600;text-shadow:0 0 2px rgba(0,0,0,.5)}.btn-action{background-color:var(--dorado);color:var(--negro);border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-action:hover{background-color:#c4a030;transform:translateY(-2px);box-shadow:0 2px 8px #0003}.btn-add{background-color:#000;color:var(--dorado);border:1px solid var(--dorado);padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease;margin-top:1rem;margin-bottom:1rem;display:inline-block}.btn-add:hover{background-color:var(--dorado);color:var(--negro)}.btn-submit{background-color:var(--dorado);color:var(--negro);border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-submit:hover{background-color:#c4a030;transform:translateY(-2px)}.btn-cancel{background-color:transparent;color:var(--texto-claro);border:1px solid var(--negro);padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease;margin-right:1rem}.btn-cancel:hover{background-color:var(--negro)}.form-container{background-color:var(--negro);padding:1.5rem;border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 8px #0003 inset}.form-group{margin-bottom:1rem}.form-group label{display:block;color:var(--texto-medio);margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;background-color:#000;border:1px solid var(--negro);border-radius:4px;color:var(--texto-claro);font-size:.9rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--dorado);box-shadow:0 0 0 2px #d4af374d}.form-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.scroll-indicator{display:flex;align-items:center;justify-content:flex-end;color:var(--texto-medio);font-size:.8rem;margin-top:.5rem}.scroll-indicator svg{width:16px;height:16px;margin-left:6px;stroke:var(--dorado)}@media (max-width: 768px){.flujo-caja-section{margin-bottom:1rem}.form-container{padding:1rem}.data-table th,.data-table td{padding:8px 10px}.form-actions{flex-direction:column}.btn-cancel{margin-right:0;margin-bottom:.5rem}}.flujo-caja-section{animation:fadeIn .3s ease}.month-selector-container{width:100%;margin-bottom:25px}.month-selector-wrapper{background-color:#000;border-radius:12px;padding:15px;box-shadow:0 4px 12px #d4af3733;border:1px solid #D4AF37}.month-selector-header{font-size:1.7rem;font-weight:700;color:#d4af37;text-align:center;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #D4AF37;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:1px}.months-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:5px}.month-item{padding:10px 15px;border-radius:6px;cursor:pointer;font-size:.95rem;background-color:#000;color:#d4af37;transition:all .3s ease;text-align:center;min-width:45px;border:1px solid #333333;letter-spacing:.5px;box-shadow:0 2px 4px #0003}.month-item:hover{background-color:#111;transform:translateY(-3px);box-shadow:0 4px 8px #d4af374d;border-color:#d4af37}.month-item.active{background-color:#d4af37;color:#000;font-weight:700;transform:translateY(-2px);box-shadow:0 4px 12px #d4af3780;border-color:#d4af37}@media (max-width: 768px){.months-row{flex-wrap:wrap;justify-content:center}.month-item{margin:4px;font-size:.85rem;padding:8px 12px}}.MuiInputBase-root.MuiOutlinedInput-root{background-color:#000!important;color:#fff!important;border-radius:8px!important}.MuiOutlinedInput-notchedOutline{border-color:#d4af37!important;border-width:1px!important}.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#d4af37!important;border-width:2px!important}.MuiInputLabel-root,.MuiInputLabel-root.Mui-focused{color:#d4af37!important}.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium{color:#d4af37!important;font-size:1.5rem!important}.MuiPaper-root.MuiPickersPopper-paper{background-color:#000!important;border:1px solid #D4AF37!important}.MuiPickersLayout-toolbar{background-color:#000!important;color:#d4af37!important}.MuiDateCalendar-root{background-color:#000!important;color:#fff!important}.MuiButtonBase-root.MuiPickersDay-root{color:#fff!important;background-color:#000!important;border:1px solid #333333!important}.MuiButtonBase-root.MuiPickersDay-root.Mui-selected{background-color:#d4af37!important;color:#000!important;font-weight:700!important}.MuiButtonBase-root.MuiPickersDay-root.MuiPickersDay-today{border:2px solid #D4AF37!important}.MuiDayCalendar-header,.MuiDialogActions-root .MuiButton-root{color:#d4af37!important}.MuiInputBase-input{color:#fff!important;font-weight:500!important}.MuiSvgIcon-root{color:#d4af37!important;opacity:1!important;visibility:visible!important}.event-creator{display:flex;align-items:center;gap:5px;font-size:.8rem;color:#ffffffe6;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.event-creator span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;color:#d4af37}.creator-image,.creator-image-placeholder{width:30px;height:30px;border-radius:50%;margin-right:5px;object-fit:cover;border:1px solid #D4AF37;background-color:#333;display:block;flex-shrink:0}.creator-image-placeholder svg{width:100%;height:100%}.event-creator,.list-creator-info{display:flex;align-items:center;gap:8px}.event-pill .event-creator{margin-top:4px;padding-bottom:2px}.list-creator-info{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.list-creator-info span{font-weight:500;color:#d4af37}.calendario-container{max-width:1200px;margin:30px auto 0;padding:20px;background-color:#000;border-radius:8px;box-shadow:0 4px 8px #0003;border:1px solid #D4AF37;overflow-x:hidden}.calendario-title{color:#d4af37;margin-bottom:20px;font-size:1.8rem;border-bottom:2px solid #D4AF37;padding-bottom:10px}.calendario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.current-month{color:#fff;font-size:1.2rem;margin:0}.month-nav-btn{background-color:#000;color:#d4af37;border:1px solid #D4AF37;border-radius:4px;padding:8px 12px;cursor:pointer;transition:all .3s ease}.month-nav-btn:hover{background-color:#d4af37;color:#000}.calendario-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:auto repeat(6,1fr);gap:1px;background-color:#000;border:1px solid #D4AF37;width:100%;max-width:100%;box-sizing:border-box;min-height:600px;padding-bottom:20px;margin-bottom:30px}.calendar-day{position:relative;background-color:#000;padding:5px;box-sizing:border-box;min-height:90px;display:flex;flex-direction:column;border:1px solid #D4AF37;overflow:hidden}.calendar-day-content{height:100%;display:flex;flex-direction:column;overflow:hidden}.event-date-time{display:flex;flex-wrap:wrap;gap:5px;font-size:.7rem;margin-top:3px;color:#ffffffe6}.event-date{font-weight:700;padding:2px 4px;background-color:#0000004d;border-radius:3px}.event-time{font-size:10px;padding:2px 4px;background-color:#0000004d;border-radius:3px;margin-bottom:2px;opacity:.8}.calendar-event{background-color:#d4af37;color:#000;padding:4px 6px;border-radius:4px;margin:2px 0;cursor:pointer;overflow:hidden;font-size:12px;box-shadow:0 1px 3px #0000004d}.calendar-event .event-title{font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-events{flex:1;overflow-y:auto;padding:2px;display:flex;flex-direction:column;gap:2px}.day-number{font-weight:700;text-align:right;padding:2px 4px;color:#fff}@media screen and (max-width: 768px){.calendario-container{padding:5px;margin:0 auto;width:100%;max-width:100%;overflow-x:hidden}.calendario-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;width:100%;aspect-ratio:7/5}.calendario-title{font-size:1.4rem}.current-month{font-size:1rem}.week-day{padding:8px 4px;font-size:.75rem;font-weight:700;color:#d4af37;background-color:#111;border-bottom:1px solid #D4AF37;text-align:center}.calendar-day{position:relative;aspect-ratio:1/1!important;border:2px solid #D4AF37;box-sizing:border-box;background-color:#000;overflow:hidden;padding:0;height:auto;min-height:40px}.calendar-day-content{position:absolute;top:0;left:0;right:0;bottom:0;padding:3px;display:flex;flex-direction:column;overflow:hidden}.day-number{font-size:.65rem;font-weight:700;text-align:center;color:#d4af37;padding-bottom:1px;margin-bottom:2px}.day-events{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#D4AF37 #000;max-height:70%}.day-events::-webkit-scrollbar{width:3px}.day-events::-webkit-scrollbar-track{background:#000}.day-events::-webkit-scrollbar-thumb{background-color:#d4af37;border-radius:3px}.event-pill{padding:2px 3px;margin-bottom:3px;border-radius:3px;border:1px solid #D4AF37;background-color:#000000e6;box-shadow:0 1px 3px #d4af374d;display:flex;flex-direction:column;min-height:auto;max-height:none;overflow:visible;position:relative;border-left:3px solid #D4AF37}.event-title{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:#d4af37;font-weight:700}.event-date-time{font-size:.55rem;margin-top:1px}.event-time,.event-date{font-size:.55rem;padding:1px}.event-creator{font-size:.6rem;margin-top:1px;gap:2px}.creator-image,.creator-image-placeholder{width:16px;height:16px;margin-right:2px}}@media screen and (min-width: 769px) and (max-width: 1024px){.calendar-day{min-height:120px}}@media screen and (max-width: 480px){.event-modal{width:95%;max-width:none}.event-modal-header h3{font-size:1rem}.form-row,.form-actions{flex-direction:column;gap:10px}.btn-save,.btn-delete{width:100%;justify-content:center}.event-form{padding:15px 10px}.form-group label{font-size:.8rem}.form-group input,.form-group textarea{padding:8px;font-size:.85rem}.view-toggle{display:flex;justify-content:center;margin-bottom:20px;gap:15px;padding:15px 0}.view-toggle-btn{background-color:#000;border:2px solid #D4AF37;color:#d4af37;border-radius:12px;padding:15px 30px;cursor:pointer;font-weight:700;transition:all .3s ease;min-width:220px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 8px #00000080,0 0 0 1px #d4af3733;letter-spacing:1px;outline:none;position:relative;overflow:hidden;font-size:1.1rem;text-transform:uppercase}.view-toggle-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);transition:all .5s ease}.view-toggle-btn:hover:before{left:100%}.view-toggle-btn.active{background-color:#d4af37;color:#000;border-color:#d4af37;font-weight:800;box-shadow:0 6px 12px #d4af3780;transform:translateY(-3px);text-shadow:0 1px 2px rgba(0,0,0,.2)}.view-toggle-btn:hover:not(.active){background-color:#d4af371a;transform:translateY(-1px);box-shadow:0 3px 6px #0009}.view-toggle-btn svg{stroke:currentColor;transition:transform .3s ease}.view-toggle-btn:hover svg{transform:scale(1.1)}.events-list-view{margin-top:20px;width:100%}.events-table{width:100%;border-collapse:collapse;border-spacing:0;color:#fff;margin-bottom:20px}.events-table thead th{background-color:#000;color:#d4af37;text-align:left;padding:12px 15px;border-bottom:2px solid #D4AF37;font-weight:600}.events-table tbody tr{background-color:#0a0a0a;border-bottom:1px solid #222;transition:all .3s ease}.events-table tbody tr:hover{background-color:#111}.events-table td{padding:12px 15px;vertical-align:middle}.date-block{display:flex;flex-direction:column;align-items:center}.day-name{font-size:.8rem;color:#d4af37;font-weight:600}.day-number{font-size:1.2rem;font-weight:700}.event-title-cell{font-weight:500}.event-time-cell{color:#aaa;font-size:.9rem}.event-actions{text-align:right}.events-table .btn-edit{padding:6px 12px;font-size:.85rem}.no-events,.loading,.error-message{text-align:center;padding:30px;color:#aaa;font-style:italic}@media screen and (max-width: 768px){.events-table thead{display:none}.events-table,.events-table tbody,.events-table tr,.events-table td{display:block;width:100%}.events-table tr{margin-bottom:15px;border:1px solid #D4AF37;border-radius:4px;overflow:hidden}.events-table td{text-align:right;padding:10px;position:relative;border-bottom:1px solid #222}.events-table td:last-child{border-bottom:none}.events-table td:before{content:attr(data-label);float:left;font-weight:700;color:#d4af37}.event-date{background-color:#000;text-align:center!important}.date-block{flex-direction:row;justify-content:center;gap:10px}.event-actions{text-align:center}}.mobile-day-card{background-color:#0a0a0a;border:1px solid #D4AF37;border-radius:4px;padding:10px;margin-bottom:8px;cursor:pointer}.mobile-day-header{display:flex;justify-content:space-between;border-bottom:1px solid #D4AF37;padding-bottom:5px;margin-bottom:8px}.mobile-day-name{font-weight:600;color:#d4af37}.mobile-day-events{display:flex;flex-direction:column;gap:5px}.mobile-day-card.today{border-color:#d4af37;background-color:#d4af370d}.mobile-day-card.empty{opacity:.6}.mobile-day-card.empty .mobile-day-content{font-style:italic;color:#666;text-align:center;padding:10px 0}}.week-day{text-align:center;padding:10px;background:linear-gradient(to bottom,#d4af37,#b39429);color:#000;font-weight:600;border-radius:4px 4px 0 0;border:1px solid #b39429}.calendar-day{aspect-ratio:1 / 1;height:0;padding-bottom:100%;background-color:#0a0a0a;border-radius:4px;cursor:pointer;transition:all .3s ease;position:relative;border:1px solid #222;overflow:hidden}.calendar-day-content{position:absolute;top:0;left:0;right:0;bottom:0;padding:8px;display:flex;flex-direction:column;overflow-y:auto}.calendar-day::-webkit-scrollbar{width:3px}.calendar-day::-webkit-scrollbar-thumb{background-color:#d4af37;border-radius:4px}.calendar-day:hover{background-color:#111;border-color:#d4af37;box-shadow:0 0 5px #d4af374d}.other-month{opacity:.5}.today{border:2px solid #D4AF37;background-color:#d4af370d}.day-number{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:5px}.day-events{display:flex;flex-direction:column;gap:5px;margin-top:5px;flex:1;overflow-y:auto}.event-pill{padding:6px 8px;border-radius:4px;font-size:.7rem;overflow:hidden;cursor:pointer;color:#fff;font-weight:500;transition:all .2s ease;margin-bottom:4px;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000004d;border-left:3px solid rgba(255,255,255,.5)}.event-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.event-time{font-size:.65rem;opacity:.8;margin-top:1px;font-weight:600}.event-pill:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0006;filter:brightness(1.1)}.event-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;overflow-y:auto}.event-modal{background-color:#000;border-radius:12px;width:90%;max-width:500px;box-shadow:0 8px 20px #000000b3;border:1px solid #D4AF37;border-top:3px solid #D4AF37;overflow:hidden}.event-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #D4AF37;background:linear-gradient(to right,rgba(212,175,55,.2),transparent);background-color:#000}.event-modal-header h3{margin:0;color:#d4af37}.event-form{padding:24px;background-color:#000}.event-modal .creator-image,.event-modal .creator-image-placeholder{width:60px;height:60px;border:2px solid #D4AF37;box-shadow:0 2px 10px #d4af374d}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:1px solid #D4AF37;border-radius:6px;background-color:#000;color:#fff;font-size:.95rem;transition:all .3s ease;box-shadow:inset 0 1px 3px #0003}.form-group input:focus,.form-group textarea:focus{border-color:#d4af37;outline:none;box-shadow:0 0 0 2px #d4af3733}.form-group textarea{min-height:80px;resize:vertical}.btn-save,.btn-delete{padding:8px 15px;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s ease}.btn-save{background-color:#d4af37;color:#000;border:2px solid #D4AF37;font-weight:700;padding:10px 20px;border-radius:8px;font-size:1rem;box-shadow:0 2px 6px #d4af374d;letter-spacing:.5px}.btn-delete{background-color:#000;color:#d4af37;border:2px solid #D4AF37;font-weight:600;padding:10px 20px;border-radius:8px;font-size:1rem;box-shadow:0 2px 6px #0000004d;letter-spacing:.5px}.btn-delete:hover{background-color:#d32f2f}.empresas-container{max-width:1200px;margin:0 auto;padding:20px;background-color:#000;border-radius:8px;box-shadow:0 4px 8px #0000001a}.empresas-title{color:#d4af37;margin-bottom:20px;font-size:1.8rem;border-bottom:2px solid #D4AF37;padding-bottom:10px}.empresas-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-container{position:relative;width:50%}.search-input{width:100%;padding:10px 15px 10px 40px;border:1px solid #D4AF37;border-radius:4px;background-color:#1a1a1a;color:#fff;font-size:.9rem}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#aaa}.add-empresa-btn{background-color:#d4af37;color:#1a1a1a;border:none;border-radius:4px;padding:10px 15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.add-empresa-btn:hover{background-color:#c8a431}.empresas-cards-container{margin-top:20px}.empresas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.empresa-card{background-color:#0a0a0a;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000004d;border:1px solid #D4AF37;transition:all .3s ease;display:flex;flex-direction:column}.empresa-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000004d;border-color:#d4af37}.empresa-card.empresa-inactiva{opacity:.7}.empresa-card-header{padding:12px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #D4AF37;background-color:#000}.empresa-card-body{padding:15px;flex:1;cursor:pointer}.empresa-nombre{color:#d4af37;margin:0 0 12px;font-size:1.2rem;font-weight:600;border-bottom:1px dashed rgba(212,175,55,.3);padding-bottom:8px}.empresa-detail{margin-bottom:8px;display:flex;align-items:baseline}.detail-label{color:#aaa;font-size:.8rem;min-width:80px}.detail-value{color:#fff;font-size:.9rem;font-weight:500}.email-value{color:#d4af37;text-decoration:underline}.empresa-estado{margin-top:15px}.empresa-card-footer{padding:12px 15px;display:flex;justify-content:space-between;border-top:1px solid #D4AF37;background-color:#000}.empresa-inactiva .empresa-nombre{color:#aaa}.categoria-badge{padding:3px 8px;border-radius:12px;font-size:.8rem;font-weight:500;display:inline-block}.categoria-badge.cliente{background-color:#4caf50;color:#fff}.categoria-badge.proveedor{background-color:#2196f3;color:#fff}.categoria-badge.distribuidor{background-color:#9c27b0;color:#fff}.categoria-badge.otro{background-color:#ff9800;color:#fff}.estado-toggle{display:flex;align-items:center;gap:10px}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#555;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#d4af37}input:focus+.slider{box-shadow:0 0 1px #d4af37}input:checked+.slider:before{transform:translate(20px)}.estado-label{font-size:.8rem;font-weight:500}.estado-label.activa{color:#4caf50}.estado-label.inactiva{color:#f44336}.action-buttons{display:flex;gap:8px}.btn-edit,.btn-delete{background:none;border:none;font-size:.9rem;cursor:pointer;padding:5px;border-radius:4px;transition:all .3s ease}.btn-edit{background-color:#000;color:#d4af37;border:1px solid #D4AF37;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.btn-edit:hover{background-color:#c8a431}.btn-delete{background-color:#000;color:#d4af37;border:1px solid #D4AF37;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.no-results{text-align:center;color:#aaa;padding:20px}.empresa-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.empresa-modal{background-color:#000;border:1px solid #D4AF37;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 5px 15px #00000080}.empresa-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #D4AF37;background-color:#000}.empresa-modal-header h3{margin:0;color:#d4af37}.close-modal-btn{background:none;border:none;color:#aaa;font-size:1.2rem;cursor:pointer;transition:color .3s ease}.close-modal-btn:hover{color:#d4af37}.empresa-form{padding:20px;background-color:#000;color:#fff}.form-group{margin-bottom:15px}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1}.form-group label{display:block;margin-bottom:5px;color:#d4af37;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #D4AF37;border-radius:4px;font-size:.9rem;background-color:#000;color:#fff}.form-group select{height:36px}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#fff}.checkbox-label input{width:auto}.form-actions{display:flex;justify-content:space-between;margin-top:20px}.btn-save{background-color:#d4af37;color:#000;border:2px solid #D4AF37;font-weight:700;padding:10px 20px;border-radius:8px;font-size:1rem;box-shadow:0 2px 6px #d4af374d;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s ease}.btn-save:hover{background-color:#c8a431}.btn-delete{background-color:#000;color:#d4af37;border:2px solid #D4AF37;font-weight:600;padding:10px 20px;border-radius:8px;font-size:1rem;box-shadow:0 2px 6px #0000004d;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s ease}.btn-delete:hover{background-color:#d32f2f;color:#fff;border-color:#d32f2f}.success-message{position:fixed;top:30px;right:30px;z-index:1000;animation:slideIn .5s ease-out forwards}.success-content{display:flex;align-items:center;padding:15px 20px;background:linear-gradient(45deg,#1a1a1a,#333);border-left:4px solid #FFD700;box-shadow:0 0 15px #ffd7004d,0 0 5px #0003;border-radius:5px;color:#fff;font-weight:500}.success-icon{margin-right:10px;background-color:gold;color:#000;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 0 10px #ffd70080}@keyframes slideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.file-explorer-container{display:flex;flex-direction:column;height:100%;width:100%;background:#0a0a0a linear-gradient(180deg,#111,#080808);color:#e0e0e0;font-family:Orbitron,Roboto,sans-serif;border-radius:15px;box-shadow:0 0 30px #ffd7004d,0 0 15px #00000080 inset;overflow:hidden;position:relative;animation:backgroundPan 60s linear infinite alternate}@keyframes backgroundPan{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.file-explorer-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.05"><path d="M10 10 L90 10 L90 90 L10 90 Z" fill="none" stroke="%23FFD700" stroke-width="0.5"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" opacity="0.03"><circle cx="10" cy="10" r="0.5" fill="%23FFD700"/></svg>');background-size:50px 50px,10px 10px;pointer-events:none;z-index:0;opacity:.3}.file-explorer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:linear-gradient(to right,#111,#0c0c0c,#111);border-bottom:2px solid #FFD700;box-shadow:0 2px 15px #ffd70033;position:relative;z-index:2}.file-explorer-header:before{content:"";position:absolute;left:0;right:0;bottom:-2px;height:4px;background:gold;filter:blur(4px);opacity:.7}.file-explorer-header h1{margin:0;font-size:28px;font-weight:700;color:gold;text-shadow:0 0 5px rgba(255,215,0,.7),0 0 10px rgba(218,165,32,.5);letter-spacing:1px}.file-explorer-actions{display:flex;gap:10px}.action-button{display:flex;align-items:center;gap:8px;padding:12px 22px;background:linear-gradient(135deg,#222,#111);color:gold;border:1px solid #FFD700;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 0 6px #ffd70026,0 0 10px #0003 inset;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.action-button:hover{background:linear-gradient(135deg,gold,#daa520);color:#000;box-shadow:0 0 12px #ffd70066,0 0 8px #ffd70033 inset;border-color:gold;transform:translateY(-2px)}.action-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffd70033;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;z-index:0}.action-button:active{transform:translate(1px,1px);box-shadow:0 0 5px #ffd70066 inset,0 0 10px #0006;transition:transform .05s ease,box-shadow .05s ease}.action-button:active:before{width:260%;height:260%}.action-button:hover:before{width:250%;height:250%}.action-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(-45deg,transparent 30%,rgba(255,215,0,.15) 45%,rgba(255,215,0,.3) 50%,rgba(255,215,0,.15) 55%,transparent 70%);transform:rotate(0);animation:subtleShimmer 8s linear infinite;z-index:0;opacity:.8}.action-button>*{position:relative;z-index:1}.file-explorer-breadcrumb{display:flex;align-items:center;padding:12px 25px;background-color:#0c0c0c;border-bottom:1px solid #222;overflow-x:auto;white-space:nowrap;position:relative;z-index:2}.breadcrumb-item{display:flex;align-items:center;color:#999}.home-text{margin-left:10px;font-size:15px;font-family:Orbitron,sans-serif;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.breadcrumb-item:hover{color:gold;text-shadow:0 0 5px rgba(255,215,0,.5)}.breadcrumb-item.active{color:gold;font-weight:700;text-shadow:0 0 8px rgba(255,215,0,.7);pointer-events:none}.breadcrumb-separator{margin:0 10px;color:gold;font-size:10px;opacity:.5}.file-explorer-nav{display:flex;align-items:center;padding:10px 25px;background-color:#0c0c0c;border-bottom:1px solid #222;position:relative;z-index:2}.back-button{display:flex;align-items:center;gap:8px;padding:8px 15px;background:linear-gradient(135deg,#222,#111);color:gold;border:1px solid #FFD700;border-radius:6px;font-size:14px;font-family:Orbitron,sans-serif;text-transform:uppercase;cursor:pointer;transition:all .3s ease;box-shadow:0 0 8px #ffd70033}.back-button:hover:not(:disabled){background:linear-gradient(135deg,gold,#daa520);color:#000;box-shadow:0 0 15px #ffd70080;transform:translateY(-1px)}.back-button:disabled{opacity:.5;cursor:not-allowed}.file-explorer-content{flex-grow:1;padding:20px;background-color:#050505;background-image:radial-gradient(circle at 1px 1px,rgba(255,215,0,.05) 1px,transparent 0),radial-gradient(circle at 10px 10px,rgba(255,215,0,.03) 1px,transparent 0);background-size:20px 20px,40px 40px;overflow-y:auto;position:relative;z-index:1}.file-explorer-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,rgba(255,215,0,.02) 25%,transparent 25%,transparent 75%,rgba(255,215,0,.02) 75%,rgba(255,215,0,.02) 100%),linear-gradient(45deg,rgba(255,215,0,.02) 25%,transparent 25%,transparent 75%,rgba(255,215,0,.02) 75%,rgba(255,215,0,.02) 100%);background-size:10px 10px;background-position:0 0;animation:animatedGridNoise 2s linear infinite;opacity:.5;z-index:-1;pointer-events:none}.file-explorer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.creator-avatar-container{position:absolute;top:8px;left:8px;z-index:10;width:auto;max-width:90%}.creator-full-container{display:flex;flex-direction:row;align-items:center;cursor:pointer;max-width:100%;position:relative;z-index:10}.creator-avatar{width:24px;height:24px;border-radius:50%;background-color:#00000080;border:2px solid #FFD700;display:flex;align-items:center;justify-content:center;color:gold;overflow:hidden;transition:transform .2s;margin-right:6px}.creator-avatar:hover{transform:scale(1.2)}.creator-avatar img{width:100%;height:100%;object-fit:cover}.creator-avatar svg{color:gold;font-size:18px}.creator-name{font-size:9px;font-weight:700;color:gold;text-align:left;margin:0;white-space:nowrap;text-shadow:0px 0px 3px rgba(0,0,0,.8)}.creator-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.creator-modal-content{background:linear-gradient(135deg,#000,#111);border:2px solid #FFD700;border-radius:10px;padding:25px;width:90%;max-width:350px;position:relative;box-shadow:0 0 35px #ffd70080;display:flex;flex-direction:column;align-items:center;margin:0 15px;animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275)}.creator-image{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid #FFD700;margin-bottom:15px;background:#333;display:flex;align-items:center;justify-content:center}.creator-image img{width:100%;height:100%;object-fit:cover}.creator-info{text-align:center;color:#fff;width:100%;padding:15px}.creator-info h3{margin:10px 0;color:gold;font-size:1.8rem;text-shadow:0 0 10px rgba(255,215,0,.5);font-weight:700}.creator-label{color:#fff;font-size:1rem;margin:5px 0}.creator-date{color:#aaa;font-size:1rem;margin-top:15px;background-color:#0000004d;padding:8px;border-radius:5px;display:inline-block}.creator-modal-content .close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:gold;font-size:24px;cursor:pointer;outline:none;transition:transform .2s}.creator-modal-content .close-button:hover{transform:scale(1.2)}.placeholder-avatar{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:gold}.file-explorer-list{flex:1;padding:20px;overflow-y:auto;background-color:#0f0f0f}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:gold}.spinner{width:40px;height:40px;border:4px solid rgba(255,215,0,.3);border-radius:50%;border-top:4px solid #FFD700;animation:spin 1s linear infinite;margin-bottom:15px}.empty-directory{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;color:#888;font-style:italic}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px}.explorer-folder-card,.explorer-file-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:30px 20px 40px;background-color:#0a0a0acc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid #FFD700;border-radius:12px;color:#e0e0e0;cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);text-align:center;word-break:break-word;min-height:260px;box-shadow:0 2px 12px #ffd70040,0 0 25px #0009;overflow:hidden}:root{--folder-color: #FFD700;--folder-color-variant: #DAA520}.explorer-folder-card:before,.explorer-file-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;padding:1px;background:linear-gradient(45deg,var(--folder-color, #FFD700),var(--folder-color-variant, #DAA520),var(--folder-color, #FFD700));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;transition:opacity .4s ease;pointer-events:none}.explorer-folder-card:hover,.explorer-file-card:hover{background-color:#141414e6;transform:translateY(-5px) scale(1.03);box-shadow:0 0 15px #0006,0 0 25px var(--folder-hover-glow, #FFD700)}.explorer-folder-card:hover:before,.explorer-file-card:hover:before{opacity:1}.explorer-folder-card:after,.explorer-file-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(var(--folder-color-rgb, 255, 215, 0),.2) 48%,rgba(var(--folder-color-rgb, 255, 215, 0),.5) 50%,rgba(var(--folder-color-rgb, 255, 215, 0),.2) 52%,transparent 100%);opacity:0;transform:translateY(-100%);transition:opacity .3s ease;pointer-events:none;z-index:1}.explorer-folder-card:hover:after,.explorer-file-card:hover:after{opacity:.7;animation:scanLineAnimation 1s linear infinite alternate}.explorer-folder-card .item-card-actions,.explorer-file-card .item-card-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease;margin-top:5px;width:100%;order:3}.explorer-folder-card:hover .item-card-actions,.explorer-file-card:hover .item-card-actions{opacity:1;transform:translateY(0);transition:opacity .4s ease .1s,transform .4s ease .1s}.item-card-action-btn{background-color:#0009;color:var(--folder-color, #FFD700);border:1px solid var(--folder-color, #FFD700);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:14px;box-shadow:0 0 8px var(--folder-color, #FFD700)}.item-card-action-btn:hover{background-color:var(--folder-color, #FFD700);color:#000;box-shadow:0 0 15px var(--folder-color, #FFD700);transform:scale(1.1)}.explorer-folder-card .item-icon,.explorer-file-card .item-icon{margin-top:15px;margin-bottom:25px;filter:drop-shadow(0 0 10px var(--folder-hover-glow));color:gold;order:2;align-self:center;text-shadow:0 0 5px #FFD700,0 0 10px #FFD700,0 0 15px #DAA520,0 0 20px #B8860B;animation:pulseGlow 2.5s infinite ease-in-out;transition:transform .3s ease}.explorer-folder-card .item-icon{font-size:85px}.explorer-file-card .item-icon{font-size:65px}.explorer-folder-card:hover .item-icon,.explorer-file-card:hover .item-icon{transform:scale(1.1)}.explorer-folder-card .file-name,.explorer-file-card .file-name{font-size:15px;font-weight:600;color:#f0f0f0;margin-top:35px;margin-bottom:12px;padding-top:0;order:1;text-align:center;align-self:center;width:90%;text-shadow:0 0 3px rgba(255,255,255,.2);max-height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;position:relative;z-index:5}.explorer-folder-card .item-actions,.explorer-file-card .item-actions{order:3;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;gap:8px;margin-top:5px}.item-size{font-size:12px;color:#888;text-align:center}.error-message{padding:10px 15px;background-color:#f443361a;color:#f44336;border-left:3px solid #f44336;margin:10px 0;border-radius:3px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out forwards}.modal-container{background:#0a0a0a linear-gradient(160deg,#111,#050505);border:1px solid #FFD700;box-shadow:0 0 35px #ffd70066,0 0 10px #0000004d inset;color:#e0e0e0;padding:0;border-radius:12px;width:90%;max-width:550px;animation:scaleIn .4s cubic-bezier(.25,.8,.25,1) forwards;overflow:hidden;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:linear-gradient(to right,#181818,#0f0f0f,#181818);color:gold;border-bottom:1px solid #FFD700;box-shadow:0 1px 8px #ffd70026}.modal-header h2{margin:0;font-size:24px;font-weight:700;font-family:Orbitron,sans-serif;text-shadow:0 0 8px #FFD700,0 0 12px #DAA520;letter-spacing:1px}.modal-close-btn{background:transparent;border:none;color:gold;font-size:30px;font-weight:700;cursor:pointer;opacity:.8;transition:all .3s ease;padding:5px;line-height:1}.modal-close-btn:hover{opacity:1;transform:scale(1.2);text-shadow:0 0 10px #FFD700,0 0 15px #FFD700}.modal-body{padding:25px;max-height:60vh;overflow-y:auto;flex-grow:1;background-color:#080808}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group label{display:block;margin-bottom:8px;color:gold;font-weight:600;font-family:Orbitron,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.modal-body .form-control{width:100%;background-color:#111;border:1px solid #444;color:#e0e0e0;border-radius:4px;padding:12px 15px;font-size:14px;transition:border-color .3s ease,box-shadow .3s ease}.error-message{color:#ff4d4d;font-size:13px;margin-top:8px;background-color:#ff4d4d1a;padding:8px;border-left:3px solid #ff4d4d;border-radius:4px}.modal-footer{padding:20px 25px;display:flex;justify-content:flex-end;gap:15px;background:linear-gradient(to right,#181818,#0f0f0f,#181818);border-top:1px solid #FFD700;box-shadow:0 -1px 8px #ffd70026}.modal-footer .confirm-button,.modal-footer .cancel-button{padding:12px 22px;border-radius:6px;font-size:15px;font-weight:500;font-family:Orbitron,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);text-transform:uppercase;letter-spacing:.5px;border:1px solid #FFD700;box-shadow:0 0 8px #ffd70033,0 0 15px #0000004d inset;position:relative;overflow:hidden}.modal-footer .confirm-button{background:linear-gradient(135deg,gold,#daa520);color:#000;border-color:gold}.modal-footer .confirm-button:hover{background-color:#ffec8b;box-shadow:0 0 12px #ffd70066}.modal-footer .cancel-button{background-color:#333;color:gold;border:1px solid #555}.modal-footer .cancel-button:hover{background-color:#444;border-color:gold}.form-group{margin-bottom:20px;position:relative}.form-group label{display:block;margin-bottom:5px;font-size:14px;color:silver}input[type=text],input[type=file],textarea{width:100%;padding:12px 15px;background-color:#050505;border:1px solid #444;border-radius:6px;color:#e0e0e0;font-size:15px;font-family:Roboto,sans-serif;transition:border-color .3s ease,box-shadow .3s ease;box-shadow:0 0 5px #0003 inset}input[type=text]:focus,input[type=file]:focus,textarea:focus{border-color:gold;box-shadow:0 0 10px #ffd70080,0 0 3px #ffd7004d inset;outline:none;background-color:#111}.upload-dropzone{padding:30px;border:2px dashed #444;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s ease}.upload-dropzone.dragging{border-color:gold;background-color:#ffd7000d}.upload-dropzone:hover{border-color:#666;background-color:#1c1c1c}.upload-icon{font-size:40px;color:#666;margin-bottom:10px}.upload-text{color:#888;margin:0}.upload-browse{color:gold;text-decoration:underline}.color-picker-modal-body{display:flex;flex-direction:column;align-items:center}.color-picker-container{margin-top:15px;margin-bottom:20px;padding:15px;background-color:#0a0a0a;border-radius:8px;border:1px solid #333;box-shadow:0 0 10px #0000004d inset;width:100%;max-width:300px}.custom-react-color-picker,.react-color-picker{width:100%!important;box-shadow:none!important;background:transparent!important;font-family:Roboto,sans-serif}.react-color-picker__saturation-spectrum,.react-color-picker__hue-slider,.react-color-picker__alpha-slider{border-radius:6px!important;box-shadow:inset 0 0 5px #00000080!important;border:1px solid #222!important}.react-color-picker__hue-slider .react-color-picker__slider-cursor,.react-color-picker__alpha-slider .react-color-picker__slider-cursor{border-color:gold!important;background-color:#ffd70080!important;box-shadow:0 0 5px gold!important;width:8px!important;height:20px!important;border-radius:2px!important}.react-color-picker__saturation-spectrum .react-color-picker__saturation-cursor{border-color:gold!important;background-color:#0000004d!important;box-shadow:0 0 5px gold!important;width:12px!important;height:12px!important}.react-color-picker input[type=text],.react-color-picker input[type=number]{background-color:#050505!important;color:#e0e0e0!important;border:1px solid #444!important;border-radius:4px!important;padding:8px!important;font-size:14px!important;box-shadow:0 0 5px #0003 inset!important;text-align:center}.react-color-picker input[type=text]:focus,.react-color-picker input[type=number]:focus{border-color:gold!important;box-shadow:0 0 8px #ffd70066!important;background-color:#111!important}.react-color-picker>div>div:last-child>div>span{color:gold!important;font-family:Orbitron,sans-serif!important;font-size:12px!important;text-transform:uppercase}.color-preview-box{width:100%;height:40px;border-radius:6px;border:1px solid #FFD700;margin-bottom:15px;box-shadow:0 0 8px #ffd7004d inset}.selected-files{margin-top:20px}.selected-files h3{font-size:16px;margin-bottom:10px;color:silver}.files-list{max-height:200px;overflow-y:auto;background-color:#222;border-radius:5px;list-style:none;padding:0;margin:0}.files-list .file-explorer-breadcrumb{display:flex;align-items:center;padding:15px 20px;font-size:16px;border-bottom:1px solid rgba(255,215,0,.3);background-color:#000c;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px #0003}.home-text{margin-left:8px}.files-list .file-icon{font-size:16px;color:gold;margin-right:10px}.files-list .file-details{flex:1}.files-list .file-name{font-size:14px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files-list .file-size{font-size:12px;color:#888;margin:0}.file-viewer-modal{width:90%;max-width:800px;height:90vh}.file-viewer-body{padding:0;display:flex;align-items:center;justify-content:center;background-color:#111}.file-preview-image{max-width:100%;max-height:70vh;object-fit:contain}.file-preview-pdf{width:100%;height:70vh;border:none}.file-preview-video,.file-preview-audio{width:100%;max-height:70vh}.file-unsupported{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.file-unsupported .file-icon{font-size:60px;color:#888;margin-bottom:15px}.file-unsupported .file-name{font-size:18px;margin-bottom:5px}.file-unsupported .file-size{color:#888;font-size:14px;margin-bottom:20px}.download-link{display:flex;align-items:center;gap:5px;padding:10px 20px;background-color:#4caf50;color:#fff;text-decoration:none;font-weight:500;transition:all .2s ease;border-radius:5px;transition:background-color .3s ease}.upload-btn{background-color:#00a896;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;margin-right:10px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 5px #0000001a}.upload-btn:hover{background-color:#028090;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.upload-btn:active{transform:translateY(0);box-shadow:0 2px 3px #0000001a}.download-link:hover{background-color:#43a047}.delete-modal .modal-body{text-align:center}.warning-icon{font-size:50px;color:#f44336;margin-bottom:15px}.warning-message{margin-top:15px;padding:10px;background-color:#f443361a;border-radius:5px;border-left:3px solid #f44336}.warning-message p{margin:0;font-size:14px;color:#f44336}@keyframes pulseGlow{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(255,215,0,.5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 5px rgba(255,215,0,.7))}}@keyframes scanLineAnimation{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes subtleShimmer{0%{transform:translate(-75%) translateY(-75%) rotate(0)}to{transform:translate(25%) translateY(25%) rotate(0)}}@keyframes animatedGridNoise{0%{background-position:0 0}to{background-position:20px 20px}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0a0a0a;border-radius:10px;box-shadow:inset 0 0 5px #00000080}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,gold,#daa520);border-radius:10px;border:2px solid #0a0a0a;box-shadow:0 0 6px #ffd70066}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ffed8a,gold);box-shadow:0 0 10px #ffd70099}::-webkit-scrollbar-corner{background:#0a0a0a}@media (max-width: 768px){.files-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.item-icon{font-size:30px}.item-name{font-size:12px}.modal-container{width:95%}.file-viewer-modal{width:100%;height:100vh;max-width:none;border-radius:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.file-explorer-container{animation:fadeIn .5s ease}.close-button,.modal-close-btn,.modal-footer button{background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;margin-left:10px;display:flex;align-items:center;gap:6px}.close-button:hover,.modal-close-btn:hover,.modal-footer button:hover{background-color:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.close-button:active,.modal-close-btn:active,.modal-footer button:active{transform:translateY(0);box-shadow:0 2px 3px #0000001a}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #3498db;width:24px;height:24px;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}.upload-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000;color:#fff}.upload-loading-content{background-color:#ffffffe6;border-radius:8px;padding:30px 40px;display:flex;flex-direction:column;align-items:center;box-shadow:0 5px 15px #00000080;color:#333}.upload-loading-content .loading-spinner{width:50px;height:50px;border-width:5px;margin-bottom:20px}.upload-success-message{color:#4caf50;font-weight:600;margin-top:15px;display:flex;align-items:center;gap:8px}.explorer-folder-card,.explorer-file-card{animation:fadeIn .3s ease}.fa-spin{animation:fa-spin 1s infinite linear}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message-upload{display:flex;align-items:center;justify-content:center;width:100%;padding:10px;color:#0c6;font-weight:600;background-color:#00cc661a;border-radius:4px}.success-message-upload .success-icon{margin-right:8px;font-size:18px}.client-form-preview-page{min-height:100vh;background:linear-gradient(135deg,#000,#111);display:flex;justify-content:center;align-items:center;padding:20px 10px;font-family:Poppins,sans-serif}.client-form-container{background-color:#0a0a0a;border-radius:16px;width:100%;max-width:650px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #d4af371a;overflow:hidden;animation:fadeIn .5s ease}.client-form-header{background-color:#000;padding:30px 20px;text-align:center;position:relative;border-bottom:1px solid rgba(212,175,55,.15)}.hangout-logo{font-size:1.2rem;font-weight:700;letter-spacing:3px;color:#d4af37;margin-bottom:20px;text-shadow:0 0 10px rgba(212,175,55,.3)}.client-form-title{color:#d4af37;margin:0 0 15px;font-size:2rem;font-weight:700;line-height:1.2}.client-form-description{color:#aaa;margin:0;font-size:1rem;line-height:1.5}.client-form-body{padding:30px 20px}.client-form-fields{margin-bottom:30px;display:flex;flex-direction:column;gap:20px}.form-field{margin-bottom:20px}.form-field label{display:block;margin-bottom:8px;color:#d4af37;font-weight:500;font-size:.95rem}.form-field input[type=text],.form-field input[type=email],.form-field textarea{width:100%;padding:14px 16px;border-radius:8px;border:1px solid #333;background-color:#111;color:#eee;font-size:1rem;transition:all .3s ease}.form-field input[type=text]:focus,.form-field input[type=email]:focus,.form-field textarea:focus{border-color:#d4af37;box-shadow:0 0 0 2px #d4af3733;outline:none}.form-field textarea{resize:vertical;min-height:120px}.client-form-actions{display:flex;justify-content:center}.client-submit-btn{background:linear-gradient(135deg,#d4af37,#aa8c2c);color:#000;font-weight:600;font-size:1rem;padding:14px 30px;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px #d4af374d}.client-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.client-submit-btn:active{transform:translateY(0)}.client-submit-btn:disabled{opacity:.7;cursor:not-allowed}.client-form-footer{padding:20px;text-align:center;color:#555;font-size:.85rem;border-top:1px solid rgba(255,255,255,.05)}.loading-page{background-color:#000;display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%}.client-loading{text-align:center;width:100%;max-width:300px;color:#d4af37;animation:pulse-glow 2s infinite}.client-loading-spinner{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border:4px solid rgba(212,175,55,.1);border-radius:50%;border-top-color:#d4af37;border-left-color:#d4af37;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;margin-bottom:30px;box-shadow:0 0 20px #d4af374d;position:relative}.loading-smile{position:absolute;display:inline-flex;align-items:center;justify-content:center;animation:no-spin 1.2s cubic-bezier(.5,0,.5,1) infinite;z-index:10}.loading-smile svg{width:60px;height:60px;color:#d4af37}@keyframes no-spin{0%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%{opacity:.8;text-shadow:0 0 5px rgba(212,175,55,.3)}50%{opacity:1;text-shadow:0 0 20px rgba(212,175,55,.7)}to{opacity:.8;text-shadow:0 0 5px rgba(212,175,55,.3)}}.client-success-container{background-color:#0a0a0a;border-radius:16px;padding:40px;text-align:center;width:100%;max-width:450px;color:#fff;box-shadow:0 15px 40px #0000004d;animation:fadeIn .5s ease}.client-success-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:#2ecc7126;color:#2ecc71;font-size:2.5rem;border-radius:50%;margin:0 auto 20px;position:relative}.client-success-icon:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #2ecc71;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.7}70%{transform:scale(1.1);opacity:0}to{transform:scale(.95);opacity:0}}.client-success-container h2{color:#d4af37;margin-bottom:15px;font-size:1.8rem}.client-success-container p{color:#aaa;margin-bottom:30px;font-size:1.1rem}.client-success-animation{height:50px;margin:20px 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' fill='none'%3E%3Cpath d='M0,50 C50,30 50,70 100,50 C150,30 150,70 200,50' stroke='%23D4AF37' stroke-width='2'%3E%3Canimate attributeName='d' dur='5s' repeatCount='indefinite' values='M0,50 C50,30 50,70 100,50 C150,30 150,70 200,50;M0,50 C50,70 50,30 100,50 C150,70 150,30 200,50;M0,50 C50,30 50,70 100,50 C150,30 150,70 200,50'/%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat}.client-error-container{background-color:#0a0a0a;border-radius:16px;padding:40px;text-align:center;width:100%;max-width:450px;color:#fff;box-shadow:0 15px 40px #0000004d}.client-error-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:#e74c3c26;color:#e74c3c;font-size:2rem;border-radius:50%;margin:0 auto 20px}.client-error-container h2{color:#d4af37;margin-bottom:15px}.client-back-btn{background-color:#222;color:#d4af37;font-weight:600;padding:12px 25px;border:1px solid #333;border-radius:50px;cursor:pointer;transition:all .3s ease;margin-top:20px}.client-back-btn:hover{background-color:#333;transform:translateY(-2px)}.rating-field{margin-bottom:20px}.rating-stars{display:flex;gap:10px;margin-top:8px}.rating-star{cursor:pointer;font-size:28px;color:#d4af374d;transition:all .2s ease}.rating-star.active,.rating-star.selected{color:#d4af37}.rating-star:hover{transform:scale(1.2)}.smile-rating{justify-content:center}.smile-icon{font-size:32px;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:#0003;border:1px solid rgba(212,175,55,.2)}.smile-icon.selected{background-color:#d4af371a;border-color:#d4af37;box-shadow:0 0 10px #d4af3766}.smile-icon:hover{background-color:#d4af3726;border-color:#d4af37}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){.client-form-container{max-width:100%;margin:10px}.client-form-header{padding:20px 15px}.client-form-title{font-size:1.5rem;margin-bottom:10px}.client-form-description{font-size:.9rem}.client-form-body{padding:20px 15px}.form-field{margin-bottom:15px}.form-field label{margin-bottom:5px;font-size:.9rem}.form-field input[type=text],.form-field input[type=email],.form-field textarea{padding:12px;font-size:.95rem}.client-submit-btn{width:100%;padding:12px 20px;justify-content:center}.rating-stars{gap:5px}.rating-star{font-size:28px}.client-success-container,.client-error-container{padding:25px 15px;max-width:95%}.client-success-message,.client-error-message{font-size:1.2rem}}@media (max-width: 480px){.client-form-title{font-size:1.3rem}.hangout-logo{font-size:1rem;letter-spacing:2px}.client-form-header,.client-form-body{padding:15px 12px}.form-field{margin-bottom:12px}.client-submit-btn{font-size:.9rem;padding:10px 15px}.client-success-icon,.client-error-icon{transform:scale(.8)}}:root{--color-primary: #000000;--color-dark: #111111;--color-secondary: #D4AF37;--color-accent: #FFC107;--color-text: #D4AF37;--color-text-light: #f5f5f5;--color-white: #FFFFFF;--color-card: #121212;--container-width: 1200px;--section-spacing: 6rem;--section-spacing-mobile: 4rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--color-primary);color:var(--color-text-light);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700;margin-bottom:1rem;color:var(--color-secondary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}a{text-decoration:none;color:inherit;transition:color .3s,background-color .3s}a:hover{color:var(--color-secondary);opacity:.8}p{margin-bottom:1rem}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.section{padding:var(--section-spacing) 0;position:relative}.section:after{content:"";display:block;height:1px;width:60%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent);margin:0 auto;position:absolute;bottom:0;left:20%}.section:last-of-type:after{display:none}.section-dark{background-color:var(--color-dark)}.section-divider{height:4px;width:80px;background-color:var(--color-secondary);margin:0 auto 2rem}.text-center{text-align:center}.section-title{text-align:center;margin-bottom:3.5rem}.section-title h2{font-size:2.5rem;color:var(--color-secondary);margin-bottom:1rem;position:relative;display:inline-block}.btn{display:inline-block;padding:.75rem 1.75rem;border-radius:.25rem;font-weight:600;cursor:pointer;transition:all .3s;text-align:center;font-size:1rem;letter-spacing:.5px}.btn-primary{background-color:var(--color-secondary);color:var(--color-primary);border:none}.btn-primary:hover{background-color:var(--color-accent);transform:translateY(-2px)}.btn-outline{background-color:transparent;border:2px solid var(--color-secondary);color:var(--color-secondary)}.btn-outline:hover{background-color:var(--color-secondary);color:var(--color-primary);transform:translateY(-2px)}.card{background-color:var(--color-card);border-radius:.5rem;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s;border:1px solid rgba(212,175,55,.1)}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.grid{display:grid;gap:2rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}@media (min-width: 768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.75rem}.grid-4{grid-template-columns:repeat(4,1fr)}}@media (max-width: 992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.section-title h2{font-size:2.2rem}}@media (max-width: 768px){:root{--section-spacing: var(--section-spacing-mobile)}.grid-2{grid-template-columns:1fr}.section-title h2{font-size:2rem}.section:after{width:80%;left:10%}}@media (max-width: 576px){.grid-3,.grid-4{grid-template-columns:1fr}.section-title h2{font-size:1.8rem}.container{padding:0 1rem}}