@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap";body{background-color:#fff;color:#000}.vercel-container{min-height:100vh;background-image:url(/assets/bgofregister-pBF9DfV_.jpg);display:flex;flex-direction:column;max-width:100%;width:100%;margin:0 auto;padding:0 16px}.vercel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;width:100%}.vercel-logo{display:flex;align-items:center}.vercel-triangle{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:20px solid #000}.vercel-nav{display:flex;align-items:center;gap:24px}.vercel-nav-link{color:#666;text-decoration:none;font-size:14px;background:none;border:none;cursor:pointer}.vercel-nav-link:hover{color:#000}.vercel-nav-button{background-color:#000;color:#fff;border:none;border-radius:5px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer}.vercel-nav-button:hover{background-color:#000}.vercel-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;margin:0 auto;padding:32px 0}.vercel-step{width:100%;display:flex;flex-direction:column;animation:fadeIn .3s ease;background-color:#292929;color:#fff;padding:16px;border-radius:10px}.vercel-title{font-size:20px;font-weight:600;margin-bottom:28px;text-align:center;color:#fff}.vercel-welcome-text{text-align:center;color:#ccc;margin-bottom:32px;font-size:16px}.vercel-back-link{display:flex;align-items:center;gap:8px;color:#ccc;font-size:14px;margin-bottom:32px;cursor:pointer}.vercel-back-link:hover{color:#fff}.vercel-form-group{margin-bottom:24px;width:100%;position:relative}.vercel-form-group input{width:100%;padding:12px 16px;border:1px solid #333;border-radius:6px;font-size:16px;background-color:#292929;color:#bebcbc;transition:border-color .2s ease}.vercel-form-group input:focus{outline:none;border-color:#5050b3}.vercel-input-error{border-color:#f44336!important}.vercel-error{color:#f44336;font-size:14px;margin-top:8px}.vercel-password-input{position:relative}.vercel-password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ccc;cursor:pointer}.vercel-password-toggle:hover{color:#fff}.vercel-google-btn,.vercel-email-btn,.vercel-continue-btn,.vercel-register-btn{width:100%;padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.vercel-google-btn{background-color:#fff;color:#000;border:1px solid #333;margin-bottom:16px}.vercel-google-btn:hover{background-color:#f5f5f5}.vercel-email-btn{background-color:#5050b3;color:#fff;border:none}.vercel-email-btn:hover{background-color:#5050b3}.vercel-continue-btn{background-color:#5050b3;color:#fff;border:none}.vercel-continue-btn:hover{background-color:#5050b3}.vercel-register-btn{background-color:#5050b3;color:#fff;border:none}.vercel-register-btn:hover{background-color:#5050b3}.vercel-btn-disabled{opacity:.5;cursor:not-allowed}.vercel-btn-disabled:hover{background-color:#333}.vercel-divider{position:relative;text-align:center;margin:24px 0}.vercel-divider:before,.vercel-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 20px);height:1px;background-color:#333}.vercel-divider:before{left:0}.vercel-divider:after{right:0}.vercel-divider span{background-color:#fdfafa;padding:0 10px;color:#000;border-radius:8px;font-size:14px}.vercel-footer,.vercel-footer-links{text-align:center;margin-top:32px;font-size:14px;color:#e5e4eb}.vercel-footer a,.vercel-footer-links a,.vercel-link{color:#fff;text-decoration:none;font-weight:500}.vercel-footer a:hover,.vercel-footer-links a:hover,.vercel-link:hover{text-decoration:underline}.vercel-user-summary{background-color:#222;border-radius:6px;padding:16px;margin-bottom:24px;color:#fff}.vercel-user-name{font-weight:500;margin-bottom:4px;color:#fff}.vercel-user-email{color:#ccc;font-size:14px}.vercel-terms{margin-bottom:24px}.vercel-checkbox-label{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#ccc}.vercel-checkbox{margin-top:2px}.vercel-btn-spinner{display:flex;align-items:center;justify-content:center;gap:8px}.vercel-spinner{width:16px;height:16px;border:2px solid rgba(17,12,44,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@media (max-width: 600px){.vercel-title{font-size:24px}.vercel-content{padding:16px 0}.vercel-nav{gap:16px}}.material-toast{position:fixed;bottom:24px;right:24px;min-width:300px;max-width:400px;background-color:#323232;color:#fff;padding:16px;border-radius:8px;box-shadow:0 4px 12px #00000026,0 0 1px #0003;display:flex;align-items:flex-start;overflow:hidden;z-index:9999;animation:material-toast-slide-in .3s ease forwards}.material-toast-success{background-color:#43a047}.material-toast-error{background-color:#e53935}.material-toast-info{background-color:#1e88e5}.material-toast-warning{background-color:#fb8c00}.material-toast-icon{flex-shrink:0;margin-right:12px;color:#fff;display:flex;align-items:center;justify-content:center}.material-toast-content{flex:1;padding-right:8px}.material-toast-title{font-weight:600;font-size:16px;margin-bottom:4px}.material-toast-message{font-size:14px;opacity:.9;line-height:1.4}.material-toast-close{background:none;border:none;color:#fff;opacity:.7;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;margin-left:8px;border-radius:50%;transition:all .2s ease}.material-toast-close:hover{opacity:1;background-color:#ffffff1a}.material-toast-progress{position:absolute;bottom:0;left:0;height:3px;background-color:#ffffffb3;width:100%;animation:material-toast-progress 5s linear forwards}@keyframes material-toast-slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes material-toast-progress{0%{width:100%}to{width:0%}}@media (max-width: 600px){.material-toast{bottom:16px;right:16px;left:16px;min-width:auto;max-width:none;width:calc(100% - 32px)}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#000;animation:spinner-rotate .8s linear infinite}.spinner-text{margin-top:12px;font-size:14px;font-weight:500;color:#333}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.content-blur{filter:blur(5px);transition:filter .3s ease}.content-visible{filter:blur(0);transition:filter .3s ease}.vercel-select-wrapper{position:relative;width:100%}.vercel-select{width:100%;padding:12px 40px 12px 16px;border:1px solid #333;border-radius:6px;font-size:16px;background-color:#292929;color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:border-color .2s ease}.vercel-select:focus{outline:none;border-color:#5050b3}.vercel-select option{padding:8px 12px;font-size:16px;background-color:#292929;color:#e5e1e1}.vercel-select option:hover{background-color:#f5f5f5}.vercel-select option:disabled{color:#999;background-color:#f5f5f5}.vercel-select-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:#ccc;transition:transform .2s ease}.vercel-select:focus+.vercel-select-arrow{transform:translateY(-50%) rotate(180deg)}.vercel-select.vercel-input-error{border-color:#f44336!important}.vercel-user-role{color:#ccc;font-size:14px;margin-top:4px;font-weight:500}@media (max-width: 600px){.vercel-select{font-size:16px}}.vercel-otp-subtitle{text-align:center;color:#ccc;margin-bottom:32px;font-size:16px;line-height:1.5}.vercel-otp-container{display:flex;justify-content:center;gap:12px;margin-bottom:16px;position:relative}.vercel-otp-input{width:48px;height:48px;border:2px solid #333;border-radius:8px;text-align:center;font-size:18px;font-weight:600;background-color:#fff;color:#000;transition:all .2s ease;outline:none}.vercel-otp-input:focus{border-color:#5050b3;box-shadow:0 0 0 3px #ffffff1a}.vercel-otp-input.vercel-input-error{border-color:#f44336}.vercel-otp-input:focus.vercel-input-error{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.vercel-otp-resend{text-align:center;margin-bottom:24px}.vercel-otp-resend p{color:#ccc;font-size:14px;margin:0}.vercel-link-button{background:none;border:none;color:#fff;text-decoration:underline;cursor:pointer;font-size:14px;font-weight:500;padding:0}.vercel-link-button:hover{color:#ccc}.vercel-otp-input:not(:placeholder-shown){border-color:#5050b3;background-color:#f8f9fa}@media (max-width: 600px){.vercel-otp-container{gap:8px}.vercel-otp-input{width:40px;height:40px;font-size:16px}.vercel-otp-subtitle{font-size:14px;margin-bottom:24px}}.vercel-otp-input::-webkit-outer-spin-button,.vercel-otp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vercel-otp-input[type=number]{-moz-appearance:textfield}.vercel-otp-container{animation:otp-fade-in .3s ease}@keyframes otp-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vercel-email-verified{display:flex;align-items:center;gap:6px;color:#5050b3;font-size:14px;font-weight:500;margin-top:8px}.vercel-email-verified svg{color:#5050b3}.material-toast-success{background:linear-gradient(135deg,#5050b3,#5050b3)}.material-toast-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.material-toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.material-toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.vercel-link-button.disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.vercel-link-button.disabled:hover{color:#666;text-decoration:none}input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.vercel-otp-container:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#333,#fff,#333);border-radius:2px;opacity:.3}@keyframes checkmark{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.vercel-email-verified svg{animation:checkmark .5s ease-in-out}.vercel-continue-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.vercel-continue-btn:disabled:hover{background-color:#333;transform:none}.vercel-otp-subtitle strong{color:#fff;font-weight:600}@media (max-width: 600px){.vercel-email-verified{font-size:12px}.vercel-email-verified svg{width:14px;height:14px}}.vercel-floating-label{position:absolute;top:12px;left:16px;font-size:16px;color:#ccc;transition:all .2s ease;pointer-events:none;background-color:#292929;padding:0 4px;display:flex;align-items:center;gap:4px}.vercel-floating-label.active{top:-8px;font-size:12px;color:#5050b3;background-color:#292929;padding:0 4px}.vercel-floating-label[data-field=fullname]:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px}.vercel-floating-label[data-field=username]:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px}.vercel-floating-label[data-field=email]:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px}.vercel-floating-label[data-field=password]:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px}.vercel-floating-label[data-field=phoneNumber]:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px}.vercel-otp-container .vercel-floating-label{position:absolute;top:12px;left:50%;transform:translate(-50%);font-size:16px;color:#ccc;transition:all .2s ease;pointer-events:none;background-color:#fff;padding:0 4px;display:flex;align-items:center;gap:4px}.vercel-otp-container .vercel-floating-label.active{top:-20px;font-size:12px;color:#5050b3;background-color:#fff;padding:0 4px}.vercel-otp-container .vercel-floating-label:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px}.bodyokok{background-color:#f0f4f8;min-height:100vh;display:flex;justify-content:center;align-items:center}.login-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.login-card{width:100%;max-width:1200px;min-height:600px;display:flex;border-radius:20px;overflow:hidden;box-shadow:0 15px 30px #0000001a;background-color:#fff}.login-left{flex:1;display:flex;flex-direction:column;padding:40px;background-color:#fff;position:relative}.logo-container{display:flex;justify-content:center;margin-bottom:20px}.logo-wrapper{padding:15px;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 10px #0000000d}.recvue-logo{width:180px;height:60px}.logo-text{fill:#333;font-family:Poppins,sans-serif}.form-container{flex:1;display:flex;flex-direction:column;width:100%;max-width:350px;margin:0 auto}.form-container h2{font-size:24px;color:#333;margin-bottom:20px;text-align:center;font-weight:600;position:relative;padding-bottom:10px}.form-container h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50px;height:3px;background:linear-gradient(90deg,#0077b6,#90e0ef);border-radius:3px}.form-group{margin-bottom:20px;width:100%}.input-wrapper{position:relative;border:1px solid #ddd;border-radius:5px;overflow:hidden;transition:all .3s ease}.input-wrapper:focus-within{border-color:#0077b6;box-shadow:0 0 0 2px #0077b61a}.input-wrapper.error{border-color:#e74c3c}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#aaa}.input-wrapper input{width:100%;padding:12px 12px 12px 40px;border:none;outline:none;font-size:14px;box-sizing:border-box}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;padding:0;transition:color .3s ease}.password-toggle:hover{color:#0077b6}.error-message{color:#e74c3c;font-size:12px;margin-top:5px;display:block}.remember-me{display:flex;align-items:center;margin-bottom:20px}.remember-me label{display:flex;align-items:center;cursor:pointer}.remember-me input{margin-right:8px}.remember-me span{font-size:14px;color:#666}.signin-button{width:100%;padding:12px;background-color:#0077b6;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.signin-button:hover{background-color:#005f92}.signin-button:disabled{background-color:#90cdf4;cursor:not-allowed}.help-link{margin-top:20px;text-align:center}.help-link a{color:#666;font-size:14px;text-decoration:none}.help-link a:hover{text-decoration:underline;color:#0077b6}.footer-links{margin-top:auto;display:flex;justify-content:center;align-items:center;font-size:12px;color:#666}.footer-links a{color:#666;text-decoration:none}.footer-links a:hover{text-decoration:underline;color:#0077b6}.divider{margin:0 10px}.copyright{color:#666}.login-right{flex:1;background:linear-gradient(135deg,#0a2472,#1e3799);color:#fff;padding:40px;display:flex;flex-direction:column;position:relative;overflow:hidden}.welcome-message{text-align:center;margin-bottom:30px;animation:fadeInDown 1s ease;padding:20px;background-color:#0000001a;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.welcome-message h1{font-size:32px;font-weight:700;margin-bottom:10px;background:linear-gradient(90deg,#fff,#90e0ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.1)}.welcome-message p{font-size:16px;opacity:.9;color:#fff}.hexagon-diagram{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.hexagon-container{position:relative;width:300px;height:300px}.hexagon{position:absolute;width:100px;height:100px;background-color:#ffffff1a;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;justify-content:center;align-items:center;transition:all .3s ease}.hexagon:hover{background-color:#fff3;transform:scale(1.05)}.hex-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px}.hex-content svg{margin-bottom:5px;color:#90e0ef}.hex-content span{font-size:12px;font-weight:500}.hexagon.center{top:100px;left:100px;background-color:#ffffff26;z-index:2}.hexagon.top{top:20px;left:100px}.hexagon.top-right{top:50px;left:180px}.hexagon.right{top:100px;left:180px}.hexagon.bottom-right{top:150px;left:180px}.hexagon.bottom{top:180px;left:100px}.hexagon.bottom-left{top:150px;left:20px}.hexagon.left{top:100px;left:20px}.hexagon.top-left{top:50px;left:20px}.insights-section{margin-top:30px;text-align:center;animation:fadeInUp 1s ease}.insights-section h2{font-size:24px;font-weight:600;margin-bottom:15px;color:#fff}.insights-section p{font-size:14px;line-height:1.6;opacity:.9;margin-bottom:10px}.dots{display:flex;justify-content:center;margin-top:20px}.dot{width:10px;height:10px;border-radius:50%;background-color:#ffffff4d;margin:0 5px}.dot.active{background-color:#fff}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 992px){.login-card{max-width:800px}.hexagon-container{width:250px;height:250px}.hexagon{width:80px;height:80px}.hexagon.center{top:85px;left:85px}.hexagon.top{top:20px;left:85px}.hexagon.top-right{top:40px;left:150px}.hexagon.right{top:85px;left:150px}.hexagon.bottom-right{top:130px;left:150px}.hexagon.bottom{top:150px;left:85px}.hexagon.bottom-left{top:130px;left:20px}.hexagon.left{top:85px;left:20px}.hexagon.top-left{top:40px;left:20px}}@media (max-width: 768px){.login-card{flex-direction:column;max-height:none}.login-left,.login-right{width:100%;padding:30px}.login-right{min-height:500px}.form-container{margin-bottom:30px}}@media (max-width: 576px){.login-container{padding:10px}.login-left,.login-right{padding:20px}.hexagon-container{width:200px;height:200px}.hexagon{width:60px;height:60px}.hexagon.center{top:70px;left:70px}.hexagon.top{top:20px;left:70px}.hexagon.top-right{top:35px;left:120px}.hexagon.right{top:70px;left:120px}.hexagon.bottom-right{top:105px;left:120px}.hexagon.bottom{top:120px;left:70px}.hexagon.bottom-left{top:105px;left:20px}.hexagon.left{top:70px;left:20px}.hexagon.top-left{top:35px;left:20px}.hex-content svg{width:16px;height:16px}.hex-content span{font-size:10px}.welcome-message h1{font-size:24px}.welcome-message p{font-size:14px}.insights-section h2{font-size:20px}.insights-section p{font-size:12px}}.stylish-divider{height:3px;width:80%;margin:0 auto 30px;background:linear-gradient(90deg,transparent,#0077b6,transparent);border-radius:2px}.welcome-divider{height:3px;width:60%;margin:15px auto 20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);border-radius:2px}.error-alert{background-color:#fee2e2;border-left:4px solid #ef4444;color:#b91c1c;padding:12px 16px;margin-bottom:20px;border-radius:6px;font-size:14px}.otp-info{text-align:center;margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #0077b6}.otp-info p{margin:0 0 5px;color:#666;font-size:14px}.otp-info strong{color:#0077b6;font-weight:600}.change-email-btn{background:none;border:none;color:#0077b6;text-decoration:underline;cursor:pointer;font-size:12px;margin-top:5px;padding:0}.change-email-btn:hover{color:#005f92}.otp-input-wrapper input{text-align:center;font-family:Courier New,monospace;font-weight:700}.otp-resend{text-align:center;margin-bottom:20px}.otp-resend p{color:#666;font-size:14px;margin:0}.resend-link{background:none;border:none;color:#0077b6;text-decoration:underline;cursor:pointer;font-size:14px;font-weight:500;padding:0}.resend-link:hover:not(.disabled){color:#005f92}.resend-link.disabled{color:#999;cursor:not-allowed;text-decoration:none}.otp-input-wrapper input:focus{border-color:#0077b6;box-shadow:0 0 0 2px #0077b61a}.form-container{transition:all .3s ease}@media (max-width: 600px){.otp-info{padding:12px;margin-bottom:15px}.otp-input-wrapper input{font-size:16px;letter-spacing:6px}}.login-method-toggle{background:none;border:none;color:#3b82f6;text-decoration:underline;cursor:pointer;font-size:14px;margin-top:8px;transition:color .2s ease}.login-method-toggle:hover{color:#2563eb}.forgot-password-section{margin:16px 0;text-align:center}.forgot-password-btn{background:none;border:none;color:#000;cursor:pointer;font-size:16px;transition:color .2s ease}.forgot-password-btn:hover{width:100%;padding:12px;background-color:#0077b6;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.help-link{text-align:center;margin-top:20px}.help-link a{color:#3b82f6;text-decoration:none}.help-link a:hover{text-decoration:underline}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.password-toggle-btn:hover{color:#6b7280;background-color:#f3f4f6}.input-wrapper{position:relative}.toast-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:320px;max-width:450px;padding:0;border-radius:16px;box-shadow:0 10px 40px #0003,0 0 0 1px #0000000d;z-index:9999;display:flex;flex-direction:column;animation:toast-slide-in .4s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:0;overflow:hidden;background:#fff}.toast-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.05)}.toast-notification.success .toast-header{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.toast-notification.error .toast-header{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-title-container{display:flex;align-items:center;gap:12px}.toast-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#fff3}.toast-title{font-weight:600;font-size:16px}.toast-close{background:none;border:none;color:#fff;opacity:.8;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:all .2s ease}.toast-close:hover{opacity:1;background-color:#fff3}.toast-body{padding:16px 20px;background-color:#fff;color:#333}.toast-message{font-size:14px;line-height:1.5}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-60%)}}.toast-notification.closing{animation:toast-slide-out .3s ease forwards}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.spinner-container{position:relative;width:120px;height:120px}.spinner{position:absolute;width:100%;height:100%;animation:spinner-rotation 1.2s linear infinite}.spinner-dot{position:absolute;width:16px;height:16px;background-color:#000;border-radius:50%;animation:spinner-fade 1.2s linear infinite}.spinner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-weight:600;font-size:14px;letter-spacing:1px}.spinner-dot:nth-child(1){top:0;left:50%;transform:translate(-50%);animation-delay:-1.1s}.spinner-dot:nth-child(2){top:14%;right:14%;animation-delay:-1s}.spinner-dot:nth-child(3){top:50%;right:0;transform:translateY(-50%);animation-delay:-.9s}.spinner-dot:nth-child(4){bottom:14%;right:14%;animation-delay:-.8s}.spinner-dot:nth-child(5){bottom:0;left:50%;transform:translate(-50%);animation-delay:-.7s}.spinner-dot:nth-child(6){bottom:14%;left:14%;animation-delay:-.6s}.spinner-dot:nth-child(7){top:50%;left:0;transform:translateY(-50%);animation-delay:-.5s}.spinner-dot:nth-child(8){top:14%;left:14%;animation-delay:-.4s}@keyframes spinner-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner-fade{0%,to{opacity:.2}50%{opacity:1}}.confirm-email-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-email-popup{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;animation:confirmEmailSlideIn .3s ease-out}@keyframes confirmEmailSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-email-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.confirm-email-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.confirm-email-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s ease}.confirm-email-close:hover{background-color:#f3f4f6;color:#374151}.confirm-email-content{padding:0 24px 24px}.confirm-email-description{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:24px;text-align:center}.confirm-email-form-group{margin-bottom:20px}.confirm-email-input-wrapper{position:relative;display:flex;align-items:center}.confirm-email-input-icon{position:absolute;left:12px;color:#9ca3af;z-index:1}.confirm-email-input-wrapper input{width:100%;padding:12px 12px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;background-color:#fff}.confirm-email-input-wrapper input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.confirm-email-input-wrapper input.error{border-color:#ef4444}.confirm-email-input-wrapper input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.confirm-email-error{color:#ef4444;font-size:12px;margin-top:6px;display:block}.confirm-email-submit{width:100%;background-color:#3b82f6;color:#fff;border:none;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.confirm-email-submit:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.confirm-email-submit:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.confirm-email-loading{display:flex;align-items:center;gap:8px}.confirm-email-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:confirmEmailSpin 1s linear infinite}@keyframes confirmEmailSpin{to{transform:rotate(360deg)}}@media (max-width: 480px){.confirm-email-popup{width:95%;margin:20px}.confirm-email-header{padding:20px 20px 0}.confirm-email-content{padding:0 20px 20px}}.confirm-password-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-password-popup{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:confirmPasswordSlideIn .3s ease-out}@keyframes confirmPasswordSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-password-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.confirm-password-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.confirm-password-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s ease}.confirm-password-close:hover{background-color:#f3f4f6;color:#374151}.confirm-password-content{padding:0 24px 24px}.confirm-password-email-info{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:12px;margin-bottom:16px}.confirm-password-email-info p{margin:0;font-size:14px;color:#0c4a6e}.confirm-password-description{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:24px;text-align:center}.confirm-password-form-group{margin-bottom:20px}.confirm-password-form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.confirm-password-input-wrapper{position:relative;display:flex;align-items:center}.confirm-password-input-icon{position:absolute;left:12px;color:#9ca3af;z-index:1}.confirm-password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;border-radius:4px;transition:all .2s ease}.confirm-password-toggle:hover{color:#6b7280;background-color:#f3f4f6}.confirm-password-input-wrapper input{width:100%;padding:12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;background-color:#fff}.confirm-password-input-wrapper input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.confirm-password-input-wrapper input.error{border-color:#ef4444}.confirm-password-input-wrapper input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.confirm-password-error{color:#ef4444;font-size:12px;margin-top:6px;display:block}.confirm-password-submit{width:100%;background-color:#3b82f6;color:#fff;border:none;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}.confirm-password-submit:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.confirm-password-submit:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.confirm-password-loading{display:flex;align-items:center;gap:8px}.confirm-password-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:confirmPasswordSpin 1s linear infinite}@keyframes confirmPasswordSpin{to{transform:rotate(360deg)}}@media (max-width: 480px){.confirm-password-popup{width:95%;margin:20px}.confirm-password-header{padding:20px 20px 0}.confirm-password-content{padding:0 20px 20px}}body,html{margin:0;padding:0;overflow:hidden;width:100%;height:100%}.dashboard-container{display:flex;width:100vw;height:100vh;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.sidebar{width:180px;background:linear-gradient(180deg,#0a152f,#0a152f);color:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;transition:all .3s ease;position:relative;z-index:10;scrollbar-width:none;-ms-overflow-style:none}.sidebar.collapsed{width:60px}.sidebar::-webkit-scrollbar{display:none}.logo-container{padding:12px 15px 10px;display:flex;align-items:center;position:relative;border-bottom:1px solid rgba(255,255,255,.1)}.company-logo{display:flex;align-items:center;width:100%;cursor:pointer;transition:all .3s ease;padding:3px;border-radius:6px}.logo-image-container{position:relative;margin-right:8px}.logo-image{width:50px;height:50px;border-radius:4px;object-fit:cover}.logo-text{display:flex;flex-direction:column}.company-name{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#fff;letter-spacing:.5px}.company-tagline{font-family:Poppins,sans-serif;font-size:10px;color:#ffffffb3;margin-top:1px}.close-sidebar{display:none;position:absolute;right:8px;top:8px;background:none;border:none;color:#fff;cursor:pointer}.nav-menu{flex:1;margin-top:10px}.nav-menu ul,.bottom-menu ul{list-style:none;padding:0;margin:0}.nav-link{display:flex;align-items:center;padding:8px 15px;color:#fffc;text-decoration:none;font-size:12px;font-family:Poppins,sans-serif;transition:all .2s ease;border-left:3px solid transparent}.nav-link:hover{background-color:#ffffff1a;color:#fff}.nav-link.active{background-color:#ffffff26;color:#fff;font-weight:500;border-left:3px solid white}.nav-link svg{margin-right:10px;opacity:.8;width:16px;height:16px}.sidebar.collapsed .nav-link svg{margin-right:0}.nav-link.active svg{opacity:1}.bottom-menu{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:8px;padding-bottom:15px}.secondary-sidebar{width:200px;background:linear-gradient(180deg,#0a152f,#0a152f);color:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;z-index:9;box-shadow:0 0 15px #0003;scrollbar-width:none;-ms-overflow-style:none;animation:slideIn .3s ease-out}.secondary-sidebar::-webkit-scrollbar{display:none}.secondary-sidebar-header{padding:15px 15px 10px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;position:relative}.secondary-sidebar-header h2{margin:0;font-size:16px;font-weight:500;font-family:Poppins,sans-serif;color:#fff;position:relative;padding-left:10px}.secondary-sidebar-header h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:#3b82f6;border-radius:2px}.back-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:#fffc;cursor:pointer;padding:8px 12px;border-radius:4px;font-size:13px;font-family:Poppins,sans-serif;transition:all .2s ease;margin-bottom:10px}.back-button:hover{background-color:#ffffff1a;color:#fff}.back-button svg{width:14px;height:14px}.secondary-sidebar-menu{flex:1;margin-top:10px}.secondary-sidebar-menu ul{list-style:none;padding:0;margin:0}.secondary-nav-link{display:flex;align-items:center;padding:10px 15px;color:#fffc;text-decoration:none;font-size:13px;font-family:Poppins,sans-serif;transition:all .2s ease;border-radius:4px;margin:0 5px 2px}.secondary-nav-link:hover{background-color:#ffffff1a;color:#fff;transform:translate(3px)}.secondary-nav-link.active{background-color:#3b82f626;color:#fff;font-weight:500;border-left:3px solid #3b82f6}.secondary-nav-link svg{margin-right:8px;opacity:.8;width:14px;height:14px}.secondary-nav-link.active svg{opacity:1}.header{background:#f0f0f0e6;color:#333;padding:0 15px;height:50px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000001a}.header-left{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:8px}.hamburger-menu{display:none;background:none;border:none;color:#333;margin-right:12px;cursor:pointer;padding:4px}.header h1{margin:0;font-size:20px;font-weight:500;font-family:Poppins,sans-serif}.header-btn{background:none;border:none;color:#333;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.header-btn:hover,.profile-btn{background-color:#0000000d}.content-wrapper{display:flex;flex-direction:column;flex:1;overflow:hidden;width:100%}.main-content{flex:1;overflow-y:auto;padding:0;background-color:#f0f2f5;width:100%}.order-search-container{width:100%;height:auto;background-color:#fff;border-radius:0;box-shadow:0 2px 8px #0000001a;overflow:hidden}.empty-orders,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;text-align:center}.empty-orders p,.empty-state p{font-size:24px;color:#9e9e9e;margin-bottom:25px;font-family:Poppins,sans-serif}.add-order-btn{background-color:#00bcd4;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:13px;font-family:Poppins,sans-serif;display:flex;align-items:center;cursor:pointer;transition:background-color .2s;box-shadow:0 2px 4px #0000001a}.add-order-btn:hover{background-color:#00a5b8}.add-order-btn svg{margin-right:6px;width:16px;height:16px}.table-container{max-height:calc(100vh - 250px);overflow-y:auto}.order-search-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #e0e0e0}.order-search-title{font-size:16px;font-weight:500;color:#333;margin:0;font-family:Poppins,sans-serif}.order-search-actions{display:flex;gap:8px}.order-search-button{background-color:#00bcd4;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:13px;display:flex;align-items:center;cursor:pointer;transition:background-color .2s}.order-search-button:hover{background-color:#00a5b8}.order-search-button svg{margin-right:6px;width:14px;height:14px}.order-search-filters{display:flex;flex-wrap:wrap;gap:12px;padding:12px 15px;border-bottom:1px solid #e0e0e0;background-color:#f9f9f9}.filter-group{display:flex;flex-direction:column;min-width:180px;flex:1}.filter-label{font-size:11px;color:#666;margin-bottom:4px;font-family:Poppins,sans-serif}.filter-input{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;outline:none;transition:border-color .2s}.filter-input:focus{border-color:#00bcd4}.filter-select{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;outline:none;transition:border-color .2s;background-color:#fff}.filter-select:focus{border-color:#00bcd4}.filter-buttons{display:flex;gap:8px;margin-top:auto;align-self:flex-end}.filter-button{padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s}.filter-button.search{background-color:#00bcd4;color:#fff;border:none}.filter-button.search:hover{background-color:#00a5b8}.filter-button.reset{background-color:transparent;color:#666;border:1px solid #ddd}.filter-button.reset:hover{background-color:#f0f0f0}.order-table-container{overflow-x:auto}.order-table{width:100%;border-collapse:collapse}.order-table th{background-color:#f5f5f5;padding:10px 12px;text-align:left;font-weight:500;color:#333;border-bottom:1px solid #e0e0e0;font-family:Poppins,sans-serif;font-size:13px}.order-table td{padding:8px 12px;border-bottom:1px solid #e0e0e0;color:#555;font-size:13px}.order-table tr:hover{background-color:#f9f9f9}.order-status{display:inline-block;padding:3px 6px;border-radius:3px;font-size:11px;font-weight:500}.status-pending{background-color:#fff8e1;color:#ffa000}.status-completed{background-color:#e8f5e9;color:#388e3c}.status-cancelled{background-color:#ffebee;color:#d32f2f}.order-actions{display:flex;gap:6px}.order-action-btn{background:none;border:none;color:#666;cursor:pointer;padding:3px;border-radius:3px;transition:background-color .2s}.order-action-btn:hover{background-color:#f0f0f0;color:#333}.user-dropdown{position:absolute;top:40px;right:0;background-color:#fff;border-radius:6px;box-shadow:0 3px 12px #0000001a;width:180px;z-index:100;overflow:hidden;animation:dropdown-appear .2s ease-out}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{display:flex;align-items:center;padding:10px 12px;color:#555;cursor:pointer;transition:background-color .2s;font-family:Poppins,sans-serif;font-size:13px}.user-dropdown-item:hover{background-color:#f5f5f5}.user-dropdown-item svg{margin-right:10px;color:#666;width:14px;height:14px}.dropdown-divider{height:1px;background-color:#e0e0e0;margin:4px 0}.logout-item{color:#f44336}.logout-item svg{color:#f44336}.logout-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.logout-popup{background-color:#fff;border-radius:6px;width:100%;max-width:360px;box-shadow:0 3px 15px #00000026;overflow:hidden;animation:popup-appear .3s ease-out}@keyframes popup-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.logout-popup-header{display:flex;align-items:center;padding:15px;border-bottom:1px solid #e0e0e0}.logout-icon{color:#f44336;margin-right:12px;width:22px;height:22px}.logout-popup-header h3{margin:0;font-size:16px;font-weight:500;color:#333;font-family:Poppins,sans-serif}.logout-popup-content{padding:15px}.logout-popup-content p{margin:0;font-size:13px;color:#555;line-height:1.4;font-family:Poppins,sans-serif}.logout-popup-actions{display:flex;justify-content:flex-end;padding:12px 15px;gap:8px;border-top:1px solid #e0e0e0}.stay-btn{background-color:transparent;color:#555;border:1px solid #ddd;border-radius:4px;padding:6px 12px;font-size:13px;cursor:pointer;transition:all .2s;font-family:Poppins,sans-serif}.stay-btn:hover{background-color:#f0f0f0}.logout-btn{background-color:#f44336;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:13px;cursor:pointer;transition:background-color .2s;font-family:Poppins,sans-serif}.logout-btn:hover{background-color:#d32f2f}.lines-search-container{background-color:#fff;border-radius:0;box-shadow:0 2px 8px #0000001a;padding:15px}.lines-actions{display:flex;justify-content:flex-end;margin-top:15px}.add-line-btn{background-color:#00bcd4;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:13px;cursor:pointer;transition:background-color .2s}.add-line-btn:hover{background-color:#00a5b8}.clickable-row{cursor:pointer;transition:background-color .2s ease}.clickable-row:hover{background-color:#3b82f60d}.clickable-row.selected-row{background-color:#3b82f61a}.clickable-row.selected-row:hover{background-color:#3b82f626}.orders-table tr.selected-row{background-color:#3b82f61a}.orders-table tr.selected-row:hover{background-color:#3b82f626}.order-number-link{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s}.order-number-link:hover{text-decoration:underline;color:#2563eb}.dashboard-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;display:flex;justify-content:center;align-items:center;z-index:10000}.dashboard-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.dashboard-spinner{width:50px;height:50px;border:4px solid rgba(0,188,212,.2);border-radius:50%;border-top-color:#00bcd4;animation:dashboard-spinner-rotate 1s linear infinite}.dashboard-spinner-text{margin-top:16px;font-size:16px;font-weight:500;color:#333;font-family:Poppins,sans-serif}@keyframes dashboard-spinner-rotate{to{transform:rotate(360deg)}}@media (max-width: 768px){.sidebar{position:fixed;transform:translate(-100%);width:240px;box-shadow:0 0 12px #0003}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:60px}.secondary-sidebar{position:fixed;left:60px;transform:translate(-100%);box-shadow:0 0 12px #0003}.sidebar.collapsed+.secondary-sidebar{transform:translate(0)}.close-sidebar,.hamburger-menu{display:block}.header{height:45px}.header h1{font-size:18px}.main-content{padding:0}.order-search-filters{flex-direction:column}.filter-group{width:100%}.filter-buttons{width:100%;justify-content:space-between}}.dynamic-logo-circle{width:64px;height:64px;border-radius:50%;overflow:hidden;background:#f5f5f5;border:3px dashed #ccc;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.dynamic-logo-circle:hover{border-color:#007bff;background:#f0f8ff;transform:scale(1.05)}.custom-logo-image{width:100%;height:100%;object-fit:cover}.logo-placeholder{color:#999;text-align:center;line-height:1.2}.nav-link{position:relative}.nav-link:hover:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background-color:#1e293b;color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;white-space:nowrap;z-index:9999;box-shadow:0 4px 12px #00000040;pointer-events:none}.nav-link:hover:before{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#1e293b;z-index:9999;pointer-events:none}.jasmine-settings-root{display:flex;flex-direction:column;min-height:100%;width:100%;background:#f1f5f9;font-family:Plus Jakarta Sans,sans-serif;box-sizing:border-box}.jasmine-settings-topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 32px;background:linear-gradient(135deg,#1e293b,#334155);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 4px 20px #0000002e;flex-shrink:0}.jasmine-settings-topbar-left{display:flex;align-items:center;gap:16px}.jasmine-settings-topbar-icon{width:46px;height:46px;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#e2e8f0;flex-shrink:0}.jasmine-settings-topbar-text{display:flex;flex-direction:column;gap:2px}.jasmine-settings-topbar-title{margin:0;font-size:20px;font-weight:700;color:#f8fafc;letter-spacing:-.3px;line-height:1.2}.jasmine-settings-topbar-sub{margin:0;font-size:13px;color:#94a3b8;font-weight:400}.jasmine-settings-version-badge{display:flex;align-items:center;gap:7px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;letter-spacing:.4px;white-space:nowrap}.jasmine-settings-live-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #22c55e4d;animation:jasmine-pulse 2s infinite}@keyframes jasmine-pulse{0%,to{box-shadow:0 0 0 2px #22c55e4d}50%{box-shadow:0 0 0 5px #22c55e14}}.jasmine-settings-body{flex:1;padding:28px 32px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px;box-sizing:border-box}.jasmine-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;box-sizing:border-box}.jasmine-settings-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 4px #0000000a,0 4px 16px #0000000a;animation:jasmine-card-in .38s cubic-bezier(.16,1,.3,1) both;transition:box-shadow .22s ease,transform .22s ease;box-sizing:border-box}.jasmine-settings-card:hover{box-shadow:0 6px 20px #00000014,0 16px 40px #00000012;transform:translateY(-3px)}@keyframes jasmine-card-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.jasmine-settings-card-header{display:flex;align-items:center;gap:12px;padding:18px 20px 16px;border-bottom:1px solid #f1f5f9;background:linear-gradient(to right,var(--jasmine-accent-light),#ffffff 70%);border-left:4px solid var(--jasmine-accent)}.jasmine-settings-card-icon{width:38px;height:38px;border-radius:10px;background:var(--jasmine-accent-light);color:var(--jasmine-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid var(--jasmine-accent);opacity:.92}.jasmine-settings-card-title{font-size:11.5px;font-weight:700;color:#1e293b;letter-spacing:.7px;text-transform:uppercase}.jasmine-settings-card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px}.jasmine-settings-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px 14px;background:transparent;border:none;border-radius:10px;cursor:pointer;text-align:left;transition:background .15s ease,transform .15s ease;outline:none;box-sizing:border-box}.jasmine-settings-item:hover{background:var(--jasmine-accent-light);transform:translate(4px)}.jasmine-settings-item:hover .jasmine-settings-item-icon{background:var(--jasmine-accent);color:#fff}.jasmine-settings-item:hover .jasmine-settings-item-label{color:var(--jasmine-accent)}.jasmine-settings-item:hover .jasmine-settings-item-arrow{color:var(--jasmine-accent);opacity:1;transform:translate(2px)}.jasmine-settings-item-active{background:var(--jasmine-accent-light)}.jasmine-settings-item-active .jasmine-settings-item-icon{background:var(--jasmine-accent);color:#fff}.jasmine-settings-item-active .jasmine-settings-item-label{color:var(--jasmine-accent);font-weight:600}.jasmine-settings-item-icon{width:28px;height:28px;border-radius:7px;background:var(--jasmine-accent-light);color:var(--jasmine-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,color .15s ease}.jasmine-settings-item-label{flex:1;font-size:13.5px;font-weight:500;color:#374151;transition:color .15s ease}.jasmine-settings-item-arrow{color:#cbd5e1;display:flex;align-items:center;transition:color .15s ease,transform .15s ease,opacity .15s ease;opacity:.5;flex-shrink:0}.jasmine-settings-footer{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 0 8px;font-size:12px;color:#94a3b8;font-weight:400;border-top:1px solid #e2e8f0;flex-wrap:wrap}.jasmine-settings-footer-dot{color:#cbd5e1;font-size:16px;line-height:1}@media (max-width: 900px){.jasmine-settings-grid{grid-template-columns:repeat(2,1fr);gap:14px}.jasmine-settings-topbar{padding:16px 20px}.jasmine-settings-body{padding:20px 20px 18px}}@media (max-width: 640px){.jasmine-settings-topbar{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 18px}.jasmine-settings-version-badge{align-self:flex-start}.jasmine-settings-grid{grid-template-columns:1fr;gap:14px}.jasmine-settings-body{padding:16px 14px;gap:16px}.jasmine-settings-topbar-icon{width:38px;height:38px}.jasmine-settings-topbar-title{font-size:17px}.jasmine-settings-topbar-sub{font-size:12px}.jasmine-settings-card-header{padding:14px 16px 12px}.jasmine-settings-item{padding:10px 12px}.jasmine-settings-footer{gap:6px;font-size:11px}}@media (max-width: 380px){.jasmine-settings-body{padding:12px 10px}.jasmine-settings-topbar{padding:14px 12px}}.lookup-container{width:100%;background-color:#fffffff2;border-radius:8px;box-shadow:0 4px 20px #00000014;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:12px;margin:20px 0;border:1px solid rgba(230,230,230,.8)}.lookup-header{padding:12px 16px;background:linear-gradient(to right,#f0f0f0cc,#fafafacc);border-bottom:1px solid rgba(230,230,230,.8)}.action-buttons{display:flex;justify-content:flex-end;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;border:none;transition:all .2s;color:#fff;font-weight:500;background:linear-gradient(to bottom,#9e9e9e,#757575)}.refresh-btn{position:fixed;bottom:490px;left:815px;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;border:none;transition:all .2s;color:#fff;font-weight:500;background:linear-gradient(to bottom,#9e9e9e,#757575)}.action-btn:hover{background:linear-gradient(to bottom,#757575,#616161)}.lookup-search-section{padding:16px;background:linear-gradient(to bottom,#fafafacc,#f5f5f5cc)}.lookup-title{font-size:16px;font-weight:500;color:#333;margin:0 0 12px}.search-box{display:flex;gap:8px;max-width:500px}.search-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;background-color:#fff;box-shadow:0 1px 3px #0000000d inset}.search-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.search-button{display:flex;align-items:center;gap:5px;padding:8px 15px;background:linear-gradient(to bottom,#2196f3,#1976d2);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.search-button:hover{background:linear-gradient(to bottom,#1976d2,#1565c0)}.table-wrapper{padding:0 16px 16px;overflow-x:auto;max-height:400px;overflow-y:auto}.table-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.table-wrapper{max-height:300px}}@media (min-width: 1200px){.table-wrapper{max-height:500px}}.lookup-table th{background:linear-gradient(to bottom,#f5f5f5,#e0e0e0);padding:10px 12px;text-align:left;font-weight:600;color:#333;border-top:1px solid #ddd;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:10;font-size:12px;white-space:nowrap}.lookup-table th{background:linear-gradient(to bottom,#f5f5f5,#e0e0e0);box-shadow:0 2px 3px #0000000d}.lookup-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;margin-top:8px;table-layout:fixed}.lookup-table tr:last-child td{border-bottom:1px solid #eee}.no-data{text-align:center;color:#888;padding:20px;font-style:italic}.actions-col{width:60px;text-align:center}.lookup-type-col{width:180px}.editable-col{width:80px;text-align:center}.lookup-link{color:#1976d2;text-decoration:none;font-weight:500;transition:color .2s}.lookup-link:hover{color:#1565c0;text-decoration:underline}.edit-btn{background:none;border:none;color:#757575;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.edit-btn:hover{background-color:#0000000d;color:#333}.blue-checkmark{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#0a152f;color:#fff;border-radius:3px;font-size:14px;font-weight:700;margin:0 auto}.cross-mark{color:#f44336;font-size:14px}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(to bottom,#f8f9fa,#e9ecef);border-top:1px solid #dee2e6;box-shadow:0 -2px 10px #00000008}.records-info{color:#495057;font-size:13px;font-weight:500}.pagination-controls{display:flex;gap:6px;align-items:center}.page-btn{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;color:#fff;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s;box-shadow:0 2px 5px #0000001a}.page-btn.first,.page-btn.prev,.page-btn.next,.page-btn.last{background-image:linear-gradient(135deg,#667eea,#764ba2)}.page-btn.first:hover,.page-btn.prev:hover,.page-btn.next:hover,.page-btn.last:hover{background-image:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.page-btn.number{background-image:linear-gradient(135deg,#6a85b6,#bac8e0);color:#fff;font-weight:500}.page-btn.number:hover{background-image:linear-gradient(135deg,#5a75a6,#aab8d0);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.page-btn.number.active{background-image:linear-gradient(135deg,#43c6ac,#00c853);color:#fff;font-weight:600;transform:scale(1.05);box-shadow:0 4px 10px #00c8534d}.page-btn:disabled{background-image:linear-gradient(135deg,#bdbdbd,#9e9e9e);opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:none!important}.page-display{display:flex;align-items:center;justify-content:center;height:36px;padding:0 12px;background-image:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#495057;font-weight:600;border-radius:4px;box-shadow:0 2px 5px #0000000d;font-size:13px}.pagination-group{display:flex;gap:6px}.page-ellipsis{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:#495057;font-size:14px;font-weight:700}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-container{width:450px;background-color:#fff;border-radius:4px;box-shadow:0 4px 20px #00000026;overflow:hidden;display:flex;flex-direction:column}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f5f5f5}.popup-header h2{margin:0;font-size:16px;font-weight:500;color:#333}.close-btn{background:none;border:none;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px}.close-btn:hover{background-color:#0000000d;color:#333}.popup-divider{height:1px;background-color:#e0e0e0}.popup-content{padding:16px}.popup-section-title{font-size:14px;font-weight:500;color:#333;margin-bottom:4px}.popup-section-underline{height:2px;width:80px;background-color:#00bcd4;margin-bottom:16px}.popup-form{background-color:#f0f4f8;padding:16px;border-radius:4px}.form-row{display:flex;margin-bottom:12px;align-items:center}.form-row:last-child{margin-bottom:0}.form-row label{width:120px;font-size:13px;color:#333;font-weight:500}.input-container{flex:1;position:relative}.input-container:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#d32f2f;border-top-left-radius:3px;border-bottom-left-radius:3px}.input-container input{width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:3px;font-size:13px;background-color:#fff}.input-container input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.checkbox-container{position:relative;width:20px;height:20px}.checkbox-container input[type=checkbox]{opacity:0;position:absolute;width:100%;height:100%;cursor:pointer;z-index:2}.checkbox-label{position:absolute;top:0;left:0;width:20px;height:20px;background-color:#fff;border:1px solid #d1d5db;border-radius:3px;pointer-events:none}.checkbox-container input[type=checkbox]:checked+.checkbox-label:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#2196f3;font-size:14px;font-weight:700}.popup-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;background-color:#f5f5f5;border-top:1px solid #e0e0e0}.next-btn,.cancel-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer;border:none;transition:all .2s;font-weight:500}.next-btn{background-color:#f5f5f5;color:#333;border:1px solid #d1d5db}.next-btn:hover{background-color:#e0e0e0}.cancel-btn{background-color:#f5f5f5;color:#333;border:1px solid #d1d5db}.cancel-btn:hover{background-color:#e0e0e0}@media (max-width: 768px){.pagination-container{flex-direction:column;gap:10px}.pagination-controls{width:100%;justify-content:center;margin-left:0}.popup-container{width:90%;max-width:450px}.form-row{flex-direction:column;align-items:flex-start}.form-row label{width:100%;margin-bottom:4px}.page-display,.page-ellipsis{display:none}.page-btn.number:not(.active){display:none}.page-btn.number.active{display:flex}}@media (max-width: 768px){.action-buttons{flex-wrap:wrap;justify-content:flex-start}.pagination-container{flex-direction:column;gap:10px;align-items:flex-start}.pagination-controls{width:100%;justify-content:center;flex-wrap:wrap}.lookup-table{font-size:11px}.lookup-table th,.lookup-table td{padding:6px 8px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;min-height:300vh;padding:0;margin:0}.header-section{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#fff;border-bottom:1px solid #e0e0e0}.header-title h1{margin:0;font-size:18px;font-weight:600;color:#333}.clear-btn,.save-changes-btn,.submit-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-btn{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff}.clear-btn:hover{background:linear-gradient(135deg,#c53030,#a51d1d)}.save-changes-btn,.submit-btn{background-color:#007bff;color:#fff}.save-changes-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){background-color:#0056b3}.save-changes-btn:disabled,.submit-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.7}.filter-section{padding:20px;background-color:#fff;border-bottom:1px solid #e0e0e0}.filter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:15px}.filter-row-2{display:flex;align-items:center;gap:15px}.dropdown-container{position:relative;width:100%;max-width:250px}.dropdown-select{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #2d3748;border-radius:4px;background-color:#fff;cursor:pointer;font-size:14px;color:#666;min-height:36px;transition:all .2s ease}.dropdown-select:hover{border-color:#999}.dropdown-select.open{border-color:#2d3748;box-shadow:0 0 0 2px #007bff40}.dropdown-text{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{font-size:16px;color:#999;transition:transform .2s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #d0d0d0;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 2px 8px #00000026;z-index:1000;max-height:250px;overflow:hidden}.dropdown-search{padding:8px;border-bottom:1px solid #eee}.dropdown-search-input{width:100%;padding:6px;border:1px solid #ccc;border-radius:4px;font-size:14px}.dropdown-option{padding:8px 12px;transition:background-color .2s ease}.option-label{display:flex;align-items:center;gap:8px;cursor:pointer;width:100%}.option-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#007bff}.option-text{font-size:14px;color:#333}.dropdown-separator{height:1px;background-color:#e9ecef}.options-list{max-height:200px;overflow-y:auto}.ra-no-group{display:flex;align-items:center;gap:10px}.ra-no-label{font-size:14px;font-weight:500;color:#333;white-space:nowrap}.ra-no-container{display:flex;align-items:center;gap:5px}.ra-no-input{padding:8px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:14px;width:200px;transition:border-color .2s ease}.ra-no-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.search-btn{display:flex;align-items:center;gap:6px;padding:8px 24px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-left:auto}.search-btn:hover:not(:disabled){background-color:#0056b3}.search-btn:disabled{background-color:#6c757d;cursor:not-allowed}.selected-filters-section{margin:20px;padding:20px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;border-left:4px solid #007bff}.selected-filters-container h4{margin:0 0 15px;font-size:16px;font-weight:600;color:#333}.selected-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.filter-item{display:flex;flex-direction:column;gap:5px}.filter-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.filter-value{font-size:14px;font-weight:500;color:#333;background-color:#f8f9fa;padding:8px 12px;border-radius:4px;border-left:3px solid #007bff;word-break:break-all}.table-section{margin:20px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;position:relative;overflow:hidden}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:10}.loading-content{display:flex;flex-direction:column;align-items:center;gap:10px}.loading-spinner{font-size:24px;color:#007bff;animation:spin 1s linear infinite}.table-wrapper{overflow-x:auto;max-height:500px;overflow-y:auto}.data-table{width:100%;border-collapse:collapse;min-width:1800px}.data-table thead{background-color:#2d3748;position:sticky;top:0;z-index:5}.data-table th{padding:12px 15px;text-align:left;font-size:13px;font-weight:600;color:#fff;border:none;white-space:nowrap}.data-table td{padding:12px 15px;font-size:13px;color:#333;border-bottom:1px solid #e9ecef;white-space:nowrap}.data-table tbody tr:hover{background-color:#f8f9fa}.data-table tbody tr.total-row{background-color:#e9ecef;font-weight:700;border-top:2px solid #2d3748}.data-table tbody tr.total-row td{border-top:2px solid #2d3748;padding:10px 15px}.data-table tfoot tr.total-row{background-color:#e9ecef;font-weight:700;border-top:2px solid #2d3748}.data-table tfoot td{padding:12px 15px;font-size:13px;font-weight:600;color:#333;border-top:2px solid #2d3748;background-color:#e9ecef}.order-icon{color:#007bff;font-size:16px}.empty-message{text-align:center;color:#999;font-style:italic;padding:40px 20px}.progress-section{margin:20px;height:4px;background-color:#e9ecef;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background-color:#007bff;width:100%;border-radius:2px}.totals-section{margin:20px;padding:15px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}.total-item{font-size:14px;font-weight:600;color:#333}.signature-section{margin:40px 20px 20px;padding:30px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a}.signature-container{display:flex;justify-content:space-between;align-items:end;min-height:100px}.company-info h4{margin:0;font-size:16px;font-weight:600;color:#333}.signature-space{display:flex;flex-direction:column;align-items:center;gap:10px}.signature-line{width:200px;height:1px;background-color:#333;margin-bottom:40px}.signature-space p{margin:0;font-size:14px;color:#666}.options-list::-webkit-scrollbar,.table-wrapper::-webkit-scrollbar{width:6px;height:6px}.options-list::-webkit-scrollbar-track,.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.options-list::-webkit-scrollbar-thumb,.table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.options-list::-webkit-scrollbar-thumb:hover,.table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 1200px){.filter-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.filter-grid{grid-template-columns:repeat(2,1fr)}.filter-row-2{flex-direction:column;align-items:stretch;gap:10px}.ra-no-group{flex-direction:column;align-items:stretch;gap:5px}.ra-no-input{width:100%}.search-btn{margin-left:0}.signature-container{flex-direction:column;gap:30px;align-items:center}}@media (max-width: 480px){.filter-grid{grid-template-columns:1fr}.header-section{flex-direction:column;gap:15px;text-align:center}.data-table{min-width:800px}}.erectswordwraptigerpper-container-main{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:#f8f9fa;min-height:100vh;padding:0;margin:0}.erectswordwraptigerpper-header-section{display:flex;justify-content:center;align-items:center;padding:25px 20px;background:linear-gradient(135deg,#805ad5,#805ad5);border-bottom:1px solid #e1e7ef;box-shadow:0 2px 10px #0000001a;border-radius:8px}.erectswordwraptigerpper-title-container h3{margin:0;font-size:28px;font-weight:700;color:#fff;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:1px}.erectswordwraptigerpper-filter-section{padding:30px 20px;background-color:#fff;border-bottom:1px solid #e1e7ef;box-shadow:0 2px 8px #0000000d}.erectswordwraptigerpper-filter-container{max-width:1200px;margin:0 auto}.erectswordwraptigerpper-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;align-items:end}.erectswordwraptigerpper-dropdown-container{display:flex;flex-direction:column;gap:8px}.erectswordwraptigerpper-dropdown-label{font-size:14px;font-weight:600;color:#2d3748;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.erectswordwraptigerpper-dropdown-select{padding:12px 40px 12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background-color:#fff;outline:none;transition:all .3s ease;cursor:pointer;min-height:48px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.erectswordwraptigerpper-dropdown-select:focus{border-color:#805ad5;box-shadow:0 0 0 3px #e74c3c1a;transform:translateY(-1px)}.erectswordwraptigerpper-dropdown-select:disabled{background-color:#f7fafc;color:#a0aec0;cursor:not-allowed;border-color:#e2e8f0}.erectswordwraptigerpper-dropdown-select:hover:not(:disabled){border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.erectswordwraptigerpper-search-container{display:flex;align-items:end}.erectswordwraptigerpper-search-button{background:linear-gradient(135deg,#805ad5,#805ad5);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:48px;min-width:120px;box-shadow:0 4px 15px #e74c3c66;text-transform:uppercase;letter-spacing:.5px}.erectswordwraptigerpper-search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #e74c3c99;background:linear-gradient(135deg,#805ad5,#805ad5)}.erectswordwraptigerpper-search-button:disabled{background:linear-gradient(135deg,#a0aec0,#718096);cursor:not-allowed;transform:none;box-shadow:none}.erectswordwraptigerpper-search-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 15px #e74c3c66}.erectswordwraptigerpper-selected-section{padding:25px 20px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:1px solid #e2e8f0;margin-bottom:0}.erectswordwraptigerpper-selected-container{max-width:1200px;margin:0 auto}.erectswordwraptigerpper-selected-container h4{margin:0 0 15px;font-size:18px;font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:.5px}.erectswordwraptigerpper-selected-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.erectswordwraptigerpper-selected-item{display:flex;flex-direction:column;gap:6px;background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #e74c3c;transition:all .3s ease}.erectswordwraptigerpper-selected-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.erectswordwraptigerpper-selected-label{font-size:12px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.erectswordwraptigerpper-selected-value{font-size:16px;font-weight:700;color:#2d3748;background:linear-gradient(135deg,#805ad5,#805ad5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.erectswordwraptigerpper-instructions-section{padding:30px 20px;background-color:#fff}.erectswordwraptigerpper-instructions-container{max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:25px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 15px #0000000d}.erectswordwraptigerpper-instructions-container h4{margin:0 0 15px;font-size:18px;font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e74c3c;padding-bottom:8px;display:inline-block}.erectswordwraptigerpper-instructions-list{list-style:none;padding:0;margin:0}.erectswordwraptigerpper-instructions-list li{font-size:14px;color:#4a5568;position:relative;padding:10px 0 10px 25px;line-height:1.6}.erectswordwraptigerpper-instructions-list li:before{content:"→";position:absolute;left:0;top:10px;color:#e74c3c;font-weight:700;font-size:16px}.erectswordwraptigerpper-instructions-list li:not(:last-child){border-bottom:1px solid #e2e8f0}@media (max-width: 768px){.erectswordwraptigerpper-filter-row{grid-template-columns:1fr;gap:20px}.erectswordwraptigerpper-title-container h3{font-size:24px}.erectswordwraptigerpper-selected-grid{grid-template-columns:1fr}.erectswordwraptigerpper-dropdown-select{font-size:16px}.erectswordwraptigerpper-search-button{width:100%;margin-top:10px}}@media (max-width: 480px){.erectswordwraptigerpper-header-section,.erectswordwraptigerpper-filter-section,.erectswordwraptigerpper-selected-section,.erectswordwraptigerpper-instructions-section{padding:20px 15px}.erectswordwraptigerpper-title-container h3{font-size:20px}}.erectswordwraptigerpper-dropdown-select:disabled{background-image:none}.erectswordwraptigerpper-dropdown-select:focus,.erectswordwraptigerpper-search-button:focus{outline:2px solid #e74c3c;outline-offset:2px}.erectswordwraptigerpper-selected-section,.erectswordwraptigerpper-selected-item{animation:fadeIn .5s ease-out}.billing-container-mammoth{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:#f8f9fa;min-height:100vh}.billing-header-elephant{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f0f7ff;border-bottom:1px solid #e1e7ef}.billing-title-tiger h3{margin:0;font-size:15px;font-weight:500;color:#2c3e50}.billing-header-buttons{display:flex;gap:10px}.billing-button-giraffe{display:flex;align-items:center;gap:8px;background-color:#2c5282;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s;box-shadow:0 2px 4px #2c52824d}.billing-button-giraffe:hover:not(:disabled){background-color:#2a4365;transform:translateY(-1px);box-shadow:0 4px 8px #2c528266}.billing-button-giraffe:disabled{background-color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.billing-save-stages-btn{background-color:#38a169}.billing-save-stages-btn:hover:not(:disabled){background-color:#2f855a}.billing-move-to-completion-btn{background-color:#805ad5}.billing-move-to-completion-btn:hover:not(:disabled){background-color:#6b46c1}.billing-spin-icon-polar{animation:spin 1s linear infinite}.billing-filter-section-zebra{padding:15px 20px;background-color:#fff;border-bottom:1px solid #e1e7ef}.billing-filter-container-hippo{display:flex;flex-direction:column;gap:15px}.billing-filter-row-rhino{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.billing-dropdown-cheetah{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background-color:#fff;outline:none;transition:border-color .2s ease;min-width:200px;max-height:200px;overflow-y:auto}.billing-dropdown-cheetah:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.billing-search-button-leopard{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.billing-search-button-leopard:hover:not(:disabled){background-color:#0056b3}.billing-search-button-leopard:disabled{background-color:#6c757d;cursor:not-allowed}.billing-selected-filters-section{padding:15px 20px;background-color:#f8f9fa;border-bottom:1px solid #e1e7ef}.billing-selected-filters-container h4{margin:0 0 10px;font-size:16px;font-weight:500;color:#2c3e50}.billing-selected-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.billing-filter-item{display:flex;align-items:center;gap:8px}.billing-filter-label{font-weight:500;color:#6c757d}.billing-filter-value{color:#2c3e50;font-weight:500}.billing-table-container-lynx{margin:20px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;position:relative}.billing-table-wrapper-bear{overflow-x:auto;overflow-y:auto;max-height:600px}.billing-loading-overlay-panther{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5}.billing-loading-spinner-jaguar{font-size:30px;color:#3182ce;animation:spin 1s linear infinite}.billing-loading-text-cougar{margin-top:10px;font-size:14px;color:#4a5568}.billing-table-wolf{width:100%;border-collapse:collapse;min-width:2000px}.billing-table-wolf thead{background-color:#2d3748;position:sticky;top:0;z-index:2}.billing-table-wolf th{padding:10px 12px;text-align:left;font-size:12px;font-weight:600;color:#fff;border:none;white-space:nowrap;min-width:100px}.billing-table-wolf td{padding:8px 12px;font-size:12px;color:#2d3748;white-space:nowrap;border:none;min-width:100px}.billing-table-wolf tbody tr{border-bottom:1px solid #e2e8f0}.billing-table-wolf tbody tr:hover{background-color:#f7fafc}.billing-table-row-fox{background-color:#fff}.billing-table-row-fox:nth-child(2n){background-color:#f8f9fa}.billing-order-icon-rabbit{display:flex;align-items:center;justify-content:center;color:#3182ce;font-size:16px}.billing-status-badge-moose{display:inline-block;padding:4px 8px;background-color:#e6fffa;color:#234e52;border-radius:4px;font-size:11px;font-weight:500}.billing-process-header{background-color:#4a5568!important;text-align:center;min-width:80px}.billing-process-cell{text-align:center;padding:8px}.billing-checkbox-container{display:flex;justify-content:center;align-items:center}.billing-process-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#38a169}.billing-checkbox-label{cursor:pointer}.billing-edit-input-deer{width:100%;padding:4px 8px;border:1px solid #ced4da;border-radius:4px;font-size:12px;outline:none;transition:border-color .2s ease;background-color:#fff}.billing-edit-input-deer:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.billing-readonly-input{background-color:#f8f9fa!important;cursor:not-allowed}.billing-actions-container-yak{display:flex;gap:5px;justify-content:center}.billing-action-button-elk{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:none;cursor:pointer;font-size:14px;color:#fff;transition:all .2s}.billing-edit-button-impala{background-color:#4299e1}.billing-edit-button-impala:hover{background-color:#3182ce}.billing-save-button-impala{background-color:#38a169}.billing-save-button-impala:hover{background-color:#2f855a}.billing-delete-button-bison{background-color:#f56565}.billing-delete-button-bison:hover{background-color:#e53e3e}.billing-cancel-button-bison{background-color:#a0aec0}.billing-cancel-button-bison:hover{background-color:#718096}.billing-empty-row-camel td{padding:40px 0}.billing-empty-state-llama{display:flex;flex-direction:column;align-items:center;justify-content:center}.billing-empty-text-alpaca{font-size:14px;color:#a0aec0;text-align:center}.billing-popup-overlay-shark{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.billing-popup-container-whale{background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:500px;width:90%;max-height:80vh;overflow:hidden}.billing-popup-header-dolphin{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0;background-color:#f8f9fa}.billing-popup-header-dolphin h3{margin:0;font-size:18px;font-weight:600;color:#2d3748}.billing-popup-close-octopus{background:none;border:none;font-size:20px;cursor:pointer;color:#718096;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.billing-popup-close-octopus:hover{background-color:#e2e8f0}.billing-popup-content-squid{padding:20px;max-height:400px;overflow-y:auto}.billing-multiselect-container-jellyfish{display:flex;flex-direction:column;gap:15px}.billing-multiselect-label-starfish{font-weight:500;color:#2d3748;margin-bottom:10px}.billing-multiselect-options-seahorse{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:4px;padding:10px}.billing-checkbox-label-crab{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.billing-checkbox-label-crab:hover{background-color:#f7fafc}.billing-checkbox-input-lobster{width:16px;height:16px;cursor:pointer;accent-color:#38a169}.billing-checkbox-text-shrimp{font-size:14px;color:#2d3748}.billing-popup-actions-turtle{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e2e8f0;background-color:#f8f9fa}.billing-popup-button-seal{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.billing-cancel-button-walrus{background-color:#e2e8f0;color:#4a5568}.billing-cancel-button-walrus:hover{background-color:#cbd5e0}.billing-save-button-penguin{background-color:#38a169;color:#fff}.billing-save-button-penguin:hover:not(:disabled){background-color:#2f855a}.billing-save-button-penguin:disabled{background-color:#a0aec0;cursor:not-allowed}.billing-multiselect-options-seahorse::-webkit-scrollbar{width:14px}.billing-multiselect-options-seahorse::-webkit-scrollbar-track{background:#f1f1f1;border-radius:7px}.billing-multiselect-options-seahorse::-webkit-scrollbar-thumb{background:#888;border-radius:7px;border:2px solid #f1f1f1}.billing-multiselect-options-seahorse::-webkit-scrollbar-thumb:hover{background:#555}.billing-table-wrapper-bear::-webkit-scrollbar{height:8px;width:8px}.billing-table-wrapper-bear::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.billing-table-wrapper-bear::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:4px;border:1px solid #e1e7ef}.billing-table-wrapper-bear::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0056b3,#004085)}@media (max-width: 768px){.billing-table-wolf{font-size:11px;min-width:1800px}.billing-table-wolf th,.billing-table-wolf td{padding:6px 8px;min-width:80px}.billing-filter-row-rhino{flex-direction:column;align-items:stretch}.billing-dropdown-cheetah{min-width:100%}.billing-header-buttons{flex-direction:column;gap:5px}.billing-popup-container-whale{width:95%;margin:10px}}.search-container{margin-bottom:2rem;display:flex;justify-content:center;align-items:center;gap:1rem}.search-input-wrapper{position:relative;width:100%;max-width:500px}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;font-size:1rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:#9ca3af}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.clear-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:.875rem;height:44px;white-space:nowrap}.clear-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.no-results{text-align:center;font-size:1rem;color:#64748b;margin-top:2rem;font-weight:500}.simple-header-text{text-align:center;margin-bottom:2rem;padding:0 2rem}.simple-header-text p{font-size:.95rem;color:#64748b;margin:0;line-height:1.5;font-weight:500}.bear-reports-grid-compressed{display:flex;flex-direction:column;gap:24px;margin-bottom:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.reports-grid-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.fox-report-box-compressed{background:#fff;border-radius:8px;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;position:relative;display:flex;align-items:center;gap:.75rem;height:48px;min-height:48px;max-height:48px}.fox-report-box-compressed:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.fox-report-box-compressed.blue:hover{border-color:#3b82f6}.fox-report-box-compressed.green:hover{border-color:#10b981}.fox-report-box-compressed.orange:hover{border-color:#f59e0b}.fox-report-box-compressed.purple:hover{border-color:#8b5cf6}.fox-report-box-compressed.red:hover{border-color:#ef4444}.deer-report-icon-compressed{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;flex-shrink:0}.deer-report-icon-compressed.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.deer-report-icon-compressed.green{background:linear-gradient(135deg,#10b981,#047857)}.deer-report-icon-compressed.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.deer-report-icon-compressed.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.deer-report-icon-compressed.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.rabbit-report-content-compressed{flex:1;display:flex;align-items:center}.rabbit-report-title-compressed{font-size:.875rem;font-weight:600;color:#2d3748;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eagle-report-arrow-compressed{width:16px;height:16px;color:#cbd5e0;transition:all .2s ease;flex-shrink:0}.fox-report-box-compressed:hover .eagle-report-arrow-compressed{color:#64748b}.shark-loading-section{border-radius:12px;padding:2rem;margin-top:2rem;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#64748b}.whale-loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1200px){.reports-grid-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.reports-grid-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.reports-grid-row{grid-template-columns:1fr}.search-container{flex-direction:column;gap:.75rem}.search-input-wrapper{max-width:100%}.clear-button{width:100%;max-width:500px;justify-content:center}.fox-report-box-compressed{height:44px;min-height:44px;max-height:44px;padding:.5rem .75rem}.deer-report-icon-compressed{width:28px;height:28px;font-size:.875rem}.rabbit-report-title-compressed{font-size:.8rem}}@media (max-width: 480px){.tiger-reports-container{padding:.375rem}.fox-report-box-compressed{height:40px;min-height:40px;max-height:40px}.deer-report-icon-compressed{width:24px;height:24px;font-size:.75rem}.rabbit-report-title-compressed{font-size:.75rem}}@media print{.tiger-reports-container{box-shadow:none}}.report-production-container{padding:20px;background-color:#f8f9fa;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative}.loading-spinner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000}.spinner{width:40px;height:40px;border:4px solid #e3f2fd;border-top:4px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite}.toast-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;animation:fadeInOut 3s ease-in-out}.toast-content{background-color:#333;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px #0000004d;font-size:16px;font-weight:500}@keyframes fadeInOut{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}10%,90%{opacity:1;transform:translate(-50%,-50%) scale(1)}}.form-section{background-color:#aea3b3;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.dropdown-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.button-row-standalone{display:flex;gap:15px;justify-content:flex-start;margin-top:10px}.dropdown-group{display:flex;flex-direction:column;position:relative}.dropdown-label{font-size:12px;font-weight:600;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.custom-dropdown{position:relative}.custom-dropdown.disabled{opacity:.6;pointer-events:none}.dropdown-trigger{padding:12px 16px;border:1px solid #ddd;border-radius:8px;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.dropdown-trigger:hover{border-color:#4caf50}.dropdown-trigger.open{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.dropdown-value{font-size:14px;color:#333;flex:1;text-align:left}.dropdown-value.placeholder{color:#999}.dropdown-arrow{font-size:12px;color:#666;transition:transform .2s ease}.dropdown-trigger.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:4px;max-height:300px;overflow:hidden}.dropdown-search{padding:12px;border-bottom:1px solid #eee}.search-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s ease}.search-input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.search-input::placeholder{color:#999;font-style:italic}.dropdown-options{max-height:200px;overflow-y:auto}.dropdown-option{padding:12px 16px;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s ease;border-bottom:1px solid #f5f5f5}.dropdown-option:hover{background-color:#f8f9fa}.dropdown-option.selected{background-color:#e8f5e8;color:#2e7d32;font-weight:500}.dropdown-option.no-results{color:#999;font-style:italic;cursor:default}.dropdown-option.no-results:hover{background-color:transparent}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.button-group{display:flex;align-items:flex-end}.button-row{display:flex;gap:15px;justify-content:flex-start;flex-wrap:wrap}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn:active{transform:translateY(0)}.btn-search{background-color:#1a237e;color:#fff}.btn-search:hover{background-color:#0d47a1}.btn-clear{background-color:#f44336;color:#fff}.btn-clear:hover{background-color:#d32f2f}.instructions-section{background-color:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.instructions-title{font-size:16px;font-weight:700;color:#333;margin-bottom:20px;border-bottom:2px solid #333;padding-bottom:8px;display:inline-block}.instructions-content{display:flex;flex-direction:column;gap:12px}.instruction-item{display:flex;align-items:flex-start;gap:12px}.arrow{color:#666;font-weight:700;font-size:16px;margin-top:2px}.instruction-text{color:#666;font-size:14px;line-height:1.5}.dropdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}@media (max-width: 1200px){.dropdown-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1200px){.dropdown-row{grid-template-columns:repeat(2,1fr)}.button-row-standalone{justify-content:flex-start}}@media (max-width: 768px){.dropdown-row{grid-template-columns:1fr}.button-row-standalone{flex-direction:row;justify-content:center}}.measurement-reports-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:1400px;margin:0 auto;padding:.25rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.measurement-report-detail-view{animation:measurementSlideIn .3s ease-out}@keyframes measurementSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.measurement-report-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#1e293b,#334155);border-radius:8px;box-shadow:0 2px 8px #0000004d;border:1px solid #475569}.measurement-back-button{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.8rem}.measurement-back-button:hover{background:linear-gradient(135deg,#0284c7,#0369a1);transform:translate(-1px)}.measurement-report-detail-title{display:flex;align-items:center;gap:.5rem}.measurement-report-detail-title h2{font-size:1.1rem;font-weight:700;color:#fff;margin:0}.measurement-report-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.measurement-detail-section{background:linear-gradient(135deg,#1e293b,#334155);border-radius:8px;box-shadow:0 2px 8px #0000004d;border:1px solid #475569;overflow:visible;position:relative;z-index:1}.measurement-filter-section{padding:1rem;display:flex;align-items:end;gap:.75rem;border-bottom:1px solid #475569;flex-wrap:wrap;overflow:visible;position:relative;z-index:5;background:linear-gradient(135deg,#334155,#475569);border-radius:8px 8px 0 0}.measurement-work-order-group{flex:1;min-width:150px;max-width:200px;position:relative;z-index:10}.measurement-work-order-group label{display:block;font-weight:600;color:#e2e8f0;margin-bottom:.25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.measurement-multi-select-wrapper{position:relative;z-index:10}.measurement-multi-select-display{width:100%;padding:.5rem 2rem .5rem .75rem;border:1px solid #64748b;border-radius:6px;font-size:.75rem;background:linear-gradient(135deg,#475569,#64748b);color:#fff;cursor:pointer;transition:all .2s ease;height:32px;display:flex;align-items:center;justify-content:space-between;font-weight:500}.measurement-multi-select-display:hover{border-color:#0ea5e9;background:linear-gradient(135deg,#64748b,#475569)}.measurement-select-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:#cbd5e1;width:14px;height:14px;transition:transform .2s ease}.measurement-multi-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:linear-gradient(135deg,#f8fafc,#f8fafc);border:1px solid #64748b;border-radius:8px;box-shadow:0 8px 25px #00000080;z-index:9999;max-height:200px;overflow-y:auto;display:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:measurementDropdownSlideIn .2s ease-out}@keyframes measurementDropdownSlideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.measurement-multi-select-wrapper:hover .measurement-multi-select-dropdown,.measurement-multi-select-wrapper:focus-within .measurement-multi-select-dropdown,.measurement-multi-select-wrapper.active .measurement-multi-select-dropdown{display:block}.measurement-dropdown-search{padding:.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.measurement-search-input{width:100%;padding:.375rem .5rem;border:1px solid #cbd5e1;border-radius:4px;font-size:.75rem;background:#fff;color:#374151;outline:none;transition:border-color .2s ease}.measurement-search-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e91a}.measurement-multi-select-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:all .2s ease;font-size:.75rem;border-bottom:1px solid #475569;position:relative;color:#374151;font-weight:500}.measurement-multi-select-option:last-child{border-bottom:none}.measurement-multi-select-option:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.measurement-multi-select-option:first-child{font-weight:700;color:#0ea5e9;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:8px 8px 0 0}.measurement-multi-select-option input[type=checkbox]{width:14px;height:14px;accent-color:#0ea5e9;cursor:pointer;border-radius:6px;transition:all .3s ease}.measurement-multi-select-option input[type=checkbox]:checked{transform:scale(1.1)}.measurement-multi-select-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;color:#374151}.measurement-multi-select-option:hover span{color:#1f2937;font-weight:600}.measurement-no-options{padding:.75rem;text-align:center;color:#6b7280;font-size:.75rem;font-style:italic}.measurement-multi-select-wrapper:hover .measurement-select-icon,.measurement-multi-select-wrapper:focus-within .measurement-select-icon{transform:translateY(-50%) rotate(180deg);color:#0ea5e9}.measurement-multi-select-dropdown::-webkit-scrollbar{width:8px}.measurement-multi-select-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.measurement-multi-select-dropdown::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:4px}.measurement-multi-select-dropdown::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.measurement-button-group{display:flex;gap:.5rem;flex-shrink:0}.measurement-search-btn,.measurement-clear-btn,.measurement-preview-btn{border:none;border-radius:6px;padding:.5rem 1rem;display:flex;align-items:center;gap:.25rem;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:.75rem;height:32px;text-transform:uppercase}.measurement-search-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.measurement-clear-btn{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.measurement-preview-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.measurement-search-btn:hover{background:linear-gradient(135deg,#059669,#047857)}.measurement-clear-btn:hover{background:linear-gradient(135deg,#ea580c,#dc2626)}.measurement-preview-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.measurement-search-btn:disabled{opacity:.6;cursor:not-allowed}.measurement-active-filters{background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom:1px solid #475569;padding:.75rem 1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.measurement-filters-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:#e2e8f0;font-size:.75rem;text-transform:uppercase;letter-spacing:.75px}.measurement-filters-header svg{color:#0ea5e9;background:#0ea5e91a;padding:6px;border-radius:8px;width:28px;height:28px}.measurement-filters-list{display:flex;flex-wrap:wrap;gap:.5rem}.measurement-filter-tag{background:linear-gradient(135deg,#f8fafc,#f8fafc);border:1px solid #64748b;border-radius:6px;padding:.25rem .5rem;display:flex;align-items:center;gap:.25rem;font-size:.7rem;box-shadow:0 4px 8px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.measurement-filter-tag:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(135deg,#0ea5e9,#0284c7)}.measurement-filter-tag:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001f;border-color:#0ea5e9}.measurement-filter-label{color:#94a3b8;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.75px}.measurement-filter-value{color:#1f2937;font-weight:600;background:linear-gradient(135deg,#0ea5e9,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.measurement-table-section{border-top:1px solid #475569}.measurement-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;color:#94a3b8}.measurement-loading-spinner{width:16px;height:16px;border:2px solid #475569;border-top:2px solid #0ea5e9;border-radius:50%;animation:measurementSpin 1s linear infinite}@keyframes measurementSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.measurement-table-wrapper{overflow-x:auto;max-width:100%;border-radius:0 0 8px 8px}.measurement-data-table{width:100%;border-collapse:collapse;min-width:1200px;background:#1e293b;font-size:.7rem}.measurement-data-table th{background:linear-gradient(135deg,#f8fafc,#f8fafc);color:#1e293b;padding:.5rem .25rem;text-align:center;border:1px solid #475569;font-weight:600;font-size:.65rem;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.measurement-data-table th:first-child{min-width:80px}.measurement-data-table td{padding:.4rem .25rem;border:1px solid #475569;font-size:.65rem;text-align:center;white-space:nowrap;color:#e2e8f0;background:#334155;font-weight:500}.measurement-data-table tbody tr:hover{background:#475569;transform:scale(1.001)}.measurement-total-row{background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;font-weight:700!important;border-top:3px solid #0ea5e9;color:#fff!important}.measurement-total-row td{font-weight:700;color:#fff!important;border-bottom:3px solid #0ea5e9;background:linear-gradient(135deg,#0ea5e9,#0284c7)!important}.measurement-remarks-input{width:100%;padding:.25rem;border:1px solid #64748b;border-radius:4px;font-size:.6rem;background:#475569;color:#fff}.measurement-remarks-input:focus{outline:none;border-color:#0ea5e9;background:#64748b}.measurement-no-data{text-align:center;padding:2rem!important;white-space:normal;color:#94a3b8}.measurement-no-data-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.measurement-no-data-icon{width:24px;height:24px;opacity:.5}.measurement-additional-section{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:8px;border:1px solid #475569}.measurement-form-row{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap}.measurement-input-group{flex:1;min-width:150px}.measurement-input-group label{display:block;font-weight:600;color:#e2e8f0;margin-bottom:.25rem;font-size:.75rem;text-transform:uppercase}.measurement-text-input,.measurement-date-input{width:100%;padding:.5rem;border:1px solid #64748b;border-radius:6px;font-size:.75rem;background:#475569;color:#fff;height:32px}.measurement-text-input:focus,.measurement-date-input:focus{outline:none;border-color:#0ea5e9;background:#64748b}.measurement-selected-vendor{margin-top:1rem;padding:.75rem;background:linear-gradient(135deg,#334155,#475569);border-radius:6px;border:1px solid #64748b;color:#e2e8f0;font-size:.8rem}.measurement-signature-section{margin-top:1.5rem;text-align:center;border-top:2px solid #0ea5e9;padding-top:1rem}.measurement-company-name{font-size:.9rem;font-weight:700;color:#e2e8f0;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.measurement-signature-line{margin:2rem auto .5rem;border-bottom:1px solid #e2e8f0;width:150px}.measurement-signature-text{font-size:.7rem;color:#94a3b8;font-style:italic;font-weight:500}.measurement-preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.measurement-preview-modal-content{background:#fff;border-radius:12px;max-width:95vw;max-height:95vh;overflow:hidden;box-shadow:0 25px 50px #00000080;border:2px solid #e1e7ef}.measurement-preview-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.measurement-preview-modal-title{font-size:1rem;font-weight:700;color:#1f2937;margin:0;text-transform:uppercase;letter-spacing:.5px}.measurement-preview-download-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600}.measurement-preview-close-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease}.measurement-preview-close-btn:hover{background:linear-gradient(135deg,#ea580c,#dc2626);transform:scale(1.1)}.measurement-preview-content{padding:1rem;overflow-y:auto;max-height:calc(95vh - 80px)}.measurement-preview-report-header{text-align:center;margin-bottom:1rem;border-bottom:2px solid #0ea5e9;padding-bottom:1rem}.measurement-preview-report-title{font-size:1.3rem;font-weight:800;color:#1f2937;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:1px}.measurement-preview-report-subtitle{font-size:.9rem;color:#6b7280;margin:0;font-weight:600}.measurement-preview-project-info{margin-bottom:1rem;background:#f9fafb;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.measurement-preview-info-row{display:flex;margin-bottom:.5rem;align-items:center;font-size:.8rem}.measurement-preview-info-row:last-child{margin-bottom:0}.measurement-preview-info-label{font-weight:700;color:#1f2937;min-width:120px;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.measurement-preview-info-value{color:#374151;font-weight:600;flex:1}.measurement-preview-table-container{overflow-x:auto;margin-bottom:1rem;border-radius:8px;border:1px solid #e5e7eb}.measurement-preview-table{width:100%;border-collapse:collapse;min-width:1200px;background:#fff;font-size:.7rem}.measurement-preview-table th{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;padding:.5rem .25rem;text-align:center;border:1px solid #374151;font-weight:600;font-size:.65rem;text-transform:uppercase;letter-spacing:.5px}.measurement-preview-table td{padding:.4rem .25rem;border:1px solid #e5e7eb;font-size:.65rem;text-align:center;white-space:nowrap;font-weight:500}.measurement-preview-table tbody tr:nth-child(2n){background:#f9fafb}.measurement-preview-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:3rem;padding-top:2rem;border-top:3px solid #0ea5e9}.measurement-preview-vendor-info{flex:1}.measurement-preview-vendor-label{font-weight:700;color:#0f172a;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem}.measurement-preview-vendor-value{color:#374151;font-weight:600}.measurement-preview-signature{text-align:center;margin-top:2rem;border-top:2px solid #0ea5e9;padding-top:1rem;flex:1}.measurement-preview-signature-company{font-size:1rem;font-weight:700;color:#1f2937;margin-bottom:2rem;text-transform:uppercase;letter-spacing:1px}.measurement-preview-signature-line{margin:2rem auto .5rem;border-bottom:1px solid #1f2937;width:150px}.measurement-preview-signature-text{font-size:.8rem;color:#6b7280;font-style:italic;font-weight:500}@media (max-width: 1200px){.measurement-filter-section{flex-direction:column;align-items:stretch}.measurement-work-order-group{max-width:none}.measurement-button-group{justify-content:flex-end}.measurement-form-row{flex-direction:column}}@media (max-width: 768px){.measurement-reports-container{padding:.375rem}.measurement-filter-section{padding:1.5rem;gap:1rem;flex-direction:column;gap:.5rem}.measurement-work-order-group{max-width:none}.measurement-report-detail-header{flex-direction:column;gap:1rem;align-items:flex-start}.measurement-multi-select-dropdown{position:fixed;top:auto;left:1rem;right:1rem;bottom:1rem;max-height:50vh;border-radius:20px;z-index:99999}.measurement-multi-select-option{padding:1.25rem 1.5rem;font-size:1rem}.measurement-multi-select-option input[type=checkbox]{width:22px;height:22px}}@media (max-width: 480px){.measurement-data-table th,.measurement-data-table td{padding:.75rem .5rem;font-size:.75rem}.measurement-multi-select-dropdown{left:.5rem;right:.5rem;bottom:.5rem;max-height:60vh}.measurement-preview-modal-content{max-width:98vw;max-height:98vh}.measurement-preview-content{padding:1rem}}@media print{.measurement-preview-modal-overlay{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.measurement-preview-modal-content{box-shadow:none;border:none;max-width:none;max-height:none}.measurement-preview-modal-header{display:none}.measurement-preview-table{font-size:10px}.measurement-preview-table th,.measurement-preview-table td{padding:.5rem .25rem;font-size:10px}}.restricted-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:99999}.restricted-popup{background-color:#fff;padding:35px;border-radius:15px;box-shadow:0 10px 25px #0000004d;text-align:center;width:380px;max-width:90%}.setshowsuccess_popup{background-color:#2563eb;color:#fff;padding:10px 28px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s ease,transform .2s ease}.material_rose_koala_lition_table th{background:linear-gradient(135deg,#f8fafc,#f8fafc);color:#1e293b;padding:.5rem .25rem;text-align:center;border:1px solid #475569;font-weight:600;font-size:.65rem;white-space:nowrap;letter-spacing:.5px}.material_rose_koala_lition_table td{padding:.4rem .25rem;border:1px solid #475569;font-size:.65rem;text-align:center;white-space:nowrap;color:#e2e8f0;background:#334155;font-weight:500}.material_rose_tiger_lition{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:1400px;margin:0 auto;padding:.25rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.material_rose_data_row_hover:hover{background-color:#87ceeb!important}.material_rose_deer_lition{animation:materialRoseSlideIn .3s ease-out}@keyframes materialRoseSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.material_rose_panther_lition{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#1e293b,#334155);border-radius:8px;box-shadow:0 2px 8px #0000004d;border:1px solid #475569}.material_rose_fox_lition{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.8rem}.material_rose_fox_lition:hover{background:linear-gradient(135deg,#0284c7,#0369a1);transform:translate(-1px)}.material_rose_bear_lition{display:flex;align-items:center;gap:.5rem}.material_rose_bear_lition h2{font-size:1.1rem;font-weight:700;color:#fff;margin:0}.material_rose_wolf_lition{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.material_rose_lion_lition{background:linear-gradient(135deg,#1e293b,#334155);border-radius:8px;box-shadow:0 2px 8px #0000004d;border:1px solid #475569;overflow:visible;position:relative;z-index:1}.material_rose_zebra_lition{padding:1rem;display:flex;align-items:end;gap:.75rem;border-bottom:1px solid #475569;flex-wrap:wrap;overflow:visible;position:relative;z-index:5;background:linear-gradient(135deg,#334155,#475569);border-radius:8px 8px 0 0}.material_rose_giraffe_lition{flex:1;min-width:150px;max-width:200px;position:relative;z-index:10}.material_rose_giraffe_lition label{display:block;font-weight:600;color:#e2e8f0;margin-bottom:.25rem;font-size:.75rem;letter-spacing:.5px}.material_rose_leopard_lition{position:absolute;top:calc(100% + 4px);left:0;right:0;background:linear-gradient(135deg,#f8fafc,#f8fafc);border:1px solid #64748b;border-radius:8px;box-shadow:0 8px 25px #00000080;z-index:9999;max-height:200px;overflow-y:auto;display:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:materialRoseDropdownSlideIn .2s ease-out}@keyframes materialRoseDropdownSlideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.material_rose_monkey_lition:hover .material_rose_leopard_lition,.material_rose_monkey_lition:focus-within .material_rose_leopard_lition,.material_rose_monkey_lition.active .material_rose_leopard_lition{display:block}.material_rose_hawk_lition{padding:.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.material_rose_jaguar_lition{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:all .2s ease;font-size:.75rem;border-bottom:1px solid #475569;position:relative;color:#374151;font-weight:500}.material_rose_jaguar_lition:first-child{font-weight:700;color:#0ea5e9;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:8px 8px 0 0}.material_rose_jaguar_lition input[type=checkbox]{width:14px;height:14px;accent-color:#0ea5e9;cursor:pointer;border-radius:6px;transition:all .3s ease}.material_rose_monkey_lition:hover .material_rose_snake_lition,.material_rose_monkey_lition:focus-within .material_rose_snake_lition{transform:translateY(-50%) rotate(180deg);color:#0ea5e9}.material_rose_crocodile_lition{display:flex;gap:.5rem;flex-shrink:0}.material_rose_rhino_lition,.material_rose_hippo_lition,.material_rose_kangaroo_lition{border:none;border-radius:6px;padding:.5rem 1rem;display:flex;align-items:center;gap:.25rem;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:.75rem;height:32px}.material_rose_rhino_lition{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.material_rose_hippo_lition{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.material_rose_kangaroo_lition{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.material_rose_rhino_lition:hover{background:linear-gradient(135deg,#059669,#047857)}.material_rose_hippo_lition:hover{background:linear-gradient(135deg,#ea580c,#dc2626)}.material_rose_kangaroo_lition:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.material_rose_rhino_lition:disabled{opacity:.6;cursor:not-allowed}.material_rose_wolverine_lition{background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom:1px solid #475569;padding:.75rem 1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.material_rose_eagle_lition_filters{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:#e2e8f0;font-size:.75rem;letter-spacing:.75px}.material_rose_eagle_lition_filters svg{color:#0ea5e9;background:#0ea5e91a;padding:6px;border-radius:8px;width:28px;height:28px}.material_rose_hawk_lition_filters{display:flex;flex-wrap:wrap;gap:.5rem}.material_rose_lynx_lition{background:linear-gradient(135deg,#f8fafc,#f8fafc);border:1px solid #64748b;border-radius:6px;padding:.25rem .5rem;display:flex;align-items:center;gap:.25rem;font-size:.7rem;box-shadow:0 4px 8px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.material_rose_lynx_lition:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(135deg,#0ea5e9,#0284c7)}.material_rose_lynx_lition:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001f;border-color:#0ea5e9}.material_rose_cheetah_lition_filter{color:#94a3b8;font-weight:600;font-size:.75rem;letter-spacing:.75px}.material_rose_jaguar_lition_filter{color:#1f2937;font-weight:600;background:linear-gradient(135deg,#0ea5e9,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.material_rose_koala_lition{border-top:1px solid #475569}.material_rose_octopus_lition{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;color:#94a3b8}.material_rose_jellyfish_lition{width:16px;height:16px;border:2px solid #475569;border-top:2px solid #0ea5e9;border-radius:50%;animation:materialRoseSpin 1s linear infinite}@keyframes materialRoseSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.material_rose_kangaroo_lition_table{overflow-x:auto;max-width:100%;border-radius:0 0 8px 8px}.material_rose_koala_lition_table{width:100%;border-collapse:collapse;min-width:1200px;background:#1e293b;font-size:.7rem}.material_rose_koala_lition_table th{background:linear-gradient(135deg,#1e293b,#1e293b);color:#fff;padding:.5rem .25rem;text-align:center;border:1px solid #475569;font-weight:600;font-size:.65rem;white-space:nowrap;letter-spacing:.5px}.material_rose_koala_lition_table th:first-child{min-width:80px}.material_rose_koala_lition_table td{padding:.4rem .25rem;border:1px solid #475569;font-size:.65rem;text-align:center;white-space:nowrap;color:#1e293b;background:#fff;font-weight:500}.material_rose_koala_lition_table tbody tr:hover{background:#475569;transform:scale(1.001)}.material_rose_total_lition{background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;font-weight:700!important;border-top:3px solid #0ea5e9;color:#fff!important}.material_rose_total_lition td{font-weight:700;color:#fff!important;border-bottom:3px solid #0ea5e9;background:linear-gradient(135deg,#0ea5e9,#0284c7)!important}.material_rose_remarks_lition{width:100%;padding:.25rem;border:1px solid #64748b;border-radius:4px;font-size:.6rem;background:#475569;color:#fff}.material_rose_remarks_lition:focus{outline:none;border-color:#0ea5e9;background:#64748b}.material_rose_panda_lition{text-align:center;padding:2rem!important;white-space:normal;color:#94a3b8}.material_rose_flamingo_lition{display:flex;flex-direction:column;align-items:center;gap:.5rem}.material_rose_peacock_lition{width:24px;height:24px;opacity:.5}.material_rose_additional_lition{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:8px;border:1px solid #475569}.material_rose_form_lition{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap}.material_rose_input_lition{flex:1;min-width:150px}.material_rose_input_lition label{display:block;font-weight:600;color:#e2e8f0;margin-bottom:.25rem;font-size:.75rem}.material_rose_text_lition,.material_rose_date_lition{width:100%;padding:.5rem;border:1px solid #64748b;border-radius:6px;font-size:.75rem;background:#475569;color:#fff;height:32px}.material_rose_text_lition:focus,.material_rose_date_lition:focus{outline:none;border-color:#0ea5e9;background:#64748b}.material_rose_vendor_lition{margin-top:1rem;padding:.75rem;background:linear-gradient(135deg,#334155,#475569);border-radius:6px;border:1px solid #64748b;color:#e2e8f0;font-size:.8rem}.material_rose_signature_lition{margin-top:1.5rem;text-align:center;border-top:2px solid #0ea5e9;padding-top:1rem}.material_rose_company_lition{font-size:.9rem;font-weight:700;color:#e2e8f0;margin-bottom:1.5rem;letter-spacing:1px}.material_rose_signature_line_lition{margin:2rem auto .5rem;border-bottom:1px solid #e2e8f0;width:150px}.material_rose_signature_text_lition{font-size:.7rem;color:#94a3b8;font-style:italic;font-weight:500}@media (max-width: 1200px){.material_rose_zebra_lition{flex-direction:column;align-items:stretch}.material_rose_giraffe_lition{max-width:none}.material_rose_crocodile_lition{justify-content:flex-end}.material_rose_form_lition{flex-direction:column}}@media (max-width: 768px){.material_rose_tiger_lition{padding:.375rem}.material_rose_zebra_lition{padding:1.5rem;gap:1rem;flex-direction:column;gap:.5rem}.material_rose_giraffe_lition{max-width:none}.material_rose_panther_lition{flex-direction:column;gap:1rem;align-items:flex-start}.material_rose_leopard_lition{position:fixed;top:auto;left:1rem;right:1rem;bottom:1rem;max-height:50vh;border-radius:20px;z-index:99999}.material_rose_jaguar_lition{padding:1.25rem 1.5rem;font-size:1rem}.material_rose_jaguar_lition input[type=checkbox]{width:22px;height:22px}}@media (max-width: 480px){.material_rose_koala_lition_table th,.material_rose_koala_lition_table td{padding:.75rem .5rem;font-size:.75rem}.material_rose_leopard_lition{left:.5rem;right:.5rem;bottom:.5rem;max-height:60vh}}@media print{.material_rose_tiger_lition{background:none}}.material_rose_preview_lition{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.material_rose_preview_content_lition{background:#fff;border-radius:12px;max-width:95vw;max-height:95vh;overflow:hidden;box-shadow:0 25px 50px #00000080;border:2px solid #e1e7ef}.material_rose_preview_header_lition{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.material_rose_preview_title_lition{font-size:1rem;font-weight:700;color:#1f2937;margin:0;letter-spacing:.5px}.material_rose_preview_download_lition{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600}.material_rose_preview_close_lition{background:#ef4444;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease}.material_rose_preview_close_lition:hover{background:linear-gradient(135deg,#ea580c,#dc2626);transform:scale(1.1)}.material_rose_preview_inner_lition{padding:1rem;overflow-y:auto;max-height:calc(95vh - 80px)}.material_rose_preview_report_header_lition{text-align:center;margin-bottom:1rem;border-bottom:2px solid #0ea5e9;padding-bottom:1rem}.material_rose_preview_report_title_lition{font-size:1.3rem;font-weight:800;color:#1f2937;margin:0 0 .25rem;letter-spacing:1px}.material_rose_preview_report_subtitle_lition{font-size:.9rem;color:#6b7280;margin:0;font-weight:600}.material_rose_preview_project_info_lition{margin-bottom:1rem;background:#f9fafb;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.material_rose_preview_info_row_lition{display:flex;margin-bottom:.5rem;align-items:center;font-size:.8rem}.material_rose_preview_info_row_lition:last-child{margin-bottom:0}.material_rose_preview_info_label_lition{font-weight:700;color:#1f2937;min-width:120px;letter-spacing:.5px;font-size:.75rem}.material_rose_preview_info_value_lition{color:#374151;font-weight:600;flex:1}.material_rose_preview_table_container_lition{overflow-x:auto;margin-bottom:1rem;border-radius:8px;border:1px solid #e5e7eb}.material_rose_preview_table_lition{width:100%;border-collapse:collapse;min-width:1200px;background:#fff;font-size:.7rem}.material_rose_preview_table_lition th{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;padding:.5rem .25rem;text-align:center;border:1px solid #374151;font-weight:600;font-size:.65rem;letter-spacing:.5px}.material_rose_preview_table_lition td{padding:.4rem .25rem;border:1px solid #e5e7eb;font-size:.65rem;text-align:center;white-space:nowrap;font-weight:500}.material_rose_preview_table_lition tbody tr:nth-child(2n){background:#f9fafb}.material_rose_preview_footer_lition{display:flex;justify-content:space-between;align-items:flex-end;margin-top:3rem;padding-top:2rem;border-top:3px solid #0ea5e9}.material_rose_preview_contractor_info_lition{flex:1}.material_rose_preview_contractor_label_lition{font-weight:700;color:#0f172a;margin-bottom:.5rem;letter-spacing:.5px;font-size:.875rem}.material_rose_preview_contractor_value_lition{color:#374151;font-weight:600}.material_rose_preview_signature_lition{text-align:center;margin-top:2rem;border-top:2px solid #0ea5e9;padding-top:1rem;flex:1}.material_rose_preview_signature_company_lition{font-size:1rem;font-weight:700;color:#1f2937;margin-bottom:2rem;letter-spacing:1px}.material_rose_preview_signature_line_lition{margin:2rem auto .5rem;border-bottom:1px solid #1f2937;width:150px}.material_rose_preview_signature_text_lition{font-size:.8rem;color:#6b7280;font-style:italic;font-weight:500}@media print{.material_rose_preview_lition{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.material_rose_preview_content_lition{box-shadow:none;border:none;max-width:none;max-height:none}.material_rose_preview_header_lition{display:none}.material_rose_preview_table_lition{font-size:10px}.material_rose_preview_table_lition th,.material_rose_preview_table_lition td{padding:.5rem .25rem;font-size:10px}}.material_rose_monkey_lition{position:relative;z-index:10}.material_rose_cheetah_lition{width:100%;padding:.5rem 2rem .5rem .75rem;border:1px solid #64748b;border-radius:6px;font-size:.75rem;background:linear-gradient(135deg,#475569,#64748b);color:#fff;cursor:pointer;transition:all .2s ease;height:32px;display:flex;align-items:center;justify-content:space-between;font-weight:500}.material_rose_cheetah_lition:hover{border-color:#0ea5e9;background:linear-gradient(135deg,#64748b,#475569)}.material_rose_snake_lition{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:#cbd5e1;width:14px;height:14px;transition:transform .2s ease}.material_rose_monkey_lition.active .material_rose_snake_lition{transform:translateY(-50%) rotate(180deg);color:#0ea5e9}.material_rose_leopard_lition{position:absolute;top:calc(100% + 4px);left:0;right:0;background:linear-gradient(135deg,#f8fafc,#f8fafc);border:1px solid #64748b;border-radius:8px;box-shadow:0 8px 25px #00000080;z-index:10000;max-height:300px;overflow-y:auto;display:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:materialRoseDropdownSlideIn .2s ease-out}.material_rose_monkey_lition.active .material_rose_leopard_lition{display:block}.material_rose_hawk_lition{padding:.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc;position:sticky;top:0;z-index:1}.material_rose_eagle_lition{width:100%;padding:.375rem .5rem;border:1px solid #cbd5e1;border-radius:4px;font-size:.75rem;background:#fff;color:#374151;outline:none;transition:border-color .2s ease}.material_rose_eagle_lition:focus{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e91a}.material_rose_jaguar_lition{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:all .2s ease;font-size:.75rem;border-bottom:1px solid #e2e8f0;color:#374151;font-weight:500}.material_rose_jaguar_lition:last-child{border-bottom:none}.material_rose_jaguar_lition:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.material_rose_jaguar_lition input[type=checkbox]{width:14px;height:14px;accent-color:#0ea5e9;cursor:pointer;border-radius:4px;transition:all .3s ease}.material_rose_jaguar_lition input[type=checkbox]:checked{transform:scale(1.1)}.material_rose_jaguar_lition span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;color:#374151}.material_rose_jaguar_lition:hover span{color:#1f2937;font-weight:600}.material_rose_owl_lition{padding:.75rem;text-align:center;color:#6b7280;font-size:.75rem;font-style:italic}.material_rose_leopard_lition::-webkit-scrollbar{width:8px}.material_rose_leopard_lition::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.material_rose_leopard_lition::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:4px}.material_rose_leopard_lition::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}@media (max-width: 768px){.material_rose_leopard_lition{position:fixed;top:auto;left:1rem;right:1rem;bottom:1rem;max-height:50vh;border-radius:12px;z-index:10001}.material_rose_jaguar_lition{padding:.75rem 1rem;font-size:.875rem}.material_rose_jaguar_lition input[type=checkbox]{width:16px;height:16px}.material_rose_eagle_lition{font-size:.875rem;padding:.5rem}}.billing_lotus_tiger_terran{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:1400px;margin:0 auto;padding:.25rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.billing_lotus_deer_terran{animation:billingLotusSlideIn .3s ease-out}@keyframes billingLotusSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.billing_lotus_panther_terran{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#1e293b,#334155);border-radius:8px;box-shadow:0 2px 8px #0000004d;border:1px solid #475569}.billing_lotus_fox_terran{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.8rem}.billing_lotus_fox_terran:hover{background:linear-gradient(135deg,#0284c7,#0369a1);transform:translate(-1px)}.billing_lotus_bear_terran{display:flex;align-items:center;gap:.5rem}.billing_lotus_bear_terran h2{font-size:1.1rem;font-weight:700;color:#fff;margin:0}.billing_lotus_wolf_terran{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.billing_lotus_lion_terran{background:linear-gradient(135deg,#1e293b,#334155);border-radius:8px;box-shadow:0 2px 8px #0000004d;border:1px solid #475569;overflow:visible;position:relative;z-index:1}.billing_lotus_zebra_terran{padding:1rem;display:flex;align-items:end;gap:.75rem;border-bottom:1px solid #475569;flex-wrap:wrap;overflow:visible;position:relative;z-index:5;background:linear-gradient(135deg,#334155,#475569);border-radius:8px 8px 0 0}.billing_lotus_giraffe_terran{flex:1;min-width:150px;max-width:200px;position:relative;z-index:10}.billing_lotus_giraffe_terran label{display:block;font-weight:600;color:#e2e8f0;margin-bottom:.25rem;font-size:.75rem;letter-spacing:.5px}.billing_lotus_monkey_terran{position:relative;z-index:10}.billing_lotus_cheetah_terran{width:100%;padding:.5rem 2rem .5rem .75rem;border:1px solid #64748b;border-radius:6px;font-size:.75rem;background:linear-gradient(135deg,#475569,#64748b);color:#fff;cursor:pointer;transition:all .2s ease;height:32px;display:flex;align-items:center;justify-content:space-between;font-weight:500}.billing_lotus_cheetah_terran:hover{border-color:#0ea5e9;background:linear-gradient(135deg,#64748b,#475569)}.billing_lotus_snake_terran{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:#cbd5e1;width:14px;height:14px;transition:transform .2s ease}.billing_lotus_leopard_terran{position:absolute;top:calc(100% + 4px);left:0;right:0;background:linear-gradient(135deg,#f8fafc,#f8fafc);border:1px solid #64748b;border-radius:8px;box-shadow:0 8px 25px #00000080;z-index:10000;max-height:300px;overflow-y:auto;animation:billingLotusDropdownSlideIn .2s ease-out}@keyframes billingLotusDropdownSlideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.billing_lotus_monkey_terran.active .billing_lotus_leopard_terran{display:block}.billing_lotus_hawk_terran{padding:.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc;position:sticky;top:0;z-index:1}.billing_lotus_eagle_terran{width:100%;padding:.375rem .5rem;border:1px solid #cbd5e1;border-radius:4px;font-size:.75rem;background:#fff;color:#374151;outline:none;transition:border-color .2s ease}.billing_lotus_eagle_terran:focus{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e91a}.billing_lotus_jaguar_terran{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:all .2s ease;font-size:.75rem;border-bottom:1px solid #e2e8f0;color:#374151;font-weight:500}.billing_lotus_jaguar_terran:last-child{border-bottom:none}.billing_lotus_jaguar_terran:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.billing_lotus_jaguar_terran:first-child{font-weight:700;color:#0ea5e9;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:8px 8px 0 0}.billing_lotus_jaguar_terran input[type=checkbox]{width:14px;height:14px;accent-color:#0ea5e9;cursor:pointer;border-radius:4px;transition:all .3s ease}.billing_lotus_jaguar_terran input[type=checkbox]:checked{transform:scale(1.1)}.billing_lotus_jaguar_terran span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;color:#374151}.billing_lotus_jaguar_terran:hover span{color:#1f2937;font-weight:600}.billing_lotus_owl_terran{padding:.75rem;text-align:center;color:#6b7280;font-size:.75rem;font-style:italic}.billing_lotus_monkey_terran:hover .billing_lotus_snake_terran,.billing_lotus_monkey_terran:focus-within .billing_lotus_snake_terran{transform:translateY(-50%) rotate(180deg);color:#0ea5e9}.billing_lotus_leopard_terran::-webkit-scrollbar{width:8px}.billing_lotus_leopard_terran::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.billing_lotus_leopard_terran::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:4px}.billing_lotus_leopard_terran::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.billing_lotus_crocodile_terran{display:flex;gap:.5rem;flex-shrink:0}.billing_lotus_rhino_terran,.billing_lotus_hippo_terran,.billing_lotus_kangaroo_terran{border:none;border-radius:6px;padding:.5rem 1rem;display:flex;align-items:center;gap:.25rem;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:.75rem;height:32px}.billing_lotus_rhino_terran{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.billing_lotus_hippo_terran{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.billing_lotus_kangaroo_terran{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.billing_lotus_rhino_terran:hover{background:linear-gradient(135deg,#059669,#047857)}.billing_lotus_hippo_terran:hover{background:linear-gradient(135deg,#ea580c,#dc2626)}.billing_lotus_kangaroo_terran:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.billing_lotus_rhino_terran:disabled{opacity:.6;cursor:not-allowed}.billing_lotus_wolverine_terran{background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom:1px solid #475569;padding:.75rem 1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.billing_lotus_eagle_terran_filters{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:#e2e8f0;font-size:.75rem;letter-spacing:.75px}.billing_lotus_eagle_terran_filters svg{color:#0ea5e9;background:#0ea5e91a;padding:6px;border-radius:8px;width:28px;height:28px}.billing_lotus_hawk_terran_filters{display:flex;flex-wrap:wrap;gap:.5rem}.billing_lotus_lynx_terran{background:linear-gradient(135deg,#f8fafc,#f8fafc);border:1px solid #64748b;border-radius:6px;padding:.25rem .5rem;display:flex;align-items:center;gap:.25rem;font-size:.7rem;box-shadow:0 4px 8px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.billing_lotus_lynx_terran:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(135deg,#0ea5e9,#0284c7)}.billing_lotus_lynx_terran:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001f;border-color:#0ea5e9}.billing_lotus_cheetah_terran_filter{color:#94a3b8;font-weight:600;font-size:.75rem;letter-spacing:.75px}.billing_lotus_jaguar_terran_filter{color:#1f2937;font-weight:600;background:linear-gradient(135deg,#0ea5e9,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.billing_lotus_koala_terran{border-top:1px solid #475569}.billing_lotus_octopus_terran{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;color:#94a3b8}.billing_lotus_jellyfish_terran{width:16px;height:16px;border:2px solid #475569;border-top:2px solid #0ea5e9;border-radius:50%;animation:billingLotusSpin 1s linear infinite}@keyframes billingLotusSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.billing_lotus_kangaroo_terran_table{overflow-x:auto;max-width:100%;border-radius:0 0 8px 8px}.billing_lotus_koala_lition_table{width:100%;border-collapse:collapse;min-width:1200px;background:#1e293b;font-size:.7rem}.billing_lotus_koala_lition_table th{background:linear-gradient(135deg,#1e293b,#1e293b);color:#fff;padding:.5rem .25rem;text-align:center;border:1px solid #ffffff;font-weight:600;font-size:.65rem;white-space:nowrap;letter-spacing:.5px}.billing_lotus_koala_lition_table .billing-subheader-row th{background:#475569;color:#fff;font-size:.65rem}.billing_lotus_koala_lition_table th:first-child{min-width:80px}.billing_lotus_koala_lition_table td{padding:.4rem .25rem;border:1px solid #475569;font-size:.65rem;text-align:center;white-space:nowrap;color:#000;background:#fff;font-weight:500}.billing_lotus_koala_lition_table .billing-total-row{background:#f3f4f6;font-weight:700;border-top:3px solid #0ea5e9}.billing_lotus_koala_lition_table .billing-total-row td{font-size:.75rem;color:#0ea5e9}.billing_lotus_koala_lition_table tbody tr:hover{background:#475569;transform:scale(1.001)}.billing_lotus_panda_terran{text-align:center;padding:2rem!important;white-space:normal;color:#94a3b8}.billing_lotus_flamingo_terran{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;font-size:.9rem}.billing_lotus_peacock_terran{color:#0ea5e9;width:24px;height:24px}.billing_lotus_additional_terran{padding:1rem;background:linear-gradient(135deg,#0f172a,#1e293b);border-top:1px solid #475569;border-radius:0 0 8px 8px}.billing_lotus_form_terran{display:flex;gap:1rem;flex-wrap:wrap}.billing_lotus_input_terran{flex:1;min-width:150px;max-width:200px}.billing_lotus_input_terran label{display:block;font-weight:600;color:#e2e8f0;margin-bottom:.25rem;font-size:.75rem;letter-spacing:.5px}.billing_lotus_vendor_terran{margin-top:.5rem;color:#e2e8f0;font-size:.8rem}.billing_lotus_vendor_terran strong{color:#0ea5e9}.billing_lotus_signature_terran{margin-top:2rem;text-align:center}.billing_lotus_company_terran{font-size:.9rem;font-weight:700;color:#e2e8f0;margin-bottom:1.5rem}.billing_lotus_signature_line_terran{width:150px;height:2px;background:#e2e8f0;margin:0 auto .5rem}.billing_lotus_signature_text_terran{font-size:.75rem;color:#94a3b8;font-style:italic}.billing_lotus_preview_terran{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.billing_lotus_preview_content_terran{background:#fff;border-radius:8px;width:90%;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 16px #0003;position:relative}.billing_lotus_preview_header_terran{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#1e293b,#334155);border-bottom:1px solid #475569;position:sticky;top:0;z-index:10}.billing_lotus_preview_title_terran{font-size:1rem;font-weight:700;color:#e2e8f0;margin:0}.billing_lotus_preview_download_terran,.billing_lotus_preview_close_terran{border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:.75rem;display:flex;align-items:center;gap:.25rem}.billing_lotus_preview_download_terran{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.billing_lotus_preview_download_terran:hover{background:linear-gradient(135deg,#059669,#047857)}.billing_lotus_preview_close_terran{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:1rem}.billing_lotus_preview_close_terran:hover{background:linear-gradient(135deg,#ea580c,#dc2626)}.billing_lotus_preview_inner_terran{padding:1rem}.billing_lotus_preview_report_header_terran{text-align:center;margin-bottom:1.5rem;border-bottom:3px solid #0ea5e9;padding-bottom:1rem}.billing_lotus_preview_report_title_terran{font-size:1.5rem;font-weight:800;color:#1f2937;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:1px}.billing_lotus_preview_report_subtitle_terran{font-size:1rem;color:#6b7280;margin:0;font-weight:600}.billing_lotus_preview_project_info_terran{margin-bottom:1.5rem;background:#f9fafb;padding:1rem;border-radius:8px;border:2px solid #e5e7eb}.billing_lotus_preview_info_row_terran{display:flex;margin-bottom:.75rem;align-items:center;font-size:.8rem}.billing_lotus_preview_info_row_terran:last-child{margin-bottom:0}.billing_lotus_preview_info_label_terran{font-weight:700;color:#1f2937;min-width:150px;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.billing_lotus_preview_info_value_terran{color:#374151;font-weight:600;flex:1}.billing_lotus_preview_table_container_terran{overflow-x:auto;margin-bottom:1.5rem;border-radius:8px;border:2px solid #e5e7eb;box-shadow:0 4px 6px #0000001a}.billing_lotus_preview_table_terran{width:100%;border-collapse:collapse;min-width:1200px;background:#fff;font-size:.7rem}.billing_lotus_preview_table_terran th{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;padding:.5rem .25rem;text-align:center;border:1px solid #374151;font-weight:600;font-size:.65rem;text-transform:uppercase;letter-spacing:.5px}.billing_lotus_preview_table_terran .billing-subheader-row th{background:#f8fafc;color:#1e293b;font-size:.65rem}.billing_lotus_preview_table_terran td{padding:.4rem .25rem;border:1px solid #e5e7eb;font-size:.65rem;text-align:center;white-space:nowrap;font-weight:500}.billing_lotus_preview_table_terran .total-row{background:#f3f4f6;font-weight:700;border-top:3px solid #0ea5e9}.billing_lotus_preview_table_terran .total-row td{font-size:.75rem;color:#0ea5e9}.billing_lotus_preview_signature_terran{text-align:center;margin-top:2rem;border-top:3px solid #0ea5e9;padding-top:1.5rem}.billing_lotus_preview_signature_company_terran{font-size:1rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.billing_lotus_preview_signature_line_terran{width:150px;height:2px;background:#1f2937;margin:0 auto .5rem}.billing_lotus_preview_signature_text_terran{font-size:.75rem;color:#6b7280;font-style:italic;font-weight:500}.billing_lotus_data_row_hover{transition:all .25s ease;cursor:pointer}.billing_lotus_data_row_hover:hover{background:#1f2937!important;transform:scale(1.005);box-shadow:0 6px 15px #0006;z-index:5;position:relative}.billing_lotus_data_row_hover:hover td{color:#fff!important;background:transparent!important;font-weight:600}.billing-total-row:hover,.billing-total-row:hover td{background:#f3f4f6!important;color:#0ea5e9!important;transform:none!important}.tiger-reports-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-width:1400px;margin:0 auto;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.report-detail-view{animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0}.back-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.back-button:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569;Transformers:translateX(-2px)}.report-detail-title{display:flex;align-items:center;gap:1rem}.report-detail-title h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.deer-report-icon.red{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:1.5}.panther-detail-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,fce .08);border:1px solid #e2e8f0;overflow:visible}.lion-active-filters{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;padding:1.25rem}.elephant-filters-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:700;color:#1e293b;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.elephant-filters-header svg{color:#3b82f6;background:#3b82f61a;padding:4px;border-radius:6px;width:24px;height:24px}.wolf-filters-list{display:flex;flex-wrap:wrap;gap:.75rem}.leopard-filter-tag{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.85rem;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.leopard-filter-tag:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.leopard-filter-tag:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a;border-color:#3b82f6}.cheetah-filter-label{color:#64748b;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.jaguar-filter-value{color:#1e293b;font-weight:700;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.zebra-filter-section{padding:1.5rem;display:flex;align-items:end;gap:1rem;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.giraffe-work-order-group{flex:1;min-width:200px;max-width:250px}.giraffe-work-order-group label{display:block;font-weight:600;margin-bottom:.5rem;font-size:.875rem;color:#374151}.multi-select-wrapper{position:relative;z-index:10}.multi-select-display{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer;transition:all .2s ease;height:44px;display:flex;align-items:center;justify-content:space-between}.multi-select-display:hover,.multi-select-display:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.multi-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;z-index:9999;max-height:280px;overflow-y:auto;display:none;animation:dropdownSlideIn .2s ease-out}.multi-select-wrapper:hover .multi-select-dropdown,.multi-select-wrapper:focus-within .multi-select-dropdown{display:block}.multi-select-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;border-bottom:1px solid #f1f5f9}.multi-select-option:hover{background:#f8fafc}.multi-select-option:first-child{font-weight:700;color:#3b82f6;background:#eff6ff}.multi-select-option input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;border-radius:4px}.monkey-select-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none;transition:transform .3s ease}.multi-select-wrapper:hover .monkey-select-icon{transform:translateY(-50%) rotate(180deg);color:#3b82f6}.snake-button-group{display:flex;gap:.75rem;flex-shrink:0}.snake-search-btn,.preview-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;font-size:.875rem;height:44px}.snake-search-btn:hover,.preview-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.snake-clear-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;font-size:.875rem;height:44px}.snake-clear-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.crocodile-table-section{padding:1.5rem;border-top:1px solid #f1f5f9}.octopus-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#64748b}.jellyfish-loading-spinner{width:18px;height:18px;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panda-no-data{text-align:center;padding:2rem;color:#64748b;font-size:1rem}.inspection-horizontal-layout{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.inspection-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.inspection-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.inspection-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:1rem}.inspection-row:last-child{margin-bottom:0}.inspection-field{display:flex;flex-direction:column;gap:.5rem}.inspection-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.inspection-value{font-size:.9rem;font-weight:700;color:#1e293b;padding:.5rem 0;border-bottom:2px solid #e2e8f0}.preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-modal-content{background:#fff;border-radius:12px;width:90%;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.preview-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.preview-modal-title{font-size:1.25rem;font-weight:700;color:#1e293b}.preview-download-btn,.preview-close-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.preview-close-btn{background:#ef4444;width:32px;height:32px;font-size:1.5rem;justify-content:center}.preview-content{padding:2rem;text-align:center}.preview-content h1{font-size:1.8rem;font-weight:800;color:#1e293b;margin-bottom:.5rem}.preview-content p{color:#64748b;font-size:1rem;margin-bottom:2rem}@media print{body *{visibility:hidden}.preview-modal-content,.preview-modal-content *{visibility:visible}.preview-modal-content{position:absolute;left:0;top:0;width:100%;box-shadow:none;border:none}.preview-modal-header{display:none}}@media (max-width: 900px){.inspection-row{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 600px){.zebra-filter-section{flex-direction:column;align-items:stretch}.giraffe-work-order-group{max-width:none}.snake-button-group{justify-content:center}.inspection-row{grid-template-columns:1fr}}.data-wise-report-rose-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:1440px;margin:0 auto;padding:1.25rem .75rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);min-height:100vh;border-radius:8px}.data-wise-report-lotus-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;padding:.9rem 1.4rem;background:linear-gradient(135deg,#1e293b,#1e293b);border-radius:10px;box-shadow:0 4px 10px #0369a140;height:55px}.header-right-title{display:flex;align-items:center;gap:.6rem;color:#fff;margin-left:auto;justify-content:flex-end;text-align:right}.header-right-title h2{font-size:1rem;font-weight:700;margin:0;color:#fff}.data-wise-report-tulip-back-btn{display:flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;background:linear-gradient(135deg,#0ea5e9,#0ea5e9);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.8rem;transition:all .25s ease;box-shadow:0 2px 6px #f973164d}.data-wise-report-tulip-back-btn:hover{background:linear-gradient(135deg,#0ea5e9,#0ea5e9);transform:translateY(-1px);box-shadow:0 4px 10px #f9731666}.data-wise-report-daisy-tabs{display:flex;gap:.9rem;margin-bottom:1.3rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:.7rem;border-radius:10px;box-shadow:0 2px 7px #00000012}.data-wise-report-daisy-tab{flex:1;padding:.7rem 1.1rem;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-weight:600;font-size:.92rem;color:#64748b;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:.45rem}.data-wise-report-daisy-tab:hover{border-color:#1e293b;background:#f0f9ff}.data-wise-report-daisy-tab.active{background:linear-gradient(135deg,#1e293b,#1e293b);border-color:#0284c7;color:#fff;box-shadow:0 3px 10px #0369a14d}.data-wise-report-sunflower-filters{background:#fff;border-radius:10px;padding:1.2rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;margin-bottom:1.2rem}.data-wise-report-sunflower-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:.9rem;margin-bottom:1rem}.data-wise-report-orchid-field{display:flex;flex-direction:column}.data-wise-report-orchid-field label{font-size:.76rem;font-weight:700;color:#1e293b;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.4px}.data-wise-report-poppy-dropdown{position:relative}.data-wise-report-poppy-select{width:100%;padding:.62rem 2.2rem .62rem .9rem;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;color:#1e293b;font-size:.84rem;font-weight:500;cursor:pointer;transition:all .25s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.data-wise-report-poppy-select:hover{border-color:#0284c7;background:#f0f9ff}.data-wise-report-poppy-select:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.data-wise-report-poppy-arrow{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#64748b;font-size:1.1rem}.data-wise-report-lily-search{width:100%;padding:.62rem .9rem;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;color:#1e293b;font-size:.84rem;transition:all .25s ease}.data-wise-report-lily-search:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.data-wise-report-peony-buttons{display:flex;gap:.7rem;justify-content:flex-end;margin-top:.7rem}.data-wise-report-peony-btn-search,.data-wise-report-peony-btn-reset{padding:.65rem 1.35rem;border:none;border-radius:8px;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:.45rem}.data-wise-report-peony-btn-search{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 6px #10b98133}.data-wise-report-peony-btn-search:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.data-wise-report-peony-btn-reset{background:linear-gradient(135deg,#64748b,#475569);color:#fff;box-shadow:0 2px 6px #64748b33}.data-wise-report-peony-btn-reset:hover{background:linear-gradient(135deg,#475569,#334155);transform:translateY(-1px)}.data-wise-report-carnation-table-wrapper{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.data-wise-report-carnation-table{width:100%;border-collapse:collapse;font-size:.83rem}.data-wise-report-carnation-table th{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:.9rem .7rem;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:.4px;border:1px solid #475569}.data-wise-report-carnation-table td{padding:.8rem .7rem;border:1px solid #e5e7eb;text-align:center;color:#1e293b;font-weight:500}.data-wise-report-carnation-table tbody tr:hover{background:#f0f9ff;transition:background .2s ease}.data-wise-report-carnation-table tbody tr:nth-child(2n){background:#f9fafb}.report-content-container{animation:fadeInContent .45s ease-out}@keyframes fadeInContent{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.data-wise-report-sunflower-filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.data-wise-report-rose-container{padding:1rem .5rem}.data-wise-report-lotus-header{flex-direction:column;gap:.9rem;padding:.9rem 1.1rem}.header-right-title h2{font-size:1.25rem}.data-wise-report-daisy-tabs{flex-direction:column;gap:.6rem}.data-wise-report-sunflower-filters-grid{grid-template-columns:1fr;gap:.8rem}.data-wise-report-peony-buttons{flex-direction:column;gap:.6rem}.data-wise-report-carnation-table{font-size:.78rem}.data-wise-report-carnation-table th,.data-wise-report-carnation-table td{padding:.65rem .5rem}}.table-fade-in{animation:fadeInContent .5s ease-out}.custom-multi-select-container{position:relative;width:100%}.custom-multi-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:.62rem .9rem;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;min-height:38px;flex-wrap:wrap;gap:.4rem;transition:border-color .2s}.custom-multi-select-trigger:hover{border-color:#0284c7}.selected-items{display:flex;flex-wrap:wrap;gap:.4rem;max-width:85%}.selected-tag{background:#e0f2fe;color:#0369a1;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;display:flex;align-items:center;gap:.3rem}.tag-remove{cursor:pointer;color:#0369a1}.placeholder-text{color:#9ca3af}.chevron-icon{color:#64748b;transition:transform .2s}.custom-multi-select-trigger[aria-expanded=true] .chevron-icon{transform:rotate(180deg)}.custom-multi-select-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #cbd5e1;border-radius:8px;margin-top:.3rem;max-height:240px;overflow-y:auto;z-index:10;box-shadow:0 4px 12px #0000001a}.search-input-wrapper{padding:.6rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:1}.search-icon{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:#64748b}.dropdown-search-input{width:100%;padding:.5rem .5rem .5rem 2.2rem;border:1px solid #d1d5db;border-radius:6px;outline:none;font-size:.875rem}.dropdown-search-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a}.options-list{max-height:180px;overflow-y:auto}.option-item{padding:.6rem .9rem;display:flex;align-items:center;gap:.6rem;cursor:pointer;transition:background .2s}.option-item:hover{background:#f8fafc}.option-item.selected{background:#f0f9ff}.option-checkbox{accent-color:#0284c7}.no-results{padding:1rem;color:#64748b;text-align:center;font-size:.875rem}.pagination-container{margin-top:1rem;text-align:center}.pagination-btn{margin:0 .35rem;padding:.5rem 1rem;background:#f1f5f9;color:#1e293b;border:1px solid #e2e8f0;border-radius:5px;cursor:pointer;font-size:.9rem;transition:all .2s}.pagination-btn:hover{background:#e2e8f0}.pagination-btn.active{background:#0284c7;color:#fff;border-color:#0284c7}.dropdown-tab-wrapper{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;width:100%;min-width:180px;background:#fff;border:1px solid #d1d5db;border-radius:6px;margin-top:4px;box-shadow:0 6px 16px #0000001f;z-index:100;overflow:hidden}.dropdown-item{padding:10px 16px;cursor:pointer;color:#1f2937;transition:all .15s}.dropdown-item:hover{background-color:#f3f4f6}.report-heading{font-size:1.3rem;font-weight:600;color:#1e40af;text-align:center;margin:1.5rem 0 1.2rem}.select-prompt{text-align:center;padding:5rem 1rem;color:#6b7280;font-size:1.1rem;font-style:italic}.data-wise-report-daisy-tab{background:#f8fafc;border:1px solid #e2e8f0;color:#334155}.data-wise-report-daisy-tab.active{background:#fff;border-color:#3b82f6;color:#1d4ed8;box-shadow:0 2px 8px #3b82f626}.dropdown-item:hover{background-color:#eff6ff;color:#1d4ed8}.dropdown-item:active{background-color:#dbeafe}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.assignAppleRoles-container{padding:15px;background-color:#f8f9fa;min-height:100vh;font-family:Inter,sans-serif}.assignOrangeRoles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;background-color:#fff;padding:0;border-radius:6px 6px 0 0;box-shadow:0 1px 3px #0000001a}.assignGrapeRoles-tabs{display:flex}.assignMangoRoles-tab{padding:12px 20px;background:none;border:none;font-size:13px;font-weight:500;color:#666;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.assignMangoRoles-tab:hover{color:#333;background-color:#f8f9fa}.assignPeachRoles-active{color:#333!important;border-bottom-color:#007bff!important;font-weight:600;background-color:#fff!important}.assignPineappleRoles-actions{display:flex;gap:10px;padding:12px 16px}.assignCherryRoles-saveBtn{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.assignCherryRoles-saveBtn:hover{background-color:#5a6268}.assignCherryRoles-saveBtn:disabled{opacity:.6;cursor:not-allowed}.assignStrawberryRoles-cancelBtn{background-color:transparent;color:#666;border:1px solid #ddd;padding:8px 12px;border-radius:4px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease;font-weight:500}.assignStrawberryRoles-cancelBtn:hover{background-color:#f8f9fa;color:#333;border-color:#bbb}.assignLemonRoles-content{background-color:#fff;border-radius:0 0 6px 6px;padding:25px;box-shadow:0 1px 3px #0000001a}.assignWatermelonRoles-formContainer{display:grid;grid-template-columns:1fr 1fr;gap:40px}.assignKiwiRoles-leftSection,.assignLimeRoles-rightSection{display:flex;flex-direction:column;gap:18px}.assignBananaRoles-horizontalField{display:grid;grid-template-columns:150px 1fr;gap:15px;align-items:center}.assignRaspberryRoles-commentsField{align-items:flex-start}.assignCoconutRoles-horizontalLabel{font-size:14px;font-weight:500;color:#333;text-align:left}.assignMangosteenRoles-grayLabel{color:#999!important}.assignDragonRoles-required{color:#dc3545;margin-left:2px}.assignElderberryRoles-horizontalInput{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;transition:all .2s ease;font-family:Inter,sans-serif;width:100%}.assignElderberryRoles-horizontalInput:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.assignElderberryRoles-horizontalInput:read-only{background-color:#f8f9fa;cursor:default}.assignElderberryRoles-horizontalInput::placeholder{color:#999}.assignFigRoles-horizontalDateWrapper{position:relative;display:flex;align-items:center;width:100%}.assignGrapefruitRoles-horizontalCalendarIcon{position:absolute;right:12px;color:#666;cursor:pointer;transition:color .2s ease}.assignGrapefruitRoles-horizontalCalendarIcon:hover{color:#007bff}.assignDatePickerRoles-horizontalWrapper{position:absolute;top:100%;left:0;z-index:1000;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026}.assignHoneydewRoles-horizontalCheckboxWrapper{display:flex;align-items:center}.assignJackfruitRoles-horizontalCheckbox{width:16px;height:16px;cursor:pointer;accent-color:#007bff}.assignJackfruitRoles-horizontalCheckbox:disabled{cursor:not-allowed;opacity:.6}.assignOliveRoles-horizontalTextarea{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;resize:none;min-height:100px;font-family:Inter,sans-serif;transition:all .2s ease;width:100%}.assignOliveRoles-horizontalTextarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.assignOliveRoles-horizontalTextarea:read-only{background-color:#f8f9fa;cursor:default}.assignOliveRoles-horizontalTextarea::placeholder{color:#999}.assignTangerineRoles-permissionsHeader{display:flex;justify-content:flex-end;margin-bottom:20px}.assignUvaRoles-addPermissionBtn{background-color:#333;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.assignUvaRoles-addPermissionBtn:hover{background-color:#222;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.assignVanillaRoles-tableContainer{border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.assignWalnutRoles-permissionsTable{width:100%;border-collapse:collapse;background-color:#fff}.assignXiguaRoles-tableHeader{background-color:#f1f3f4}.assignYuzuRoles-headerCell{padding:12px 16px;text-align:left;font-weight:600;font-size:13px;color:#333;border-bottom:1px solid #e0e0e0}.assignZucchiniRoles-tableRow{transition:background-color .2s ease}.assignZucchiniRoles-tableRow:hover{background-color:#f8f9fa}.assignAvocadoRoles-tableCell{padding:12px 16px;vertical-align:middle}.assignBlueberryRoles-actionBtn{background:none;border:none;color:#666;cursor:pointer;font-size:14px;padding:4px 8px;border-radius:4px;transition:all .2s ease}.assignBlueberryRoles-actionBtn:hover{background-color:#e9ecef;color:#333}.assignPermissionRoles-text{font-size:13px;color:#333;font-family:Inter,sans-serif}.assignDateRoles-tableCheckbox{width:16px;height:16px;cursor:pointer;accent-color:#007bff}.assignPopupRoles-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.assignPopupRoles-container{background-color:#fff;border-radius:8px;width:90%;max-width:500px;box-shadow:0 10px 25px #0003}.assignPopupRoles-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.assignPopupRoles-title{font-size:18px;font-weight:600;color:#333;margin:0}.assignPopupRoles-closeBtn{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.assignPopupRoles-closeBtn:hover{background-color:#f0f0f0;color:#333}.assignPopupRoles-content{padding:24px;display:flex;flex-direction:column;gap:20px}.assignPopupRoles-field{display:flex;flex-direction:column;gap:6px}.assignPopupRoles-label{font-size:14px;font-weight:500;color:#333}.assignPopupRoles-input{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;transition:all .2s ease;font-family:Inter,sans-serif}.assignPopupRoles-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.assignPopupRoles-input::placeholder{color:#999}.assignPopupRoles-checkboxField{display:flex;align-items:center}.assignPopupRoles-checkboxLabel{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.assignPopupRoles-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#007bff}.assignPopupRoles-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e0e0e0}.assignPopupRoles-cancelBtn{background-color:transparent;color:#666;border:1px solid #ddd;padding:10px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease;font-weight:500}.assignPopupRoles-cancelBtn:hover{background-color:#f8f9fa;color:#333;border-color:#bbb}.assignPopupRoles-addBtn{background-color:#007bff;color:#fff;border:none;padding:10px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.assignPopupRoles-addBtn:hover{background-color:#0056b3}.react-datepicker{font-family:Inter,sans-serif!important;font-size:13px!important;border:1px solid #ddd!important;border-radius:4px!important}.react-datepicker__header{background-color:#f8f9fa!important;border-bottom:1px solid #ddd!important}.react-datepicker__current-month{font-size:14px!important;font-weight:600!important}.react-datepicker__day--selected{background-color:#007bff!important}.react-datepicker__day:hover{background-color:#e3f2fd!important}@media (max-width: 768px){.assignAppleRoles-container{padding:10px}.assignWatermelonRoles-formContainer{grid-template-columns:1fr;gap:20px}.assignBananaRoles-horizontalField{grid-template-columns:1fr;gap:6px}.assignOrangeRoles-header{flex-direction:column;align-items:stretch}.assignPineappleRoles-actions{justify-content:flex-end;border-top:1px solid #e0e0e0}.assignGrapeRoles-tabs{border-bottom:1px solid #e0e0e0}.assignVanillaRoles-tableContainer{overflow-x:auto}.assignWalnutRoles-permissionsTable{min-width:600px}.assignPopupRoles-container{width:95%;margin:20px}}@media (max-width: 480px){.assignLemonRoles-content{padding:15px}.assignPineappleRoles-actions{flex-direction:column;gap:8px}.assignCherryRoles-saveBtn,.assignStrawberryRoles-cancelBtn{width:100%;justify-content:center}}.add-permission-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.add-permission-modal{background:#fff;border-radius:8px;width:90%;max-width:800px;height:600px;display:flex;flex-direction:column;box-shadow:0 10px 25px #0003}.add-permission-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa;border-radius:8px 8px 0 0}.add-permission-title{font-size:16px;font-weight:600;color:#333;margin:0}.add-permission-close{background:none;border:none;cursor:pointer;padding:4px;color:#666;border-radius:4px;transition:background-color .2s}.add-permission-close:hover{background-color:#e9ecef;color:#333}.add-permission-content{flex:1;display:flex;padding:20px;gap:16px;overflow:hidden}.add-permission-panel{flex:1;display:flex;flex-direction:column;border:1px solid #ddd;border-radius:6px;background-color:#fafafa}.add-permission-search-container{display:flex;padding:12px;border-bottom:1px solid #e0e0e0;background-color:#fff;border-radius:6px 6px 0 0}.add-permission-search-input{flex:1;padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:13px;outline:none;transition:border-color .2s}.add-permission-search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.add-permission-search-btn{margin-left:8px;padding:8px 12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:background-color .2s}.add-permission-search-btn:hover{background-color:#0056b3}.add-permission-list{flex:1;overflow-y:auto;padding:8px;background-color:#fafafa}.add-permission-item{display:flex;align-items:flex-start;padding:10px 12px;margin-bottom:4px;background-color:#fff;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;transition:all .2s}.add-permission-item:hover{background-color:#f8f9fa;border-color:#007bff}.add-permission-item-selected{background-color:#e3f2fd!important;border-color:#2196f3!important}.add-permission-item-selected:hover{background-color:#bbdefb!important}.add-permission-checkbox{margin-right:10px;margin-top:2px;cursor:pointer}.add-permission-item-content{flex:1}.add-permission-item-name{font-size:13px;font-weight:500;color:#333;margin-bottom:4px;line-height:1.3}.add-permission-item-desc{font-size:11px;color:#666;line-height:1.3}.add-permission-remove-btn{background:#ff4757;color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:8px;transition:background-color .2s}.add-permission-remove-btn:hover{background:#ff3742}.add-permission-arrows{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 8px}.add-permission-arrow-btn{width:40px;height:40px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s;display:flex;align-items:center;justify-content:center}.add-permission-arrow-btn:hover{background-color:#0056b3;transform:scale(1.05)}.add-permission-arrow-btn:active{transform:scale(.95)}.add-permission-empty{text-align:center;color:#999;font-size:13px;padding:40px 20px;font-style:italic}.add-permission-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e0e0e0;background-color:#f8f9fa;border-radius:0 0 8px 8px}.add-permission-cancel-btn{padding:10px 20px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background-color .2s}.add-permission-cancel-btn:hover{background-color:#5a6268}.add-permission-save-btn{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background-color .2s}.add-permission-save-btn:hover:not(:disabled){background-color:#218838}.add-permission-save-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.add-permission-list::-webkit-scrollbar{width:6px}.add-permission-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.add-permission-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.add-permission-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.add-permission-modal{width:95%;height:90vh}.add-permission-content{flex-direction:column;gap:12px}.add-permission-arrows{flex-direction:row;justify-content:center;padding:8px 0}.add-permission-arrow-btn{width:50px;height:35px}.add-permission-panel{min-height:200px}}.approve-again-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease}.approve-again-popup{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;width:90%;position:relative;animation:popIn .3s ease}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.approve-again-header{text-align:center;padding:25px 25px 15px;border-bottom:1px solid #e9ecef;position:relative}.approve-again-icon{margin-bottom:10px}.approve-again-header h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.approve-again-close{position:absolute;top:15px;right:15px;background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.approve-again-close:hover{background:#f8f9fa;color:#495057}.approve-again-content{padding:20px 25px;text-align:center}.user-email-display{background:#f8f9fa;padding:12px;border-radius:8px;margin-bottom:15px;color:#495057;font-size:14px}.approve-again-content p{color:#6c757d;margin-bottom:15px;line-height:1.5}.approve-again-warning{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px;color:#856404;font-size:14px}.approve-again-actions{display:flex;gap:10px;padding:20px 25px 25px}.approve-again-confirm,.approve-again-cancel{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.approve-again-confirm{background:#28a745;color:#fff}.approve-again-confirm:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.approve-again-confirm:disabled{opacity:.7;cursor:not-allowed;transform:none}.approve-again-cancel{background:transparent;color:#6c757d;border:2px solid #6c757d}.approve-again-cancel:hover{background:#6c757d;color:#fff}.approve-again-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 480px){.approve-again-popup{width:95%;margin:10px}.approve-again-actions{flex-direction:column}.approve-again-confirm,.approve-again-cancel{width:100%}}.admin-dashboard{padding:20px;max-width:1400px;margin:0 auto;background:#f8f9fa;min-height:100vh}.admin-dashboard-header{margin-bottom:30px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.admin-dashboard-title h1{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 8px}.admin-dashboard-title p{color:#6c757d;font-size:16px;margin:0}.admin-tabs{display:flex;gap:8px;margin-bottom:25px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.admin-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:#6c757d;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;position:relative}.admin-tab:hover{background:#f8f9fa;color:#495057}.admin-tab.active{background:#007bff;color:#fff}.tab-count{background:#dc3545;color:#fff;font-size:12px;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.tab-count.pending{background:#ffc107;color:#000}.tab-count.approved{background:#28a745}.tab-count.rejected{background:#dc3545}.admin-tab.active .tab-count{background:#ffffff4d;color:#fff}.admin-content{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6c757d}.admin-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.admin-empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-icon{margin-bottom:20px;opacity:.5}.admin-empty-state h3{color:#495057;margin-bottom:8px}.admin-table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{background:#f8f9fa;padding:16px 12px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap}.admin-table td{padding:16px 12px;border-bottom:1px solid #dee2e6;vertical-align:middle}.admin-table tr:hover{background:#f8f9fa}.user-email{display:flex;align-items:center;gap:6px;color:#495057}.role-badge{background:#e9ecef;color:#495057;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.datetime{display:flex;align-items:center;gap:6px;color:#6c757d;font-size:13px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:500}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.approve-btn,.reject-btn,.view-btn,.approve-again-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.approve-btn{background:#28a745;color:#fff}.approve-btn:hover:not(:disabled){background:#218838}.reject-btn{background:#dc3545;color:#fff}.reject-btn:hover:not(:disabled){background:#c82333}.approve-again-btn{background:#17a2b8;color:#fff}.approve-again-btn:hover:not(:disabled){background:#138496}.view-btn{background:#6c757d;color:#fff}.view-btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.admin-toast{position:fixed;top:20px;right:20px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;padding:20px;max-width:450px;z-index:1000;animation:slideInRight .4s ease;border-left:5px solid}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.admin-toast-success{border-left-color:#28a745}.admin-toast-error{border-left-color:#dc3545}.admin-toast-info{border-left-color:#17a2b8}.admin-toast-content{margin-right:30px}.admin-toast-title{font-weight:700;color:#2c3e50;margin-bottom:8px;font-size:16px}.admin-toast-message{color:#6c757d;font-size:14px;line-height:1.5}.admin-toast-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:20px;color:#6c757d;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.admin-toast-close:hover{background:#f8f9fa;color:#495057}.admin-toast-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#007bff,#28a745);border-radius:0 0 12px 12px;animation:progressBar 6s linear}@keyframes progressBar{0%{width:100%}to{width:0%}}@media (max-width: 768px){.admin-dashboard{padding:15px}.admin-tabs{flex-wrap:wrap}.admin-tab{flex:1;min-width:120px;justify-content:center}.admin-table-container{font-size:12px}.admin-table th,.admin-table td{padding:8px 6px}.action-buttons{flex-direction:column}.approve-btn,.reject-btn,.view-btn,.approve-again-btn{width:100%;justify-content:center}.admin-toast{right:10px;left:10px;max-width:none}}.logout-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.logout-popup{width:90%;max-width:400px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #00000026;animation:slideIn .3s ease;position:relative}.logout-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#8b0000,#c71585,#8b0000);border-radius:12px 12px 0 0}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.logout-popup-header{padding:20px 20px 10px;display:flex;align-items:center;border-bottom:1px solid #f0f0f0}.logout-icon{color:#8b0000;margin-right:12px}.logout-popup-header h3{margin:0;color:#333;font-size:18px;font-weight:600}.logout-popup-content{padding:20px}.logout-popup-content p{margin:0;color:#555;font-size:16px;line-height:1.5}.logout-popup-actions{display:flex;padding:15px 20px 20px;justify-content:flex-end;gap:12px}.stay-btn,.logout-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none}.stay-btn{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.stay-btn:hover{background-color:#e9e9e9}.logout-btn{background:linear-gradient(90deg,#8b0000,#c71585);color:#fff;box-shadow:0 2px 8px #8b00004d}.logout-btn:hover{background:linear-gradient(90deg,#7b0000,#b71575);transform:translateY(-1px);box-shadow:0 4px 12px #8b000066}@media (max-width: 576px){.logout-popup{width:95%;max-width:350px}.logout-popup-actions{flex-direction:column}.stay-btn,.logout-btn{width:100%;padding:12px;text-align:center}}.user-dropdown-container{position:relative}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;z-index:1000;animation:dropdown-fade .2s ease;font-family:Poppins,sans-serif}@keyframes dropdown-fade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{display:flex;align-items:center;padding:12px 16px;color:#374151;cursor:pointer;transition:background-color .2s}.user-dropdown-item:hover{background-color:#f3f4f6}.user-dropdown-item svg{color:#6b7280;margin-right:12px}.user-dropdown-item span{font-size:14px;font-weight:500}.dropdown-divider{height:1px;background-color:#e5e7eb;margin:8px 0}.logout-item{color:#ef4444}.logout-item svg{color:#ef4444}@media (max-width: 768px){.user-dropdown{width:200px}.user-dropdown-item{padding:10px 14px}.user-dropdown-item span{font-size:13px}}.dashboard-container{display:flex;width:100vw;height:100vh;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0}.content-wrapper{display:flex!important;flex-direction:column!important;flex:1!important;overflow:hidden!important;width:100%!important}.main-content{flex:1!important;overflow-y:auto!important;padding:0!important;background-color:#f0f2f5!important;width:100%!important}.sidebar{width:200px!important;background:linear-gradient(180deg,#0a152f,#0a152f)!important;color:#fff!important;position:relative!important;transform:none!important;z-index:10!important;display:flex!important;flex-direction:column!important;transition:width .3s ease!important;margin:0!important;padding:0!important}.sidebar.collapsed,.sidebar.icons-only{width:60px!important}.sidebar.icons-only .nav-link span,.sidebar.icons-only .logo-text{display:none!important}.sidebar.icons-only .nav-link svg{margin-right:0!important}.secondary-sidebar{width:200px!important;background:linear-gradient(180deg,#0a152f,#0a152f)!important;color:#fff!important;display:flex!important;flex-direction:column!important;height:100vh!important;overflow-y:auto!important;z-index:9!important;box-shadow:0 0 15px #0003!important;animation:slideIn .3s ease-out!important;margin:0!important;padding:0!important}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.secondary-sidebar-header{padding:15px 15px 10px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;background:#0003!important;position:relative!important}.secondary-sidebar-header h2{margin:0!important;font-size:16px!important;font-weight:500!important;font-family:Poppins,sans-serif!important;color:#fff!important;position:relative!important;padding-left:10px!important}.secondary-sidebar-header h2:before{content:""!important;position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;width:3px!important;height:16px!important;background:#3b82f6!important;border-radius:2px!important}.secondary-sidebar-menu{flex:1!important;margin-top:10px!important}.secondary-sidebar-menu ul{list-style:none!important;padding:0!important;margin:0!important}.secondary-nav-link{display:flex!important;align-items:center!important;padding:10px 15px!important;color:#fffc!important;text-decoration:none!important;font-size:13px!important;font-family:Poppins,sans-serif!important;transition:all .2s ease!important;border-radius:4px!important;margin:0 5px 2px!important}.secondary-nav-link:hover{background-color:#ffffff1a!important;color:#fff!important;transform:translate(3px)!important}.secondary-nav-link.active{background-color:#3b82f626!important;color:#fff!important;font-weight:500!important;border-left:3px solid #3b82f6!important}.back-button{display:flex!important;align-items:center!important;gap:8px!important;background:none!important;border:none!important;color:#fffc!important;cursor:pointer!important;padding:8px 12px!important;border-radius:4px!important;font-size:13px!important;font-family:Poppins,sans-serif!important;transition:all .2s ease!important;margin-bottom:10px!important}.back-button:hover{background-color:#ffffff1a!important;color:#fff!important}.back-button svg{width:14px!important;height:14px!important}.header{background:#f0f0f0e6!important;color:#333!important;padding:0 15px!important;height:50px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-shadow:0 1px 3px #0000001a!important;margin:0!important}.header-left{display:flex!important;align-items:center!important}.header-right{display:flex!important;align-items:center!important;gap:8px!important}.hamburger-menu{display:none!important;background:none!important;border:none!important;color:#333!important;margin-right:12px!important;cursor:pointer!important;padding:4px!important}.header h1{margin:0!important;font-size:20px!important;font-weight:500!important;font-family:Poppins,sans-serif!important;color:#333!important}.header-btn{background:none!important;border:none!important;color:#333!important;cursor:pointer!important;width:32px!important;height:32px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important}.profile-btn{background-color:#0000000d!important}.empty-orders,.empty-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:70vh!important;text-align:center!important;width:100%!important}.empty-orders p,.empty-state p{font-size:24px!important;color:#9e9e9e!important;margin-bottom:25px!important;font-family:Poppins,sans-serif!important}.order-search-container{width:100%!important;height:auto!important;background-color:#fff!important;border-radius:0!important;box-shadow:0 2px 8px #0000001a!important;overflow:hidden!important;margin:0!important}body,html{margin:0!important;padding:0!important;overflow:hidden!important;width:100%!important;height:100%!important}#root,#app{width:100%!important;height:100%!important;margin:0!important;padding:0!important}@media (max-width: 768px){.sidebar{position:fixed!important;transform:translate(-100%)!important}.sidebar.open{transform:translate(0)!important}.sidebar.collapsed{width:60px!important;transform:translate(0)!important}.secondary-sidebar{position:fixed!important;left:60px!important;transform:translate(-100%)!important}.sidebar.collapsed+.secondary-sidebar{transform:translate(0)!important}.hamburger-menu{display:block!important}}.menu-container{position:relative;display:inline-block;font-family:Inter,sans-serif}.menu-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background-color:#e0e0e0;transition:all .2s ease-in-out;cursor:pointer;border:1px solid #d0d0d0}.menu-header:hover{background-color:#d4d4d4;box-shadow:0 2px 6px #00000014}.menu-header.active{background-color:#ccc;transform:translateY(1px);box-shadow:inset 0 1px 3px #0000001a}.menu-icon{font-size:18px;color:#555}.menu-title{font-weight:500;color:#333;font-size:14px}.dropdown{position:absolute;top:calc(100% + 8px);left:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 6px 16px #0000001f;width:240px;z-index:1000;animation:fadeInScale .2s ease-out;overflow:hidden}.dropdown-item{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#444;display:flex;justify-content:space-between;align-items:center;transition:background-color .15s ease,color .15s ease;cursor:pointer;font-size:14px;font-weight:400}.dropdown-item:hover{background-color:#f5f5f5;color:#222;font-weight:500}.dropdown-item:last-child{border-bottom:none}.arrow-icon{font-size:14px;color:#888;transition:transform .15s ease}.dropdown-item:hover .arrow-icon{transform:translate(3px)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-roles-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.user-roles-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.user-roles-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #eee;flex-shrink:0}.user-roles-modal-title{font-size:1.25rem;font-weight:600;color:#333}.user-roles-modal-close-button{background:none;border:none;cursor:pointer;padding:8px;color:#666;transition:color .2s ease}.user-roles-modal-close-button:hover{color:#000}.user-roles-tabs{display:flex;border-bottom:1px solid #eee;padding:0 24px;flex-shrink:0}.user-roles-tab-item{padding:12px 0;margin-right:24px;font-size:.95rem;color:#666;cursor:pointer;position:relative}.user-roles-tab-item.active{color:#000;font-weight:500}.user-roles-tab-item.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#000}.user-roles-form-container{flex-grow:1;overflow-y:auto;padding:24px}.user-roles-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px}.form-column{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.875rem;color:#555;font-weight:500;display:flex;align-items:center}.label-indicator{width:3px;height:14px;background-color:#ff4500;margin-right:8px;border-radius:1px}.form-input,.form-select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;color:#333;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-select:focus{border-color:#ff8c00;box-shadow:0 0 0 2px #ff8c0033}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-6.5%200-12.3%203.2-16.1%208.1-3.8%204.9-4.9%2011-3.1%2016.9l132.6%20132.3c3.8%203.8%209%205.9%2014.3%205.9s10.5-2.1%2014.3-5.9L290.3%2094.3c1.8-5.9.7-12-3.1-16.9z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:30px}.form-checkbox-group{flex-direction:row;align-items:center;gap:8px}.form-checkbox{width:16px;height:16px;border:1px solid #ddd;border-radius:3px;cursor:pointer;accent-color:#ff8c00}.form-label-checkbox{font-size:.875rem;color:#555;cursor:pointer}.user-roles-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #eee;flex-shrink:0}.modal-footer-button{padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.modal-footer-button.cancel{background-color:#f0f0f0;color:#333;border:1px solid #ddd}.modal-footer-button.cancel:hover{background-color:#e0e0e0}.modal-footer-button.save{background-color:#ff8c00;color:#fff;border:1px solid #ff8c00}.modal-footer-button.save:hover{background-color:#e67e00}@media (max-width: 768px){.user-roles-modal-content{max-width:95%;margin:0 10px}.user-roles-form-grid{grid-template-columns:1fr}.user-roles-modal-header,.user-roles-tabs,.user-roles-form-container,.user-roles-modal-footer{padding-left:16px;padding-right:16px}}@media (max-width: 480px){.user-roles-modal-title{font-size:1.1rem}.modal-footer-button{padding:8px 15px;font-size:.85rem}}.userAppleAdmin-container{padding:20px;background-color:#f0f2f5;min-height:100%;display:flex;flex-direction:column}.userOrangeAdmin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.userGrapeAdmin-title{font-size:24px;font-weight:600;color:#333;font-family:Poppins,sans-serif;margin:0}.userMangoAdmin-backButton{background:none;border:none;color:#666;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.userMangoAdmin-backButton:hover{background-color:#e0e0e0;color:#333}.userPeachAdmin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;flex-grow:1;align-items:start;justify-items:center}.userPineappleAdmin-card{width:100%;max-width:300px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;display:flex;flex-direction:column;min-height:200px;transition:transform .2s ease,box-shadow .2s ease}.userPineappleAdmin-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001f}.userStrawberryAdmin-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#f8f8f8;border-bottom:1px solid #eee}.userCherryAdmin-highlight .userStrawberryAdmin-header{background-color:#e6f0ff;border-bottom:1px solid #cce0ff}.userLemonAdmin-title{font-size:16px;font-weight:500;color:#333;font-family:Poppins,sans-serif;margin:0}.userCherryAdmin-highlight .userLemonAdmin-title{color:#0056b3}.userBananaAdmin-icon{color:#ffc107}.userWatermelonAdmin-content{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:15px}.userKiwiAdmin-noItems{font-size:14px;color:#9e9e9e;text-align:center;font-family:Inter,sans-serif;margin:0}@media (max-width: 768px){.userAppleAdmin-container{padding:15px}.userGrapeAdmin-title{font-size:20px}.userPeachAdmin-grid{grid-template-columns:1fr}}@media (max-width: 480px){.userOrangeAdmin-header{margin-bottom:20px}}@media (max-width: 768px){.userPeachAdmin-grid{grid-template-columns:1fr;justify-items:stretch}}.userPineappleAdmin-card:hover .userStrawberryAdmin-header{background-color:#e6f0ff;border-bottom:1px solid #cce0ff}.userPineappleAdmin-card:hover .userLemonAdmin-title{color:#0056b3}.userPineappleAdmin-card:hover .userBananaAdmin-icon{color:#ffc107;opacity:1}.tigerRoley-container{padding:20px;background-color:#fff;min-height:100vh;font-family:Poppins,sans-serif}.lionRoley-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.elephantRoley-title{font-size:24px;font-weight:600;color:#333;margin:0}.bearRoley-actions{display:flex;gap:10px;align-items:center}.wolfRoley-addBtn{background-color:#2c3e50;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background-color .2s;font-family:Poppins,sans-serif}.wolfRoley-addBtn:hover{background-color:#34495e}.foxRoley-exportBtn,.rabbitRoley-exportBtn{background-color:#27ae60;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background-color .2s;font-family:Poppins,sans-serif}.foxRoley-exportBtn:hover,.rabbitRoley-exportBtn:hover{background-color:#2ecc71}.deerRoley-searchSection{margin-bottom:20px}.horseRoley-searchContainer{display:flex;max-width:400px;position:relative}.cowRoley-searchInput{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:4px 0 0 4px;font-size:14px;outline:none;font-family:Poppins,sans-serif}.cowRoley-searchInput:focus{border-color:#3498db}.cowRoley-searchInput::placeholder{color:#999}.pigRoley-searchBtn{background-color:#2c3e50;color:#fff;border:none;border-radius:0 4px 4px 0;padding:10px 15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.pigRoley-searchBtn:hover{background-color:#34495e}.sheepRoley-tableContainer{background-color:#fff;border-radius:6px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-bottom:20px}.goatRoley-table{width:100%;border-collapse:collapse;font-size:14px}.chickenRoley-headerRow{background-color:#f8f9fa}.duckRoley-headerCell{padding:12px 15px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e9ecef;font-family:Poppins,sans-serif}.turkeyRoley-dataRow{transition:background-color .2s}.turkeyRoley-dataRow:hover{background-color:#f8f9fa}.turkeyRoley-dataRow:nth-child(2n){background-color:#fdfdfd}.fishRoley-dataCell{padding:12px 15px;border-bottom:1px solid #e9ecef;color:#555;vertical-align:top}.catRoley-roleName{color:#3498db;font-weight:500;cursor:pointer;text-decoration:none}.catRoley-roleName:hover{text-decoration:underline}.dogRoley-footer{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid #e0e0e0}.birdRoley-cancelBtn{background-color:#e74c3c;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:14px;cursor:pointer;transition:background-color .2s;font-family:Poppins,sans-serif}.birdRoley-cancelBtn:hover{background-color:#c0392b}@media (max-width: 768px){.lionRoley-header{flex-direction:column;gap:15px;align-items:flex-start}.bearRoley-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.horseRoley-searchContainer{max-width:100%}.sheepRoley-tableContainer{overflow-x:auto}.goatRoley-table{min-width:800px}}.snakeRoley-loading{display:flex;justify-content:center;align-items:center;height:200px;color:#666;font-size:16px}.mouseRoley-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;color:#999;font-size:16px}.mouseRoley-empty svg{margin-bottom:10px;opacity:.5}.entry_container{padding:15px;background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;border:1px solid #e2e8f0;margin-top:20px;max-width:1400px;width:100%;box-sizing:border-box}.entry_search_results_filters{margin-bottom:20px;padding:15px;background:linear-gradient(135deg,#e6f0ff,#d9e6ff);border-radius:8px;border:1px solid #cce0ff;box-shadow:0 2px 8px #0000000d}.entry_search_results_filters h4{margin-top:0;margin-bottom:15px;color:#2c5282;font-size:16px;font-weight:700;border-bottom:1px solid #b3d1ff;padding-bottom:10px}.entry_search_filters_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 20px}.entry_search_filter_item{display:flex;align-items:center;gap:8px;padding:8px 0}.entry_search_filter_label{font-weight:600;color:#4a5568;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.entry_search_filter_value{font-weight:500;color:#2d3748;background-color:#e0eaff;padding:4px 8px;border-radius:4px;border:1px solid #c3d9ff}.entry_table_section{overflow-x:auto;border-radius:12px;box-shadow:0 4px 15px #00000014;border:1px solid #e2e8f0}.entry_table_wrapper{min-width:100%;overflow-x:auto}.entry_table{width:100%;border-collapse:separate;border-spacing:0;background-color:#fff}.entry_table thead th{background:linear-gradient(135deg,#f0f4f8,#e2e8f0);padding:12px 15px;text-align:left;font-size:12px;font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #cbd5e0;position:sticky;top:0;z-index:10}.entry_table tbody tr{border-bottom:1px solid #edf2f7;transition:background-color .2s ease}.entry_table tbody tr:last-child{border-bottom:none}.entry_table tbody tr:hover{background-color:#f7fafc}.entry_table tbody td{padding:10px 15px;font-size:13px;color:#4a5568;vertical-align:middle}.entry_input,.entry_select{width:100%;padding:8px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:13px;outline:none;transition:all .2s ease;box-sizing:border-box;background-color:#fff;font-family:inherit}.entry_input:focus,.entry_select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.entry_input::placeholder{color:#a0aec0;font-style:italic}.entry_input.entry_readonly{background-color:#f0f4f8;color:#718096;cursor:not-allowed}.entry_action_buttons{display:flex;gap:6px;justify-content:center}.entry_edit_button,.entry_delete_button,.entry_save_button,.entry_cancel_button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;color:#fff}.entry_edit_button{background-color:#4299e1}.entry_edit_button:hover{background-color:#3182ce;transform:translateY(-1px)}.entry_delete_button{background-color:#e53e3e}.entry_delete_button:hover{background-color:#c53030;transform:translateY(-1px)}.entry_save_button{background-color:#48bb78}.entry_save_button:hover{background-color:#38a169;transform:translateY(-1px)}.entry_cancel_button{background-color:#a0aec0}.entry_cancel_button:hover{background-color:#718096;transform:translateY(-1px)}.entry_empty_row td{text-align:center;padding:40px 15px;color:#718096;font-style:italic}.entry_empty_state{display:flex;flex-direction:column;align-items:center;gap:10px}.entry_empty_message{max-width:400px;line-height:1.5}.entry_delete_popup_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:10000}.entry_delete_popup{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;width:90%;max-width:450px;overflow:hidden;animation:fadeInScale .3s ease-out}.entry_delete_popup_header{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;padding:15px 20px;font-size:18px;font-weight:700;text-align:center}.entry_delete_popup_content{padding:25px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px}.entry_delete_popup_icon{font-size:48px;color:#e53e3e}.entry_delete_popup_text p{margin:0;color:#4a5568;font-size:15px;line-height:1.6}.entry_delete_popup_warning{color:#c53030;font-weight:600}.entry_delete_popup_actions{display:flex;justify-content:center;gap:15px;padding:20px;border-top:1px solid #edf2f7;background-color:#f7fafc}.entry_delete_cancel_button,.entry_delete_confirm_button{padding:10px 25px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.entry_delete_cancel_button{background-color:#cbd5e0;color:#2d3748;border:1px solid #a0aec0}.entry_delete_cancel_button:hover{background-color:#a0aec0;color:#fff}.entry_delete_confirm_button{background-color:#e53e3e;color:#fff;border:1px solid #c53030}.entry_delete_confirm_button:hover{background-color:#c53030}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.entry_success_icon{color:#48bb78;font-size:20px}.entry_success_text{font-weight:600}.entry_section_code_dropdown_container{position:relative;width:100%}.entry_section_code_trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #cbd5e0;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px;min-height:36px;box-shadow:0 1px 3px #0000000d}.entry_section_code_trigger:hover{border-color:#667eea;box-shadow:0 2px 6px #667eea1a}.entry_section_code_value{color:#2d3748;font-weight:500;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry_section_code_arrow{color:#667eea;font-size:10px;transition:transform .3s ease;margin-left:8px}.entry_section_code_dropdown_portal{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;max-height:250px;overflow:hidden;animation:dropdownSlideIn .2s ease-out}.entry_section_code_search{padding:10px;border-bottom:1px solid #e2e8f0;background:#f8f9fa}.entry_section_code_search_input{width:100%;padding:8px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:13px;outline:none;box-sizing:border-box}.entry_section_code_search_input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.entry_section_code_options{max-height:180px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.entry_section_code_options::-webkit-scrollbar{width:6px}.entry_section_code_options::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.entry_section_code_options::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.entry_section_code_option{padding:10px 15px;cursor:pointer;font-size:13px;color:#2d3748;transition:background-color .15s ease;border-bottom:1px solid #f7fafc;display:flex;gap:10px}.entry_section_code_option:hover{background-color:#edf2f7}.entry_section_code_option_code{font-weight:600;color:#667eea;min-width:60px}.entry_section_code_option_name{flex:1;color:#4a5568}.entry_section_code_no_results{text-align:center;color:#a0aec0;font-style:italic;padding:15px}@media (max-width: 768px){.entry_table thead th,.entry_table tbody td{padding:8px 10px;font-size:12px}.entry_input,.entry_select{padding:6px 8px;font-size:12px}.entry_action_buttons{flex-direction:column;gap:4px}.entry_edit_button,.entry_delete_button,.entry_save_button,.entry_cancel_button{width:28px;height:28px;font-size:12px}.entry_search_filters_grid{grid-template-columns:1fr}}.entry_container{padding:20px;font-family:Arial,sans-serif}.entry_detail_fields{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.entry_detail_field{flex:1;min-width:200px}.entry_detail_field label{display:block;margin-bottom:5px;font-weight:700}.entry_detail_field input,.entry_detail_field select{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.entry_search_results_filters{margin-bottom:20px}.entry_search_filters_container h4{margin-bottom:10px}.entry_search_filters_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.entry_search_filter_item{display:flex;flex-direction:column}.entry_search_filter_label{font-weight:700}.entry_search_filter_value{color:#333}.entry_table_section{margin-top:20px}.entry_table_wrapper{overflow-x:auto}.entry_table{width:100%;border-collapse:collapse}.entry_table th,.entry_table td{border:1px solid #ddd;padding:8px;text-align:left}.entry_table th{background-color:#f4f4f4;font-weight:700}.entry_input,.entry_select{width:100%;padding:6px;border:1px solid #ccc;border-radius:4px}.entry_input.entry_readonly{background-color:#f9f9f9}.entry_action_buttons{display:flex;gap:5px}.entry_save_button,.entry_edit_button,.entry_delete_button,.entry_cancel_button{padding:6px;border:none;border-radius:4px;cursor:pointer}.entry_save_button{background-color:#28a745;color:#fff}.entry_edit_button{background-color:#007bff;color:#fff}.entry_delete_button{background-color:#dc3545;color:#fff}.entry_cancel_button{background-color:#6c757d;color:#fff}.entry_empty_row{text-align:center}.entry_empty_message{padding:20px;color:#666}.entry_section_code_dropdown_container{position:relative}.entry_section_code_trigger{display:flex;align-items:center;justify-content:space-between;padding:6px;border:1px solid #ccc;border-radius:4px;cursor:pointer}.entry_section_code_value{flex-grow:1}.entry_section_code_arrow{transition:transform .2s}.entry_section_code_arrow.rotated{transform:rotate(180deg)}.entry_section_code_dropdown_portal{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px #0000001a;max-height:300px;overflow-y:auto}.entry_section_code_search{padding:8px}.entry_section_code_search_input{width:100%;padding:6px;border:1px solid #ccc;border-radius:4px}.entry_section_code_options{max-height:250px;overflow-y:auto}.entry_section_code_option{display:flex;padding:8px;cursor:pointer}.entry_section_code_option:hover{background-color:#f0f0f0}.entry_section_code_option_code{flex:1;font-weight:700}.entry_section_code_option_name{flex:2}.entry_section_code_no_results{padding:8px;color:#666}.entry_delete_popup_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.entry_delete_popup{background:#fff;border-radius:8px;width:400px;max-width:90%}.entry_delete_popup_header{padding:15px;border-bottom:1px solid #ddd}.entry_delete_popup_header h3{margin:0}.entry_delete_popup_content{padding:20px;text-align:center}.entry_delete_popup_icon{font-size:40px;color:#dc3545;margin-bottom:10px}.entry_delete_popup_text p{margin:5px 0}.entry_delete_popup_warning{color:#dc3545;font-size:.9em}.entry_delete_popup_actions{display:flex;justify-content:flex-end;padding:15px;border-top:1px solid #ddd;gap:10px}.entry_delete_cancel_button,.entry_delete_confirm_button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.entry_delete_cancel_button{background-color:#6c757d;color:#fff}.entry_delete_confirm_button{background-color:#dc3545;color:#fff}.entry_success_toast{display:flex;align-items:center;gap:10px}.entry_success_icon{color:green}.entry_success_text{font-weight:700}.wrapper_container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:#f8f9fa;min-height:100vh;padding:15px;width:100%;box-sizing:border-box}.wrapper_control_section{background-color:#fff;padding:15px 20px;border-radius:12px;box-shadow:0 4px 15px #00000014;margin-bottom:20px;width:100%;border:1px solid #e2e8f0;position:relative;overflow:visible}.wrapper_control_section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.wrapper_controls_row{display:flex;gap:15px;align-items:end;flex-wrap:wrap}.wrapper_field_group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:180px}.wrapper_field_group label{font-weight:600;color:#2d3748;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.wrapper_dropdown{position:relative;width:100%;max-width:200px}.wrapper_dropdown_trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:13px;min-height:40px;box-shadow:0 2px 6px #0000000f;position:relative;overflow:hidden}.wrapper_dropdown_trigger:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s}.wrapper_dropdown_trigger:hover:before{left:100%}.wrapper_dropdown_trigger:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-1px)}.wrapper_dropdown_value{color:#2d3748;font-weight:500;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrapper_dropdown_arrow{color:#667eea;font-size:10px;transition:transform .3s ease;margin-left:8px}.wrapper_dropdown_arrow.rotated{transform:rotate(180deg)}.wrapper_dropdown_portal{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 15px 35px #0003;z-index:9999;max-height:280px;overflow:hidden;margin-top:4px;animation:dropdownSlideIn .3s ease-out;min-width:250px}.wrapper_dropdown_search{padding:12px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.wrapper_search_input{width:100%;padding:10px 14px;border:2px solid #cbd5e0;border-radius:6px;font-size:13px;outline:none;transition:all .2s ease;box-sizing:border-box;background:#fff;font-family:inherit}.wrapper_search_input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.wrapper_search_input::placeholder{color:#a0aec0;font-style:italic}.wrapper_dropdown_options{max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.wrapper_dropdown_options::-webkit-scrollbar{width:6px}.wrapper_dropdown_options::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.wrapper_dropdown_options::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px;transition:background .2s ease}.wrapper_dropdown_options::-webkit-scrollbar-thumb:hover{background:#a0aec0}.wrapper_dropdown_option{padding:12px 16px;cursor:pointer;font-size:13px;color:#2d3748;transition:all .2s ease;border-bottom:1px solid #f7fafc;position:relative}.wrapper_dropdown_option:hover{background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-left:4px solid #667eea;padding-left:12px;color:#1a202c}.wrapper_dropdown_option:last-child{border-bottom:none}.wrapper_dropdown_option.disabled{color:#a0aec0;cursor:not-allowed;font-style:italic}.wrapper_receipt_button{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:13px;min-height:40px;box-shadow:0 2px 6px #0000000f;width:100%;max-width:200px;font-weight:600;color:#2d3748;position:relative;overflow:hidden}.wrapper_receipt_button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s}.wrapper_receipt_button:hover:not(:disabled):before{left:100%}.wrapper_receipt_button:hover:not(:disabled){border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-1px)}.wrapper_receipt_button:disabled{background:linear-gradient(135deg,#e9ecef,#dee2e6);cursor:not-allowed;color:#6c757d;transform:none;box-shadow:none}.wrapper_action_buttons{display:flex;gap:8px;align-items:center}.wrapper_search_button,.wrapper_add_button,.wrapper_save_button{display:flex;align-items:center;justify-content:center;padding:0 16px;height:40px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden;background-color:#0a152f;color:#fff;gap:6px}.wrapper_search_button:before,.wrapper_add_button:before,.wrapper_save_button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.wrapper_search_button:hover:not(:disabled):before,.wrapper_add_button:hover:not(:disabled):before,.wrapper_save_button:hover:not(:disabled):before{left:100%}.wrapper_search_button{background:linear-gradient(135deg,#0a152f,#0a152f);color:#fff;box-shadow:0 4px 12px #667eea4d}.wrapper_search_button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.wrapper_add_button{background:linear-gradient(135deg,#0a152f,#0a152f);color:#fff;box-shadow:0 4px 12px #4facfe4d}.wrapper_add_button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4facfe66}.wrapper_save_button{background:linear-gradient(135deg,#0a152f,#0a152f);color:#fff;box-shadow:0 4px 12px #a8edea4d}.wrapper_save_button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #a8edea66}.wrapper_search_button:disabled,.wrapper_add_button:disabled,.wrapper_save_button:disabled{background:linear-gradient(135deg,#cbd5e0,#a0aec0);cursor:not-allowed;transform:none;box-shadow:none;color:#718096}.wrapper_loading_icon{animation:spin 1s linear infinite}.wrapper_detail_fields_section{margin-top:15px;padding:15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000f;animation:slideDown .3s ease-out}.wrapper_detail_fields_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.wrapper_detail_field{display:flex;flex-direction:column;gap:6px}.wrapper_detail_label{font-weight:600;color:#2d3748;font-size:12px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.wrapper_required{color:#e53e3e;font-size:14px;font-weight:700}.wrapper_edit_icon{color:#667eea;font-size:14px;cursor:pointer;margin-left:8px;transition:all .2s ease}.wrapper_edit_icon:hover{color:#4299e1;transform:scale(1.1)}.wrapper_detail_input{padding:10px 14px;border:2px solid #e2e8f0;border-radius:6px;font-size:13px;outline:none;transition:all .3s ease;background:linear-gradient(135deg,#fff,#f8f9fa);font-family:inherit;box-shadow:0 2px 6px #0000000a}.wrapper_detail_input:focus{border-color:#4facfe;box-shadow:0 0 0 3px #4facfe26;background:#fff;transform:translateY(-1px)}.wrapper_detail_input::placeholder{color:#a0aec0;font-style:italic}.wrapper_detail_input:hover{border-color:#cbd5e0;box-shadow:0 4px 8px #0000000f}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:300px}}@media (max-width: 1200px){.wrapper_control_section{max-width:100%}.wrapper_controls_row{flex-wrap:wrap}}@media (max-width: 768px){.wrapper_container{padding:10px}.wrapper_control_section{padding:12px 15px}.wrapper_controls_row{flex-direction:column;align-items:stretch;gap:12px}.wrapper_dropdown,.wrapper_receipt_button{max-width:100%}.wrapper_action_buttons{justify-content:center;width:100%}.wrapper_detail_fields_grid{grid-template-columns:1fr;gap:12px}}@media (prefers-contrast: high){.wrapper_dropdown_trigger,.wrapper_receipt_button,.wrapper_detail_input{border:2px solid #000}.wrapper_dropdown_option:hover{background-color:#000;color:#fff}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.wrapper_search_input{flex:1}.add_client_button{background-color:#667eea;border:none;color:#fff;padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.add_client_button:hover{background-color:#5a67d8}.tab_wrapper_container{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f0f2f5;min-height:100vh;width:100%;box-sizing:border-box}.tab_buttons_container{display:flex;gap:30px;margin-bottom:30px;background-color:#fff;padding:12px 20px;border-radius:15px;box-shadow:0 6px 20px #0000001a;border:1px solid #e0e0e0}.tab_button{padding:14px 30px;border:none;border-radius:10px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease;background-color:transparent;color:#5a677d;position:relative;overflow:hidden;letter-spacing:.5px}.tab_button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s}.tab_button:hover:before{left:100%}.tab_button:hover:not(.active){color:#4a69bb;background-color:#f0f4f8}.tab_button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 6px 18px #667eea66;transform:translateY(-3px);border:1px solid #5a67d8}.tab_button.active:hover{transform:translateY(-4px);box-shadow:0 8px 22px #667eea80}.dataAppleModuleyy{padding:16px;background:#aea3b3;border-radius:10px;box-shadow:0 2px 8px #0000000f;border:1px solid #eceff1;max-width:1200px;margin:12px auto}.dataBananaModuleyy{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #f1f3f5}.dataOrangeModuleyy{font-size:20px;font-weight:600;color:#1a202c;margin:0}.dataGrapeModuleyy{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.dataMangoModuleyy{display:flex;flex-direction:column;gap:6px}.dataPineappleModuleyy{font-size:12px;font-weight:600;color:#2d3748;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}.dataKiwiModuleyy{position:relative;width:100%}.dataStrawberryModuleyy{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 32px 10px 12px;border:1px solid #d2d6dc;border-radius:6px;font-size:13px;background:#fff;cursor:pointer;transition:all .15s ease;min-height:38px;box-shadow:0 1px 2px #0000000a}.dataStrawberryModuleyy:hover{border-color:#a0aec0;box-shadow:0 2px 6px #00000014}.dataStrawberryModuleyy:focus-within{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.dataPandaModuleyy{color:#1f2937;font-weight:500;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.dataBlueberryModuleyy{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;font-size:10px;transition:transform .15s ease}.dataRaspberryModuleyy{position:absolute;top:calc(100% + 3px);left:0;right:0;background:#fff;border:1px solid #d2d6dc;border-radius:6px;max-height:200px;overflow:hidden;z-index:1000;box-shadow:0 3px 12px #00000014}.dataFoxModuleyy{padding:8px;border-bottom:1px solid #f1f3f5;background:#f9fafb}.dataWolfModuleyy{width:100%;padding:8px 10px;border:1px solid #d2d6dc;border-radius:4px;font-size:13px;outline:none;transition:all .15s ease;box-sizing:border-box;background:#fff}.dataWolfModuleyy:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.dataDeerModuleyy{max-height:160px;overflow-y:auto}.dataBlackberryModuleyy{padding:10px 12px;cursor:pointer;font-size:13px;color:#1f2937;border-bottom:1px solid #f1f3f5;transition:all .15s ease;font-weight:500}.dataBlackberryModuleyy:hover{background-color:#f1f3f5;color:#1f2937}.dataBlackberryModuleyy:last-child{border-bottom:none}.dataCherryModuleyy{padding:12px;color:#6b7280;font-style:italic;text-align:center;font-size:13px}.dataPeachModuleyy{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.dataPlumModuleyy{padding:10px 16px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px;min-height:38px;text-transform:uppercase;letter-spacing:.4px}.dataAvocadoModuleyy{background:#10b981;color:#fff;border-color:#10b981}.dataAvocadoModuleyy:hover:not(:disabled){background:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 3px 8px #10b98133}.dataAvocadoModuleyy:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.dataCoconutModuleyy{background:#6b7280;color:#fff;border-color:#6b7280}.dataCoconutModuleyy:hover{background:#4b5563;border-color:#4b5563;transform:translateY(-1px);box-shadow:0 3px 8px #6b728033}.dataBackButton{background:#3b82f6;color:#fff;border-color:#3b82f6}.dataBackButton:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 3px 8px #3b82f633}.dataLemonModuleyy{font-size:12px}.dataAddButton{background:#4f46e5;color:#fff;border:none;border-radius:4px;padding:6px 8px;cursor:pointer;display:flex;align-items:center;font-size:13px;transition:all .15s ease;box-shadow:0 1px 2px #4f46e526}.dataAddButton:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 2px 6px #4f46e533}.search_with_icon{display:flex;align-items:center;gap:6px}.search_with_icon .dataWolfModuleyy{flex:1}@media (max-width: 1200px){.dataGrapeModuleyy{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.dataGrapeModuleyy{grid-template-columns:1fr;gap:12px}.dataPeachModuleyy{flex-direction:column;align-items:stretch}.dataPlumModuleyy{width:100%;justify-content:center}.dataAppleModuleyy{margin:10px;padding:14px}}@media (max-width: 480px){.dataAppleModuleyy{margin:8px;padding:12px}.dataOrangeModuleyy{font-size:18px}.dataGrapeModuleyy{grid-template-columns:1fr;gap:10px}.dataStrawberryModuleyy{padding:8px 28px 8px 10px;min-height:36px}.dataPlumModuleyy{padding:8px 14px;min-height:36px}}.dataDeerModuleyy::-webkit-scrollbar{width:5px}.dataDeerModuleyy::-webkit-scrollbar-track{background:#f9fafb;border-radius:2px}.dataDeerModuleyy::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.dataDeerModuleyy::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dataPlumModuleyy:focus{outline:2px solid #3b82f6;outline-offset:2px}.dataStrawberryModuleyy:hover .dataBlueberryModuleyy{color:#4b5563}.dataStrawberryModuleyy:disabled{background:#f7fafc;color:#9ca3af;cursor:not-allowed}.dataBlackberryModuleyy.highlighted{background-color:#e6f0ff!important;color:#1a365d!important;font-weight:500}.deletePopupOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.deletePopupContainer{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:popupSlideIn .3s ease-out}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.deletePopupHeader{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#fed7d7,#feb2b2)}.deletePopupIcon{color:#e53e3e;font-size:24px}.deletePopupTitle{flex:1;margin:0;font-size:18px;font-weight:600;color:#742a2a}.deletePopupClose{background:none;border:none;color:#742a2a;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.deletePopupClose:hover{background-color:#742a2a1a}.deletePopupContent{padding:24px}.deletePopupMessage{font-size:16px;color:#4a5568;margin:0 0 20px;line-height:1.5}.deletePopupDetails{background:#f7fafc;border-radius:8px;padding:16px;border:1px solid #e2e8f0}.deletePopupDetailItem{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.deletePopupDetailItem:last-child{border-bottom:none}.deletePopupDetailLabel{font-weight:600;color:#2d3748;font-size:14px}.deletePopupDetailValue{color:#4a5568;font-size:14px;font-weight:500}.deletePopupActions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0;background:#f7fafc}.deletePopupCancelBtn,.deletePopupConfirmBtn{flex:1;padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.deletePopupCancelBtn{background:#e2e8f0;color:#4a5568}.deletePopupCancelBtn:hover{background:#cbd5e0}.deletePopupConfirmBtn{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.deletePopupConfirmBtn:hover{background:linear-gradient(135deg,#e53e3e,#c53030);transform:translateY(-1px);box-shadow:0 4px 8px #e53e3e4d}@media (max-width: 768px){.deletePopupContainer{width:95%;margin:20px}.deletePopupHeader{padding:16px 20px}.deletePopupContent{padding:20px}.deletePopupActions{padding:16px 20px;flex-direction:column}.deletePopupDetailItem{flex-direction:column;align-items:flex-start;gap:4px}}.dedbsContainer{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#1f2937;background-color:#f9fafb;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:visible;position:relative;max-width:1200px;margin:16px auto}.dedbsHeader{background:linear-gradient(135deg,#0a152f,#0a152f);padding:16px;border-bottom:2px solid #1e3a8a;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center}.dedbsHeaderContent{max-width:700px}.dedbsTitle{margin:0;font-size:20px;font-weight:600;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.08);letter-spacing:.4px}.dedbsNewEntryButton{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff6b35,#ff6b35);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #10b98133}.dedbsNewEntryButton:hover{background:linear-gradient(135deg,#00b4d8,#00b4d8);transform:translateY(-1px);box-shadow:0 3px 8px #10b9814d}.dedbsNewEntryIcon{font-size:14px}.dedbsSearchSection{background-color:#fff;padding:16px;border-bottom:1px solid #d2d6dc;overflow:visible;position:relative;z-index:10}.dedbsFilters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:end}.dedbsFilterGroup{display:flex;flex-direction:column;gap:6px;min-width:0;position:relative;z-index:20}.dedbsLabel{font-size:12px;font-weight:600;color:#374151;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}.dedbsSelectContainer{position:relative;z-index:25}.dedbsSelectField{display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 12px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000a}.dedbsSelectField:hover{border-color:#3b82f6;box-shadow:0 2px 6px #3b82f61a}.dedbsPlaceholder{color:#9ca3af;font-size:13px}.dedbsSelectedValue{color:#1f2937;font-size:13px;font-weight:500}.dedbsDropdownArrow{font-size:10px;color:#6b7280;transition:transform .2s ease}.dedbsDropdownArrow.rotated{transform:rotate(180deg)}.dedbsDropdownPanel{position:absolute;top:calc(100% + 2px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;max-height:220px;overflow:hidden;z-index:99999;box-shadow:0 3px 12px #00000014;animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1);transform-origin:top}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scaleY(.9)}to{opacity:1;transform:translateY(0) scaleY(1)}}.dedbsSearchBox{padding:8px;border-bottom:1px solid #e5e7eb;background:#f9fafb;position:sticky;top:0;z-index:10}.dedbsSearchInput{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;outline:none;transition:all .2s ease;background:#fff;box-shadow:0 1px 2px #0000000a}.dedbsSearchInput:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626;transform:translateY(-1px)}.dedbsDropdownOptions{max-height:160px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb}.dedbsDropdownOptions::-webkit-scrollbar{width:5px}.dedbsDropdownOptions::-webkit-scrollbar-track{background:#f9fafb}.dedbsDropdownOptions::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.dedbsDropdownOptions::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dedbsDropdownOption{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;font-size:13px;color:#1f2937;border-bottom:1px solid #e5e7eb;transition:all .2s ease}.dedbsDropdownOption:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .4s}.dedbsDropdownOption:hover:before{left:100%}.dedbsDropdownOption:hover{background:#f1f5f9;color:#3b82f6;transform:translate(3px);box-shadow:inset 2px 0 #3b82f6}.dedbsDropdownOption.selected{background:#eff6ff;color:#2563eb;font-weight:600;box-shadow:inset 2px 0 #2563eb}.dedbsDropdownOption:last-child{border-bottom:none}.dedbsEmptyOption{padding:16px 10px;text-align:center;color:#6b7280;font-style:italic;font-size:13px;background:#f9fafb;border-radius:4px;margin:8px}.dedbsSearchButton{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0a152f,#0a152f);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #1e40af33;min-height:38px;width:150px}.dedbsSearchButton:hover:not(:disabled){background:linear-gradient(135deg,#1e3a8a,#1e40af);transform:translateY(-1px);box-shadow:0 3px 8px #1e40af4d}.dedbsSearchButton:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none;box-shadow:0 1px 2px #00000014}.dedbsSearchIcon{font-size:14px}.dedbsResultsSection{background-color:#fff;padding:16px;position:relative;z-index:1}.dedbsResultsHeader{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #d2d6dc}.dedbsResultsHeader h4{margin:0;font-size:18px;font-weight:600;color:#1e40af}.dedbsTableWrapper{overflow-x:auto;border-radius:6px;box-shadow:0 2px 6px #0000000f;border:1px solid #d2d6dc;position:relative;z-index:1}.dedbsTable{width:100%;border-collapse:collapse;min-width:1200px;background-color:#fff}.dedbsTable thead{background:linear-gradient(135deg,#1f2937,#111827);position:sticky;top:0;z-index:5}.dedbsTable th{padding:10px 8px;text-align:left;font-size:12px;font-weight:700;color:#fff;border:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.dedbsTable td{padding:8px;font-size:12px;color:#1f2937;border-bottom:1px solid #e5e7eb;white-space:nowrap;vertical-align:middle}.dedbsTableRow{transition:all .2s ease}.dedbsTableRow:hover{background-color:#f9fafb;transform:translateY(-1px);box-shadow:0 1px 6px #00000014}.dedbsTableRow:nth-child(2n){background-color:#f9fafb}.dedbsTableRow:nth-child(2n):hover{background-color:#f1f5f9}.dedbsSerialNumber{font-weight:600;color:#1e40af;background:#eff6ff;border-radius:4px;padding:3px 6px;text-align:center;min-width:36px}.dedbsTotalSection{margin-top:16px;padding:16px;background:#f9fafb;border-radius:6px;border:1px solid #d2d6dc}.dedbsTotalTitle{font-size:16px;font-weight:700;color:#1e40af;margin-bottom:8px;text-transform:uppercase;letter-spacing:.4px}.dedbsTotalValue{font-size:20px;font-weight:800;color:#111827;background:#fff;padding:10px 16px;border-radius:6px;border:1px solid #d2d6dc;text-align:center;box-shadow:0 2px 6px #0000000f}.dedbsEditInput{width:100%;padding:6px;border:1px solid #3b82f6;border-radius:4px;font-size:12px;background-color:#fff;color:#1f2937;outline:none;transition:all .2s ease;min-width:60px}.dedbsEditInput:focus{border-color:#1e40af;box-shadow:0 0 0 2px #1e40af26}.dedbsActions{display:flex;gap:6px;align-items:center;justify-content:center}.dedbsActionButton{display:flex;align-items:center;justify-content:center;padding:6px 10px;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:50px;height:28px}.dedbsEditButton{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.dedbsEditButton:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 2px 6px #3b82f633}.dedbsDeleteButton{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.dedbsDeleteButton:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 2px 6px #ef444433}.dedbsSaveButton{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.dedbsSaveButton:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 2px 6px #10b98133}.dedbsCancelButton{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.dedbsCancelButton:hover{background:linear-gradient(135deg,#6b7280,#4b5563);transform:translateY(-1px);box-shadow:0 2px 6px #6b728033}.dedbsEmptyState{text-align:center;padding:40px 16px;background-color:#f9fafb;border-radius:6px;border:1px dashed #d1d5db}.dedbsEmptyState p{font-size:14px;color:#6b7280;margin:0;font-style:italic}.dedbsSearchWithAdd{display:flex;align-items:center;gap:6px;padding:8px;border-bottom:1px solid #e5e7eb;background:#f9fafb;position:sticky;top:0;z-index:10}.dedbsAddButton{background-color:#4f46e5;color:#fff;border:none;border-radius:4px;padding:6px 10px;font-size:12px;display:flex;align-items:center;cursor:pointer;white-space:nowrap;transition:all .2s ease}.dedbsAddButton:hover{background-color:#4338ca;transform:translateY(-1px);box-shadow:0 2px 6px #4f46e533}.dedbsTypeIndicator{display:inline-block;padding:3px 6px;border-radius:10px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.dedbsTypeIndicator.meter{background-color:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.dedbsTypeIndicator.fabrication{background-color:#f3e8ff;color:#6b21a8;border:1px solid #c084fc}.dedbsTable th:nth-child(2){min-width:80px}.dedbsTableRow td:nth-child(2){text-align:center}@media (max-width: 1200px){.dedbsFilters{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.dedbsContainer{margin:12px}.dedbsHeader{padding:12px;flex-direction:column;gap:12px;align-items:flex-start}.dedbsTitle{font-size:18px}.dedbsSearchSection,.dedbsResultsSection{padding:12px}.dedbsTable th,.dedbsTable td{padding:6px 4px;font-size:11px}.dedbsActionButton{padding:5px 8px;font-size:10px;min-width:40px;height:24px}.dedbsSearchButton,.dedbsNewEntryButton{padding:6px 12px;font-size:12px;min-height:36px}.dedbsTypeIndicator{font-size:8px;padding:2px 5px}}@media (max-width: 480px){.dedbsContainer{margin:8px}.dedbsHeader{padding:10px}.dedbsTitle{font-size:16px}.dedbsSearchSection,.dedbsResultsSection{padding:10px}.dedbsFilters{grid-template-columns:1fr;gap:10px}.dedbsSelectField{height:36px;padding:0 10px}.dedbsSearchButton,.dedbsNewEntryButton{padding:6px 10px;font-size:11px}.dedbsTable{min-width:800px}}.dedbsContainer *{transition:all .2s cubic-bezier(.4,0,.2,1)}.dedbsSelectField:focus,.dedbsSearchButton:focus,.dedbsActionButton:focus,.dedbsNewEntryButton:focus{outline:2px solid #3b82f6;outline-offset:2px}.dedbsSortSection{display:flex;justify-content:flex-end;margin-bottom:10px}.dedbsSortButton{margin-left:10px;padding:6px 12px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-weight:700}.dedbsSortButton.active{background-color:#2563eb;color:#fff;border-color:#2563eb}.dedbsSortButton:hover{background-color:#e2e8f0}.drawingentry-search-pagination{display:flex;justify-content:center;align-items:center;margin-top:20px}.drawingentry-search-pagination-button{margin:0 5px;padding:5px 10px;border:1px solid #ddd;background:#f8f9fa;border-radius:4px;cursor:pointer;font-size:14px}.drawingentry-search-pagination-button.active{background:#2563eb;color:#fff;border-color:#2563eb}.drawingentry-search-pagination-button:disabled{cursor:not-allowed;opacity:.5;background:#f8f9fa;color:#000}.drawingentry-search-pagination-button:hover:not(:disabled):not(.active){background:#e2e8f0}.dedbsAllTotals{margin-top:20px;padding:10px;background-color:#f9fafb;border:1px solid #ddd;border-radius:4px}.dedbsAllTotals h4{margin-bottom:10px;font-size:16px;color:#333}.dedbsAllTotalsTable{width:100%;border-collapse:collapse}.dedbsAllTotalsTable td{padding:8px;border:1px solid #ddd;font-weight:700}.dedbsAllTotalsTable td:first-child{text-align:right;background-color:#f1f5f9}.dedbsAllTotalsTable td:last-child{text-align:left}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease-out}.delete-modal-container{background-color:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:450px;width:90%;max-height:90vh;overflow:hidden;animation:slideIn .3s ease-out}.delete-modal-header{display:flex;align-items:center;gap:12px;padding:24px 24px 16px;border-bottom:1px solid #e2e8f0;background-color:#fef2f2}.delete-modal-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#fee2e2;border-radius:50%;color:#dc2626;font-size:24px}.delete-modal-title{margin:0;font-size:20px;font-weight:600;color:#1f2937}.delete-modal-content{padding:20px 24px}.delete-modal-message{margin:0;font-size:16px;line-height:1.6;color:#4b5563;text-align:left}.delete-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px;background-color:#f9fafb;border-top:1px solid #e5e7eb}.delete-modal-button{display:flex;align-items:center;justify-content:center;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.delete-modal-cancel{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.delete-modal-cancel:hover{background-color:#e5e7eb;border-color:#9ca3af}.delete-modal-delete{background-color:#dc2626;color:#fff}.delete-modal-delete:hover{background-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.delete-modal-button:active{transform:translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.delete-modal-container{width:95%;margin:20px}.delete-modal-header{padding:20px 20px 12px}.delete-modal-content{padding:16px 20px}.delete-modal-actions{padding:12px 20px 20px;flex-direction:column-reverse}.delete-modal-button{width:100%;margin:4px 0}.delete-modal-title{font-size:18px}.delete-modal-message{font-size:14px}}.delete-modal-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.delete-modal-delete:focus{outline-color:#dc2626}body.modal-open{overflow:hidden}.drAOelephantgi{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:#f8f9fa;min-height:500vh;overflow:visible!important}.drAOliongi{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f0f7ff;border-bottom:1px solid #e1e7ef}.drAOtigergi h3{margin:0;font-size:15px;font-weight:500;color:#2c3e50}.drAOaddBtngi{display:flex;align-items:center;gap:8px;background-color:#2c5282;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s;box-shadow:0 2px 4px #2c52824d}.drAOaddBtngi:hover{background-color:#2a4365;transform:translateY(-1px);box-shadow:0 4px 8px #2c528266}.drAOsaveBtngi{display:flex;align-items:center;gap:8px;background-color:#2c5282!important;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s;box-shadow:0 2px 4px #2c52824d}.drAOsaveBtngi:hover:not(:disabled){background-color:#2a4365!important;transform:translateY(-1px);box-shadow:0 4px 8px #2c528266}.drAOsaveBtngi:disabled{background-color:#a0aec0!important;cursor:not-allowed;transform:none;box-shadow:none}.drAObuttonIcongi,.drAOrefreshIcongi{font-size:16px}.drAOspinIcongi{animation:spin 1s linear infinite}.drAOserviceSectiongi{margin-top:30px}.drAOcustomToastgi{background:#90ee90!important;border-radius:8px;box-shadow:0 4px 12px #90ee904d}.drAOsuccessToastgi{display:flex;align-items:center;gap:10px;font-weight:500}.drAOtoastIcongi{font-size:18px;animation:checkmark .6s ease-in-out;color:#22543d}.drAOtoastTextgi{font-weight:700;color:#22543d}.drAOgiraffeги{display:flex;align-items:center;gap:8px;background-color:#2c5282;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #2c52824d}.drAOgiraffeги:hover{background-color:#2a4365;transform:translateY(-1px);box-shadow:0 4px 8px #2c528266}.drAOelkgi{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;font-size:16px;color:#fff;box-shadow:0 2px 4px #0003;transition:all .2s}.drAOelkgi:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.drAOelkgi:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 1px 2px #0000001a}.drAOimpalagi{background-color:#4299e1}.drAOimpalagi:hover:not(:disabled){background-color:#3182ce}.drAObisongi{background-color:#f56565}.drAObisongi:hover:not(:disabled){background-color:#e53e3e}.drAOzebragi{padding:15px 20px;background-color:#fff;border-bottom:1px solid #e1e7ef;overflow:visible!important}.drAOhippogi{display:flex;flex-direction:column;gap:15px;overflow:visible!important}.drAOrhinogi{display:flex;gap:10px;align-items:center;overflow:visible!important}.drAOcheetahgi{background-color:#2c5282;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;border-color:#2c5282;box-shadow:0 0 0 1px #3182ce33;width:150px;height:35px;transition:background-color .2s}.drAOcheetahgi:hover{background-color:#2a4365}.drAOcheetahgi:disabled{background-color:#a0aec0;cursor:not-allowed}.drAOleopardgi{margin:20px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:visible!important;position:relative}.drAOpanthergi{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5}.drAOjaguargi{font-size:30px;color:#3182ce;animation:spin 1s linear infinite}.drAOcougargi{margin-top:10px;font-size:14px;color:#4a5568}.drAOlynxgi{width:100%;border-collapse:collapse;min-width:1200px;overflow:visible!important;position:relative}.drAOlynxgi thead{background-color:#2d3748;position:sticky;top:0;z-index:2}.drAOlynxgi th{padding:10px 15px;text-align:left;font-size:13px;font-weight:600;color:#fff;border:none;white-space:nowrap;min-width:120px}.drAOlynxgi td{padding:10px 15px;font-size:13px;color:#2d3748;white-space:nowrap;border:none;min-width:120px;overflow:visible!important;position:relative}.drAOlynxgi tbody tr{border-bottom:1px solid #e2e8f0;overflow:visible}.drAOlynxgi tbody tr:hover{background-color:#f7fafc}.drAOantelopegi:nth-child(2n){background-color:#f8f9fa}.drAObeargi{background-color:#fff!important;border:1px solid #e2e8f0}.drAObeargi:hover{background-color:#fff!important}.drAOwolfgi{display:flex;align-items:center;justify-content:center;color:#3182ce;font-size:18px}.drAOgazellegi{color:#3182ce;font-weight:500}.drAOdeergi{display:inline-block;padding:2px 8px;background-color:#fef3c7;color:#92400e;border-radius:4px;font-size:12px;font-weight:500}.drAOmoosegi{display:flex;gap:5px;justify-content:center}.drAOyakgi td{padding:40px 0}.drAOcamelgi{display:flex;flex-direction:column;align-items:center;justify-content:center}.drAOllamagi{font-size:14px;color:#a0aec0}.drAOtotalRowgi{background-color:#f8f9fa!important;border-top:2px solid #2c5282!important;font-weight:700}.drAOtotalRowgi:hover{background-color:#f8f9fa!important}.drAOtotalLabelgi{text-align:right;font-size:14px;font-weight:700;color:#2c5282;background-color:#e3f2fd;border-right:1px solid #2c5282}.drAOtotalValuegi{font-size:14px;font-weight:700;color:#2c5282;background-color:#e3f2fd;text-align:center;border-left:1px solid #2c5282}.drAOfoxgi{width:140px;padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:12px;outline:none;transition:border-color .2s ease;min-width:120px;background-color:#fff}.drAOfoxgi:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.drAOfoxgi.readonly{background-color:#e9ecef;cursor:not-allowed}.drAOrabbitgi{width:16px;height:16px;cursor:pointer}.drAOremoveBtngi{background-color:#f56565;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;transition:background-color .2s}.drAOremoveBtngi:hover{background-color:#e53e3e}.drAOselectedFiltersSection{margin:40px 20px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden}.drAOselectedFiltersContainer{padding:0}.drAOselectedFiltersHeader{background:linear-gradient(135deg,#2c5282,#2a4365);padding:20px 25px;border-bottom:3px solid #1a365d}.drAOselectedFiltersHeader h4{margin:0;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.5px}.drAOselectedFiltersContent{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:25px;background-color:#fff}.drAOfilterCard{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e1e7ef;border-radius:10px;padding:20px;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden}.drAOfilterCard:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2c5282,#4299e1,#63b3ed);opacity:0;transition:opacity .3s ease}.drAOfilterCard:hover{transform:translateY(-5px);box-shadow:0 8px 25px #2c528226;border-color:#2c5282}.drAOfilterCard:hover:before{opacity:1}.drAOfilterLabel{font-size:14px;font-weight:600;color:#4a5568;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;position:relative}.drAOfilterLabel:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:30px;height:2px;background:linear-gradient(90deg,#2c5282,#4299e1);border-radius:1px}.drAOfilterValue{font-size:24px;font-weight:700;color:#2c5282;font-family:Courier New,monospace;background:linear-gradient(135deg,#2c5282,#4299e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 1px 2px rgba(44,82,130,.1)}.Toastify__toast{font-size:14px;border-radius:4px}.Toastify__toast-body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.Toastify__progress-bar{height:3px}@media (max-width: 768px){.drAOlynxgi{font-size:11px}.drAOlynxgi th,.drAOlynxgi td{padding:8px 10px}.drAOfoxgi{min-width:100px;font-size:11px}.drAOrhinogi{flex-direction:column;align-items:stretch}.drAOselectedFiltersContent{grid-template-columns:1fr;gap:15px;padding:20px}.drAOfilterCard{padding:15px}.drAOfilterValue{font-size:20px}.drAOselectedFiltersHeader h4{font-size:18px}}.drAOdropdownCellgi{position:relative;z-index:100}.drAOsearchableSelectgi{position:relative;min-width:160px;z-index:1000}.drAOsearchInputgi{width:100%;padding:8px 12px;border:2px solid #e1e7ef;border-radius:6px;font-size:12px;background-color:#fff;outline:none;transition:all .3s ease;box-sizing:border-box;box-shadow:0 1px 3px #0000001a}.drAOsearchInputgi:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff26,0 2px 8px #0000001a;transform:translateY(-1px)}.drAOdropdownListgi{position:fixed!important;background-color:#fff;border:2px solid #e1e7ef;border-radius:8px;max-height:250px;overflow-y:auto;z-index:999999!important;box-shadow:0 8px 25px #00000026,0 4px 10px #0000001a;animation:dropdownSlideIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px;max-width:300px;will-change:transform;transform:translateZ(0)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.drAOdropdownItemgi{padding:12px 16px;cursor:pointer;font-size:12px;font-weight:500;border-bottom:1px solid #f1f3f5;transition:all .2s ease;color:#2d3748;position:relative;background-color:#fff}.drAOdropdownItemgi:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#007bff;transform:translate(4px);border-left:3px solid #007bff;padding-left:13px}.drAOdropdownItemgi:last-child{border-bottom:none;border-radius:0 0 6px 6px}.drAOdropdownItemgi:first-child{border-radius:6px 6px 0 0}.drAOdropdownItemgi:only-child{border-radius:6px}.drAOdropdownItemgi:active{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;transform:translate(2px) scale(.98)}.drAOleopardgi{overflow:visible!important;position:relative}.drAOtableWrappergi{overflow-x:auto;overflow-y:visible!important;max-height:600px;position:relative}.drAOserviceTablegi{position:relative;z-index:1}.drAOserviceTablegi td{position:relative;overflow:visible!important}.drAOelephantgi{overflow:visible!important}.drAOdropdownListgi{position:fixed!important;z-index:999999!important;pointer-events:auto!important}.drAOdropdownListgi::-webkit-scrollbar{width:8px;z-index:1000000}.drAOzebragi,.drAOhippogi,.drAOrhinogi{overflow:visible!important}.drAOsearchableSelectgi,.drAOdropdownCellgi,.drAOdropdownListgi{overflow:visible!important;clip:unset!important;clip-path:unset!important}.drAOdropdownListgi::-webkit-scrollbar{width:8px}.drAOdropdownListgi::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.drAOdropdownListgi::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:4px;border:1px solid #e1e7ef}.drAOdropdownListgi::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0056b3,#004085)}.drAOdropdownEmptygi{padding:20px 16px;text-align:center;color:#6c757d;font-style:italic;font-size:11px}.drAOdropdownLoadinggi{padding:16px;text-align:center;color:#007bff;font-size:12px}.drAOdropdownLoadinggi:after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid #e1e7ef;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.drAOdropdownItemgi mark{background-color:#fff3cd;color:#856404;padding:1px 2px;border-radius:2px;font-weight:600}.drAOdropdownItemgi:focus{outline:2px solid #007bff;outline-offset:-2px;background:linear-gradient(135deg,#e3f2fd,#bbdefb)}@media (max-width: 1200px){.drAOsearchInputgi{padding:6px 10px;font-size:11px}.drAOdropdownItemgi{padding:10px 14px;font-size:11px}.drAOdropdownListgi{max-height:200px}}@media (max-width: 768px){.drAOsearchInputgi{padding:5px 8px;font-size:10px;border-radius:4px}.drAOdropdownItemgi{padding:8px 12px;font-size:10px}.drAOdropdownListgi{max-height:150px;border-radius:6px;box-shadow:0 4px 15px #0003}.drAOsearchableSelectgi{min-width:120px}}@media (prefers-color-scheme: dark){.drAOdropdownListgi{background-color:#2d3748;border-color:#4a5568}.drAOdropdownItemgi{color:#e2e8f0;border-bottom-color:#4a5568}.drAOdropdownItemgi:hover{background:linear-gradient(135deg,#4a5568,#2d3748);color:#63b3ed}.drAOsearchInputgi{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.drAOselectedFiltersSection{background:linear-gradient(135deg,#2d3748,#1a202c)}.drAOselectedFiltersContent{background-color:#2d3748}.drAOfilterCard{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#4a5568}.drAOfilterLabel{color:#e2e8f0}.drAOfilterValue{color:#63b3ed;background:linear-gradient(135deg,#63b3ed,#90cdf4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}.drAOdropdownBackdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:transparent}.drAOsearchInputgi::placeholder{color:#a0aec0;transition:color .3s ease}.drAOsearchInputgi:focus::placeholder{color:#cbd5e0}@media (max-width: 768px){.drAOdropdownListgi:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#0000001a;z-index:-1;pointer-events:none}}.drAOenhancedDropdownContainer{position:relative;width:100%}.drAOenhancedDropdownField{position:relative;display:flex;align-items:center;width:100%}.drAOenhancedDropdownInput{width:100%;padding:8px 35px 8px 12px;border:2px solid #e1e7ef;border-radius:6px;font-size:12px;background-color:#fff;outline:none;transition:all .3s ease;box-sizing:border-box;cursor:pointer;color:#2d3748}.drAOenhancedDropdownInput:focus,.drAOenhancedDropdownInput:hover{border-color:#007bff;box-shadow:0 0 0 3px #007bff26;transform:translateY(-1px)}.drAOenhancedDropdownArrow{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6c757d;transition:all .2s ease;border-radius:3px}.drAOenhancedDropdownArrow:hover{background-color:#f8f9fa;color:#007bff}.drAOenhancedDropdownPanel{background-color:#fff;border:2px solid #e1e7ef;border-radius:8px;box-shadow:0 8px 25px #00000026,0 4px 10px #0000001a;animation:dropdownSlideIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:250px;max-width:350px;max-height:300px;overflow:hidden;will-change:transform;transform:translateZ(0)}.drAOenhancedDropdownSearch{position:relative;padding:12px;border-bottom:1px solid #e1e7ef;background-color:#f8f9fa}.drAOenhancedDropdownSearchIcon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#6c757d;font-size:12px}.drAOenhancedDropdownSearchInput{width:100%;padding:8px 12px 8px 35px;border:1px solid #ced4da;border-radius:4px;font-size:12px;background-color:#fff;outline:none;transition:all .2s ease;box-sizing:border-box}.drAOenhancedDropdownSearchInput:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.drAOenhancedDropdownOptions{max-height:200px;overflow-y:auto;overflow-x:hidden}.drAOenhancedDropdownOption{padding:12px 16px;cursor:pointer;font-size:12px;font-weight:500;border-bottom:1px solid #f1f3f5;transition:all .2s ease;color:#2d3748;background-color:#fff;position:relative}.drAOenhancedDropdownOption:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#007bff;transform:translate(4px);border-left:3px solid #007bff;padding-left:13px}.drAOenhancedDropdownOption:last-child{border-bottom:none}.drAOenhancedDropdownOption:active{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;transform:translate(2px) scale(.98)}.drAOenhancedDropdownEmpty{padding:20px 16px;text-align:center;color:#6c757d;font-style:italic;font-size:12px;background-color:#f8f9fa}.drAOenhancedDropdownOptions::-webkit-scrollbar{width:6px}.drAOenhancedDropdownOptions::-webkit-scrollbar-track{background:#f1f3f5;border-radius:3px}.drAOenhancedDropdownOptions::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:3px}.drAOenhancedDropdownOptions::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0056b3,#004085)}@media (max-width: 1200px){.drAOenhancedDropdownInput,.drAOenhancedDropdownSearchInput{font-size:11px;padding:6px 30px 6px 10px}.drAOenhancedDropdownOption{padding:10px 14px;font-size:11px}.drAOenhancedDropdownPanel{max-height:250px}}@media (max-width: 768px){.drAOenhancedDropdownInput,.drAOenhancedDropdownSearchInput{font-size:10px;padding:5px 25px 5px 8px}.drAOenhancedDropdownOption{padding:8px 12px;font-size:10px}.drAOenhancedDropdownPanel{max-height:200px;min-width:200px}.drAOenhancedDropdownSearch{padding:8px}}@media (prefers-color-scheme: dark){.drAOenhancedDropdownPanel{background-color:#2d3748;border-color:#4a5568}.drAOenhancedDropdownSearch{background-color:#1a202c;border-bottom-color:#4a5568}.drAOenhancedDropdownOption{color:#e2e8f0;background-color:#2d3748;border-bottom-color:#4a5568}.drAOenhancedDropdownOption:hover{background:linear-gradient(135deg,#4a5568,#2d3748);color:#63b3ed}.drAOenhancedDropdownInput,.drAOenhancedDropdownSearchInput{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.drAOselectedFiltersSection{background:linear-gradient(135deg,#2d3748,#1a202c)}.drAOselectedFiltersContent{background-color:#2d3748}.drAOfilterCard{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#4a5568}.drAOfilterLabel{color:#e2e8f0}.drAOfilterValue{color:#63b3ed;background:linear-gradient(135deg,#63b3ed,#90cdf4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}.drAOenhancedDropdownPanel{z-index:999999!important;pointer-events:auto!important}.drAOenhancedDropdownInput,.drAOenhancedDropdownArrow,.drAOenhancedDropdownOption{transition:all .2s cubic-bezier(.4,0,.2,1)}.drAOenhancedDropdownOption:focus{outline:2px solid #007bff;outline-offset:-2px;background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.drAOenhancedDropdownLoading{padding:16px;text-align:center;color:#007bff;font-size:12px}.drAOenhancedDropdownLoading:after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid #e1e7ef;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.selectedConfigContainer{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;margin:20px;padding:15px 20px;box-shadow:0 2px 8px #0000000d}.selectedConfigHeader{font-size:14px;font-weight:700;color:#495057;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.selectedConfigItems{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.configItem{display:flex;align-items:center;gap:8px;padding:8px 0}.configLabel{font-size:13px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.3px;min-width:fit-content}.configValue{font-size:14px;font-weight:500;color:#2c5282;background-color:#fff;padding:4px 12px;border-radius:16px;border:1px solid #e1e7ef;box-shadow:0 1px 3px #0000001a;min-width:120px;text-align:center}@media (max-width: 768px){.selectedConfigItems{flex-direction:column;align-items:stretch;gap:12px}.configItem{justify-content:space-between;padding:10px 0;border-bottom:1px solid #e9ecef}.configItem:last-child{border-bottom:none}.configValue{min-width:auto;flex:1;text-align:right}}.configValue:hover{background-color:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.selectedConfigContainer{animation:slideInFromTop .3s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.selectedConfigContainer{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;margin:20px;padding:15px 20px;box-shadow:0 2px 4px #0000001a;position:relative}.selectedConfigHeader{font-size:14px;font-weight:700;color:#2c5282;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.selectedConfigItems{display:flex;gap:20px;flex-wrap:wrap}.configItem{display:flex;align-items:center;padding:6px 14px;background:#fff;border:1px solid transparent;border-radius:999px;font-size:13px;box-shadow:0 1px 3px #0000000d;border-image:linear-gradient(to right,#6b46c1,#3182ce) 1;max-width:fit-content;gap:4px;transition:box-shadow .2s ease}.configItem:hover{box-shadow:0 2px 8px #00000014}.configLabel{font-weight:500;color:#4a5568;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin:0}.configValue{font-weight:600;color:#5a67d8;font-size:13px;margin-left:4px}.backToDrawingEntryButton{position:absolute;top:15px;right:20px;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #4299e14d}.backToDrawingEntryButton:hover{background:linear-gradient(135deg,#3182ce,#2c5282);transform:translateY(-1px);box-shadow:0 4px 8px #4299e166}.backToDrawingEntryButton:active{transform:translateY(0);box-shadow:0 2px 4px #4299e14d}.backToDrawingEntryIcon{font-size:12px}@media (max-width: 768px){.selectedConfigContainer{padding-top:60px}.backToDrawingEntryButton{position:static;margin-bottom:15px;align-self:flex-start}.selectedConfigItems{flex-direction:column;gap:10px}.configItem{justify-content:space-between}}.file-label-terran{margin-left:8px;font-size:12px;background:#e3f2fd;padding:2px 6px;border-radius:4px;color:#1976d2;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.drAOdeleteRowBtngi{background-color:red;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.refMarkNoOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:10000}.refMarkNoModal{background:#fff;border-radius:16px;box-shadow:0 20px 50px #00000047;width:92%;max-width:520px;max-height:85vh;overflow:hidden;animation:modalPop .32s cubic-bezier(.16,1,.3,1)}@keyframes modalPop{0%{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.refMarkNoHeader{background:linear-gradient(135deg,#1e293b,#4f46e5);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.refMarkNoHeader h3{margin:0;font-size:17px;font-weight:600;letter-spacing:-.2px}.refMarkNoCloseBtn{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .18s}.refMarkNoCloseBtn:hover{background:#ffffff2e}.refMarkNoContent{padding:20px;overflow-y:auto;max-height:calc(85vh - 140px)}.refMarkNoLabel{font-size:13.5px;color:#4b5563;margin-bottom:6px;font-weight:500;display:block}.refMarkNoDropdownContainer{position:relative;margin-bottom:14px}.refMarkNoDropdownField{display:flex;align-items:center;border:2px solid #d1d5db;border-radius:10px;background:#fff;transition:all .2s ease;min-height:46px}.refMarkNoDropdownField:hover{border-color:#9ca3af}.refMarkNoDropdownField:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.refMarkNoDropdownInput{flex:1;border:none;outline:none;padding:0 16px;font-size:14px;background:transparent;cursor:pointer}.refMarkNoDropdownInput::placeholder{color:#9ca3af}.refMarkNoDropdownArrow{background:none;border:none;color:#6b7280;font-size:18px;padding:0 16px;cursor:pointer;transition:color .2s}.refMarkNoDropdownArrow:hover{color:#374151}.refMarkNoDropdownPanel{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:2px solid #d1d5db;border-radius:10px;box-shadow:0 12px 30px #00000029;z-index:1001;overflow:hidden;max-height:320px;display:flex;flex-direction:column}.refMarkNoDropdownSearch{padding:10px 12px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.refMarkNoSearchInput{width:100%;padding:8px 8px 8px 36px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none}.refMarkNoSearchInput:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.refMarkNoDropdownOptions{flex:1;overflow-y:auto;padding:6px 0}.refMarkNoDropdownOption{padding:10px 16px;cursor:pointer;font-size:14px;color:#1f2937;transition:all .15s}.refMarkNoDropdownOption:hover,.refMarkNoDropdownOption:focus{background:#eef2ff;color:#4f46e5}.refMarkNoDropdownEmpty,.refMarkNoDropdownLoading{padding:24px 16px;text-align:center;color:#6b7280;font-size:14px}.refMarkNoDropdownLoading{color:#6366f1;display:flex;align-items:center;justify-content:center;gap:8px}.refMarkNoNewMarkInput{width:100%;padding:12px 16px;border:2px solid #d1d5db;border-radius:10px;font-size:14px;margin:14px 0;outline:none;transition:all .2s}.refMarkNoNewMarkInput:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.refMarkNoNewMarkInput::placeholder{color:#9ca3af}.refMarkNoNewMarkInput:disabled{background:#f3f4f6;cursor:not-allowed}.refMarkNoFooter{padding:16px 20px;background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.refMarkNoConfirmBtn,.refMarkNoCancelBtn{padding:10px 22px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:90px}.refMarkNoConfirmBtn{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none}.refMarkNoConfirmBtn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.refMarkNoConfirmBtn:disabled{background:#cbd5e1;cursor:not-allowed}.refMarkNoCancelBtn{background:#e5e7eb;color:#374151;border:none}.refMarkNoCancelBtn:hover:not(:disabled){background:#d1d5db;transform:translateY(-1px)}.drAOrefMarkNoBtngi{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;border:none;padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 3px 10px #3b82f640;transition:all .22s ease}.drAOrefMarkNoBtngi:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f659}.drAOrefMarkNoBtngi:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none}@media (max-width: 640px){.refMarkNoModal{width:96%;margin:12px;max-height:90vh}.refMarkNoHeader,.refMarkNoContent,.refMarkNoFooter{padding:14px 16px}}.dmnOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:dmnFadeIn .2s ease-out}@keyframes dmnFadeIn{0%{opacity:0}to{opacity:1}}.dmnModal{background-color:#fff;border-radius:10px;box-shadow:0 15px 40px #00000040;max-width:500px;width:95%;max-height:80vh;overflow:hidden;animation:dmnSlideIn .2s ease-out;border:1px solid #e1e7ef}@keyframes dmnSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dmnHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:linear-gradient(135deg,#f59e0b,#d97706);border-bottom:1px solid #b45309}.dmnHeaderContent{display:flex;align-items:center;gap:10px}.dmnWarningIcon{font-size:20px;color:#fff;animation:dmnPulse 2s infinite}@keyframes dmnPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dmnTitle{margin:0;font-size:18px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.dmnCloseButton{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.dmnCloseButton:hover{background-color:#fff3;transform:rotate(90deg)}.dmnBody{padding:16px 18px;background-color:#fff;max-height:50vh;overflow-y:auto}.dmnMessage{margin-bottom:15px}.dmnMainText{font-size:15px;color:#2d3748;margin:0 0 8px;line-height:1.5;font-weight:500}.dmnSubText{font-size:13px;color:#6c757d;margin:0;line-height:1.4}.dmnExistingData{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;padding:15px;border:1px solid #dee2e6;margin-bottom:15px}.dmnExistingTitle{margin:0 0 12px;font-size:14px;font-weight:600;color:#2c5282}.dmnDataGrid{display:grid;gap:10px}.dmnDataRow{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #e2e8f0}.dmnDataRow:last-child{border-bottom:none}.dmnDataLabel{font-weight:600;color:#4a5568;font-size:13px;min-width:100px}.dmnDataValue{font-weight:500;color:#2d3748;font-size:13px;background-color:#fff;padding:3px 8px;border-radius:6px;border:1px solid #e2e8f0;text-align:right;flex:1;margin-left:8px}.dmnWarningBox{display:flex;align-items:flex-start;gap:10px;background:linear-gradient(135deg,#fef3cd,#fde68a);border:1px solid #f59e0b;border-radius:8px;padding:12px;margin-top:15px}.dmnWarningBoxIcon{color:#d97706;font-size:16px;margin-top:2px;flex-shrink:0}.dmnWarningText{color:#92400e;font-size:13px;line-height:1.4}.dmnFooter{display:flex;gap:10px;justify-content:flex-end;padding:16px 18px;background-color:#f8f9fa;border-top:1px solid #e2e8f0}.dmnButton{padding:10px 18px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden}.dmnCancelButton{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.dmnCancelButton:hover{background:linear-gradient(135deg,#495057,#343a40);transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}.dmnConfirmButton{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.dmnConfirmButton:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b66}.dmnConfirmButton:active{transform:translateY(0);box-shadow:0 2px 4px #f59e0b4d}.dmnButton:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.dmnButton:active:before{width:300px;height:300px}.dmnBody::-webkit-scrollbar{width:6px}.dmnBody::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dmnBody::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dmnBody::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.dmnModal{width:95%;margin:10px}.dmnHeader{padding:10px 15px}.dmnBody{padding:14px 15px}.dmnFooter{padding:14px 15px;flex-direction:column}.dmnButton{width:100%}.dmnDataRow{flex-direction:column;align-items:flex-start;gap:4px}.dmnDataValue{margin-left:0;width:100%;text-align:left}}.dmnButton:focus,.dmnCloseButton:focus{outline:2px solid #2c5282;outline-offset:2px}.dmnModal *{transition:all .2s cubic-bezier(.4,0,.2,1)}.import-excel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000}.import-excel-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.import-excel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.import-excel-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.import-excel-close{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.import-excel-close:hover{background-color:#f3f4f6;color:#374151}.import-excel-content{padding:24px}.import-excel-dropzone{border:2px dashed #d1d5db;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#fafafa}.import-excel-dropzone:hover,.import-excel-dropzone.drag-over{border-color:#3b82f6;background-color:#eff6ff}.import-excel-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:12px}.import-excel-plus-icon{font-size:32px;color:#3b82f6;background-color:#dbeafe;padding:12px;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.import-excel-dropzone p{margin:0;color:#6b7280;font-size:14px}.browse-link{color:#3b82f6;text-decoration:underline;cursor:pointer}.file-size-limit{color:#ef4444!important;font-size:12px!important;display:flex;align-items:center;gap:4px}.file-size-limit:before{content:"⚠";color:#ef4444}.import-excel-file-preview{margin-top:20px;padding:16px;background-color:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e2e8f0}.file-info{display:flex;align-items:center;gap:12px;flex:1}.file-icon{font-size:24px;color:#059669;background-color:#d1fae5;padding:8px;border-radius:6px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.file-details{display:flex;flex-direction:column;gap:2px}.file-name{font-weight:500;color:#111827;font-size:14px}.file-size{color:#6b7280;font-size:12px}.file-actions{display:flex;gap:8px}.action-btn{background:none;border:1px solid #d1d5db;border-radius:6px;padding:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.download-btn{color:#3b82f6;border-color:#3b82f6}.download-btn:hover{background-color:#3b82f6;color:#fff}.delete-btn{color:#ef4444;border-color:#ef4444}.delete-btn:hover{background-color:#ef4444;color:#fff}.import-excel-actions{margin-top:20px;display:flex;justify-content:flex-end}.import-excel-save-btn{background-color:#2a4365;color:#fff;border:none;border-radius:6px;padding:10px 24px;font-weight:500;cursor:pointer;transition:all .2s;font-size:14px}.import-excel-save-btn:hover:not(:disabled){background-color:#2a4365;transform:translateY(-1px)}.import-excel-save-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}@media (max-width: 640px){.import-excel-modal{width:95%;margin:20px}.import-excel-header,.import-excel-content{padding:16px}.import-excel-dropzone{padding:30px 15px}.import-excel-plus-icon{font-size:24px;width:48px;height:48px;padding:10px}.file-info{gap:8px}.file-icon{width:32px;height:32px;font-size:18px;padding:6px}}.preElephantcation{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:#f8f9fa;min-height:100vh;overflow:visible!important}.preLioncation{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f0f7ff;border-bottom:1px solid #e1e7ef}.preTigercation h3{margin:0;font-size:15px;font-weight:500;color:#2c3e50}.preSectionTitlecation{margin:0;font-size:18px;font-weight:600;color:#1a202c;padding-bottom:10px;border-bottom:2px solid #2c5282}.preSaveBtncation{display:flex;align-items:center;gap:8px;background-color:#2c5282!important;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s;box-shadow:0 2px 4px #2c52824d}.preSaveBtncation:hover:not(:disabled){background-color:#2a4365!important;transform:translateY(-1px);box-shadow:0 4px 8px #2c528266}.preSaveBtncation:disabled{background-color:#a0aec0!important;cursor:not-allowed;transform:none;box-shadow:none}.preSpinIconcation{animation:preSpin 1s linear infinite}@keyframes preSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preGiraffecation{display:flex;align-items:center;gap:8px;background-color:#2c5282;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #2c52824d}.preGiraffecation:hover{background-color:#2a4365;transform:translateY(-1px);box-shadow:0 4px 8px #2c528266}.preZebracation{padding:20px;background-color:#fff;border-radius:8px;margin:20px;box-shadow:0 2px 6px #0000001a;overflow:visible!important}.preHippocation{display:flex;flex-direction:column;gap:20px;overflow:visible!important}.preRhinocation{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;align-items:center;overflow:visible!important}.preServiceSectioncation{display:flex;flex-direction:column;gap:8px}.preLabelcation{font-size:14px;font-weight:600;color:#2d3748}.preServiceInputcation{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;background-color:#f9fafb}.preServiceInputcation:focus{border-color:#2c5282;box-shadow:0 0 0 3px #2c52821a}.preServiceInputcation.readonly{background-color:#e9ecef;cursor:not-allowed}.preLeopardcation{margin:20px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:visible!important;position:relative}.preTableWrappercation{overflow-x:auto;overflow-y:visible!important;max-height:600px;position:relative}.preDrawingTablecation{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.preDrawingTablecation thead{background-color:#2c5282;position:sticky;top:0;z-index:2}.preDrawingTablecation th{padding:12px 15px;text-align:left;font-size:14px;font-weight:600;color:#fff;border:none;white-space:nowrap;min-width:150px}.preDrawingTablecation td{padding:12px 15px;font-size:14px;color:#2d3748;white-space:nowrap;border:none;min-width:150px;overflow:visible!important}.preDrawingTablecation tbody tr{border-bottom:1px solid #e2e8f0;background-color:#f9fafb}.preDrawingTablecation tbody tr:hover{background-color:#edf2f7}.preInputcation{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;background-color:#fff}.preInputcation:focus{border-color:#2c5282;box-shadow:0 0 0 3px #2c52821a}.preLynxcation{width:100%;border-collapse:collapse;min-width:1400px;overflow:visible!important;position:relative}.preLynxcation thead{background-color:#2d3748;position:sticky;top:0;z-index:2}.preLynxcation th{padding:10px 15px;text-align:left;font-size:13px;font-weight:600;color:#fff;border:none;white-space:nowrap;min-width:120px}.preLynxcation td{padding:10px 15px;font-size:13px;color:#2d3748;white-space:nowrap;border:none;min-width:120px;overflow:visible!important;position:relative}.preLynxcation tbody tr{border-bottom:1px solid #e2e8f0;overflow:visible}.preLynxcation tbody tr:hover{background-color:#f7fafc}.preBearchation{background-color:#fff!important;border:1px solid #e2e8f0}.preBearchation:hover{background-color:#fff!important}.preFoxcation{width:140px;padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:12px;outline:none;transition:border-color .2s ease;min-width:120px;background-color:#fff}.preFoxcation:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.preFoxcation.readonly{background-color:#e9ecef;cursor:not-allowed}.preActionscation{display:flex;gap:5px;justify-content:center}.preActionButtoncation{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;font-size:16px;color:#fff;box-shadow:0 2px 4px #0003;transition:all .2s}.preActionButtoncation:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.preActionButtoncation:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 1px 2px #0000001a}.preDeleteButtoncation{background-color:#f56565}.preDeleteButtoncation:hover:not(:disabled){background-color:#e53e3e}@media (max-width: 768px){.preLynxcation{font-size:11px}.preLynxcation th,.preLynxcation td{padding:8px 10px}.preFoxcation{min-width:100px;font-size:11px}.preRhinocation{grid-template-columns:1fr;gap:10px}.preDrawingTablecation th,.preDrawingTablecation td{padding:8px 10px;min-width:120px}.preInputcation{font-size:12px}}.meterElephantEntries{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:#f8f9fa;min-height:100vh;overflow:visible!important}.meterLionEntries{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f0f7ff;border-bottom:1px solid #e1e7ef}.meterTigerEntries h3{margin:0;font-size:15px;font-weight:500;color:#2c3e50}.meterSaveBtnEntries{display:flex;align-items:center;gap:8px;background-color:#2c5282!important;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s;box-shadow:0 2px 4px #2c52824d}.meterSaveBtnEntries:hover:not(:disabled){background-color:#2a4365!important;transform:translateY(-1px);box-shadow:0 4px 8px #2c528266}.meterSaveBtnEntries:disabled{background-color:#a0aec0!important;cursor:not-allowed;transform:none;box-shadow:none}.meterRefreshIconEntries{font-size:16px}.meterSpinIconEntries{animation:meterSpin 1s linear infinite}@keyframes meterSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.meterGiraffeEntries{display:flex;align-items:center;gap:8px;background-color:#2c5282;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #2c52824d}.meterGiraffeEntries:hover{background-color:#2a4365;transform:translateY(-1px);box-shadow:0 4px 8px #2c528266}.meterDateEntries{background:#90ee90!important;border-radius:8px;box-shadow:0 4px 12px #90ee904d}.meterAppleEntries{display:flex;align-items:center;gap:10px;font-weight:500}.meterBananaEntries{font-size:18px;animation:meterCheckmark .6s ease-in-out;color:#22543d}.meterCherryEntries{font-weight:700;color:#22543d}@keyframes meterCheckmark{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg);opacity:1}to{transform:scale(1) rotate(360deg);opacity:1}}.meterZebraEntries{padding:15px 20px;background-color:#fff;border-bottom:1px solid #e1e7ef;overflow:visible!important}.meterHippoEntries{display:flex;flex-direction:column;gap:15px;overflow:visible!important}.meterRhinoEntries{display:flex;gap:10px;align-items:center;overflow:visible!important}.meterServiceSectionEntries{margin-top:30px}.meterLeopardEntries{margin:20px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:visible!important;position:relative}.meterTableWrapperEntries{overflow-x:auto;overflow-y:visible!important;max-height:600px;position:relative}.meterPantherEntries{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5}.meterJaguarEntries{font-size:30px;color:#3182ce;animation:meterSpin 1s linear infinite}.meterCougarEntries{margin-top:10px;font-size:14px;color:#4a5568}.meterLynxEntries{width:100%;border-collapse:collapse;min-width:1200px;overflow:visible!important;position:relative}.meterLynxEntries thead{background-color:#2d3748;position:sticky;top:0;z-index:2}.meterLynxEntries th{padding:10px 15px;text-align:left;font-size:13px;font-weight:600;color:#fff;border:none;white-space:nowrap;min-width:120px}.meterLynxEntries td{padding:10px 15px;font-size:13px;color:#2d3748;white-space:nowrap;border:none;min-width:120px;overflow:visible!important;position:relative}.meterLynxEntries tbody tr{border-bottom:1px solid #e2e8f0;overflow:visible}.meterLynxEntries tbody tr:hover{background-color:#f7fafc}.meterBearEntries{background-color:#fff!important;border:1px solid #e2e8f0}.meterBearEntries:hover{background-color:#fff!important}.meterFoxEntries{width:140px;padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:12px;outline:none;transition:border-color .2s ease;min-width:120px;background-color:#fff}.meterFoxEntries:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.meterFoxEntries.readonly{background-color:#e9ecef;cursor:not-allowed}.meterServiceInputEntries{width:140px;padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:12px;outline:none;transition:border-color .2s ease;min-width:120px;background-color:#fff}.meterServiceTableEntries{position:relative;z-index:1}.meterServiceTableEntries td{position:relative;overflow:visible!important}.meterTotalRowEntries{background-color:#f8f9fa!important;border-top:2px solid #2c5282!important;font-weight:700}.meterTotalRowEntries:hover{background-color:#f8f9fa!important}.meterTotalLabelEntries{text-align:right;font-size:14px;font-weight:700;color:#2c5282;background-color:#e3f2fd;border-right:1px solid #2c5282}.meterTotalValueEntries{font-size:14px;font-weight:700;color:#2c5282;background-color:#e3f2fd;text-align:center;border-left:1px solid #2c5282}.meterActionsEntries{display:flex;gap:5px;justify-content:center}.meterActionButtonEntries{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;font-size:16px;color:#fff;box-shadow:0 2px 4px #0003;transition:all .2s}.meterActionButtonEntries:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.meterActionButtonEntries:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 1px 2px #0000001a}.meterDeleteButtonEntries{background-color:#f56565}.meterDeleteButtonEntries:hover:not(:disabled){background-color:#e53e3e}.meterYakEntries td{padding:40px 0}.meterCamelEntries{display:flex;flex-direction:column;align-items:center;justify-content:center}.meterLlamaEntries{font-size:14px;color:#a0aec0}@media (max-width: 768px){.meterLynxEntries{font-size:11px}.meterLynxEntries th,.meterLynxEntries td{padding:8px 10px}.meterFoxEntries{min-width:100px;font-size:11px}.meterRhinoEntries{flex-direction:column;align-items:stretch}}.service-code-container{position:relative;width:100%;min-width:140px}.service-code-select{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;cursor:pointer;font-size:14px;height:38px;transition:all .2s ease}.service-code-select:hover{border-color:#9ca3af;box-shadow:0 0 0 3px #3b82f61a}.service-code-select .selected{color:#1f2937;font-weight:500}.service-code-select .placeholder{color:#9ca3af}.service-code-select .arrow{transition:transform .2s ease;font-size:14px;color:#6b7280}.service-code-select .arrow.open{transform:rotate(180deg)}.service-code-dropdownpanel{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000;max-height:320px;overflow:hidden;display:flex;flex-direction:column}.service-code-searchbox{position:relative;padding:8px 12px;border-bottom:1px solid #e5e7eb}.service-code-searchbox .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af}.service-code-searchbox input{width:100%;padding:8px 8px 8px 32px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none}.service-code-searchbox input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.service-code-options{flex:1;overflow-y:auto;max-height:280px}.service-code-option{display:flex;flex-direction:column;padding:10px 12px;cursor:pointer;transition:all .15s ease;border-bottom:1px solid #f3f4f6}.service-code-option:last-child{border-bottom:none}.service-code-option:hover{background-color:#f3f4f6}.service-code-option.selected{background-color:#eff6ff;color:#1d4ed8}.service-code-option strong{font-size:14px;font-weight:600;color:#1f2937}.service-code-option span{font-size:12px;color:#6b7280;margin-top:2px}.no-results{padding:16px;text-align:center;color:#6b7280;font-size:14px}.scs-trigger{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 10px;width:100%;min-width:150px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;overflow:hidden}.scs-trigger:hover{border-color:#9ca3af}.scs-trigger--open{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.scs-trigger-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#111827}.scs-placeholder{color:#9ca3af}.scs-chevron{flex-shrink:0;font-size:11px;color:#6b7280;transition:color .15s}.scs-chevron--open{color:#3b82f6}.scs-panel{position:absolute;z-index:999999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 12px 36px #00000021;display:flex;flex-direction:column;overflow:hidden}.scs-search-bar{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #e5e7eb;background:#f8fafc;flex-shrink:0}.scs-search-icon{font-size:12px;color:#94a3b8;flex-shrink:0}.scs-search-input{flex:1;border:none;outline:none;background:transparent;font-size:13px;color:#111827;padding:0;min-width:0}.scs-search-input::placeholder{color:#94a3b8}.scs-clear-btn{background:transparent;border:none;cursor:pointer;color:#94a3b8;font-size:20px;line-height:1;padding:0 2px;display:flex;align-items:center;transition:color .1s}.scs-clear-btn:hover{color:#ef4444}.scs-match-bar{padding:4px 14px;font-size:11px;font-weight:500;color:#2563eb;background:#eff6ff;border-bottom:1px solid #bfdbfe;flex-shrink:0}.scs-match-bar--none{color:#dc2626;background:#fef2f2;border-bottom-color:#fecaca}.scs-list{max-height:260px;overflow-y:auto;overflow-x:hidden;flex:1}.scs-list::-webkit-scrollbar{width:5px}.scs-list::-webkit-scrollbar-track{background:#f1f5f9}.scs-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.scs-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.scs-state-msg{padding:18px 16px;font-size:13px;color:#6b7280;text-align:center}.scs-option{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;border-left:3px solid transparent;background:transparent;transition:background .06s;gap:8px}.scs-option:not(:last-child){border-bottom:1px solid #f1f5f9}.scs-option--hl{background:#eff6ff;border-left-color:#3b82f6}.scs-option--sel{background:#f0fdf4;border-left-color:#22c55e}.scs-option--hl.scs-option--sel{background:#eff6ff;border-left-color:#3b82f6}.scs-option-inner{display:flex;flex-direction:column;gap:1px;flex:1;overflow:hidden;min-width:0}.scs-option-code{font-weight:600;color:#1e293b;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scs-option-name{color:#64748b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scs-option-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.scs-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.03em}.scs-badge--exact{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.scs-badge--start{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.scs-check{font-size:11px;color:#22c55e;flex-shrink:0}.scs-footer{padding:5px 14px 6px;font-size:11px;color:#94a3b8;border-top:1px solid #e5e7eb;background:#f8fafc;flex-shrink:0;text-align:right}.inchElephantMeteration{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:#f8f9fa;min-height:100vh;overflow:visible!important}.inchLionMeteration{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f0f7ff;border-bottom:1px solid #e1e7ef}.inchTigerMeteration h3{margin:0;font-size:15px;font-weight:500;color:#2c3e50}.inchSaveBtnMeteration{display:flex;align-items:center;gap:8px;background-color:#2c5282!important;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s;box-shadow:0 2px 4px #2c52824d}.inchSaveBtnMeteration:hover:not(:disabled){background-color:#2a4365!important;transform:translateY(-1px);box-shadow:0 4px 8px #2c528266}.inchSaveBtnMeteration:disabled{background-color:#a0aec0!important;cursor:not-allowed;transform:none;box-shadow:none}.inchRefreshIconMeteration{font-size:16px}.inchSpinIconMeteration{animation:inchSpin 1s linear infinite}@keyframes inchSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inchGiraffeMeteration{display:flex;align-items:center;gap:8px;background-color:#2c5282;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #2c52824d}.inchGiraffeMeteration:hover{background-color:#2a4365;transform:translateY(-1px);box-shadow:0 4px 8px #2c528266}.inchDateMeteration{background:#90ee90!important;border-radius:8px;box-shadow:0 4px 12px #90ee904d}.inchAppleMeteration{display:flex;align-items:center;gap:10px;font-weight:500}.inchBananaMeteration{font-size:18px;animation:inchCheckmark .6s ease-in-out;color:#22543d}.inchCherryMeteration{font-weight:700;color:#22543d}@keyframes inchCheckmark{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg);opacity:1}to{transform:scale(1) rotate(360deg);opacity:1}}.inchZebraMeteration{padding:15px 20px;background-color:#fff;border-bottom:1px solid #e1e7ef;overflow:visible!important}.inchHippoMeteration{display:flex;flex-direction:column;gap:15px;overflow:visible!important}.inchRhinoMeteration{display:flex;gap:10px;align-items:center;overflow:visible!important}.inchServiceSectionMeteration{margin-top:30px}.inchLeopardMeteration{margin:20px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:visible!important;position:relative}.inchTableWrapperMeteration{overflow-x:auto;overflow-y:visible!important;max-height:600px;position:relative}.inchPantherMeteration{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5}.inchJaguarMeteration{font-size:30px;color:#3182ce;animation:inchSpin 1s linear infinite}.inchCougarMeteration{margin-top:10px;font-size:14px;color:#4a5568}.inchLynxMeteration{width:100%;border-collapse:collapse;min-width:1200px;overflow:visible!important;position:relative}.inchLynxMeteration thead{background-color:#2d3748;position:sticky;top:0;z-index:2}.inchLynxMeteration th{padding:10px 15px;text-align:left;font-size:13px;font-weight:600;color:#fff;border:none;white-space:nowrap;min-width:120px}.inchLynxMeteration td{padding:10px 15px;font-size:13px;color:#2d3748;white-space:nowrap;border:none;min-width:120px;overflow:visible!important;position:relative}.inchLynxMeteration tbody tr{border-bottom:1px solid #e2e8f0;overflow:visible}.inchLynxMeteration tbody tr:hover{background-color:#f7fafc}.inchBearMeteration{background-color:#fff!important;border:1px solid #e2e8f0}.inchBearMeteration:hover{background-color:#fff!important}.inchFoxMeteration{width:140px;padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:12px;outline:none;transition:border-color .2s ease;min-width:120px;background-color:#fff}.inchFoxMeteration:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.inchFoxMeteration.readonly{background-color:#e9ecef;cursor:not-allowed}.inchServiceInputMeteration{width:140px;padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:12px;outline:none;transition:border-color .2s ease;min-width:120px;background-color:#fff}.inchServiceTableMeteration{position:relative;z-index:1}.inchServiceTableMeteration td{position:relative;overflow:visible!important}.inchTotalRowMeteration{background-color:#f8f9fa!important;border-top:2px solid #2c5282!important;font-weight:700}.inchTotalRowMeteration:hover{background-color:#f8f9fa!important}.inchTotalLabelMeteration{text-align:right;font-size:14px;font-weight:700;color:#2c5282;background-color:#e3f2fd;border-right:1px solid #2c5282}.inchTotalValueMeteration{font-size:14px;font-weight:700;color:#2c5282;background-color:#e3f2fd;text-align:center;border-left:1px solid #2c5282}.inchActionsMeteration{display:flex;gap:5px;justify-content:center}.inchActionButtonMeteration{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;font-size:16px;color:#fff;box-shadow:0 2px 4px #0003;transition:all .2s}.inchActionButtonMeteration:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.inchActionButtonMeteration:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 1px 2px #0000001a}.inchDeleteButtonMeteration{background-color:#f56565}.inchDeleteButtonMeteration:hover:not(:disabled){background-color:#e53e3e}.inchYakMeteration td{padding:40px 0}.inchCamelMeteration{display:flex;flex-direction:column;align-items:center;justify-content:center}.inchLlamaMeteration{font-size:14px;color:#a0aec0}@media (max-width: 768px){.inchLynxMeteration{font-size:11px}.inchLynxMeteration th,.inchLynxMeteration td{padding:8px 10px}.inchFoxMeteration{min-width:100px;font-size:11px}.inchRhinoMeteration{flex-direction:column;align-items:stretch}}.squareElephantMeteration{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:#f8f9fa;min-height:100vh;overflow:visible!important}.squareLionMeteration{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f0f7ff;border-bottom:1px solid #e1e7ef}.squareTigerMeteration h3{margin:0;font-size:15px;font-weight:500;color:#2c3e50}.squareSaveBtnMeteration{display:flex;align-items:center;gap:8px;background-color:#2c5282!important;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s;box-shadow:0 2px 4px #2c52824d}.squareSaveBtnMeteration:hover:not(:disabled){background-color:#2a4365!important;transform:translateY(-1px);box-shadow:0 4px 8px #2c528266}.squareSaveBtnMeteration:disabled{background-color:#a0aec0!important;cursor:not-allowed;transform:none;box-shadow:none}.squareRefreshIconMeteration{font-size:16px}.squareSpinIconMeteration{animation:squareSpin 1s linear infinite}@keyframes squareSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.squareGiraffeMeteration{display:flex;align-items:center;gap:8px;background-color:#2c5282;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #2c52824d}.squareGiraffeMeteration:hover{background-color:#2a4365;transform:translateY(-1px);box-shadow:0 4px 8px #2c528266}.squareDateMeteration{background:#90ee90!important;border-radius:8px;box-shadow:0 4px 12px #90ee904d}.squareAppleMeteration{display:flex;align-items:center;gap:10px;font-weight:500}.squareBananaMeteration{font-size:18px;animation:squareCheckmark .6s ease-in-out;color:#22543d}.squareCherryMeteration{font-weight:700;color:#22543d}@keyframes squareCheckmark{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg);opacity:1}to{transform:scale(1) rotate(360deg);opacity:1}}.squareZebraMeteration{padding:15px 20px;background-color:#fff;border-bottom:1px solid #e1e7ef;overflow:visible!important}.squareHippoMeteration{display:flex;flex-direction:column;gap:15px;overflow:visible!important}.squareRhinoMeteration{display:flex;gap:10px;align-items:center;overflow:visible!important}.squareServiceSectionMeteration{margin-top:30px}.squareLeopardMeteration{margin:20px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:visible!important;position:relative}.squareTableWrapperMeteration{overflow-x:auto;overflow-y:visible!important;max-height:600px;position:relative}.squarePantherMeteration{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5}.squareJaguarMeteration{font-size:30px;color:#3182ce;animation:squareSpin 1s linear infinite}.squareCougarMeteration{margin-top:10px;font-size:14px;color:#4a5568}.squareLynxMeteration{width:100%;border-collapse:collapse;min-width:1200px;overflow:visible!important;position:relative}.squareLynxMeteration thead{background-color:#2d3748;position:sticky;top:0;z-index:2}.squareLynxMeteration th{padding:10px 15px;text-align:left;font-size:13px;font-weight:600;color:#fff;border:none;white-space:nowrap;min-width:120px}.squareLynxMeteration td{padding:10px 15px;font-size:13px;color:#2d3748;white-space:nowrap;border:none;min-width:120px;overflow:visible!important;position:relative}.squareLynxMeteration tbody tr{border-bottom:1px solid #e2e8f0;overflow:visible}.squareLynxMeteration tbody tr:hover{background-color:#f7fafc}.squareBearMeteration{background-color:#fff!important;border:1px solid #e2e8f0}.squareBearMeteration:hover{background-color:#fff!important}.squareFoxMeteration{width:140px;padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:12px;outline:none;transition:border-color .2s ease;min-width:120px;background-color:#fff}.squareFoxMeteration:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.squareFoxMeteration.readonly{background-color:#e9ecef;cursor:not-allowed}.squareServiceInputMeteration{width:140px;padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:12px;outline:none;transition:border-color .2s ease;min-width:120px;background-color:#fff}.squareServiceTableMeteration{position:relative;z-index:1}.squareServiceTableMeteration td{position:relative;overflow:visible!important}.squareTotalRowMeteration{background-color:#f8f9fa!important;border-top:2px solid #2c5282!important;font-weight:700}.squareTotalRowMeteration:hover{background-color:#f8f9fa!important}.squareTotalLabelMeteration{text-align:right;font-size:14px;font-weight:700;color:#2c5282;background-color:#e3f2fd;border-right:1px solid #2c5282}.squareTotalValueMeteration{font-size:14px;font-weight:700;color:#2c5282;background-color:#e3f2fd;text-align:center;border-left:1px solid #2c5282}.squareActionsMeteration{display:flex;gap:5px;justify-content:center}.squareActionButtonMeteration{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;font-size:16px;color:#fff;box-shadow:0 2px 4px #0003;transition:all .2s}.squareActionButtonMeteration:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.squareActionButtonMeteration:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 1px 2px #0000001a}.squareDeleteButtonMeteration{background-color:#f56565}.squareDeleteButtonMeteration:hover:not(:disabled){background-color:#e53e3e}.squareYakMeteration td{padding:40px 0}.squareCamelMeteration{display:flex;flex-direction:column;align-items:center;justify-content:center}.squareLlamaMeteration{font-size:14px;color:#a0aec0}@media (max-width: 768px){.squareLynxMeteration{font-size:11px}.squareLynxMeteration th,.squareLynxMeteration td{padding:8px 10px}.squareFoxMeteration{min-width:100px;font-size:11px}.squareRhinoMeteration{flex-direction:column;align-items:stretch}}.cubicElephantMeteration{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:#f8f9fa;min-height:100vh;overflow:visible!important}.cubicLionMeteration{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f0f7ff;border-bottom:1px solid #e1e7ef}.cubicTigerMeteration h3{margin:0;font-size:15px;font-weight:500;color:#2c3e50}.cubicSaveBtnMeteration{display:flex;align-items:center;gap:8px;background-color:#2c5282!important;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s;box-shadow:0 2px 4px #2c52824d}.cubicSaveBtnMeteration:hover:not(:disabled){background-color:#2a4365!important;transform:translateY(-1px);box-shadow:0 4px 8px #2c528266}.cubicSaveBtnMeteration:disabled{background-color:#a0aec0!important;cursor:not-allowed;transform:none;box-shadow:none}.cubicRefreshIconMeteration{font-size:16px}.cubicSpinIconMeteration{animation:cubicSpin 1s linear infinite}.cubicGiraffeMeteration{display:flex;align-items:center;gap:8px;background-color:#2c5282;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #2c52824d}.cubicGiraffeMeteration:hover{background-color:#2a4365;transform:translateY(-1px);box-shadow:0 4px 8px #2c528266}.cubicDateMeteration{background:#90ee90!important;border-radius:8px;box-shadow:0 4px 12px #90ee904d}.cubicAppleMeteration{display:flex;align-items:center;gap:10px;font-weight:500}.cubicBananaMeteration{font-size:18px;animation:cubicCheckmark .6s ease-in-out;color:#22543d}.cubicCherryMeteration{font-weight:700;color:#22543d}@keyframes cubicCheckmark{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg);opacity:1}to{transform:scale(1) rotate(360deg);opacity:1}}.cubicZebraMeteration{padding:15px 20px;background-color:#fff;border-bottom:1px solid #e1e7ef;overflow:visible!important}.cubicHippoMeteration{display:flex;flex-direction:column;gap:15px;overflow:visible!important}.cubicRhinoMeteration{display:flex;gap:10px;align-items:center;overflow:visible!important}.cubicServiceSectionMeteration{margin-top:30px}.cubicLeopardMeteration{margin:20px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:visible!important;position:relative}.cubicTableWrapperMeteration{overflow-x:auto;overflow-y:visible!important;max-height:600px;position:relative}.cubicPantherMeteration{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5}.cubicJaguarMeteration{font-size:30px;color:#3182ce;animation:cubicSpin 1s linear infinite}.cubicCougarMeteration{margin-top:10px;font-size:14px;color:#4a5568}.cubicLynxMeteration{width:100%;border-collapse:collapse;min-width:1400px;overflow:visible!important;position:relative}.cubicLynxMeteration thead{background-color:#2d3748;position:sticky;top:0;z-index:2}.cubicLynxMeteration th{padding:10px 15px;text-align:left;font-size:13px;font-weight:600;color:#fff;border:none;white-space:nowrap;min-width:120px}.cubicLynxMeteration td{padding:10px 15px;font-size:13px;color:#2d3748;white-space:nowrap;border:none;min-width:120px;overflow:visible!important;position:relative}.cubicLynxMeteration tbody tr{border-bottom:1px solid #e2e8f0;overflow:visible}.cubicLynxMeteration tbody tr:hover{background-color:#f7fafc}.cubicBearMeteration{background-color:#fff!important;border:1px solid #e2e8f0}.cubicBearMeteration:hover{background-color:#fff!important}.cubicFoxMeteration{width:140px;padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:12px;outline:none;transition:border-color .2s ease;min-width:120px;background-color:#fff}.cubicFoxMeteration:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.cubicFoxMeteration.readonly{background-color:#e9ecef;cursor:not-allowed}.cubicServiceInputMeteration{width:140px;padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:12px;outline:none;transition:border-color .2s ease;min-width:120px;background-color:#fff}.cubicServiceTableMeteration{position:relative;z-index:1}.cubicServiceTableMeteration td{position:relative;overflow:visible!important}.cubicTotalRowMeteration{background-color:#f8f9fa!important;border-top:2px solid #2c5282!important;font-weight:700}.cubicTotalRowMeteration:hover{background-color:#f8f9fa!important}.cubicTotalLabelMeteration{text-align:right;font-size:14px;font-weight:700;color:#2c5282;background-color:#e3f2fd;border-right:1px solid #2c5282}.cubicTotalValueMeteration{font-size:14px;font-weight:700;color:#2c5282;background-color:#e3f2fd;text-align:center;border-left:1px solid #2c5282}.cubicActionsMeteration{display:flex;gap:5px;justify-content:center}.cubicActionButtonMeteration{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;font-size:16px;color:#fff;box-shadow:0 2px 4px #0003;transition:all .2s}.cubicActionButtonMeteration:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.cubicActionButtonMeteration:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 1px 2px #0000001a}.cubicDeleteButtonMeteration{background-color:#f56565}.cubicDeleteButtonMeteration:hover:not(:disabled){background-color:#e53e3e}.cubicYakMeteration td{padding:40px 0}.cubicCamelMeteration{display:flex;flex-direction:column;align-items:center;justify-content:center}.cubicLlamaMeteration{font-size:14px;color:#a0aec0}@media (max-width: 768px){.cubicLynxMeteration{font-size:11px}.cubicLynxMeteration th,.cubicLynxMeteration td{padding:8px 10px}.cubicFoxMeteration{min-width:100px;font-size:11px}.cubicRhinoMeteration{flex-direction:column;align-items:stretch}}.reports-insights-container{width:100%;background-color:#f8f9fa;padding:20px;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative}.tabs-wrapper{background-color:#fff;border-bottom:1px solid #e0e0e0;margin:-20px -20px 25px;padding:0 20px}.tabs-container{display:flex;overflow-x:auto;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tab-button{padding:12px 18px;background:none;border:none;color:#555;font-size:13px;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap}.tab-button.active{color:#1976d2;border-bottom-color:#1976d2}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.report-card{background:#fff;border:1px solid #e5e5e5;border-top:2px solid;border-radius:6px;padding:16px 14px;display:flex;flex-direction:column;justify-content:space-between;min-height:130px;transition:all .3s ease;cursor:pointer;box-shadow:0 6px 20px #0000001f}.report-card:nth-child(10n+1){border-top-color:#1976d2}.report-card:nth-child(10n+2){border-top-color:#388e3c}.report-card:nth-child(10n+3){border-top-color:#f57c00}.report-card:nth-child(10n+4){border-top-color:#d32f2f}.report-card:nth-child(10n+5){border-top-color:#7b1fa2}.report-card:nth-child(10n+6){border-top-color:#0288d1}.report-card:nth-child(10n+7){border-top-color:#0097a7}.report-card:nth-child(10n+8){border-top-color:#afb42b}.report-card:nth-child(10n+9){border-top-color:#5d4037}.report-card:nth-child(10n+10){border-top-color:#c2185b}.report-card:hover{border-color:#ccc;border-top-color:inherit;box-shadow:0 10px 28px #0000002e;transform:translateY(-3px)}.card-content{margin-bottom:10px}.card-title{font-size:11.5px;font-weight:700;color:#222;margin-bottom:6px;line-height:1.4}.card-description{font-size:11px;color:#666;line-height:1.5}.card-footer{display:flex;align-items:center;justify-content:flex-start;padding-top:8px;border-top:1px solid #f0f0f0;gap:10px}.icon-button{background:none;border:none;color:#b5b5b5;cursor:pointer;transition:color .2s ease,transform .2s ease}.icon-button:hover{color:gray;transform:scale(1.1)}.star-icon{margin-right:5px}.arrow-icon{margin-left:auto}@media (max-width: 768px){.reports-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.loading,.error{text-align:center;padding:20px;font-size:16px;color:#333}.error{color:#d32f2f}.report-parameter-overlay{position:absolute;top:0;left:0;width:100%;min-height:100%;background:#fff9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding-top:50px;z-index:10;animation:smoothOverlay .4s ease-in-out}.report-parameter-wrapper{width:95%;max-width:1200px;background:#fff;border-radius:10px;box-shadow:0 10px 40px #00000026;padding:25px;overflow-y:auto;transition:all .3s ease}@keyframes smoothOverlay{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.report-parameter-fullpage{position:absolute;top:0;left:0;width:100%;min-height:100vh;background-color:#f5f6fa;display:flex;justify-content:center;align-items:flex-start;padding:40px 0;z-index:100;animation:fadeInSmooth .4s ease-in-out}@keyframes fadeInSmooth{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.parameter-inline-container{width:100%;display:flex;justify-content:center;align-items:flex-start;margin-top:20px;margin-bottom:40px;animation:fadeSlideIn .4s ease}.parameter-box{width:95%;max-width:1300px;background:#fff;border-radius:8px;box-shadow:0 6px 25px #00000026;padding:30px;transition:all .3s ease}.smooth-appear{animation:fadeSlideIn .4s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.parameter-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #f1f1f1;padding-bottom:10px;margin-bottom:25px}.parameter-header h2{font-size:20px;color:#333;margin:0;font-weight:600}.header-buttons{display:flex;gap:10px}.run-btn,.reset-btn{background-color:#000c1f;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:500;transition:all .3s ease}.run-btn:hover,.reset-btn:hover{background-color:#1a1a1a}.parameter-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 60px}.parameter-field{display:flex;flex-direction:column;gap:6px}.parameter-field label{font-weight:600;color:#555;font-size:14px}.parameter-field input,.parameter-field select{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px;background-color:#fafafa;outline:none;transition:border-color .2s ease}.parameter-field input:focus,.parameter-field select:focus{border-color:#007bff;background-color:#fff}.parameter-footer{display:flex;justify-content:flex-start;margin-top:25px}.back-btn{background-color:#6c757d;color:#fff;border:none;border-radius:4px;padding:10px 22px;cursor:pointer;transition:all .3s ease}.back-btn:hover{background-color:#5a6268}.loading,.error{text-align:center;color:#333;padding:15px}.error{color:#c62828}.invoice-mango_orca{min-height:100vh;background:linear-gradient(180deg,#f1f5f9,#e2e8f0);padding:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1e293b;overflow-x:hidden}.invoice-mango_dolphin{background:linear-gradient(135deg,#fffffffa,#f1f5f9f2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;margin-bottom:16px;border-radius:12px;box-shadow:0 2px 10px #00000014}.invoice-mango_narwhal{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.invoice-mango_bluewhale{flex:1}.invoice-mango_humpback{font-size:24px;font-weight:800;color:#1e293b;margin:0 0 6px;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.3px}.invoice-mango_manta{font-size:14px;color:#64748b;margin:0;font-weight:500;line-height:1.4}.invoice-mango_seal{display:flex;gap:12px;flex-wrap:wrap}.invoice-mango_shark,.invoice-mango_octopus{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:8px;text-decoration:none;min-width:120px;justify-content:center}.invoice-mango_shark{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 2px 10px #2563eb4d}.invoice-mango_shark:hover{transform:translateY(-1px);box-shadow:0 4px 15px #2563eb80;background:linear-gradient(135deg,#3b82f6,#60a5fa)}.invoice-mango_octopus{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 2px 10px #4b55634d}.invoice-mango_octopus:hover{transform:translateY(-1px);box-shadow:0 4px 15px #4b556380;background:linear-gradient(135deg,#2563eb,#3b82f6)}.invoice-mango_seahorse,.invoice-mango_jellyfish,.invoice-mango_starfish,.invoice-mango_walrus,.invoice-mango_coral{background:#fffffffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;margin-bottom:16px;border-radius:12px;box-shadow:0 3px 12px #0000000f;transition:transform .2s ease}.invoice-mango_seahorse:hover,.invoice-mango_jellyfish:hover,.invoice-mango_starfish:hover,.invoice-mango_walrus:hover,.invoice-mango_coral:hover{transform:translateY(-2px)}.invoice-mango_seaturtle{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.invoice-mango_seaturtle h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 4px}.invoice-mango_seaturtle p{font-size:13px;color:#64748b;margin:0;line-height:1.4}.invoice-mango_beluga{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.invoice-mango_porpoise{display:flex;flex-direction:column;gap:6px}.invoice-mango_porpoise.invoice-mango_fullwidth{grid-column:1 / -1}.invoice-mango_squid{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.invoice-mango_crab{font-size:14px;font-weight:600;color:#1e293b;padding:10px 0;border-bottom:1px solid #e5e7eb;min-height:18px}.invoice-mango_lobster{padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s ease}.invoice-mango_lobster:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.invoice-mango_sealion,.invoice-mango_manatee{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.invoice-mango_anglerfish{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.invoice-mango_penguin{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end}.invoice-mango_clownfish{display:flex;flex-direction:column;gap:6px}.invoice-mango_seaurchin{font-size:13px;font-weight:600;color:#4b5563;margin-bottom:4px}.invoice-mango_seadragon{position:relative}.invoice-mango_mackerel{position:relative;width:100%}.invoice-mango_kraken{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;min-height:48px}.invoice-mango_kraken:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.invoice-mango_shrimp{font-size:14px;font-weight:500;color:#1e293b;flex:1;text-align:left}.invoice-mango_seasnake{font-size:11px;color:#9ca3af;transition:transform .2s ease;transform:rotate(180deg)}.invoice-mango_seasnake.open{transform:rotate(0)}.invoice-mango_reefshark{position:absolute;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 -6px 20px #0000001a;z-index:1000;max-height:280px;overflow:hidden}.invoice-mango_reefshark.upward{bottom:100%;margin-bottom:4px}.invoice-mango_stingray{padding:12px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.invoice-mango_seaotter{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease}.invoice-mango_seaotter:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.invoice-mango_seacucumber{position:relative}.invoice-mango_seacucumber .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:12px}.invoice-mango_seaotter.with-icon{padding-left:34px}.invoice-mango_seagrass{max-height:180px;overflow-y:auto}.invoice-mango_seaweed{padding:12px 16px;cursor:pointer;border-bottom:1px solid #e5e7eb;transition:background-color .2s ease;font-size:14px;color:#1e293b}.invoice-mango_seaweed:hover{background-color:#f3f4f6}.invoice-mango_seaweed:last-child{border-bottom:none}.invoice-mango_seaweed.no-results{color:#9ca3af;font-style:italic;cursor:default}.invoice-mango_seaweed.no-results:hover{background-color:transparent}.invoice-mango_seacoral{display:flex;flex-direction:column;gap:4px}.invoice-mango_seaanemone{font-weight:600;color:#1e293b}.invoice-mango_seasponge{font-size:12px;color:#64748b;display:flex;gap:12px}.invoice-mango_seashell{font-size:11px;color:#9ca3af}.invoice-mango_sealionbutton{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;box-shadow:0 2px 10px #2563eb4d}.invoice-mango_sealionbutton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #2563eb80;background:linear-gradient(135deg,#3b82f6,#60a5fa)}.invoice-mango_sealionbutton:disabled{opacity:.7;cursor:not-allowed;transform:none}.invoice-mango_spinnaker{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.invoice-mango_seatiger{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.invoice-mango_seacount{font-size:13px;color:#64748b;background:#f3f4f6;padding:6px 12px;border-radius:16px;font-weight:500}.invoice-mango_seawrapper{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}.invoice-mango_seatable{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.invoice-mango_seatable thead{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.invoice-mango_seatable th{padding:12px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.invoice-mango_seatable td{padding:12px;border-bottom:1px solid #e5e7eb;vertical-align:middle}.invoice-mango_searow:hover{background-color:#f3f4f6}.invoice-mango_seaicon{text-align:center;width:50px}.invoice-mango_seainvoiceicon{color:#2563eb;font-size:16px}.invoice-mango_seadescription{max-width:180px;word-wrap:break-word}.invoice-mango_seanumber,.invoice-mango_seacurrency{text-align:right;font-weight:500}.invoice-mango_seatotal{font-weight:700;color:#1e293b}.invoice-mango_seaempty{padding:40px 16px;text-align:center}.invoice-mango_seacontent{display:flex;flex-direction:column;align-items:center;gap:12px}.invoice-mango_seaemptyicon{font-size:40px;opacity:.6}.invoice-mango_seacontent h4{font-size:18px;font-weight:600;color:#4b5563;margin:0}.invoice-mango_seacontent p{font-size:13px;color:#64748b;margin:0;max-width:360px;line-height:1.5}.invoice-mango_seatable tfoot tr{background:#f9fafb;font-weight:600}.invoice-mango_seasubtotal,.invoice-mango_seatax{border-top:1px solid #e5e7eb}.invoice-mango_seasubtotallabel,.invoice-mango_seataxlabel{text-align:right;font-size:13px;color:#4b5563;padding:10px 12px}.invoice-mango_seasubtotalamount,.invoice-mango_seataxamount{text-align:right;font-size:13px;color:#1e293b;font-weight:600;padding:10px 12px}.invoice-mango_seataxtotal{background:#d1fae5;border-top:1px solid #10b981}.invoice-mango_seataxtotallabel{text-align:right;font-size:14px;color:#047857;padding:12px;font-weight:700}.invoice-mango_seataxtotalamount{text-align:right;font-size:14px;color:#047857;font-weight:700;padding:12px}.invoice-mango_seagrandtotal{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-top:2px solid #1e293b}.invoice-mango_seagrandtotallabel{text-align:right;font-size:14px;padding:14px 12px;font-weight:700}.invoice-mango_seagrandtotalamount{text-align:right;font-size:16px;font-weight:800;padding:14px 12px}.invoice-mango_seawords{background:#f3f4f6;border-top:1px solid #e5e7eb}.invoice-mango_seaamountwords{padding:16px 12px;font-size:13px;color:#1e293b;font-style:italic;line-height:1.5}.invoice-mango_seaamountwords strong{font-weight:700;color:#1e293b;font-style:normal}.invoice-mango_seacontentwords{font-size:16px;color:#1e293b;line-height:1.5;font-style:italic;padding:16px;background:#f3f4f6;border-radius:8px;border-left:3px solid #2563eb}.invoice-mango_seasummaryform{display:flex;flex-direction:column;gap:16px}.invoice-mango_searowform{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.invoice-mango_searowform.invoice-mango_fullwidthform{grid-template-columns:1fr}.invoice-mango_seagroup{display:flex;flex-direction:column;gap:6px}.invoice-mango_sealabel{font-size:13px;font-weight:600;color:#4b5563}.invoice-mango_seainput{padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s ease}.invoice-mango_seainput:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.invoice-mango_seainput::placeholder{color:#9ca3af;font-style:italic}.invoice-mango_seasignature{margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.invoice-mango_seasignaturebox{display:flex;flex-direction:column;align-items:center;width:260px;gap:12px}.invoice-mango_seasignaturelabel{font-size:13px;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.4px;text-align:center}.invoice-mango_seasignatureline{width:100%;height:60px;border-bottom:1px solid #1e293b;margin-bottom:8px}.invoice-mango_seacompanyname{font-size:12px;color:#4b5563;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.4px}.invoice-mango_seaoverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.invoice-mango_seacontentmodal{background:#fff;border-radius:16px;width:90%;max-width:720px;max-height:80vh;box-shadow:0 15px 40px #0003;overflow:auto}.invoice-mango_seaheader{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.invoice-mango_seaheader h3{margin:0;font-size:18px;font-weight:700}.invoice-mango_seaclosebtn{background:#fff3;border:none;font-size:16px;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s}.invoice-mango_seaclosebtn:hover{background:#ffffff4d}.invoice-mango_seabody{padding:20px}.invoice-mango_seagroupmodal{margin-bottom:16px}.invoice-mango_seagroupmodal label{display:block;margin-bottom:6px;font-weight:600;color:#4b5563;font-size:13px}.invoice-mango_seainputmodal{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1e293b;box-sizing:border-box;transition:all .2s ease}.invoice-mango_seainputmodal:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.invoice-mango_seafooter{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.invoice-mango_seacancelbtn{background:#e5e7eb;color:#4b5563;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.invoice-mango_seacancelbtn:hover{background:#d1d5db;transform:translateY(-1px)}.invoice-mango_seasubmitbtn{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px #2563eb4d}.invoice-mango_seasubmitbtn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #2563eb80;background:linear-gradient(135deg,#3b82f6,#60a5fa)}.invoice-mango_seagrass::-webkit-scrollbar{width:6px}.invoice-mango_seagrass::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.invoice-mango_seagrass::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.invoice-mango_seagrass::-webkit-scrollbar-thumb:hover{background:#9ca3af}.Toastify__toast-container{z-index:9999!important}@media (max-width: 768px){.invoice-mango_orca{padding:12px}.invoice-mango_dolphin{padding:16px}.invoice-mango_narwhal{flex-direction:column;text-align:center}.invoice-mango_humpback{font-size:20px}.invoice-mango_seal{width:100%;justify-content:center}.invoice-mango_penguin,.invoice-mango_beluga,.invoice-mango_searowform{grid-template-columns:1fr;gap:12px}.invoice-mango_seasignature{justify-content:center}.invoice-mango_seasignaturebox{width:100%;max-width:260px}.invoice-mango_seawrapper{font-size:12px}.invoice-mango_seatable th,.invoice-mango_seatable td{padding:10px 8px}.invoice-mango_seacontentmodal{margin:16px;width:calc(100% - 32px)}.invoice-mango_seaheader,.invoice-mango_seabody,.invoice-mango_seafooter{padding:16px}}@media (max-width: 480px){.invoice-mango_orca{padding:8px}.invoice-mango_seahorse,.invoice-mango_jellyfish,.invoice-mango_starfish,.invoice-mango_walrus,.invoice-mango_coral{padding:16px;margin-bottom:12px}.invoice-mango_humpback{font-size:18px}.invoice-mango_shark,.invoice-mango_octopus{min-width:100px;padding:8px 16px}.invoice-mango_kraken,.invoice-mango_sealionbutton{min-height:44px;padding:10px 14px}.invoice-mango_seatable{font-size:11px}.invoice-mango_seatable th,.invoice-mango_seatable td{padding:8px 6px}}.invoice-new-back-wrapper{position:absolute;top:20px;left:20px;background-image:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:12px 18px;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;z-index:9999;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;gap:8px;font-family:inherit;transition:transform .2s ease,box-shadow .2s ease}.invoice-new-back-wrapper:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000059}@page{size:A4;margin:.5in}body{font-family:Arial,sans-serif;margin:0;padding:0;font-size:12px;line-height:1.4;color:#000}.letterhead-header{display:flex;align-items:flex-start;padding:15mm 20mm 10mm;background:#fff;position:relative;z-index:2;margin-bottom:10px}.company-logo-placeholder{width:120px;height:60px;background:#ff5722;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;border-radius:8px}.company-name{font-size:26px;font-weight:700;color:#1565c0;margin:0 0 5mm;letter-spacing:1.2px;white-space:nowrap;line-height:1.1;text-transform:uppercase}.blue-strip{flex:1;background:linear-gradient(180deg,#1565c0,#1976d2,#42a5f5)}.orange-strip{flex:1;background:linear-gradient(180deg,#e65100,#ff5722,#ff7043)}.letterhead-footer{position:fixed;bottom:0;left:0;right:0;background:#f8f9fa;padding:6mm 20mm;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#333}.invoice-container{width:100%;max-width:800px;border:2px solid #000;position:relative;z-index:3;margin:0 20mm 100px 26mm}.invoice-content{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:2px solid #000}.receiver-section,.work-order-section{margin-top:20px}.final-total-row{background-color:#e8f4fd;font-weight:700;border-top:2px solid #000}.final-total-label{font-weight:700;font-size:14px;color:#1565c0}.final-total-amount{font-weight:700;font-size:12px;color:#1565c0;text-align:right}@media print{body{-webkit-print-color-adjust:exact}.invoice-container{border:2px solid #000!important}.left-color-strips{background:linear-gradient(180deg,#1565c0,#1976d2,#42a5f5)!important;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}}.letterhead-container{width:210mm;height:297mm;margin:0 auto;background:#fff;position:relative;font-family:Arial,sans-serif;box-shadow:0 0 10px #0000001a;overflow:hidden}.header-section{display:flex;align-items:flex-start;padding:15mm 20mm 10mm;background:#fff;position:relative;z-index:2}.logo-and-cin{display:flex;flex-direction:column;align-items:flex-start;margin-right:20mm;flex-shrink:0}.logo-container{margin-bottom:8mm}.company-logo{width:120px;height:auto;max-height:60px;object-fit:contain}.cin-number{font-size:11px;color:#333;font-weight:700}.company-details{flex:1;padding-top:3mm}.company-name{font-size:15px;font-weight:700;color:#1565c0;margin:0 0 5mm;letter-spacing:1.2px;white-space:nowrap;line-height:1.1;text-transform:uppercase}.address-info{font-size:13px;color:#333;line-height:1.3;margin-top:3mm}.address-info p{margin:2px 0}.left-color-strips{position:absolute;left:0;top:25mm;bottom:20mm;width:6mm;display:flex;flex-direction:column;z-index:1}.content-area{position:relative;margin:0 20mm 25mm 26mm;min-height:180mm;z-index:1}.watermark-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;opacity:.08;pointer-events:none}.watermark-logo img{width:400px;height:auto;max-width:none}.footer-section{position:absolute;bottom:0;left:0;right:0;background:#f8f9fa;padding:6mm 20mm;z-index:2}.footer-content{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#333}.footer-left,.footer-center,.footer-right{flex:1;display:flex;align-items:center}.footer-center{justify-content:center}.footer-right{justify-content:flex-end}.phone-info,.website-info,.email-info{display:flex;align-items:center;gap:6mm}.icon{font-size:14px;flex-shrink:0}.phone-numbers p,.email-addresses p{margin:1px 0;line-height:1.3}.phone-numbers,.email-addresses{text-align:left}.website-info p{margin:0}@media print{.letterhead-container{box-shadow:none;margin:0}@page{size:A4;margin:0}.watermark-logo{opacity:.05}}@media screen and (max-width: 800px){.letterhead-container{width:100%;height:auto;min-height:100vh}.header-section{flex-direction:column;padding:20px}.logo-and-cin{margin-right:0;margin-bottom:20px;align-items:center}.company-name{font-size:20px;white-space:normal;text-align:center}.left-color-strips{display:none}.content-area{margin:20px;min-height:400px}.watermark-logo img{width:250px}.footer-content{flex-direction:column;gap:15px;text-align:center}.footer-left,.footer-center,.footer-right{justify-content:center}}.invoice-content-container{width:100%;border:2px solid #000;background:#fff;font-family:Arial,sans-serif;font-size:12px;position:relative;z-index:3}.invoice-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:2px solid #000;background:#f8f9fa}.invoice-title{font-size:24px;font-weight:700;margin:0}.original-text{font-size:14px;font-weight:700}.invoice-main-content{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:2px solid #000}.left-section,.middle-section,.right-section{border-right:2px solid #000;padding:15px;min-height:300px}.right-section{border-right:none}.field-row{display:flex;flex-direction:column;margin-bottom:8px;min-height:25px}.label{font-weight:700;font-size:11px;margin-bottom:3px}.value{border-bottom:1px solid #ccc;min-height:18px;padding:2px 0;font-size:12px}.address-line .value{min-height:40px}.contact-section{margin-bottom:20px}.contact-header{font-weight:700;text-align:center;margin-bottom:10px;font-size:13px}.contact-name{text-align:center;font-weight:700;margin-bottom:10px;font-size:12px}.reverse-charge-section{text-align:center;margin-top:20px}.reverse-charge-header{font-weight:700;margin-bottom:5px}.reverse-charge-value{font-size:16px;font-weight:700}.service-period{display:flex;justify-content:space-between;margin-top:5px}.service-place{margin-top:5px;min-height:20px;border-bottom:1px solid #ccc;padding:2px 0}.items-table{border-bottom:2px solid #000}.items-table table{width:100%;border-collapse:collapse}.items-table th,.items-table td{border:1px solid #000;padding:8px;text-align:center;font-size:11px}.items-table th{background:#f8f9fa;font-weight:700}.tax-section{padding:15px;border-bottom:2px solid #000}.tax-section table{width:100%;border-collapse:collapse}.tax-section td{padding:5px;font-size:12px}.tax-label{text-align:left;font-weight:700;width:70%}.colon{text-align:center;width:5%}.tax-amount{text-align:right;width:25%;font-weight:700}.bottom-section{padding:15px}.rupees-section{margin-bottom:20px}.total-amount{float:right;font-weight:700;font-size:14px}.remarks-section{display:flex;border:2px solid #000;min-height:80px;margin-bottom:20px}.remarks-left{flex:1;padding:10px;border-right:2px solid #000}.remarks-right{flex:1;padding:10px}.remarks-header,.company-header{font-weight:700;margin-bottom:10px}.signature-section table{width:100%;border-collapse:collapse}.signature-cell{border:2px solid #000;padding:15px;text-align:center;vertical-align:top;height:80px}.signature-label,.signature-label-small{font-weight:700;margin-bottom:10px}.signature-space{min-height:40px}@media screen and (max-width: 800px){.invoice-main-content{grid-template-columns:1fr}.left-section,.middle-section,.right-section{border-right:none;border-bottom:2px solid #000}.right-section{border-bottom:none}.items-table{overflow-x:auto}.items-table table{min-width:600px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f8fafc;color:#1e293b}.abstract-container{min-height:100vh;background:#f1f5f9;position:relative;padding:20px}.back-btn{position:absolute;top:20px;left:20px;background:#0ea5e9;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0003;z-index:100}.back-btn:hover{background:#0284c7;transform:translateY(-2px)}.content{padding-top:60px;max-width:1400px;margin:0 auto}.header-banner{background:#3b82f6;color:#fff;padding:12px 20px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;font-weight:700;font-size:14px;box-shadow:0 2px 8px #0000001a}.po-info,.ra-info{display:flex;flex-direction:column;gap:4px}.header-actions{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 20px;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;margin-bottom:20px}.header-actions h1{font-size:24px;font-weight:800;background:linear-gradient(90deg,#1d4ed8,#7c3aed);-webkit-background-clip:text;color:transparent}.invoice-btn{background:#3b82f6;color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.invoice-btn:hover{background:#2563eb}.search-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:20px}.search-card h3{font-size:18px;margin-bottom:16px;color:#1e293b}.search-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end}.field{position:relative}.field label{font-size:13px;font-weight:600;color:#4b5563;margin-bottom:6px;display:block}.select-box{background:#fff;border:1.5px solid #94a3b8;border-radius:8px;padding:12px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:500;transition:.2s}.select-box:hover{border-color:#3b82f6}.arrow{font-size:12px;color:#64748b}.dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1.5px solid #3b82f6;border-radius:8px;margin-top:4px;box-shadow:0 10px 25px #00000026;z-index:1000;max-height:300px;overflow:hidden}.dropdown input{width:100%;padding:12px 16px;border:none;border-bottom:1px solid #e2e8f0;outline:none;font-size:14px}.options{max-height:220px;overflow-y:auto}.option{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f1f5f9}.option:hover{background:#eff6ff}.search-btn{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;height:48px}.search-btn:hover{background:#2563eb}.info-bar{background:#ecfdf5;padding:12px 16px;border-radius:8px;display:flex;gap:24px;font-size:14px;margin:16px 0;flex-wrap:wrap;color:#065f46}.info-bar strong{color:#1e293b}.table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014}.abstract-table{width:100%;border-collapse:collapse;font-size:13px}.abstract-table th{background:#2563eb;color:#fff;padding:10px 8px;text-align:center;font-weight:700;font-size:11px;border:1px solid #f59e0b}.abstract-table td{padding:10px 8px;border:1px solid #e5e7eb;text-align:center}.desc{text-align:left!important}.highlight{background:#fef3c7!important;font-weight:700}.subtotal td{background:#fef3c7;font-weight:700}.total td{background:#3b82f6;color:#fff;font-weight:700;font-size:14px}.summary{padding:16px 20px;background:#f8fafc;border-top:1px solid #e5e7eb;font-size:14px}.summary div{display:flex;justify-content:space-between;margin-bottom:8px;font-weight:600}.words{font-style:italic;color:#64748b;margin-top:12px;text-align:right;font-size:13px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;width:90%;max-width:460px;box-shadow:0 20px 50px #0000004d}.modal-header{background:#3b82f6;color:#fff;padding:16px 20px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.modal-body{padding:20px;display:flex;flex-direction:column;gap:12px}.modal-body input{padding:12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.modal-footer{padding:16px 20px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;border-radius:0 0 12px 12px}.modal-footer button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600}.modal-footer button:last-child{background:#3b82f6;color:#fff}@media (max-width: 768px){.search-grid{grid-template-columns:1fr}.header-banner{flex-direction:column;text-align:center;gap:8px}.info-bar{flex-direction:column;gap:8px}.abstract-table{font-size:12px}.abstract-table th,.abstract-table td{padding:6px 4px}}.top-banner{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);padding:20px;border-radius:16px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0000001a}.banner-content h1{font-size:28px;color:#4f46e5;margin:0}.banner-content p{color:#6366f1;margin:5px 0 0}.banner-buttons{display:flex;gap:12px}.banner-btn{padding:12px 20px;border:none;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.invoice-no{background:#4f46e5;color:#fff}.preview{background:#10b981;color:#fff}.download{background:#f59e0b;color:#fff}.banner-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.page-title{text-align:center;font-size:24px;color:#1e293b;margin:20px 0;font-weight:700;letter-spacing:1px}.signature-block{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;padding:25px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px}.sig-col{background:#fff;padding:15px;border-radius:12px;box-shadow:0 2px 10px #0000000d}.sig-col strong{display:block;margin-bottom:15px;color:#1e40af;font-size:16px}.sig-col input{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ddd;border-radius:8px;font-size:14px}.seal-box{border:2px dashed #94a3b8;padding:20px;text-align:center;border-radius:12px;margin-top:10px}.seal-box input{text-align:center;font-weight:700}.modal-header button{background:none;border:none;font-size:20px;cursor:pointer;color:#000!important}.cancel-btn{background:#ef4444!important;color:#fff}.invoice-header h1{text-align:center;font-size:28px;font-weight:700;color:#1e40af;margin:20px 0;text-transform:uppercase;letter-spacing:2px}.invoice-details-card{background:#f0f9ff;padding:15px;border-radius:12px;margin:15px 0;border:2px solid #3b82f6}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;font-size:16px}.invoice-modal{width:500px;max-width:90%}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:600}.form-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:16px}.modal-footer{display:flex;justify-content:flex-end;gap:10px}.save-btn{background:#10b981;color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer}.signature-block{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;padding:20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px}.sig-col{text-align:center;font-size:14px}.sig-col strong{display:block;margin-bottom:20px;font-size:16px}.invoice-pdf-lition-buttons{text-align:center;margin:20px 0;display:flex;justify-content:center;gap:15px}.invoice-pdf-lition-preview,.invoice-pdf-lition-download{padding:12px 24px;border:none;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:16px;transition:all .3s}.invoice-pdf-lition-preview{background:#10b981;color:#fff}.invoice-pdf-lition-download{background:#f59e0b;color:#fff}.invoice-pdf-lition-preview:hover{background:#059669;transform:translateY(-2px)}.invoice-pdf-lition-download:hover{background:#d97706;transform:translateY(-2px)}.invoice-pdf-lition-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.invoice-pdf-lition-content{background:#fff;border-radius:16px;max-width:95vw;max-height:95vh;overflow:hidden;box-shadow:0 30px 80px #00000080}.invoice-pdf-lition-header{display:flex;justify-content:space-between;padding:15px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.invoice-pdf-lition-download-btn{background:#0ea5e9;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px}.invoice-pdf-lition-close{background:#ef4444;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;font-weight:700}.invoice-pdf-lition-body{padding:20px;overflow-y:auto;max-height:calc(95vh - 80px)}@media print{.invoice-pdf-lition-modal,.invoice-pdf-lition-header{display:none}body{margin:0;background:#fff}}.sig-display{font-weight:700;color:#1e40af;margin:10px 0;font-size:15px;text-align:center}.sig-line{border-bottom:3px solid #333;margin:20px 0;height:40px}.invoice-pdf-lition-body{padding:30px!important;min-height:100vh;background:#fff}.invoice-client-format-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:1.5rem;position:relative;overflow:visible!important;width:100%;box-sizing:border-box}.invoice-client-format-header{display:flex;align-items:center;justify-content:flex-start;gap:.8rem;margin-bottom:1rem;padding:.8rem 1.2rem;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:14px;box-shadow:0 3px 15px #00000014;width:100%;max-width:none!important;box-sizing:border-box}.invoice-client-format-header h1{font-size:1.6rem;font-weight:800;color:#0369a1;margin:0}.invoice-client-format-header p{color:#475569;font-size:.875rem;margin:.3rem 0 0;flex-grow:1}.invoice-client-format-back-btn{background:#0ea5e9;color:#fff;border:none;padding:.6rem 1rem;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 12px #0ea5e94d;transition:all .2s;font-size:.9rem;white-space:nowrap}.invoice-client-format-back-btn:hover{background:#0284c7;transform:translateY(-2px)}.invoice-client-format-search-card{background:#fff;padding:1rem;border-radius:14px;box-shadow:0 3px 15px #00000014;margin-bottom:1rem;width:100%;max-width:none!important;box-sizing:border-box}.invoice-client-format-search-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:.7rem;align-items:end}.invoice-client-format-field{position:relative;z-index:500}.invoice-client-format-field label{display:block;font-size:.8rem;font-weight:700;color:#1e40af;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.6px}.invoice-client-format-select{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;padding:.5rem .8rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:500;height:40px;font-size:.9rem;transition:all .2s}.invoice-client-format-select:hover{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.invoice-client-format-arrow{font-size:.8rem;color:#0ea5e9;font-weight:700}.invoice-client-format-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #0ea5e9;border-radius:12px;margin-top:6px;box-shadow:0 10px 25px #0ea5e938;z-index:1000!important;max-height:240px;overflow:hidden;animation:popDown .25s ease-out}@keyframes popDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.invoice-client-format-dropdown input{width:100%;padding:.6rem .8rem;border:none;border-bottom:1.5px solid #e0f2fe;outline:none;font-size:.875rem;font-weight:600;background:#f0f9ff;color:#0369a1}.invoice-client-format-dropdown input::placeholder{color:#94a3b8;font-style:italic}.invoice-client-format-options{max-height:170px;overflow-y:auto;padding:.3rem 0}.invoice-client-format-option{padding:.7rem .9rem;cursor:pointer;font-size:.875rem;font-weight:600;color:#1e293b;transition:all .2s ease;border-bottom:1px solid #f1f5f9}.invoice-client-format-option:hover{background:#dbeafe;color:#1d4ed8;padding-left:1.1rem;font-weight:700}.invoice-client-format-options::-webkit-scrollbar{width:6px}.invoice-client-format-options::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.invoice-client-format-options::-webkit-scrollbar-thumb{background:#0ea5e9;border-radius:8px}.invoice-client-format-search-btn{background:#10b981;color:#fff;border:none;padding:.5rem 1.2rem;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;height:40px;font-size:.9rem;transition:all .2s}.invoice-client-format-search-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.invoice-client-format-details{background:#fff;padding:1.5rem;border-radius:14px;box-shadow:0 3px 15px #00000014;width:100%;max-width:none!important;box-sizing:border-box}.invoice-client-format-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;padding:.6rem 0;border-bottom:1px dashed #e2e8f0}.invoice-client-format-row:last-child{border-bottom:2px solid #3b82f6}.invoice-client-format-label{font-size:.8rem;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.5px}.invoice-client-format-value{font-size:.875rem;font-weight:700;color:#1e293b;padding:.4rem 0;border-bottom:2px solid #e2e8f0}.invoice-client-format-total{font-size:1.1rem;color:#001e00;font-weight:800}.invoice-client-format-enclosure,.invoice-client-format-clearance,.invoice-client-format-remarks{margin-top:1.5rem;padding-top:1rem;border-top:2px dashed #cbd5e1}.invoice-client-format-section-title{font-weight:700;color:#1e40af;margin-bottom:.8rem;font-size:1rem}.invoice-client-format-textarea{width:100%;padding:.8rem;border:1.5px solid #cbd5e1;border-radius:10px;font-size:.9rem;resize:vertical}@media (max-width: 1024px){.invoice-client-format-search-grid,.invoice-client-format-row{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.invoice-client-format-search-grid,.invoice-client-format-row{grid-template-columns:1fr}.invoice-client-format-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.invoice-client-format-container{padding:1rem}.invoice-client-format-header h1{font-size:1.4rem}}.fab-container-mammoth{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:#f8f9fa;min-height:100vh}.fab-header-elephant{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f0f7ff;border-bottom:1px solid #e1e7ef}.fab-title-tiger h3{margin:0;font-size:15px;font-weight:500;color:#2c3e50}.fab-header-buttons{display:flex;gap:10px;align-items:center}.fab-clear-btn{background:linear-gradient(135deg,#e53e3e,#c53030)!important}.fab-clear-btn:hover:not(:disabled){background:linear-gradient(135deg,#c53030,#9c2626)!important}.fab-finish-all-container{display:flex;align-items:center;background-color:#e2e8f0;border-radius:6px;padding:8px 12px;border:1px solid #cbd5e0;transition:all .2s}.fab-finish-all-container:hover{background-color:#edf2f7;border-color:#a0aec0}.fab-finish-all-label{display:flex;align-items:center;gap:8px;cursor:pointer;margin:0;font-size:14px;font-weight:500;color:#2d3748}.fab-finish-all-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#38a169;border-radius:3px}.fab-finish-all-checkbox:disabled{cursor:not-allowed;opacity:.6}.fab-finish-all-text{display:flex;align-items:center;gap:6px;white-space:nowrap}.fab-button-giraffe{display:flex;align-items:center;gap:8px;background-color:#2c5282;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s;box-shadow:0 2px 4px #2c52824d}.fab-button-giraffe:hover:not(:disabled){background-color:#2a4365;transform:translateY(-1px);box-shadow:0 4px 8px #2c528266}.fab-button-giraffe:disabled{background-color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.fab-save-stages-btn{background:linear-gradient(135deg,#4a5568,#2d3748)}.fab-save-stages-btn:hover:not(:disabled){background:linear-gradient(135deg,#4a5568,#2d3748)}.fab-move-to-erection-btn{background:linear-gradient(135deg,#4a5568,#2d3748)}.fab-move-to-erection-btn:hover:not(:disabled){background:linear-gradient(135deg,#4a5568,#2d3748)}.fab-spin-icon-polar{animation:spin 1s linear infinite}.fab-filter-section-zebra{padding:15px 20px;background-color:#fff;border-bottom:1px solid #e1e7ef}.fab-filter-container-hippo{display:flex;flex-direction:column;gap:15px}.fab-filter-row-rhino{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.fab-dropdown-cheetah{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background-color:#fff;outline:none;transition:border-color .2s ease;min-width:200px}.fab-dropdown-cheetah:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.fab-search-button-leopard{background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff;border:none;border-radius:4px;padding:8px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.fab-search-button-leopard:hover:not(:disabled){background-color:#0056b3}.fab-search-button-leopard:disabled{background-color:#6c757d;cursor:not-allowed}.fab-selected-filters-section{padding:15px 20px;background-color:#f8f9fa;border-bottom:1px solid #e1e7ef;margin-bottom:0}.fab-selected-filters-container h4{margin:0 0 10px;font-size:16px;font-weight:600;color:#2d3748}.fab-selected-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.fab-filter-item{display:flex;flex-direction:column;gap:4px}.fab-filter-label{font-size:12px;font-weight:500;color:#718096;text-transform:uppercase;letter-spacing:.5px}.fab-filter-value{font-size:14px;font-weight:600;color:#2d3748;background-color:#e2e8f0;padding:6px 10px;border-radius:4px;border-left:3px solid #4299e1}.fab-table-container-lynx{margin:20px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;position:relative}.fab-table-wrapper-bear{overflow-x:auto;overflow-y:auto;max-height:600px}.fab-loading-overlay-panther{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5}.fab-loading-spinner-jaguar{font-size:30px;color:#3182ce;animation:spin 1s linear infinite}.fab-loading-text-cougar{margin-top:10px;font-size:14px;color:#4a5568}.fab-table-wolf{width:100%;border-collapse:collapse;min-width:2000px}.fab-table-wolf thead{background-color:#2d3748;position:sticky;top:0;z-index:2}.fab-table-wolf th{padding:10px 12px;text-align:left;font-size:12px;font-weight:600;color:#fff;border:none;white-space:nowrap;min-width:100px}.fab-table-wolf td{padding:8px 12px;font-size:12px;color:#2d3748;white-space:nowrap;border:none;min-width:100px}.fab-table-wolf tbody tr{border-bottom:1px solid #e2e8f0}.fab-table-wolf tbody tr:hover{background-color:#f7fafc}.fab-table-row-fox{background-color:#fff}.fab-table-row-fox:nth-child(2n){background-color:#f8f9fa}.fab-order-icon-rabbit{display:flex;align-items:center;justify-content:center;color:#3182ce;font-size:16px}.fab-status-badge-moose{display:inline-block;padding:4px 8px;background-color:#fef3c7;color:#92400e;border-radius:4px;font-size:11px;font-weight:500}.fab-process-header{background-color:#4a5568!important;text-align:center;min-width:80px}.fab-process-cell{text-align:center;padding:8px}.fab-checkbox-container{display:flex;justify-content:center;align-items:center}.fab-process-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#38a169}.fab-checkbox-label{cursor:pointer}.fab-edit-input-deer{width:100%;padding:4px 8px;border:1px solid #ced4da;border-radius:4px;font-size:12px;outline:none;transition:border-color .2s ease;background-color:#fff}.fab-edit-input-deer:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.fab-readonly-input{background-color:#f7fafc!important;color:#4a5568!important;cursor:not-allowed!important;border-color:#e2e8f0!important}.fab-readonly-input:focus{box-shadow:none!important;border-color:#e2e8f0!important}.fab-actions-container-yak{display:flex;gap:5px;justify-content:center}.fab-action-button-elk{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:none;cursor:pointer;font-size:14px;color:#fff;transition:all .2s}.fab-edit-button-impala{background-color:#4299e1}.fab-edit-button-impala:hover{background-color:#3182ce}.fab-save-button-impala{background:linear-gradient(135deg,#4a5568,#2d3748)}.fab-save-button-impala:hover{background-color:#2f855a}.fab-delete-button-bison{background-color:#f56565}.fab-delete-button-bison:hover{background-color:#e53e3e}.fab-cancel-button-bison{background-color:#a0aec0}.fab-cancel-button-bison:hover{background-color:#718096}.fab-empty-row-camel td{padding:40px 0}.fab-empty-state-llama{display:flex;flex-direction:column;align-items:center;justify-content:center}.fab-empty-text-alpaca{font-size:14px;color:#a0aec0;text-align:center}.fab-popup-overlay-shark{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.fab-popup-container-whale{background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:500px;width:90%;max-height:80vh;overflow:hidden}.fab-popup-header-dolphin{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0;background-color:#f8f9fa}.fab-popup-header-dolphin h3{margin:0;font-size:18px;font-weight:600;color:#2d3748}.fab-popup-close-octopus{background:none;border:none;font-size:20px;cursor:pointer;color:#718096;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.fab-popup-close-octopus:hover{background-color:#e2e8f0}.fab-popup-content-squid{padding:20px;max-height:400px;overflow-y:auto}.fab-multiselect-container-jellyfish{display:flex;flex-direction:column;gap:15px}.fab-multiselect-label-starfish{font-weight:500;color:#2d3748;margin-bottom:10px}.fab-multiselect-options-seahorse{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:4px;padding:10px}.fab-checkbox-label-crab{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.fab-checkbox-label-crab:hover{background-color:#f7fafc}.fab-checkbox-input-lobster{width:16px;height:16px;cursor:pointer;accent-color:#38a169}.fab-checkbox-text-shrimp{font-size:14px;color:#2d3748}.fab-popup-actions-turtle{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e2e8f0;background-color:#f8f9fa}.fab-popup-button-seal{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.fab-cancel-button-walrus{background-color:#e2e8f0;color:#4a5568}.fab-cancel-button-walrus:hover{background-color:#cbd5e0}.fab-save-button-penguin{background-color:#38a169;color:#fff}.fab-save-button-penguin:hover:not(:disabled){background-color:#2f855a}.fab-save-button-penguin:disabled{background-color:#a0aec0;cursor:not-allowed}.fab-delete-button-penguin{background-color:#e53e3e;color:#fff}.fab-delete-button-penguin:hover:not(:disabled){background-color:#c53030}@media (max-width: 768px){.fab-table-wolf{font-size:11px;min-width:1800px}.fab-table-wolf th,.fab-table-wolf td{padding:6px 8px;min-width:80px}.fab-filter-row-rhino{flex-direction:column;align-items:stretch}.fab-dropdown-cheetah{min-width:100%}.fab-header-buttons{flex-direction:column;gap:5px}.fab-popup-container-whale{width:95%;margin:10px}.fab-finish-all-container{width:100%;justify-content:center}}.fab-table-wrapper-bear::-webkit-scrollbar{height:8px;width:8px}.fab-table-wrapper-bear::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.fab-table-wrapper-bear::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4a5568,#2d3748);border-radius:4px;border:1px solid #e1e7ef}.fab-table-wrapper-bear::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4a5568,#2d3748)}.fab-multiselect-options-seahorse::-webkit-scrollbar{width:6px}.fab-multiselect-options-seahorse::-webkit-scrollbar-track{background:#f1f3f5;border-radius:3px}.fab-multiselect-options-seahorse::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.fab-multiselect-options-seahorse::-webkit-scrollbar-thumb:hover{background:#a0aec0}.fab-filter-value-unassigned{background-color:#fed7d7!important;color:#c53030!important;border-left-color:#f56565!important;font-style:italic}.fab-subagency-dropdown-container{position:relative;width:auto;min-width:150px;max-width:200px}.fab-subagency-dropdown-display{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fff;border:1px solid #cbd5e0;border-radius:6px;cursor:pointer;font-size:13px;color:#2d3748;transition:all .2s ease;min-height:38px;width:100%}.fab-subagency-dropdown-display:hover{border-color:#4299e1;box-shadow:0 0 0 1px #4299e1}.fab-subagency-dropdown-display.disabled{background-color:#f5f5f5;color:#a0aec0;cursor:not-allowed;opacity:.6}.fab-subagency-dropdown-display.disabled:hover{border-color:#cbd5e0;box-shadow:none}.fab-dropdown-arrow{font-size:10px;color:#718096;transition:transform .2s ease}.fab-subagency-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1001;max-height:220px;overflow:hidden;display:flex;flex-direction:column}.fab-subagency-search-container{position:relative;padding:8px;border-bottom:1px solid #e2e8f0;background:#f7fafc}.fab-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:12px;pointer-events:none}.fab-subagency-search-input{width:100%;padding:6px 10px 6px 28px;border:1px solid #cbd5e0;border-radius:4px;font-size:12px;outline:none;transition:all .2s ease}.fab-subagency-search-input:focus{border-color:#4299e1;box-shadow:0 0 0 2px #4299e126}.fab-subagency-search-input::placeholder{color:#a0aec0;font-size:12px}.fab-subagency-option{display:flex;align-items:center;padding:8px 12px;cursor:pointer;font-size:12px;color:#2d3748;transition:background-color .15s ease;border-bottom:1px solid #f7fafc}.fab-subagency-option:last-child{border-bottom:none}.fab-subagency-option:hover{background-color:#f7fafc}.fab-subagency-option.selected{background-color:#ebf8ff;color:#2b6cb0;font-weight:500}.fab-subagency-option.fab-select-all{font-weight:600;color:#2b6cb0;background-color:#f7fafc;border-bottom:2px solid #e2e8f0;position:sticky;top:0;z-index:1}.fab-subagency-option.fab-select-all:hover{background-color:#edf2f7}.fab-subagency-option input[type=checkbox]{margin-right:8px;width:14px;height:14px;cursor:pointer;accent-color:#4299e1}.fab-subagency-option span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fab-subagency-no-results{padding:14px;text-align:center;color:#a0aec0;font-size:12px;font-style:italic}.fab-spin-icon-polar{animation:spin 1s linear infinite;margin-right:4px;font-size:12px}.fab-subagency-dropdown-menu{overflow-y:auto}.fab-subagency-dropdown-menu::-webkit-scrollbar{width:5px}.fab-subagency-dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.fab-subagency-dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.fab-subagency-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width: 768px){.fab-subagency-dropdown-container{min-width:120px;max-width:160px}.fab-subagency-dropdown-display{padding:6px 10px;font-size:12px}.fab-subagency-option{padding:6px 10px;font-size:11px}}.fab-multiselect-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ccc;border-radius:4px;max-height:220px;overflow-y:auto;z-index:1000;box-shadow:0 2px 8px #0000001a}.fab_toast_hyfi{position:absolute;top:10px;right:120px;background:#48bb78;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;box-shadow:0 2px 8px #00000026;z-index:1000;animation:fadeInOut 3s ease-in-out}.fab_assigned_hyfi{position:absolute;top:-8px;right:-8px;background:#48bb78;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:700}.fab_sub_mit_toast_hyfi{position:absolute;top:6px;right:12px;background:#2f855a;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #00000026;z-index:1000;white-space:nowrap}.fab-edit-save-button{background:#48bb78;color:#fff;border:none;border-radius:4px;padding:6px 8px;cursor:pointer;display:flex;align-items:center;min-width:32px;height:32px;transition:background .2s ease,transform .2s ease}.fab-edit-cancel-button{background:#e53e3e;color:#fff;border:none;border-radius:4px;padding:6px 8px;cursor:pointer;display:flex;align-items:center;min-width:32px;height:32px}.fab-edit-cancel-button:disabled{cursor:not-allowed}.fab-edit-icon-button{background:none;border:none;cursor:pointer;color:#3182ce;font-size:14px;padding:2px}.fab-section-code-dropdown{border:1px solid #ccc;border-radius:4px;padding:8px;cursor:pointer;background-color:#fff;display:flex;justify-content:space-between;align-items:center;min-width:120px}.fab-sec_code_drop{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ccc;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 2px 8px #0000001a}.fab-save-button-impala{font-size:"10px";padding:"4px 8px";min-width:"50px"}.fabri-node1{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.fabri-node2{background-color:#fff;padding:35px;border-radius:15px;box-shadow:0 10px 25px #0000004d;text-align:center;width:350px}.fabri-node3{background-color:#2563eb;color:#fff;padding:10px 25px;border:none;border-radius:8px;cursor:pointer;font-weight:700}.fabwrap-container-main{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:#f8f9fa;min-height:100vh;padding:0;margin:0}.fabwrap-header-section{display:flex;justify-content:center;align-items:center;padding:25px 20px;background:linear-gradient(135deg,#667eea,#2a4365);border-bottom:1px solid #e1e7ef;box-shadow:0 2px 10px #0000001a;border-radius:8px}.fabwrap-title-container h3{margin:0;font-size:28px;font-weight:700;color:#fff;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:1px}.fabwrap-filter-section{padding:30px 20px;background-color:#fff;border-bottom:1px solid #e1e7ef;box-shadow:0 2px 8px #0000000d}.fabwrap-filter-container{max-width:1200px;margin:0 auto}.fabwrap-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;align-items:end}.fabwrap-dropdown-container{display:flex;flex-direction:column;gap:8px}.fabwrap-dropdown-label{font-size:14px;font-weight:600;color:#2d3748;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.fabwrap-dropdown-select{padding:12px 40px 12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background-color:#fff;outline:none;transition:all .3s ease;cursor:pointer;min-height:48px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.fabwrap-dropdown-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.fabwrap-dropdown-select:disabled{background-color:#f7fafc;color:#a0aec0;cursor:not-allowed;border-color:#e2e8f0}.fabwrap-dropdown-select:hover:not(:disabled){border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.fabwrap-search-container{display:flex;align-items:end}.fabwrap-search-button{background:linear-gradient(135deg,#667eea,#2c5282);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:48px;min-width:120px;box-shadow:0 4px 15px #667eea66;text-transform:uppercase;letter-spacing:.5px}.fabwrap-search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea99;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.fabwrap-search-button:disabled{background:linear-gradient(135deg,#a0aec0,#718096);cursor:not-allowed;transform:none;box-shadow:none}.fabwrap-search-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 15px #667eea66}.fabwrap-selected-section{padding:25px 20px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:1px solid #e2e8f0;margin-bottom:0}.fabwrap-selected-container{max-width:1200px;margin:0 auto}.fabwrap-selected-container h4{margin:0 0 15px;font-size:18px;font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:.5px}.fabwrap-selected-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.fabwrap-selected-item{display:flex;flex-direction:column;gap:6px;background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #667eea;transition:all .3s ease}.fabwrap-selected-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.fabwrap-selected-label{font-size:12px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.fabwrap-selected-value{font-size:16px;font-weight:700;color:#2d3748;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fabwrap-instructions-section{padding:30px 20px;background-color:#fff}.fabwrap-instructions-container{max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:25px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 15px #0000000d}.fabwrap-instructions-container h4{margin:0 0 15px;font-size:18px;font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #667eea;padding-bottom:8px;display:inline-block}.fabwrap-instructions-list{list-style:none;padding:0;margin:0}.fabwrap-instructions-list li{font-size:14px;color:#4a5568;position:relative;padding:10px 0 10px 25px;line-height:1.6}.fabwrap-instructions-list li:before{content:"→";position:absolute;left:0;top:10px;color:#667eea;font-weight:700;font-size:16px}.fabwrap-instructions-list li:not(:last-child){border-bottom:1px solid #e2e8f0}@media (max-width: 768px){.fabwrap-filter-row{grid-template-columns:1fr;gap:20px}.fabwrap-title-container h3{font-size:24px}.fabwrap-selected-grid{grid-template-columns:1fr}.fabwrap-dropdown-select{font-size:16px}.fabwrap-search-button{width:100%;margin-top:10px}}@media (max-width: 480px){.fabwrap-header-section,.fabwrap-filter-section,.fabwrap-selected-section,.fabwrap-instructions-section{padding:20px 15px}.fabwrap-title-container h3{font-size:20px}}.fabwrap-dropdown-select:disabled{background-image:none}.fabwrap-dropdown-select:focus,.fabwrap-search-button:focus{outline:2px solid #667eea;outline-offset:2px}.fabwrap-selected-section,.fabwrap-selected-item{animation:fadeIn .5s ease-out}.fabwrap-searchable-dropdown{position:relative;width:100%}.fabwrap-dropdown-menu{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:2px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 15px #0000001a;z-index:1000;max-height:300px;overflow:hidden}.fabwrap-dropdown-search{padding:8px;border-bottom:1px solid #e2e8f0;background-color:#f8f9fa}.fabwrap-search-input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;outline:none;transition:all .3s ease}.fabwrap-search-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.fabwrap-dropdown-options{max-height:200px;overflow-y:auto}.fabwrap-dropdown-option{padding:10px 12px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f1f5f9;font-size:14px}.fabwrap-dropdown-option:hover{background-color:#f8f9fa}.fabwrap-dropdown-no-options{padding:12px;text-align:center;color:#718096;font-style:italic;font-size:14px}.fabwrap-selected-compressed{padding:15px 20px!important}.fabwrap-selected-grid-compressed{display:flex;flex-wrap:wrap;gap:12px!important;align-items:center}.fabwrap-selected-item-compressed{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;background-color:#fff;padding:8px 12px!important;border-radius:6px!important;box-shadow:0 1px 4px #0000001a!important;border-left:3px solid #667eea!important;min-width:auto;flex:0 0 auto}.fabwrap-selected-item-compressed:hover{transform:none!important;box-shadow:0 2px 8px #00000026!important}.fabwrap-selected-item-compressed .fabwrap-selected-label{font-size:11px!important;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px;margin:0;white-space:nowrap}.fabwrap-selected-item-compressed .fabwrap-selected-value{font-size:14px!important;font-weight:600;color:#2d3748;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.fabwrap-selected-container h4{margin:0 0 10px!important;font-size:16px!important}@media (max-width: 768px){.fabwrap-selected-grid-compressed{flex-direction:column;align-items:stretch}.fabwrap-selected-item-compressed{flex:1 1 auto}.fabwrap-selected-item-compressed .fabwrap-selected-value{max-width:none}}@media (max-width: 480px){.fabwrap-selected-compressed{padding:12px 15px!important}.fabwrap-selected-item-compressed{padding:6px 10px!important}.fabwrap-selected-item-compressed .fabwrap-selected-label{font-size:10px!important}.fabwrap-selected-item-compressed .fabwrap-selected-value{font-size:13px!important}}.fabwrap-dropdown-options::-webkit-scrollbar{width:6px}.fabwrap-dropdown-options::-webkit-scrollbar-track{background:#f1f1f1}.fabwrap-dropdown-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.fabwrap-dropdown-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.fabwrap-back-button{background:linear-gradient(135deg,#2a4365,#c53030);color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-height:36px;min-width:160px;box-shadow:0 2px 10px #e53e3e4d;text-transform:uppercase;letter-spacing:.4px}.fabwrap-add-button{background-color:#667eea;color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;font-size:14px;transition:background-color .2s ease}.fabwrap-add-button:hover{background-color:#5a67d8}.search_with_icon .fabwrap-search-input{flex:1}.fabwrap-source-indicator{font-size:10px;padding:2px 4px;border-radius:3px;margin-left:8px;font-weight:700}.fabwrap-source-indicator.drawing_entry{background-color:#e3f2fd;color:#1976d2}.fabwrap-source-indicator.mtr_module{background-color:#f3e5f5;color:#7b1fa2}.fabwrap-source-indicator.both{background-color:#e8f5e8;color:#388e3c}.fabwrap-dropdown-option{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0}.fabwrap-dropdown-option:hover{background-color:#f5f5f5}.fabwrap-dropdown-option:last-child{border-bottom:none}.fabwrap-dropdown-option.focused{background-color:#e2e8f0;color:#000}.fabwrap-dropdown-menu{position:absolute;z-index:1000;width:100%;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #ccc;box-shadow:0 2px 4px #0000001a}.fabwrap-dropdown-option.focused{background-color:#e2e8f0;cursor:pointer}.fabwrap-search-input:focus{outline:none;border-color:#3182ce}.fabwrap-dropdown-menu.open-upward{box-shadow:0 -4px 12px #00000026;border-top:1px solid #e2e8f0;border-bottom:none}.fabwrap-dropdown-menu{z-index:1200!important}.prodwrap-filter-section{padding:30px 20px;background-color:#fff;border-bottom:1px solid #e1e7ef;box-shadow:0 2px 8px #0000000d}.prodwrap-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;align-items:end;margin-bottom:25px}.prodwrap-action-row{display:flex;gap:15px;justify-content:center;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.prodwrap-dropdown-container{display:flex;flex-direction:column;gap:8px}.prodwrap-dropdown-label{font-size:14px;font-weight:600;color:#2d3748;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.prodwrap-dropdown-select{padding:12px 40px 12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background-color:#fff;outline:none;transition:all .3s ease;cursor:pointer;min-height:48px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.prodwrap-search-button{background-color:#2a4365;color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:48px;min-width:140px;box-shadow:0 4px 15px #2a436566;text-transform:uppercase;letter-spacing:.5px}.prodwrap-new-entry-button{background:linear-gradient(135deg,#2a4365,#c53030);color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:48px;min-width:140px;box-shadow:0 4px 15px #38a16966;text-transform:uppercase;letter-spacing:.5px}.prodwrap-new-drawing-button{background:linear-gradient(135deg,#2a4365,#c53030);color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:48px;min-width:140px;box-shadow:0 4px 15px #38a16966;text-transform:uppercase;letter-spacing:.5px;margin-right:20px}.prodwrap-selected-section{padding:20px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:1px solid #e2e8f0;margin-bottom:0}.prodwrap-selected-container{max-width:1200px;margin:0 auto}.prodwrap-selected-container h4{margin:0 0 12px;font-size:16px;font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:.5px}.prodwrap-selected-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.prodwrap-selected-item{display:flex;flex-direction:column;gap:6px;background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #2a4365;transition:all .3s ease}.prodwrap-selected-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.prodwrap-selected-label{font-size:12px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.prodwrap-selected-value{font-size:16px;font-weight:700;color:#2a4365}.prodwrap-results-section{padding:20px;background-color:#fff}.prodwrap-results-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:15px}.prodwrap-clear-button{background-color:#718096;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.prodwrap-table-container{overflow-x:auto;border-radius:8px;box-shadow:0 4px 15px #0000001a}.prodwrap-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;font-size:13px}.prodwrap-table th{padding:12px 10px;text-align:left;font-weight:600;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #1a365d}.prodwrap-table td{padding:10px;border-bottom:1px solid #e2e8f0;font-size:13px;color:#4a5568;font-weight:500}.prodwrap-table td:first-child{font-weight:600;color:#2a4365;text-align:center;width:60px}.prodwrap-empty-state{padding:30px 20px;text-align:center}.prodwrap-empty-text{font-size:14px;color:#718096;font-style:italic}.prodwrap-instructions-section{padding:30px 20px;background-color:#fff}.prodwrap-instructions-container{max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:25px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 15px #0000000d}.prodwrap-instructions-container h4{margin:0 0 15px;font-size:18px;font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #2a4365;padding-bottom:8px;display:inline-block}.prodwrap-instructions-list{list-style:none;padding:0;margin:0}.prodwrap-instructions-list li{font-size:14px;color:#4a5568;position:relative;padding:10px 0 10px 25px;line-height:1.6}.prodwrap-instructions-list li:before{content:"→";position:absolute;left:0;top:10px;color:#2a4365;font-weight:700;font-size:16px}.prodwrap-instructions-list li:not(:last-child){border-bottom:1px solid #e2e8f0}.prodwrap-dropdown-menu{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:2px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 15px #0000001a;z-index:1000;max-height:300px;overflow:hidden}.prodwrap-dropdown-search{padding:8px;border-bottom:1px solid #e2e8f0;background-color:#f8f9fa}.prodwrap-search-input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;outline:none;transition:all .3s ease}.prodwrap-dropdown-options{max-height:200px;overflow-y:auto}.prodwrap-dropdown-option{padding:10px 12px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f1f5f9;font-size:14px}.prodwrap-dropdown-no-options{padding:12px;text-align:center;color:#718096;font-style:italic;font-size:14px}.prodwrap-selected-compressed{padding:15px 20px!important}.prodwrap-selected-grid-compressed{display:flex;flex-wrap:wrap;gap:12px!important;align-items:center}.prodwrap-selected-item-compressed{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;background-color:#fff;padding:8px 12px!important;border-radius:6px!important;box-shadow:0 1px 4px #0000001a!important;border-left:3px solid #2a4365!important;min-width:auto;flex:0 0 auto}.prodwrap-selected-item-compressed:hover{transform:none!important;box-shadow:0 2px 8px #00000026!important}.prodwrap-selected-item-compressed .prodwrap-selected-label{font-size:11px!important;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px;margin:0;white-space:nowrap}.prodwrap-selected-item-compressed .prodwrap-selected-value{font-size:14px!important;font-weight:600;color:#2a4365;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}@media (max-width: 768px){.prodwrap-filter-row{grid-template-columns:1fr;gap:20px}.prodwrap-action-row{flex-direction:column;gap:10px}.prodwrap-search-button,.prodwrap-new-entry-button{width:100%}.prodwrap-selected-grid{grid-template-columns:1fr}.prodwrap-dropdown-select{font-size:16px}.prodwrap-selected-grid-compressed{flex-direction:column;align-items:stretch}.prodwrap-selected-item-compressed{flex:1 1 auto}.prodwrap-selected-item-compressed .prodwrap-selected-value{max-width:none}.prodwrap-results-header{flex-direction:column;gap:15px;align-items:stretch}.prodwrap-table{font-size:12px}.prodwrap-table th,.prodwrap-table td{padding:8px 6px}}@media (max-width: 480px){.prodwrap-filter-section,.prodwrap-selected-section,.prodwrap-instructions-section,.prodwrap-results-section{padding:20px 15px}.prodwrap-selected-compressed{padding:12px 15px!important}.prodwrap-selected-item-compressed{padding:6px 10px!important}.prodwrap-selected-item-compressed .prodwrap-selected-label{font-size:10px!important}.prodwrap-selected-item-compressed .prodwrap-selected-value{font-size:13px!important}.prodwrap-table{font-size:11px}.prodwrap-table th,.prodwrap-table td{padding:6px 4px}}.prodwrap-selected-section,.prodwrap-selected-item,.prodwrap-results-section{animation:fadeIn .5s ease-out}.mtr-fab-results-section{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.mtr-fab-results-section h3{color:#495057;margin-bottom:15px;font-size:1.2rem;font-weight:600}.action-btn{padding:4px 8px;margin:0 2px;border:none;border-radius:4px;cursor:pointer;font-size:12px}.edit-btn{background-color:#007bff;color:#fff}.delete-btn{background-color:#dc3545;color:#fff}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.prodwrap-main-container{padding:20px;background-color:#f8f9fa;min-height:100vh}.prodwrap-header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;box-shadow:0 4px 15px #0000001a}.prodwrap-title{font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.prodwrap-subtitle{font-size:1.1rem;opacity:.9;margin:0}.prodwrap-filter-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px}.prodwrap-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:25px}.prodwrap-filter-group{display:flex;flex-direction:column}.prodwrap-filter-label{font-weight:600;color:#333;margin-bottom:8px;font-size:.95rem}.prodwrap-filter-select{padding:12px 15px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;background-color:#fff;transition:all .3s ease}.prodwrap-filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.prodwrap-filter-select:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.prodwrap-action-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.prodwrap-search-button,.prodwrap-refresh-button{padding:12px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px}.prodwrap-search-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.prodwrap-search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #28a7454d}.prodwrap-refresh-button{background:linear-gradient(135deg,#17a2b8,#6f42c1);color:#fff}.prodwrap-refresh-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #17a2b84d}.prodwrap-search-button:disabled,.prodwrap-refresh-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.prodwrap-selected-values{background:#e3f2fd;padding:15px 20px;border-radius:8px;margin-bottom:20px;border-left:4px solid #2196f3}.prodwrap-selected-title{margin:0 0 10px;color:#1976d2;font-size:1.1rem;font-weight:600}.prodwrap-selected-items{display:flex;flex-wrap:wrap;gap:15px}.prodwrap-selected-item{background:#fff;padding:5px 12px;border-radius:20px;font-size:.9rem;box-shadow:0 1px 3px #0000001a}.prodwrap-loading{display:flex;align-items:center;justify-content:center;gap:15px;padding:30px;background:#fff;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a}.prodwrap-spinner{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.prodwrap-instructions{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-top:25px}.prodwrap-instructions-title{color:#333;margin-bottom:15px;font-size:1.3rem;font-weight:600}.prodwrap-instructions-list{margin-bottom:20px;padding-left:20px}.prodwrap-instructions-list li{margin-bottom:8px;line-height:1.5}.prodwrap-data-sources h5{margin-bottom:10px;color:#333;font-weight:600}.prodwrap-data-sources ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:20px}.prodwrap-data-sources li{display:flex;align-items:center;gap:8px}.prodwrap-source-indicator{width:12px;height:12px;border-radius:50%}.prodwrap-source-indicator.fabrication{background-color:#28a745}.prodwrap-source-indicator.mtr-fab{background-color:#007bff}.prodwrap-source-indicator.inch-meter-fab{background-color:#ffc107}.prodwrap-data-source-tag{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600;color:#fff;text-align:center;white-space:nowrap}.prodwrap-data-source-tag.fabrication{background-color:#28a745}.prodwrap-data-source-tag.mtr-fab{background-color:#007bff}.prodwrap-data-source-tag.inch-meter-fab{background-color:#ffc107;color:#333}.prodwrap-data-source-tag.unknown{background-color:#6c757d}.prodwrap-results-section{margin-top:25px}.prodwrap-results-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.prodwrap-results-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:#f8f9fa;border-bottom:1px solid #dee2e6}.prodwrap-results-title{margin:0;color:#333;font-size:1.4rem;font-weight:600}.prodwrap-clear-button{padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.prodwrap-clear-button:hover{background:#c82333;transform:translateY(-1px)}.prodwrap-source-section{margin-bottom:30px}.prodwrap-source-title{padding:15px 25px;margin:0;background:#f8f9fa;border-bottom:1px solid #dee2e6;color:#333;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:10px}.prodwrap-source-count{font-size:.9rem;color:#6c757d;font-weight:400}.prodwrap-table-container{overflow-x:auto}.prodwrap-table{width:100%;border-collapse:collapse;font-size:.9rem}.prodwrap-table th{background:#f8f9fa;padding:12px 15px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6;white-space:nowrap}.prodwrap-table td{padding:12px 15px;border-bottom:1px solid #dee2e6;vertical-align:middle}.prodwrap-actions{display:flex;gap:8px;justify-content:center}.prodwrap-action-icon{cursor:pointer;transition:all .3s ease}.prodwrap-edit-icon:hover{color:#0056b3;transform:scale(1.1)}.prodwrap-delete-icon:hover{color:#c82333;transform:scale(1.1)}.prodwrap-status-tag{display:flex;align-items:center;gap:5px;padding:4px 8px;background:#d4edda;color:#155724;border-radius:12px;font-size:.8rem;font-weight:500;justify-content:center}.prodwrap-status-icon{color:#28a745}.prodwrap-empty-row td{text-align:center;padding:40px 20px;color:#6c757d}.prodwrap-empty-state{display:flex;flex-direction:column;align-items:center;gap:10px}.prodwrap-empty-text{font-size:1.1rem;font-weight:500}@media (max-width: 768px){.prodwrap-main-container{padding:15px}.prodwrap-title{font-size:2rem}.prodwrap-filter-grid{grid-template-columns:1fr}.prodwrap-action-buttons{flex-direction:column;align-items:center}.prodwrap-selected-items{flex-direction:column;gap:8px}.prodwrap-results-header{flex-direction:column;gap:15px;text-align:center}.prodwrap-data-sources ul{flex-direction:column;gap:10px}}.table-container{background:#fff;border-radius:14px;box-shadow:0 3px 10px #0000000d;padding:16px 20px;margin:20px auto;transition:all .3s ease}.table-container:hover{box-shadow:0 5px 18px #00000014}.table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.table-title{font-size:17px;font-weight:600;color:#1a202c;border-left:3px solid #007bff;padding-left:8px;letter-spacing:.3px}.table-wrapper{overflow-x:auto;max-height:500px;overflow-y:auto;border-radius:8px;border:1px solid #e2e8f0}.combined-table{width:100%;border-collapse:separate;border-spacing:0 6px;font-family:Inter,Segoe UI,sans-serif}.combined-table thead{background:#f8fafc}.combined-table th{font-size:12.8px;color:#4a5568;text-transform:uppercase;font-weight:600;padding:10px 14px;letter-spacing:.3px;border-bottom:2px solid #edf2f7}.combined-table td{padding:10px 14px;background:#fff;font-size:14px;color:#000;vertical-align:middle;border-bottom:1px solid #f1f5f9}.combined-table tr:hover td{background-color:#f9fbfc;transition:background-color .2s ease}.status-tag{display:inline-block;padding:3px 9px;border-radius:10px;font-size:12px;font-weight:600;text-transform:capitalize;letter-spacing:.2px}.status-tag.completed{background-color:#e6fffa;color:#0d9488}.status-tag.in-progress{background-color:#ebf8ff;color:#2b6cb0}.status-tag.pending{background-color:#fffbea;color:#b7791f}.status-tag.hold{background-color:#fff5f5;color:#c53030}.status-tag.assigned{background-color:#fff3e0;color:#f97316}.status-tag.default{background-color:#edf2f7;color:#4a5568}.data-module-tag{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.data-module-tag.erection{background-color:#e6f3ff;color:#1e90ff}.data-module-tag.fabrication{background-color:#e6ffe6;color:#28a745}.data-module-tag.default{background-color:#f7f7f7;color:#6b7280}.actions-cell{display:flex;align-items:center;gap:6px}.action-button{border:none;cursor:pointer;padding:6px;border-radius:6px;background:#f8f9fa;transition:all .2s ease}.action-button:hover{transform:scale(1.1);box-shadow:0 2px 4px #00000014}.edit-button{color:#007bff}.edit-button:hover{background-color:#e7f3ff}.delete-button{color:#e53e3e}.delete-button:hover{background-color:#ffe8e8}.loading-text,.no-data{text-align:center;color:#718096;font-style:italic;padding:20px;font-size:14px}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease-in-out}.confirm-modal{background:#fffffff2;border-radius:16px;padding:30px 25px;width:95%;max-width:420px;text-align:center;box-shadow:0 10px 25px #00000026;transform:scale(.9);opacity:0;transition:all .3s ease}.animate-modal{transform:scale(1);opacity:1}.confirm-modal-icon{color:#f56565;background-color:#ffeaea;width:70px;height:70px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 15px;box-shadow:0 2px 8px #e53e3e33}.confirm-modal-title{font-size:20px;font-weight:600;color:#1a202c;margin-bottom:8px}.confirm-modal-message{font-size:15px;color:#4a5568;margin-bottom:24px;line-height:1.5}.confirm-modal-buttons{display:flex;justify-content:center;gap:15px}.confirm-modal-cancel,.confirm-modal-confirm{padding:10px 20px;font-size:14px;border-radius:8px;border:none;cursor:pointer;transition:all .25s ease-in-out;font-weight:500}.confirm-modal-cancel{background:#edf2f7;color:#2d3748;box-shadow:0 2px 4px #0000000d}.confirm-modal-cancel:hover{background:#e2e8f0;transform:translateY(-1px)}.confirm-modal-confirm{background:linear-gradient(90deg,#e53e3e,#c53030);color:#fff;box-shadow:0 3px 6px #e53e3e4d}.confirm-modal-confirm:hover{background:linear-gradient(90deg,#c53030,#9b2c2c);transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0;background:#11182700}to{opacity:1;background:#1118278c}}.prodwrap-container-main{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:#f8f9fa;min-height:100vh;padding:0;margin:0}.prodwrap-filter-section{padding:10px 5px;background-color:#fff;border-bottom:1px solid #e1e7ef;box-shadow:0 2px 8px #0000000d}.prodwrap-filter-container{max-width:1200px;margin:0 auto}.prodwrap-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end;margin-bottom:10px}.prodwrap-action-row{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0}.prodwrap-dropdown-container{display:flex;flex-direction:column;gap:2px}.prodwrap-dropdown-label{font-size:11px;font-weight:600;color:#2d3748;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.prodwrap-dropdown-select{padding:6px 28px 6px 10px;border:2px solid #e2e8f0;border-radius:4px;font-size:12px;background-color:#fff;outline:none;transition:all .3s ease;cursor:pointer;min-height:36px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 6px center;background-repeat:no-repeat;background-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.prodwrap-dropdown-select:focus{border-color:#2a4365;box-shadow:0 0 0 3px #2a43651a;transform:translateY(-1px)}.prodwrap-dropdown-select:disabled{background-color:#f7fafc;color:#a0aec0;cursor:not-allowed;border-color:#e2e8f0}.prodwrap-dropdown-select:hover:not(:disabled){border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.prodwrap-search-button{background-color:#2a4365;color:#fff;border:none;border-radius:4px;padding:6px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:36px;min-width:100px;box-shadow:0 4px 15px #2a436566;text-transform:uppercase;letter-spacing:.5px}.prodwrap-search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #2a436599;background-color:#1a365d}.prodwrap-search-button:disabled{background-color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.prodwrap-new-entry-button{background:linear-gradient(135deg,#2a4365,#c53030);color:#fff;border:none;border-radius:4px;padding:6px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:36px;min-width:100px;box-shadow:0 4px 15px #38a16966;text-transform:uppercase;letter-spacing:.5px}.prodwrap-new-entry-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #38a16999;background-color:#2f855a}.prodwrap-new-entry-button:disabled{background-color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.prodwrap-results-section{padding:8px;background-color:#fff}.prodwrap-results-container{max-width:1200px;margin:0 auto}.prodwrap-results-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:8px}.prodwrap-clear-button{background-color:#718096;color:#fff;border:none;border-radius:3px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease}.prodwrap-clear-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #71809666;background-color:#4a5568}.prodwrap-table-container{overflow-x:auto;border-radius:4px;box-shadow:0 4px 15px #0000001a}.prodwrap-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:4px;overflow:hidden;font-size:11px}.prodwrap-table thead{background-color:#2a4365}.prodwrap-table th{padding:6px 4px;text-align:left;font-weight:600;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #1a365d}.prodwrap-table-row{transition:all .2s ease;border-bottom:1px solid #e2e8f0}.prodwrap-table-row:hover{background-color:#f8f9fa}.prodwrap-table-row:nth-child(2n){background-color:#fafafa}.prodwrap-table-row:nth-child(2n):hover{background-color:#f1f5f9}.prodwrap-table td{padding:4px;border-bottom:1px solid #e2e8f0;font-size:11px;color:#4a5568;font-weight:500}.prodwrap-table td:first-child{font-weight:600;color:#2a4365;text-align:center;width:40px}.prodwrap-empty-row{background-color:#f8f9fa}.prodwrap-empty-state{padding:15px 8px;text-align:center}.prodwrap-empty-text{font-size:12px;color:#718096;font-style:italic}.prodwrap-searchable-dropdown{position:relative;width:100%}.prodwrap-dropdown-menu{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:2px solid #e2e8f0;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 15px #0000001a;z-index:1000;max-height:200px;overflow:hidden}.prodwrap-dropdown-search{padding:4px;border-bottom:1px solid #e2e8f0;background-color:#f8f9fa}.prodwrap-search-input{width:100%;padding:4px 8px;border:1px solid #e2e8f0;border-radius:3px;font-size:12px;outline:none;transition:all .3s ease}.prodwrap-search-input:focus{border-color:#2a4365;box-shadow:0 0 0 2px #2a43651a}.prodwrap-dropdown-options{max-height:120px;overflow-y:auto}.prodwrap-dropdown-option{padding:6px 8px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f1f5f9;font-size:12px}.prodwrap-dropdown-option:hover{background-color:#f8f9fa}.prodwrap-dropdown-option:last-child{border-bottom:none}.prodwrap-dropdown-no-options{padding:8px;text-align:center;color:#718096;font-style:italic;font-size:12px}@media (max-width: 768px){.prodwrap-filter-row{grid-template-columns:1fr;gap:8px}.prodwrap-action-row{flex-direction:column;gap:6px}.prodwrap-search-button,.prodwrap-new-entry-button{width:100%}.prodwrap-dropdown-select{font-size:13px}.prodwrap-results-header{flex-direction:column;gap:8px;align-items:stretch}.prodwrap-table{font-size:10px}.prodwrap-table th,.prodwrap-table td{padding:4px 2px}}@media (max-width: 480px){.prodwrap-filter-section,.prodwrap-results-section{padding:8px 4px}.prodwrap-table{font-size:9px}.prodwrap-table th,.prodwrap-table td{padding:3px 1px}}.prodwrap-dropdown-options::-webkit-scrollbar{width:6px}.prodwrap-dropdown-options::-webkit-scrollbar-track{background:#f1f1f1}.prodwrap-dropdown-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.prodwrap-dropdown-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.prodwrap-dropdown-select:disabled{background-image:none}.prodwrap-dropdown-select:focus,.prodwrap-search-button:focus,.prodwrap-new-entry-button:focus{outline:2px solid #2a4365;outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.prodwrap-results-section{animation:fadeIn .5s ease-out}.prodwrap-dropdown-flex{display:flex;align-items:center;gap:8px}.prodwrap-add-button{background-color:#667eea;color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;font-size:14px;transition:background-color .2s ease}.prodwrap-add-button:hover{background-color:#5a67d8}.search_with_icon{display:flex;align-items:center;gap:8px}.search_with_icon .prodwrap-search-input{flex:1}.prodwrap-refresh-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;min-width:120px;justify-content:center}.prodwrap-refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#3182ce,#2c5aa0);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.prodwrap-refresh-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.prodwrap-refresh-button:disabled{background:linear-gradient(135deg,#a0aec0,#718096);cursor:not-allowed;transform:none;box-shadow:0 1px 2px #0000000d}.prodwrap-refresh-icon{transition:transform .3s ease}.prodwrap-action-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}@media (max-width: 768px){.prodwrap-refresh-button{min-width:100px;padding:8px 12px;font-size:13px}.prodwrap-action-row{gap:8px}}.prodwrap-refresh-button:focus{outline:none;box-shadow:0 0 0 3px #4299e14d}.prodwrap-refresh-button:disabled .prodwrap-refresh-icon{opacity:.7}.prodwrap-status-tag{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #10b9814d;white-space:nowrap}.prodwrap-status-tag:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b98166}.prodwrap-actions{display:flex;gap:12px;justify-content:center;align-items:center}.prodwrap-action-icon{cursor:pointer;transition:all .2s ease;padding:4px;border-radius:4px}.prodwrap-edit-icon{color:#3b82f6}.prodwrap-edit-icon:hover{color:#1d4ed8;background-color:#3b82f61a;transform:scale(1.2)}.prodwrap-delete-icon{color:#ef4444}.prodwrap-delete-icon:hover{color:#dc2626;background-color:#ef44441a;transform:scale(1.2)}.prodwrap-table td:nth-last-child(2),.prodwrap-table td:last-child{text-align:center;padding:8px}@media (max-width: 768px){.prodwrap-status-tag{font-size:10px;padding:3px 6px}.prodwrap-actions{gap:8px}.prodwrap-action-icon{padding:2px}}.prodwrap-refresh-spinning{animation:prodwrap-refresh-spin 1s linear infinite}@keyframes prodwrap-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prodwrap-table-row{transition:all .3s ease}.prodwrap-table-row:hover{background-color:#f8fafc;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.prodwrap-action-icon{cursor:pointer;transition:color .2s ease,transform .2s ease}.prodwrap-edit-icon{color:#007bff}.prodwrap-edit-icon:hover{color:#0056b3;transform:scale(1.2)}.prodwrap-delete-icon{color:#dc3545}.prodwrap-delete-icon:hover{color:#b02a37;transform:scale(1.2)}.prodwrap-status-tag{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #10b9814d;transition:all .3s ease}.prodwrap-status-tag:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.prodwrap-status-icon{flex-shrink:0}.prodwrap-status-text{white-space:nowrap}.prodwrap-table-row td:nth-last-child(2),.prodwrap-table-row td:last-child{text-align:center;padding:8px}@media (max-width: 768px){.prodwrap-actions{gap:8px}.prodwrap-action-icon{font-size:16px}.prodwrap-status-tag{padding:4px 8px;font-size:10px}.prodwrap-status-text{display:none}}@media (max-width: 480px){.prodwrap-status-tag{padding:3px 6px}.prodwrap-actions{gap:6px}}.prodwrap-table-row td:last-child{text-align:center;padding:8px}.prodwrap-dropdown-option.focused{background-color:#e2e8f0;color:#1a202c}.KiPoentrydatabseseTableJi{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#e6e9f0,#d0d9e8);min-height:100vh;padding:16px;display:flex;flex-direction:column;gap:12px}.KiHeaderSectionJi{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 4px}.KiBackToSelectionButtonJi{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#5a67d8,#6b46c1);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.KiBackToSelectionButtonJi:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5a67d84d}.KiPageTitleJi{font-size:24px;font-weight:600;background:linear-gradient(135deg,#5a67d8,#6b46c1);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0;text-align:center;flex:1}.KiHeaderButtonsJi{display:flex;gap:8px}.KiAddOrderButtonJi{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#38bdf8,#06b6d4);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.KiAddOrderButtonJi:hover{transform:translateY(-1px);box-shadow:0 4px 12px #38bdf84d}.KiButtonIconJi{font-size:14px}.KiSearchSectionJi{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:16px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(255,255,255,.15)}.KiSearchContainerJi{display:flex;flex-direction:column;gap:8px}.KiSearchInputWrapperJi{position:relative;display:flex;align-items:center}.KiSearchInputIconJi{position:absolute;left:12px;font-size:16px;color:#6b7280}.KiSearchInputJi{width:100%;padding:10px 12px 10px 36px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;background:#ffffffe6}.KiSearchInputJi:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a;background:#fff}.KiSearchInputJi::placeholder{color:#9ca3af}.KiClearSearchButtonJi{position:absolute;right:8px;background:#e5e7eb;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:background .2s ease}.KiClearSearchButtonJi:hover{background:#d1d5db}.KiSearchResultsInfoJi{font-size:12px;color:#fff;font-weight:500;padding:6px 12px;background:linear-gradient(135deg,#5a67d8,#6b46c1);border-radius:6px;text-align:center}.KiTableContainerJi{background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;box-shadow:0 4px 16px #00000014;overflow-x:auto;border:1px solid rgba(255,255,255,.15)}.KiWorkOrderTableJi{width:100%;border-collapse:collapse;min-width:800px}.KiWorkOrderTableJi thead{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.KiWorkOrderTableJi th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.4px;border:none;white-space:nowrap}.KiWorkOrderTableJi td{padding:10px 16px;font-size:13px;color:#374151;border:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:150px}.KiTableRowJi{transition:background .2s ease,transform .2s ease;border-bottom:1px solid rgba(0,0,0,.05)}.KiTableRowJi:hover{background:#38bdf80d;transform:translateY(-1px)}.KiTableRowJi:nth-child(2n){background:#f3f4f680}.KiTableRowJi:nth-child(2n):hover{background:#38bdf812}.KiMatchingRowJi{background:linear-gradient(135deg,#38bdf81a,#06b6d41a)!important;border-left:3px solid #38bdf8;animation:highlightPulse 1.5s ease-in-out}@keyframes highlightPulse{0%{box-shadow:0 0 #38bdf84d}70%{box-shadow:0 0 0 8px #38bdf800}to{box-shadow:0 0 #38bdf800}}.KiHighlightedTextJi{background:linear-gradient(135deg,#fef9c3,#fef08a);padding:1px 3px;border-radius:4px;font-weight:500;color:#854d0e}.KiOrderIconJi{display:flex;align-items:center;justify-content:center;color:#38bdf8;font-size:16px;cursor:pointer;transition:all .2s ease;padding:6px;border-radius:6px}.KiOrderIconJi:hover{color:#0284c7;background:#38bdf81a;transform:scale(1.05)}.KiWorkOrderLinkJi{background:none;border:none;color:#38bdf8;text-decoration:none;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:inherit;padding:6px 8px;border-radius:6px}.KiWorkOrderLinkJi:hover{color:#0284c7;background:#38bdf81a}.KiLdApplicableJi{display:inline-block;padding:4px 10px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase}.KiLdYesJi{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.KiLdNoJi{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.KiDeleteButtonJi{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px}.KiDeleteButtonJi:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#b91c1c;transform:translateY(-1px)}.KiDeleteIconJi{font-size:16px}.KiLoadingCellJi,.KiNoDataCellJi{padding:40px 16px;text-align:center}.KiLoadingContentJi{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:14px;color:#6b7280;font-weight:500}.KiLoadingSpinnerJi{font-size:24px;color:#38bdf8;animation:spin 1s linear infinite}.KiNoDataContentJi{display:flex;flex-direction:column;align-items:center;justify-content:center}.KiNoDataMessageJi{font-size:14px;color:#6b7280;font-weight:500;background:linear-gradient(135deg,#38bdf81a,#06b6d41a);padding:12px 24px;border-radius:8px;border:1px solid rgba(56,189,248,.15)}@media (max-width: 1024px){.KiWorkOrderTableJi th,.KiWorkOrderTableJi td{padding:10px 12px;font-size:12px}.KiPageTitleJi{font-size:22px}.KiAddOrderButtonJi,.KiBackToSelectionButtonJi{padding:8px 12px;font-size:12px}}@media (max-width: 768px){.KiPoentrydatabseseTableJi{padding:12px}.KiHeaderSectionJi{flex-direction:column;align-items:center;gap:10px}.KiHeaderButtonsJi{flex-wrap:wrap;justify-content:center;gap:8px}.KiSearchSectionJi{padding:12px}.KiSearchInputJi{padding:8px 12px 8px 32px;font-size:13px}.KiSearchInputIconJi{left:10px;font-size:14px}.KiClearSearchButtonJi{width:24px;height:24px}.KiWorkOrderTableJi th,.KiWorkOrderTableJi td{padding:8px 10px;font-size:11px;max-width:120px}.KiDeleteButtonJi{width:28px;height:28px}}@media (max-width: 480px){.KiWorkOrderTableJi{min-width:600px}.KiTableContainerJi{overflow-x:scroll;-webkit-overflow-scrolling:touch}.KiPageTitleJi{font-size:20px}.KiAddOrderButtonJi,.KiBackToSelectionButtonJi{padding:6px 10px;font-size:11px}.KiButtonIconJi{font-size:12px}.KiSearchInputJi{padding:8px 10px 8px 30px;font-size:12px}.KiSearchResultsInfoJi{font-size:11px;padding:4px 8px}}html,body{height:auto!important;min-height:100%;overflow-y:auto!important;overflow-x:hidden!important;scroll-behavior:smooth}.KiPoentrydatabseseTableJi{min-height:100vh;height:auto!important;overflow-y:auto!important;display:block}.KiPaginationJi{display:flex;justify-content:center;align-items:center;gap:8px;margin:24px 0;flex-wrap:wrap}.KiPageBtnJi{min-width:36px;height:36px;padding:0 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.KiPageBtnJi:hover:not(:disabled){background:#374151;border-color:#9ca3af;transform:translateY(-1px)}.KiPageBtnJi.active{background:#2563eb;color:#fff;border-color:#2563eb;font-weight:600;box-shadow:0 2px 6px #2563eb33}.KiPageBtnJi:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6;border-color:#e5e7eb}.KiPageBtnJi:not(.active):not(:disabled){color:#2563eb;font-weight:500}.AOelephantKI{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;box-sizing:border-box;width:100%}.AOelephantKI{min-height:100vh;overflow-y:auto!important;padding:10px 10px 120px;background:#f8f9fa}.AOelephantKI::-webkit-scrollbar{width:16px}.AOelephantKI::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.AOelephantKI::-webkit-scrollbar-thumb{background:#888;border-radius:10px;border:4px solid #f8f9fa}.AOelephantKI::-webkit-scrollbar-thumb:hover{background:#555}.AOlionKI{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:linear-gradient(135deg,#f0f7ff,#e0f2fe);border-bottom:1px solid #e1e7ef;margin-bottom:15px;border-radius:12px;box-shadow:0 2px 8px #00000014}.AOtigerKI h3{margin:0;font-size:18px;font-weight:600;color:#1e293b;letter-spacing:.5px}.AOcancelButtonKI{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 6px #dc35454d;position:relative}.AOcancelButtonKI:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.AOcancelButtonKI:hover:before{left:100%}.AOcancelButtonKI:hover{background:linear-gradient(135deg,#c82333,#b21f2d);transform:translateY(-2px);box-shadow:0 4px 12px #dc354566}.AOcheetahKI{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#2c5282,#2a4365);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .3s ease;box-shadow:0 2px 6px #2c52824d;position:relative}.AOcheetahKI:before{display:none!important}.AOcheetahKI:hover:before{left:100%}.AOcheetahKI{transition:background-color .2s ease,box-shadow .2s ease;transform:translateY(0);will-change:transform,box-shadow}.AOcheetahKI.calmer-hover:hover:not(:disabled){transform:none;box-shadow:0 4px 12px #2c528259}.AOcheetahKI:hover:not(:disabled){background:linear-gradient(135deg,#2a4365,#22543d);transform:translateY(-1px);box-shadow:0 4px 12px #2c528266}.AOcheetahKI:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.AOformSectionKI{background-color:#fff;border-radius:12px;padding:15px;margin-bottom:15px;box-shadow:0 2px 10px #00000014;border:1px solid #e5e7eb}.AOformHeaderKI{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e1e7ef}.AOformHeaderKI h4{margin:0;font-size:16px;font-weight:600;color:#1e293b;letter-spacing:.3px}.AOformGridKI{border:1px solid #e5e7eb;border-radius:10px;padding:15px;margin-bottom:15px;background:linear-gradient(145deg,#fafbfc,#f1f5f9)}.AOformRowKI{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.AOformRowKI:last-child{margin-bottom:0}.AOformFieldKI{display:flex;flex-direction:column}.AOformLabelKI{font-size:13px;font-weight:600;color:#374151;margin-bottom:6px;display:block;text-transform:uppercase;letter-spacing:.5px}.AOformInputKI{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;outline:none;transition:all .3s ease;background-color:#fff;box-shadow:inset 0 1px 3px #0000000d}.AOformInputKI:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 0 #3b82f633}.AOformInputKI::placeholder{color:#9ca3af}.AOformInputKI:disabled{background-color:#f5f5f5;cursor:not-allowed;color:#9ca3af}.AOcheckboxContainerKI{display:flex;align-items:center;gap:6px;margin-top:6px}.AOformCheckboxKI{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.AOcheckboxLabelKI{font-size:13px;color:#374151;cursor:pointer}.AOserviceSectionKI{margin-top:20px}.AOzebraKI{padding:10px 15px;background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e1e7ef;border-radius:10px;margin-bottom:8px;box-shadow:0 1px 3px #0000000d}.AOhippoKI{display:flex;flex-direction:column;gap:10px}.AOrhinoKI{display:flex;gap:8px;align-items:center}.AOrhinoKI h4{margin:0;font-size:16px;font-weight:600;color:#1e293b}.AOleopardKI{margin:0 0 15px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;min-height:250px;position:relative;overflow:visible;z-index:1000}.AOpantherKI{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5}.AOjaguarKI{font-size:28px;color:#3b82f6}.AOcougarKI{margin-top:8px;font-size:13px;color:#4a5568;text-align:center;max-width:300px}.AOlynxKI{width:100%;border-collapse:collapse;font-size:13px}.AOlynxKI thead{background:linear-gradient(135deg,#2d3748,#1a202c)}.AOlynxKI th{padding:8px 10px;text-align:left;font-size:12px;font-weight:600;color:#fff;border:none;white-space:nowrap;letter-spacing:.5px}.AOlynxKI td{padding:8px 10px;font-size:12px;color:#2d3748;white-space:nowrap;border:none;vertical-align:middle;position:relative;overflow:visible}.AOlynxKI tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease;position:visiblle!important;z-index:10}.AOlynxKI tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.AObearKI{background-color:#fff!important;border:none}.AOwolfKI{display:flex;align-items:center;justify-content:center;color:#3b82f6;font-size:14px;font-weight:600}.AOdeerKI{display:inline-block;padding:4px 8px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-radius:6px;font-size:11px;font-weight:500}.AOmooseKI{display:flex;gap:4px;justify-content:center}.AOelkKI{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;cursor:pointer;font-size:14px;color:#fff;box-shadow:0 2px 6px #00000026;transition:all .3s ease}.AOelkKI:hover:not(:disabled){box-shadow:0 4px 12px #0003}.AOelkKI:disabled{opacity:.5;cursor:not-allowed;transform:none}.AObisonKI{background:linear-gradient(135deg,#f56565,#e53e3e)}.AObisonKI:hover:not(:disabled){background:linear-gradient(135deg,#e53e3e,#c53030)}.AOfoxKI{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;outline:none;transition:all .3s ease;min-width:80px;background-color:#fff;box-shadow:inset 0 1px 2px #0000000d}.AOfoxKI:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626,0 0 #3b82f633;transform:translateY(-1px)}.AOfoxKI.readonly{background-color:#f8f9fa;cursor:not-allowed;color:#6b7280}.AOsubtotalRowKI{background:linear-gradient(135deg,#f8f9fa,#f1f5f9)!important;font-weight:700;border-top:2px solid #e2e8f0}.AOsubtotalRowKI td{padding:10px 15px!important;font-size:14px!important;color:#1e293b!important}.AOgstCalculationSectionKI{background:linear-gradient(135deg,#f8f9fa,#f0f9ff);border-top:1px solid #e2e8f0;padding:15px;border-radius:0 0 12px 12px;box-shadow:0 -2px 10px #0000000d}.AOselectedFiltersKI{max-width:500px;margin:0 auto}.AOfiltersHeaderKI{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 12px;text-align:center;letter-spacing:.3px}.AOfiltersContentKI{display:flex;flex-direction:column;gap:8px}.AOfilterItemKI{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;transition:transform .2s ease}.AOfilterItemKI:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.AOfilterLabelKI{font-size:13px;color:#4a5568;font-weight:500}.AOfilterValueKI{font-size:13px;color:#1e293b;font-weight:600}.AOtotalItemKI{background:linear-gradient(135deg,#e6fffa,#ccfbf1);border-color:#10b981;font-weight:700}.AOtotalItemKI .AOfilterLabelKI,.AOtotalItemKI .AOfilterValueKI{color:#065f46;font-weight:700;font-size:14px}.AOcustomToastKI{background:linear-gradient(135deg,#90ee90,#7ee47e)!important;border-radius:10px;box-shadow:0 4px 20px #90ee904d;border:1px solid #68d63c}.AOsuccessToastKI{display:flex;align-items:center;gap:8px;font-weight:500}.AOtoastIconKI{font-size:16px;color:#22543d}.AOtoastTextKI{font-weight:700;color:#22543d}.matrix-dropdown-container{position:relative;width:220px;font-family:Inter,sans-serif;z-index:10}.matrix-dropdown-container.open{z-index:9999}.matrix-dropdown-selected{position:relative;border:2px solid #d1d5db;border-radius:8px;padding:8px 6px;top:5px;background-color:#f9fafb;cursor:pointer;transition:all .2s ease}.matrix-dropdown-selected:hover{border-color:#3b82f6;box-shadow:0 0 4px #3b82f64d}.matrix-dropdown-options{position:absolute;top:calc(100% + 5px);left:0;background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;z-index:99999;max-height:220px;overflow-y:auto;width:660px;visibility:visible}.matrix-dropdown-option{background-color:#f3f4f6;padding:8px 10px;border-radius:6px;text-align:center;cursor:pointer;transition:transform .2s,background-color .2s;font-size:14px}.matrix-dropdown-option:hover{background-color:#2c5282;color:#fff;transform:scale(1.05)}table,tbody,tr,td{overflow:visible!important}@media (max-width: 1200px){.AOformRowKI{gap:10px}.AOlynxKI th,.AOlynxKI td{padding:6px 8px}}@media (max-width: 1024px){.AOformRowKI{grid-template-columns:1fr;gap:10px}.AOelephantKI{padding:8px}.AOformSectionKI,.AOformGridKI{padding:12px}}@media (max-width: 768px){.AOelephantKI{padding:5px}.AOlionKI{flex-direction:column;gap:10px;align-items:stretch;padding:8px 10px}.AOformHeaderKI{flex-direction:column;gap:10px;align-items:stretch}.AOlynxKI{font-size:11px}.AOlynxKI th,.AOlynxKI td{padding:6px 8px}.AOfoxKI{min-width:70px;font-size:11px}.AOrhinoKI{flex-direction:column;align-items:stretch;gap:6px}.AOformGridKI{padding:10px}.AOfiltersContentKI{gap:6px}.AOfilterItemKI{padding:5px 8px;flex-direction:column;align-items:flex-start;gap:4px}.AOleopardKI{min-height:200px;overflow:visible!important;z-index:1!important}.AOlynxKI{min-width:600px}.matrix-dropdown-options{width:100%;max-width:660px;left:0;right:0;margin:0 auto}}@media (max-width: 480px){.AOtigerKI h3,.AOformHeaderKI h4,.AOrhinoKI h4{font-size:14px}.AOformInputKI,.AOfoxKI{padding:8px 10px;font-size:12px}.AOformLabelKI{font-size:12px}.AOcheetahKI,.AOcancelButtonKI{padding:6px 12px;font-size:12px;width:100%}.AOlionKI{flex-direction:column}.AOsubtotalRowKI td{font-size:12px!important}}html,body{height:100%;width:100%;overflow-y:auto!important;overflow-x:hidden}.AOelephantKI{min-height:100vh;overflow-y:auto!important;display:block}.service-loading-wifi{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.service_two_wifi{background-color:#fff;padding:40px;border-radius:15px;text-align:center;box-shadow:0 10px 30px #0000004d}.AOformInputKI[type=date]{position:relative;padding-right:40px}.AOformInputKI[type=date]::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}.AOformInputKI[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1}.customer-dropdown-header{background:#fff;border:2px solid #3b82f6;border-radius:8px;padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#2d3748;min-height:48px;box-shadow:0 0 0 3px #3b82f61a}.newly-drop-down-paste{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:1000;max-height:300px;overflow:hidden}.button-add-new-page{padding:8px 12px;background-color:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;white-space:nowrap}.customer-id-paste{padding:12px 16px;cursor:pointer;font-size:14px;color:#2d3748;border-bottom:1px solid #f7fafc;display:flex;flex-direction:column;gap:2px}.applicatable-check-paste{position:absolute;bottom:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 -4px 6px #0000001a;z-index:1000;max-height:200px;overflow-y:auto}.show-material-drop-down{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px #0000001a;z-index:1000}.show-material-issue-paste{background:#fff;border:2px solid #d1d5db;border-radius:6px;padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;min-height:48px}.show-material-drop-down{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #d1d5db;border-radius:6px;z-index:1000;margin-top:4px}.inputbox-search-business{width:100%;padding:8px;border:1px solid #d1d5db;border-radius:4px}.piUpdateContainerol{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:#f8f9fa;min-height:100vh;padding:20px}.piHeaderSectionol{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f0f7ff;border-bottom:1px solid #e1e7ef;margin-bottom:20px;border-radius:8px}.piTitleSectionol h2{margin:0;font-size:20px;font-weight:500;color:#2c3e50}.piSubtitleol{margin:5px 0 0;font-size:14px;color:#666}.piHeaderButtonsol{display:flex;gap:10px;align-items:center}.piEditButtonol,.piUpdateButtonol,.piCancelButtonol{display:flex;align-items:center;gap:8px;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.piEditButtonol{background-color:#2c5282;color:#fff;box-shadow:0 2px 4px #2c52824d}.piEditButtonol:hover{background-color:#2a4365;transform:translateY(-1px);box-shadow:0 4px 8px #2c528266}.piUpdateButtonol{background-color:#28a745;color:#fff;box-shadow:0 2px 4px #28a7454d}.piUpdateButtonol:hover:not(:disabled){background-color:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a74566}.piUpdateButtonol:disabled{background-color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.piCancelButtonol{background-color:#dc3545;color:#fff;box-shadow:0 2px 4px #dc35454d}.piCancelButtonol:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc354566}.piButtonIconol{font-size:16px}.piSpinIconol{animation:spin 1s linear infinite}.piFormContainerol{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.piFormHeaderol{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e1e7ef}.piFormHeaderol h4{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.piFormGridol{border:2px solid #e1e7ef;border-radius:8px;padding:20px;background-color:#fafbfc}.piFormRowol{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px}.piFormRowol:last-child{margin-bottom:0}.piFormFieldol{display:flex;flex-direction:column}.piFormLabelol{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;display:block}.piFormInputol{padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s;background-color:#fff}.piFormInputol:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.piFormInputol:disabled{background-color:#f5f5f5;cursor:not-allowed;color:#9ca3af}.piReadonlyol{background-color:#f8f9fa;cursor:not-allowed;color:#6c757d}.piCheckboxContainerol{display:flex;align-items:center;gap:8px;margin-top:8px}.piFormCheckboxol{width:18px;height:18px;cursor:pointer}.piFormCheckboxol:disabled{cursor:not-allowed}.piCheckboxLabelol{font-size:14px;color:#374151;cursor:pointer}.piServiceGridContainerol{margin-top:30px}.piServiceGridol{position:relative;overflow-x:auto}.piServiceLoadingol{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5}.piLoadingSpinnerol{font-size:30px;color:#3182ce;animation:spin 1s linear infinite}.piServiceEditButtonsol{display:flex;gap:10px;align-items:center}.piServiceEditModeButtonol{display:flex;align-items:center;gap:8px;background-color:#4299e1;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #4299e14d}.piServiceEditModeButtonol:hover:not(:disabled){background-color:#3182ce;transform:translateY(-1px);box-shadow:0 4px 8px #4299e166}.piServiceEditModeButtonol:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.piServiceEditActionsol{display:flex;gap:8px;align-items:center}.piServiceSaveModeButtonol{display:flex;align-items:center;gap:8px;background-color:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #28a7454d}.piServiceSaveModeButtonol:hover:not(:disabled){background-color:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a74566}.piServiceSaveModeButtonol:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.piServiceCancelModeButtonol{display:flex;align-items:center;gap:8px;background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #6c757d4d}.piServiceCancelModeButtonol:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #6c757d66}.piServiceCancelModeButtonol:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.piServiceTableol{width:100%;border-collapse:collapse;margin-bottom:0}.piServiceTableol thead{background-color:#2d3748}.piServiceTableol th{padding:10px 15px;text-align:left;font-size:13px;font-weight:600;color:#fff;border:none;white-space:nowrap}.piServiceTableol td{padding:10px 15px;font-size:13px;color:#2d3748;white-space:nowrap;border:none;border-bottom:1px solid #e2e8f0}.piServiceTableol tbody tr:hover{background-color:#f7fafc}.piNoServiceDataol{text-align:center;color:#666;font-style:italic;padding:20px}.piServiceInputol{width:100%;padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:12px;outline:none;transition:border-color .2s ease;min-width:120px;background-color:#fff}.piServiceInputol:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.piServiceActionsol{display:flex;gap:5px;justify-content:center}.piServiceEditol,.piServiceSaveol,.piServiceCancelol,.piServiceDeleteol{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;font-size:16px;color:#fff;box-shadow:0 2px 4px #0003;transition:all .2s}.piServiceEditol{background-color:#4299e1}.piServiceEditol:hover:not(:disabled){background-color:#3182ce;transform:translateY(-1px)}.piServiceSaveol{background-color:#28a745}.piServiceSaveol:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.piServiceCancelol{background-color:#6c757d}.piServiceCancelol:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px)}.piServiceDeleteol{background-color:#f56565}.piServiceDeleteol:hover:not(:disabled){background-color:#e53e3e;transform:translateY(-1px)}.piServiceEditol:disabled,.piServiceSaveol:disabled,.piServiceCancelol:disabled,.piServiceDeleteol:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 1px 2px #0000001a}.piGstCalculationSectionol{background-color:#f8f9fa;border-top:1px solid #dee2e6;padding:20px;margin-top:0}.piSelectedFiltersol{max-width:600px;margin:0 auto}.piFiltersHeaderol{font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 15px;text-align:center}.piFiltersContentol{display:flex;flex-direction:column;gap:10px}.piFilterItemol{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#fff;border-radius:6px;border:1px solid #e2e8f0}.piFilterLabelol{font-size:14px;color:#4a5568;font-weight:500}.piFilterValueol{font-size:14px;color:#2d3748;font-weight:600}.piTotalItemol{background-color:#e6fffa;border-color:#38b2ac;font-weight:700}.piTotalItemol .piFilterLabelol,.piTotalItemol .piFilterValueol{color:#2c7a7b;font-weight:700;font-size:15px}.piLoadingOverlayol{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.piLoadingContentol{background-color:#fff;padding:30px;border-radius:10px;text-align:center;box-shadow:0 4px 20px #0000004d}.piLoadingTextol{margin-top:15px;font-size:16px;color:#333}.piCustomToastol{background:#90ee90!important;border-radius:8px;box-shadow:0 4px 12px #90ee904d}.piSuccessToastol{display:flex;align-items:center;gap:10px;font-weight:500}.piToastIconol{font-size:18px;animation:checkmark .6s ease-in-out;color:#22543d}.piToastTextol{font-weight:700;color:#22543d}@media (max-width: 1024px){.piFormRowol{grid-template-columns:1fr;gap:15px}}@media (max-width: 768px){.piUpdateContainerol{padding:15px}.piHeaderSectionol{flex-direction:column;gap:15px;align-items:stretch}.piHeaderButtonsol{justify-content:center}.piFormHeaderol{flex-direction:column;gap:15px;align-items:stretch}.piServiceTableol{font-size:11px}.piServiceTableol th,.piServiceTableol td{padding:8px 10px}.piServiceInputol{min-width:100px;font-size:11px}.piFormGridol{padding:15px}.piFiltersContentol{gap:8px}.piFilterItemol{padding:6px 10px}}.data-module-dropdown-container{position:relative;width:200px}.data-module-selected{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:13px;min-height:38px;color:#2d3748}.data-module-selected:hover{border-color:#a0aec0}.dropdown-arrow{font-size:10px;color:#718096}.data-module-popup{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1000;margin-top:4px;max-height:300px;overflow:hidden;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.data-module-search{padding:12px;border-bottom:1px solid #e2e8f0;position:relative}.data-module-search input{width:100%;padding:10px 10px 10px 34px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;outline:none}.data-module-search input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e133}.search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:14px}.data-module-options{max-height:220px;overflow-y:auto}.data-module-option{padding:10px 16px;cursor:pointer;font-size:13px;border-bottom:1px solid #f7fafc}.data-module-option:hover{background-color:#edf2f7}.data-module-no-option{padding:12px 16px;text-align:center;color:#718096;font-style:italic;font-size:13px}.data-module-option.selected-option{background-color:#e0f2fe;font-weight:500;color:#0369a1}.selected-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:180px}.dwpOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:dwpFadeIn .18s ease}.dwpContainer{background:#fff;border-radius:14px;width:100%;max-width:400px;box-shadow:0 24px 60px #0000002e;overflow:hidden;animation:dwpSlideIn .22s ease}@keyframes dwpFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dwpSlideIn{0%{opacity:0;transform:translateY(-18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dwpHeader{display:flex;align-items:center;justify-content:space-between;padding:13px 16px}.dwpHeaderDanger{background:#1e293b}.dwpHeaderWarning{background:#78350f}.dwpHeaderLeft{display:flex;align-items:center;gap:8px}.dwpHeaderIcon{font-size:18px;color:#fbbf24}.dwpHeaderTitle{font-size:14px;font-weight:700;color:#f1f5f9;letter-spacing:.2px}.dwpCloseBtn{background:none;border:none;color:#94a3b8;font-size:18px;cursor:pointer;display:flex;align-items:center;padding:3px;border-radius:4px;transition:color .2s}.dwpCloseBtn:hover:not(:disabled){color:#f1f5f9}.dwpCloseBtn:disabled{opacity:.4;cursor:not-allowed}.dwpBody{padding:16px 16px 10px;display:flex;flex-direction:column;gap:10px}.dwpInfoCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px}.dwpInfoRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.dwpInfoDivider{height:1px;background:#e2e8f0;margin:8px 0}.dwpInfoLabel{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.dwpInfoValue{font-size:13px;font-weight:600;color:#1e293b}.dwpDangerNote{display:flex;align-items:center;gap:7px;background:#fef2f2;border:1px solid #fecaca;border-left:3px solid #dc2626;border-radius:6px;padding:8px 12px;font-size:12px;color:#991b1b;font-weight:500}.dwpDangerNoteIcon{font-size:14px;color:#dc2626;flex-shrink:0}.dwpConflictBanner{margin:0 16px 14px;background:#fffbeb;border:1px solid #fcd34d;border-left:4px solid #f59e0b;border-radius:8px;padding:12px 13px;display:flex;flex-direction:column;gap:8px}.dwpConflictTop{display:flex;align-items:center;gap:7px}.dwpConflictIcon{color:#d97706;font-size:14px;flex-shrink:0}.dwpConflictTitle{font-size:13px;font-weight:700;color:#92400e}.dwpConflictMsg{font-size:11.5px;color:#78350f;line-height:1.55;margin:0}.dwpModuleList{display:flex;flex-wrap:wrap;gap:5px}.dwpModuleTag{background:#fef3c7;color:#b45309;font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;border:1px solid #fcd34d}.dwpConflictHint{font-size:11px;color:#92400e;border-top:1px dashed #fcd34d;padding-top:8px;margin:0;line-height:1.55}.dwpFooter{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #f1f5f9;background:#f8fafc}.dwpCancelBtn{padding:7px 16px;border-radius:7px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.dwpCancelBtn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.dwpCancelBtn:disabled{opacity:.5;cursor:not-allowed}.dwpConfirmBtn{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:7px;background:#dc2626;border:none;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.dwpConfirmBtn:hover:not(:disabled){background:#b91c1c}.dwpConfirmBtn:disabled{opacity:.6;cursor:not-allowed}.dwpSpinner{animation:dwpSpin .75s linear infinite}@keyframes dwpSpin{to{transform:rotate(360deg)}}@media (max-width: 480px){.dwpContainer{max-width:95vw}.dwpFooter{flex-direction:column-reverse}.dwpCancelBtn,.dwpConfirmBtn{width:100%;justify-content:center}}.outWorkOrderTableDataContainer{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background:linear-gradient(135deg,#fff,#fff);min-height:100vh;padding:10px}.outWorkOrderHeaderSection{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px 15px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:10px;box-shadow:0 4px 16px #1f26875e}.outWorkOrderBackButton{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #6b728066}.outWorkOrderBackButton:hover{transform:translateY(-1px);box-shadow:0 3px 10px #6b728099}.outWorkOrderPageTitle{font-size:24px;font-weight:700;color:#2c3e50;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.outWorkOrderHeaderButtons{display:flex;gap:10px}.outWorkOrderAddButton{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #667eea66}.outWorkOrderAddButton:hover{transform:translateY(-1px);box-shadow:0 3px 10px #667eea99}.outWorkOrderButtonIcon{font-size:14px}.outWorkOrderSearchSection{margin-bottom:15px;display:flex;justify-content:center}.outWorkOrderSearchContainer{display:flex;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:6px;box-shadow:0 4px 16px #1f26875e;border:1px solid rgba(255,255,255,.2);width:100%;max-width:500px}.outWorkOrderSearchInput{flex:1;border:none;outline:none;padding:10px 15px;font-size:14px;background:transparent;color:#2c3e50;font-weight:500}.outWorkOrderSearchInput::placeholder{color:#a0aec0}.outWorkOrderSearchButton{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #667eea66}.outWorkOrderSearchButton:hover{transform:translateY(-1px);box-shadow:0 3px 10px #667eea99}.outWorkOrderSearchIcon{font-size:16px}.outWorkOrderSearchHighlight{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:8px 15px;margin-bottom:15px;text-align:center;color:#047857;font-weight:600;animation:outWorkOrderHighlightFade 3s ease-in-out}@keyframes outWorkOrderHighlightFade{0%{opacity:0;transform:translateY(-10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.outWorkOrderTableContainer{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #1f26875e;border:1px solid rgba(255,255,255,.2)}.outWorkOrderTable{width:100%;border-collapse:collapse;font-size:13px}.outWorkOrderTable thead{background:linear-gradient(135deg,#667eea,#764ba2)}.outWorkOrderTable th{padding:12px 10px;text-align:left;font-size:13px;font-weight:600;color:#fff;border:none;white-space:nowrap}.outWorkOrderTable td{padding:10px;font-size:13px;color:#2d3748;white-space:nowrap;border:none;border-bottom:1px solid rgba(226,232,240,.8)}.outWorkOrderTableRow{transition:all .3s ease}.outWorkOrderTableRow:hover{background:#667eea0d;transform:translate(2px)}.outWorkOrderOrderIcon{display:flex;align-items:center;justify-content:center;color:#667eea;font-size:16px;font-weight:600}.outWorkOrderReferenceLink{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;text-decoration:underline;font-size:13px;transition:all .3s ease}.outWorkOrderReferenceLink:hover{color:#764ba2;transform:scale(1.02)}.outWorkOrderLdApplicable{display:inline-block;padding:3px 9px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-radius:15px;font-size:11px;font-weight:600}.outWorkOrderTotalAmount{font-weight:700;color:#10b981;font-size:14px}.outWorkOrderDeleteButton{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 1px 4px #ef44444d}.outWorkOrderDeleteButton:hover{transform:translateY(-1px);box-shadow:0 2px 6px #ef444480}.outWorkOrderDeleteIcon{font-size:14px}.outWorkOrderLoadingCell,.outWorkOrderNoDataCell{text-align:center;padding:25px 15px!important;white-space:normal}.outWorkOrderLoadingContent,.outWorkOrderNoDataContent{display:flex;flex-direction:column;align-items:center;gap:10px}.outWorkOrderLoadingSpinner{font-size:25px;color:#667eea;animation:outWorkOrderSpin 1s linear infinite}@keyframes outWorkOrderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.outWorkOrderNoDataMessage{font-size:14px;color:#6b7280;font-weight:500}.outWorkOrderDeletePopup{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999}.outWorkOrderDeletePopupContent{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:12px;text-align:center;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(255,255,255,.2);max-width:350px;width:90%}.outWorkOrderDeletePopupContent h3{margin:0 0 10px;font-size:18px;font-weight:700;color:#2c3e50}.outWorkOrderDeletePopupContent p{margin:8px 0;color:#4a5568;font-size:13px}.outWorkOrderDeletePopupButtons{display:flex;gap:10px;justify-content:center;margin-top:15px}.outWorkOrderDeleteConfirmButton{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:8px 18px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #ef444466}.outWorkOrderDeleteConfirmButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #ef444499}.outWorkOrderDeleteConfirmButton:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.outWorkOrderDeleteCancelButton{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:8px 18px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #6b728066}.outWorkOrderDeleteCancelButton:hover{transform:translateY(-1px);box-shadow:0 3px 10px #6b728099}@media (max-width: 1024px){.outWorkOrderHeaderSection{flex-direction:column;gap:15px;align-items:stretch}.outWorkOrderPageTitle{text-align:center;font-size:22px}.outWorkOrderHeaderButtons{justify-content:center}}@media (max-width: 768px){.outWorkOrderTableDataContainer{padding:10px}.outWorkOrderTable{font-size:12px}.outWorkOrderTable th,.outWorkOrderTable td{padding:8px 6px}.outWorkOrderSearchContainer{padding:4px}.outWorkOrderSearchInput{padding:8px 12px;font-size:13px}.outWorkOrderSearchButton{padding:8px 12px}.outWorkOrderDeletePopupContent{padding:15px;margin:15px}}@media (max-width: 480px){.outWorkOrderTable th,.outWorkOrderTable td{padding:6px 4px;font-size:11px}.outWorkOrderPageTitle{font-size:18px}.outWorkOrderAddButton,.outWorkOrderBackButton{padding:6px 10px;font-size:12px}}.outBananaEntryMainContainer{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background:linear-gradient(135deg,#fff,#fff);min-height:100vh;padding:20px}.outBananaEntryHeaderSection{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;margin-bottom:20px;box-shadow:0 8px 32px #1f26875e}.outBananaEntryTitleSection{display:flex;align-items:center;gap:15px}.outBananaEntryTitleSection h3{margin:0;font-size:20px;font-weight:600;color:#2c3e50;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.outBananaEntryBackButton{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px #6b728066}.outBananaEntryBackButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728099}.outBananaEntryBackIcon{font-size:16px}.outBananaEntryButtonGroup{display:flex;gap:10px;align-items:center}.outBananaEntrySaveButton{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;min-width:120px}.outBananaEntrySaveButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.outBananaEntrySaveButton:disabled{background:linear-gradient(135deg,#a0aec0,#cbd5e0);cursor:not-allowed;transform:none;box-shadow:none}.outBananaEntryButtonIcon{font-size:16px}.outBananaEntrySpinIcon{animation:spin 1s linear infinite}.outBananaEntryFormSection{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.2)}.outBananaEntryFormHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid rgba(102,126,234,.2)}.outBananaEntryFormHeader h4{margin:0;font-size:18px;font-weight:600;color:#2c3e50;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.outBananaEntryFormGrid{border:2px solid rgba(102,126,234,.2);border-radius:12px;padding:25px;margin-bottom:20px;background:#f8fafccc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.outBananaEntryFormRow{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:20px}.outBananaEntryFormRow:last-child{margin-bottom:0}.outBananaEntryFormField{display:flex;flex-direction:column}.outBananaEntryFormLabel{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;display:block}.outBananaEntryFormInput{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;transition:all .3s ease;background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.outBananaEntryFormInput:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.outBananaEntryFormInput::placeholder{color:#9ca3af}.outBananaEntryReadOnlyInput{background:#f3f4f6cc!important;color:#6b7280}.outBananaEntryDropdownContainer{position:relative;width:100%}.outBananaEntryDropdownHeader{background:#ffffffe6;border:2px solid #e5e7eb;border-radius:8px;padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#2d3748;min-height:48px;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.outBananaEntryDropdownHeader:hover{border-color:#667eea;transform:translateY(-1px)}.outBananaEntryDropdownArrow{font-size:12px;color:#a0aec0;transition:transform .3s ease}.outBananaEntryDropdownMenu{position:absolute;top:100%;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;max-height:300px;overflow:hidden;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.outBananaEntryDropdownSearch{padding:15px;border-bottom:1px solid rgba(102,126,234,.2)}.outBananaEntrySearchContainer{display:flex;align-items:center;gap:8px}.outBananaEntrySearchInputWrapper{position:relative;flex:1}.outBananaEntrySearchIcon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:14px}.outBananaEntryClearIcon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#ef4444;font-size:14px;cursor:pointer;transition:all .2s ease}.outBananaEntryClearIcon:hover{color:#dc2626;transform:translateY(-50%) scale(1.1)}.outBananaEntrySearchInput{width:100%;padding:10px 35px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;transition:all .3s ease;background:#ffffffe6}.outBananaEntrySearchInput:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.outBananaEntryDropdownList{max-height:200px;overflow-y:auto}.outBananaEntryDropdownItem{padding:12px 16px;cursor:pointer;font-size:14px;color:#2d3748;border-bottom:1px solid rgba(248,250,252,.8);display:flex;flex-direction:column;gap:4px;transition:all .2s ease}.outBananaEntryDropdownItem:hover{background:#667eea1a;transform:translate(5px)}.outBananaEntryClientName,.outBananaEntryWorkOrderName{font-weight:500}.outBananaEntryClientContact{font-size:12px;color:#6b7280}.outBananaEntryNoResults{padding:20px 16px;text-align:center;color:#6b7280;font-style:italic}.outBananaEntryWorkOrderContainer{display:flex;gap:8px;align-items:center}.outBananaEntryWorkOrderContainer .outBananaEntryDropdownContainer{flex:1}.outBananaEntrySearchButton{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:45px;height:48px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.outBananaEntrySearchButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.outBananaEntrySearchButton:disabled{background:linear-gradient(135deg,#a0aec0,#cbd5e0);cursor:not-allowed;transform:none;box-shadow:none}.outBananaEntryCheckboxContainer{display:flex;align-items:center;gap:8px;margin-top:8px}.outBananaEntryFormCheckbox{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.outBananaEntryCheckboxLabel{font-size:14px;color:#374151;cursor:pointer}.outBananaEntryServiceSection{padding:15px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin-bottom:15px;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.2)}.outBananaEntryServiceHeader{display:flex;flex-direction:column;gap:15px}.outBananaEntryServiceTitle h4{margin:0;font-size:18px;font-weight:600;color:#2c3e50;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.outBananaEntryTableContainer{margin:0 0 20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 8px 32px #1f26875e;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.2)}.outBananaEntryLoadingOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5}.outBananaEntryLoadingIcon{font-size:30px;color:#667eea;animation:spin 1s linear infinite}.outBananaEntryLoadingText{margin-top:10px;font-size:14px;color:#4a5568;font-weight:500}.outBananaEntryTable{width:100%;border-collapse:collapse}.outBananaEntryTable thead{background:linear-gradient(135deg,#667eea,#764ba2)}.outBananaEntryTable th{padding:15px 12px;text-align:left;font-size:13px;font-weight:600;color:#fff;border:none;white-space:nowrap}.outBananaEntryTable td{padding:12px;font-size:13px;color:#2d3748;white-space:nowrap;border:none}.outBananaEntryTable tbody tr{border-bottom:1px solid rgba(226,232,240,.8);transition:all .2s ease}.outBananaEntryTableRow:hover{background:#667eea0d;transform:translate(2px)}.outBananaEntryServiceNumber{display:flex;align-items:center;justify-content:center;color:#667eea;font-size:16px;font-weight:600}.outBananaEntryStatus{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-radius:20px;font-size:12px;font-weight:500}.outBananaEntryActionButtons{display:flex;gap:6px;justify-content:center}.outBananaEntryActionButton{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;font-size:16px;color:#fff;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.outBananaEntryActionButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.outBananaEntryActionButton:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 1px 3px #0000001a}.outBananaEntryEditButton{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.outBananaEntryDeleteButton{background:linear-gradient(135deg,#ef4444,#dc2626)}.outBananaEntryTableInput{width:100%;padding:8px 10px;border:2px solid #e5e7eb;border-radius:6px;font-size:12px;outline:none;transition:all .3s ease;min-width:120px;background:#ffffffe6}.outBananaEntryTableInput:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;transform:translateY(-1px)}.outBananaEntrySubtotalRow{background:#667eea1a!important;font-weight:700;border-top:2px solid #667eea}.outBananaEntrySubtotalLabel{text-align:right;padding:15px;color:#2c3e50;font-size:14px}.outBananaEntrySubtotalValue{padding:15px;color:#667eea;font-size:16px}.outBananaEntryFullLoadingOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999}.outBananaEntryLoadingModal{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:16px;text-align:center;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.2)}.outBananaEntryLoadingSpinner{font-size:50px;color:#667eea;animation:spin 1s linear infinite}.outBananaEntryLoadingTitle{margin-top:20px;font-size:18px;color:#2c3e50;font-weight:600}.outBananaEntryLoadingSubtitle{margin-top:10px;font-size:14px;color:#6b7280}.outBananaEntryCustomToast{background:linear-gradient(135deg,#10b981,#059669)!important;border-radius:12px;box-shadow:0 10px 40px #10b98166}.outBananaEntrySuccessToast{display:flex;align-items:center;gap:10px;font-weight:500}.outBananaEntryToastIcon{font-size:18px;animation:checkmark .6s ease-in-out;color:#fff}.outBananaEntryToastText{font-weight:700;color:#fff}@keyframes checkmark{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg);opacity:1}to{transform:scale(1) rotate(360deg);opacity:1}}@media (max-width: 1024px){.outBananaEntryFormRow{grid-template-columns:1fr;gap:15px}}@media (max-width: 768px){.outBananaEntryMainContainer{padding:15px}.outBananaEntryHeaderSection,.outBananaEntryFormHeader{flex-direction:column;gap:15px;align-items:stretch}.outBananaEntryTable{font-size:11px}.outBananaEntryTable th,.outBananaEntryTable td{padding:8px 6px}.outBananaEntryTableInput{min-width:100px;font-size:11px}.outBananaEntryWorkOrderContainer{flex-direction:column;align-items:stretch}.outBananaEntryFormGrid{padding:15px}}.outBananaEntryGstSection{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px;margin-top:15px;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.2)}.outBananaEntryGstHeader h4{margin:0 0 15px;font-size:16px;font-weight:600;color:#2c3e50;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.outBananaEntryGstGrid{border-radius:8px;overflow:hidden;border:1px solid rgba(102,126,234,.2)}.outBananaEntryGstTable{width:100%;border-collapse:collapse;font-size:14px}.outBananaEntryGstTable thead{background:linear-gradient(135deg,#667eea,#764ba2)}.outBananaEntryGstTable th{padding:12px 15px;text-align:left;font-size:13px;font-weight:600;color:#fff;border:none}.outBananaEntryGstTable td{padding:10px 15px;font-size:13px;color:#2d3748;border-bottom:1px solid rgba(226,232,240,.8)}.outBananaEntryGstTable tbody tr:hover{background:#667eea0d}.outBananaEntryGstTotalRow{background:#667eea1a!important;border-top:2px solid #667eea}.outBananaEntryGstTotalRow td{font-weight:700;color:#667eea!important;border-bottom:none}.outBananaEntryNotAllowedInput{cursor:not-allowed!important;background:#f3f4f6e6!important;color:#6b7280!important}.outBananaEntryNotAllowedInput:hover{cursor:not-allowed!important}@media (max-width: 768px){.outBananaEntryGstSection{padding:15px;margin-top:10px}.outBananaEntryGstTable{font-size:12px}.outBananaEntryGstTable th,.outBananaEntryGstTable td{padding:8px 10px}}.workOrderOutUpdateMainContainer{padding:20px;background-color:#f8f9fa;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.workOrderOutUpdateHeaderSection{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 25px;border-radius:12px;margin-bottom:25px;box-shadow:0 4px 15px #0000001a}.workOrderOutUpdateTitleSection{display:flex;align-items:center;gap:15px}.workOrderOutUpdateBackButton{display:flex;align-items:center;gap:8px;background:#fff3;color:#fff;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.workOrderOutUpdateBackButton:hover{background:#ffffff4d;transform:translateY(-2px)}.workOrderOutUpdateBackIcon{font-size:16px}.workOrderOutUpdateHeaderSection h3{color:#fff;margin:0;font-size:24px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.workOrderOutUpdateButtonGroup{display:flex;gap:12px}.workOrderOutUpdateEditButton,.workOrderOutUpdateSaveButton{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.workOrderOutUpdateEditButton{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.workOrderOutUpdateEditButton:hover{background:#ffffff4d;transform:translateY(-2px)}.workOrderOutUpdateEditButton.active{background:#28a745;color:#fff;box-shadow:0 4px 15px #28a74566}.workOrderOutUpdateSaveButton{background:#28a745;color:#fff}.workOrderOutUpdateSaveButton:hover:not(:disabled){background:#218838;transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.workOrderOutUpdateSaveButton:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.workOrderOutUpdateButtonIcon{font-size:16px}.workOrderOutUpdateSpinIcon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.workOrderOutUpdateEditModeIndicator{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:12px 20px;border-radius:8px;margin-bottom:20px;font-weight:600;box-shadow:0 4px 15px #28a7454d;animation:slideInDown .5s ease}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.workOrderOutUpdateFormSection{background:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 4px 15px #00000014;border:1px solid #e9ecef}.workOrderOutUpdateFormHeader{margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.workOrderOutUpdateFormHeader h4{color:#495057;font-size:20px;font-weight:600;margin:0;display:flex;align-items:center;gap:10px}.workOrderOutUpdateFormGrid{display:flex;flex-direction:column;gap:20px}.workOrderOutUpdateFormRow{display:grid;grid-template-columns:1fr 1fr;gap:20px}.workOrderOutUpdateFormField{display:flex;flex-direction:column;gap:8px}.workOrderOutUpdateFormLabel{font-weight:600;color:#495057;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.workOrderOutUpdateFormInput{padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}.workOrderOutUpdateFormInput:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.workOrderOutUpdateReadOnlyInput{background-color:#f8f9fa!important;color:#6c757d;cursor:not-allowed}.workOrderOutUpdateCheckboxContainer{display:flex;align-items:center;gap:8px;padding:12px 0}.workOrderOutUpdateFormCheckbox{width:18px;height:18px;cursor:pointer}.workOrderOutUpdateCheckboxLabel{font-weight:500;color:#495057;cursor:pointer}.workOrderOutUpdateServiceSection{background:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 4px 15px #00000014;border:1px solid #e9ecef}.workOrderOutUpdateServiceHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.workOrderOutUpdateServiceTitle h4{color:#495057;font-size:20px;font-weight:600;margin:0}.workOrderOutUpdateAddButton{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.workOrderOutUpdateAddButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.workOrderOutUpdateAddButton:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.workOrderOutUpdateAddIcon{font-size:16px}.workOrderOutUpdateTableContainer{position:relative;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #00000014;border:1px solid #e9ecef;margin-bottom:25px}.workOrderOutUpdateTable{width:100%;border-collapse:collapse;font-size:14px}.workOrderOutUpdateTable thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.workOrderOutUpdateTable th{padding:15px 12px;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.workOrderOutUpdateTable td{padding:12px;border-bottom:1px solid #e9ecef;vertical-align:middle}.workOrderOutUpdateTableRow:hover{background-color:#f8f9fa}.workOrderOutUpdateServiceNumber{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;font-weight:600;font-size:12px}.workOrderOutUpdateTableInput{width:100%;padding:8px 12px;border:1px solid #e9ecef;border-radius:6px;font-size:13px;transition:all .3s ease}.workOrderOutUpdateTableInput:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.workOrderOutUpdateActionButtons{display:flex;gap:8px;justify-content:center}.workOrderOutUpdateActionButton{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px}.workOrderOutUpdateDeleteButton{background:#dc3545;color:#fff}.workOrderOutUpdateDeleteButton:hover:not(:disabled){background:#c82333;transform:scale(1.1)}.workOrderOutUpdateDeleteButton:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.workOrderOutUpdateSubtotalRow{background:#f8f9fa;font-weight:600}.workOrderOutUpdateSubtotalLabel{text-align:right;color:#495057}.workOrderOutUpdateSubtotalValue{color:#28a745;font-size:16px}.workOrderOutUpdateGstSection{background:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 4px 15px #00000014;border:1px solid #e9ecef}.workOrderOutUpdateGstHeader{margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.workOrderOutUpdateGstHeader h4{color:#495057;font-size:20px;font-weight:600;margin:0}.workOrderOutUpdateGstTable{width:100%;border-collapse:collapse;font-size:14px}.workOrderOutUpdateGstTable thead{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.workOrderOutUpdateGstTable th{padding:12px 15px;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.workOrderOutUpdateGstTable td{padding:12px 15px;border-bottom:1px solid #e9ecef}.workOrderOutUpdateGstTotalRow{background:#f8f9fa;font-weight:600;border-top:2px solid #28a745}.workOrderOutUpdateGstTotalRow td{color:#28a745;font-size:16px}.workOrderOutUpdateLoadingOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.workOrderOutUpdateLoadingIcon{font-size:48px;color:#667eea;animation:spin 1s linear infinite;margin-bottom:15px}.workOrderOutUpdateLoadingText{font-size:16px;font-weight:600;color:#495057}.workOrderOutUpdateFullLoadingOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.workOrderOutUpdateLoadingModal{background:#fff;padding:40px;border-radius:16px;text-align:center;box-shadow:0 20px 60px #0000004d;max-width:400px;width:90%}.workOrderOutUpdateLoadingSpinner{font-size:48px;color:#667eea;animation:spin 1s linear infinite;margin-bottom:20px}.workOrderOutUpdateLoadingTitle{font-size:18px;font-weight:600;color:#495057;margin-bottom:10px}.workOrderOutUpdateLoadingSubtitle{font-size:14px;color:#6c757d}@media (max-width: 1200px){.workOrderOutUpdateFormRow{grid-template-columns:1fr}.workOrderOutUpdateTable{font-size:12px}.workOrderOutUpdateTable th,.workOrderOutUpdateTable td{padding:8px 6px}}@media (max-width: 768px){.workOrderOutUpdateMainContainer{padding:15px}.workOrderOutUpdateHeaderSection{flex-direction:column;gap:15px;text-align:center}.workOrderOutUpdateButtonGroup{flex-direction:column;width:100%}.workOrderOutUpdateEditButton,.workOrderOutUpdateSaveButton{width:100%;justify-content:center}.workOrderOutUpdateTableContainer{overflow-x:auto}.workOrderOutUpdateTable{min-width:800px}}@media (max-width: 480px){.workOrderOutUpdateHeaderSection h3{font-size:18px}.workOrderOutUpdateFormSection,.workOrderOutUpdateServiceSection,.workOrderOutUpdateGstSection{padding:15px}.workOrderOutUpdateLoadingModal{padding:30px 20px}}.fadeIn{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slideIn{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.workOrderOutUpdateFormInput:hover:not(:disabled):not(.workOrderOutUpdateReadOnlyInput){border-color:#667eea}.workOrderOutUpdateTableInput:hover:not(:disabled):not(.workOrderOutUpdateReadOnlyInput){border-color:#667eea}.workOrderOutUpdateTableContainer::-webkit-scrollbar{height:8px}.workOrderOutUpdateTableContainer::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.workOrderOutUpdateTableContainer::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.workOrderOutUpdateTableContainer::-webkit-scrollbar-thumb:hover{background:#5a6fd8}.tettle-workorder-main-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.tettle-workorder-selection-wrapper{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:60px 40px;box-shadow:0 20px 40px #0000001a;text-align:center;max-width:1500px;height:100vh;width:120%;border:1px solid rgba(255,255,255,.2)}.tettle-workorder-header-section{margin-bottom:50px}.tettle-workorder-main-title{font-size:3rem;font-weight:700;color:#2d3748;margin:0 0 15px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tettle-workorder-subtitle{font-size:1.2rem;color:#718096;margin:0;font-weight:400}.tettle-workorder-buttons-container{display:flex;gap:30px;justify-content:center;margin-bottom:50px;flex-wrap:wrap}.tettle-workorder-primary-button{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:30px 25px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:20px;min-width:280px;box-shadow:0 4px 12px #0000000d;position:relative;overflow:hidden}.tettle-workorder-primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.tettle-workorder-primary-button:hover:before{left:100%}.tettle-workorder-primary-button:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000026;border-color:#667eea}.tettle-workorder-in-button:hover{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border-color:#38a169}.tettle-workorder-out-button:hover{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border-color:#3182ce}.tettle-workorder-button-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#f7fafc,#edf2f7);display:flex;align-items:center;justify-content:center;color:#4a5568;transition:all .3s ease}.tettle-workorder-in-button:hover .tettle-workorder-button-icon,.tettle-workorder-out-button:hover .tettle-workorder-button-icon{background:#fff3;color:#fff}.tettle-workorder-button-content{display:flex;flex-direction:column;gap:8px;text-align:center}.tettle-workorder-button-title{font-size:1.5rem;font-weight:600;color:#2d3748;transition:color .3s ease}.tettle-workorder-button-description{font-size:1rem;color:#718096;transition:color .3s ease}.tettle-workorder-primary-button:hover .tettle-workorder-button-title,.tettle-workorder-primary-button:hover .tettle-workorder-button-description{color:#fff}.tettle-workorder-progress-wrapper{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:60px 40px;box-shadow:0 20px 40px #0000001a;text-align:center;max-width:500px;width:100%;border:1px solid rgba(255,255,255,.2)}.tettle-workorder-progress-content{display:flex;flex-direction:column;align-items:center;gap:25px}.tettle-workorder-progress-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fbb6ce,#f687b3);display:flex;align-items:center;justify-content:center}.tettle-workorder-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:tettle-workorder-spin 1s linear infinite}@keyframes tettle-workorder-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tettle-workorder-progress-title{font-size:2.5rem;font-weight:700;color:#2d3748;margin:0;background:linear-gradient(135deg,#f687b3,#ed64a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tettle-workorder-progress-message{font-size:1.2rem;color:#718096;margin:0;font-weight:400}.tettle-workorder-back-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:15px 30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.tettle-workorder-back-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}@media (max-width: 768px){.tettle-workorder-main-container{padding:15px}.tettle-workorder-selection-wrapper,.tettle-workorder-progress-wrapper{padding:40px 25px}.tettle-workorder-main-title{font-size:2.2rem}.tettle-workorder-buttons-container{flex-direction:column;align-items:center;gap:20px}.tettle-workorder-primary-button{min-width:100%;max-width:350px}.tettle-workorder-stats-container{gap:20px}.tettle-workorder-stat-divider{display:none}}@media (max-width: 480px){.tettle-workorder-main-title{font-size:1.8rem}.tettle-workorder-subtitle{font-size:1rem}.tettle-workorder-button-title{font-size:1.3rem}.tettle-workorder-progress-title{font-size:2rem}}.KiBackToSelectionButtonJi{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:auto}.KiBackToSelectionButtonJi:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.KiBackToSelectionButtonJi .KiButtonIconJi{font-size:16px}.KiHeaderSectionJi{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background-color:#fff;border-bottom:1px solid #e1e5e9;gap:20px;flex-wrap:wrap}@media (max-width: 768px){.KiHeaderSectionJi{flex-direction:column;align-items:stretch;gap:15px}.KiBackToSelectionButtonJi{align-self:flex-start}}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;width:100%;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-modal-header{position:relative;padding:24px 24px 0;display:flex;justify-content:center}.delete-modal-icon-container{width:64px;height:64px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.delete-modal-warning-icon{width:32px;height:32px;color:#dc2626}.delete-modal-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.delete-modal-close-btn:hover:not(:disabled){background:#e5e7eb}.delete-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.delete-modal-close-icon{width:16px;height:16px;color:#6b7280}.delete-modal-content{padding:0 24px 24px;text-align:center}.delete-modal-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:12px}.delete-modal-message{font-size:1rem;color:#374151;margin-bottom:16px;line-height:1.5}.delete-modal-message strong{color:#dc2626;font-weight:600}.delete-modal-warning{font-size:.9rem;color:#6b7280;line-height:1.4;background:#f9fafb;padding:12px 16px;border-radius:8px;border-left:4px solid #fbbf24}.delete-modal-actions{padding:0 24px 24px;display:flex;gap:12px;justify-content:center}.delete-modal-cancel-btn,.delete-modal-confirm-btn{padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none;min-width:120px}.delete-modal-cancel-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.delete-modal-cancel-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.delete-modal-confirm-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 2px 8px #dc26264d}.delete-modal-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc262666;transform:translateY(-1px)}.delete-modal-cancel-btn:disabled,.delete-modal-confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.client-selection-card{max-width:900px;width:100%;margin:0 auto 24px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:visible;position:relative}.client-selection-content{padding:20px 24px}.client-selection-row{display:flex;flex-direction:column;gap:16px}.client-dropdown-container{flex:1;position:relative}.client-dropdown-wrapper{position:relative}.client-search-input-container{position:relative;display:flex;align-items:center}.client-search-input{width:100%;padding:14px 16px 14px 44px;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;background:#fff;transition:all .3s ease;font-family:inherit;outline:none;box-shadow:0 1px 3px #0000001a}.client-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#6c757d;z-index:1}.client-dropdown-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#6c757d;pointer-events:none;transition:transform .2s ease}.client-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 8px 32px #00000026;max-height:280px;overflow-y:auto;z-index:10000;animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.client-dropdown-item{padding:14px 18px;cursor:pointer;border-bottom:1px solid #f8f9fa;transition:all .2s ease;position:relative}.client-dropdown-item:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:translate(2px)}.client-dropdown-item-name{font-weight:600;color:#2c3e50;margin-bottom:4px;font-size:.95rem}.client-dropdown-item-info{font-size:.8rem;color:#6c757d;font-weight:400}.client-dropdown-empty{padding:20px 18px;color:#6c757d;text-align:center;font-style:italic;font-size:.9rem}@media (max-width: 767px){.client-selection-content{padding:16px 20px}.client-action-buttons{justify-content:stretch}.client-new-btn,.client-load-btn{flex:1;justify-content:center}.client-management-actions{padding:0 20px 16px;justify-content:center}.delete-modal-container{margin:20px;max-width:calc(100vw - 40px)}.delete-modal-actions{flex-direction:column}.delete-modal-cancel-btn,.delete-modal-confirm-btn{width:100%}}.client-dropdown-menu::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#c1c1c1,#a8a8a8);border-radius:4px}.client-dropdown-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a8a8a8,#909090)}.ledger-main-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f8f9fa;overflow:hidden}.ledger-scrollable-container{width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;scrollbar-width:auto;scrollbar-color:#888 #f1f1f1}.ledger-scrollable-container::-webkit-scrollbar{width:12px}.ledger-scrollable-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.ledger-scrollable-container::-webkit-scrollbar-thumb{background:#888;border-radius:6px;border:2px solid #f1f1f1}.ledger-scrollable-container::-webkit-scrollbar-thumb:hover{background:#555}.ledger-container{width:100%;max-width:none;padding:20px;min-height:calc(100vh + 200px);display:flex;flex-direction:column}.ledger-header-section{text-align:center;margin-bottom:24px;flex-shrink:0}.ledger-app-title{font-size:1.8rem;font-weight:700;color:#2c3e50;margin-bottom:4px}.ledger-app-subtitle{font-size:1rem;color:#6c757d;font-weight:400}.ledger-card{max-width:900px;width:100%;margin:0 auto 40px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden;flex:1;display:flex;flex-direction:column}.ledger-card-header{height:120px;background-size:cover;background-position:center;position:relative;transition:all .3s ease;flex-shrink:0;background:linear-gradient(135deg,#667eea,#764ba2)}.ledger-profile-section{padding:0 24px 20px;display:flex;align-items:flex-start;gap:20px;margin-top:-40px;position:relative;z-index:2;flex-shrink:0}.ledger-profile-avatar{position:relative;flex-shrink:0}.ledger-avatar-image{width:80px;height:80px;border-radius:50%;border:4px solid white;object-fit:cover;background:#007bff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700}.ledger-profile-details{flex:1;padding-top:20px}.ledger-ledger-name{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:4px}.ledger-ledger-code{color:#6c757d;font-size:.9rem;margin-bottom:8px}.ledger-status-indicator{display:inline-flex;align-items:center;gap:6px;background:#d4edda;color:#155724;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.ledger-status-dot{width:6px;height:6px;background:#28a745;border-radius:50%}.ledger-quick-stats{display:flex;gap:16px;padding-top:20px}.ledger-stat{text-align:center;min-width:60px}.ledger-stat-value{display:block;font-size:.9rem;font-weight:600;color:#2c3e50;margin-bottom:2px}.ledger-stat-label{font-size:.7rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.ledger-content-area{padding:24px;border-top:1px solid #e9ecef;margin-top:20px;flex:1;min-height:600px}.ledger-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-shrink:0}.ledger-section-header h3{font-size:1.2rem;font-weight:600;color:#2c3e50}.ledger-edit-btn{display:flex;align-items:center;gap:6px;background:#007bff;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .2s ease}.ledger-edit-btn:hover{background:#0056b3}.ledger-form-container{width:100%}.ledger-form-layout{display:flex;flex-direction:column;gap:20px;width:100%;margin-bottom:30px}.ledger-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.ledger-form-row-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;width:100%}.ledger-floating-input-group{position:relative;margin-bottom:4px;width:100%}.ledger-floating-input-group.ledger-full-width{grid-column:1 / -1}.ledger-floating-input{width:100%;padding:16px 12px 8px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;background:#fff;transition:all .3s ease;font-family:inherit;outline:none}.ledger-floating-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.ledger-floating-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.ledger-floating-select{width:100%;padding:16px 12px 8px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;background:#fff;transition:all .3s ease;font-family:inherit;outline:none;cursor:pointer}.ledger-floating-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.ledger-floating-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:#fff;padding:0 4px;color:#6c757d;font-size:1rem;font-weight:500;transition:all .3s ease;pointer-events:none;display:flex;align-items:center;gap:6px}.ledger-floating-label.ledger-active{top:0;transform:translateY(-50%);font-size:.8rem;color:#007bff;font-weight:600}.ledger-floating-input:focus+.ledger-floating-label,.ledger-floating-select:focus+.ledger-floating-label{top:0;transform:translateY(-50%);font-size:.8rem;color:#007bff;font-weight:600}.ledger-save-btn{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease;align-self:flex-start;margin-top:8px}.ledger-save-btn:hover:not(:disabled){background:#218838}.ledger-save-btn:disabled{background:#6c757d;cursor:not-allowed}.ledger-details-container{width:100%}.ledger-details-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:100%}.ledger-detail-card{padding:16px;background:#f8f9fa;border-radius:8px;border-left:3px solid #007bff}.ledger-detail-card.ledger-full-width{grid-column:1 / -1}.ledger-detail-title{display:block;font-weight:600;color:#495057;margin-bottom:4px;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.ledger-detail-text{color:#2c3e50;font-size:.95rem;word-break:break-word}.ledger-toast-notification{position:fixed;top:20px;right:20px;background:#28a745;color:#fff;padding:12px 16px;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;animation:ledger-slideIn .3s ease;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500}@keyframes ledger-slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.ledger-button-group{display:flex;gap:10px;margin-top:20px}.ledger-clear-btn{padding:12px 20px;background-color:#f8f9fa;color:#212529;border:1px solid #dee2e6;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.95rem}.ledger-clear-btn:hover{background-color:#e9ecef}.ledger-clear-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.ledger-container{padding:12px}.ledger-app-title{font-size:1.5rem}.ledger-app-subtitle{font-size:.9rem}.ledger-profile-section{flex-direction:column;align-items:center;text-align:center;padding:0 16px 16px}.ledger-quick-stats{justify-content:center;padding-top:16px}.ledger-content-area{padding:20px 16px 16px}.ledger-form-row,.ledger-form-row-three{grid-template-columns:1fr;gap:16px}.ledger-details-layout{grid-template-columns:1fr;gap:12px}.ledger-section-header{flex-direction:column;gap:12px;align-items:stretch}.ledger-toast-notification{left:12px;right:12px;top:12px}}@media (max-width: 480px){.ledger-card-header{height:100px}.ledger-profile-section{margin-top:-30px}.ledger-avatar-image{width:70px;height:70px}.ledger-ledger-name{font-size:1.3rem}.ledger-quick-stats{gap:12px}.ledger-stat-value{font-size:.8rem}.ledger-stat-label{font-size:.65rem}.ledger-floating-input,.ledger-floating-select{padding:14px 10px 6px}.ledger-floating-label{left:10px}}.client-selection-card{max-width:900px;width:100%;margin:0 auto 24px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:visible!important;position:relative;z-index:1}.client-selection-header{padding:20px 24px 16px;border-bottom:1px solid #e9ecef}.client-selection-title{font-size:1.2rem;font-weight:600;color:#2c3e50;margin-bottom:4px;display:flex;align-items:center;gap:8px}.client-selection-icon{width:20px;height:20px;color:#007bff}.client-selection-subtitle{font-size:.9rem;color:#6c757d;margin:0}.client-selection-content{padding:20px 24px;overflow:visible!important}.client-selection-row{display:flex;flex-direction:column;gap:16px;overflow:visible!important}.client-dropdown-container{flex:1;position:relative;overflow:visible!important;z-index:100}.client-dropdown-label{display:block;font-size:.9rem;font-weight:500;color:#495057;margin-bottom:8px}.client-dropdown-wrapper{position:relative;overflow:visible!important;z-index:200}.client-search-input-container{position:relative;display:flex;align-items:center;z-index:300}.client-search-input{width:100%;padding:14px 16px 14px 44px;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;background:#fff;transition:all .3s ease;font-family:inherit;outline:none;box-shadow:0 1px 3px #0000001a;position:relative;z-index:400}.client-search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a,0 2px 8px #00000026}.client-search-input::placeholder{color:#6c757d;font-weight:400}.client-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#6c757d;z-index:500}.client-dropdown-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#6c757d;pointer-events:none;transition:transform .2s ease;z-index:500}.client-dropdown-menu{position:fixed!important;background:#fff;border:2px solid #007bff;border-radius:12px;box-shadow:0 20px 60px #00000040,0 8px 32px #007bff26;max-height:280px;overflow-y:auto;z-index:99999!important;animation:dropdownSlideIn .2s ease-out;min-width:300px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.client-dropdown-item{padding:16px 20px;cursor:pointer;border-bottom:1px solid #f8f9fa;transition:all .2s ease;position:relative;background:#fff}.client-dropdown-item:last-child{border-bottom:none}.client-dropdown-item:hover{background:linear-gradient(135deg,#e3f2fd,#bbdefb);transform:translate(4px);border-left:4px solid #007bff}.client-dropdown-item-name{font-weight:700;color:#1a1a1a;margin-bottom:4px;font-size:1rem}.client-dropdown-item-info{font-size:.85rem;color:#666;font-weight:500}.client-dropdown-empty{padding:24px 20px;color:#6c757d;text-align:center;font-style:italic;font-size:.95rem;background:#f8f9fa}.client-selected-info{margin-top:10px;font-size:.85rem;color:#28a745;font-weight:600;padding:8px 12px;background:#d4edda;border-radius:6px;border-left:4px solid #28a745}.client-action-buttons{display:flex;gap:12px;align-items:center}.client-new-btn,.client-load-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none;box-shadow:0 2px 4px #0000001a}.client-new-btn{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#495057;border:1px solid #dee2e6}.client-new-btn:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#adb5bd;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.client-load-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.client-load-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.client-load-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6;transform:none}.client-btn-icon{width:16px;height:16px}.client-management-actions{padding:0 24px 20px;display:flex;gap:12px;flex-wrap:wrap}.client-edit-action-btn,.client-delete-action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none;box-shadow:0 2px 4px #0000001a}.client-edit-action-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.client-edit-action-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.client-delete-action-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.client-delete-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.client-delete-action-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6;transform:none}.client-action-icon{width:16px;height:16px}@media (min-width: 768px){.client-selection-row{flex-direction:row;align-items:end}.client-dropdown-container{flex:1}.client-action-buttons{flex-shrink:0}}@media (max-width: 767px){.client-selection-content{padding:16px 20px}.client-action-buttons{justify-content:stretch}.client-new-btn,.client-load-btn{flex:1;justify-content:center}.client-management-actions{padding:0 20px 16px;justify-content:center}.client-dropdown-menu{min-width:280px}}.client-dropdown-menu::-webkit-scrollbar{width:8px}.client-dropdown-menu::-webkit-scrollbar-track{background:#f1f3f4;border-radius:4px}.client-dropdown-menu::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:4px}.client-dropdown-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0056b3,#004085)}.ledger-selection-card{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.ledger-selection-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.ledger-back-btn-container{margin-bottom:16px}.ledger-back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#0a152f;font-size:16px;cursor:pointer;padding:8px}.ledger-back-btn:hover{color:#005bb5}.ledger-back-icon{font-size:18px}.ledger-search-container{margin-bottom:12px}.client-dropdown-menu{max-height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;background:#fff;position:absolute;z-index:1000}.client-dropdown-item{padding:10px;cursor:pointer;border-bottom:1px solid #eee}.client-dropdown-item:hover{background-color:#f5f5f5}.client-dropdown-item-name{font-weight:500}.client-dropdown-item-info{font-size:.9em;color:#666}.client-selected-info{margin-top:8px;font-size:.9em;color:#333}.ledger-selection-card{margin-left:auto;margin-right:auto;max-width:900px}.ledger-selection-content{display:flex;flex-direction:column;align-items:center;gap:12px}.ledger-selection-content .ledger-search-container{width:100%;display:flex;justify-content:center}.ledger-selection-content .client-search-input-container{width:100%;max-width:560px;margin:0 auto}.ledger-selection-card .client-dropdown-menu{position:static!important;left:auto!important;top:auto!important;width:100%!important;max-width:560px;margin:10px auto 0;border:1px solid #e1e5e9;border-radius:10px;background:#fff;box-shadow:0 8px 24px #00000014;z-index:1}.ledger-selection-card .client-dropdown-item{padding:14px 16px;cursor:pointer;border-bottom:1px solid #f1f3f5;transition:background .15s ease,transform .15s ease}.ledger-selection-card .client-dropdown-item:last-child{border-bottom:none}.ledger-selection-card .client-dropdown-item:hover{background:#f8fafc;transform:translate(2px)}.ledger-selection-card .client-dropdown-item-name{font-weight:700;color:#1f2937;margin-bottom:4px}.ledger-selection-card .client-dropdown-item-info{font-size:.9rem;color:#6b7280}.ledger-selection-card .client-dropdown-empty{padding:16px;text-align:center;color:#6b7280}.ledger-selection-card .client-selected-info{text-align:center;width:100%;max-width:560px;margin:8px auto 0}@media (max-width: 640px){.ledger-selection-content .client-search-input-container,.ledger-selection-card .client-dropdown-menu,.ledger-selection-card .client-selected-info{max-width:100%;padding-left:8px;padding-right:8px;box-sizing:border-box}}.ledger-wrapper-container{width:100%;min-height:100vh;background:#f5f6f8;font-family:Inter,Segoe UI,sans-serif;color:#333}.ledger-wrapper-header{background:#fff;padding:30px 20px;text-align:center;border-bottom:1px solid #e1e4e8}.ledger-wrapper-title{font-size:1.8rem;font-weight:700;margin-bottom:5px;color:#1f2937}.ledger-wrapper-subtitle{font-size:1rem;font-weight:400;color:#6b7280;margin-bottom:20px}.ledger-crud-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;max-width:600px;margin:0 auto}.ledger-crud-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:1px solid #d1d5db;border-radius:10px;cursor:pointer;transition:all .25s ease;font-size:.95rem;font-weight:600;color:#374151;box-shadow:0 2px 6px #0000000d}.ledger-crud-btn:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ledger-crud-icon{width:20px;height:20px;stroke-width:2.2}.ledger-content-wrapper{max-width:900px;margin:30px auto;padding:20px}.ledger-content-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;overflow:hidden}.ledger-section-indicator{background:#374151;color:#fff;padding:14px 20px;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:10px}.ledger-section-icon{width:20px;height:20px}.ledger-back-btn{position:fixed;top:15px;left:15px;background:#fff;border:1px solid #d1d5db;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #00000014;z-index:1000}.ledger-back-btn:hover{background:#f3f4f6;transform:scale(1.08)}.ledger-back-icon{width:20px;height:20px;color:#374151}@media (max-width: 768px){.ledger-wrapper-title{font-size:1.5rem}.ledger-wrapper-subtitle{font-size:.9rem}.ledger-crud-buttons{gap:12px}.ledger-crud-btn{padding:10px 16px;font-size:.85rem}}@media (max-width: 480px){.ledger-crud-buttons{flex-direction:column;gap:10px}.ledger-crud-btn{width:100%;justify-content:center}}:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--success-color: #10b981;--success-hover: #059669;--error-color: #ef4444;--warning-color: #f59e0b;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--code-header-bg: #e0e7ff;--name-header-bg: #ecfdf5;--weight-header-bg: #fef3c7;--area-header-bg: #f3e8ff}*{box-sizing:border-box}.bodyofservice{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.service-entry-container{max-width:1200px;margin:0 auto;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;padding:2rem}.search-section{margin-bottom:2rem}.search-bar{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-input-icon{position:absolute;left:1rem;color:var(--text-muted);font-size:1.125rem;z-index:1}.search-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:.9375rem;background:var(--bg-secondary);transition:all .2s ease;color:var(--text-primary)}.search-input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-primary);box-shadow:0 0 0 3px #6366f11a}.clear-search{position:absolute;right:.75rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all .2s ease}.clear-search:hover{color:var(--text-primary);background:var(--bg-tertiary)}.button-group{display:flex;gap:.75rem}.search-button,.uom-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.search-button{background:var(--primary-color);color:#fff}.search-button:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.uom-button{background:var(--success-color);color:#fff}.uom-button:hover{background:var(--success-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button-icon{font-size:1rem}.search-result-info{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);padding:1rem 1.5rem;border-radius:var(--radius-lg);border-left:4px solid var(--primary-color)}.search-highlight{display:flex;align-items:center;gap:1rem}.search-term{font-weight:600;color:var(--primary-color);background:#fff;padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.875rem}.result-count{color:var(--text-secondary);font-size:.875rem;font-weight:500}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:var(--error-color);padding:1rem 1.5rem;border-radius:var(--radius-lg);border-left:4px solid var(--error-color);margin-bottom:1.5rem;font-weight:500}.table-container{background:var(--bg-primary);border-radius:var(--radius-xl);overflow-y:auto;max-height:600px;box-shadow:var(--shadow-lg);scroll-behavior:smooth}.modern-table{width:100%;overflow-x:auto;border-collapse:separate;border-spacing:0}.table-head{position:sticky;top:0;z-index:10;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:3px solid var(--primary-color);box-shadow:0 4px 6px -1px #0000001a}.table-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.table-info{font-size:.875rem;color:var(--text-secondary);font-weight:500}.table-head{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid var(--border-light)}.table-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:1rem;padding:1rem 2rem;transition:all .2s ease}.table-head .table-row{font-weight:700;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;background:transparent!important}.table-body{max-height:500px;overflow-y:auto;overflow-x:hidden}.table-body .table-row{background:var(--bg-primary)}.modern-table:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;box-shadow:inset 0 -8px 8px -8px #0000001a;z-index:9}.table-body .table-row:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translate(4px)}.even-row{background:#f8fafc4d}.highlighted-row{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border-left:4px solid var(--warning-color)}.table-cell{display:flex;align-items:center;font-size:.9375rem;color:var(--text-primary)}.cell-content{font-weight:500}.column-header{display:inline-block;padding:.5rem 1rem;border-radius:var(--radius-sm);color:var(--text-primary)}.code-header{background:var(--code-header-bg)}.name-header{background:var(--name-header-bg)}.weight-header{background:var(--weight-header-bg)}.area-header{background:var(--area-header-bg)}.no-data{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:var(--radius-xl)}.no-data-icon{font-size:3rem;margin-bottom:1rem}.no-data-text{font-size:1.125rem;color:var(--text-secondary);font-weight:500}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--bg-secondary);border-top:1px solid var(--border-light)}.pagination{display:flex;align-items:center;gap:.5rem}.pagination-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.pagination-btn:hover:not(.disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-btn.disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:.25rem;margin:0 1rem}.pagination-number{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-weight:500}.pagination-number:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.pagination-number.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-info{font-size:.875rem;color:var(--text-secondary);font-weight:500}.floating-add-btn{position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xl);transition:all .3s ease;z-index:100}.floating-add-btn:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 25px 50px -12px #6366f166}.add-icon{font-size:1.5rem}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modern-popup{background:var(--bg-primary);border-radius:var(--radius-xl);width:90%;max-width:600px;box-shadow:var(--shadow-xl);animation:slideUp .3s ease;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(2rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:1px solid var(--border-light)}.popup-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:all .2s ease}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.popup-form{padding:2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-group input{padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:.9375rem;background:var(--bg-secondary);transition:all .2s ease;color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-primary);box-shadow:0 0 0 3px #6366f11a}.popup-actions{display:flex;gap:1rem;justify-content:flex-end}.cancel-btn,.submit-btn{padding:.875rem 1.5rem;border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.cancel-btn{background:var(--bg-tertiary);color:var(--text-primary)}.cancel-btn:hover{background:var(--border-color)}.submit-btn{background:var(--primary-color);color:#fff}.submit-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.uom-popup{background:var(--bg-primary);border-radius:var(--radius-xl);width:90%;max-width:700px;box-shadow:var(--shadow-xl);animation:slideUp .3s ease;overflow:hidden}.uom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:2rem}.uom-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);padding:1rem 1.5rem;border-radius:var(--radius-lg);text-align:center;transition:all .2s ease;border:1px solid var(--border-light)}.uom-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.uom-text{font-weight:500;color:var(--text-primary);font-size:.9375rem}.modern-toast .Toastify__toast{border-radius:var(--radius-lg);font-family:Inter,sans-serif;font-weight:500;box-shadow:var(--shadow-lg)}@media (max-width: 768px){.bodyofservice,.service-entry-container{padding:1rem}.search-bar{flex-direction:column;gap:1rem}.button-group{width:100%;justify-content:stretch}.search-button,.uom-button{flex:1}.table-row{grid-template-columns:1fr;gap:.5rem;padding:1rem}.table-cell{padding:.5rem 0;border-bottom:1px solid var(--border-light)}.table-cell:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.form-grid{grid-template-columns:1fr;gap:1rem}.uom-grid{grid-template-columns:1fr}.pagination-container{flex-direction:column;gap:1rem}.pagination-numbers{margin:0}.floating-add-btn{width:3rem;height:3rem;bottom:1rem;right:1rem}.add-icon{font-size:1.25rem}}@media (max-width: 480px){.pagination-numbers{display:none}.table-header{flex-direction:column;gap:.5rem;text-align:center}}.puma-main-wrapper{background-color:#f8f9fa;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#333;min-height:100vh;overflow-x:hidden}.lion-header-dark{background-color:#1e3a5f;color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.tiger-logo-section{display:flex;align-items:center;gap:10px;flex-shrink:0}.zebra-logo-box{width:36px;height:36px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff}.elephant-company-name{font-size:13px;font-weight:600;letter-spacing:.2px}.giraffe-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:11px}.cheetah-username{font-weight:600;font-size:12px}.leopard-user-id{font-size:10px;opacity:.8}.rhino-nav-section{background-color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;flex-wrap:wrap;gap:16px}.hippo-tabs-wrapper{display:flex;gap:0;align-items:center;border-bottom:1px solid #eee;margin-bottom:-12px}.ostrich-tab{background:none;border:none;padding:12px 16px;color:#888;font-size:13px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;position:relative;top:1px}.ostrich-tab:hover{color:#555}.ostrich-active{color:#00a8e8;border-bottom-color:#00a8e8}.peacock-controls-group{display:flex;gap:10px;align-items:center}.crane-button{padding:8px 14px;border:1px solid #ccc;border-radius:4px;font-size:12px;cursor:pointer;background-color:#fff;color:#555;font-weight:500;transition:all .2s ease;font-family:Roboto,sans-serif}.crane-button:hover{border-color:#888;background-color:#f8f8f8}.crane-ledger{border-color:#ccc;color:#555}.crane-workorder{background-color:#4caf50;color:#fff;border-color:#4caf50}.crane-workorder:hover{background-color:#43a047;border-color:#43a047}.crane-invoices{color:#bbb;border-color:#ddd}.penguin-kpi-section{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:16px 20px}.parrot-kpi-card{padding:20px 14px;border-radius:6px;color:#fff;text-align:center;box-shadow:0 3px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.parrot-kpi-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px #0000001f}.parrot-yellow{background:linear-gradient(135deg,#ffd54f,#ffca28)}.parrot-blue{background:linear-gradient(135deg,#1f77b4,#0056b3)}.parrot-teal{background:linear-gradient(135deg,#26c6da,#00acc1)}.parrot-lightblue{background:linear-gradient(135deg,#80deea,#4dd0e1)}.parrot-orange{background:linear-gradient(135deg,#ff9800,#f57c00)}.parrot-green{background:linear-gradient(135deg,#4caf50,#388e3c)}.flamingo-label{font-size:11px;font-weight:600;opacity:.9;margin-bottom:8px;letter-spacing:.2px;text-transform:uppercase}.swan-value{font-size:32px;font-weight:700;letter-spacing:-.5px}.dolphin-charts-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 20px}.orca-map-box,.otter-phases-box,.project-phases-box,.cash-flow-box{background-color:#fff;padding:16px;border-radius:6px;border:1px solid #eee;box-shadow:0 1px 6px #00000008}.whale-title{font-size:13px;font-weight:600;color:#333;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee}.badger-phases-list{display:flex;flex-direction:column;gap:12px}.meerkat-phase-item{display:flex;align-items:center;gap:10px}.mongoose-phase-name{font-size:11px;color:#555;min-width:120px;flex-shrink:0;font-weight:500}.cobra-bars-container{flex:1;display:flex;height:24px;gap:1px;border-radius:3px;overflow:hidden;position:relative}.python-phase-bar{background:linear-gradient(135deg,#3498db,#2980b9);flex:1;border-radius:2px;font-size:9px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;animation:slideInWidth .6s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;padding:0 4px;overflow:hidden;text-overflow:ellipsis}.phase-0{background:linear-gradient(135deg,#1abc9c,#16a085)}.phase-1{background:linear-gradient(135deg,#f1c40f,#f39c12)}.phase-2{background:linear-gradient(135deg,#e74c3c,#c0392b)}.phase-3{background:linear-gradient(135deg,#3498db,#2980b9)}.phase-4{background:linear-gradient(135deg,#9b59b6,#8e44ad)}@keyframes slideInWidth{0%{width:0;opacity:0}to{width:100%;opacity:1}}.today-line{position:absolute;left:60%;top:0;height:100%;width:2px;background:#333}.today-label{position:absolute;left:60%;top:-12px;font-size:9px;color:#333;transform:translate(-50%)}.raccoon-bars-grid-compact{display:flex;flex-direction:column;gap:12px}.fox-bar-item-compact{display:flex;align-items:center;gap:10px}.weasel-bar-label-compact{font-size:11px;color:#555;min-width:100px;flex-shrink:0;font-weight:500}.hamster-bar-track-compact{flex:1;height:24px;background-color:#eee;border-radius:3px;overflow:hidden;position:relative}.chipmunk-bar-fill{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:3px;transition:width 1.5s cubic-bezier(.34,1.56,.64,1);position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:6px}.bar-0{background:linear-gradient(90deg,#3498db,#2980b9)}.bar-1{background:linear-gradient(90deg,#f39c12,#d68910)}.bar-2{background:linear-gradient(90deg,#e74c3c,#c0392b)}.bar-3{background:linear-gradient(90deg,#27ae60,#1e8449)}.hedgehog-bar-info-compact{display:flex;gap:6px;font-size:10px;color:#888;min-width:100px;flex-shrink:0;justify-content:flex-end}.pie-chart{position:relative;width:36px;height:36px;margin-left:10px}.pie{width:100%;height:100%;border-radius:50%}.pie-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;font-weight:700;color:#333}.emu-table-section{background-color:#fff;padding:16px 20px;margin:12px 0;border-radius:6px;box-shadow:0 1px 6px #00000008}.cassowary-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.kiwi-data-table{width:100%;border-collapse:collapse;font-size:11px;box-shadow:0 1px 3px #0000000d}.heron-table-head{background-color:#1e3a5f;color:#fff;font-weight:600;border-bottom:1px solid #ddd}.heron-table-head th{padding:12px 10px;text-align:left;white-space:nowrap;border-right:1px solid #006fe6;font-size:10px;text-transform:uppercase;letter-spacing:.4px}.albatross-table-body tr:nth-child(2n){background-color:#f9f9f9}.kiwi-data-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s ease}.kiwi-data-table tbody tr:hover{background-color:#f0f8ff}.cormorant-row td{padding:12px 10px;border-right:1px solid #eee}.vulture-id{color:#00a8e8;text-decoration:none;cursor:pointer;font-weight:600}.vulture-id:hover{text-decoration:underline}.raven-currency{text-align:right;font-weight:500;font-family:Roboto Mono,monospace}.raven-total{font-weight:700;color:#1e3a5f}.proficiency-cell{display:flex;align-items:center;gap:8px}.proficiency-bar{flex:1;height:8px;background-color:#e9ecef;border-radius:4px;position:relative;min-width:60px}.proficiency-fill{height:100%;border-radius:4px;transition:width .3s ease}.proficiency-percent{font-size:10px;color:#495057;font-weight:500}.ad-download-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--chip-bg);border:1px solid var(--ad-border);border-radius:5px;color:var(--ad-accent);cursor:pointer;transition:all .2s ease;padding:0;font-size:0}.ad-download-icon svg{width:16px;height:16px}.ad-download-icon:hover{background:var(--ad-accent);color:#fff;border-color:var(--ad-accent);transform:translateY(-2px);box-shadow:0 4px 12px #2450a833}.bottom-charts-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 20px}.canary-chart-container{display:flex;flex-direction:row;gap:16px;position:relative;height:240px}.left-axis,.right-axis{position:absolute;width:40px;height:100%;font-size:10px;color:#666}.left-axis{left:-50px;text-align:right}.right-axis{right:-50px;text-align:left}.axis-label{position:absolute;transform:translateY(-50%)}.left-axis .axis-label{right:5px}.right-axis .axis-label{left:5px}.lark-bars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20px,1fr));gap:4px;height:100%;align-items:flex-end;padding:16px 0;flex:1}.finch-bar-column{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.oriole-bar{width:100%;background:linear-gradient(180deg,#3498db,#2980b9);border-radius:3px 3px 0 0;transition:height 1.5s cubic-bezier(.34,1.56,.64,1);min-height:1px}.oriole-0{background:linear-gradient(180deg,#3498db,#2980b9)}.oriole-1{background:linear-gradient(180deg,#f39c12,#d68910)}.oriole-2{background:linear-gradient(180deg,#27ae60,#1e8449)}.oriole-3{background:linear-gradient(180deg,#e74c3c,#c0392b)}.oriole-4{background:linear-gradient(180deg,#9b59b6,#7d3c98)}.oriole-5{background:linear-gradient(180deg,#1abc9c,#16a085)}.oriole-6{background:linear-gradient(180deg,#3498db,#2980b9)}.oriole-7{background:linear-gradient(180deg,#f39c12,#d68910)}.oriole-8{background:linear-gradient(180deg,#27ae60,#1e8449)}.oriole-9{background:linear-gradient(180deg,#e74c3c,#c0392b)}.oriole-10{background:linear-gradient(180deg,#9b59b6,#7d3c98)}.oriole-11{background:linear-gradient(180deg,#1abc9c,#16a085)}.thrush-month-label{font-size:9px;color:#888;font-weight:500}.cumulative-svg{position:absolute;top:0;left:0;width:100%;height:100%}.cum-label{position:absolute;transform:translate(-50%,-100%);font-size:9px;color:gold;font-weight:500}.nsn-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;max-width:1200px;margin:0 auto}.nsn-card{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 1px 6px #00000008;overflow:hidden}.nsn-card-title{width:100%;padding:12px 16px;background:#f8f9fa;border:none;font-size:14px;font-weight:600;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .2s}.nsn-card-title:hover{background:#f0f8ff}.nsn-arrow{font-size:12px;color:#666}.nsn-dropdown{padding:8px;max-height:280px;overflow-y:auto}.nsn-search-input{width:100%;padding:8px 12px;border:1px solid #eee;border-radius:4px;font-size:13px;margin-bottom:8px;background:#fff;color:#333}.nsn-search-input:focus{outline:none;border-color:#00a8e8}.nsn-list{list-style:none;padding:0;margin:0}.nsn-list li{padding:8px 12px;border-bottom:1px solid #f0f0f0}.nsn-list li:last-child{border-bottom:none}.nsn-link{color:#00a8e8;text-decoration:none;font-size:13px;display:block;transition:color .2s}.nsn-link:hover{color:#ff9800}.ad-pagination{display:flex;justify-content:center;gap:4px;margin-top:10px;padding-top:8px}.ad-pagination button{padding:5px 8px;border:1px solid #eee;background:#f8f9fa;color:#333;border-radius:44px;cursor:pointer;font-size:11px;font-weight:600;transition:all .15s ease;min-width:28px;text-align:center}.ad-pagination button:hover{border-color:#00a8e8;color:#00a8e8}.ad-pagination button.active{background:#00a8e8;color:#fff;border-color:#00a8e8}@media (max-width: 1400px){.penguin-kpi-section{grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 18px}.dolphin-charts-wrapper,.bottom-charts-wrapper{grid-template-columns:1fr;gap:12px;padding:14px 18px}}@media (max-width: 1024px){.penguin-kpi-section{grid-template-columns:repeat(2,1fr)}.dolphin-charts-wrapper,.bottom-charts-wrapper{grid-template-columns:1fr}.lion-header-dark{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 16px}.giraffe-header-right{align-items:flex-start}}@media (max-width: 768px){.penguin-kpi-section{grid-template-columns:1fr;gap:10px;padding:12px 16px}.rhino-nav-section{padding:10px 16px;gap:10px}.hippo-tabs-wrapper{width:100%;margin-bottom:0;flex-direction:column}.ostrich-tab{padding:10px 14px;border-bottom:none;border-left:2px solid transparent;text-align:left}.ostrich-active{border-left-color:#00a8e8;border-bottom:none}.peacock-controls-group{width:100%;flex-direction:column}.crane-button{width:100%}.kiwi-data-table{font-size:10px}.heron-table-head th,.cormorant-row td{padding:10px 8px}.mongoose-phase-name,.weasel-bar-label-compact{min-width:90px;font-size:10px}.lark-bars-grid{gap:3px;height:180px}}@media (max-width: 480px){.penguin-kpi-section{gap:8px;padding:10px 12px}.parrot-kpi-card{padding:14px 10px}.flamingo-label{font-size:9px}.swan-value{font-size:26px}.lion-header-dark{flex-direction:column;gap:6px;padding:8px 10px}.elephant-company-name,.cheetah-username{font-size:11px}.leopard-user-id{font-size:9px}.emu-table-section,.orca-map-box,.otter-phases-box,.project-phases-box,.cash-flow-box{padding:10px 12px;margin:8px 0}.whale-title{font-size:12px;margin-bottom:10px}.badger-phases-list{gap:8px}.meerkat-phase-item{gap:6px}.mongoose-phase-name{min-width:70px;font-size:9px}.cobra-bars-container{height:18px}.python-phase-bar{font-size:7px}.raccoon-bars-grid-compact{gap:8px}.fox-bar-item-compact{gap:6px}.weasel-bar-label-compact{min-width:70px;font-size:9px}.hamster-bar-track-compact{height:20px}.hedgehog-bar-info-compact{min-width:80px;font-size:9px}.pie-chart{width:30px;height:30px}.pie-label{font-size:8px}.kiwi-data-table{font-size:9px}.heron-table-head th{padding:8px 6px;font-size:8px}.cormorant-row td{padding:8px 6px}.proficiency-bar{height:6px;min-width:50px}.proficiency-percent{font-size:8px}.lark-bars-grid{gap:2px;height:140px;padding:10px 0}.thrush-month-label{font-size:7px}.rhino-nav-section{padding:8px 10px}.ostrich-tab{padding:8px 10px;font-size:11px}.crane-button{padding:6px 10px;font-size:11px}.left-axis,.right-axis{display:none}}.penguin-kpi-section{gap:12px!important;padding:12px!important}.parrot-kpi-card{padding:14px 16px!important;min-width:140px;border-radius:10px;box-shadow:0 3px 10px #0000001f;transition:transform .2s}.flamingo-label{font-size:.78rem!important;font-weight:500;color:#ffffffe6;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}.swan-value{font-size:1.65rem!important;font-weight:700;line-height:1.1;letter-spacing:-.5px}.swan-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.penguin-kpi-section{flex-wrap:wrap;justify-content:center}.parrot-kpi-card{flex:1 1 45%;max-width:48%;padding:12px 14px}.flamingo-label{font-size:.72rem!important}.swan-value{font-size:1.45rem!important}}@media (max-width: 480px){.parrot-kpi-card{flex:1 1 100%;max-width:100%}.swan-value{font-size:1.35rem!important}}.quote-root-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,red);padding:20px;font-family:Segoe UI,system-ui,sans-serif}.quote-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 2px 10px #00000014;margin-bottom:24px}.quote-header h1{margin:0;color:#1e40af;font-size:26px}.quote-back-btn{background:#0284c7;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;font-weight:600}.quote-action-btn{background:#0284c7;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer}.quote-action-btn:hover{background:#0369a1}.quote-form-wrapper{max-width:1200px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000012;padding:32px}.quote-section{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.quote-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.quote-add-btn{background:#059669;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer}.quote-grid-3,.quote-grid-4,.quote-grid-2{display:grid;gap:16px;margin-bottom:16px}.quote-grid-3{grid-template-columns:repeat(3,1fr)}.quote-grid-4{grid-template-columns:repeat(4,1fr)}.quote-grid-2{grid-template-columns:repeat(2,1fr)}.quote-field{display:flex;flex-direction:column;gap:6px}.quote-field label{font-size:13px;font-weight:600;color:#374151}.quote-field input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px}.quote-file-small{position:relative;display:inline-block}.quote-file-small input[type=file]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.quote-file-small span{background:#e5e7eb;padding:8px 14px;border-radius:6px;font-size:13px;cursor:pointer}.quote-logo-preview{max-width:100px;margin-top:8px;border:1px solid #e5e7eb;border-radius:4px}.quote-items-table{width:100%;border-collapse:collapse}.quote-items-table th{background:#1e40af;color:#fff;padding:12px;font-size:13px}.quote-items-table td{padding:10px;border-bottom:1px solid #e5e7eb}.quote-amount-cell{font-weight:700;color:#1e40af;text-align:right}.quote-delete-btn{background:#ef4444;color:#fff;border:none;width:28px;height:28px;border-radius:4px;cursor:pointer}.quote-total-row{text-align:right;font-size:17px;font-weight:600;margin-top:12px;color:#1e40af}.quote-terms-list{display:flex;flex-direction:column;gap:10px}.quote-term-item{display:flex;align-items:center;gap:12px;background:#f9fafb;padding:10px;border-radius:6px;border:1px solid #e5e7eb}.quote-term-number{min-width:28px;font-weight:600;color:#4b5563}.quote-term-text{flex:1;padding:8px 10px;border:1px solid #d1d5db;border-radius:4px}.quote-a4-sheet{max-width:794px;margin:20px auto;background:#fff;box-shadow:0 4px 25px #0000001f;padding:40px;font-family:Times New Roman,Times,serif;font-size:13px;line-height:1.5}.quote-doc-header{display:flex;gap:20px;padding-bottom:16px;border-bottom:3px solid #1e40af}.quote-doc-logo{max-width:100px;object-fit:contain}.quote-company-info h1{margin:0;font-size:20px;color:#1e40af}.quote-doc-title{text-align:center;color:#1e40af;margin:24px 0;text-decoration:underline}.quote-ref-date,.quote-to-block{margin:16px 0}.quote-subject-line{background:#eff6ff;padding:10px;border-left:4px solid #1e40af;margin:16px 0}.quote-intro-paragraph{margin:16px 0;text-align:justify}.quote-preview-table{width:100%;border-collapse:collapse;margin:20px 0}.quote-preview-table th,.quote-preview-table td{border:1px solid #9ca3af;padding:8px;text-align:center}.quote-preview-table th{background:#e5e7eb}.quote-grand-total{display:flex;justify-content:space-between;background:#f3f4f6;padding:12px;font-weight:700;margin:16px 0;border:1px solid #9ca3af}.quote-terms-section{margin:24px 0}.quote-terms-section h3{color:#1e40af;margin-bottom:10px}.quote-signature-section{margin-top:40px;text-align:left}.quote-sign-block{display:inline-block}.quote-sign-line{width:220px;border-bottom:1px solid #000;margin:16px 0}.quote-sign-name{font-weight:700;margin:4px 0}.quote-document-footer{margin-top:60px;padding-top:16px;border-top:3px solid #1e40af;text-align:center}.quote-footer-company{font-weight:700;color:#1e40af}.rent-root-wrapper{min-height:100vh;background:linear-gradient(135deg,#f8fafc,red);padding:20px;font-family:Segoe UI,system-ui,sans-serif}.rent-header-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 2px 10px #00000014;margin-bottom:24px}.rent-back-btn{background:#0284c7;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer}.rent-btn-preview,.rent-btn-download,.rent-btn-edit{background:#0284c7;color:#fff;border:none;padding:10px 20px;border-radius:6px;margin-left:12px;cursor:pointer}.rent-form-container{max-width:1100px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000012;padding:32px}.rent-section{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.rent-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.rent-add-item-btn,.rent-add-term-btn{background:#059669;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.rent-grid-3,.rent-grid-2{display:grid;gap:16px;margin-bottom:20px}.rent-grid-3{grid-template-columns:repeat(3,1fr)}.rent-grid-2{grid-template-columns:repeat(2,1fr)}.rent-field label{font-size:13px;font-weight:600;color:#374151;margin-bottom:6px;display:block}.rent-field input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px}.rent-file-mini{position:relative;display:inline-block}.rent-file-mini input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.rent-file-mini span{background:#e5e7eb;padding:8px 14px;border-radius:6px;font-size:13px;cursor:pointer}.rent-logo-thumb{max-width:160px;margin-top:12px;border-radius:6px}.rent-table-wrapper{overflow-x:auto}.rent-items-table{width:100%;border-collapse:collapse}.rent-items-table th{background:#1e40af;color:#fff;padding:12px;font-size:13px}.rent-items-table td{padding:10px;border-bottom:1px solid #e5e7eb}.rent-del-btn{background:#ef4444;color:#fff;border:none;width:28px;height:28px;border-radius:4px;cursor:pointer}.rent-terms-container{display:flex;flex-direction:column;gap:10px}.rent-term-row{display:flex;align-items:center;gap:12px;background:#f9fafb;padding:10px;border-radius:6px;border:1px solid #e5e7eb}.rent-term-no{min-width:28px;font-weight:600}.rent-term-input{flex:1;padding:8px 10px;border:1px solid #d1d5db;border-radius:4px}.rent-a4-preview{max-width:794px;margin:20px auto;background:#fff;box-shadow:0 4px 25px #0000001f;padding:40px 50px;font-family:Times New Roman,Times,serif;font-size:13.5px;line-height:1.45}.rent-doc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.rent-doc-logo{max-width:140px;object-fit:contain}.rent-company-block h1{margin:0;font-size:20px;color:#1e40af}.rent-date-right{text-align:right;font-weight:700;margin-bottom:12px}.rent-to-block{margin:20px 0;line-height:1.6}.rent-subject-line{font-weight:700;margin:16px 0}.rent-dear-sir{margin:16px 0}.rent-preview-items-table{width:100%;border-collapse:collapse;margin:20px 0}.rent-preview-items-table th,.rent-preview-items-table td{border:1px solid #666;padding:8px 10px}.rent-preview-items-table th{background:#f0f0f0;font-weight:700}.rent-terms-section{margin:28px 0}.rent-terms-section h3{color:#1e40af;margin-bottom:10px}.rent-account-details{margin:24px 0}.rent-signature-area{margin-top:40px;text-align:right}.rent-sign-space{margin-top:30px;display:inline-block;text-align:center}.rent-sign-name{font-weight:700;margin-bottom:4px}.rent-footer-line{margin-top:60px;padding-top:16px;border-top:2px solid #1e40af;text-align:center;font-size:12px;color:#444}.quata-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:30px;max-width:1200px;margin:0 auto;background:linear-gradient(to bottom,#f0f4f8,#fff);border-radius:12px;box-shadow:0 4px 20px #0000001a}.quata-box{width:250px;height:120px;background-color:#fff;border:1px solid #d1e0ff;border-radius:12px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s,box-shadow .3s,background-color .3s;box-shadow:0 2px 10px #0000000d}.quata-box:hover{background-color:#f0f4f8;box-shadow:0 4px 15px #00000026;transform:translateY(-5px)}.quata-clickable{cursor:pointer}.quata-icon{font-size:24px;margin-bottom:8px;color:#0d6efd}.quata-title{font-size:16px;font-weight:700;margin-bottom:6px;color:#333}.quata-subtitle{font-size:13px;color:#6c757d;line-height:1.3}.quata-arrow{align-self:flex-end;font-size:18px;color:#0d6efd}html{height:100%;overflow:hidden}body{height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ven-main-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/assets/image-BhvbXjll.png);overflow:hidden}.ven-scrollable-container{width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;scrollbar-width:auto;scrollbar-color:#888 #f1f1f1}.ven-scrollable-container::-webkit-scrollbar{width:12px}.ven-scrollable-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.ven-scrollable-container::-webkit-scrollbar-thumb{background:#888;border-radius:6px;border:2px solid #f1f1f1}.ven-scrollable-container::-webkit-scrollbar-thumb:hover{background:#555}.ven-container{width:100%;max-width:none;padding:20px;min-height:calc(100vh + 200px);display:flex;flex-direction:column}.ven-header-section{text-align:center;margin-bottom:24px;flex-shrink:0}.ven-app-title{font-size:1.8rem;font-weight:700;color:#2c3e50;margin-bottom:4px}.ven-app-subtitle{font-size:1rem;color:#6c757d;font-weight:400}.ven-card{max-width:900px;width:100%;margin:0 auto 40px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden;flex:1;display:flex;flex-direction:column}.ven-card-header{height:120px;background-size:cover;background-position:center;position:relative;cursor:pointer;transition:all .3s ease;flex-shrink:0}.ven-card-header:hover .ven-header-overlay{opacity:1}.ven-header-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.ven-upload-text{color:#fff;font-weight:500;font-size:.9rem}.ven-profile-section{padding:0 24px 20px;display:flex;align-items:flex-start;gap:20px;margin-top:-40px;position:relative;z-index:2;flex-shrink:0}.ven-profile-avatar{position:relative;cursor:pointer;flex-shrink:0}.ven-avatar-image{width:80px;height:80px;border-radius:50%;border:4px solid white;object-fit:cover;transition:transform .2s ease}.ven-avatar-image:hover{transform:scale(1.05)}.ven-avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.ven-profile-avatar:hover .ven-avatar-overlay{opacity:1}.ven-profile-details{flex:1;padding-top:20px}.ven-vendor-name{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:4px}.ven-vendor-code{color:#6c757d;font-size:.9rem;margin-bottom:8px}.ven-status-indicator{display:inline-flex;align-items:center;gap:6px;background:#d4edda;color:#155724;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.ven-status-dot{width:6px;height:6px;background:#28a745;border-radius:50%}.ven-quick-stats{display:flex;gap:16px;padding-top:20px}.ven-stat{text-align:center;min-width:60px}.ven-stat-value{display:block;font-size:.9rem;font-weight:600;color:#2c3e50;margin-bottom:2px}.ven-stat-label{font-size:.7rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.ven-content-area{padding:24px;border-top:1px solid #e9ecef;margin-top:20px;flex:1;min-height:600px}.ven-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-shrink:0}.ven-section-header h3{font-size:1.2rem;font-weight:600;color:#2c3e50}.ven-edit-btn{display:flex;align-items:center;gap:6px;background:#007bff;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .2s ease}.ven-edit-btn:hover{background:#0056b3}.ven-form-container{width:100%}.ven-tab-navigation{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid #e9ecef}.ven-tab-btn{padding:12px 20px;background:none;border:none;cursor:pointer;font-size:.9rem;font-weight:500;color:#6c757d;border-bottom:2px solid transparent;transition:all .2s ease}.ven-tab-btn:hover{color:#007bff}.ven-tab-btn.ven-tab-active{color:#007bff;border-bottom-color:#007bff}.ven-form-layout{display:flex;flex-direction:column;gap:20px;width:100%;margin-bottom:30px}.ven-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.ven-floating-input-group{position:relative;margin-bottom:4px;width:100%}.ven-floating-input-group.ven-full-width{grid-column:1 / -1}.ven-floating-input{width:100%;padding:16px 12px 8px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;background:#fff;transition:all .3s ease;font-family:inherit;outline:none}.ven-floating-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.ven-floating-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.ven-floating-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:#fff;padding:0 4px;color:#6c757d;font-size:1rem;font-weight:500;transition:all .3s ease;pointer-events:none;display:flex;align-items:center;gap:6px}.ven-floating-label.ven-active{top:0;transform:translateY(-50%);font-size:.8rem;color:#007bff;font-weight:600}.ven-floating-input:focus+.ven-floating-label{top:0;transform:translateY(-50%);font-size:.8rem;color:#007bff;font-weight:600}.ven-floating-input-group textarea.ven-floating-input{min-height:80px;resize:vertical;padding-top:20px}.ven-floating-input-group textarea.ven-floating-input+.ven-floating-label{top:20px}.ven-floating-input-group textarea.ven-floating-input:focus+.ven-floating-label,.ven-floating-input-group textarea.ven-floating-input+.ven-floating-label.ven-active{top:0}.ven-save-btn{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease;align-self:flex-start;margin-top:8px}.ven-save-btn:hover:not(:disabled){background:#218838}.ven-save-btn:disabled{background:#6c757d;cursor:not-allowed}.ven-details-container{width:100%}.ven-details-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:100%}.ven-detail-card{padding:16px;background:#f8f9fa;border-radius:8px;border-left:3px solid #007bff}.ven-detail-card.ven-full-width{grid-column:1 / -1}.ven-detail-title{display:block;font-weight:600;color:#495057;margin-bottom:4px;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.ven-detail-text{color:#2c3e50;font-size:.95rem;word-break:break-word}.ven-toast-notification{position:fixed;top:20px;right:20px;background:#28a745;color:#fff;padding:12px 16px;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;animation:ven-slideIn .3s ease;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500}@keyframes ven-slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.ven-container{padding:12px}.ven-app-title{font-size:1.5rem}.ven-app-subtitle{font-size:.9rem}.ven-profile-section{flex-direction:column;align-items:center;text-align:center;padding:0 16px 16px}.ven-quick-stats{justify-content:center;padding-top:16px}.ven-content-area{padding:20px 16px 16px}.ven-form-row{grid-template-columns:1fr;gap:16px}.ven-details-layout{grid-template-columns:1fr;gap:12px}.ven-section-header{flex-direction:column;gap:12px;align-items:stretch}.ven-tab-navigation{flex-direction:column;gap:0}.ven-tab-btn{text-align:left;border-bottom:1px solid #e9ecef;border-radius:0}.ven-toast-notification{left:12px;right:12px;top:12px}}@media (max-width: 480px){.ven-card-header{height:100px}.ven-profile-section{margin-top:-30px}.ven-avatar-image{width:70px;height:70px}.ven-vendor-name{font-size:1.3rem}.ven-quick-stats{gap:12px}.ven-stat-value{font-size:.8rem}.ven-stat-label{font-size:.65rem}.ven-floating-input{padding:14px 10px 6px}.ven-floating-label{left:10px}}.ven-button-group{display:flex;gap:10px;margin-top:20px}.ven-clear-btn{padding:12px 20px;background-color:#f8f9fa;color:#212529;border:1px solid #dee2e6;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.95rem}.ven-clear-btn:hover{background-color:#e9ecef}.ven-clear-btn:disabled{opacity:.6;cursor:not-allowed}.vp-selection-wrapper{display:flex;justify-content:center;padding:40px 20px;min-height:calc(100vh - 100px);background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.vp-selection-card{width:100%;max-width:560px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001f;overflow:hidden}.vp-selection-header{background:#0a152f;color:#fff;padding:20px;text-align:center;position:relative}.vp-back-btn{position:absolute;left:16px;top:50%;transform:translateY(-50%);background:#fff3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.vp-back-btn:hover{background:#ffffff4d}.vp-selection-title{font-size:1.4rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}.vp-selection-icon{font-size:1.6rem}.vp-search-container{padding:30px 30px 20px}.vp-search-input-group{position:relative;display:flex;align-items:center}.vp-search-icon{position:absolute;left:16px;color:#6c757d;font-size:1.2rem;z-index:2}.vp-search-input{width:100%;padding:16px 16px 16px 48px;border:2px solid #e1e5e9;border-radius:12px;font-size:1.1rem;transition:all .3s ease;background:#f8f9fa}.vp-search-input:focus{outline:none;border-color:#007bff;background:#fff;box-shadow:0 0 0 4px #007bff26}.vp-dropdown-arrow{position:absolute;right:16px;color:#6c757d;font-size:1.2rem;transition:transform .3s ease}.vp-dropdown-arrow.rotated{transform:rotate(180deg)}.vp-dropdown-menu{position:fixed;background:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 10px 25px #00000026;max-height:360px;overflow-y:auto;z-index:1000;margin-top:8px}.vp-dropdown-item{padding:14px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f1f3f5}.vp-dropdown-item:hover{background:#f0f7ff}.vp-dropdown-item:last-child{border-bottom:none}.vp-item-main{display:flex;align-items:center;gap:12px}.vp-item-avatar{width:40px;height:40px;background:#007bff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.vp-item-details{flex:1;min-width:0}.vp-item-name{font-weight:600;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-item-sub{font-size:.85rem;color:#6c757d;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-dropdown-empty{padding:20px;text-align:center;color:#6c757d;font-style:italic}.vp-selected-banner{background:#d4edda;color:#155724;padding:14px 30px;text-align:center;font-size:1.05rem;border-top:1px solid #c3e6cb}.vp-selected-banner span{font-weight:500}.vp-selected-banner strong{margin-left:8px;font-weight:600}.ven-selection-card{width:100%;max-width:650px;background:#fff;border-radius:14px;padding:20px;box-shadow:0 6px 25px #0000001f;animation:fadeIn .3s ease-in-out}.ven-selection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.ven-back-btn{background:#f1f5f9;border:none;padding:8px 14px;border-radius:10px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;transition:.2s}.ven-back-btn:hover{background:#e2e8f0}.ven-selection-title{display:flex;align-items:center;font-size:20px;gap:8px;margin:0;color:#1e293b}.vendor-search-input-container{width:100%;max-width:450px;background:#f8fafc;padding:10px 14px;border-radius:12px;display:flex;align-items:center;gap:10px;border:1px solid #e2e8f0;position:relative}.vendor-search-icon{font-size:18px;color:#64748b}.vendor-dropdown-arrow{position:absolute;right:14px;font-size:18px;color:#64748b}.vendor-search-input{flex:1;padding:6px;border:none;outline:none;background:transparent;font-size:15px;color:#0f172a}.vendor-dropdown-menu{width:100%;max-width:450px;margin-top:10px;background:#fff;border-radius:12px;max-height:260px;overflow-y:auto;border:1px solid #e2e8f0;box-shadow:0 6px 18px #0000001a;animation:slideUp .2s ease}.vendor-dropdown-item{display:flex;align-items:center;padding:12px;cursor:pointer;transition:.2s;border-bottom:1px solid #f1f5f9}.vendor-dropdown-item:last-child{border-bottom:none}.vendor-dropdown-item:hover{background:#f8fafc}.vendor-initials{width:40px;height:40px;background:#3b82f6;color:#fff;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px}.vendor-dropdown-item-name{font-size:16px;font-weight:600;color:#0f172a}.vendor-dropdown-item-info{font-size:13px;color:#64748b}.vendor-dropdown-empty{padding:18px;text-align:center;font-size:14px;color:#64748b}.vp-selected-banner{margin-top:16px;background:#e0f2fe;padding:10px 14px;border-radius:10px;font-size:15px;color:#0369a1;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tabs-main-container{width:100vw;min-height:100vh;background:#f4f6fa;padding:0;margin:0}.tabs-app-heading{text-align:center;font-size:2.2rem;font-weight:800;color:#2c3e50;margin:0;padding:32px 0 18px;letter-spacing:1px}.tabs-bar{display:flex;justify-content:center;align-items:center;gap:0;background:#fff;box-shadow:0 2px 12px #2c3e500a;border-radius:12px 12px 0 0;max-width:900px;margin:0 auto;overflow:hidden}.tab-btn{flex:1;padding:18px 0;font-size:1.15rem;font-weight:600;background:none;border:none;border-bottom:3px solid transparent;color:#2c3e50;cursor:pointer;transition:all .2s;outline:none}.tab-btn.active{background:#eaf4ff;color:#007bff;border-bottom:3px solid #007bff}.tab-btn:not(.active):hover{background:#f6faff}.tabs-content{max-width:900px;margin:0 auto;background:#fff;border-radius:0 0 12px 12px;box-shadow:0 2px 12px #2c3e500a;min-height:700px;padding-bottom:40px}@media (max-width: 900px){.tabs-main-container,.tabs-content,.tabs-bar{max-width:100vw;border-radius:0}}*{margin:0;padding:0;box-sizing:border-box}.inspection-report-container{height:100vh;display:flex;flex-direction:column;font-family:Arial,sans-serif;background-color:#f8f9fa}.control-panel{display:flex;justify-content:center;align-items:center;gap:20px;padding:15px;background-color:#fff;border-bottom:1px solid #dee2e6;box-shadow:0 2px 4px #0000001a}.quantity-controls{display:flex;align-items:center;gap:10px}.qty-btn{width:35px;height:35px;border:1px solid #6c757d;background-color:#fff;color:#495057;font-size:18px;font-weight:700;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.qty-btn:hover{background-color:#e9ecef;border-color:#495057}.quantity-display{min-width:40px;text-align:center;font-weight:700;font-size:16px;color:#495057}.download-btn{background-color:#495057;color:#fff;border:none;padding:10px 25px;font-size:14px;font-weight:500;border-radius:4px;cursor:pointer;transition:background-color .2s ease;text-transform:uppercase;letter-spacing:.5px}.download-btn:hover{background-color:#343a40}.report-wrapper{flex:1;overflow-y:auto;padding:0}.report-content{max-width:100%;margin:0;padding:20px;background-color:#fff;min-height:100%}.header-title{text-align:center;font-weight:700;font-size:14px;margin-bottom:10px;text-decoration:underline;color:#000}.contractor-name{text-align:center;font-weight:700;margin-bottom:15px;font-size:12px;color:#000}table{width:100%;border-collapse:collapse;margin-bottom:12px;font-size:9px}th,td{border:1px solid #000;padding:3px 4px;text-align:left;vertical-align:top;line-height:1.2}th{background-color:transparent;font-weight:700;text-align:center;font-size:9px}.label-cell{font-weight:700;background-color:transparent;font-size:9px}.value-cell{background-color:transparent;min-height:18px}.stage-header{text-align:center;font-weight:700;text-decoration:underline;margin:10px 0 6px;font-size:10px;color:#000}.project-info-table td{padding:4px;height:20px}.stage-table th,.stage-table td{padding:3px;text-align:center;height:18px}.stage-table .label-cell{text-align:left}.remarks-cell,.conclusion-cell{height:40px;vertical-align:top}.signature-table th{background-color:transparent;font-weight:700;text-align:center;padding:6px 4px;font-size:9px}.signature-table td{height:25px;vertical-align:top}.bottom-sections td{height:30px;vertical-align:top}.report-wrapper::-webkit-scrollbar{width:8px}.report-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.report-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.report-wrapper::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){.control-panel{padding:10px;gap:15px}.qty-btn{width:30px;height:30px;font-size:16px}.download-btn{padding:8px 20px;font-size:12px}.report-content{padding:15px}table{font-size:8px}th,td{padding:2px 3px}.header-title{font-size:12px}.contractor-name{font-size:10px}.stage-header{font-size:9px}}@media (max-width: 480px){.control-panel{flex-direction:column;gap:10px;padding:8px}.report-content{padding:10px}table{font-size:7px}th,td{padding:1px 2px}.qty-btn{width:28px;height:28px;font-size:14px}.download-btn{padding:6px 15px;font-size:11px}}@media print{.inspection-report-container{height:auto}.control-panel{display:none}.report-wrapper{overflow:visible;padding:0}.report-content{padding:0;box-shadow:none;border:none}table{page-break-inside:avoid}.stage-header{page-break-after:avoid}}.cubic-container-orangeelephantmetruation{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:#f8f9fa;min-height:100vh}.cubic-header-appletigermetruation{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f0f7ff;border-bottom:1px solid #e1e7ef}.cubic-title-bananalionmetruation h3{margin:0;font-size:15px;font-weight:500;color:#2c3e50}.cubic-header-buttons{display:flex;gap:10px;align-items:center}.cubic-clear-btn{background:linear-gradient(135deg,#e53e3e,#c53030)!important}.cubic-clear-btn:hover:not(:disabled){background:linear-gradient(135deg,#c53030,#9c2626)!important}.cubic-finish-all-container{display:flex;align-items:center;background-color:#e2e8f0;border-radius:6px;padding:8px 12px;border:1px solid #cbd5e0;transition:all .2s}.cubic-finish-all-container:hover{background-color:#edf2f7;border-color:#a0aec0}.cubic-finish-all-label{display:flex;align-items:center;gap:8px;cursor:pointer;margin:0;font-size:14px;font-weight:500;color:#2d3748}.cubic-finish-all-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#38a169;border-radius:3px}.cubic-finish-all-checkbox:disabled{cursor:not-allowed;opacity:.6}.cubic-finish-all-text{display:flex;align-items:center;gap:6px;white-space:nowrap}.cubic-button-cherrybearmetruation{display:flex;align-items:center;gap:8px;background-color:#2c5282;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s;box-shadow:0 2px 4px #2c52824d}.cubic-button-cherrybearmetruation:hover:not(:disabled){background-color:#2a4365;transform:translateY(-1px);box-shadow:0 4px 8px #2c528266}.cubic-button-cherrybearmetruation:disabled{background-color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.cubic-save-stages-btn{background:linear-gradient(135deg,#4a5568,#2d3748)}.cubic-save-stages-btn:hover:not(:disabled){background:linear-gradient(135deg,#4a5568,#2d3748)}.cubic-save-reports-btn{background:linear-gradient(135deg,#38a169,#2f855a)}.cubic-save-reports-btn:hover:not(:disabled){background:linear-gradient(135deg,#2f855a,#276749)}.cubic-spin-icon-grapewolfmetruation{animation:cubicSpin 1s linear infinite}@keyframes cubicSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cubic-filter-section-kiwifoxmetruation{padding:15px 20px;background-color:#fff;border-bottom:1px solid #e1e7ef}.cubic-filter-container-lemonrabbitmetruation{display:flex;flex-direction:column;gap:15px}.cubic-filter-row-limecatmetruation{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.cubic-dropdown-mangodogmetruation{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background-color:#fff;outline:none;transition:border-color .2s ease;min-width:200px}.cubic-dropdown-mangodogmetruation:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.cubic-readonly-input{background-color:#f7fafc!important;color:#4a5568!important;cursor:not-allowed!important;border-color:#e2e8f0!important}.cubic-readonly-input:focus{box-shadow:none!important;border-color:#e2e8f0!important}.cubic-search-button-peachsharkmetruation{background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff;border:none;border-radius:4px;padding:8px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.cubic-search-button-peachsharkmetruation:hover:not(:disabled){background-color:#0056b3}.cubic-search-button-peachsharkmetruation:disabled{background-color:#6c757d;cursor:not-allowed}.cubic-selected-filters-section{padding:15px 20px;background-color:#f8f9fa;border-bottom:1px solid #e1e7ef;margin-bottom:0}.cubic-selected-filters-container h4{margin:0 0 10px;font-size:16px;font-weight:600;color:#2d3748}.cubic-selected-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.cubic-filter-item{display:flex;flex-direction:column;gap:4px}.cubic-filter-label{font-size:12px;font-weight:500;color:#718096;text-transform:uppercase;letter-spacing:.5px}.cubic-filter-value{font-size:14px;font-weight:600;color:#2d3748;background-color:#e2e8f0;padding:6px 10px;border-radius:4px;border-left:3px solid #4299e1;position:relative}.cubic-filter-value-unassigned{background-color:#fed7d7!important;color:#c53030!important;border-left-color:#f56565!important;font-style:italic}.cubic-filter-value-assigned{background-color:#c6f6d5!important;color:#2f855a!important;border-left-color:#38a169!important}.cubic-ra-assigned-tag{display:inline-block;margin-left:10px;padding:2px 8px;background-color:#38a169;color:#fff;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cubic-table-container-plumhorsemetruation{margin:20px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;position:relative}.cubic-table-wrapper-coconutpenguinmetruation{overflow-x:auto;overflow-y:auto;max-height:600px}.cubic-loading-overlay-strawberryzebrametruation{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5}.cubic-loading-spinner-watermelongiraffeemetruation{font-size:30px;color:#3182ce;animation:cubicSpin 1s linear infinite}.cubic-loading-text-pineapplemonkeymetruation{margin-top:10px;font-size:14px;color:#4a5568}.cubic-table-avocadokangaroometruation{width:100%;border-collapse:collapse;min-width:1600px}.cubic-table-avocadokangaroometruation thead{background-color:#2d3748;position:sticky;top:0;z-index:2}.cubic-table-avocadokangaroometruation th{padding:10px 12px;text-align:left;font-size:12px;font-weight:600;color:#fff;border:none;white-space:nowrap;min-width:100px}.cubic-table-avocadokangaroometruation td{padding:8px 12px;font-size:12px;color:#2d3748;white-space:nowrap;border:none;min-width:100px}.cubic-table-avocadokangaroometruation tbody tr{border-bottom:1px solid #e2e8f0}.cubic-table-avocadokangaroometruation tbody tr:hover{background-color:#f7fafc}.cubic-table-row-papayaowlmetruation{background-color:#fff}.cubic-table-row-papayaowlmetruation:nth-child(2n){background-color:#f8f9fa}.cubic-order-icon-dragonfruitpandametruation{display:flex;align-items:center;justify-content:center;color:#3182ce;font-size:16px}.cubic-process-header{background-color:#4a5568!important;text-align:center;min-width:80px}.cubic-process-cell{text-align:center;padding:8px}.cubic-checkbox-container{display:flex;justify-content:center;align-items:center}.cubic-process-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#38a169}.cubic-checkbox-label{cursor:pointer}.cubic-edit-input-breadfruitrabbitmetruation{width:100%;padding:4px 8px;border:1px solid #ced4da;border-radius:4px;font-size:12px;outline:none;transition:border-color .2s ease;background-color:#fff}.cubic-edit-input-breadfruitrabbitmetruation:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.cubic-actions-container-figdolphinmetruation{display:flex;gap:5px;justify-content:center}.cubic-action-button-passionkoalametruation{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:none;cursor:pointer;font-size:14px;color:#fff;transition:all .2s}.cubic-edit-button-lycheeoctopusmetruation{background-color:#4299e1}.cubic-edit-button-lycheeoctopusmetruation:hover{background-color:#3182ce}.cubic-delete-button-rambutanflamingometruation{background-color:#f56565}.cubic-delete-button-rambutanflamingometruation:hover{background-color:#e53e3e}.cubic-empty-row-duriansquirrelmetruation td{padding:40px 0}.cubic-empty-state-jackfruitbutterflymetruation{display:flex;flex-direction:column;align-items:center;justify-content:center}.cubic-empty-text-starfruitbadgermetruation{font-size:14px;color:#a0aec0;text-align:center}.cubic-popup-overlay-guavahamstermetruation{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.cubic-popup-container-longanhedgehogmetruation{background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:500px;width:90%;max-height:80vh;overflow:hidden}.cubic-popup-header-lycheeiguanametruation{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0;background-color:#f8f9fa}.cubic-popup-header-lycheeiguanametruation h3{margin:0;font-size:18px;font-weight:600;color:#2d3748}.cubic-popup-close-rambutanjaguarmetruation{background:none;border:none;font-size:20px;cursor:pointer;color:#718096;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.cubic-popup-close-rambutanjaguarmetruation:hover{background-color:#e2e8f0}.cubic-popup-content-duriankiwibirmetruation{padding:20px;max-height:400px;overflow-y:auto}.cubic-multiselect-container-jackfruitllamametruation{display:flex;flex-direction:column;gap:15px}.cubic-multiselect-label-starfruitmousemetruation{font-weight:500;color:#2d3748;margin-bottom:10px}.cubic-popup-actions-mangosteennightingalemetruation{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e2e8f0;background-color:#f8f9fa}.cubic-popup-button-tamarindottermetruation{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cubic-cancel-button-passionfruitporcupinemetruation{background-color:#e2e8f0;color:#4a5568}.cubic-cancel-button-passionfruitporcupinemetruation:hover{background-color:#cbd5e0}.cubic-save-button-custardapplequailmetruation{background-color:#38a169;color:#fff}.cubic-save-button-custardapplequailmetruation:hover:not(:disabled){background-color:#2f855a}.cubic-save-button-custardapplequailmetruation:disabled{background-color:#a0aec0;cursor:not-allowed}@media (max-width: 768px){.cubic-table-avocadokangaroometruation{font-size:11px;min-width:1400px}.cubic-table-avocadokangaroometruation th,.cubic-table-avocadokangaroometruation td{padding:6px 8px;min-width:80px}.cubic-filter-row-limecatmetruation{flex-direction:column;align-items:stretch}.cubic-dropdown-mangodogmetruation{min-width:100%}.cubic-header-buttons{flex-direction:column;gap:5px}.cubic-popup-container-longanhedgehogmetruation{width:95%;margin:10px}.cubic-finish-all-container{width:100%;justify-content:center}}html{scroll-behavior:smooth}.cubic-table-wrapper-coconutpenguinmetruation::-webkit-scrollbar{height:8px;width:8px}.cubic-table-wrapper-coconutpenguinmetruation::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.cubic-table-wrapper-coconutpenguinmetruation::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4a5568,#2d3748);border-radius:4px;border:1px solid #e1e7ef}.cubic-table-wrapper-coconutpenguinmetruation::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4a5568,#2d3748)}.tettle-banana-main-wrapper{display:flex;height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.tettle-orange-menu-trigger{position:fixed;top:20px;right:20px;z-index:1001;background-color:#4299e1;color:#fff;border:none;border-radius:8px;padding:12px;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .2s}.tettle-orange-menu-trigger:hover{background-color:#3182ce;transform:scale(1.05)}.tettle-grape-content-area{flex:1;display:flex;flex-direction:column;overflow:hidden;order:1}.tettle-watermelon-fields-panel{width:320px;background-color:#fff;border-left:1px solid #e1e5e9;display:flex;flex-direction:column;transition:width .3s ease;box-shadow:-2px 0 8px #0000001a;order:2}.tettle-papaya-collapsed-state{width:40px}.tettle-avocado-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e1e5e9;background-color:#f8f9fa}.tettle-lemon-title-section{display:flex;align-items:center;gap:8px;font-weight:600;color:#2d3748;font-size:14px}.tettle-raspberry-collapse-toggle,.tettle-pineapple-settings-button,.tettle-pomegranate-close-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#718096;transition:all .2s}.tettle-raspberry-collapse-toggle:hover,.tettle-pineapple-settings-button:hover,.tettle-pomegranate-close-button:hover{background-color:#e2e8f0;color:#2d3748}.tettle-apricot-panel-content{flex:1;padding:16px;overflow-y:auto}.tettle-fig-instruction-text{font-size:13px;color:#718096;margin:0 0 12px}.tettle-guava-search-wrapper{position:relative;margin-bottom:16px}.tettle-jackfruit-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#a0aec0}.tettle-elderberry-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background-color:#fff;transition:border-color .2s}.tettle-elderberry-search-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.tettle-cranberry-fields-list{max-height:250px;overflow-y:auto;margin-bottom:16px;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff}.tettle-date-field-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background-color .1s;border-bottom:1px solid #f7fafc}.tettle-date-field-item:last-child{border-bottom:none}.tettle-date-field-item:hover{background-color:#f8fafc}.tettle-gooseberry-highlighted-field{background-color:#dbeafe;border-left:3px solid #3b82f6}.tettle-date-field-item input[type=checkbox]{width:16px;height:16px;accent-color:#4299e1}.tettle-honeydew-field-name{font-size:13px;color:#2d3748;-webkit-user-select:none;user-select:none;flex:1;cursor:grab;display:flex;align-items:center;gap:8px}.tettle-honeydew-field-name:active{cursor:grabbing}.tettle-kiwano-duplicate-blink{animation:tettle-mango-blink-red 1s ease-in-out}@keyframes tettle-mango-blink-red{0%,to{background-color:transparent}50%{background-color:#fed7d7;color:#e53e3e}}.tettle-coconut-highlight-text{background-color:#fef5e7;color:#d69e2e;font-weight:600;padding:1px 2px;border-radius:2px}.tettle-lychee-drag-instruction{margin:16px 0 12px}.tettle-lychee-drag-instruction p{font-size:13px;color:#718096;margin:0}.tettle-mandarin-drop-zones{display:flex;flex-direction:column;gap:12px}.tettle-nectarine-zone-row{display:flex;gap:12px}.tettle-olive-drop-zone{flex:1;min-height:80px;border:2px dashed #cbd5e0;border-radius:6px;background-color:#f7fafc;transition:all .2s}.tettle-olive-drop-zone:hover{border-color:#a0aec0;background-color:#edf2f7}.tettle-quince-zone-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:#e2e8f0;border-radius:4px 4px 0 0;font-size:12px;font-weight:600;color:#4a5568}.tettle-rambutan-zone-icon{font-size:14px}.tettle-starfruit-zone-content{padding:8px;min-height:40px}.tettle-tangerine-zone-item{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:6px 8px;margin-bottom:4px;font-size:12px;color:#2d3748;cursor:grab;transition:all .2s}.tettle-tangerine-zone-item:active{cursor:grabbing}.tettle-tangerine-zone-item:hover{background-color:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.tettle-tangerine-zone-item:last-child{margin-bottom:0}.tettle-ugli-zone-item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.tettle-tangerine-zone-item button{background:none;border:none;cursor:pointer;color:#a0aec0;padding:2px;border-radius:2px;transition:color .2s;flex-shrink:0}.tettle-tangerine-zone-item button:hover{color:#e53e3e}.tettle-yuzu-panel-footer{padding:16px;border-top:1px solid #e1e5e9;background-color:#f8f9fa;display:flex;justify-content:center}.tettle-zucchini-add-button{background-color:#38a169;color:#fff;border:none;padding:8px 20px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:6px}.tettle-zucchini-add-button:hover{background-color:#2f855a}.tettle-kiwi-header-section{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background-color:#fff;border-bottom:1px solid #e1e5e9}.tettle-kiwi-header-section h1{font-size:24px;font-weight:700;color:#2d3748;margin:0}.tettle-lime-action-group{display:flex;gap:4px;padding:4px 8px;justify-content:center}.tettle-cherry-clear-button,.tettle-plum-save-button,.tettle-peach-results-button,.tettle-saffron-back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.tettle-cherry-clear-button{background-color:#e53e3e;color:#fff}.tettle-cherry-clear-button:hover{background-color:#c53030}.tettle-plum-save-button{background-color:#38a169;color:#fff}.tettle-plum-save-button:hover{background-color:#2f855a}.tettle-peach-results-button{background-color:#4299e1;color:#fff}.tettle-peach-results-button:hover{background-color:#3182ce}.tettle-saffron-back-btn{background-color:#718096;color:#fff}.tettle-saffron-back-btn:hover{background-color:#4a5568}.tettle-zest-filter-inputs{padding:20px 24px;background-color:#f7fafc;border-bottom:1px solid #e1e5e9}.tettle-zest-filter-inputs h3{font-size:16px;font-weight:600;color:#2d3748;margin:0 0 16px}.tettle-almond-filter-inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.tettle-basil-filter-input-item{display:flex;flex-direction:column;gap:6px}.tettle-basil-filter-input-item label{font-size:12px;font-weight:600;color:#4a5568}.tettle-cardamom-filter-input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:4px;font-size:14px;background-color:#fff;transition:border-color .2s}.tettle-cardamom-filter-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.tettle-dill-table-section{flex:1;padding:24px;overflow:auto}.tettle-nutmeg-table-placeholder{display:flex;align-items:center;justify-content:center;height:200px;background-color:#fff;border:2px dashed #cbd5e0;border-radius:8px;color:#a0aec0;font-size:16px}.tettle-oregano-table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;position:relative;border:1px solid #e2e8f0}.tettle-paprika-data-table{width:100%;border-collapse:separate;border-spacing:0;position:relative}.tettle-paprika-data-table th{background-color:#4a5568;color:#fff;padding:14px 16px;text-align:left;font-size:14px;font-weight:600;border-right:1px solid #2d3748;position:sticky;top:0;z-index:10}.tettle-paprika-data-table th:last-child{border-right:none}.tettle-paprika-data-table td{padding:2px;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;position:relative;background-color:#fff}.tettle-paprika-data-table td:last-child{border-right:none}.tettle-rosemary-actions-cell{position:sticky;right:0;background-color:#fff;z-index:5;min-width:100px;border-left:2px solid #e2e8f0}.tettle-sage-active-cell{background-color:#ebf8ff!important;box-shadow:inset 0 0 0 2px #4299e1!important}.tettle-yam-cell-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#374151;background-color:#fff;transition:all .1s;margin:2px;min-height:36px}.tettle-yam-cell-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;background-color:#fff}.tettle-yam-cell-input::placeholder{color:#9ca3af;font-style:italic}.tettle-xigua-serial-number{display:block;padding:8px 12px;font-weight:600;color:#4a5568;text-align:center;background-color:#f8f9fa;margin:2px;border:1px solid #e2e8f0;border-radius:4px;min-height:36px;display:flex;align-items:center;justify-content:center}.tettle-thyme-action-buttons{display:flex;gap:4px;padding:4px 8px;justify-content:center}.tettle-turmeric-action-btn{background:none;border:1px solid #e2e8f0;border-radius:4px;padding:6px 8px;cursor:pointer;transition:all .1s;display:flex;align-items:center;justify-content:center;font-size:12px}.tettle-vanilla-edit-btn{color:#3b82f6;border-color:#3b82f6}.tettle-vanilla-edit-btn:hover{background-color:#dbeafe;transform:scale(1.05)}.tettle-wasabi-delete-btn{color:#ef4444;border-color:#ef4444}.tettle-wasabi-delete-btn:hover{background-color:#fecaca;transform:scale(1.05)}.tettle-fennel-footer-stats{display:flex;justify-content:flex-start;padding:16px 24px;background-color:#fff;border-top:1px solid #e1e5e9}.tettle-ginger-stat-item{font-size:14px;font-weight:600;color:#2d3748}.tettle-parsley-results-view{flex:1;padding:24px;overflow-y:auto}.tettle-rosemary-results-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.tettle-rosemary-results-header h2{font-size:24px;font-weight:600;color:#2d3748;margin:0;flex:1}.tettle-tarragon-results-search{position:relative;width:300px}.tettle-vanilla-results-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background-color:#fff;transition:border-color .2s}.tettle-vanilla-results-search-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.tettle-xanthan-empty-results{display:flex;align-items:center;justify-content:center;height:200px;background-color:#fff;border:2px dashed #cbd5e0;border-radius:8px;color:#a0aec0;font-size:16px}.tettle-watercress-saved-tables{display:flex;flex-direction:column;gap:24px}.tettle-yeast-saved-table-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.tettle-zatar-table-info{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8f9fa;border-bottom:1px solid #e2e8f0}.tettle-anise-table-info-left h4{font-size:16px;font-weight:600;color:#2d3748;margin:0 0 8px}.tettle-bay-drawing-ref{font-size:14px;color:#4299e1;font-weight:500;margin:0}.tettle-cumin-delete-table-btn{display:flex;align-items:center;gap:6px;background-color:#e53e3e;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.tettle-cumin-delete-table-btn:hover{background-color:#c53030}.tettle-dill-saved-table-container{padding:20px;overflow-x:auto}.tettle-elderberry-saved-data-table{width:100%;border-collapse:collapse;min-width:600px}.tettle-elderberry-saved-data-table th{background-color:#4a5568;color:#fff;padding:12px 16px;text-align:left;font-size:13px;font-weight:600;border-bottom:1px solid #2d3748}.tettle-elderberry-saved-data-table td{padding:12px 16px;border-bottom:1px solid #e2e8f0;font-size:13px;color:#2d3748}.tettle-elderberry-saved-data-table tbody tr:hover{background-color:#f7fafc}.tettle-quinoa-actions-header{position:sticky;right:0;background-color:#4a5568;z-index:11;min-width:100px;text-align:center}.tettle-boysenberry-simple-popup-container{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:450px;width:90%;max-height:70vh;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tettle-cantaloupe-simple-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background-color:#f8f9fa}.tettle-cantaloupe-simple-popup-header h3{margin:0;font-size:18px;font-weight:600;color:#2d3748}.tettle-dragonfruit-simple-popup-close{background:none;border:none;cursor:pointer;color:#718096;padding:4px;border-radius:4px;transition:all .2s}.tettle-dragonfruit-simple-popup-close:hover{background-color:#e2e8f0;color:#2d3748}.tettle-elderflower-simple-popup-content{padding:24px;max-height:300px;overflow-y:auto}.tettle-feijoa-simple-fields-container{display:flex;flex-direction:column;gap:12px}.tettle-grapefruit-simple-field-row{display:flex;gap:8px;align-items:center}.tettle-huckleberry-simple-field-input{flex:1;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;transition:border-color .2s}.tettle-huckleberry-simple-field-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.tettle-indianfig-simple-remove-btn{background-color:#fed7d7;color:#e53e3e;border:1px solid #e53e3e;border-radius:4px;padding:6px;cursor:pointer;transition:all .2s}.tettle-indianfig-simple-remove-btn:hover{background-color:#fbb6ce}.tettle-jabuticaba-simple-add-field-btn{display:flex;align-items:center;justify-content:center;gap:6px;background-color:#f7fafc;border:2px dashed #cbd5e0;border-radius:6px;padding:12px;cursor:pointer;font-size:14px;color:#4a5568;transition:all .2s;margin-top:8px}.tettle-jabuticaba-simple-add-field-btn:hover{background-color:#edf2f7;border-color:#a0aec0}.tettle-kumquat-simple-popup-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0;background-color:#f8f9fa}.tettle-longan-simple-cancel-btn,.tettle-mulberry-simple-save-btn{padding:8px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.tettle-longan-simple-cancel-btn{background-color:#e2e8f0;color:#4a5568}.tettle-longan-simple-cancel-btn:hover{background-color:#cbd5e0}.tettle-mulberry-simple-save-btn{background-color:#38a169;color:#fff}.tettle-mulberry-simple-save-btn:hover{background-color:#2f855a}.tettle-horseradish-delete-confirm-popup{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:400px;width:90%;overflow:hidden}.tettle-juniper-delete-confirm-header{padding:24px 24px 16px;text-align:center}.tettle-juniper-delete-confirm-header h3{font-size:20px;font-weight:600;color:#e53e3e;margin:0 0 8px}.tettle-juniper-delete-confirm-header p{font-size:14px;color:#718096;margin:0}.tettle-kale-delete-confirm-actions{display:flex;gap:12px;padding:16px 24px 24px}.tettle-lavender-cancel-delete-btn,.tettle-mint-confirm-delete-btn{flex:1;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.tettle-lavender-cancel-delete-btn{background-color:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.tettle-lavender-cancel-delete-btn:hover{background-color:#edf2f7}.tettle-mint-confirm-delete-btn{background-color:#e53e3e;color:#fff}.tettle-mint-confirm-delete-btn:hover{background-color:#c53030}.tettle-strawberry-toast-notification{position:fixed;top:20px;right:20px;z-index:1000;animation:tettle-mango-slide-in .3s ease-out}.tettle-blueberry-toast-content{background-color:#38a169;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:500}@keyframes tettle-mango-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.tettle-acai-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}@media (max-width: 1024px){.tettle-watermelon-fields-panel{width:280px}.tettle-nectarine-zone-row{flex-direction:column}}@media (max-width: 768px){.tettle-banana-main-wrapper{flex-direction:column}.tettle-watermelon-fields-panel{width:100%;height:auto;max-height:50vh;order:2}.tettle-grape-content-area{order:1}.tettle-kiwi-header-section{flex-direction:column;gap:16px;align-items:stretch}.tettle-lime-action-group{justify-content:center}.tettle-almond-filter-inputs-grid{grid-template-columns:1fr}.tettle-rosemary-results-header{flex-direction:column;gap:16px}.tettle-tarragon-results-search{width:100%}}.tettle-cranberry-fields-list::-webkit-scrollbar,.tettle-apricot-panel-content::-webkit-scrollbar,.tettle-dill-table-section::-webkit-scrollbar,.tettle-parsley-results-view::-webkit-scrollbar,.tettle-dill-saved-table-container::-webkit-scrollbar,.tettle-elderflower-simple-popup-content::-webkit-scrollbar{width:6px;height:6px}.tettle-cranberry-fields-list::-webkit-scrollbar-track,.tettle-apricot-panel-content::-webkit-scrollbar-track,.tettle-dill-table-section::-webkit-scrollbar-track,.tettle-parsley-results-view::-webkit-scrollbar-track,.tettle-dill-saved-table-container::-webkit-scrollbar-track,.tettle-elderflower-simple-popup-content::-webkit-scrollbar-track{background:#f1f1f1}.tettle-cranberry-fields-list::-webkit-scrollbar-thumb,.tettle-apricot-panel-content::-webkit-scrollbar-thumb,.tettle-dill-table-section::-webkit-scrollbar-thumb,.tettle-parsley-results-view::-webkit-scrollbar-thumb,.tettle-dill-saved-table-container::-webkit-scrollbar-thumb,.tettle-elderflower-simple-popup-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.tettle-cranberry-fields-list::-webkit-scrollbar-thumb:hover,.tettle-apricot-panel-content::-webkit-scrollbar-thumb:hover,.tettle-dill-table-section::-webkit-scrollbar-thumb:hover,.tettle-parsley-results-view::-webkit-scrollbar-thumb:hover,.tettle-dill-saved-table-container::-webkit-scrollbar-thumb:hover,.tettle-elderflower-simple-popup-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.vp-wrapper-container{min-height:100vh;background:#f8f9fa;padding:20px}.vp-wrapper-header{text-align:center;margin-bottom:40px}.vp-wrapper-title{font-size:2rem;color:#2c3e50}.vp-crud-buttons{display:flex;justify-content:center;gap:20px;margin-top:30px;flex-wrap:wrap}.vp-crud-btn{padding:14px 28px;background:#0a152f;color:#fff;border:none;border-radius:8px;font-size:1rem;display:flex;align-items:center;gap:10px;cursor:pointer}.vp-back-btn{position:absolute;top:20px;left:20px;background:#0009;color:#fff;border:none;padding:10px;border-radius:50%;cursor:pointer;z-index:10}.vp-section-indicator{text-align:center;margin:20px 0;font-size:1.5rem;color:#2c3e50;display:flex;align-items:center;justify-content:center;gap:10px}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}