@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";.landing-page{min-height:100vh;position:relative;overflow-x:hidden}.landing-page[data-theme=dark]{--landing-bg:#0a0a0a;--landing-text:#fff;--landing-text-secondary:#b0b0b0;--landing-card-bg:#1a1a1a;--landing-border:#2a2a2a;--landing-primary:#007bff;--landing-primary-dark:#0056b3;--landing-gradient-start:#1a1a2e;--landing-gradient-end:#16213e}.landing-page[data-theme=light]{--landing-bg:#fff;--landing-text:#212529;--landing-text-secondary:#6c757d;--landing-card-bg:#f8f9fa;--landing-border:#e9ecef;--landing-primary:#007bff;--landing-primary-dark:#0056b3;--landing-gradient-start:#f8f9fa;--landing-gradient-end:#e9ecef}.landing-nav{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--landing-border);background:#0a0a0acc;transition:all .3s;position:fixed;top:0;left:0;right:0}.landing-page[data-theme=light] .landing-nav{background:#ffffffe6}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.nav-logo{color:var(--landing-text);align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.nav-logo img{object-fit:contain;width:40px;height:40px}.nav-links{align-items:center;gap:16px;display:flex}.nav-links button{color:var(--landing-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.nav-links button:hover{color:var(--landing-text);background:var(--landing-card-bg)}.btn-login{background:var(--landing-primary)!important;color:#fff!important;font-weight:600!important}.btn-login:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d;background:var(--landing-primary-dark)!important}.hero-section{justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;position:absolute;inset:0;overflow:hidden}.gradient-orb{filter:blur(80px);opacity:.6;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.orb-1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:500px;height:500px;animation-delay:0s;top:-200px;left:-200px}.orb-2{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);width:400px;height:400px;animation-delay:5s;bottom:-150px;right:-150px}.orb-3{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);width:350px;height:350px;animation-delay:10s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.hero-content{z-index:1;text-align:center;max-width:900px;margin:0 auto;position:relative}.hero-logo-container{margin-bottom:32px;animation:1s ease-out fadeInUp}.hero-logo{object-fit:contain;filter:drop-shadow(0 10px 30px #0000004d);width:120px;height:120px;transform-style:preserve-3d;animation:3s ease-in-out infinite pulse,20s linear infinite rotate-3d}@keyframes rotate-3d{0%{transform:perspective(1000px)rotateY(0)rotateX(0)}25%{transform:perspective(1000px)rotateY(90deg)rotateX(5deg)}50%{transform:perspective(1000px)rotateY(180deg)rotateX(0)}75%{transform:perspective(1000px)rotateY(270deg)rotateX(-5deg)}to{transform:perspective(1000px)rotateY(360deg)rotateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{color:var(--landing-text);margin-bottom:24px;font-size:clamp(36px,8vw,72px);font-weight:800;line-height:1.1;animation:1s ease-out .2s both fadeInUp}.title-line{display:block}.title-line.highlight{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--landing-text-secondary);margin-bottom:40px;font-size:clamp(16px,2.5vw,22px);line-height:1.6;animation:1s ease-out .4s both fadeInUp}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:60px;animation:1s ease-out .6s both fadeInUp;display:flex}.cta-primary,.cta-primary-large{background:var(--landing-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #007bff4d}.cta-primary:hover,.cta-primary-large:hover{background:var(--landing-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #007bff66}.cta-secondary,.cta-secondary-large{color:var(--landing-text);border:2px solid var(--landing-border);cursor:pointer;background:0 0;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s}.cta-secondary:hover,.cta-secondary-large:hover{border-color:var(--landing-primary);color:var(--landing-primary);transform:translateY(-2px)}.cta-primary-large,.cta-secondary-large{padding:18px 40px;font-size:18px}.hero-stats{flex-wrap:wrap;justify-content:center;gap:48px;animation:1s ease-out .8s both fadeInUp;display:flex}.stat-item{text-align:center}.stat-number{color:var(--landing-primary);margin-bottom:8px;font-size:48px;font-weight:800}.stat-label{color:var(--landing-text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:14px}.scroll-indicator{flex-direction:column;align-items:center;gap:8px;animation:2s infinite bounce;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.mouse{border:2px solid var(--landing-text-secondary);border-radius:12px;width:24px;height:40px;position:relative}.mouse:before{content:"";background:var(--landing-text-secondary);border-radius:2px;width:4px;height:8px;animation:2s infinite scroll;position:absolute;top:8px;left:50%;transform:translate(-50%)}.scroll-arrow{border-right:2px solid var(--landing-text-secondary);border-bottom:2px solid var(--landing-text-secondary);width:16px;height:16px;animation:2s infinite scroll-arrow;transform:rotate(45deg)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(10px)}}@keyframes scroll{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(12px)}}@keyframes scroll-arrow{0%,to{opacity:.5}50%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.features-section{background:var(--landing-bg);padding:120px 24px;position:relative}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:64px}.section-title{color:var(--landing-text);margin-bottom:16px;font-size:clamp(32px,6vw,48px);font-weight:700}.section-subtitle{color:var(--landing-text-secondary);max-width:600px;margin:0 auto;font-size:18px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.feature-card,.tech-card,.benefit-item{opacity:0;transition:all .6s ease-out;transform:translateY(30px)}.feature-card.animate-in,.tech-card.animate-in,.benefit-item.animate-in{opacity:1;transform:translateY(0)}.feature-card{background:var(--landing-card-bg);border:1px solid var(--landing-border);border-radius:16px;padding:32px;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{border-color:var(--landing-primary);transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0000001a}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{margin-bottom:16px;font-size:48px;animation:3s ease-in-out infinite float-icon;display:inline-block}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-card h3{color:var(--landing-text);margin-bottom:12px;font-size:24px;font-weight:600}.feature-card p{color:var(--landing-text-secondary);font-size:16px;line-height:1.6}.tech-section{background:linear-gradient(135deg, var(--landing-gradient-start) 0%, var(--landing-gradient-end) 100%);padding:120px 24px;position:relative}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.tech-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:32px;transition:all .3s}.tech-card:hover{border-color:var(--landing-primary);background:#ffffff1a;transform:translateY(-8px)scale(1.05)rotateY(5deg);box-shadow:0 15px 35px #667eea4d}.tech-icon{margin-bottom:16px;font-size:48px;display:inline-block}.tech-card h3{color:var(--landing-text);margin-bottom:8px;font-size:20px;font-weight:600}.tech-card p{color:var(--landing-text-secondary);font-size:14px}.benefits-section{background:var(--landing-bg);padding:120px 24px}.benefits-content{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.benefit-list{flex-direction:column;gap:32px;display:flex}.benefit-item{align-items:flex-start;gap:20px;display:flex}.benefit-icon{flex-shrink:0;font-size:32px}.benefit-item h3{color:var(--landing-text);margin-bottom:8px;font-size:20px;font-weight:600}.benefit-item p{color:var(--landing-text-secondary);font-size:16px;line-height:1.6}.benefits-visual{height:500px;position:relative}.floating-card{background:var(--landing-card-bg);border:1px solid var(--landing-border);transform-style:preserve-3d;border-radius:16px;padding:24px;transition:transform .3s;animation:6s ease-in-out infinite float-card;position:absolute;box-shadow:0 10px 30px #0003}.floating-card:hover{transform:translateY(-10px)rotateY(5deg)rotateX(5deg);box-shadow:0 20px 40px #0000004d}.card-1{animation-delay:0s;top:0;left:0}.card-2{animation-delay:2s;top:50%;right:0;transform:translateY(-50%)}.card-3{animation-delay:4s;bottom:0;left:20%}@keyframes float-card{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}}.card-content{text-align:center}.card-icon{margin-bottom:12px;font-size:48px}.card-title{color:var(--landing-text);font-size:18px;font-weight:600}.cta-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:120px 24px;position:relative;overflow:hidden}.cta-background{position:absolute;inset:0;overflow:hidden}.cta-gradient{background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:20s linear infinite rotate;position:absolute}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-content{z-index:1;text-align:center;color:#fff;position:relative}.cta-title{margin-bottom:16px;font-size:clamp(32px,6vw,48px);font-weight:700}.cta-subtitle{opacity:.9;margin-bottom:40px;font-size:20px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:40px;display:flex}.cta-primary-large{color:#667eea;background:#fff}.cta-primary-large:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.cta-secondary-large{color:#fff;background:0 0;border:2px solid #fff}.cta-secondary-large:hover{background:#ffffff1a}.cta-footer{border-top:1px solid #fff3;margin-top:40px;padding-top:40px}.cta-footer p{opacity:.8;font-size:14px}.landing-footer{background:var(--landing-card-bg);border-top:1px solid var(--landing-border);padding:48px 24px}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.footer-brand{color:var(--landing-text);align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.footer-brand img{object-fit:contain;width:32px;height:32px}.footer-links{flex-wrap:wrap;gap:24px;display:flex}.footer-links a{color:var(--landing-text-secondary);font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--landing-primary)}.footer-copyright{color:var(--landing-text-secondary);font-size:14px}@media (max-width:768px){.nav-links{gap:8px}.nav-links button:not(.btn-login):not(.theme-toggle){display:none}.nav-links button{padding:6px 12px;font-size:12px}.hero-title{font-size:36px}.hero-stats{gap:24px}.features-grid,.benefits-content{grid-template-columns:1fr}.benefits-visual{height:300px;margin-top:32px}.tech-grid{grid-template-columns:repeat(2,1fr)}.footer-container{text-align:center;flex-direction:column}.floating-card{margin-bottom:16px;position:relative!important}.card-1,.card-2,.card-3{position:relative!important;inset:auto!important;transform:none!important}}@media (max-width:480px){.nav-container{padding:12px 16px}.nav-logo span{display:none}.hero-cta{flex-direction:column}.cta-primary,.cta-secondary,.cta-primary-large,.cta-secondary-large{width:100%}.tech-grid{grid-template-columns:1fr}}.auth-page-wrapper{--landing-bg:#fff;--landing-text:#212529;--landing-text-secondary:#6c757d;--landing-card-bg:#f8f9fa;--landing-border:#e9ecef;--landing-primary:#007bff;--landing-primary-dark:#0056b3;background:var(--landing-bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Poppins,sans-serif;display:flex;position:relative;overflow:hidden}.auth-page-wrapper[data-theme=dark]{--landing-bg:#0a0a0a;--landing-text:#fff;--landing-text-secondary:#b0b0b0;--landing-card-bg:#1a1a1a;--landing-border:#2a2a2a;--landing-primary:#007bff;--landing-primary-dark:#0056b3;background:var(--landing-bg)}.auth-page-wrapper[data-theme=light]{--landing-bg:#fff;--landing-text:#212529;--landing-text-secondary:#6c757d;--landing-card-bg:#f8f9fa;--landing-border:#e9ecef;--landing-primary:#007bff;--landing-primary-dark:#0056b3;background:var(--landing-bg)}.auth-page-wrapper:before{content:"";pointer-events:none;opacity:.6;background:radial-gradient(circle at 20% 30%,#667eea26 0%,#0000 40%),radial-gradient(circle at 80% 70%,#764ba226 0%,#0000 40%),radial-gradient(circle,#4facfe1a 0%,#0000 60%);position:absolute;inset:0}.auth-page-wrapper[data-theme=dark]:before{background:radial-gradient(circle at 20% 30%,#667eea33 0%,#0000 40%),radial-gradient(circle at 80% 70%,#764ba233 0%,#0000 40%),radial-gradient(circle,#4facfe26 0%,#0000 60%)}.auth-page-wrapper:after{content:"";pointer-events:none;background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);position:absolute;inset:0}.auth-page-wrapper[data-theme=dark]:after{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%)}.jw-tech-signature{color:var(--landing-text);letter-spacing:2px;text-transform:uppercase;z-index:1;background:var(--landing-card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--landing-border);border-radius:20px;align-items:center;gap:10px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .3s;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 12px #0000001a}.jw-tech-signature:before{content:"";background:linear-gradient(90deg, transparent, var(--landing-primary), transparent);border-radius:2px;width:40px;height:2px}.auth-wrapper{background-color:var(--landing-card-bg);border:1px solid var(--landing-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;width:850px;max-width:100%;min-height:550px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 25px 70px #00000026,0 10px 30px #0000001a}.auth-page-wrapper[data-theme=dark] .auth-wrapper{box-shadow:0 25px 70px #00000080,0 10px 30px #0000004d}.auth-wrapper h1{color:var(--landing-text);text-shadow:none;margin:0;font-size:28px;font-weight:700}.auth-wrapper p{letter-spacing:.5px;color:var(--landing-text-secondary);text-shadow:none;margin:20px 0 30px;font-size:15px;font-weight:300;line-height:24px}.auth-wrapper span{color:var(--landing-text-secondary);margin:10px 0;font-size:13px}.auth-wrapper a{color:var(--landing-primary);margin:15px 0;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}.auth-wrapper a:hover{color:var(--landing-primary-dark)}.auth-wrapper button{background:linear-gradient(135deg, var(--landing-primary) 0%, var(--landing-primary-dark) 100%);color:#fff;letter-spacing:.5px;text-transform:none;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:10px;padding:14px 50px;font-size:14px;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #007bff4d}.auth-wrapper button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.auth-wrapper button:hover:not(:disabled):before{left:100%}.auth-wrapper button:hover:not(:disabled){background:linear-gradient(135deg, var(--landing-primary-dark) 0%, #004085 100%);transform:translateY(-2px);box-shadow:0 6px 25px #007bff66}.auth-wrapper button:active:not(:disabled){transform:translateY(0)}.auth-wrapper button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-wrapper button:focus{outline:none}.auth-wrapper button.transparent-btn{background:var(--landing-card-bg);border:2px solid var(--landing-primary);color:var(--landing-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:auto;margin-top:0;box-shadow:0 4px 15px #007bff33}.auth-wrapper button.transparent-btn:hover{background:var(--landing-primary);border-color:var(--landing-primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #007bff4d}.auth-wrapper form{text-align:center;border-right:1px solid var(--landing-border);box-sizing:border-box;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0 50px;display:flex}.register-form-box form{border-right:none;border-left:1px solid var(--landing-border)}.auth-wrapper input{background-color:var(--landing-bg);border:2px solid var(--landing-border);width:100%;max-width:100%;color:var(--landing-text);box-sizing:border-box;border-radius:12px;margin:8px 0;padding:14px 18px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s}.auth-wrapper input:focus{border-color:var(--landing-primary);background-color:var(--landing-bg);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #007bff26,0 2px 8px #007bff1a}.auth-wrapper input::placeholder{color:var(--landing-text-secondary)}.auth-wrapper input:disabled{opacity:.6;cursor:not-allowed}.auth-form-box{height:100%;transition:all .6s ease-in-out;position:absolute;top:0;overflow:hidden}.login-form-box{z-index:2;opacity:1;visibility:visible;width:50%;left:0}.auth-wrapper.panel-active .login-form-box{opacity:0;visibility:hidden;z-index:1;transform:translate(100%)}.register-form-box{opacity:0;visibility:hidden;z-index:1;pointer-events:none;width:50%;left:0}.auth-wrapper.panel-active .register-form-box{opacity:1;visibility:visible;z-index:5;pointer-events:auto;animation:.6s show;transform:translate(100%)}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.slide-panel-wrapper{z-index:100;width:50%;height:100%;transition:transform .6s ease-in-out;position:absolute;top:0;left:50%;overflow:hidden}.auth-wrapper.panel-active .slide-panel-wrapper{transform:translate(-100%)}.slide-panel{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) 50%/cover;border-left:2px solid #ffffff1a;border-right:2px solid #ffffff1a;width:200%;height:100%;transition:transform .6s ease-in-out;position:relative;left:-100%;transform:translate(0)}.slide-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 40%,#fff3 0%,#0000 50%),radial-gradient(circle at 70% 60%,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.slide-panel h1,.slide-panel p,.slide-panel button{color:#fff}.auth-wrapper.panel-active .slide-panel{transform:translate(50%)}.panel-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:0 50px;transition:transform .6s ease-in-out;display:flex;position:absolute;top:0;transform:translate(0)}.panel-content-left{transform:translate(-20%)}.auth-wrapper.panel-active .panel-content-left{transform:translate(0)}.panel-content-right{right:0;transform:translate(0)}.auth-wrapper.panel-active .panel-content-right{transform:translate(20%)}.social-links{margin:25px 0}.social-links a{border:2px solid var(--landing-border);width:45px;height:45px;color:var(--landing-primary);background-color:var(--landing-bg);border-radius:50%;justify-content:center;align-items:center;margin:0 8px;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #0000001a}.social-links a:hover{border-color:var(--landing-primary);background:linear-gradient(135deg, var(--landing-primary) 0%, var(--landing-primary-dark) 100%);color:#fff;transform:translateY(-3px)scale(1.05);box-shadow:0 8px 20px #007bff4d}.social-links a.google-btn{color:#4285f4;background-color:#fff;border-color:#e3f2fd}.social-links a.google-btn:hover{color:#fff;background:linear-gradient(135deg,#4285f4 0%,#1976d2 100%);border-color:#4285f4;box-shadow:0 8px 20px #4285f44d,inset 0 2px 8px #fff3}.mobile-switch{display:none}.auth-error{color:#dc3545;text-align:center;background-color:#dc35451a;border:1px solid #dc35454d;border-radius:8px;width:100%;margin:10px 0;padding:10px 15px;font-size:13px}.auth-page-wrapper[data-theme=dark] .auth-error{color:#ff6b6b;background-color:#dc354533;border-color:#dc354566}@media (max-width:768px){.auth-page-wrapper{padding:10px}.auth-wrapper{border-radius:15px;width:100%;max-width:100%;min-height:auto}.auth-form-box{opacity:1!important;width:100%!important;position:static!important;transform:none!important}.login-form-box,.register-form-box{opacity:1!important;visibility:visible!important;z-index:1!important;pointer-events:auto!important;width:100%!important;position:static!important;left:0!important;transform:none!important}.register-form-box{display:none!important}.auth-wrapper.panel-active .login-form-box{visibility:hidden!important;display:none!important}.auth-wrapper.panel-active .register-form-box{visibility:visible!important;display:block!important}.slide-panel-wrapper{display:none!important}.auth-wrapper form{height:auto;padding:30px 25px;position:static}.auth-wrapper h1{margin-bottom:10px;font-size:22px}.auth-wrapper input{padding:12px 15px;font-size:14px}.auth-wrapper button{padding:12px 40px;font-size:12px}.social-links a{width:40px;height:40px;margin:0 5px}.mobile-switch{color:var(--landing-primary);margin-top:20px;font-size:14px;display:block}.mobile-switch p{color:var(--landing-text-secondary);margin:10px 0;font-size:14px}.mobile-switch button.mobile-switch-btn{color:var(--landing-primary);border:2px solid var(--landing-primary);box-shadow:none;background:0 0;width:auto;margin-top:10px;padding:10px 30px}.mobile-switch button.mobile-switch-btn:hover{background:var(--landing-primary);color:#fff}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#007bff;--primary-dark:#0056b3;--secondary:#6c757d;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--light:#f8f9fa;--dark:#343a40;--white:#fff;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--border-radius:8px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--transition:all .2s ease-in-out;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--text-tertiary:#adb5bd;--border-color:#e9ecef;--hover-bg:#f8f9fa}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#242424;--bg-tertiary:#2d2d2d;--text-primary:#fff;--text-secondary:#b0b0b0;--text-tertiary:gray;--border-color:#3a3a3a;--hover-bg:#2d2d2d;--gray-100:#2d2d2d;--gray-200:#3a3a3a;--gray-300:#4a4a4a;--gray-400:#5a5a5a;--gray-500:#6a6a6a;--gray-600:#8a8a8a;--gray-700:#aaa;--gray-800:#ccc;--gray-900:#fff;--white:#1a1a1a;--shadow:0 1px 3px 0 #0000004d, 0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0006}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar-track{background:var(--gray-200)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}.container{max-width:1200px;margin:0 auto;padding:0 16px}.card{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--border-color);padding:20px}.card:hover{box-shadow:var(--shadow-md)}.btn{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border:none;align-items:center;gap:8px;max-width:100%;padding:10px 20px;font-size:16px;font-weight:600;display:inline-flex;overflow:hidden}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary);color:var(--white)}.btn-success{background-color:var(--success);color:var(--white)}.btn-danger{background-color:var(--danger);color:var(--white)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md);background-color:#c82333;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.input{border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;transition:var(--transition);background-color:var(--bg-primary);color:var(--text-primary);padding:10px 12px;font-size:16px}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007bff1a}.input:disabled{background-color:var(--gray-200);cursor:not-allowed}.textarea{border:1px solid var(--border-color);border-radius:var(--border-radius);resize:vertical;width:100%;transition:var(--transition);background-color:var(--bg-primary);color:var(--text-primary);padding:10px 12px;font-family:inherit;font-size:16px}.textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007bff1a}.select{border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-primary);width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition);padding:10px 12px;font-size:16px}.select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007bff1a}.alert{border-radius:var(--border-radius);margin-bottom:16px;padding:12px 16px}.alert-error{color:#c33;background-color:#fee;border:1px solid #fcc}.alert-success{color:#3c3;background-color:#efe;border:1px solid #cfc}.loading{text-align:center;color:var(--gray-600);padding:40px}.empty-state{text-align:center;color:var(--gray-600);padding:60px 20px}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:48px}.card-hover{transition:all .2s}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in{animation:.3s ease-out fadeIn}.slide-in-right{animation:.3s ease-out slideInRight}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:5px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-600)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}@media (max-width:768px){body{font-size:14px;overflow-x:hidden}*{box-sizing:border-box;max-width:100%}.card{width:100%!important;max-width:100%!important;margin:12px!important;padding:16px!important}h1{word-wrap:break-word;overflow-wrap:break-word;font-size:24px!important}h2{word-wrap:break-word;overflow-wrap:break-word;font-size:20px!important}h3{word-wrap:break-word;overflow-wrap:break-word;font-size:18px!important}.btn{white-space:nowrap;min-width:auto!important;padding:8px 12px!important;font-size:13px!important}button{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}input,textarea,select{width:100%!important;max-width:100%!important;padding:8px 12px!important;font-size:14px!important}div{overflow-x:hidden}[style*="padding: 24px"]{padding:16px!important}[style*="display: flex"]{flex-wrap:wrap!important}p,span,div{word-wrap:break-word;overflow-wrap:break-word}.sidebar{transition:transform .3s;top:0;left:0;transform:translate(-100%);z-index:1000!important;width:280px!important;height:100vh!important;position:fixed!important}.sidebar.open{transform:translate(0)!important}.mobile-menu-btn{display:flex!important}.mobile-overlay{display:block!important}.main-content{width:100%!important;margin-left:0!important;padding-top:60px!important}.sidebar button[title=Expandir],.sidebar button[title=Colapsar]{display:none!important}}@media (max-width:480px){body{font-size:13px}.card{margin:8px!important;padding:12px!important}h1{font-size:20px!important}h2{font-size:18px!important}h3{font-size:16px!important}}@media (max-width:768px){[style*=maxWidth],[style*="width: 500px"],[style*="width: 700px"],[style*="width: 800px"]{width:95vw!important;max-width:95vw!important}nav a{align-items:center!important;min-height:44px!important;display:flex!important}button{min-width:44px!important;min-height:44px!important}.page-header-content{flex-direction:column!important}.page-header-actions{justify-content:flex-start!important;width:100%!important;margin-top:12px!important}.page-header-actions>*{flex:auto!important;min-width:0!important}.page-header-actions button{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:8px 10px!important;font-size:12px!important}[style*=grid-template-columns]{grid-template-columns:1fr!important}.kanban-board{-webkit-overflow-scrolling:touch;flex-direction:row!important;gap:12px!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}.kanban-board>div{flex-shrink:0!important;min-width:280px!important;max-width:280px!important}body,html{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}[style*="padding: 24px"]{padding:16px!important}[style*="padding: 20px"]{padding:12px!important}[style*="grid-template-columns: repeat(auto-fit"]{grid-template-columns:1fr!important}table{-webkit-overflow-scrolling:touch;width:100%!important;display:block!important;overflow-x:auto!important}nav[aria-label=breadcrumb]{-webkit-overflow-scrolling:touch;overflow-x:auto!important}select{width:100%!important;max-width:100%!important}[style*="display: flex"][style*=gap]{flex-wrap:wrap!important}*{word-break:break-word;overflow-wrap:break-word}[style*=overflow-x]{-webkit-overflow-scrolling:touch}div[style*=padding]{box-sizing:border-box!important;max-width:100%!important}}