@import url(https://fonts.googleapis.com/css2?family=National+Park:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=National+Park:wght@400;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{background-attachment:fixed;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.top-nav{align-items:center;background:#0000;display:flex;justify-content:space-between;left:0;padding:20px 30px;position:fixed;right:0;top:0;z-index:100}.app-name{color:#fff;font-size:24px;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 4px #00000080}.signup-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.signup-nav-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff;text-decoration:none;transform:translateY(-1px)}.login-container,.signup-container{background:#000!important;display:flex;margin:0;min-height:100vh;padding:0;position:relative;z-index:5}.signup-left-panel{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-right:1px solid #ffffff1a;display:flex;flex:0 0 40%;flex-direction:column;justify-content:center;overflow:hidden;padding:2rem;position:relative}.signup-left-panel:before{animation:gradientFloat 15s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#5878ff1a 0,#0000 50%),radial-gradient(circle at 70% 70%,#ff87af1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.signup-logo{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:.1em;margin-bottom:1.5rem;text-shadow:0 2px 4px #00000080;text-transform:uppercase}.signup-welcome{color:#fffc;font-size:1.2rem;line-height:1.6;margin-bottom:2rem;max-width:80%;text-align:center}.signup-right-panel{align-items:flex-start;display:flex;flex:0 0 60%;height:100vh;justify-content:center;overflow-y:auto;padding:2rem;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.signup-right-panel::-webkit-scrollbar{width:6px}.signup-right-panel::-webkit-scrollbar-track{background:#0000}.signup-right-panel::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}@media (max-width:1024px){.signup-container{flex-direction:column}.signup-left-panel{border-bottom:1px solid #ffffff1a;border-right:none;flex:0 0 auto;min-height:200px}.signup-right-panel{flex:1 1;height:auto;min-height:0}}.login-box,.signup-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #fff3;border-radius:20px;box-shadow:0 0 40px #ffffff26,0 8px 32px #ffffff1a,inset 0 1px 0 #ffffff1a;justify-content:flex-start;margin:2rem auto;max-width:480px;padding:32px;position:relative;text-align:left;transition:all .3s ease;width:100%;z-index:5}.login-box,.signup-box,.signup-box form{display:flex;flex-direction:column;gap:1.5rem}.login-box:hover,.signup-box:hover{background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 50px #fff3,0 12px 40px #ffffff26,inset 0 1px 0 #ffffff26}.signup-header-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.login-title,.signup-title{color:#fff;font-size:28px;font-weight:600;margin-bottom:8px;text-align:center;text-shadow:0 2px 4px #00000080}.login-link,.signup-header-row .login-link{color:#fff;font-size:1rem;font-weight:300;margin:0;text-align:right}.signup-box .subtitle{color:#fffc;font-size:14px;margin-bottom:32px;text-align:left;text-shadow:0 1px 2px #00000080}.form-group{background:none;border:none;border-radius:0;box-shadow:none;margin:0;padding:0;text-align:left;transition:none}.form-group:focus-within{border-color:initial;box-shadow:none}.form-group label{font-size:14px;font-weight:500;margin-bottom:8px;text-shadow:0 1px 2px #00000080}.form-group input,.form-group select{background:#0000004d;border:2px solid #fff3;border-radius:12px;color:#fff!important;font-size:15px;outline:none;padding:16px 20px;text-shadow:none;transition:all .3s ease;width:100%}.form-group input::placeholder{color:#ffffffb3!important}.form-group input:focus,.form-group select:focus{background:#00000080;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a}.name-group{display:flex;gap:20px}.name-group .form-group{width:50%}.phone-input{display:flex;gap:8px}.country-code{background:#0000;border:none;border-bottom:1px solid #ccc;color:#666;font-size:1rem;min-width:110px;padding:10px 0;width:auto}#phone-number,.country-code{border-radius:0}.password-input{position:relative}.password-input input{padding-right:40px}.toggle-password{align-items:center;background:#fff;border:1px solid #0000004d;border-radius:6px;box-shadow:none;color:#000;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;outline:none;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:28px}.toggle-password:hover{background:#f0f0f0;border-color:#00000080;color:#000}.toggle-password:active,.toggle-password:focus,.toggle-password:focus-visible{background:#e8e8e8;border:1px solid #00000080;box-shadow:none;color:#000;outline:none;transform:translateY(-50%)}.checkbox-row{align-items:center;display:flex;gap:18px;margin:18px 0 8px;width:100%}.checkbox-row input[type=checkbox]{accent-color:#07f;border-radius:6px;box-shadow:0 1px 3px #0000000a;cursor:pointer;height:22px;margin:0;transition:box-shadow .2s;width:22px}.checkbox-row input[type=checkbox]:hover{box-shadow:0 2px 8px #0077ff1f}.checkbox-row label{color:#444;cursor:pointer;flex:1 1;font-size:1rem;font-weight:400;line-height:1.6;margin:0;padding:0;word-break:break-word}.create-account-btn,.login-btn{align-items:center;background:#000;border:2px solid #fff;border-radius:8px;box-shadow:0 6px 20px #0003;color:#fff!important;cursor:pointer;display:block;display:flex;font-size:16px;font-weight:600;justify-content:center;margin-bottom:16px;min-height:40px;padding:12px 20px;text-align:center;text-decoration:none!important;text-shadow:none;transition:all .3s ease;width:100%}.login-container .login-btn{color:#fff!important}.login-container .login-btn:hover{color:#000!important}.header-btn:hover{background:#fff!important;border-color:#00000080!important}.create-account-btn:active,.create-account-btn:focus,.create-account-btn:hover,.login-btn:active,.login-btn:focus,.login-btn:hover{background:#fff;border-color:#fff;box-shadow:0 8px 24px #fff3;color:#000!important;text-decoration:none!important;transform:translateY(-2px)}.login-link,.terms-agreement{color:#ffffffe6;font-size:.9rem;font-weight:300;margin-top:1.5rem;text-align:center;text-shadow:0 1px 2px #00000080}.login-link a,.terms-agreement a{color:#fff;font-weight:500;text-decoration:none;text-shadow:0 1px 2px #00000080;transition:color .3s ease}.login-link a:hover,.terms-agreement a:hover{color:#fffc}.app-name{color:#666}.error-msg{color:#f44;display:block;margin-top:4px;min-height:20px;text-align:left;text-shadow:0 1px 2px #000c}.error-msg,.terms-error{font-size:.85rem;font-weight:300}.terms-error{color:#d32f2f;margin-top:8px}@media (max-width:768px){.signup-container{flex-direction:column}.signup-left-panel{min-height:180px;padding:2rem 1rem}.signup-logo{font-size:2rem;margin-bottom:1rem}.signup-welcome{font-size:1rem;margin-bottom:1rem}.signup-right-panel{height:auto;padding:1rem}.login-box,.signup-box{margin:1rem auto;max-width:100%;padding:24px}.signup-title{font-size:1.5rem}.signup-header-row{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.signup-header-row .login-link{font-size:.9rem;text-align:left}.name-group,.org-loc-group{flex-direction:column!important;gap:1rem!important}.name-group .form-group,.org-loc-group .form-group{width:100%!important}.form-group{gap:.25rem}.form-group label{font-size:.9rem}.form-group input,.form-group select{font-size:.9rem;padding:12px 16px!important}}@media (max-width:480px){.signup-left-panel{min-height:150px;padding:1.5rem 1rem}.signup-logo{font-size:1.75rem}.signup-welcome{font-size:.9rem}.login-box,.signup-box{margin:.5rem auto;padding:20px}.signup-title{font-size:1.25rem}.form-group input,.form-group select{padding:10px 14px!important}}.form-row{display:flex;flex-direction:row;gap:16px}.form-group input,.form-group select,.line-input{background:#ffffff14!important;border:2px solid #ffffff4d!important;border-radius:12px!important;box-shadow:none!important;color:#fff!important;font-size:15px;outline:none!important;padding:16px 20px!important;text-shadow:0 1px 2px #00000080!important;transition:all .3s ease;width:100%}.line-input::placeholder{color:#fff9!important}.form-group input:focus,.form-group input:hover,.form-group select:focus,.form-group select:hover,.line-input:focus,.line-input:hover{background:#ffffff1f!important;border-color:#fff9!important;box-shadow:0 0 0 3px #fff3!important}.landing-container{background:linear-gradient(135deg,#0f0f1a,#1a1a2f)!important;background-attachment:fixed;color:#fff;font-family:Segoe UI,Arial,sans-serif;isolation:isolate;min-height:100vh;overflow-x:hidden;overflow-y:hidden;position:relative}.landing-container:before{animation:rotateBackground 30s linear infinite;background:radial-gradient(circle at 50% 50%,#5878ff1a 0,#0000 50%),radial-gradient(circle at 70% 30%,#ff87af1a 0,#0000 50%),radial-gradient(circle at 30% 70%,#5878ff1a 0,#0000 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}@keyframes rotateBackground{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}.landing-bg-animation{height:100%;overflow:hidden;position:absolute;width:100%;z-index:0}.landing-bg-animation:before{animation:gradientFloat 25s ease-in-out infinite;background:radial-gradient(ellipse 1000px 600px at 70% 20%,#5878ff26 0,#0000 50%),radial-gradient(ellipse 800px 500px at 30% 80%,#ff87af26 0,#0000 50%),radial-gradient(ellipse 600px 400px at 50% 50%,#ffffff1a 0,#0000 40%),radial-gradient(ellipse 700px 450px at 20% 30%,#5878ff33 0,#0000 45%),radial-gradient(ellipse 900px 550px at 80% 70%,#ff87af26 0,#0000 50%),radial-gradient(ellipse 500px 300px at 40% 40%,#ffffff1a 0,#0000 35%);bottom:-50%;content:"";left:-50%;mix-blend-mode:soft-light;position:absolute;right:-50%;top:-50%;z-index:1}@keyframes gradientFloat{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(10%,-10%) rotate(5deg)}50%{transform:translate(-5%,-15%) rotate(-3deg)}75%{transform:translate(-10%,5%) rotate(-8deg)}to{transform:translate(0) rotate(0deg)}}.landing-light-orb{animation:landingFloat 35s ease-in-out infinite;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 30px #ffffff1a,inset 0 0 20px #ffffff0d;mix-blend-mode:screen}.landing-light-orb:first-child{animation:orbEntrance 2s ease-out .1s both,landingFloat 35s ease-in-out 2.1s infinite;background:radial-gradient(circle,#3b82f666 0,#3b82f626 40%,#0000 70%);height:450px;left:10%;top:15%;width:450px}.landing-light-orb:nth-child(2){animation:orbEntrance 2s ease-out .3s both,landingFloat 35s ease-in-out 2.3s infinite;background:radial-gradient(circle,#ffc10773 0,#ffc1071f 30%,#0000 70%);height:350px;right:15%;top:60%;width:350px}.landing-light-orb:nth-child(3){animation:orbEntrance 2s ease-out .5s both,landingFloat 35s ease-in-out 2.5s infinite;background:radial-gradient(circle,#ffffff59 0,#ffffff14 35%,#0000 70%);height:250px;right:45%;top:25%;width:250px}.landing-light-orb:nth-child(4){animation:orbEntrance 2s ease-out .7s both,landingFloat 35s ease-in-out 2.7s infinite;background:radial-gradient(circle,#3b82f64d 0,#ffc1071a 35%,#0000 70%);height:200px;left:30%;top:70%;width:200px}.landing-light-orb:nth-child(5){animation:orbEntrance 2s ease-out .9s both,landingFloat 35s ease-in-out 2.9s infinite;background:radial-gradient(circle,#ffc10759 0,#ffffff1a 30%,#0000 70%);height:300px;left:60%;top:40%;width:300px}.landing-light-orb:nth-child(6){animation:orbEntrance 2s ease-out 1.1s both,landingFloat 35s ease-in-out 3.1s infinite;background:radial-gradient(circle,#3b82f666 0,#ffc10726 40%,#0000 70%);height:180px;right:40%;top:80%;width:180px}@keyframes landingFloat{0%{filter:blur(4px);opacity:.6;transform:translate(0) scale(1) rotate(0deg)}25%{filter:blur(6px);opacity:.4;transform:translate(20px,-15px) scale(1.05) rotate(2deg)}50%{filter:blur(8px);opacity:.3;transform:translate(-10px,-25px) scale(1.1) rotate(-2deg)}75%{filter:blur(5px);opacity:.5;transform:translate(-20px,10px) scale(1.03) rotate(1deg)}to{filter:blur(4px);opacity:.6;transform:translate(0) scale(1) rotate(0deg)}}@keyframes gradientShift{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(-2deg)}}@keyframes particleDrift{0%{opacity:0;transform:translateY(0) rotate(0deg) translateX(0)}10%{opacity:.8}45%{opacity:.5;transform:translateY(-50vh) rotate(180deg) translateX(100px)}90%{opacity:.2}to{opacity:0;transform:translateY(-100vh) rotate(1turn) translateX(0)}}@keyframes orbEntrance{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:.3;transform:scale(1.2) rotate(180deg)}to{opacity:.6;transform:scale(1) rotate(1turn)}}.landing-light-orb{animation:orbEntrance 2s ease-out,landingFloat 35s ease-in-out 2s infinite;background:radial-gradient(circle,#ffffff40 0,#ffffff1a 30%,#0000 70%);border-radius:50%;position:absolute;z-index:2}.navbar{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000000f;box-shadow:0 2px 20px #00000014;display:flex;justify-content:space-between;left:0;padding:1.2rem 3rem;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{background:#fffffffa;box-shadow:0 4px 30px #0000001f;padding:.8rem 3rem}.navbar-logo{align-items:center;color:#666;cursor:pointer;display:flex;font-size:2rem;font-weight:700;gap:.5rem;transition:transform .2s ease}.navbar-logo:hover{transform:scale(1.05)}.navbar-logo i{color:#7b61ff;font-size:1.8rem}.navbar-links{display:flex;gap:2.5rem;list-style:none;margin:0;padding:0}.navbar-links li a{border-radius:8px;color:#666;font-size:1.1rem;font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.navbar-links li a:hover{background:#66666614;color:#888;transform:translateY(-2px)}.navbar-links li a:after{background:#666;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transition:all .3s ease;width:0}.navbar-links li a:hover:after{left:10%;width:80%}.navbar-actions{align-items:center;display:flex;gap:18px}.login-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:2px;box-shadow:0 2px 6px #ffffff1a;color:#fff!important;cursor:pointer;font-size:.85rem;font-weight:400;letter-spacing:.05em;padding:2px 6px;text-align:center;text-decoration:none!important;text-transform:uppercase;transition:all .3s ease;width:100%}.login-btn:active,.login-btn:focus,.login-btn:hover{background:#fff3;border:1px solid #ffffff80;box-shadow:0 8px 24px #fff3;color:#fff!important;text-decoration:none!important;transform:translateY(-2px)}.signup-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8f8f8);border:2px solid #ffffff4d;border-radius:2px;box-shadow:0 2px 6px #ffffff1a;color:#000;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:4px;outline:none;padding:2px 8px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.signup-btn i,.signup-btn span{display:inline-block;vertical-align:middle;white-space:nowrap}.signup-btn:focus,.signup-btn:hover{background:linear-gradient(135deg,#f0f0f0,#e8e8e8);border-color:#fff9;box-shadow:0 8px 24px #ffffff4d,0 0 20px #fff3;transform:translateY(-2px)}.landing-container .login-btn,.landing-container .login-btn:active,.landing-container .login-btn:focus,.landing-container .login-btn:hover,.landing-container a.login-btn,.landing-container a.login-btn:active,.landing-container a.login-btn:focus,.landing-container a.login-btn:hover{color:#fff!important}.login-btn:focus-visible,.signup-btn:focus-visible{box-shadow:0 0 0 3px #b3d1ff}.hero-section{align-items:center;background:#0000;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:80px;overflow:hidden;padding:8rem 3rem 4rem;position:relative}.hero-section:before{background:radial-gradient(circle,#3b82f626 0,#ffc1071a 30%,#ffffff0d 60%,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;transform:rotate(45deg);width:100%}.hero-content{max-width:550px;position:relative;z-index:2}.hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-content p{color:#fffc;font-size:1.2rem;font-weight:300;line-height:1.6;margin-bottom:2rem}.hero-cta{align-items:center;background:linear-gradient(135deg,#1a73e8,#7b61ff);border:none;border-radius:12px;box-shadow:0 8px 25px #1a73e84d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:600;gap:.8rem;padding:1rem 2.5rem;transition:all .3s ease}.hero-cta:hover{background:linear-gradient(135deg,#155ab6,#6b51e6);box-shadow:0 12px 35px #1a73e866;transform:translateY(-3px)}.hero-image{position:relative;z-index:2}.hero-image img{border-radius:20px;box-shadow:0 20px 60px #00000026;max-width:450px;transition:transform .3s ease}.hero-image img:hover{transform:scale(1.05) rotate(2deg)}.hero-image-slider{aspect-ratio:16/9;border-radius:20px;box-shadow:0 20px 60px #00000026;max-width:650px;overflow:hidden;position:relative;width:100%;z-index:2}.hero-image-slider .slides-container{display:flex;height:100%;width:100%}.hero-image-slider .slide{height:100%;left:0;min-width:100%;opacity:0;position:absolute;top:0;transition:opacity 1.5s ease-in-out;visibility:hidden;width:100%}.hero-image-slider .slide.active{opacity:1;visibility:visible}.hero-image-slider .slide img{height:100%;object-fit:cover;width:100%}.hero-image-slider .slider-dots{bottom:1rem;display:flex;gap:.5rem;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.hero-image-slider .dot{background:#fff9;border-radius:50%;cursor:pointer;height:10px;transition:background .3s ease,transform .3s ease;width:10px}.hero-image-slider .dot:hover{background:#fff;transform:scale(1.2)}.hero-image-slider .dot.active{background:#1a73e8;transform:scale(1.2)}.features-section{background:#fff;padding:4rem 3rem;text-align:center}.features-section h2{color:#000;font-size:2.5rem;font-weight:800;margin-bottom:3rem}.features-list{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.feature-item{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 30px #00000014;max-width:320px;min-width:250px;padding:2.5rem 2rem;transition:all .3s ease}.feature-item:hover{border-color:#7b61ff;box-shadow:0 15px 50px #00000026;transform:translateY(-8px)}.feature-item h3{color:#000;font-size:1.3rem;font-weight:800;margin-bottom:.8rem}.cta-section{background:linear-gradient(135deg,#1a73e8,#7b61ff);color:#fff;overflow:hidden;padding:4rem 1rem;position:relative;text-align:center}.cta-section:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cta-section h2{color:#000;font-size:2.5rem;font-weight:800;margin-bottom:1.5rem}.cta-btn{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 8px 25px #fff3;color:#1a73e8;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:600;gap:.8rem;padding:1rem 2.5rem;position:relative;transition:all .3s ease;z-index:2}.cta-btn:hover{background:#f8f9fa;box-shadow:0 12px 35px #ffffff4d;transform:translateY(-3px)}.footer{background:#1a1a1a;color:#fff;padding:0}.footer-main{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;padding:3rem 2rem 2rem}.footer-col{flex:1 1;min-width:250px}.footer-col h4{color:#000;font-size:1.1rem;font-weight:800;letter-spacing:.05em;margin-bottom:1.2rem;text-transform:uppercase}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col ul li{margin-bottom:.5rem}.footer-col ul li a{color:#888;font-weight:300;text-decoration:none;transition:color .3s ease}.footer-col ul li a:hover{color:#666}.footer-bottom{align-items:center;border-top:1px solid #333;justify-content:space-between;padding:1.5rem 2rem}.footer-bottom,.footer-links{display:flex;flex-wrap:wrap;gap:1rem}.footer-links a{color:#888;font-size:.9rem;font-weight:300;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#666}.footer-links span{color:#888;margin:0 .5rem}.footer-social{display:flex;gap:1rem}.footer-social a{align-items:center;background:#333;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.footer-social a:hover{background:linear-gradient(135deg,#7b61ff,#1a73e8);box-shadow:0 8px 25px #7b61ff66;transform:translateY(-3px) scale(1.1)}.footer-social a.twitter:hover{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.footer-social a.linkedin:hover{background:linear-gradient(135deg,#0077b5,#005885)}.footer-social a.facebook:hover{background:linear-gradient(135deg,#1877f2,#166fe5)}.footer-social a.instagram:hover{background:linear-gradient(135deg,#e4405f,#c13584,#833ab4)}.particle{will-change:transform,opacity;z-index:1}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.landing-light-orb{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@media (prefers-reduced-motion:no-preference){.particle{transition:opacity .3s ease}.landing-light-orb{transition:transform .3s ease,opacity .3s ease}}.landing-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}@supports (-webkit-backdrop-filter:blur(10px)){.landing-container>div:first-child{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@supports not (-webkit-backdrop-filter:blur(10px)){.landing-container>div:first-child{background:#0000004d!important}}@-moz-document url-prefix(){.landing-container{-moz-font-smoothing:grayscale}}@media screen and (-webkit-min-device-pixel-ratio:0){.landing-container{-webkit-transform:translateZ(0)}}@media (max-width:768px){.landing-container>div:first-child{padding:0 20px!important}.landing-container>div:first-child>div:first-child{left:40px!important;right:40px!important}}@media (max-width:480px){.landing-container>div:first-child{padding:0 16px!important}.landing-container>div:first-child>div:first-child{left:30px!important;right:30px!important}}@media (max-width:360px){.landing-container>div:first-child{padding:0 12px!important}.landing-container>div:first-child>div:first-child{left:20px!important;right:20px!important}}@media (max-width:1200px){.landing-light-orb:first-child{height:350px;width:350px}.landing-light-orb:nth-child(2){height:280px;width:280px}.landing-light-orb:nth-child(5){height:250px;width:250px}}@media (max-width:1024px){.landing-bg-animation:before{background:radial-gradient(ellipse 600px 300px at 80% 20%,#3b82f64d 0,#0000 50%),radial-gradient(ellipse 450px 225px at 20% 80%,#ffc10740 0,#0000 50%),radial-gradient(ellipse 300px 150px at 60% 60%,#fff3 0,#0000 40%),radial-gradient(ellipse 400px 200px at 10% 30%,#3b82f640 0,#0000 45%),radial-gradient(ellipse 500px 250px at 70% 70%,#ffc10733 0,#0000 60%),radial-gradient(ellipse 250px 125px at 30% 40%,#ffffff26 0,#0000 35%)}.landing-light-orb:first-child{height:300px;width:300px}.landing-light-orb:nth-child(2){height:250px;width:250px}.landing-light-orb:nth-child(3){height:200px;width:200px}.landing-light-orb:nth-child(4){height:150px;width:150px}.landing-light-orb:nth-child(5){height:200px;width:200px}.landing-light-orb:nth-child(6){height:120px;width:120px}}@media (max-width:768px){.landing-container{overflow-x:hidden}.landing-bg-animation:before{background:radial-gradient(ellipse 400px 200px at 80% 20%,#3b82f640 0,#0000 50%),radial-gradient(ellipse 300px 150px at 20% 80%,#ffc10733 0,#0000 50%),radial-gradient(ellipse 200px 100px at 60% 60%,#ffffff26 0,#0000 40%),radial-gradient(ellipse 250px 125px at 10% 30%,#3b82f633 0,#0000 45%),radial-gradient(ellipse 350px 175px at 70% 70%,#ffc10726 0,#0000 60%),radial-gradient(ellipse 150px 75px at 30% 40%,#ffffff1a 0,#0000 35%)}.landing-light-orb:first-child{height:200px;left:5%;top:10%;width:200px}.landing-light-orb:nth-child(2){height:180px;right:10%;top:65%;width:180px}.landing-light-orb:nth-child(3){height:150px;right:40%;top:20%;width:150px}.landing-light-orb:nth-child(4){height:120px;left:25%;top:75%;width:120px}.landing-light-orb:nth-child(5){height:160px;left:55%;top:35%;width:160px}.landing-light-orb:nth-child(6){height:100px;right:35%;top:85%;width:100px}.header-slide-left span{font-size:1.2rem!important}.header-slide-right{gap:8px!important}.header-slide-right .create-account-btn,.header-slide-right .login-btn{font-size:.8rem!important;padding:5px 0!important;width:70px!important}.main-content-bounce h2{font-size:2rem!important;margin-bottom:1rem!important}.main-content-bounce .create-account-btn{font-size:.9rem!important;padding:6px 12px!important;width:180px!important}}@media (max-width:480px){.landing-bg-animation:before{background:radial-gradient(ellipse 250px 125px at 80% 20%,#3b82f633 0,#0000 50%),radial-gradient(ellipse 200px 100px at 20% 80%,#ffc10726 0,#0000 50%),radial-gradient(ellipse 150px 75px at 60% 60%,#ffffff1a 0,#0000 40%),radial-gradient(ellipse 180px 90px at 10% 30%,#3b82f626 0,#0000 45%),radial-gradient(ellipse 220px 110px at 70% 70%,#ffc1071a 0,#0000 60%),radial-gradient(ellipse 100px 50px at 30% 40%,#ffffff14 0,#0000 35%)}.landing-light-orb:first-child{height:120px;left:3%;top:8%;width:120px}.landing-light-orb:nth-child(2){height:100px;right:8%;top:70%;width:100px}.landing-light-orb:nth-child(3){height:80px;right:35%;top:15%;width:80px}.landing-light-orb:nth-child(4){height:70px;left:20%;top:80%;width:70px}.landing-light-orb:nth-child(5){height:90px;left:50%;top:30%;width:90px}.landing-light-orb:nth-child(6){height:60px;right:30%;top:90%;width:60px}.header-slide-left span{font-size:1rem!important}.header-slide-right{gap:6px!important}.header-slide-right .create-account-btn,.header-slide-right .login-btn{font-size:.75rem!important;padding:4px 0!important;width:60px!important}.main-content-bounce h2{font-size:1.5rem!important;margin-bottom:.8rem!important;padding:0 20px!important}.main-content-bounce .create-account-btn{font-size:.85rem!important;padding:4px 8px!important;width:160px!important}}@media (max-width:360px){.header-slide-left span{font-size:.9rem!important}.header-slide-right .create-account-btn,.header-slide-right .login-btn{font-size:.7rem!important;padding:3px 0!important;width:55px!important}.main-content-bounce h2{font-size:1.3rem!important;padding:0 15px!important}.main-content-bounce .create-account-btn{font-size:.8rem!important;padding:3px 6px!important;width:140px!important}}@media (max-height:500px) and (orientation:landscape){.landing-container{height:100vh;overflow-y:auto}.main-content-bounce{height:auto!important;min-height:100vh;padding:2rem 0!important}.main-content-bounce h2{font-size:1.8rem!important;margin-bottom:1rem!important}.landing-light-orb{display:none}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.landing-bg-animation:before{background-size:100% 100%}}@media (prefers-reduced-motion:reduce){.button-glow,.header-slide-left,.header-slide-right,.landing-light-orb,.main-content-bounce{animation:none!important}.landing-light-orb{opacity:.3}}@media (prefers-color-scheme:dark){.landing-container{background:#000!important}}@media print{.header-slide-left,.header-slide-right,.landing-bg-animation,.landing-light-orb{display:none!important}.landing-container{background:#fff!important;color:#000!important}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(-50px)}50%{opacity:1;transform:scale(1.05) translateY(0)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #ffffff1a}50%{box-shadow:0 0 30px #ffffff4d}}.landing-fadein{animation:fadeIn 1.2s cubic-bezier(.4,0,.2,1);text-shadow:0 2px 4px #00000080}.header-slide-left{animation:slideInFromLeft .8s cubic-bezier(.4,0,.2,1) .2s both}.header-slide-right{animation:slideInFromRight .8s cubic-bezier(.4,0,.2,1) .4s both}.main-content-bounce{animation:bounceIn 1.5s cubic-bezier(.4,0,.2,1) .6s both}.button-glow{animation:glowPulse 2s ease-in-out 1.5s infinite}.custom-popup-overlay{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.custom-popup{animation:slideIn .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000f2;border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 60px #00000073,0 0 0 1px #ffffff1a,0 0 30px #5878ff1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;max-width:480px;overflow:hidden;padding:0;position:relative;transform-origin:center;width:92%}.custom-popup:before{background:#000;content:"";height:4px;left:0;position:absolute;right:0;top:0}.custom-popup-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 20px 12px}.custom-popup-icon{animation:iconBounce .6s ease-out;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:28px;margin-right:12px}.custom-popup-close{align-items:center;background:#000;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:800;height:36px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:36px}.custom-popup-close:before{background:#000;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.custom-popup-close:hover{background:#333;border-color:#fff;box-shadow:0 4px 12px #0006;transform:translateY(-1px)}.custom-popup-close:active{background:#f8f8f8;transform:scale(.95)}.custom-popup-content{background:#0000;padding:24px 24px 8px}.custom-popup-message{animation:messageSlideIn .4s ease-out .1s both;color:#fff;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:18px;font-weight:600;letter-spacing:.5px;line-height:1.6;margin:0;text-align:center;text-shadow:0 2px 4px #00000080}.custom-popup-footer{background:#0000;border-top:1px solid #ffffff1a;display:flex;justify-content:center;padding:16px 24px 24px}.custom-popup-btn{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000;border:2px solid #fff;border-radius:12px;box-shadow:0 6px 18px #00000059;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;min-width:100px;overflow:hidden;padding:12px 32px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-popup-btn:before{display:none}.custom-popup-btn:hover{background:#fff3;border-color:#fff6;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.custom-popup-btn:active{box-shadow:0 2px 10px #0003;transform:translateY(1px)}.custom-popup .custom-popup-btn{background:#000!important;border:2px solid #fff!important;color:#fff!important}.custom-popup .custom-popup-btn:hover{background:#fff!important;color:#000!important}.custom-popup .custom-popup-close{background:#000!important;border:2px solid #fff!important;color:#fff!important}@keyframes iconBounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.custom-popup{border-radius:16px;margin:20px;width:95%}.custom-popup-header{padding:20px 20px 12px}.custom-popup-content{padding:20px}.custom-popup-footer{padding:12px 20px 20px}.custom-popup-message{font-size:15px}.custom-popup-btn{font-size:13px;padding:10px 24px}}.kanban-board-container{background:#0000;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;font-family:Segoe UI,Arial,sans-serif;height:100%;margin:0 auto;max-width:1400px;overflow:hidden;padding:1rem;width:100%}.kanban-board-header{border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding:0 0 1rem;text-align:left}.kanban-board-title{color:#fff;font-size:1.8rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;text-shadow:0 1px 2px #000c}.kanban-board-subtitle{color:#fffc;font-size:.9rem;font-weight:400;margin:0;text-shadow:0 1px 2px #000c}.kanban-board{align-items:flex-start;box-sizing:border-box;display:flex;flex:1 1;gap:2rem;justify-content:center;min-height:0;overflow-x:auto;overflow-y:hidden;padding:1rem 2rem;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.kanban-board::-webkit-scrollbar{height:6px}.kanban-board::-webkit-scrollbar-track{background:#0000}.kanban-board::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.kanban-board::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.kanban-column{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 20px #0000004d;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:500px;max-width:300px;min-width:280px;transition:all .2s ease}.kanban-column[data-column=todo]{background:#3b82f61a;border:1px solid #3b82f64d}.kanban-column[data-column=todo] .kanban-column-header{background:#3b82f626;border-bottom:1px solid #3b82f633}.kanban-column[data-column=todo] .kanban-card{background:#3b82f633;border:1px solid #3b82f666}.kanban-column[data-column=inProgress]{background:#fb923c1a;border:1px solid #fb923c4d}.kanban-column[data-column=inProgress] .kanban-column-header{background:#fb923c26;border-bottom:1px solid #fb923c33}.kanban-column[data-column=inProgress] .kanban-card{background:#fb923c33;border:1px solid #fb923c66}.kanban-column[data-column=review]{background:#a855f71a;border:1px solid #a855f74d}.kanban-column[data-column=review] .kanban-column-header{background:#a855f726;border-bottom:1px solid #a855f733}.kanban-column[data-column=review] .kanban-card{background:#a855f733;border:1px solid #a855f766}.kanban-column[data-column=done]{background:#22c55e1a;border:1px solid #22c55e4d}.kanban-column[data-column=done] .kanban-column-header{background:#22c55e26;border-bottom:1px solid #22c55e33}.kanban-column[data-column=done] .kanban-card{background:#22c55e33;border:1px solid #22c55e66}.kanban-column:hover{box-shadow:0 8px 30px #0006;transform:translateY(-2px)}.kanban-column[data-column=todo]:hover{border-color:#3b82f680;box-shadow:0 8px 30px #3b82f64d}.kanban-column[data-column=inProgress]:hover{border-color:#fb923c80;box-shadow:0 8px 30px #fb923c4d}.kanban-column[data-column=review]:hover{border-color:#a855f780;box-shadow:0 8px 30px #a855f74d}.kanban-column[data-column=done]:hover{border-color:#22c55e80;box-shadow:0 8px 30px #22c55e4d}.kanban-column-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #ffffff1a;border-radius:12px 12px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem}.kanban-column-title{font-size:.9rem;letter-spacing:.05em;margin:0;text-transform:uppercase}.kanban-column-count,.kanban-column-title{color:#fff;font-weight:600;text-shadow:0 1px 2px #000c}.kanban-column-count{background:#fff3;border-radius:8px;font-size:.7rem;min-width:20px;padding:.2rem .4rem;text-align:center}.kanban-add-task-btn{align-items:center;background:#000!important;border:1.5px solid #000!important;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff!important;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:28px;justify-content:center;transition:all .3s ease;width:28px}.kanban-add-task-btn:hover{background:#333!important;border-color:#333!important;box-shadow:0 4px 12px #0003;color:#fff!important;transform:scale(1.1)}.kanban-add-task-btn:active{background:#000!important;border-color:#000!important;color:#fff!important;transform:scale(.95)}.kanban-column-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-height:0;overflow-y:auto;padding:1rem;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.kanban-column-content::-webkit-scrollbar{width:4px}.kanban-column-content::-webkit-scrollbar-track{background:#0000}.kanban-column-content::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:2px}.kanban-column-content::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.kanban-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:0;box-shadow:0 2px 8px #0000004d;box-sizing:border-box;cursor:grab;display:flex;flex-direction:column;justify-content:center;margin:0;min-height:70px;overflow:hidden;padding:.75rem;position:relative;transition:all .2s ease;width:100%}.kanban-card:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 4px 16px #0006;transform:translateY(-2px)}.kanban-card:active{cursor:grabbing;transform:rotate(1deg) scale(1.01)}.kanban-card-header{align-items:center;display:flex;justify-content:center;margin-bottom:.25rem;text-align:center}.kanban-card-title{color:#fff;flex:1 1;font-size:.9rem;letter-spacing:normal;line-height:1.4;margin:0;text-transform:none}.kanban-card-meta,.kanban-card-title{word-wrap:break-word;font-weight:400;overflow-wrap:break-word;text-align:center;text-shadow:0 1px 2px #000c}.kanban-card-meta{color:#fffc;font-size:.75rem;line-height:1.2;margin:.25rem 0 0}.kanban-card-priority{border-radius:4px;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.2rem .5rem;text-transform:uppercase;white-space:nowrap}.priority-high{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.priority-medium{background:#fff3e0;border:1px solid #ffcc02;color:#ef6c00}.priority-low{background:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.kanban-card-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.9rem;line-height:1.4;margin:0 0 1rem;overflow:hidden}.kanban-card-footer{justify-content:space-between;margin-top:auto}.assignee-avatar,.kanban-card-assignee,.kanban-card-footer{align-items:center;display:flex}.assignee-avatar{background:#1976d2;border-radius:50%;color:#fff;font-size:.8rem;font-weight:600;height:24px;justify-content:center;width:24px}.no-assignee{color:#999;font-size:.8rem;font-style:italic}.kanban-card-date{color:#888;font-size:.75rem;font-weight:400}.kanban-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.kanban-modal{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:90%}.kanban-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.kanban-modal-header h3{color:#222;font-size:1.3rem;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.kanban-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.kanban-modal-close:hover{background:#f5f5f5;color:#222}.kanban-modal-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#222;display:block;font-size:.9rem;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.kanban-modal-actions{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.kanban-modal-cancel,.kanban-modal-submit{border:1px solid;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.kanban-modal-cancel{background:#fff;border-color:#e0e0e0;color:#666}.kanban-modal-cancel:hover{background:#f5f5f5;border-color:#ccc;color:#222}.kanban-modal-submit{background:#1976d2;border-color:#1976d2;color:#fff}.kanban-modal-submit:hover{background:#1565c0;border-color:#1565c0;box-shadow:0 4px 12px #1976d24d;transform:translateY(-1px)}@media (max-width:768px){.kanban-board-container{padding:.5rem}.kanban-board{align-items:center;flex-direction:column;gap:1rem;overflow-x:hidden;overflow-y:auto;padding:.5rem}.kanban-column{flex:none;height:350px;max-height:350px;max-width:100%;min-width:100%;width:100%}.kanban-board-header{margin-bottom:1rem;text-align:center}.form-row{grid-template-columns:1fr}.kanban-modal{margin:1rem;width:95%}.kanban-modal-actions{flex-direction:column}.kanban-modal-cancel,.kanban-modal-submit{width:100%}}@media (max-width:480px){.kanban-board-header{margin-bottom:1rem}.kanban-board-title{font-size:1.5rem}.kanban-column-header{padding:.75rem 1rem}.kanban-card,.kanban-column-content{padding:.75rem}.kanban-modal-form,.kanban-modal-header{padding:1rem}}.kanban-column-content:empty:after{color:#ffffff80;content:"No tasks yet";display:block;font-size:.8rem;font-style:italic;padding:2rem 1rem;text-align:center;text-shadow:0 1px 2px #000c}.kanban-card[data-dragging=true]{box-shadow:0 8px 25px #00000026;opacity:.5;transform:rotate(5deg) scale(1.05)}.kanban-column[data-drag-over=true]{background:#1976d20d;border-color:#1976d2}.kanban-card{animation:slideIn .3s ease-out}.kanban-loading{align-items:center;color:#fffc;display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#fff;height:32px;margin-bottom:1rem;width:32px}.kanban-loading p{font-size:.9rem;font-weight:400;margin:0;text-shadow:0 1px 2px #000c}.dashboard-container{background:#fff;color:#666;font-family:National Park,sans-serif;min-height:100vh;padding:2rem}.dashboard-header{margin-bottom:3rem;text-align:center}.dashboard-title{color:#000;font-size:2.5rem;font-weight:800;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.dashboard-subtitle{color:#888;font-size:1.1rem;font-weight:300;margin-bottom:2rem}.dashboard-content{margin:0 auto;max-width:1400px}.feature-cards-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.feature-card-link{color:inherit;display:block;text-decoration:none}.feature-card{background:#fff;border:1px solid #eee;border-radius:0;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:2rem;transition:all .3s ease}.feature-card:hover{border-color:#000;box-shadow:0 8px 30px #0000001a;transform:translateY(-8px)}.feature-icon{font-size:3rem}.feature-card h3,.feature-icon{margin-bottom:1rem;text-align:center}.feature-card h3{color:#000;font-size:1.3rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.feature-card p{color:#666;flex-grow:1;font-size:.95rem;font-weight:300;line-height:1.6;margin-bottom:1.5rem;text-align:center}.feature-details{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.feature-role{background:#000;border-radius:0;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.feature-count{color:#888;font-size:.8rem;font-weight:300}.dashboard-stats{margin-bottom:3rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{align-items:center;background:#fff;border:1px solid #eee;border-radius:0;box-shadow:0 4px 20px #0000000d;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{border-color:#000;box-shadow:0 8px 30px #0000001a;transform:translateY(-4px)}.stat-icon{flex-shrink:0;font-size:2rem}.stat-content{flex:1 1}.stat-content h4{color:#000;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.stat-number{color:#000;display:block;font-size:2rem;font-weight:800;margin-bottom:.25rem}.stat-change{font-size:.8rem;font-weight:300}.stat-change.positive{color:#4caf50}.stat-change.negative{color:#f44336}.stat-change.neutral{color:#ff9800}.recent-activity{background:#fff;border:1px solid #eee;border-radius:0;box-shadow:0 4px 20px #0000000d;padding:2rem}.recent-activity h3{color:#000;font-size:1.2rem;font-weight:800;letter-spacing:.05em;margin-bottom:1.5rem;text-transform:uppercase}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:flex-start;border:1px solid #f0f0f0;border-radius:0;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.activity-item:hover{background:#f8f9fa;border-color:#000}.activity-icon{flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.activity-content{flex:1 1}.activity-content p{color:#666;font-size:.95rem;font-weight:300;line-height:1.4;margin:0 0 .5rem}.activity-content strong{color:#000;font-weight:600}.activity-time{color:#888;font-size:.8rem;font-weight:300}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-title{font-size:2rem}.feature-cards-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:1.5rem}.feature-icon{font-size:2.5rem}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.9rem}.feature-details{align-items:center;flex-direction:column;gap:.5rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon,.stat-number{font-size:1.5rem}.recent-activity{padding:1.5rem}.activity-item{padding:.75rem}.activity-icon{font-size:1.2rem}}@media (max-width:480px){.dashboard-container{padding:.75rem}.dashboard-title{font-size:1.8rem}.feature-card{padding:1rem}.activity-item,.stat-card{flex-direction:column;gap:.5rem;text-align:center}}.dashboard-sketch-container{align-items:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 24px #0000000a;display:flex;flex-direction:column;font-family:National Park,sans-serif;margin:64px auto;max-width:500px;padding:40px 32px 44px}.dashboard-sketch-header{color:#000;font-size:2rem;font-weight:800;letter-spacing:.1em}.dashboard-sketch-header,.dashboard-sketch-title{margin-bottom:18px;text-align:center;text-transform:uppercase}.dashboard-sketch-title{color:#222;font-size:1.3rem;font-weight:700;letter-spacing:.08em}.dashboard-sketch-welcome{color:#333;font-size:1.1rem;font-weight:400;margin-bottom:32px;text-align:center}.dashboard-sketch-name{color:#1976d2;font-weight:700}.dashboard-sketch-buttons-row{display:flex;gap:18px;justify-content:center;margin-top:12px;width:100%}.dashboard-sketch-btn{align-items:center;background:#fff;border:1px solid #666;border-radius:0;box-shadow:none;color:#666;cursor:pointer;display:flex;font-size:1rem;font-weight:400;justify-content:center;letter-spacing:.05em;padding:12px 0;text-align:center;text-decoration:none!important;text-transform:uppercase;transition:background .2s,color .2s;width:120px}.dashboard-sketch-btn:active,.dashboard-sketch-btn:focus,.dashboard-sketch-btn:hover{background:#f5f5f5;border:1px solid #666;color:#666;text-decoration:none!important}.dashboard-sketch-layout{background:#fff;display:flex;min-height:100vh;width:100vw}.dashboard-sidebar-sketch{align-items:center;background:#fafbfc;border-right:1.5px solid #e0e0e0;display:flex;flex-direction:column;min-height:100vh;padding-top:40px;width:220px}.dashboard-sidebar-title{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff8c;border:1.5px solid #7b61ff21;border-radius:14px;box-shadow:0 6px 32px #00000038,0 1.5px 8px #0000001a;color:#222;display:inline-block;font-family:National Park,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:.1em;margin:0 8px 32px;padding:14px 28px;text-transform:uppercase;transition:box-shadow .18s}.dashboard-sidebar-buttons{align-items:center;display:flex;flex-direction:column;gap:28px;width:100%}.dashboard-sidebar-buttons .dashboard-sketch-btn{background:none;border:none;border-left:3px solid #0000;border-radius:0;box-shadow:none;color:#888;cursor:pointer;display:block;font-size:1.15rem;font-weight:700;letter-spacing:.04em;margin:0 auto;outline:none;padding:14px 0;position:relative;text-align:left;text-decoration:none;text-transform:capitalize;transition:color .18s,-webkit-text-decoration .18s;transition:color .18s,text-decoration .18s;transition:color .18s,text-decoration .18s,-webkit-text-decoration .18s;width:160px}.dashboard-sidebar-buttons .dashboard-sketch-btn:focus,.dashboard-sidebar-buttons .dashboard-sketch-btn:hover{background:none;border-left:3px solid #0000;color:#1976d2;text-shadow:none}.dashboard-sidebar-buttons .dashboard-sketch-btn:after{background:#fff;border-radius:2px;bottom:2px;box-shadow:0 0 8px 2px #fff;content:"";display:block;height:3.5px;left:0;opacity:.95;position:absolute;transition:width .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1);width:0}.dashboard-sidebar-buttons .dashboard-sketch-btn:focus:after,.dashboard-sidebar-buttons .dashboard-sketch-btn:hover:after{width:100%}.dashboard-main-sketch{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-height:100vh;overflow:hidden;padding:24px 48px 32px}.dashboard-main-header{align-self:flex-start;flex-shrink:0;font-family:Segoe UI,Arial,sans-serif;margin-bottom:32px;margin-top:12px;text-align:left}.dashboard-greeting{color:#222;font-size:2.1rem;font-weight:800;letter-spacing:.08em;margin-bottom:8px}.dashboard-welcome{color:#666;font-size:1.3rem;font-weight:400;letter-spacing:.05em}.dashboard-main-welcome{color:#333;font-family:Segoe UI,Arial,sans-serif;font-size:1.3rem;font-weight:400;text-align:left}.modern-dashboard-layout{background:#000!important;background-attachment:fixed;color:#fff;display:flex;font-family:Segoe UI,Arial,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.bg-animation{height:100%;overflow:hidden;position:absolute;width:100%;z-index:0}.bg-animation:before{background:radial-gradient(ellipse 800px 400px at 80% 20%,#ffffff26 0,#0000 50%),radial-gradient(ellipse 600px 300px at 20% 80%,#3b82f633 0,#0000 50%),radial-gradient(ellipse 400px 200px at 60% 60%,#ffffff1a 0,#0000 40%),radial-gradient(ellipse 500px 250px at 10% 30%,#93c5fd26 0,#0000 45%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.light-orb{animation:float 30s ease-in-out infinite;background:radial-gradient(circle,#fff3 0,#3b82f626 30%,#0000 70%);border-radius:50%;position:absolute;z-index:2}.light-orb:first-child{animation-delay:0s;background:radial-gradient(circle,#ffffff40 0,#3b82f61a 40%,#0000 70%);height:400px;left:5%;top:10%;width:400px}.light-orb:nth-child(2){animation-delay:-10s;background:radial-gradient(circle,#3b82f633 0,#ffffff1a 30%,#0000 70%);height:300px;right:10%;top:50%;width:300px}.light-orb:nth-child(3){animation-delay:-20s;background:radial-gradient(circle,#ffffff26 0,#93c5fd1a 35%,#0000 70%);height:200px;right:40%;top:20%;width:200px}.compact-sidebar{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0006;border-right:1px solid #fff3;box-shadow:0 0 40px #ffffff1a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:80px;z-index:100}.compact-sidebar .sidebar-header{border-bottom:1px solid #ffffff1a;padding:1rem}.compact-sidebar .brand-logo{align-items:center;cursor:pointer;display:flex;justify-content:center;transition:all .2s ease}.compact-sidebar .brand-logo:hover{transform:translateY(-1px)}.compact-sidebar .brand-text{color:#fff!important;font-size:1.5rem;font-weight:800;letter-spacing:.1em;text-shadow:0 2px 4px #000c;text-transform:uppercase;transition:all .2s ease}.compact-sidebar .brand-logo:hover .brand-text{color:#fff!important;text-shadow:0 2px 8px #ffffff4d}.compact-sidebar .sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.compact-sidebar .nav-links{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.compact-sidebar .nav-link{align-items:center;border-radius:8px;color:#fff!important;display:flex;flex-direction:column;gap:.25rem;margin:0 .5rem;padding:.75rem .5rem;position:relative;text-decoration:none!important;text-shadow:0 1px 2px #000c;transition:all .2s ease}.compact-sidebar .nav-link:hover{background:#ffffff1a;box-shadow:0 4px 12px #ffffff1a;color:#fff!important;text-decoration:none!important;transform:translateY(-2px)}.compact-sidebar .nav-icon{align-items:center;color:inherit;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.compact-sidebar .nav-link:hover .nav-icon{filter:drop-shadow(0 0 6px rgba(255,255,255,.4));transform:scale(1.2)}.compact-sidebar .nav-label{color:#fff!important;font-size:.6rem;font-weight:500;line-height:1;text-align:center;text-shadow:0 1px 2px #000c}.compact-sidebar .sidebar-footer{border-top:1px solid #ffffff1a;padding:1rem}.compact-sidebar .user-avatar,.compact-sidebar .user-profile{align-items:center;display:flex;justify-content:center}.compact-sidebar .user-avatar{background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;height:36px;transition:all .2s ease;width:36px}.compact-sidebar .user-avatar:hover{background:#fff3;border-color:#fff6;transform:scale(1.1)}.modern-main-content{background:#0000;display:flex;flex:1 1;flex-direction:column;margin-left:80px;min-height:100vh}.main-header{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-content{align-items:center;display:flex;justify-content:space-between}.greeting-section h1{color:#fff!important;font-size:1.875rem;font-weight:800;letter-spacing:.05em;margin:0 0 .25rem;text-shadow:0 2px 4px #000c}.greeting-subtitle{color:#ffffffe6!important;font-size:1rem;font-weight:400;margin:0;text-shadow:0 1px 2px #000c}.header-actions{align-items:center;display:flex;gap:1rem}.header-actions button{outline:none}.logout-btn{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#f44!important;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;height:36px;padding:.5rem .875rem;transition:all .2s ease}.logout-btn svg{fill:#f44!important;color:#f44!important}.logout-btn span{color:#f44!important;text-shadow:0 1px 2px #000c}.logout-btn:hover{background:#fff3;border-color:#ff444480;box-shadow:0 4px 12px #ff44444d;transform:translateY(-2px)}.logout-btn:hover,.logout-btn:hover span,.logout-btn:hover svg{color:#f66!important}.main-content-body{background:#0000;flex:1 1;overflow-y:auto;padding:2rem}@media (max-width:1024px){.compact-sidebar{transform:translateX(-100%);transition:transform .3s ease}.modern-main-content{margin-left:0}}@media (max-width:768px){.compact-sidebar{width:100%}.main-header{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.greeting-section h1{font-size:1.5rem}.main-content-body{padding:1rem}}@media (max-width:480px){.greeting-section h1{font-size:1.25rem}.greeting-subtitle{font-size:.875rem}.compact-sidebar .nav-link{margin:0 .25rem;padding:.5rem}.compact-sidebar .nav-label{font-size:.55rem}.compact-sidebar .sidebar-footer,.compact-sidebar .sidebar-header{padding:.75rem}.header-actions{gap:.5rem}.logout-btn{background:#ffffff26;border:1px solid #fff6;font-size:.75rem;height:32px;padding:.375rem .625rem}.logout-btn svg{fill:#f44!important;height:16px;width:16px}.logout-btn span,.logout-btn svg{color:#f44!important}}.template-container,body{font-feature-settings:"kern" 1,"liga" 1,"calt" 1;background:#000!important;color:#fff;font-family:Segoe UI,Arial,sans-serif;letter-spacing:-.01em;line-height:1.6;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:relative}.a4-style{box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:96px 12px 48px}.a4-style>.a4-page{background:#111;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 20px 80px #0009;box-sizing:border-box;color:#fff;min-height:297mm;padding:12mm 18mm 24mm;position:relative;width:210mm;z-index:1}.print-footer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000001a;border-radius:4px;bottom:8mm;color:#ffffffe6;display:flex;font-size:12px;font-weight:500;gap:12px;justify-content:space-between;left:18mm;padding:4px 8px;position:absolute;right:18mm}@media print{.template-container,body{background:#fff!important}.a4-style{padding:0}.a4-style>.a4-page{border:none;box-shadow:none;min-height:297mm;width:210mm}.a4-pagination-controls,.app-bar,.template-app-header{display:none!important}.print-footer{bottom:10mm;color:#333!important;display:flex;font-size:11px;justify-content:space-between;left:18mm;position:fixed;right:18mm}}.a4-pagination-controls{background:#000!important;border:none!important;border-radius:10px!important;box-shadow:none!important}.a4-pagination-controls button{background:#ffffff24!important;border:1px solid #fff3!important;color:#fff!important}.a4-pagination-controls button:hover{background:#ffffff38!important;border-color:#ffffff4d!important;color:#fff!important}.a4-pagination-controls button:disabled{background:#ffffff14!important;color:#ffffff80!important;cursor:not-allowed!important}.a4-pagination-controls button:disabled:hover{background:#ffffff14!important}.app-bar{margin-bottom:10px;margin-top:8px;position:-webkit-sticky;position:sticky;top:56px;z-index:998}.template-container:before{background:radial-gradient(ellipse 800px 400px at 80% 20%,#ffffff26 0,#0000 50%),radial-gradient(ellipse 600px 300px at 20% 80%,#3b82f633 0,#0000 50%),radial-gradient(ellipse 400px 200px at 60% 60%,#ffffff1a 0,#0000 40%),radial-gradient(ellipse 500px 250px at 10% 30%,#93c5fd26 0,#0000 45%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.template-bg-animation{height:100%;overflow:hidden;position:absolute;width:100%;z-index:0}.template-light-orb{animation:float 30s ease-in-out infinite;background:radial-gradient(circle,#fff3 0,#3b82f626 30%,#0000 70%);border-radius:50%;position:absolute;z-index:2}.template-light-orb:first-child{animation-delay:0s;height:400px;left:-10%;top:10%;width:400px}.template-light-orb:nth-child(2){animation-delay:-10s;height:300px;right:-10%;top:60%;width:300px}.template-light-orb:nth-child(3){animation-delay:-20s;height:200px;left:50%;top:30%;width:200px}.template-container>*{position:relative;z-index:10}.section-card,.template-header-section{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff08!important;border:1px dashed #ffffff26;border-radius:18px;box-shadow:0 6px 18px #00000059;display:flex;flex-direction:column;gap:16px;margin:12px 0;overflow:hidden;padding:18px 22px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.section-card:before,.template-header-section:before{background:linear-gradient(90deg,#0000,#6366f133,#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0}.section-card:hover,.template-header-section:hover{border-color:#ffffff4d;box-shadow:0 12px 28px #00000073;transform:translateY(-2px)}.section-card{cursor:move}.section-card[style*="position: absolute"],.template-header-section[style*="position: absolute"]{box-shadow:0 10px 24px #00000073;margin:0}.section-card.dragging,.template-header-section.dragging{opacity:.9}.a4-page .snap-guide-h,.a4-page .snap-guide-v{background:#6366f199;box-shadow:0 0 0 1px #6366f159;pointer-events:none;position:absolute;z-index:9999}.a4-page .snap-guide-v{bottom:0;top:0;width:2px}.a4-page .snap-guide-h{height:2px;left:0;right:0}.section-card .resize-handle{border-bottom:2px solid #fff9;border-radius:2px;border-right:2px solid #fff9;bottom:6px;cursor:nwse-resize;height:14px;opacity:.9;position:absolute;right:6px;width:14px}.template-header-section{align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d!important;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 4px 15px #0000004d;color:#fff;flex-direction:row;gap:1.5rem;margin:8px 0 10px;max-width:800px;min-height:80px;overflow:hidden;padding:14px 16px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.template-header-section:hover{border-color:#6366f133;box-shadow:0 12px 25px -5px #00000014,0 8px 10px -6px #0000000d,0 0 0 1px #6366f126;transform:translateY(-2px)}.template-header-section:focus-within{border-color:#6366f14d;box-shadow:0 0 0 3px #6366f11a,0 12px 25px -5px #00000014,0 8px 10px -6px #0000000d}.template-image-placeholder{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc)!important;border:2px solid #94a3b833;border-radius:50%;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a,inset 0 1px 0 #fffc;color:#94a3b8;cursor:pointer;display:flex;font-size:2rem;height:72px;justify-content:center;margin-right:1.5rem;min-height:72px;min-width:72px;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:72px}.template-image-placeholder:hover{border:2px solid #6366f1;box-shadow:0 8px 25px -8px #6366f140,0 4px 12px #0000001a,inset 0 1px 0 #ffffffe6;color:#6366f1;transform:scale(1.05)}.template-image-placeholder:focus{border:2px solid #6366f1;box-shadow:0 0 0 3px #6366f11a,0 8px 25px -8px #6366f140;outline:none}.template-image-placeholder .edit-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#6366f133,#8b5cf626);bottom:0;color:#6366f1;cursor:pointer;display:none;font-size:1.5rem;justify-content:center;left:0;position:absolute;right:0;top:0;transition:all .25s ease;z-index:2}.template-image-placeholder:focus .edit-overlay,.template-image-placeholder:hover .edit-overlay{animation:fadeIn .25s ease-out;display:flex}.template-title-desc{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:1rem;width:100%}.template-title-row{align-items:center;display:flex;gap:.5rem;width:100%}.template-title-input{background:#0000!important;border:none;border-radius:16px;color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:-.01em;outline:none;padding:.5rem .8rem;text-align:left;text-shadow:0 2px 4px #0000004d;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.template-title-input:focus{background:#ffffff1a!important;box-shadow:0 0 0 3px #ffffff1a;transform:translateY(-1px)}.template-title-input::placeholder{color:#ffffff80;font-weight:500}.rules-container{display:flex;flex-direction:column;gap:12px;margin:8px 12px}.rules-toggle-btn{align-items:center;background:#000!important;border:1px solid #fff3!important;border-radius:6px;color:#fff!important;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 14px;transition:background .2s ease,border-color .2s ease,color .2s ease;width:-webkit-fit-content;width:fit-content}.rules-toggle-btn:hover{background:#111!important;border-color:#ffffff59!important;color:#fff!important}.rules-icon{color:inherit;font-size:16px}.rules-content{background:#000!important;border:1px solid #fff3!important;border-radius:6px;color:#fff!important;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-left:24px;padding:12px}.description-group{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;margin:0;width:100%}.description-label{color:#fffc;font-size:.95rem;font-size:.8rem;font-weight:600;letter-spacing:.02em;margin:0;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.template-desc-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d!important;border:2px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 15px #0000001a;color:#fff;font-family:inherit;font-size:1rem;line-height:1.5;margin:0;max-width:100%;min-height:60px;outline:none;padding:.75rem 1rem;resize:vertical;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.template-desc-input:focus{background:#0006!important;border:2px solid #ffffff4d;box-shadow:0 6px 20px #0003;transform:translateY(-1px)}.template-desc-input::placeholder{color:#fff6;font-weight:400}.section-title-input{background:#0000!important;border:none;border-radius:12px;color:#fff;font-size:1.2rem;font-weight:600;outline:none;padding:.15rem .3rem;text-align:left;text-shadow:0 2px 4px #0000004d;width:100%}.section-title-input:focus{background:#ffffff1a!important;border:none;box-shadow:0 0 0 3px #ffffff1a!important}.section-description{color:#ffffffb3;font-size:1.05rem;margin-bottom:.5rem;text-align:left;text-shadow:0 1px 2px #0000004d}.fields-table{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d!important;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 15px #0003;margin-top:.5rem;overflow-x:auto;width:100%}.fields-table-header{color:#ffffffb3;font-size:.98rem;font-weight:600;gap:.7rem;padding:.75rem 1rem;text-shadow:0 1px 2px #0000004d}.fields-table-header,.fields-table-row{border-bottom:1px solid #ffffff1a;display:flex}.fields-table-row{align-items:center;background:#ffffff05;flex-wrap:wrap;gap:.5rem;min-height:36px;padding:.75rem 1rem .75rem 44px;position:relative;transition:all .3s ease}.fields-table-row:last-child{border-bottom:none}.fields-table-row:hover{background:#ffffff0d}.field-label-input,input,textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d!important;border:2px solid #ffffff1a;border-radius:12px;box-shadow:none!important;color:#fff;font-size:.98rem;outline:none;padding:8px 12px}.field-label-input:focus,input:focus,textarea:focus{background:#0006!important;border:2px solid #ffffff4d;box-shadow:0 6px 20px #0003!important;transform:translateY(-1px)}.fields-table-row .field-label-input{flex:2 1 300px;max-width:none;min-width:300px}.field-label-text,.fields-table-row .field-label-input{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.field-label-text{color:#fff;line-height:1.5}.preview-mode .field-label-text,.preview-mode.preview-desktop .field-label-text,.preview-mode.preview-mobile .field-label-text,.preview-mode.preview-tablet .field-label-text{color:#fff}.fields-table-row .field-type-select{flex:1 1 180px;margin-left:8px;min-width:180px}.fields-table-row .mandatory-switch{flex:0 0 auto;margin-right:8px;transform:scale(.85)}@media (max-width:768px){.fields-table-row{align-items:stretch;flex-direction:column;padding-left:1rem}.fields-table-row .field-label-input,.fields-table-row .field-type-select{flex:1 1 auto;margin-bottom:8px;margin-left:0}.delete-handle,.drag-handle{display:none}}.drag-handle{align-items:center;border-radius:4px;color:#b0b8c1;cursor:grab;display:flex;font-size:11px;height:16px;justify-content:center;left:12px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:color .12s,background .12s,opacity .2s;-webkit-user-select:none;user-select:none;width:16px}.fields-table-row:hover .drag-handle{opacity:1}.drag-handle:hover{background:#ffffff14;color:#fff}.delete-handle{align-items:center;border-radius:4px;color:#ef4444cc;cursor:pointer;display:flex;font-size:11px;height:16px;justify-content:center;left:32px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:color .12s,background .12s,opacity .2s;width:16px}.fields-table-row:hover .delete-handle{opacity:1}.delete-handle:hover{background:#ef444426;color:#ff6b6b}.section-card .section-header{padding-right:80px;position:relative}.section-drag-handle{border-radius:6px;color:#ffffffb3;cursor:grab;font-size:14px;padding:6px;position:absolute;right:8px;top:8px;transition:color .12s,background .12s}.section-drag-handle:hover{background:#ffffff14;color:#fff}.section-delete-handle{border-radius:6px;color:#ef4444cc;cursor:pointer;font-size:14px;padding:6px;position:absolute;right:42px;top:8px;transition:color .12s,background .12s}.section-delete-handle:hover{background:#ef444426;color:#ff6b6b}input,select,textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d!important;border:2px solid #ffffff1a!important;border-radius:12px;box-shadow:none!important;color:#fff!important;font-family:inherit;font-size:1rem;outline:none;padding:12px 14px;transition:all .25s cubic-bezier(.4,0,.2,1)}input:focus,select:focus,textarea:focus{background:#0006!important;border:2px solid #ffffff4d!important;box-shadow:0 6px 20px #0003!important;transform:translateY(-1px)}input::placeholder,textarea::placeholder{color:#fff6!important;font-weight:400}select option{background:#000000e6!important;color:#fff!important}.css-13cymwt-control,.css-t3ipsp-control{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#0000004d!important;border:2px solid #ffffff1a!important;border-radius:12px!important;box-shadow:none!important}.css-13cymwt-control:hover,.css-t3ipsp-control:hover{border-color:#ffffff4d!important}.css-1dimb5e-singleValue,.css-1uccc91-singleValue,.css-qc6sy-singleValue{color:#fff!important}.css-1wa3eu0-placeholder{color:#fff6!important}.css-1rhbuit-multiValue{background-color:#ffffff1a!important;color:#fff!important}.css-12jo7m5,.css-1n7v3ny-option{color:#fff!important}.css-1n7v3ny-option{background-color:#000000e6!important}.css-1n7v3ny-option:hover{background-color:#ffffff1a!important}.css-26l3qy-menu{background-color:#000000e6!important;border:1px solid #fff3!important;border-radius:12px!important}.css-1pahdxg-control,.css-yk16xz-control{background-color:#0000004d!important;border:2px solid #ffffff1a!important;border-radius:12px!important}.css-1pahdxg-control:hover,.css-yk16xz-control:hover{border-color:#ffffff4d!important}.response-file-input,input[type=file]{background:#0000004d!important;border:2px solid #ffffff1a!important;border-radius:12px!important;color:#fff!important;padding:10px 12px!important}input[type=file]::-webkit-file-upload-button{background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:8px!important;color:#fff!important;cursor:pointer;margin-right:10px!important;padding:6px 12px!important}input[type=file]::-webkit-file-upload-button:hover{background:#fff3!important;border-color:#fff6!important}input[type=checkbox],input[type=radio]{background:#0000004d!important;border:2px solid #fff3!important;height:18px!important;width:18px!important}input[type=checkbox]:checked,input[type=radio]:checked{background:#fff3!important;border-color:#fff6!important}.mandatory-switch input[type=checkbox]{height:0;opacity:0;width:0}.mandatory-switch .slider{background-color:#ffffff1a;border:1px solid #fff3;border-radius:24px;cursor:pointer;display:inline-block;height:24px;position:relative;transition:all .25s ease;width:44px}.mandatory-switch .slider:before{background-color:#fffc;border-radius:50%;content:"";height:18px;left:2px;position:absolute;top:2px;transition:all .25s ease;width:18px}.mandatory-switch input:checked+.slider{background-color:#ffffff4d;border-color:#fff6}.mandatory-switch input:checked+.slider:before{background-color:#fff;transform:translateX(20px)}.add-btn,.add-page-btn,.move-btn,.remove-btn,button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d!important;border:2px solid #fff3;border-radius:16px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;margin-right:.5rem;overflow:hidden;padding:12px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-btn:active,.add-page-btn:active,.move-btn:active,.remove-btn:active,button:active{transform:scale(.98)}.add-btn:hover,.add-page-btn:hover,.move-btn:hover,.remove-btn:hover,button:hover{background:#ffffff1a!important;border-color:#fff6;box-shadow:0 6px 20px #0000004d;color:#fff;transform:translateY(-2px)}.move-btn:disabled,.remove-btn:disabled,button:disabled{background:#ffffff0d!important;border-color:#ffffff1a;box-shadow:none;color:#ffffff4d;cursor:not-allowed}.remove-btn{background:#e53e3e1a!important;border:2px solid #e53e3e4d;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)}.remove-btn:hover{background:#e53e3e33!important;border-color:#e53e3e80;box-shadow:0 6px 20px #e53e3e33;color:#fff}.add-btn,.add-page-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d!important;border:2px solid #fff3;border-radius:16px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:block;font-size:.95rem;font-weight:700;margin:10px 0 0;outline:none;padding:10px 20px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-btn:hover,.add-page-btn:hover{background:#ffffff1a!important;border-color:#fff6;box-shadow:0 6px 20px #0000004d;color:#fff;transform:translateY(-2px)}.add-btn:active,.add-page-btn:active{background:#ffffff0d!important;color:#fff;transform:translateY(0)}.add-btn:focus,.add-page-btn:focus{box-shadow:0 0 0 3px #ffffff1a,0 4px 15px #0003;outline:none}.fields-table>.add-btn,.section-card>.add-page-btn{margin-left:0;margin-right:auto}.sidebar{align-items:stretch;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff08!important;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;gap:1.2rem;padding:2rem 1rem}.sidebar-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0000004d!important;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:600;padding:12px 0;transition:all .25s cubic-bezier(.4,0,.2,1)}.sidebar-btn:hover{background:#ffffff1a!important;border-color:#fff6;color:#fff;transform:translateY(-1px)}.add-btn:focus,.add-page-btn:focus,.move-btn:focus,.remove-btn:focus,.sidebar-btn:focus,button:focus{outline:2px solid #2563eb;outline-offset:2px}@media (max-width:900px){.section-card,.template-header-section{margin:16px 12px;padding:1rem 1.5rem}.template-header-section{align-items:center;flex-direction:column;gap:1rem;text-align:center}.template-image-placeholder{margin-bottom:.5rem;margin-right:0}.template-title-input{font-size:1.2rem;text-align:center}.template-desc-input{font-size:.95rem;min-height:50px}}@media (max-width:600px){.section-card,.template-header-section{margin:12px 8px;padding:.8rem 1rem}.template-header-section{gap:.8rem;padding:1.5rem 1rem}.template-image-placeholder{font-size:1.5rem;height:60px;min-height:60px;min-width:60px;width:60px}.template-title-input{font-size:1.1rem;padding:.4rem .6rem}.template-desc-input{font-size:.9rem;min-height:45px;padding:.6rem .8rem}.description-label{font-size:.75rem}.fields-table-header,.fields-table-row{font-size:.88rem;gap:.2rem}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.fields-table-row.new-field{animation:fadeInSlide .4s cubic-bezier(.4,0,.2,1)}.more-btn,.more-menu-container,.more-menu-item,.more-menu-popover,.row-actions,.vertical-actions{display:none!important}.mandatory-indicator{color:#e53e3e;font-size:1rem;font-weight:700;margin-right:.1rem;min-width:18px;text-align:center}.mandatory-switch{align-items:center;display:flex;justify-content:center;margin-right:.1rem;min-width:22px}.section-card{box-sizing:border-box;margin-top:0;padding:18px 24px!important}.a4-page>div>.section-card:first-child{margin-top:8mm;padding-top:18px}.a4-page>div>.template-header-section:first-child{margin-top:8mm}.a4-page>div{margin-top:0;padding-top:0}.section-title-input:focus,.template-title-input:focus{border:none;box-shadow:none!important}.section-card,.template-header-section{background:#ffffff0d!important;border:1px solid #ffffff26;border-radius:14px;box-shadow:0 10px 24px #00000073;color:#fff}.fields-table,.fields-table-header,.fields-table-row{background:#ffffff08!important;color:#fff}.field-label-input,.section-title-input,.template-title-input,input,select,textarea{background:#0000004d!important;border:1.5px solid #fff3;border-radius:6px;color:#fff;font-size:1rem;padding:7px 12px;transition:border .18s}.field-label-input:focus,.section-title-input:focus,.template-title-input:focus,input:focus,select:focus,textarea:focus{border:2px solid #ffffff59;outline:none}.Select__control,.Select__menu{background:#000000d9!important;border-color:#fff3!important;color:#fff!important}.Select__option--is-focused{background:#ffffff1a!important;color:#fff!important}.add-page-btn{display:block;margin:16px 0 32px 24px;text-align:left}.section-title-input{background:#fff!important;border:1.5px solid #e5e5e5;border-radius:6px;box-sizing:border-box;color:#181818;display:block;font-size:1.1rem;margin:.5rem 0;max-width:98%;padding:7px 12px}.template-app-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0f;border-bottom:1px solid #ffffff1f;border-radius:0 0 18px 18px;box-shadow:0 8px 24px #00000059;color:#fff;left:0;margin-bottom:0;min-height:56px;padding:14px 20px 12px;position:fixed;right:0;text-align:left;top:0;transition:box-shadow .18s,background .18s,border .18s;z-index:1000}.template-app-header:hover{box-shadow:0 12px 36px #00000073}.template-app-header:after{animation:headerSheen 7s linear infinite;background:linear-gradient(120deg,#0000,#ffffff1f,#0000);content:"";height:100%;left:-30%;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);width:30%}@keyframes headerSheen{0%{left:-30%}to{left:130%}}.header-bar{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto 1fr}.header-left{align-items:center;display:flex;gap:10px;justify-self:start;position:relative}.menu-btn{background:#00000059;border:1px solid #ffffff40;border-radius:12px;box-shadow:0 4px 12px #00000040;color:#fff;cursor:pointer;padding:8px 12px;transition:transform .25s,background .2s,box-shadow .2s}.menu-btn:hover{background:#ffffff24;box-shadow:0 8px 18px #00000059;transform:translateY(-1px)}.menu-btn.open{transform:rotate(90deg)}.menu-popover{background:#000000d9;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 16px 40px #00000080;display:flex;flex-direction:column;gap:6px;left:0;min-width:200px;opacity:0;padding:10px 12px;position:absolute;top:44px;transform:translateY(6px) scale(.98);transition:opacity .18s,transform .18s;z-index:10}.menu-popover.show{opacity:1;transform:translateY(0) scale(1)}.menu-popover .menu-item,.menu-popover a{background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;font:inherit;padding:8px 10px;text-align:left;text-decoration:none}.menu-popover .menu-item:hover,.menu-popover a:hover{background:#ffffff24}.menu-divider{background:#ffffff26;height:1px;margin:6px 0}.header-center{align-items:center;display:flex;gap:16px;justify-self:center}.header-link{border-radius:10px;color:#ffffffd9;padding:6px 10px;position:relative;text-decoration:none;transition:background .2s,color .2s}.header-link:after{background:linear-gradient(90deg,#fff0,#fff9,#fff0);bottom:4px;content:"";height:2px;left:10px;position:absolute;right:10px;transform:scaleX(0);transform-origin:center;transition:transform .25s ease}.header-link:hover{background:#ffffff1a;color:#fff}.header-link:hover:after{transform:scaleX(1)}.header-link.active{background:#ffffff29;color:#fff}.header-right{align-items:center;display:flex;gap:10px;justify-self:end}.header-preview-btn{background:#00000059!important;border:1px solid #fff3!important;border-radius:14px!important;color:#fff!important;padding:8px 16px!important}.header-preview-btn:hover{background:#ffffff1f!important}.header-right .primary-btn{background:#000!important;border:2px solid #fff!important;border-radius:14px!important;color:#fff!important;padding:8px 16px!important;transition:transform .15s ease,box-shadow .2s ease}.header-right .primary-btn:hover{background:#fff!important;box-shadow:0 10px 24px #00000059;color:#000!important;transform:translateY(-1px)}.header-right .new-publish-btn{background:#000!important;border:2px solid #fff!important;border-radius:14px!important;color:#fff!important;padding:8px 16px!important;transition:transform .15s ease,box-shadow .2s ease}.header-right .new-publish-btn:hover{background:#fff!important;box-shadow:0 10px 24px #00000059;color:#000!important;transform:translateY(-1px)}.template-app-header .button,.template-app-header a,.template-app-header button{color:#fff}.template-app-header .assigned-icon,.template-app-header .history-icon,.template-app-header .publish-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.template-app-subtitle{color:#888;font-size:1.08rem;font-weight:500;margin-bottom:8px}.template-header-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end;padding:2px 6px;position:absolute;right:20px;top:10px;z-index:2}.mode-toggle{border:1.5px solid #e5e5e5;border-radius:8px;display:flex;gap:.3rem;padding:1px 3px}.mode-toggle,.mode-toggle span{background:#fff;font-weight:700}.mode-toggle span{border:none;border-radius:6px;color:#181818;cursor:pointer;font-size:.92rem;padding:4px 10px;transition:background .18s,color .18s}.mode-toggle span.active{background:#181818;color:#fff}.mode-toggle span:not(.active):hover{background:#f5f5f5;color:#181818}.publish-btn{background:#fff;border:1px solid #181818;border-radius:20px;box-shadow:0 0 0 2px #2563eb;color:#181818;font-size:.95rem;font-weight:800;margin-left:6px;padding:8px 16px}.new-publish-btn,.publish-btn{cursor:pointer;outline:none;position:relative}.new-publish-btn{background:#f8f9fa;border:1px solid #e9ecef;border-radius:25px;box-shadow:none;color:#000;padding:10px 20px}.download-pdf-btn,.new-publish-btn{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:8px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.download-pdf-btn{background:#ffffff1a;border:1px solid #ffffff40;border-radius:12px;box-shadow:0 4px 12px #00000040;color:#fff;cursor:pointer;margin-right:12px;outline:none;padding:8px 14px;position:relative}.download-pdf-btn:hover{background:#fff3;border-color:#fff6;box-shadow:0 8px 18px #00000059;transform:translateY(-1px)}.download-pdf-btn:active{box-shadow:0 4px 12px #00000040;transform:translateY(0)}.download-pdf-btn .download-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));font-size:1.1rem}.download-pdf-btn .download-text{font-size:.9rem;font-weight:600;text-shadow:0 1px 2px #0006}@media print{.download-pdf-btn,.no-print{display:none!important}}.template-app-header .primary-btn{background:#f8f9fa;border:1px solid #e9ecef;border-radius:25px;color:#000;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px}.template-app-header .primary-btn:hover{background:#e9ecef;color:#000}.new-publish-btn:hover{background:#f8f9fa!important;color:#000!important;transform:none!important}.publish-icon{animation:rocketPulse 2s infinite;font-size:1rem}.publish-text{font-weight:600;letter-spacing:.5px}@keyframes rocketPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.device-preview-toggle{align-items:center;background:linear-gradient(145deg,#1a1a1a,#2a2a2a 50%,#1a1a1a);border:2px solid #333;border-radius:12px;box-shadow:0 4px 12px #0000004d;display:flex;gap:12px;justify-content:center;margin:20px auto;overflow:hidden;padding:8px 16px;position:relative;width:-webkit-fit-content;width:fit-content}.device-preview-toggle:before{background:linear-gradient(135deg,#ffffff26,#ffffff0d 30%,#0000 50%,#0000001a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.device-preview-toggle span{align-items:center;animation:buttonPulse .3s ease-out;background:linear-gradient(145deg,#2a2a2a,#3a3a3a 50%,#2a2a2a);border:2px solid #444;border-radius:8px;box-shadow:0 2px 8px #0003;color:#ccc;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px;z-index:2}.device-preview-toggle span:hover{background:linear-gradient(145deg,#3a3a3a,#4a4a4a 50%,#3a3a3a);border-color:#666;box-shadow:0 4px 16px #0006,0 0 0 1px #ffffff1a;color:#fff;transform:translateY(-2px) scale(1.05)}.device-preview-toggle span.active{background:linear-gradient(145deg,#000,#1a1a1a 50%,#000);border-color:#888;box-shadow:0 4px 16px #00000080,0 0 0 2px #fff3,0 0 0 4px #ffffff0d;color:#fff;transform:translateY(-2px) scale(1.05)}.device-preview-toggle span.active:hover{background:linear-gradient(145deg,#111,#222 50%,#111);border-color:#999;box-shadow:0 6px 20px #0009,0 0 0 2px #ffffff40,0 0 0 4px #ffffff1a;transform:translateY(-3px) scale(1.08)}.device-preview-toggle span[title="Desktop View"]:hover{background:linear-gradient(145deg,#3a3a3a,#4a4a4a 50%,#3a3a3a);border-color:#2196f3;box-shadow:0 4px 16px #0006,0 0 20px #2196f34d,0 0 0 1px #fff3}.device-preview-toggle span[title="Tablet View"]:hover{background:linear-gradient(145deg,#3a3a3a,#4a4a4a 50%,#3a3a3a);border-color:#9c27b0;box-shadow:0 4px 16px #0006,0 0 20px #9c27b04d,0 0 0 1px #fff3}.device-preview-toggle span[title="Mobile View"]:hover{background:linear-gradient(145deg,#3a3a3a,#4a4a4a 50%,#3a3a3a);border-color:#4caf50;box-shadow:0 4px 16px #0006,0 0 20px #4caf504d,0 0 0 1px #fff3}.device-preview-toggle span[title="Desktop View"].active{background:linear-gradient(145deg,#000,#1a1a1a 50%,#000);border-color:#2196f3;box-shadow:0 4px 16px #00000080,0 0 0 2px #ffffff4d,0 0 0 4px #ffffff1a,0 0 25px #2196f366}.device-preview-toggle span[title="Tablet View"].active{background:linear-gradient(145deg,#000,#1a1a1a 50%,#000);border-color:#9c27b0;box-shadow:0 4px 16px #00000080,0 0 0 2px #ffffff4d,0 0 0 4px #ffffff1a,0 0 25px #9c27b066}.device-preview-toggle span[title="Mobile View"].active{background:linear-gradient(145deg,#000,#1a1a1a 50%,#000);border-color:#4caf50;box-shadow:0 4px 16px #00000080,0 0 0 2px #ffffff4d,0 0 0 4px #ffffff1a,0 0 25px #4caf5066}.preview-mode.preview-desktop{align-items:flex-start;background:#000!important;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.laptop-frame{background:#1a1a1a;border-radius:20px 20px 0 0;box-shadow:0 20px 40px #0000004d,0 0 0 2px #333,0 0 0 6px #1a1a1a,0 0 0 8px #333;margin:0 auto;max-width:1200px;padding:20px;position:relative;transform-style:preserve-3d;width:100%}.laptop-frame:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%,#0000001a);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.laptop-screen{background:#000;border-radius:8px 8px 0 0;overflow:hidden;padding:20px;position:relative;z-index:2}.laptop-screen:before{background:linear-gradient(90deg,#0000,#333,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0;z-index:10}.laptop-screen:after{background:linear-gradient(135deg,#ffffff0d,#0000 30%);z-index:3}.laptop-screen-content{background:#000!important;border-radius:4px;box-shadow:inset 0 0 20px #0000001a;height:600px;overflow-x:hidden;padding:15px;position:relative}.laptop-screen-content::-webkit-scrollbar{width:8px}.laptop-screen-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.laptop-screen-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.laptop-screen-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.laptop-base{background:#1a1a1a;border-radius:0 0 20px 20px;box-shadow:0 4px 8px #0000004d;height:8px;position:relative}.laptop-base:before{border-radius:2px;content:"";height:4px;top:2px;width:60px}.laptop-base:before,.laptop-camera{background:#333;left:50%;position:absolute;transform:translateX(-50%)}.laptop-camera{border-radius:50%;height:6px;top:8px;width:6px;z-index:5}.laptop-camera:before{background:#000;border-radius:50%;content:"";height:4px;left:1px;position:absolute;top:1px;width:4px}.preview-mode.preview-desktop .template-container{background:#0000;margin:0;max-width:none;padding:0}.preview-mode.preview-desktop .template-app-header{background:#ffffff0f!important;border:1px solid #ffffff26;border-radius:8px 8px 0 0;box-shadow:0 2px 8px #0000001a;color:#fff;margin:0 0 20px;padding:14px 20px 8px}.preview-mode.preview-desktop .section-card,.preview-mode.preview-desktop .template-header-section{background:#ffffff0d!important;border:1px solid #ffffff26;border-radius:8px;box-shadow:0 2px 8px #00000014;color:#fff;margin:0 0 20px;padding:18px 24px}.preview-mode.preview-desktop .app-bar{align-items:center;background:#ffffff0f!important;border:1px solid #ffffff26;border-radius:0 0 8px 8px;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;justify-content:center;margin-bottom:20px;padding:10px 20px}.header-actions-row{align-items:center;display:flex;justify-content:center;width:100%}.preview-info-label{color:#000;font-size:12px;font-weight:700;margin-left:8px}.preview-mode.preview-desktop .field-label-input,.preview-mode.preview-desktop .section-title-input,.preview-mode.preview-desktop .template-desc-input,.preview-mode.preview-desktop .template-title-input,.preview-mode.preview-desktop input,.preview-mode.preview-desktop textarea{word-wrap:break-word;background:#ffffff0d!important;border:1px solid #fff3;border-radius:6px;box-shadow:none!important;color:#fff!important;font-size:.98rem;max-width:none;outline:none;overflow-wrap:break-word;padding:5px 8px;white-space:normal}.preview-mode.preview-desktop .field-label-input:focus,.preview-mode.preview-desktop .section-title-input:focus,.preview-mode.preview-desktop .template-desc-input:focus,.preview-mode.preview-desktop .template-title-input:focus,.preview-mode.preview-desktop input:focus,.preview-mode.preview-desktop textarea:focus{background:#ffffff1a!important;border:2px solid #6366f1;box-shadow:none!important}.preview-mode.preview-desktop .add-btn,.preview-mode.preview-desktop .add-page-btn{background:#ffffff1a!important;border:1.5px solid #ffffff4d;border-radius:5px;box-shadow:none;color:#fff;cursor:pointer;display:block;font-size:.95rem;font-weight:700;margin:10px 0 0;outline:none;padding:5px 12px;text-align:left;transition:background .18s,color .18s,border .18s,box-shadow .18s}.preview-mode.preview-desktop .add-btn:hover,.preview-mode.preview-desktop .add-page-btn:hover{background:#fff3!important;border:1.5px solid #ffffff80;box-shadow:0 2px 8px #00000021;color:#fff}.preview-mode.preview-desktop .fields-table{background:#ffffff08!important;border-radius:6px;box-shadow:0 1px 4px #00000005;margin-top:.5rem;overflow-x:auto;width:100%}.preview-mode.preview-desktop .fields-table-header{border-bottom:1px solid #fff3;color:#ffffffb3;display:flex;font-size:.98rem;font-weight:600;gap:.7rem;padding:.5rem 0 .3rem}.preview-mode.preview-desktop .fields-table-row{align-items:center;background:#ffffff05!important;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;gap:.3rem;min-height:36px;padding:.4rem 0;position:relative;transition:none}.preview-mode.preview-desktop .section-description{color:#ffffffb3;font-size:1.05rem;margin-bottom:.5rem;text-align:left}.preview-mode.preview-desktop .template-title-input{background:#0000;border:none;color:#fff;font-size:1.15rem;font-weight:600;outline:none;padding:.2rem .4rem;text-align:left;width:100%}.preview-mode.preview-desktop .template-desc-input{background:#ffffff0d!important;border:1px solid #fff3;border-radius:3px;color:#fff;font-size:.93rem;margin:0;max-width:100%;min-height:20px;outline:none;padding:2px 4px;resize:vertical;transition:border .2s;width:100%}.preview-mode.preview-desktop .template-desc-input:focus{background:#ffffff1a!important;border:2px solid #6366f1}.preview-mode.preview-desktop .section-title-input{background:#0000;border:none;color:#fff;font-size:1.2rem;font-weight:600;outline:none;padding:.15rem .3rem;text-align:left;width:100%}.preview-mode.preview-desktop .section-title-input:focus{border:none;box-shadow:none!important}.preview-mode.preview-desktop .template-header-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end;padding:2px 6px;position:absolute;right:20px;top:10px;z-index:2}.preview-mode.preview-desktop .mode-toggle{background:#fff;border:1.5px solid #e5e5e5;border-radius:8px;display:flex;font-weight:700;gap:.3rem;padding:1px 3px}.preview-mode.preview-desktop .mode-toggle span{background:#fff;border:none;border-radius:6px;color:#181818;cursor:pointer;font-size:.92rem;font-weight:700;padding:4px 10px;transition:background .18s,color .18s}.preview-mode.preview-desktop .mode-toggle span.active{background:#181818;color:#fff}.preview-mode.preview-desktop .mode-toggle span:not(.active):hover{background:#f5f5f5;color:#181818}.preview-mode.preview-desktop .publish-btn{background:#fff;border:1px solid #181818;border-radius:20px;box-shadow:0 0 0 2px #2563eb;color:#181818;cursor:pointer;font-size:.95rem;font-weight:800;margin-left:6px;outline:none;padding:8px 16px;position:relative}.preview-mode.preview-desktop .device-preview-toggle{align-items:center;background:#fff;border:1.5px solid #e5e5e5;border-radius:8px;display:flex;gap:.5rem;justify-content:center;margin:18px auto;padding:2px 6px;width:-webkit-fit-content;width:fit-content}.preview-mode.preview-desktop .device-preview-toggle span{align-items:center;background:#fff;border:none;border-radius:6px;color:#181818;cursor:pointer;display:flex;font-size:1.35rem;font-weight:700;justify-content:center;padding:9px 18px;transition:background .18s,color .18s,box-shadow .18s}.preview-mode.preview-desktop .device-preview-toggle span.active{background:#181818;box-shadow:0 2px 8px #00000021;color:#000}.preview-mode.preview-desktop .device-preview-toggle span:not(.active):hover{background:#f5f5f5;color:#181818}.preview-mode.preview-desktop .template-app-title{cursor:pointer;font-size:1.25rem;font-weight:800;letter-spacing:.01em;margin:.2rem 2px .5rem;transition:color .18s,-webkit-text-decoration .18s;transition:color .18s,text-decoration .18s;transition:color .18s,text-decoration .18s,-webkit-text-decoration .18s}.preview-mode.preview-desktop .template-app-title:hover{color:#222;text-decoration:underline}.preview-mode.preview-desktop .field-type-select{max-width:320px;min-width:260px}.preview-mode.preview-desktop .field-type-select .Select__control{background:#fff!important;border-color:#181818!important;border-radius:6px;box-shadow:none!important;color:#181818!important;min-height:36px}.preview-mode.preview-desktop .field-type-select .Select__control--is-focused{border-color:#2563eb!important;box-shadow:none!important}.preview-mode.preview-desktop .field-type-select .Select__menu{background:#fff!important;border-color:#181818!important;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#181818!important}.preview-mode.preview-desktop .field-type-select .Select__option--is-focused{background:#f5f5f5!important;color:#181818!important}.preview-mode.preview-desktop .field-type-select .Select__option--is-selected{background:#181818!important;color:#fff!important}.preview-mode.preview-desktop .mandatory-switch{align-items:center;display:flex;justify-content:center;margin-right:.1rem;min-width:22px}.preview-mode.preview-desktop .mandatory-switch input{display:none}.preview-mode.preview-desktop .mandatory-switch .slider{background-color:#ccc;border-radius:6px;cursor:pointer;height:12px;position:relative;transition:background-color .18s;width:20px}.preview-mode.preview-desktop .mandatory-switch input:checked+.slider{background-color:#181818}.preview-mode.preview-desktop .mandatory-switch .slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:8px;left:2px;position:absolute;transition:transform .18s;width:8px}.preview-mode.preview-desktop .mandatory-switch input:checked+.slider:before{transform:translateX(8px)}.preview-mode.preview-desktop .mandatory-indicator{color:#e53e3e;font-size:1rem;font-weight:700;margin-right:.1rem;min-width:18px;text-align:center}.laptop-keyboard{background:#1a1a1a;border-radius:0 0 8px 8px;height:4px;margin-top:-1px;position:relative}.laptop-keyboard:before{background:#333;border-radius:1px;content:"";height:2px;left:50%;position:absolute;top:1px;transform:translateX(-50%);width:40px}@media (max-width:1400px){.laptop-frame{max-width:1000px}.laptop-screen-content{height:500px}}@media (max-width:1200px){.laptop-frame{max-width:800px}.laptop-screen-content{height:450px}}@media (max-width:900px){.laptop-frame{max-width:600px}.laptop-screen-content{height:400px}}.laptop-frame:after{animation:laptopGlow 3s ease-in-out infinite alternate;background:linear-gradient(45deg,#3498db,#2ecc71,#e74c3c,#f39c12);border-radius:22px 22px 2px 2px;bottom:-2px;content:"";left:-2px;opacity:.1;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes laptopGlow{0%{opacity:.05}to{opacity:.15}}.laptop-screen:after{background:linear-gradient(135deg,#0000,#ffffff05 20%,#ffffff0d 50%,#ffffff05 80%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:15}.laptop-screen-content{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}.response-buttons{display:flex;flex-wrap:wrap;gap:12px}.response-button{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #94a3b84d;border-radius:12px;box-shadow:0 2px 4px #0000000a;color:#1e293b;cursor:pointer;font-size:15px;font-weight:600;min-width:80px;overflow:hidden;padding:12px 20px;position:relative;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.response-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.response-button:hover:before{left:100%}.response-button:hover{background:linear-gradient(145deg,#f0f9ff,#e0f2fe);border-color:#6366f1;box-shadow:0 8px 25px -8px #6366f140,0 0 0 1px #6366f11a;color:#1e40af;transform:translateY(-2px) scale(1.02)}.response-button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.response-button.selected{background:linear-gradient(145deg,#6366f1,#4f46e5);border-color:#4f46e5;box-shadow:0 8px 25px -8px #6366f166,inset 0 1px 0 #fff3;color:#fff;transform:scale(1.05)}.response-button.selected:after{content:"✓";font-size:10px;font-weight:700;position:absolute;right:4px;top:2px}.response-button.good{border-color:#10b981;color:#10b981}.response-button.good.selected{background:#d1fae5;color:#000}.response-button.fair{border-color:#f59e0b;color:#f59e0b}.response-button.fair.selected{background:#fef3c7;color:#000}.response-button.poor{border-color:#ef4444;color:#ef4444}.response-button.poor.selected{background:#fee2e2;color:#000}.response-button.safe{border-color:#10b981;color:#10b981}.response-button.safe.selected{background:#d1fae5;color:#000}.response-button.at-risk{border-color:#ef4444;color:#ef4444}.response-button.at-risk.selected{background:#fee2e2;color:#000}.response-button.pass{border-color:#10b981;color:#10b981}.response-button.pass.selected{background:#d1fae5;color:#000}.response-button.fail{border-color:#ef4444;color:#ef4444}.response-button.fail.selected{background:#fee2e2;color:#000}.response-button.yes{border-color:#10b981;color:#10b981}.response-button.yes.selected{background:#d1fae5;color:#000}.response-button.no{border-color:#ef4444;color:#ef4444}.response-button.no.selected{background:#fee2e2;color:#000}.response-button.compliant{border-color:#10b981;color:#10b981}.response-button.compliant.selected{background:#d1fae5;color:#000}.response-button.non-compliant{border-color:#ef4444;color:#ef4444}.response-button.non-compliant.selected{background:#fee2e2;color:#000}.response-button.na{border-color:#6b7280;color:#6b7280}.response-button.na.selected{background:#e5e7eb;color:#000}.response-input,.response-textarea{background:#fff!important;border:1px solid #94a3b84d;border-radius:10px;box-shadow:0 1px 2px #00000005;color:#1e293b;font-family:inherit;font-size:16px;line-height:1.5;outline:none;padding:12px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.response-input:focus,.response-textarea:focus{background:#fff!important;border:2px solid #6366f1;box-shadow:0 0 0 3px #6366f11a,0 4px 6px -1px #0000000d;outline:none;transform:translateY(-1px)}.preview-mode .response-input,.preview-mode .response-textarea{background:#ffffff0d!important;border:1px solid #fff3;border-radius:6px;box-shadow:none!important;color:#fff;font-size:.98rem;outline:none;padding:5px 8px}.preview-mode .response-input:focus,.preview-mode .response-textarea:focus{background:#ffffff1a!important;border:2px solid #6366f1;box-shadow:none!important}.response-checkbox{accent-color:#181818;height:18px;width:18px}.response-slider{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;outline:none}.response-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#181818;border-radius:50%;cursor:pointer;height:18px;width:18px}.response-slider::-moz-range-thumb{background:#181818;border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.slider-value{color:#181818;font-weight:600;min-width:30px;text-align:center}.response-file-input{background:#fff!important;border:2px dashed #e5e7eb;border-radius:6px;cursor:pointer;padding:8px;transition:border-color .18s;width:100%}.response-file-input:hover{border-color:#181818}.response-signature-placeholder{align-items:center;background:#fff!important;border:2px dashed #e5e7eb;border-radius:6px;color:#6b7280;display:flex;font-style:italic;height:80px;justify-content:center;width:100%}.response-instruction{background:#fff!important;border-left:4px solid #181818;border-radius:4px;color:#181818;font-style:italic;padding:12px}.response-option-label{align-items:center;display:flex;gap:8px}.response-option-icon{font-size:1.1rem}.response-option-text{font-weight:500}@media (min-width:1024px) and (max-width:1440px){.preview-mode .template-app-header .template-header-actions{display:none!important}.preview-mode .template-app-header .template-app-title{text-align:center;width:100%}.preview-mode .app-bar{display:none!important}}.fields-table-row .response-input,.fields-table-row .response-textarea{flex:1 1;max-width:none;min-width:0}.fields-table-row .response-file-input,.fields-table-row .response-input,.fields-table-row .response-textarea{box-sizing:border-box;max-width:320px;min-width:200px;width:100%}.fields-table-row .response-buttons{display:flex;flex:1 1;flex-wrap:wrap;gap:8px;max-width:320px;min-width:200px}.fields-table-row .response-slider{flex:1 1;max-width:250px;min-width:150px}.fields-table-row .response-checkbox{height:18px;margin:0;width:18px}.fields-table-row .response-signature-placeholder{height:60px;max-width:320px;min-width:200px;width:100%}.fields-table-row .response-instruction{max-width:320px;min-width:200px;width:100%}@media (max-width:900px){.preview-mode .template-app-header .template-header-actions{display:flex!important}.preview-mode .app-bar{display:block!important}}.preview-mode .template-app-header{justify-content:center;padding:1rem 2rem}.preview-mode .template-app-header .template-app-title{color:#222;font-size:1.5rem;font-weight:600}.laptop-screen-content{box-sizing:border-box;height:100%;overflow-y:auto;padding:1rem}.preview-mode .fields-table{margin-top:1rem}.preview-mode .fields-table-row{min-height:48px;padding:.75rem 0}.preview-mode .response-input,.preview-mode .response-textarea{height:36px;line-height:1.2}.preview-mode .response-textarea{min-height:36px;resize:vertical}.tablet-frame{background:linear-gradient(145deg,#1a1a1a,#2a2a2a 50%,#1a1a1a);border-radius:20px;box-shadow:0 20px 40px #0006,0 0 0 1px #333,0 0 0 3px #1a1a1a,0 0 0 4px #333,inset 0 1px 0 #ffffff1a;margin:0 auto;max-width:800px;padding:20px;position:relative;transform-style:preserve-3d;width:100%}.tablet-frame:before{background:linear-gradient(135deg,#ffffff26,#ffffff0d 30%,#0000 50%,#0000001a);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.tablet-screen{background:#000;border-radius:12px;box-shadow:inset 0 0 20px #000c;overflow:hidden;padding:20px;position:relative;z-index:2}.tablet-screen:before{background:#1a1a1a;border-radius:50%;box-shadow:0 0 0 1px #333;content:"";height:6px;left:50%;position:absolute;top:12px;transform:translateX(-50%);width:6px;z-index:10}.tablet-screen:after{background:linear-gradient(135deg,#ffffff14,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.tablet-screen-content{background:#000!important;border-radius:4px;box-shadow:inset 0 0 15px #0000001a;height:500px;overflow-x:hidden;overflow-y:auto;padding:12px;position:relative}.tablet-screen-content::-webkit-scrollbar{width:6px}.tablet-screen-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.tablet-screen-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.tablet-screen-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.mobile-frame{align-items:center;aspect-ratio:430/932;background:linear-gradient(145deg,#1a1a1a,#2a2a2a 50%,#1a1a1a);background-clip:padding-box;border-radius:55px;box-shadow:0 25px 50px #00000040,0 0 0 1px #333,0 0 0 3px #1a1a1a,0 0 0 4px #333,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;height:auto;justify-content:center;margin:0 auto;max-height:90vh;max-width:340px;padding:2vw;position:relative;transform-style:preserve-3d;width:100%}@media (max-height:700px),(max-width:400px){.mobile-frame{padding:1vw}}.mobile-screen{background:#000;border-radius:45px;display:flex;flex-direction:column;overflow:hidden;padding:0;z-index:2}.mobile-screen,.mobile-screen-content{box-shadow:none;height:100%;position:relative;width:100%}.mobile-screen-content{background:#000!important;border-radius:8px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;padding:10px 10px 24px}.mobile-frame *,.mobile-screen *,.mobile-screen-content *{box-sizing:border-box;max-width:100%}body,html{background:#000!important}.device-frameset,.preview-mode.preview-mobile{align-items:center;background:#000!important;display:flex;justify-content:center;min-height:100vh}.mobile-screen-content::-webkit-scrollbar{height:0!important;width:6px}.mobile-screen-content::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.mobile-screen-content::-webkit-scrollbar-track{background:#0000}.preview-mode.preview-tablet .template-container{background:#0000;margin:0;max-width:none;padding:0}.preview-mode.preview-tablet .template-app-header{background:#ffffff0f!important;border:1px solid #ffffff26;border-radius:8px 8px 0 0;box-shadow:0 2px 6px #0000001a;color:#fff;margin:0 0 16px;padding:12px 16px 6px}.preview-mode.preview-tablet .section-card,.preview-mode.preview-tablet .template-header-section{background:#ffffff0d!important;border:1px solid #ffffff26;border-radius:6px;box-shadow:0 2px 6px #00000014;color:#fff;margin:0 0 16px;padding:14px 18px}.preview-mode.preview-tablet .app-bar{background:#ffffff0f!important;border:1px solid #ffffff26;border-radius:0 0 6px 6px;box-shadow:0 2px 6px #0000001a;color:#fff;margin-bottom:16px;padding:8px 16px}.preview-mode.preview-mobile .template-container{background:#0000;margin:0;max-width:none;padding:0}.preview-mode.preview-mobile .template-app-header{background:#ffffff0f!important;border:1px solid #ffffff26;border-radius:6px 6px 0 0;box-shadow:0 1px 4px #0000001a;color:#fff;margin:0 0 12px;padding:10px 12px 4px}.preview-mode.preview-mobile .section-card,.preview-mode.preview-mobile .template-header-section{background:#ffffff0d!important;border:1px solid #ffffff26;border-radius:4px;box-shadow:0 1px 4px #00000014;color:#fff;margin:0 0 12px;padding:10px 12px}.preview-mode.preview-mobile .app-bar{background:#ffffff0f!important;border:1px solid #ffffff26;border-radius:0 0 4px 4px;box-shadow:0 1px 4px #0000001a;color:#fff;margin-bottom:12px;padding:6px 12px}@media (max-width:1400px){.tablet-frame{max-width:700px}.tablet-screen-content{height:450px;padding:10px}.mobile-frame{height:868px;max-width:400px;width:400px}.mobile-screen-content{height:100%;padding:8px}}@media (max-width:1200px){.tablet-frame{max-width:600px}.tablet-screen-content{height:400px}.mobile-frame{height:782px;max-width:360px;width:360px}.mobile-screen-content{height:100%}}@media (max-width:900px){.tablet-frame{max-width:500px}.tablet-screen-content{height:350px}.mobile-frame{height:695px;max-width:320px;width:320px}.mobile-screen-content{height:100%}}@media (max-width:600px){.tablet-frame{max-width:400px}.tablet-screen-content{height:300px}.mobile-frame{height:608px;max-width:280px;width:280px}.mobile-screen-content{height:100%}}.tablet-frame:after{background:#333;border-radius:2px;bottom:-10px;box-shadow:0 2px 4px #0000004d;height:4px;width:60px}.mobile-frame:after{background:#333;border-radius:3px;bottom:-12px;box-shadow:0 3px 6px #0000004d;height:5px;width:80px}.tablet-frame{animation:tabletGlow 3s ease-in-out infinite alternate}.mobile-frame{animation:mobileGlow 3s ease-in-out infinite alternate}@keyframes tabletGlow{0%{box-shadow:0 15px 30px #00000040,0 0 0 2px #444,0 0 0 4px #2a2a2a,0 0 0 6px #444}to{box-shadow:0 15px 30px #00000040,0 0 0 2px #444,0 0 0 4px #2a2a2a,0 0 0 6px #444,0 0 20px #4444441a}}@keyframes mobileGlow{0%{box-shadow:0 15px 35px #0006,0 0 0 2px #333,0 0 0 4px #1f1f1f,0 0 0 6px #333}to{box-shadow:0 15px 35px #0006,0 0 0 2px #333,0 0 0 4px #1f1f1f,0 0 0 6px #333,0 0 20px #33333326}}.preview-mode.preview-tablet .section-card,.preview-mode.preview-tablet .template-header-section{margin:0 0 12px;padding:12px 16px}.preview-mode.preview-mobile .section-card,.preview-mode.preview-mobile .template-header-section{margin:0 0 8px;padding:8px 12px}.preview-mode.preview-mobile .section-title-input,.preview-mode.preview-mobile .template-title-input{font-size:1rem}.preview-mode.preview-mobile .section-description,.preview-mode.preview-mobile .template-desc-input{font-size:.9rem}.preview-mode.preview-mobile .field-label-input{word-wrap:break-word;color:#fff!important;font-size:.9rem;max-width:none;overflow-wrap:break-word;white-space:normal}.preview-mode.preview-mobile .fields-table-header{font-size:.85rem}.preview-mode.preview-tablet .section-title-input,.preview-mode.preview-tablet .template-title-input{font-size:1.1rem}.preview-mode.preview-tablet .section-description,.preview-mode.preview-tablet .template-desc-input{font-size:.95rem}.preview-mode.preview-tablet .field-label-input{word-wrap:break-word;color:#fff!important;font-size:.95rem;max-width:none;overflow-wrap:break-word;white-space:normal}.preview-mode.preview-tablet .fields-table-header{font-size:.9rem}.preview-mode.preview-mobile .response-button,.preview-mode.preview-tablet .response-button{border-radius:4px;font-size:.9rem;padding:6px 12px}.preview-mode.preview-mobile .response-button{border-radius:3px;font-size:.8rem;padding:4px 8px}.preview-mode.preview-mobile .field-label-input,.preview-mode.preview-mobile input,.preview-mode.preview-mobile textarea{border-radius:4px;padding:6px 8px}.preview-mode.preview-tablet .field-label-input,.preview-mode.preview-tablet input,.preview-mode.preview-tablet textarea{border-radius:5px;padding:8px 10px}.preview-mode.preview-mobile .fields-table-row{gap:6px;padding:8px 0}.preview-mode.preview-tablet .fields-table-row{gap:8px;padding:10px 0}.preview-mode.preview-tablet .laptop-screen-content::-webkit-scrollbar,.preview-mode.preview-tablet .tablet-screen-content::-webkit-scrollbar{width:6px}.preview-mode.preview-mobile .laptop-screen-content::-webkit-scrollbar,.preview-mode.preview-mobile .mobile-screen-content::-webkit-scrollbar{width:4px}.laptop-frame{filter:drop-shadow(0 20px 40px rgba(0,0,0,.3))}.tablet-frame{filter:drop-shadow(0 15px 30px rgba(0,0,0,.25))}.mobile-frame{filter:drop-shadow(0 10px 25px rgba(0,0,0,.3))}.device-preview-toggle{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (max-width:768px){.device-preview-toggle{gap:8px;padding:6px 12px}.device-preview-toggle span{font-size:16px;height:38px;width:38px}}@media (max-width:480px){.device-preview-toggle{gap:6px;padding:4px 8px}.device-preview-toggle span{font-size:14px;height:34px;width:34px}}.device-preview-toggle span{animation:none}@keyframes buttonPulse{0%{opacity:.8;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.device-preview-toggle span:focus{box-shadow:none}.device-preview-toggle span:focus-visible{outline:none}.device-preview-toggle span:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);border-radius:4px 4px 0 0;content:"";height:1px;left:2px;pointer-events:none;position:absolute;right:2px;top:2px;z-index:3}.device-preview-toggle span:after{background:linear-gradient(135deg,#ffffff1a,#0000 40%);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.device-preview-toggle span:focus{box-shadow:0 0 0 3px #fff6,0 0 0 1px #fff3;outline:none}.device-preview-toggle span:focus-visible{outline:2px solid #fffc;outline-offset:2px}.device-preview-toggle:after{background:linear-gradient(90deg,#0000,#fff3,#0000);border-radius:11px 11px 0 0;content:"";height:1px;left:1px;pointer-events:none;position:absolute;right:1px;top:1px;z-index:3}.mobile-frame:after{border-radius:0 0 15px 15px;box-shadow:inset 0 0 10px #000c;height:25px;top:8px;width:120px}.mobile-frame:after,.tablet-frame:after{background:#000;content:"";left:50%;position:absolute;transform:translateX(-50%);z-index:4}.tablet-frame:after{border-radius:3px;box-shadow:inset 0 0 5px #000c;height:6px;top:12px;width:80px}.tablet-frame{filter:drop-shadow(0 20px 40px rgba(0,0,0,.4))}.mobile-frame{filter:drop-shadow(0 15px 35px rgba(0,0,0,.5))}.preview-mode.preview-tablet .section-card,.preview-mode.preview-tablet .template-header-section{border-radius:8px;margin:0 0 16px;padding:16px 20px}.preview-mode.preview-mobile .section-card,.preview-mode.preview-mobile .template-header-section{border-radius:6px;margin:0 0 12px;padding:12px 16px}.preview-mode.preview-tablet .section-title-input,.preview-mode.preview-tablet .template-title-input{font-size:1.2rem;font-weight:600}.preview-mode.preview-mobile .section-title-input,.preview-mode.preview-mobile .template-title-input{font-size:1.1rem;font-weight:600}.preview-mode.preview-tablet .response-button{border-radius:6px;font-size:.95rem;font-weight:500;padding:8px 16px}.preview-mode.preview-mobile .response-button{border-radius:5px;font-size:.85rem;font-weight:500;padding:6px 12px}.preview-mode.preview-tablet .field-label-input,.preview-mode.preview-tablet input,.preview-mode.preview-tablet textarea{background:#ffffff0d!important;border:1px solid #e5e7eb;border-radius:6px;color:#fff!important;font-size:.95rem;padding:10px 12px}.preview-mode.preview-mobile .field-label-input,.preview-mode.preview-mobile input,.preview-mode.preview-mobile textarea{background:#ffffff0d!important;border:1px solid #e5e7eb;border-radius:5px;color:#fff!important;font-size:.9rem;padding:8px 10px}.device-frameset{align-items:flex-start;display:flex;justify-content:center;padding:20px}.device-frameset .template-container{background:#000!important;border-radius:0;box-shadow:none;margin:0;max-width:none;padding:0}.device-frameset .template-app-header{background:#ffffff0f!important;border:1px solid #ffffff26;border-radius:0;box-shadow:none;color:#fff;margin:0;padding:12px 16px}.device-frameset .section-card,.device-frameset .template-header-section{background:#ffffff0d!important;border:1px solid #ffffff26;border-radius:0;box-shadow:none;color:#fff;margin:0 0 12px;padding:12px 16px}.device-frameset .template-header-section{margin:0 0 16px;padding:16px}@media (max-width:768px){.device-frameset .template-header-section{margin:0 0 12px;padding:12px}.device-frameset .section-card{margin:0 0 10px;padding:10px 12px}}.device-frameset .field-label-input,.device-frameset input,.device-frameset textarea{border-radius:4px;font-size:.9rem;padding:6px 8px}.device-frameset .response-button{border-radius:3px;font-size:.8rem;padding:4px 8px}.device-frameset .section-title-input,.device-frameset .template-title-input{font-size:1rem;font-weight:600}.device-frameset .section-description,.device-frameset .template-desc-input{font-size:.85rem}.device-frameset .fields-table-header{font-size:.8rem}.device-frameset .field-label-input{font-size:.85rem}.preview-mode.preview-mobile .fields-table{background:#0000;border:none;box-shadow:none;display:flex;flex-direction:column;gap:16px;padding:0 0 12px}.preview-mode.preview-mobile .fields-table-header{display:none}.preview-mode.preview-mobile .fields-table-row{border-radius:12px;box-shadow:0 2px 8px #0000000f;display:block;margin:0;padding:14px 16px 12px}.preview-mode.preview-mobile .fields-table-row .field-label-input{font-size:1.05rem;margin-bottom:6px}.preview-mode.preview-mobile .fields-table-row input:not(.field-label-input),.preview-mode.preview-mobile .fields-table-row select,.preview-mode.preview-mobile .fields-table-row textarea{border-radius:7px}.preview-mode.preview-mobile .fields-table-row .mandatory-indicator{color:#e53e3e;font-size:1.1rem;margin-right:6px}.preview-mode.preview-mobile .fields-table-row+.fields-table-row{margin-top:8px}.preview-mode.preview-mobile .fields-table-row,.preview-mode.preview-mobile .fields-table-row .response-button,.preview-mode.preview-mobile .fields-table-row .response-buttons,.preview-mode.preview-mobile .fields-table-row input,.preview-mode.preview-mobile .fields-table-row select,.preview-mode.preview-mobile .fields-table-row textarea,.preview-mode.preview-mobile .section-card,.preview-mode.preview-mobile .template-header-section{box-sizing:border-box;max-width:100%;overflow-wrap:break-word;width:100%;word-break:break-word}.preview-mode.preview-mobile .fields-table-row .response-buttons{flex-wrap:wrap}.preview-mode.preview-mobile .fields-table-row .response-button{background:#ffffff0d!important;border:1px solid #fff3;border-radius:7px;color:#fff}.preview-mode.preview-mobile .section-card,.preview-mode.preview-mobile .template-header-section{margin:0 0 14px;padding:12px 8px}.preview-mode.preview-mobile .fields-table-row{margin-bottom:14px}.a4-page .section-title-input,.preview-mode .section-title-input,.section-title-input{background:#000!important;border:1px solid #fff3!important;color:#fff!important}.a4-page .section-title-input::placeholder,.preview-mode .section-title-input::placeholder,.section-title-input::placeholder{color:#fff9!important}.preview-mode.preview-mobile .fields-table-row{border-radius:18px;box-shadow:0 2px 12px #00000012;margin:0 0 18px;padding:18px 14px 16px}.preview-mode.preview-mobile .fields-table-row:hover{box-shadow:0 6px 18px #2563eb1a;transform:translateY(-2px) scale(1.01)}.preview-mode.preview-mobile .fields-table-row .field-label-input{font-size:1.01rem;font-weight:600;margin-bottom:7px}.preview-mode.preview-mobile .fields-table-row input:not(.field-label-input),.preview-mode.preview-mobile .fields-table-row select,.preview-mode.preview-mobile .fields-table-row textarea{background:#ffffff0d!important;border:1px solid #fff3;color:#fff;font-size:.95rem;margin-top:6px;padding:8px 11px}.preview-mode.preview-mobile .fields-table-row .response-buttons{margin-top:6px}.preview-mode.preview-mobile .fields-table-row .response-button{font-size:.95rem}.preview-mode.preview-mobile .fields-table-row .response-instruction,.preview-mode.preview-mobile .fields-table-row .response-text{font-size:.97rem}.preview-mode.preview-mobile .section-card,.preview-mode.preview-mobile .template-header-section{font-size:.98rem;margin:0 0 18px;padding:16px 8px 14px}.preview-mode.preview-mobile .fields-table-row{align-items:stretch;background:#ffffff0d!important;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 2px 14px #00000014;color:#fff;display:flex;flex-direction:column;margin:0 0 26px;min-width:0;padding:24px 16px 20px;transition:box-shadow .18s,transform .18s,background .18s;word-break:break-word}.preview-mode.preview-mobile .fields-table-row:hover{background:#ffffff1a!important;box-shadow:0 8px 22px #2563eb21;transform:translateY(-2px) scale(1.012)}.preview-mode.preview-mobile .fields-table-row .field-label-input{word-wrap:break-word;background:#0000;border:none;color:#fff!important;display:block;font-size:1.13rem;font-weight:700;margin-bottom:13px;max-width:none;overflow-wrap:break-word;padding:0;pointer-events:none;text-align:left;white-space:normal;width:100%;word-break:break-word}.preview-mode.preview-mobile .fields-table-row input:not(.field-label-input),.preview-mode.preview-mobile .fields-table-row select,.preview-mode.preview-mobile .fields-table-row textarea{background:#fafbfc;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;display:block;font-size:.93rem;margin-top:4px;min-width:0;padding:7px 10px;width:100%;word-break:break-word}.preview-mode.preview-mobile .fields-table-row .response-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;margin-top:8px;width:100%}.preview-mode.preview-mobile .fields-table-row .response-button{background:#fafbfc;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#222;flex:1 1;font-size:.93rem;min-width:0;overflow:hidden;padding:7px 0;text-overflow:ellipsis;transition:background .15s,border .15s,color .15s;white-space:nowrap}.preview-mode.preview-mobile .fields-table-row .response-button:focus,.preview-mode.preview-mobile .fields-table-row .response-button:hover{background:#ffffff1a!important;border:1.5px solid #6366f1;color:#fff;outline:none}.preview-mode.preview-mobile .fields-table-row .response-instruction,.preview-mode.preview-mobile .fields-table-row .response-text{background:#f6f8fa;border-radius:10px;box-sizing:border-box;color:#7b8794;font-size:.95rem;margin:0 auto;padding:14px 8px;text-align:center;width:100%;word-break:break-word}.preview-mode.preview-mobile .section-card,.preview-mode.preview-mobile .template-header-section{box-sizing:border-box;font-size:1.01rem;margin:0 0 26px;padding:20px 10px 16px}.preview-mode.preview-mobile .section-title-input,.preview-mode.preview-mobile .template-title-input{background:#0000;border:none;color:#10227e;font-size:1.22rem;font-weight:800;margin-bottom:10px;padding:0 0 2px;text-align:left;width:100%}.preview-mode.preview-mobile .fields-table-row *,.preview-mode.preview-mobile .section-card *,.preview-mode.preview-mobile .template-header-section *{box-sizing:border-box;max-width:100%;min-width:0;word-break:break-word}.preview-mode.preview-mobile .template-header-section{align-items:flex-start;background:#ffffff0d!important;border:1px solid #ffffff26;border-radius:22px;box-shadow:0 2px 14px #00000012;color:#fff;display:flex;flex-direction:column;gap:18px;margin:0 0 32px;padding:28px 12px 22px}.preview-mode.preview-mobile .template-header-section .template-title-row{margin-bottom:10px;width:100%}.preview-mode.preview-mobile .template-header-section .template-title-input{background:#0000;border:none;color:#fff;font-size:1.32rem;font-weight:900;margin-bottom:8px;padding:0 0 2px;text-align:left;width:100%}.preview-mode.preview-mobile .template-header-section .description-group{margin-bottom:0;margin-top:6px;width:100%}.preview-mode.preview-mobile .template-header-section .template-desc-input{background:#ffffff0d!important;border:1px solid #fff3;border-radius:7px;color:#fff;font-size:.98rem;margin-top:4px;padding:7px 10px;width:100%}.preview-mode.preview-mobile .template-header-section .template-image-placeholder{box-shadow:0 2px 8px #0000001a;height:64px;margin-bottom:10px;margin-right:0;min-height:64px;min-width:64px;width:64px}.preview-mode.preview-mobile .mobile-screen-content{padding-top:38px}.preview-mode.preview-mobile .publish-btn{background:#ffffff1a!important;border:1px solid #181818;border:1px solid #ffffff4d!important;border-radius:20px;border-radius:20px!important;box-shadow:0 0 0 2px #2563eb;box-shadow:0 0 0 2px #2563eb!important;color:#fff;color:#181818!important;color:#fff!important;cursor:pointer;display:inline-block;font-size:1.13rem;font-size:1.13rem!important;font-weight:800;font-weight:800!important;letter-spacing:.03em;opacity:1!important;outline:none;outline:none!important;padding:13px 0;padding:13px 0!important;text-indent:0!important;text-shadow:none!important;width:100%}.history-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:25px;box-shadow:none;color:#000!important;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;outline:none;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.history-btn:hover{background:#f8f9fa!important;color:#000!important;transform:none!important}.modal-overlay{background:#0006;height:100vh;width:100vw;z-index:9999}.modal-box{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;color:#000;max-width:420px;padding:24px 32px;position:relative;width:90%}.modal-box h3{color:#000;font-size:1.25rem;margin:0 0 16px}.modal-box .close-btn{background:#0000;border:none;color:#000;cursor:pointer;font-size:1.25rem;position:absolute;right:12px;top:8px}.modal-box .form-group{display:flex;flex-direction:column;margin-bottom:12px}.modal-box .form-group label{color:#000;font-weight:600;margin-bottom:4px}.modal-box .form-group input{border:1px solid #e0e0e0;border-radius:6px;font-size:.95rem;padding:8px 10px}.modal-box .primary-btn,.modal-box .secondary-btn{background:#f8f9fa;border:1px solid #e9ecef;border-radius:25px;color:#000!important;cursor:pointer;font-weight:600;padding:10px 18px;transition:background .18s,color .18s}.modal-box .primary-btn:hover,.modal-box .secondary-btn:hover{background:#e9ecef}.review-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.review-modal{background:#fff;border:2px solid #000;border-radius:14px;box-shadow:0 20px 60px #00000040;color:#000;overflow:hidden;width:min(720px,92vw)}.review-header{align-items:center;border-bottom:2px solid #000;display:flex;justify-content:space-between;padding:16px 18px}.review-title{font-size:1.1rem;font-weight:900;letter-spacing:.5px;margin:0;text-transform:uppercase}.review-close{border:none;cursor:pointer;font-size:20px;font-weight:900;height:auto;line-height:1;padding:0;width:auto}.review-close,.review-close:hover{background:#0000;color:#000}.review-body{padding:12px 16px 16px}.review-empty{color:#444;padding:16px;text-align:center}.review-table-wrap{overflow:auto}.review-table{border-collapse:collapse;width:100%}.review-table td,.review-table th{color:#000;vertical-align:middle}.review-table thead th{border-bottom:2px solid #000;font-size:12px;letter-spacing:.06em;padding:10px 8px;text-align:left;text-transform:uppercase}.review-table tbody td{border-bottom:1px solid #e5e5e5;padding:10px 8px;vertical-align:middle}.review-table tbody tr:hover{background:#fff}.col-template{text-align:left}.col-status,.col-updated{text-align:center}.col-actions{text-align:right}.status-pill{border:1.5px solid #000;border-radius:999px;color:#000;display:inline-block;font-size:12px;font-weight:800;padding:2px 8px;text-transform:uppercase}.status-pill.submitted{background:#fff}.review-action-btn{border:1px solid #000;border-radius:999px;cursor:pointer;float:right;font-size:.85rem;font-weight:800;padding:6px 12px}.review-action-btn,.review-action-btn:hover{background:#f8f9fa;color:#000}.toast-notify{animation:fadeSlideIn .35s ease-out;background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000026;color:#000;font-weight:600;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes fadeSlideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.history-list{list-style:none;margin:0;padding:0}.history-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.history-info{display:flex;flex-direction:column}.history-title{color:#000;font-weight:600}.history-date{color:#555;font-size:.8rem}.edit-template-btn{background:#f8f9fa;border:1px solid #e9ecef;border-radius:25px;color:#000!important;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 16px;transition:background .18s}.edit-template-btn:hover{background:#e9ecef;color:#000!important}.history-list-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:8px 0}.history-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:12px 14px}.history-card-title{color:#000;font-weight:700}.history-card-meta{color:#666;font-size:12px}.history-card-action{color:#000;font-size:12px;font-weight:700;margin-top:4px;text-align:right}.modal-box .modal-content{max-height:65vh;overflow-y:auto;padding-right:8px}.modal-box .modal-content::-webkit-scrollbar{width:6px}.modal-box .modal-content::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.modal-box .modal-content::-webkit-scrollbar-track{background:#0000}.assigned-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:25px;box-shadow:none;color:#000!important;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;outline:none;padding:10px 20px;position:relative;transition:background .18s}.assigned-btn:hover{background:#e9ecef}.assigned-btn .badge{background:#e02424;border-radius:999px;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px}.aql-config-section{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #94a3b833;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;margin:24px 0;overflow:hidden;padding:28px 32px;position:relative}.aql-config-section:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7,#8b5cf6,#6366f1);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.aql-config-section h3{align-items:center;color:#0f172a;display:flex;font-size:24px;font-weight:800;gap:12px;letter-spacing:-.01em;margin:0 0 24px}.aql-config-section h3:before{content:"📊";filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:28px}.aql-inputs{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.input-group{display:flex;flex-direction:column}.input-group label{color:#374151;font-size:14px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.input-group input,.input-group select{background:#fff;border:1px solid #94a3b84d;border-radius:10px;box-shadow:0 1px 2px #00000005;color:#1e293b;font-size:16px;padding:12px 16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.input-group input:focus,.input-group select:focus{border:2px solid #6366f1;box-shadow:0 0 0 3px #6366f11a,0 2px 4px #0000000d;outline:none;transform:translateY(-1px)}.calculate-aql-btn{background:linear-gradient(145deg,#1e293b,#0f172a);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #1e293b33,0 2px 4px -1px #1e293b1a;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.05em;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .25s cubic-bezier(.4,0,.2,1)}.calculate-aql-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.calculate-aql-btn:hover:before{left:100%}.calculate-aql-btn:hover{background:linear-gradient(145deg,#334155,#1e293b);box-shadow:0 8px 25px -8px #1e293b4d,0 0 0 1px #ffffff1a;transform:translateY(-2px)}.calculate-aql-btn:disabled{background:linear-gradient(145deg,#cbd5e1,#94a3b8);box-shadow:none;cursor:not-allowed;transform:none}.aql-summary{background:#fff;border-radius:16px;box-shadow:0 8px 20px -6px #00000014,0 0 0 1px #94a3b81a;margin-top:24px;overflow:hidden;position:relative}.aql-summary:before{animation:tableShimmer 4s ease-in-out infinite;background:linear-gradient(90deg,#10b981,#06d6a0,#10b981);background-size:200% 100%;content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes tableShimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.aql-summary h4{color:#333;font-size:16px;margin:0 0 10px}.aql-summary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.aql-summary-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.aql-summary-item:last-child{border-bottom:none}.aql-summary-item .label{color:#555;font-weight:500}.aql-summary-item .value{color:#007bff;font-weight:600}.measurement-input{align-items:center;display:flex;gap:8px}.unit-select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:80px;padding:6px 8px}.color-matching-input{align-items:center;display:flex;gap:8px}.color-picker{border:1px solid #ddd;border-radius:4px;cursor:pointer;height:40px;width:40px}.stitching-quality-input{width:100%}.response-select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.response-select,.response-select option,.unit-select{background:#fff;color:#000}.response-button.critical{background:#dc3545;color:#fff}.response-button.critical:hover{background:#c82333}.response-button.major{background:#fd7e14;color:#fff}.response-button.major:hover{background:#e8690b}.response-button.minor{background:#ffc107;color:#212529}.response-button.minor:hover{background:#e0a800}.response-button.good{background:#28a745;color:#fff}.response-button.good:hover{background:#218838}.aql-progress{border-radius:8px;margin:15px 0;padding:15px}.aql-progress h4{font-size:16px;margin:0 0 10px}.defect-counters{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:10px}.defect-counter{padding:8px 12px}.aql-failed-warning{padding:10px}.ask-questions-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:16px;margin-top:8px;padding:16px}.existing-questions,.new-question-creator,.new-question-inputs{display:flex;flex-direction:column;gap:8px}.new-question-inputs{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px}.new-question-inputs textarea{border:1px solid #d1d5db;border-radius:4px;font-family:inherit;font-size:14px;min-height:60px;outline:none;padding:8px 12px;resize:vertical;transition:border-color .2s}.new-question-inputs textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.new-question-inputs select{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.new-question-inputs select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.new-question-inputs .logic-add-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s}.new-question-inputs .logic-add-btn:hover{background:#059669}.new-question-inputs .logic-add-btn:disabled{background:#d1d5db;cursor:not-allowed}.aql-summary table{border-collapse:collapse;margin:0;width:100%}.aql-summary th{background:linear-gradient(145deg,#1e293b,#0f172a);border:none;color:#fff;font-size:14px;font-weight:700;letter-spacing:.05em;padding:20px 16px;position:relative;text-align:center;text-transform:uppercase}.aql-summary th:after{background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.aql-summary td{border-bottom:1px solid #94a3b81a;font-weight:500;padding:18px 16px;position:relative;text-align:center;transition:all .2s ease}.aql-summary tr:nth-child(2n){background:linear-gradient(145deg,#f8fafc,#f1f5f9)}.aql-summary tr:hover{background:linear-gradient(145deg,#e0f2fe,#bae6fd);box-shadow:0 4px 8px #0000001a;transform:scale(1.01)}.aql-summary tr td:first-child{font-size:16px;font-weight:700;padding-left:24px;text-transform:capitalize}.aql-summary tr:first-child td:first-child{color:#dc2626;text-shadow:0 1px 2px #dc26261a}.aql-summary tr:nth-child(2) td:first-child{color:#ea580c;text-shadow:0 1px 2px #ea580c1a}.aql-summary tr:nth-child(3) td:first-child{color:#16a34a;text-shadow:0 1px 2px #16a34a1a}.aql-summary input{background:#fff;border:1px solid #94a3b84d;border-radius:8px;font-size:14px;font-weight:600;margin:0 auto;max-width:80px;padding:8px 12px;text-align:center;transition:all .25s ease;width:100%}.aql-summary input:focus{border:2px solid #6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none;transform:scale(1.05)}.aql-summary input[readonly]{background:#94a3b81a;color:#64748b;cursor:not-allowed;font-weight:700}@media (max-width:768px){.aql-inputs,.aql-summary-grid,.defect-counters{grid-template-columns:1fr}.color-matching-input,.measurement-input{align-items:stretch;flex-direction:column}.ask-questions-container{gap:12px;padding:12px}.new-question-inputs{padding:8px}.aql-summary td,.aql-summary th{font-size:12px;padding:12px 8px}.aql-summary input{font-size:12px;max-width:60px;padding:6px 8px}}.aql-defects-input{background:#fff;border-radius:12px;box-shadow:inset 0 2px 4px #0000000f;font-size:16px;font-weight:600;outline:none;padding:12px 16px;text-align:center;transition:all .2s ease;width:100%}.aql-defects-input:focus{transform:scale(1.02)}.aql-defects-input::placeholder{color:#9ca3af;font-weight:400}.aql-rules-section{overflow:hidden;position:relative}.aql-rules-section:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#f59e0b,#16a34a);background-size:200% 100%;content:"";height:2px;left:0;position:absolute;right:0;top:0}.aql-rules-btn{overflow:hidden;position:relative}.aql-rules-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.aql-rules-btn:hover:before{left:100%}.aql-summary-modern{position:relative}.aql-summary-modern:before{background:linear-gradient(90deg,#dc2626,#ea580c,#16a34a);border-radius:2px;content:"";height:4px;left:50%;opacity:.6;position:absolute;top:-10px;transform:translateX(-50%);width:60px}@media (max-width:768px){.aql-rules-section>div,.aql-summary-modern>div{gap:12px;grid-template-columns:1fr}.aql-rules-btn{font-size:12px;padding:6px 12px}.aql-defects-input{font-size:14px;padding:10px 14px}}.defect-counter-container{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff08!important;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 4px 15px #0003;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.defect-counter-container:hover{background:#ffffff0d!important;border-color:#ffffff40;box-shadow:0 6px 20px #0000004d;transform:translateY(-1px)}.defect-counter-label{color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;min-width:120px;text-shadow:0 1px 2px #0000004d}.defect-counter-controls{align-items:center;display:flex;gap:8px}.defect-counter-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #fff3;border-radius:12px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;text-shadow:0 1px 2px #0000004d;transition:all .25s cubic-bezier(.4,0,.2,1)}.defect-counter-btn:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#ffffff59;box-shadow:0 4px 12px #00000040;transform:translateY(-1px)}.defect-counter-btn:active{box-shadow:0 2px 6px #0003;transform:translateY(0) scale(.98)}.defect-counter-btn:disabled{background:#ffffff05;border-color:#ffffff1a;box-shadow:none;color:#ffffff4d;cursor:not-allowed;transform:none}.defect-counter-input{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0000004d!important;border:1px solid #ffffff26;border-radius:12px;box-shadow:inset 0 2px 4px #00000026;color:#fff;font-size:14px;font-weight:700;height:40px;outline:none;text-align:center;text-shadow:0 1px 2px #0000004d;width:88px}.defect-comments-container{align-items:center;display:flex;gap:8px;margin-top:8px;width:100%}.defect-comments-label{color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;min-width:120px;text-shadow:0 1px 2px #0000004d}.defect-comments-textarea{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0000004d!important;border:1px solid #ffffff26;border-radius:12px;box-shadow:inset 0 2px 4px #00000026;color:#fff;flex:1 1;font-family:inherit;font-size:13px;line-height:1.4;min-height:64px;min-width:260px;outline:none;padding:10px 12px;resize:vertical;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.defect-comments-textarea:focus{background:#0006!important;border-color:#ffffff4d;box-shadow:inset 0 2px 4px #0003,0 0 0 2px #ffffff1a;transform:translateY(-1px)}.defect-comments-textarea::placeholder{color:#fff6;font-weight:400}.defect-media-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;width:100%}.defect-media-label{color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;min-width:120px;text-shadow:0 1px 2px #0000004d}.defect-media-count{color:#ffffffb3;font-size:12px;font-weight:500;text-shadow:0 1px 2px #0000004d}@media (max-width:768px){.defect-counter-container{align-items:flex-start;flex-direction:column;gap:10px;padding:10px 12px}.defect-comments-label,.defect-counter-label,.defect-media-label{font-size:12px;min-width:auto}.defect-counter-controls{align-self:stretch;justify-content:center}.defect-counter-input{font-size:13px;height:36px;width:80px}.defect-counter-btn{font-size:11px;padding:6px 12px}.defect-comments-textarea{font-size:12px;min-height:56px;min-width:200px}}.schedule-container{background:#000!important;background-attachment:fixed;color:#fff;font-family:Segoe UI,Arial,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:1rem 2rem 2rem;position:relative}.schedule-bg-animation{height:100%;overflow:hidden;position:absolute;width:100%;z-index:0}.schedule-bg-animation:before{background:radial-gradient(ellipse 800px 400px at 80% 20%,#ffffff26 0,#0000 50%),radial-gradient(ellipse 600px 300px at 20% 80%,#3b82f633 0,#0000 50%),radial-gradient(ellipse 400px 200px at 60% 60%,#ffffff1a 0,#0000 40%),radial-gradient(ellipse 500px 250px at 10% 30%,#93c5fd26 0,#0000 45%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.schedule-light-orb{animation:float 30s ease-in-out infinite;background:radial-gradient(circle,#fff3 0,#3b82f626 30%,#0000 70%);border-radius:50%;position:absolute;z-index:2}.schedule-light-orb:first-child{animation-delay:0s;background:radial-gradient(circle,#ffffff40 0,#3b82f61a 40%,#0000 70%);height:400px;left:5%;top:10%;width:400px}.schedule-light-orb:nth-child(2){animation-delay:-10s;background:radial-gradient(circle,#3b82f633 0,#ffffff1a 30%,#0000 70%);height:300px;right:10%;top:50%;width:300px}.schedule-light-orb:nth-child(3){animation-delay:-20s;background:radial-gradient(circle,#ffffff26 0,#93c5fd1a 35%,#0000 70%);height:200px;right:40%;top:20%;width:200px}@keyframes float{0%,to{opacity:.3;transform:translate(0) scale(1)}50%{opacity:.1;transform:translate(30px,-20px) scale(1.1)}}.schedule-top-header{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.scheduler-title h1{color:#fff!important;font-size:1.875rem;font-weight:800;letter-spacing:.05em;margin:0;text-shadow:0 2px 4px #000c;text-transform:uppercase}.header-buttons{display:flex;gap:.4rem}.header-btn{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#fff!important;cursor:pointer;display:flex;font-family:Segoe UI,Arial,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;height:36px;letter-spacing:normal;min-width:90px;overflow:hidden;padding:.5rem .875rem;position:relative;text-shadow:0 1px 2px #000c;text-transform:none;transition:all .2s ease;white-space:nowrap}.header-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.header-btn:hover:before{left:100%}.header-btn:hover{transform:translateY(-2px)}.header-btn.active,.header-btn:hover{background:#fff3;border-color:#ffffff80;box-shadow:0 4px 12px #fff3;color:#fff!important}.header-btn.active:before{display:none}.back-btn-top-right{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ff44441a;border:1px solid #ff444480;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#f44!important;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;height:36px;padding:.5rem .875rem;text-shadow:0 1px 2px #000c;transition:all .2s ease}.back-btn-top-right:hover{background:#f443;border-color:#ff4444b3;box-shadow:0 4px 12px #ff44444d;color:#f66!important;transform:translateY(-2px)}.empty-state{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border:2px dashed #fff3;border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;justify-content:center;left:50%;margin:4rem auto;max-width:500px;min-height:300px;padding:4rem 2rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.empty-state-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.empty-state-title{color:#fff!important;font-size:1.5rem;font-weight:800;letter-spacing:.05em;margin:0 0 1rem;text-shadow:0 2px 4px #000c;text-transform:uppercase}.empty-state-message{color:#ffffffe6!important;font-size:1rem;line-height:1.5;margin:0 0 2rem;max-width:400px;text-shadow:0 1px 2px #000c}.empty-state-action{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a!important;border:1px solid #ffffff4d!important;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#fff!important;cursor:pointer;font-family:Segoe UI,Arial,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:normal;padding:12px 24px;text-shadow:0 1px 2px #000c;text-transform:none;transition:all .3s ease}.empty-state-action:hover{background:#fff3!important;border-color:#ffffff80!important;box-shadow:0 4px 12px #fff3;color:#fff!important;transform:translateY(-2px)}.empty-task-list{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border-radius:8px;color:#ffffffb3!important;display:flex;font-size:.85rem;font-style:italic;justify-content:center;margin:.5rem 0;padding:1rem;text-align:center;text-shadow:0 1px 2px #000c;width:100%}.view-container{border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000004d;min-height:500px;overflow:hidden;position:relative;z-index:3}.view-container,.view-header{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d}.view-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem 2rem}.view-header h2{color:#fff!important;font-size:1.5rem;font-weight:800;letter-spacing:.05em;margin:0;text-shadow:0 2px 4px #000c;text-transform:uppercase}.back-btn{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a!important;border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#fff!important;font-size:.8rem;gap:.5rem;text-shadow:0 1px 2px #000c}.back-btn:hover{background:#fff3!important;border-color:#ffffff80;box-shadow:0 4px 12px #fff3;color:#fff!important;transform:translateY(-2px)}.tasks-grid{grid-gap:1.5rem;background:#0000;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));justify-items:center;min-height:400px;padding:2rem;position:relative}.task-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.task-card:hover{border-color:#ffffff4d;box-shadow:0 8px 30px #ffffff1a;transform:translateY(-2px)}.task-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.task-type-icon{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.task-priority-badge{border-radius:12px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.task-title{font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 .75rem}.task-description{color:#ffffffe6!important;font-size:.9rem;line-height:1.5;margin:0 0 1rem;text-shadow:0 1px 2px #000c}.task-meta{margin-bottom:1.5rem}.task-date-time{display:flex;gap:1rem;margin-bottom:.5rem}.task-date,.task-time{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border-radius:4px;color:#fff!important;font-size:.8rem;padding:.25rem .5rem}.assigned-by,.assigned-to,.task-assigned-by{color:#fffc!important;font-size:.8rem;margin-bottom:.25rem;text-shadow:0 1px 2px #000c}.task-assignment{display:flex;flex-direction:column;gap:.25rem}.task-status-section{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding-top:1rem}.status-select{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff!important;cursor:pointer;font-family:inherit;font-size:.8rem;padding:.5rem .75rem;text-shadow:0 1px 2px #000c;transition:all .3s ease}.status-select:focus{border-color:#ffffff80;box-shadow:0 0 0 2px #fff3;outline:none}.status-display{border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:.5rem .75rem;text-transform:uppercase}.task-actions{display:flex;gap:.5rem}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.edit-btn{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a!important;border:1px solid #ffffff4d;color:#fff!important;text-shadow:0 1px 2px #000c}.edit-btn:hover{background:#fff3!important;border-color:#ffffff80;box-shadow:0 4px 12px #fff3;color:#fff!important;transform:translateY(-1px)}.delete-btn{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#f443!important;border:1px solid #ff444480;color:#f66!important;text-shadow:0 1px 2px #000c}.delete-btn:hover{background:#ff44444d!important;border-color:#ff4444b3;box-shadow:0 4px 12px #ff44444d;color:#f88!important;transform:translateY(-1px)}.inspection-card{border-left:4px solid #f44}.calendar-controls{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem;z-index:3}.calendar-nav{gap:1rem}.calendar-nav,.nav-btn{align-items:center;display:flex}.nav-btn{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a!important;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff!important;cursor:pointer;font-size:1.2rem;height:40px;justify-content:center;text-shadow:0 1px 2px #000c;transition:all .3s ease;width:40px}.nav-btn:hover{background:#fff3!important;border-color:#ffffff80;box-shadow:0 4px 12px #fff3;color:#fff!important;transform:scale(1.1)}.current-month{color:#fff!important;font-size:1.5rem;font-weight:800;letter-spacing:.05em;margin:0;text-shadow:0 2px 4px #000c;text-transform:uppercase}.calendar-actions{align-items:center;display:flex;gap:1rem}.today-btn{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a!important;border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#fff!important;cursor:pointer;font-size:.8rem;font-weight:600;padding:8px 16px;text-shadow:0 1px 2px #000c;transition:all .3s ease}.today-btn:hover{background:#fff3!important;border-color:#ffffff80;box-shadow:0 4px 12px #fff3;color:#fff!important;transform:translateY(-2px)}.view-toggle{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;padding:4px}.view-btn{background:#0000;border:none;border-radius:6px;color:#ffffffb3!important;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;text-shadow:0 1px 2px #000c;transition:all .3s ease}.view-btn.active{background:#fff3!important}.add-task-btn,.view-btn.active{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 2px 8px #0000004d;color:#fff!important}.add-task-btn{background:#ffffff1a!important;border:1px solid #ffffff4d;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;padding:8px 16px;text-shadow:0 1px 2px #000c;transition:all .3s ease}.add-task-btn:hover{background:#fff3!important;border-color:#ffffff80;box-shadow:0 4px 12px #fff3;color:#fff!important;transform:translateY(-2px)}.dashboard-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem;position:relative;z-index:3}.overview-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000004d;padding:1.5rem;transition:all .3s ease}.overview-card:hover{border-color:#ffffff4d;box-shadow:0 8px 30px #ffffff1a;transform:translateY(-2px)}.overview-card h3{font-size:1rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.overview-card h3,.task-count{color:#fff!important;text-shadow:0 2px 4px #000c}.task-count{font-size:2rem;font-weight:800;margin-bottom:1rem}.task-list{flex-direction:column}.task-item,.task-list{display:flex;gap:.75rem}.task-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border-radius:8px;padding:.5rem;transition:all .3s ease}.task-item:hover{background:#ffffff1a}.task-date,.task-time{color:#fffc!important;font-size:.75rem;min-width:60px}.task-date,.task-time,.task-title{font-weight:600;text-shadow:0 1px 2px #000c}.task-title{color:#fff!important;flex:1 1;font-size:.85rem}.task-assignee{color:#ffffffb3!important;font-size:.75rem;font-style:italic;text-shadow:0 1px 2px #000c}.task-priority,.task-status{border-radius:50%;flex-shrink:0;height:8px;width:8px}.calendar-container{border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow:hidden;position:relative;z-index:3}.calendar-container,.calendar-header{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d}.calendar-header{border-bottom:1px solid #ffffff1a;display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day-header{color:#fff!important;font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:1rem;text-align:center;text-shadow:0 2px 4px #000c;text-transform:uppercase}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;cursor:pointer;min-height:120px;padding:.5rem;position:relative;transition:all .3s ease}.calendar-day:hover{background:#ffffff0d}.calendar-day.other-month{background:#ffffff05;color:#ffffff4d!important}.calendar-day.today{background:#3b82f633}.calendar-day.selected{background:#ffffff1a;border:2px solid #ffffff80}.day-number{color:#fff!important;font-size:.9rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 1px 2px #000c}.other-month .day-number{color:#ffffff4d!important}.day-tasks{flex-direction:column}.day-task,.day-tasks{display:flex;gap:.25rem}.day-task{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;cursor:pointer;font-size:.7rem;padding:.25rem .5rem;transition:all .3s ease}.day-task:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateX(2px)}.task-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.day-task .task-title{color:#fff!important;font-size:.7rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000c;white-space:nowrap}.more-tasks{color:#ffffffb3!important;font-size:.65rem;font-style:italic;padding:.25rem;text-align:center;text-shadow:0 1px 2px #000c}.task-modal-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.task-modal{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000e6;border:1px solid #fff3;border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.task-modal-content{padding:2rem}.modal-header{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1rem}.modal-header h2{color:#fff!important;font-size:1.5rem;font-weight:800;letter-spacing:.05em;margin:0;text-shadow:0 2px 4px #000c;text-transform:uppercase}.close-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fffc!important;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.close-btn:hover{background:#fff3;border-color:#fff6;color:#fff!important}.task-form{gap:1.5rem}.form-group,.task-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group label{color:#fff!important;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-shadow:0 1px 2px #000c;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff!important;font-family:inherit;font-size:.9rem;padding:.75rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ffffff80;box-shadow:0 0 0 3px #fff3;outline:none}.form-group textarea{min-height:80px;resize:vertical}.modal-actions{align-items:center;border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.modal-actions .delete-btn{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#f443!important;border:1px solid #ff444480;border-radius:8px;color:#f66!important;cursor:pointer;font-size:.85rem;font-weight:600;padding:.75rem 1.5rem;text-shadow:0 1px 2px #000c;transition:all .3s ease}.modal-actions .delete-btn:hover{background:#ff44444d!important;border-color:#ff4444b3;box-shadow:0 4px 12px #ff44444d;color:#f88!important;transform:translateY(-2px)}.action-buttons{display:flex;gap:1rem}.cancel-btn{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fffc!important;cursor:pointer;font-size:.85rem;font-weight:600;padding:.75rem 1.5rem;text-shadow:0 1px 2px #000c;transition:all .3s ease}.cancel-btn:hover{background:#fff3;border-color:#ffffff80;color:#fff!important}.save-btn{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a!important;border:1px solid #ffffff4d;border-radius:8px;color:#fff!important;cursor:pointer;font-size:.85rem;font-weight:600;padding:.75rem 1.5rem;text-shadow:0 1px 2px #000c;transition:all .3s ease}.save-btn:hover{background:#fff3!important;border-color:#ffffff80;box-shadow:0 4px 12px #fff3;color:#fff!important;transform:translateY(-2px)}@media (max-width:768px){.schedule-container{padding:.5rem 1rem 1rem}.schedule-top-header{padding:1rem}.calendar-controls{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.calendar-actions{justify-content:center}.dashboard-overview,.form-row{grid-template-columns:1fr}.calendar-day{min-height:80px;padding:.25rem}.day-task{font-size:.65rem;padding:.15rem .25rem}.task-modal{margin:1rem;width:95%}.modal-actions{flex-direction:column;gap:1rem}.action-buttons{justify-content:center;width:100%}.view-header{align-items:stretch;flex-direction:column;gap:1rem}.tasks-grid{grid-template-columns:1fr;justify-items:center;min-height:300px;padding:1rem;position:relative}.task-status-section{align-items:stretch;flex-direction:column;gap:1rem}.task-actions{justify-content:center}.empty-state{left:50%;margin:2rem auto;max-width:90%;min-height:200px;padding:2rem 1rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.empty-state-icon{font-size:3rem}.empty-state-title{font-size:1.2rem}.empty-state-message{font-size:.9rem}}.responses-container{margin:0 auto;max-width:900px;padding:24px}.responses-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.back-btn{background:#f1f3f5;border:none;padding:6px 12px}.responses-list{display:flex;flex-direction:column;gap:16px;list-style:none;padding:0}.response-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.aql-results-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:20px}.aql-results-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 15px}.aql-summary-card{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:20px}.aql-status{align-items:center;border-radius:6px;display:flex;font-size:16px;font-weight:600;gap:10px;margin-bottom:20px;padding:12px 16px}.aql-status.passed{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.aql-status.failed{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-icon{font-size:20px}.aql-details{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.aql-config h4,.defect-analysis h4{color:#333;font-size:14px;font-weight:600;margin:0 0 10px}.config-grid,.defect-grid{display:flex;flex-direction:column;gap:8px}.config-item,.defect-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.defect-item.exceeded{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.config-item .label,.defect-item .defect-label{color:#555;font-weight:500}.config-item .value,.defect-item .defect-count{color:#007bff;font-weight:600}.defect-item.exceeded .defect-count{color:#721c24}.rejection-reasons{border-top:1px solid #dee2e6;padding-top:15px}.rejection-reasons h4{color:#721c24;font-size:14px;font-weight:600;margin:0 0 10px}.rejection-reasons ul{margin:0;padding-left:20px}.rejection-reason{color:#721c24;margin-bottom:5px}.aql-status-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.aql-status-badge.passed{background:#d4edda;color:#155724}.aql-status-badge.failed{background:#f8d7da;color:#721c24}.aql-status-badge.no-aql{background:#e2e3e5;color:#6c757d}@media (max-width:768px){.aql-details{gap:15px;grid-template-columns:1fr}.aql-summary-card{padding:15px}.aql-status{font-size:14px;padding:10px 12px}.config-item,.defect-item{padding:6px 10px}}.follow-up-section{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;margin-top:12px;padding:12px}.follow-up-header{color:#007bff;font-size:14px;margin-bottom:8px}.follow-up-item{background:#fff;border:1px solid #e9ecef;border-radius:4px;margin-bottom:8px;padding:8px}.follow-up-item:last-child{margin-bottom:0}.follow-up-type{color:#6c757d;font-size:12px;font-weight:500;margin-bottom:4px;text-transform:uppercase}.follow-up-answer{color:#333;font-size:14px}.response-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px}.response-question{color:#333;font-weight:600;margin-bottom:8px}.response-answer{color:#555;word-break:break-word}.rules-section{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:24px;padding:16px}.rules-section h4{color:#856404;font-size:16px;font-weight:600;margin:0 0 12px}.rules-list{display:flex;flex-direction:column;gap:12px}.rule-item{background:#fff;border:1px solid #ffeaa7;border-radius:6px;padding:12px}.rule-header{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.rule-value{color:#007bff;font-weight:500}.rule-message{background:#f8f9fa;border-radius:4px;color:#495057;font-size:14px;margin-bottom:8px;padding:8px}.rule-follow-ups{margin-top:8px}.rule-follow-up{color:#6c757d;font-size:13px;margin-bottom:4px;margin-left:16px}.evidence-section{background:#e8f5e8;border-left:4px solid #28a745;border-radius:6px;margin-top:12px;padding:12px}.evidence-header{color:#28a745;font-size:14px;margin-bottom:8px}.evidence-item{background:#fff;border:1px solid #c3e6cb;border-radius:4px;padding:8px}.evidence-content{color:#333;font-size:14px;word-break:break-word}.inspection-container{background:#fff;color:#222;font-family:National Park,sans-serif;min-height:100vh;padding:2rem}.back-button-section{margin-bottom:1.5rem}.back-btn{align-items:center;background:none;border:1px solid #e0e0e0;border-radius:6px;color:#222;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.25rem;padding:8px 16px;transition:all .3s ease}.back-btn:hover{background:#f5f5f5;border-color:#ccc;transform:translateX(-2px)}.title-section{margin-bottom:2rem}.inspection-title{color:#222;font-size:2rem;font-weight:800;letter-spacing:.05em;margin:0;text-align:left}.controls-section{align-items:center;display:flex;flex-wrap:nowrap;gap:2rem;justify-content:space-between;margin-bottom:2rem}.search-section{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:300px}.search-bar{flex:1 1;max-width:350px;position:relative}.search-icon{color:#666;font-size:1rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.9rem;padding:12px 12px 12px 40px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#000;box-shadow:0 0 0 2px #0000001a;outline:none}.add-filter-btn{background:none;border:none;border-radius:6px;color:#1976d2;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.add-filter-btn:hover{background:#1976d21a;color:#1976d2}.action-section{align-items:center;display:flex;flex-shrink:0;gap:1rem}.start-inspection-btn{background:#fff;border:1px solid #000;border-radius:8px;color:#000;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.start-inspection-btn:hover{background:#f5f5f5;border-color:#000;box-shadow:0 4px 12px #0003;color:#000;transform:translateY(-1px)}.results-info{align-items:center;display:flex;gap:.5rem}.results-count{color:#666;font-size:.8rem;white-space:nowrap}.more-options-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.2rem;padding:4px;transition:all .3s ease}.more-options-btn:hover{background:#f5f5f5;color:#222}.inspection-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px #0000000d;overflow:hidden}.inspection-table{border-collapse:collapse;font-size:.9rem;width:100%}.table-header{background:#fafbfc}.table-header,.table-header th{border-bottom:1px solid #e0e0e0}.table-header th{color:#222;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:16px 12px;text-align:left;text-transform:uppercase}.checkbox-header{width:40px}.inspection-header{width:25%}.actions-header{width:15%}.doc-number-header{width:12%}.score-header{cursor:pointer;text-decoration:underline;width:10%}.completed-header,.conducted-header{cursor:pointer;text-decoration:underline;width:12%}.settings-header{width:40px}.sort-icon{color:#1976d2;margin-left:4px}.settings-icon{color:#666;font-size:1rem}.table-row{border-bottom:1px solid #f0f0f0;transition:all .3s ease}.table-row:hover{background:#f8f9fa}.table-row td{padding:16px 12px;vertical-align:middle}.checkbox-cell{text-align:center}.row-checkbox,.select-all-checkbox{cursor:pointer;height:16px;width:16px}.inspection-info{align-items:center;display:flex;gap:12px}.inspection-avatar{align-items:center;background:#ff69b4;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.inspection-details{flex:1 1}.inspection-name{color:#222;font-weight:600;margin-bottom:2px}.inspection-template{color:#666;font-size:.8rem}.continue-btn,.view-report-btn{background:none;border:none;border-radius:4px;color:#1976d2;cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 8px;transition:all .3s ease}.continue-btn:hover,.view-report-btn:hover{background:#1976d21a;color:#1976d2;text-decoration:underline}.completed-cell,.conducted-cell,.doc-number-cell,.score-cell{color:#222;font-size:.9rem}.row-options-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.2rem;padding:4px;transition:all .3s ease}.row-options-btn:hover{background:#f5f5f5;color:#222}.no-data-row{border:none}.no-data-cell{padding:4rem 2rem;text-align:center}.no-data-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.no-data-icon{color:#ccc;font-size:3rem}.no-data-text{color:#666;font-size:1.2rem;font-weight:600}.no-data-subtext{color:#999;font-size:.9rem}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1rem}.pagination-btn{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#222;cursor:pointer;font-family:inherit;padding:8px 12px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#ccc;color:#000}.pagination-btn:disabled{color:#999;cursor:not-allowed;opacity:.5}.pagination-info{color:#666;font-size:.9rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:500px;padding:0;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.modal-title{color:#222;font-size:1.3rem;font-weight:700;letter-spacing:.05em;margin:0}.modal-close-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:50%;color:#222;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;padding:8px;transition:all .3s ease;width:32px}.modal-close-btn:hover{background:#f5f5f5;color:#000}.modal-content{padding:1.5rem}.template-selector{margin-bottom:1rem}.template-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#222;font-family:inherit;font-size:.9rem;padding:12px;transition:all .3s ease;width:100%}.template-dropdown:focus{border-color:#000;box-shadow:0 0 0 2px #0000001a;outline:none}.modal-actions{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.modal-cancel-btn,.modal-start-btn{border:1px solid;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.modal-cancel-btn{background:#fff;border-color:#e0e0e0;color:#222}.modal-cancel-btn:hover{background:#f5f5f5;border-color:#ccc;color:#000}.modal-start-btn{background:#000;border-color:#000;color:#fff}.modal-start-btn:hover:not(:disabled){background:#333;border-color:#333;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.modal-start-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.inspection-container{padding:1rem}.controls-section{gap:1rem}.controls-section,.search-section{align-items:stretch;flex-direction:column}.search-section{min-width:auto}.search-bar{max-width:none}.action-section{align-items:center;flex-direction:row;justify-content:space-between}.inspection-table{font-size:.8rem}.table-header th,.table-row td{padding:12px 8px}.inspection-avatar{font-size:.7rem;height:28px;width:28px}.modal{margin:1rem;width:95%}}@media (max-width:480px){.inspection-title{font-size:1.5rem}.table-header th,.table-row td{padding:8px 4px}.inspection-info{gap:8px}.inspection-avatar{font-size:.6rem;height:24px;width:24px}.action-section{align-items:stretch;flex-direction:column}.start-inspection-btn{margin-bottom:.5rem}}.aql-progress{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:8px;padding:10px}.aql-progress h4{color:#333;font-size:14px;font-weight:600;margin:0 0 8px}.defect-counters{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin-bottom:8px}.defect-counter{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;display:flex;font-size:12px;font-weight:500;justify-content:space-between;padding:4px 8px}.defect-counter.exceeded{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.aql-failed-warning{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;font-size:12px;font-weight:500;margin-bottom:6px;padding:6px 8px;text-align:center}.aql-info{color:#6c757d;font-size:11px;text-align:center}@media (max-width:768px){.defect-counters{gap:4px;grid-template-columns:1fr}.aql-progress{padding:8px}.defect-counter{font-size:11px;padding:3px 6px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.1243169b.css.map*/