@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Roboto+Slab:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);.navheadingmain{color:#005822;font-size:2rem;font-weight:bolder;line-height:1.2;margin-top:35px;text-align:center}@media (min-width:1200px){.navheadingmain{font-size:2rem}}@media (max-width:1199px) and (min-width:768px){.navheadingmain{font-size:2.5rem}}@media (max-width:767px){.navheadingmain{font-size:1.8rem}}@media (max-width:480px){.navheadingmain{font-size:.93rem;margin-right:37px}}.navlogokanak{height:auto;max-width:100%;object-fit:contain;width:147px}@media (min-width:1200px){.navlogokanak{height:66px;width:80px}}@media (max-width:1199px) and (min-width:768px){.navlogokanak{width:140px}}@media (max-width:767px){.navlogokanak{width:120px}}@media (max-width:480px){.navlogokanak{width:100px}}:root{--admin-color-background-input:#f8f9fa;--admin-color-border:#dee2e6;--admin-color-danger:#dc3545;--admin-font-main:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--admin-spacing-md:16px;--admin-spacing-lg:24px;--admin-spacing-xl:32px;--admin-spacing-xxl:48px;--admin-border-radius-medium:8px;--admin-border-radius-large:12px;--admin-border-radius-xlarge:16px;--admin-primary-gradient:linear-gradient(135deg,#f49400,#f49400 30%,#005822)}@keyframes adminFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes adminPulse{0%{box-shadow:0 0 0 0 #6a1bcb4d}70%{box-shadow:0 0 0 10px #6a1bcb00}to{box-shadow:0 0 0 0 #6a1bcb00}}@keyframes adminDecorativeShapeAnim{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.admin-login-page-wrapper{align-items:center;background:url(/static/media/backgoundkanak.94468ccd8ea2e5a8c08f.png);background-size:cover;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--admin-font-main);justify-content:center;min-height:100vh;overflow:hidden;padding:24px;padding:var(--admin-spacing-lg);position:relative}@media (max-width:540px){.admin-login-page-wrapper{background:url(/static/media/mobiles.6b6531b4f9a3bb3eb20e.png);background-size:cover}}.admin-login-page-wrapper:after,.admin-login-page-wrapper:before{animation:adminDecorativeShapeAnim 20s ease-in-out infinite;background:#fff;background:var(--admin-color-surface);border-radius:50%;content:"";opacity:.07;position:absolute;z-index:0}.admin-login-page-wrapper:before{animation-delay:0s;height:300px;left:10%;top:10%;width:300px}.admin-login-page-wrapper:after{animation-delay:-10s;bottom:15%;height:200px;right:15%;width:200px}.admin-login-card{animation:adminFadeIn .7s ease-out forwards;background-color:#fff;background-color:var(--admin-color-surface);border-radius:16px;border-radius:var(--admin-border-radius-xlarge);box-shadow:0 20px 50px -10px #0003;max-width:450px;padding:48px;padding:var(--admin-spacing-xxl);position:relative;text-align:center;width:100%;z-index:1}@media (max-width:640px){.admin-login-card{padding:32px;padding:var(--admin-spacing-xl)}}.admin-logo-container{align-items:center;display:flex;flex-direction:column;margin-bottom:32px;margin-bottom:var(--admin-spacing-xl)}.admin-logo-image{height:160px;margin-bottom:8px;margin-bottom:var(--admin-spacing-sm)}.admin-app-name{color:#212529;color:var(--admin-color-text-primary);font-size:1.8rem;font-weight:700;margin:0}.admin-welcome-message{color:#6c757d;color:var(--admin-color-text-muted);font-size:1rem}.admin-form-group,.admin-welcome-message{margin-bottom:24px;margin-bottom:var(--admin-spacing-lg)}.admin-form-group{position:relative}.admin-input-wrapper{align-items:center;display:flex;margin-bottom:15px;position:relative}.admin-input-icon{color:#6c757d;color:var(--admin-color-text-muted);font-size:1.2rem;left:16px;left:var(--admin-spacing-md);pointer-events:none;position:absolute}.admin-styled-input{background-color:#f8f9fa;background-color:var(--admin-color-background-input);border:1px solid #dee2e6;border:1px solid var(--admin-color-border);border-radius:8px;border-radius:var(--admin-border-radius-medium);color:#212529;color:var(--admin-color-text-primary);font-size:1rem;padding:16px;padding:var(--admin-spacing-md);padding-left:calc(32px + 1.2rem);padding-left:calc(var(--admin-spacing-md)*2 + 1.2rem);transition:all .25s ease-out;width:100%}.admin-styled-input:focus{background-color:#fff;background-color:var(--admin-color-surface);border-color:#6a11cb;border-color:var(--admin-color-primary);box-shadow:0 0 0 3px #6a1bcb33;outline:none}.admin-password-toggle,.admin-styled-input::placeholder{color:#6c757d;color:var(--admin-color-text-muted)}.admin-password-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:4px;padding:var(--admin-spacing-xs);position:absolute;right:16px;right:var(--admin-spacing-md)}.admin-password-toggle:hover{color:#6a11cb;color:var(--admin-color-primary)}.admin-login-button{align-items:center;background:linear-gradient(135deg,#f49400,#f49400 30%,#005822);background:var(--admin-primary-gradient);border:none;border-radius:8px;border-radius:var(--admin-border-radius-medium);box-shadow:0 6px 20px -5px #6a1bcb80;color:#fff;color:var(--admin-color-surface);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;gap:var(--admin-spacing-sm);justify-content:center;padding:16px;padding:var(--admin-spacing-md);transition:all .3s cubic-bezier(.25,.8,.25,1);width:100%}.admin-login-button:hover{box-shadow:0 10px 25px -8px #6a1bcbb3;transform:translateY(-3px)}.admin-login-button:active{box-shadow:0 4px 15px -5px #6a1bcb99;transform:translateY(-1px)}.admin-forgot-password-link{color:#6c757d;color:var(--admin-color-text-muted);display:block;font-size:.9rem;margin-top:24px;margin-top:var(--admin-spacing-lg);text-decoration:none}.admin-forgot-password-link:hover{color:#6a11cb;color:var(--admin-color-primary);text-decoration:underline}.admin-error-message{background-color:#dc35451a;border:1px solid #dc354533;border-radius:8px;border-radius:var(--admin-border-radius-medium);color:#dc3545;color:var(--admin-color-danger);font-size:.9rem;margin-bottom:24px;margin-bottom:var(--admin-spacing-lg);padding:8px;padding:var(--admin-spacing-sm);text-align:left}@keyframes employeeFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes employeeDecorativeShapeAnim{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}.employee-login-page-wrapper{align-items:center;background:url(/static/media/backgoundkanak.94468ccd8ea2e5a8c08f.png);background-size:cover;display:flex;font-family:var(--admin-font-main);justify-content:center;min-height:100vh;overflow:hidden;padding:var(--admin-spacing-lg);position:relative}@media (max-width:540px){.employee-login-page-wrapper{background:url(/static/media/mobiles.6b6531b4f9a3bb3eb20e.png);background-size:cover}}.employee-login-page-wrapper:after,.employee-login-page-wrapper:before{animation:employeeDecorativeShapeAnim 25s ease-in-out infinite;background:var(--admin-color-surface);border-radius:50%;content:"";opacity:.06;position:absolute;z-index:0}.employee-login-page-wrapper:before{animation-delay:-5s;height:250px;right:5%;top:5%;width:250px}.employee-login-page-wrapper:after{animation-delay:-15s;bottom:10%;height:350px;left:10%;width:350px}.employee-login-card{animation:employeeFadeIn .8s ease-out forwards;background-color:var(--admin-color-surface);border-radius:var(--admin-border-radius-large);box-shadow:0 15px 40px -15px #00000026;max-width:480px;padding:var(--admin-spacing-xl) var(--admin-spacing-xxl);position:relative;text-align:left;width:100%;z-index:1}@media (max-width:640px){.employee-login-card{padding:var(--admin-spacing-lg) var(--admin-spacing-xl)}}.employee-header-section{align-items:center;display:flex;gap:var(--admin-spacing-md);margin-bottom:var(--admin-spacing-lg)}.employee-logo-image{height:50px}.employee-portal-title{color:var(--admin-color-text-primary);font-size:2rem;font-weight:700;margin:0}.employee-welcome-message{color:var(--admin-color-text-muted);font-size:.95rem;margin-bottom:var(--admin-spacing-xl);text-align:left}.employee-form-group{margin-bottom:var(--admin-spacing-lg);position:relative}.employee-input-label{color:var(--admin-color-text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:var(--admin-spacing-xs);text-align:left}.employee-input-wrapper{align-items:center;display:flex;position:relative}.employee-input-icon{color:var(--admin-color-text-muted);font-size:1.1rem;left:var(--admin-spacing-md);pointer-events:none;position:absolute}.employee-styled-input{background-color:var(--admin-color-background-input);border:1px solid var(--admin-color-border);border-radius:var(--admin-border-radius-medium);color:var(--admin-color-text-primary);font-size:1rem;padding:var(--admin-spacing-md);padding-left:calc(var(--admin-spacing-md)*2 + 1.1rem);transition:all .25s ease-out;width:100%}.employee-styled-input:focus{background-color:var(--admin-color-surface);border-color:var(--admin-color-secondary);box-shadow:0 0 0 3px #2575fc33;outline:none}.employee-password-toggle,.employee-styled-input::placeholder{color:var(--admin-color-text-muted)}.employee-password-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:var(--admin-spacing-xs);position:absolute;right:var(--admin-spacing-md)}.employee-password-toggle:hover{color:var(--admin-color-secondary)}.employee-login-button{align-items:center;background-color:var(--admin-color-secondary);border:none;border-radius:var(--admin-border-radius-medium);box-shadow:0 6px 20px -5px #2575fc66;color:var(--admin-color-surface);cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:var(--admin-spacing-sm);justify-content:center;margin-top:var(--admin-spacing-sm);padding:var(--admin-spacing-md);transition:all .3s cubic-bezier(.25,.8,.25,1);width:100%}.employee-login-button:hover{background-color:#1c7ed6;box-shadow:0 8px 25px -8px #2575fc99;transform:translateY(-2px)}.employee-login-button:active{box-shadow:0 4px 15px -5px #2575fc80;transform:translateY(0)}.employee-forgot-password-link{color:var(--admin-color-text-muted);display:block;font-size:.85rem;margin-top:var(--admin-spacing-lg);text-align:center;text-decoration:none}.employee-forgot-password-link:hover{color:var(--admin-color-secondary);text-decoration:underline}.employee-error-message{background-color:#dc354514;border:1px solid #dc354526;border-radius:var(--admin-border-radius-medium);color:var(--admin-color-danger);font-size:.9rem;margin-bottom:var(--admin-spacing-md);padding:var(--admin-spacing-sm) var(--admin-spacing-md);text-align:left}:root{--dealer-color-accent:#ff6b6b;--dealer-color-accent-dark:#e74c3c}@keyframes dealerFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dealerDecorativeShapeAnim{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(45deg) scale(1.15)}}.dealer-login-page-wrapper{align-items:center;background:url(/static/media/backgoundkanak.94468ccd8ea2e5a8c08f.png);background-size:cover;display:flex;font-family:var(--admin-font-main);justify-content:center;min-height:100vh;overflow:hidden;padding:var(--admin-spacing-lg);position:relative}@media (max-width:540px){.dealer-login-page-wrapper{background:url(/static/media/mobiles.6b6531b4f9a3bb3eb20e.png);background-size:cover}}.dealer-login-page-wrapper:after,.dealer-login-page-wrapper:before{animation:dealerDecorativeShapeAnim 22s linear infinite;background:#ff6b6b;background:var(--dealer-color-accent);content:"";opacity:.05;position:absolute;z-index:0}.dealer-login-page-wrapper:before{animation-delay:-3s;border-radius:20px;height:300px;left:5%;top:20%;transform-origin:top left;width:150px}.dealer-login-page-wrapper:after{animation-delay:-12s;border-radius:30px;bottom:10%;height:180px;right:8%;transform-origin:bottom right;width:250px}.dealer-login-card{animation:dealerFadeIn .7s ease-out forwards;background-color:var(--admin-color-surface);border-radius:var(--admin-border-radius-medium);box-shadow:0 10px 30px -10px #00000040;max-width:420px;padding:var(--admin-spacing-xl);position:relative;text-align:center;width:100%;z-index:1}@media (max-width:640px){.dealer-login-card{padding:var(--admin-spacing-lg)}}.dealer-logo-container{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--admin-spacing-md)}.dealer-logo-image{height:55px;margin-bottom:var(--admin-spacing-xs)}.dealer-portal-title{color:var(--admin-color-text-primary);font-size:1.7rem;font-weight:600;margin:0 0 var(--admin-spacing-xs) 0}.dealer-welcome-message{color:var(--admin-color-text-muted);font-size:.95rem;line-height:1.6;margin-bottom:var(--admin-spacing-lg)}.dealer-form-group{margin-bottom:var(--admin-spacing-md);position:relative;text-align:left}.dealer-input-wrapper{align-items:center;display:flex;position:relative}.dealer-input-icon{color:var(--admin-color-text-muted);font-size:1.15rem;left:var(--admin-spacing-md);pointer-events:none;position:absolute}.dealer-styled-input{background-color:var(--admin-color-background-input);border:1px solid var(--admin-color-border);border-radius:var(--admin-border-radius-medium);color:var(--admin-color-text-primary);font-size:.95rem;padding:var(--admin-spacing-md);padding-left:calc(var(--admin-spacing-md)*2 + 1.15rem);transition:all .25s ease-out;width:100%}.dealer-styled-input:focus{background-color:var(--admin-color-surface);border-color:#ff6b6b;border-color:var(--dealer-color-accent);box-shadow:0 0 0 3px #ff6b6b33;box-shadow:0 0 0 3px var(--dealer-color-accent)33;outline:none}.dealer-password-toggle,.dealer-styled-input::placeholder{color:var(--admin-color-text-muted)}.dealer-password-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:var(--admin-spacing-xs);position:absolute;right:var(--admin-spacing-md)}.dealer-password-toggle:hover{color:#ff6b6b;color:var(--dealer-color-accent)}.dealer-login-button{align-items:center;background-color:#ff6b6b;background-color:var(--dealer-color-accent);border:none;border-radius:var(--admin-border-radius-medium);box-shadow:0 5px 15px -5px #ff6b6b80;box-shadow:0 5px 15px -5px var(--dealer-color-accent)80;color:var(--admin-color-surface);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--admin-spacing-sm);justify-content:center;letter-spacing:.5px;margin-top:var(--admin-spacing-sm);padding:var(--admin-spacing-md);text-transform:uppercase;transition:all .3s cubic-bezier(.25,.8,.25,1);width:100%}.dealer-login-button:hover{background-color:#e74c3c;background-color:var(--dealer-color-accent-dark);box-shadow:0 7px 20px -7px #ff6b6b99;box-shadow:0 7px 20px -7px var(--dealer-color-accent)99;transform:translateY(-2px)}.dealer-login-button:active{box-shadow:0 3px 10px -4px #ff6b6b73;box-shadow:0 3px 10px -4px var(--dealer-color-accent)73;transform:translateY(0)}.dealer-footer-links{align-items:center;display:flex;font-size:.85rem;justify-content:space-between;margin-top:var(--admin-spacing-xl)}.dealer-register-link,.dealer-support-link{color:var(--admin-color-text-muted);padding:var(--admin-spacing-xs);text-decoration:none}.dealer-register-link:hover,.dealer-support-link:hover{color:#ff6b6b;color:var(--dealer-color-accent);text-decoration:underline}.dealer-error-message{background-color:#dc354514;border:1px solid #dc354526;border-radius:var(--admin-border-radius-medium);color:var(--admin-color-danger);font-size:.9rem;margin-bottom:var(--admin-spacing-md);padding:var(--admin-spacing-sm) var(--admin-spacing-md);text-align:left}:root{--admin-color-primary-light:#ede7f6;--admin-color-primary-dark:#3c1053;--admin-color-text-on-primary:#fff;--admin-primary-gradient:linear-gradient(135deg,var(--admin-color-primary) 0%,var(--admin-color-secondary) 100%)}.ap-page-wrapper{background-color:#f8f9fa;background-color:var(--admin-color-background);color:#212529;color:var(--admin-color-text-primary);display:flex;font-family:Inter,sans-serif;font-family:var(--admin-font-main);min-height:auto}.ap-main-content{flex-grow:1;margin:0 auto;max-width:1800px;overflow-y:auto;padding:18px;padding:var(--admin-spacing-lg)}.ap-main-header{margin-bottom:18px;margin-bottom:var(--admin-spacing-lg)}.ap-main-title{align-items:center;color:#212529;color:var(--admin-color-text-primary);display:flex;font-size:1.8rem;font-weight:700;gap:8px;gap:var(--admin-spacing-sm);margin-bottom:4px;margin-bottom:var(--admin-spacing-xs)}.ap-main-title svg{color:#6a11cb;color:var(--admin-color-primary)}.ap-main-subtitle{color:#6c757d;color:var(--admin-color-text-muted);font-size:.95rem}.ap-form{display:flex;flex-direction:column}.ap-form-section-wrapper,.ap-party-type-outer-wrapper{background-color:#fff;background-color:var(--admin-color-surface);border:1px solid #e5e7eb;border:1px solid var(--admin-color-light-border);border-radius:10px;border-radius:var(--admin-border-radius-large);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;box-shadow:var(--admin-shadow-md);margin-bottom:12px;margin-bottom:var(--admin-spacing-md);transition:box-shadow .3s ease,border-color .3s ease}.ap-form-section-wrapper:focus-within,.ap-party-type-outer-wrapper:focus-within{border-color:#6a11cb66;border-color:var(--admin-color-primary)66;box-shadow:0 0 0 2px #6a11cb44,0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;box-shadow:0 0 0 2px var(--admin-color-primary)44,var(--admin-shadow-md)}.ap-party-type-outer-wrapper .ap-party-type-header{background-color:#fdfcfe;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--admin-color-light-border);border-top-left-radius:10px;border-top-left-radius:var(--admin-border-radius-large);border-top-right-radius:10px;border-top-right-radius:var(--admin-border-radius-large);padding:12px 18px;padding:var(--admin-spacing-md) var(--admin-spacing-lg)}.ap-party-type-outer-wrapper .ap-party-type-header .ap-section-heading{color:#3c1053;color:var(--admin-color-primary-dark);font-size:1.1rem;font-weight:600;margin:0}.ap-party-type-content{padding:12px 18px;padding:var(--admin-spacing-md) var(--admin-spacing-lg)}.ap-party-type-selector{display:flex;gap:12px;gap:var(--admin-spacing-md);width:27%}.ap-party-type-btn{align-items:center;background-color:#fff;background-color:var(--admin-color-surface);border:1px solid #d1d5db;border:1px solid var(--admin-color-border);border-radius:6px;border-radius:var(--admin-border-radius-medium);color:#495057;color:var(--admin-color-text-secondary);cursor:pointer;display:inline-flex;flex-grow:1;font-size:.9rem;font-weight:500;gap:8px;gap:var(--admin-spacing-sm);justify-content:center;padding:8px 12px;padding:var(--admin-spacing-sm) var(--admin-spacing-md);transition:all .2s ease-out}.ap-party-type-btn svg{font-size:1.1em}.ap-party-type-btn:hover{background-color:#ede7f6;background-color:var(--admin-color-primary-light);color:#6a11cb;color:var(--admin-color-primary)}.ap-party-type-btn.active,.ap-party-type-btn:hover{border-color:#6a11cb;border-color:var(--admin-color-primary)}.ap-party-type-btn.active{background-color:#6a11cb;background-color:var(--admin-color-primary);box-shadow:0 2px 5px #6a11cb33;box-shadow:0 2px 5px var(--admin-color-primary)33;color:#fff;color:var(--admin-color-text-on-primary)}button.ap-section-header{align-items:center;background-color:#fff;background-color:var(--admin-color-surface);border:none;border-radius:10px;border-radius:var(--admin-border-radius-large);cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:12px 18px;padding:var(--admin-spacing-md) var(--admin-spacing-lg);position:relative;text-align:left;transition:background-color .2s ease,border-bottom-color .2s ease,color .2s ease;width:100%}.ap-form-section-wrapper:not(.open)>button.ap-section-header{border-bottom:1px solid #0000}.ap-form-section-wrapper:not(.open)>button.ap-section-header:hover{background-color:#f9fafb}.ap-form-section-wrapper.open>button.ap-section-header{background-image:linear-gradient(90deg,#ede7f6,#fff);background-image:linear-gradient(to right,var(--admin-color-primary-light),var(--admin-color-surface));border-bottom:1px solid #6a11cb33;border-bottom:1px solid var(--admin-color-primary)33;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#3c1053;color:var(--admin-color-primary-dark)}.ap-form-section-wrapper.open>button.ap-section-header .ap-section-heading{font-weight:700}button.ap-section-header:focus-visible{outline:2px solid #6a11cb;outline:2px solid var(--admin-color-primary);outline-offset:2px}.ap-section-header .ap-section-heading{color:inherit;font-size:1.05rem;font-weight:600;margin:0;transition:font-weight .2s ease}.ap-section-icons{align-items:center;display:flex;font-size:1.35rem;gap:8px;gap:var(--admin-spacing-sm)}.ap-section-icons .ap-completed-icon{color:#10b981;color:var(--admin-color-success);font-size:1.2rem}.ap-section-icons>svg:not(.ap-completed-icon){color:#6c757d;color:var(--admin-color-text-muted);transition:transform .3s ease-in-out}.ap-form-section-wrapper.open>button.ap-section-header .ap-section-icons>svg:not(.ap-completed-icon){color:#6a11cb;color:var(--admin-color-primary)}.ap-section-content{animation:ap-fadeInContent .35s ease-out forwards;background-color:#fff;background-color:var(--admin-color-surface);border-bottom-left-radius:10px;border-bottom-left-radius:var(--admin-border-radius-large);border-bottom-right-radius:10px;border-bottom-right-radius:var(--admin-border-radius-large);border-top:none;padding:12px 18px;padding:var(--admin-spacing-md) var(--admin-spacing-lg)}@keyframes ap-fadeInContent{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ap-form-grid{grid-gap:12px;grid-gap:var(--admin-spacing-md);display:grid;gap:12px;gap:var(--admin-spacing-md)}.ap-form-grid.two-columns{grid-template-columns:repeat(2,1fr)}.ap-form-group{display:flex;flex-direction:column;gap:4px;gap:var(--admin-spacing-xs)}.ap-label{color:#495057;color:var(--admin-color-text-secondary);font-size:.85rem;font-weight:500}.ap-label .ap-required{color:#ef4444;color:var(--admin-color-danger);margin-left:2px}.ap-input,.ap-select,.ap-textarea{background-color:#fff;background-color:var(--admin-color-surface);border:1px solid #d1d5db;border:1px solid var(--admin-color-border);border-radius:6px;border-radius:var(--admin-border-radius-medium);box-sizing:border-box;color:#212529;color:var(--admin-color-text-primary);font-size:.95rem;padding:8px 12px;padding:var(--admin-spacing-sm) var(--admin-spacing-md);transition:border-color .2s ease-out,box-shadow .2s ease-out;width:100%}.ap-input:focus,.ap-select:focus,.ap-textarea:focus{border-color:#6a11cb;border-color:var(--admin-color-primary);box-shadow:0 0 0 2.5px #6a11cb55;box-shadow:0 0 0 2.5px var(--admin-color-primary)55;outline:none}.ap-input::placeholder,.ap-textarea::placeholder{color:#6c757d;color:var(--admin-color-text-muted);opacity:.8}.ap-input:disabled,.ap-select:disabled,.ap-textarea:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.ap-textarea{min-height:90px;resize:vertical}.ap-select-wrapper{position:relative}.ap-select-wrapper .ap-select-icon{color:#6c757d;color:var(--admin-color-text-muted);font-size:1.1rem;left:12px;left:var(--admin-spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ap-select-wrapper .ap-select{padding-left:32px;padding-left:calc(var(--admin-spacing-md) + var(--admin-spacing-md) + var(--admin-spacing-sm))}.ap-checkbox-group{align-items:center;display:flex;margin-top:4px;margin-top:var(--admin-spacing-xs)}.ap-checkbox-btn{align-items:center;background:none;border:none;color:#6c757d;color:var(--admin-color-text-muted);cursor:pointer;display:flex;font-size:1.4rem;margin-right:8px;margin-right:var(--admin-spacing-sm);padding:0;transition:color .2s ease}.ap-checkbox-btn .checked-icon,.ap-checkbox-group:hover .ap-checkbox-btn .unchecked-icon{color:#6a11cb;color:var(--admin-color-primary)}.ap-checkbox-label{color:#495057;color:var(--admin-color-text-secondary);cursor:pointer;font-size:.85rem}.ap-form-actions{align-items:end;background-color:#fff;background-color:var(--admin-color-surface);border-radius:10px;border-radius:var(--admin-border-radius-large);border-top:1px solid #e5e7eb;border-top:1px solid var(--admin-color-light-border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--admin-shadow-sm);display:flex;flex-direction:column;gap:12px;gap:var(--admin-spacing-md);margin-top:18px;margin-top:var(--admin-spacing-lg);padding:12px;padding:var(--admin-spacing-md)}.ap-submit-button{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);background:var(--admin-primary-gradient);border:none;border-radius:6px;border-radius:var(--admin-border-radius-medium);box-shadow:0 3px 10px -2px #6a11cb4d;box-shadow:0 3px 10px -2px var(--admin-color-primary)4D;color:#fff;color:var(--admin-color-text-on-primary);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;gap:var(--admin-spacing-sm);justify-content:center;padding:12px 18px;padding:var(--admin-spacing-md) var(--admin-spacing-lg);transition:all .25s ease-out;width:15%}.ap-submit-button:hover:not(:disabled){box-shadow:0 5px 15px -3px #6a11cb55;box-shadow:0 5px 15px -3px var(--admin-color-primary)55;transform:translateY(-2px) scale(1.01)}.ap-submit-button:disabled{cursor:not-allowed;opacity:.6}.ap-submit-button svg{font-size:1.2em}.ap-error-message,.ap-success-message{border-radius:6px;border-radius:var(--admin-border-radius-medium);box-sizing:border-box;font-size:.9rem;font-weight:500;padding:8px 12px;padding:var(--admin-spacing-sm) var(--admin-spacing-md);width:100%}.ap-success-message{background-color:#10b9811a;background-color:var(--admin-color-success)1A;border-left:3px solid #10b981;border-left:3px solid var(--admin-color-success);color:#10b981;color:var(--admin-color-success)}.ap-error-message{background-color:#ef44441a;background-color:var(--admin-color-danger)1A;border-left:3px solid #ef4444;border-left:3px solid var(--admin-color-danger);color:#ef4444;color:var(--admin-color-danger)}@media (max-width:768px){.ap-main-content{padding:12px;padding:var(--admin-spacing-md)}.ap-main-title{font-size:1.5rem}.ap-main-subtitle{font-size:.9rem}.ap-form-grid.two-columns{grid-template-columns:1fr}button.ap-section-header{padding:8px 12px;padding:var(--admin-spacing-sm) var(--admin-spacing-md)}.ap-section-header .ap-section-heading{font-size:1rem}.ap-section-content{padding:12px;padding:var(--admin-spacing-md)}.ap-party-type-selector{flex-direction:column;gap:8px;gap:var(--admin-spacing-sm)}.ap-party-type-btn{width:100%}.ap-form-section-wrapper,.ap-party-type-outer-wrapper{margin-bottom:8px;margin-bottom:var(--admin-spacing-sm)}}@media (max-width:480px){.ap-main-title{font-size:1.3rem}.ap-input,.ap-party-type-btn,.ap-select,.ap-submit-button,.ap-textarea{font-size:.9rem}.ap-checkbox-label,.ap-label{font-size:.8rem}.ap-section-header .ap-section-heading{font-size:.95rem}.ap-section-icons{font-size:1.2rem}.ap-main-content{padding:8px;padding:var(--admin-spacing-sm)}}.vp-page-wrapper{background-color:#f4f6f9;background-color:var(--admin-color-background,#f4f6f9);box-sizing:border-box;font-family:sans-serif;font-family:var(--admin-font-main,sans-serif);min-height:calc(100vh - 48px);min-height:calc(100vh - var(--admin-spacing-lg, 24px)*2);padding:24px;padding:var(--admin-spacing-lg,24px)}.vp-main-header{margin-bottom:32px;margin-bottom:var(--admin-spacing-xl,32px)}.vp-main-header,.vp-title-section{gap:16px;gap:var(--admin-spacing-md,16px)}.vp-title-section{flex-grow:1;min-width:250px}.vp-header-icon{color:#007bff;color:var(--admin-color-primary,#007bff)}.vp-main-title{color:#212529;color:var(--admin-color-text-primary,#212529);font-size:clamp(1.5rem,5vw,2rem)}.vp-header-actions{flex-wrap:wrap;gap:16px;gap:var(--admin-spacing-md,16px);justify-content:flex-end}.vp-action-button{background-color:#fff;background-color:var(--admin-color-surface,#fff);border:1px solid #dee2e6;border:1px solid var(--admin-color-border,#dee2e6);border-radius:.25rem;border-radius:var(--admin-border-radius-medium,.25rem);color:#495057;color:var(--admin-color-text-secondary,#495057);gap:4px;gap:var(--admin-spacing-xs,4px);padding:8px 24px;padding:var(--admin-spacing-sm,8px) var(--admin-spacing-lg,24px);white-space:nowrap}.vp-action-button:hover{border-color:#007bff;border-color:var(--admin-color-primary,#007bff);box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--admin-shadow-sm,0 .125rem .25rem rgba(0,0,0,.075));color:#007bff;color:var(--admin-color-primary,#007bff)}.vp-action-button.vp-primary-button{background:linear-gradient(45deg,#007bff,#0056b3);background:var(--admin-primary-gradient,linear-gradient(45deg,#007bff,#0056b3));box-shadow:0 4px 12px -2px #007bff66;box-shadow:0 4px 12px -2px var(--admin-color-primary,#007bff66);color:#fff;color:var(--admin-color-surface,#fff)}.vp-action-button.vp-primary-button:hover{box-shadow:0 6px 15px -3px #007bff8c;box-shadow:0 6px 15px -3px var(--admin-color-primary,#007bff8c)}.vp-controls-bar{background-color:#fff;background-color:var(--admin-color-surface,#fff);border-radius:.3rem;border-radius:var(--admin-border-radius-large,.3rem);box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--admin-shadow-sm,0 .125rem .25rem rgba(0,0,0,.075));flex-wrap:wrap;gap:24px;gap:var(--admin-spacing-lg,24px);margin-bottom:24px;margin-bottom:var(--admin-spacing-lg,24px);padding:16px;padding:var(--admin-spacing-md,16px)}.vp-search-wrapper{background-color:#f4f6f9;background-color:var(--admin-color-background,#f4f6f9);border:1px solid #e9ecef;border:1px solid var(--admin-color-light-border,#e9ecef);border-radius:.25rem;border-radius:var(--admin-border-radius-medium,.25rem);min-width:280px;padding-left:16px;padding-left:var(--admin-spacing-md,16px)}.vp-search-icon{color:#6c757d;color:var(--admin-color-text-muted,#6c757d);margin-right:8px;margin-right:var(--admin-spacing-sm,8px)}.vp-search-input{color:#212529;color:var(--admin-color-text-primary,#212529);padding:8px 0;padding:var(--admin-spacing-sm,8px) 0}.vp-search-input::placeholder{color:#6c757d;color:var(--admin-color-text-muted,#6c757d)}.vp-table-container-card{background-color:#fff;background-color:var(--admin-color-surface,#fff);border:1px solid #e9ecef;border:1px solid var(--admin-color-light-border,#e9ecef);border-radius:.3rem;border-radius:var(--admin-border-radius-large,.3rem);box-shadow:0 .5rem 1rem #00000026;box-shadow:var(--admin-shadow-md,0 .5rem 1rem #00000026)}.vp-table td,.vp-table th{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--admin-color-light-border,#e9ecef);padding:16px 24px;padding:var(--admin-spacing-md,16px) var(--admin-spacing-lg,24px);white-space:nowrap}.vp-table th{background-color:#f8f9fa;background-color:var(--admin-color-background,#f8f9fa);color:#495057;color:var(--admin-color-text-secondary,#495057)}.vp-table tbody tr{transition:background-color .15s ease-out}.vp-table tbody tr:hover{background-color:#007bff0d;background-color:var(--admin-color-primary-translucent,#007bff0d)}.vp-table td{color:#212529;color:var(--admin-color-text-primary,#212529)}.vp-table td[data-label="Party Name"],.vp-table td[data-label=Address]{min-width:150px;white-space:normal}.vp-party-name-cell{color:#212529;color:var(--admin-color-text-primary,#212529);font-weight:500}.vp-status-badge{align-items:center;border-radius:50px;border-radius:var(--admin-border-radius-xlarge,50px);display:inline-flex;font-size:.75rem;font-weight:600;line-height:1;padding:4px 8px;padding:var(--admin-spacing-xs,4px) var(--admin-spacing-sm,8px);text-transform:capitalize}.vp-status-active{background-color:#19875426;background-color:var(--admin-color-success-translucent,#19875426);color:#198754;color:var(--admin-color-success,#198754)}.vp-status-inactive{background-color:#dc354526;background-color:var(--admin-color-danger-translucent,#dc354526);color:#dc3545;color:var(--admin-color-danger,#dc3545)}.vp-status-onhold{background-color:#ffc10726;background-color:var(--admin-color-warning-translucent,#ffc10726);color:#ffc107;color:var(--admin-color-warning,#ffc107)}.vp-icon-button{color:#6c757d;color:var(--admin-color-text-muted,#6c757d);margin-left:4px;margin-left:var(--admin-spacing-xs,4px);padding:4px;padding:var(--admin-spacing-xs,4px)}.vp-icon-button:hover{background-color:#007bff1a;background-color:var(--admin-color-primary-translucent,#007bff1a)}.vp-edit-button:hover{color:#007bff;color:var(--admin-color-primary,#007bff)}.vp-delete-button:hover{background-color:var(--admin-color-danger-translucent,#dc35451a)}.vp-no-results-cell{color:#6c757d;color:var(--admin-color-text-muted,#6c757d);padding:48px 24px;padding:var(--admin-spacing-xxl,48px) var(--admin-spacing-lg,24px);white-space:normal}.vp-no-results-cell svg{margin:0 auto 8px;margin:0 auto var(--admin-spacing-sm,8px) auto}.vp-pagination-controls{border-top:1px solid #e9ecef;border-top:1px solid var(--admin-color-light-border,#e9ecef);flex-wrap:wrap;gap:16px;gap:var(--admin-spacing-md,16px);padding:16px 24px;padding:var(--admin-spacing-md,16px) var(--admin-spacing-lg,24px)}.vp-page-button,.vp-pagination-controls{color:#495057;color:var(--admin-color-text-secondary,#495057)}.vp-page-button{background-color:#fff;background-color:var(--admin-color-surface,#fff);border:1px solid #dee2e6;border:1px solid var(--admin-color-border,#dee2e6);border-radius:.25rem;border-radius:var(--admin-border-radius-medium,.25rem);gap:4px;gap:var(--admin-spacing-xs,4px);padding:4px 16px;padding:var(--admin-spacing-xs,4px) var(--admin-spacing-md,16px)}.vp-page-button:hover:not(:disabled){border-color:#007bff;border-color:var(--admin-color-primary,#007bff);color:#007bff;color:var(--admin-color-primary,#007bff)}.vp-error-state,.vp-loading-state{align-items:center;background-color:#fff;background-color:var(--admin-color-surface,#fff);border-radius:.3rem;border-radius:var(--admin-border-radius-large,.3rem);box-shadow:0 4px 6px #0000001a;box-shadow:var(--admin-shadow-md,0 4px 6px #0000001a);color:#6c757d;color:var(--admin-color-text-muted,#6c757d);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:32px;padding:var(--admin-spacing-xl,32px);text-align:center}.vp-loading-spinner{animation:vpSpin 1s linear infinite;color:#007bff;color:var(--admin-color-primary,#007bff)}.vp-error-icon,.vp-loading-spinner{font-size:3rem;margin-bottom:16px;margin-bottom:var(--admin-spacing-md,16px)}.vp-error-icon{color:#dc3545;color:var(--admin-color-danger,#dc3545)}@keyframes vpSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.vp-page-wrapper{padding:16px;padding:var(--admin-spacing-md,16px)}.vp-main-header{align-items:flex-start;flex-direction:column}.vp-header-actions{justify-content:flex-start;margin-top:16px;margin-top:var(--admin-spacing-md,16px);width:100%}.vp-action-button{flex-grow:1;justify-content:center;padding-left:16px;padding-left:var(--admin-spacing-md,16px);padding-right:16px;padding-right:var(--admin-spacing-md,16px)}.vp-action-button.vp-primary-button{order:-1}.vp-controls-bar{align-items:stretch;flex-direction:column}.vp-search-wrapper{max-width:100%;min-width:0;min-width:auto}.vp-table{min-width:800px}.vp-table td,.vp-table th{font-size:.85rem;padding:8px 16px;padding:var(--admin-spacing-sm,8px) var(--admin-spacing-md,16px)}.vp-table th{font-size:.75rem}.vp-pagination-controls{align-items:center;flex-direction:column;gap:8px;gap:var(--admin-spacing-sm,8px)}.vp-pagination-controls span{order:-1}}@media (max-width:480px){.vp-main-title{font-size:1.25rem}.vp-header-icon{font-size:2rem}.vp-action-button{font-size:.8rem;padding:8px 12px;padding:var(--admin-spacing-sm,8px) var(--admin-spacing-md,12px)}.vp-action-button svg{font-size:1em}.vp-table{min-width:700px}.vp-table td,.vp-table th{font-size:.75rem;padding:4px 8px;padding:var(--admin-spacing-xs,4px) var(--admin-spacing-sm,8px)}.vp-table th{font-size:.7rem}.vp-icon-button{font-size:1.1rem;padding:2px;padding:var(--admin-spacing-xs,2px)}.vp-page-button{justify-content:center;width:100%}.vp-pagination-controls span{margin-bottom:8px;margin-bottom:var(--admin-spacing-sm,8px)}}.vp-status-pending{color:orange;font-weight:700}.vp-status-approved{color:#28a745;font-weight:700}.vp-status-rejected{color:#dc3545;font-weight:700}.epm-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.epm-modal-content{animation:epm-modal-appear .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0003;max-height:90vh;max-width:700px;overflow-y:auto;padding:25px;width:100%}@keyframes epm-modal-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.epm-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.epm-modal-header h2{color:#333;font-size:1.6rem;margin:0}.epm-close-button{background:none;border:none;color:#888;cursor:pointer;font-size:1.8rem;line-height:1;padding:5px}.epm-close-button:hover{color:#333}.epm-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.epm-form-group{display:flex;flex-direction:column}.epm-form-group.epm-full-width{grid-column:1/-1}.epm-form-group label{color:#555;font-size:.9rem;font-weight:600;margin-bottom:8px}.epm-required{color:#d9534f;margin-left:2px}.epm-form-group input[type=email],.epm-form-group input[type=number],.epm-form-group input[type=tel],.epm-form-group input[type=text],.epm-form-group select,.epm-form-group textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:10px 12px;transition:border-color .2s;width:100%}.epm-form-group textarea{min-height:80px;resize:vertical}.epm-form-group input:focus,.epm-form-group select:focus,.epm-form-group textarea:focus{border-color:#007bff;outline:none}.epm-select-wrapper{align-items:center;display:flex;position:relative}.epm-select-icon{color:#888;font-size:1.1rem;left:12px;position:absolute}.epm-select-wrapper select{padding-left:35px}.epm-checkbox-group{align-items:center;display:flex;margin-top:8px}.epm-checkbox-btn{align-items:center;background:none;border:none;color:#007bff;cursor:pointer;display:flex;font-size:1.4rem;padding:0 8px 0 0}.epm-checkbox-group label{color:#333;cursor:pointer;font-weight:400;margin-bottom:0}.epm-modal-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;margin-top:25px;padding-top:20px}.epm-cancel-button,.epm-save-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:10px 20px;transition:background-color .2s}.epm-save-button{background-color:#28a745;color:#fff}.epm-save-button:hover{background-color:#218838}.epm-cancel-button{background-color:#6c757d;color:#fff}.epm-cancel-button:hover{background-color:#5a6268}.epm-validation-error{color:#d9534f;font-size:.8rem;margin-top:4px}.epm-validation-success{color:#28a745;font-size:.8rem;margin-top:4px}@media (max-width:600px){.epm-modal-content{margin:10px;padding:15px}.epm-modal-header h2{font-size:1.3rem}.epm-form-grid{grid-template-columns:1fr}}.modal-overlay{align-items:center;background-color:#000000a6;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:15px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modal-appear .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 5px 20px #00000059;display:flex;flex-direction:column;max-width:600px;padding:20px;position:relative;width:100%}@keyframes modal-appear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.modal-title{color:#343a40;font-size:1.3em;font-weight:600;margin:0}.modal-close-button{background:none;border:none;color:#adb5bd;cursor:pointer;font-size:1.7em;line-height:1;padding:0;transition:color .2s ease}.modal-close-button:hover{color:#495057}.modal-body{flex-grow:1;margin-right:-10px;max-height:calc(85vh - 120px);overflow-y:auto;padding-right:10px}.modal-form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}@media (min-width:500px){.modal-form-grid.two-columns{grid-template-columns:repeat(2,1fr)}}.modal-form-group{margin-bottom:1rem}.modal-label{color:#495057;display:block;font-size:.9em;font-weight:500;margin-bottom:.5rem}.modal-input,.modal-select,.modal-textarea{background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;box-sizing:border-box;font-size:.95em;padding:.65rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.modal-textarea{resize:vertical}.modal-actions{border-top:1px solid #e9ecef;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:15px}.modal-button{align-items:center;border:none;border-radius:.25rem;cursor:pointer;display:inline-flex;flex-grow:0;font-size:.9em;font-weight:500;gap:8px;justify-content:center;padding:.6rem 1.2rem;transition:background-color .2s ease,opacity .2s ease}.modal-button:disabled{cursor:not-allowed;opacity:.65}.modal-button-primary{background-color:#007bff;color:#fff}.modal-button-primary:hover:not(:disabled){background-color:#0056b3}.modal-button-secondary{background-color:#6c757d;color:#fff}.modal-button-secondary:hover:not(:disabled){background-color:#545b62}@media (max-width:420px){.modal-content{margin:10px 0;padding:15px}.modal-title{font-size:1.15em}.modal-body{max-height:calc(80vh - 100px)}.modal-actions{align-items:stretch;flex-direction:column-reverse}.modal-button{margin-bottom:8px;width:100%}.modal-button:last-child{margin-bottom:0}}@media (min-width:421px) and (max-width:576px){.modal-actions{justify-content:space-between}.modal-button{flex-grow:1;min-width:120px}}.notification{align-items:center;animation:notification-slide-in .3s ease-out;border-radius:5px;box-shadow:0 2px 10px #0000001a;display:flex;max-width:400px;min-width:250px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:1050}@keyframes notification-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-icon{align-items:center;display:flex;font-size:1.4em;margin-right:10px}.notification-message{flex-grow:1;font-size:.95em}.notification-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5em;margin-left:15px;opacity:.7}.notification-close:hover{opacity:1}.notification-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.notification-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.notification-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.notification-warning{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}:root{--admin-color-primary:#6a11cb;--admin-color-secondary:#2575fc;--admin-color-secondary-light:#e3f2fd;--admin-color-surface:#fff;--admin-color-background:#f8f9fa;--admin-color-text-primary:#212529;--admin-color-text-secondary:#495057;--admin-color-text-on-secondary:#fff;--admin-color-text-muted:#6c757d;--admin-color-border:#d1d5db;--admin-color-light-border:#e5e7eb;--admin-color-success:#10b981;--admin-color-danger:#ef4444;--admin-color-warning:#f39c12;--admin-font-main:"Inter",sans-serif;--admin-spacing-xs:4px;--admin-spacing-sm:8px;--admin-spacing-md:12px;--admin-spacing-lg:18px;--admin-spacing-xl:24px;--admin-border-radius-small:4px;--admin-border-radius-medium:6px;--admin-border-radius-large:10px;--admin-shadow-sm:0 1px 2px 0 #0000000d;--admin-shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;--admin-secondary-gradient:linear-gradient(135deg,var(--admin-color-secondary) 0%,#518ffd 100%)}.em-page-wrapper{background-color:#f8f9fa;background-color:var(--admin-color-background);color:#212529;color:var(--admin-color-text-primary);display:flex;font-family:Inter,sans-serif;font-family:var(--admin-font-main);min-height:auto}.em-main-content{flex-grow:1;margin:0 auto;max-width:1800px;overflow-y:auto;padding:18px;padding:var(--admin-spacing-lg)}.em-main-header{margin-bottom:18px;margin-bottom:var(--admin-spacing-lg)}.em-main-title{align-items:center;color:#212529;color:var(--admin-color-text-primary);display:flex;font-size:1.8rem;font-weight:700;gap:8px;gap:var(--admin-spacing-sm);margin-bottom:4px;margin-bottom:var(--admin-spacing-xs)}.em-main-title svg{color:#2575fc;color:var(--admin-color-secondary)}.em-main-subtitle{color:#6c757d;color:var(--admin-color-text-muted);font-size:.95rem}.em-form{display:flex;flex-direction:column}.em-global-message{align-items:center;border-radius:6px;border-radius:var(--admin-border-radius-medium);display:flex;font-weight:500;gap:8px;gap:var(--admin-spacing-sm);margin-bottom:18px;margin-bottom:var(--admin-spacing-lg);padding:12px;padding:var(--admin-spacing-md)}.em-global-message.em-error-message{background-color:#ef44441a;background-color:var(--admin-color-danger)1A;border-left:4px solid #ef4444;border-left:4px solid var(--admin-color-danger);color:#ef4444;color:var(--admin-color-danger)}.em-global-message.em-success-message{background-color:#10b9811a;background-color:var(--admin-color-success)1A;border-left:4px solid #10b981;border-left:4px solid var(--admin-color-success);color:#10b981;color:var(--admin-color-success)}.em-global-message svg{font-size:1.2em}.em-form-section-wrapper{background-color:#fff;background-color:var(--admin-color-surface);border:1px solid #e5e7eb;border:1px solid var(--admin-color-light-border);border-radius:10px;border-radius:var(--admin-border-radius-large);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;box-shadow:var(--admin-shadow-md);margin-bottom:12px;margin-bottom:var(--admin-spacing-md);transition:box-shadow .3s ease,border-color .3s ease}.em-form-section-wrapper:focus-within{border-color:#2575fc66;border-color:var(--admin-color-secondary)66;box-shadow:0 0 0 2px #2575fc44,0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;box-shadow:0 0 0 2px var(--admin-color-secondary)44,var(--admin-shadow-md)}button.em-section-header{align-items:center;background-color:#fff;background-color:var(--admin-color-surface);border:none;border-radius:10px;border-radius:var(--admin-border-radius-large);cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:12px 18px;padding:var(--admin-spacing-md) var(--admin-spacing-lg);text-align:left;transition:background-color .2s ease,border-bottom-color .2s ease,color .2s ease;width:100%}.em-form-section-wrapper:not(.open)>button.em-section-header:hover{background-color:#f9fafb}.em-form-section-wrapper.open>button.em-section-header{background-image:linear-gradient(90deg,#e3f2fd,#fff);background-image:linear-gradient(to right,var(--admin-color-secondary-light),var(--admin-color-surface));border-bottom:1px solid #2575fc33;border-bottom:1px solid var(--admin-color-secondary)33;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#2575fc;color:var(--admin-color-secondary)}.em-form-section-wrapper.open>button.em-section-header .em-section-heading-accordion{font-weight:700}button.em-section-header:focus-visible{outline:2px solid #2575fc;outline:2px solid var(--admin-color-secondary);outline-offset:2px}.em-section-heading-accordion{color:inherit;font-size:1.05rem;font-weight:600;margin:0;transition:font-weight .2s ease}.em-section-icons{align-items:center;display:flex;font-size:1.35rem;gap:8px;gap:var(--admin-spacing-sm)}.em-section-icons .em-completed-icon{color:#10b981;color:var(--admin-color-success);font-size:1.2rem}.em-section-icons>svg:not(.em-completed-icon){color:#6c757d;color:var(--admin-color-text-muted);transition:transform .3s ease-in-out}.em-form-section-wrapper.open>button.em-section-header .em-section-icons>svg:not(.em-completed-icon){color:#2575fc;color:var(--admin-color-secondary)}.em-section-content{animation:em-fadeInContent .35s ease-out forwards;background-color:#fff;background-color:var(--admin-color-surface);border-bottom-left-radius:10px;border-bottom-left-radius:var(--admin-border-radius-large);border-bottom-right-radius:10px;border-bottom-right-radius:var(--admin-border-radius-large);border-top:none;padding:12px 18px;padding:var(--admin-spacing-md) var(--admin-spacing-lg)}@keyframes em-fadeInContent{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.em-form-grid{grid-gap:12px;grid-gap:var(--admin-spacing-md);display:grid;gap:12px;gap:var(--admin-spacing-md)}.em-form-grid.two-columns{grid-template-columns:repeat(2,1fr)}.em-form-group{display:flex;flex-direction:column;gap:4px;gap:var(--admin-spacing-xs);position:relative}.em-label{color:#495057;color:var(--admin-color-text-secondary);font-size:.85rem;font-weight:500}.em-label .em-required{color:#ef4444;color:var(--admin-color-danger);margin-left:2px}.em-input,.em-select,.em-textarea{background-color:#fff;background-color:var(--admin-color-surface);border:1px solid #d1d5db;border:1px solid var(--admin-color-border);border-radius:6px;border-radius:var(--admin-border-radius-medium);box-sizing:border-box;color:#212529;color:var(--admin-color-text-primary);font-size:.95rem;padding:8px 12px;padding:var(--admin-spacing-sm) var(--admin-spacing-md);transition:border-color .2s ease-out,box-shadow .2s ease-out;width:100%}.em-input:focus,.em-select:focus,.em-textarea:focus{border-color:#2575fc;border-color:var(--admin-color-secondary);box-shadow:0 0 0 2.5px #2575fc55;box-shadow:0 0 0 2.5px var(--admin-color-secondary)55;outline:none}.em-input::placeholder,.em-textarea::placeholder{color:#6c757d;color:var(--admin-color-text-muted);opacity:.8}.em-file-input-styled.disabled,.em-input:disabled,.em-select:disabled,.em-textarea:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.em-file-input-styled.disabled,.em-file-input-styled.disabled:hover,.em-input:disabled,.em-select:disabled,.em-textarea:disabled{border-color:#e5e7eb!important;border-color:var(--admin-color-light-border)!important;color:#6c757d!important;color:var(--admin-color-text-muted)!important}.em-file-input-styled.disabled:hover{background-color:#f3f4f6!important}.em-input.valid{border-color:#10b981;border-color:var(--admin-color-success)}.em-input.invalid{border-color:#ef4444;border-color:var(--admin-color-danger)}.em-validation-error{color:#ef4444;color:var(--admin-color-danger)}.em-validation-error,.em-validation-success{font-size:.8rem;margin-top:4px;margin-top:var(--admin-spacing-xs)}.em-validation-success{color:#10b981;color:var(--admin-color-success)}.em-textarea{min-height:90px;resize:vertical}.em-select-wrapper{position:relative}.em-select-wrapper .em-select-icon{color:#6c757d;color:var(--admin-color-text-muted);font-size:1.1rem;left:12px;left:var(--admin-spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.em-select-wrapper .em-select{padding-left:32px;padding-left:calc(var(--admin-spacing-md) + var(--admin-spacing-md) + var(--admin-spacing-sm))}.em-checkbox-group{align-items:center;display:flex;margin-top:4px;margin-top:var(--admin-spacing-xs)}.em-checkbox-btn{align-items:center;background:none;border:none;color:#6c757d;color:var(--admin-color-text-muted);cursor:pointer;display:flex;font-size:1.4rem;margin-right:8px;margin-right:var(--admin-spacing-sm);padding:0;transition:color .2s ease}.em-checkbox-btn:disabled{cursor:not-allowed;opacity:.6}.em-checkbox-btn .checked-icon,.em-checkbox-group:hover .em-checkbox-btn:not(:disabled) .unchecked-icon{color:#2575fc;color:var(--admin-color-secondary)}.em-checkbox-label{color:#495057;color:var(--admin-color-text-secondary);cursor:pointer;font-size:.85rem}.em-checkbox-label[style*=not-allowed]{cursor:not-allowed!important}.em-file-input-wrapper{position:relative;width:100%}.em-file-input-hidden{height:.1px;opacity:0;position:absolute;width:.1px;z-index:-1}.em-file-input-styled{align-items:center;background-color:#f8f9fa;background-color:var(--admin-color-background);border:1px dashed #d1d5db;border:1px dashed var(--admin-color-border);border-radius:6px;border-radius:var(--admin-border-radius-medium);color:#495057;color:var(--admin-color-text-secondary);cursor:pointer;display:flex;font-size:.95rem;gap:8px;gap:var(--admin-spacing-sm);padding:8px 12px;padding:var(--admin-spacing-sm) var(--admin-spacing-md);transition:all .2s ease-out}.em-file-input-styled:hover:not(.disabled){background-color:#2575fc0d;background-color:var(--admin-color-secondary)0D;border-color:#2575fc;border-color:var(--admin-color-secondary);color:#2575fc;color:var(--admin-color-secondary)}.em-file-input-styled svg{font-size:1.3em}.em-file-name-display{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.em-file-name-display,.em-input-hint{color:#6c757d;color:var(--admin-color-text-muted);display:block;font-size:.8rem;margin-top:4px;margin-top:var(--admin-spacing-xs)}.em-password-strength-bar{background-color:#e5e7eb;background-color:var(--admin-color-light-border);height:5px;margin-top:4px;margin-top:var(--admin-spacing-xs);overflow:hidden;width:100%}.em-password-strength-bar,.em-strength-fill{border-radius:4px;border-radius:var(--admin-border-radius-small)}.em-strength-fill{height:100%;transition:width .3s ease,background-color .3s ease;width:0}.em-password-strength-bar.strength-0 .em-strength-fill,.em-password-strength-bar.strength-1 .em-strength-fill,.em-password-strength-bar.strength-2 .em-strength-fill{background-color:#ef4444;background-color:var(--admin-color-danger);width:33%}.em-password-strength-bar.strength-3 .em-strength-fill,.em-password-strength-bar.strength-4 .em-strength-fill{background-color:#f39c12;background-color:var(--admin-color-warning);width:66%}.em-password-strength-bar.strength-5 .em-strength-fill,.em-password-strength-bar.strength-6 .em-strength-fill{background-color:#10b981;background-color:var(--admin-color-success);width:100%}.em-password-strength-text{font-size:.8rem;margin-top:4px;margin-top:var(--admin-spacing-xs);text-align:right}.em-password-strength-text.strength-text-0,.em-password-strength-text.strength-text-1,.em-password-strength-text.strength-text-2{color:#ef4444;color:var(--admin-color-danger)}.em-password-strength-text.strength-text-3,.em-password-strength-text.strength-text-4{color:#f39c12;color:var(--admin-color-warning)}.em-password-strength-text.strength-text-5,.em-password-strength-text.strength-text-6{color:#10b981;color:var(--admin-color-success)}.em-loading-spinner{animation:em-spin 1s linear infinite}@keyframes em-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.em-form-actions{align-items:end;background-color:#fff;background-color:var(--admin-color-surface);border-radius:10px;border-radius:var(--admin-border-radius-large);border-top:1px solid #e5e7eb;border-top:1px solid var(--admin-color-light-border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--admin-shadow-sm);display:flex;flex-direction:column;gap:12px;gap:var(--admin-spacing-md);margin-top:18px;margin-top:var(--admin-spacing-lg);padding:12px;padding:var(--admin-spacing-md)}.em-submit-button{align-items:center;background:linear-gradient(135deg,#2575fc,#518ffd);background:var(--admin-secondary-gradient);border:none;border-radius:6px;border-radius:var(--admin-border-radius-medium);box-shadow:0 3px 10px -2px #2575fc4d;box-shadow:0 3px 10px -2px var(--admin-color-secondary)4D;color:#fff;color:var(--admin-color-text-on-secondary);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;gap:var(--admin-spacing-sm);justify-content:center;padding:12px 18px;padding:var(--admin-spacing-md) var(--admin-spacing-lg);transition:all .25s ease-out;width:18%}.em-submit-button:hover:not(:disabled){box-shadow:0 5px 15px -3px #2575fc55;box-shadow:0 5px 15px -3px var(--admin-color-secondary)55;transform:translateY(-2px) scale(1.01)}.em-submit-button:disabled{cursor:not-allowed;opacity:.6}.em-submit-button svg{font-size:1.2em}@media (max-width:768px){.em-main-content{padding:12px;padding:var(--admin-spacing-md)}.em-main-title{font-size:1.5rem}.em-main-subtitle{font-size:.9rem}.em-form-grid.two-columns{grid-template-columns:1fr}button.em-section-header{padding:8px 12px;padding:var(--admin-spacing-sm) var(--admin-spacing-md)}.em-section-heading-accordion{font-size:1rem}.em-section-content{padding:12px;padding:var(--admin-spacing-md)}.em-form-section-wrapper{margin-bottom:8px;margin-bottom:var(--admin-spacing-sm)}}@media (max-width:480px){.em-main-title{font-size:1.3rem}.em-file-input-styled,.em-input,.em-select,.em-submit-button,.em-textarea{font-size:.9rem;width:56%}.em-checkbox-label,.em-label{font-size:.8rem}.em-section-heading-accordion{font-size:.95rem}.em-section-icons{font-size:1.2rem}.em-main-content{padding:8px;padding:var(--admin-spacing-sm)}}.ve-page-wrapper{background-color:var(--admin-color-background);box-sizing:border-box;font-family:var(--admin-font-main);min-height:auto;padding:var(--admin-spacing-lg)}.ve-main-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--admin-spacing-md);justify-content:space-between;margin-bottom:var(--admin-spacing-lg)}.ve-title-section{align-items:center;display:flex;gap:var(--admin-spacing-sm)}.ve-header-icon{color:var(--admin-color-secondary);font-size:2rem}.ve-main-title{color:var(--admin-color-text-primary);font-size:1.75rem;font-weight:600;margin:0}.ve-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--admin-spacing-sm)}.ve-action-button{align-items:center;background-color:var(--admin-color-surface);border:1px solid var(--admin-color-border);border-radius:var(--admin-border-radius-medium);color:var(--admin-color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--admin-spacing-xs);padding:var(--admin-spacing-sm) var(--admin-spacing-md);text-align:center;transition:all .2s ease-out}.ve-action-button:hover{border-color:var(--admin-color-secondary);box-shadow:var(--admin-shadow-sm);color:var(--admin-color-secondary)}.ve-action-button.ve-primary-button{background:linear-gradient(135deg,var(--admin-color-secondary) 0,#a450e0 100%);background:linear-gradient(135deg,var(--admin-color-secondary) 0,var(--admin-color-primary-light,#a450e0) 100%);border-color:#0000;box-shadow:0 3px 8px -2px var(--admin-color-secondary)66;color:var(--admin-color-surface)}.ve-action-button.ve-primary-button:hover{box-shadow:0 4px 10px -2px var(--admin-color-secondary)88;transform:translateY(-1px)}.ve-action-button svg{font-size:1em}.ve-controls-bar{align-items:center;background-color:var(--admin-color-surface);border-radius:var(--admin-border-radius-large);box-shadow:var(--admin-shadow-sm);display:flex;flex-wrap:wrap;gap:var(--admin-spacing-md);justify-content:space-between;margin-bottom:var(--admin-spacing-lg);padding:var(--admin-spacing-md)}.ve-search-wrapper{align-items:center;background-color:var(--admin-color-background);border:1px solid var(--admin-color-light-border);border-radius:var(--admin-border-radius-medium);display:flex;flex-grow:1;min-width:250px;padding-left:var(--admin-spacing-sm)}.ve-search-icon{color:var(--admin-color-text-muted);font-size:1.1rem;margin-right:var(--admin-spacing-xs)}.ve-search-input{background-color:initial;border:none;color:var(--admin-color-text-primary);font-size:.9rem;outline:none;padding:var(--admin-spacing-sm) 0;width:100%}.ve-search-input::placeholder{color:var(--admin-color-text-muted);opacity:.8}.ve-table-container-card{background-color:var(--admin-color-surface);border:1px solid var(--admin-color-light-border);border-radius:var(--admin-border-radius-large);box-shadow:var(--admin-shadow-md);overflow:hidden}.ve-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.ve-table{border-collapse:collapse;min-width:800px;width:100%}.ve-table td,.ve-table th{border-bottom:1px solid var(--admin-color-light-border);font-size:.875rem;line-height:1.4;padding:var(--admin-spacing-sm) var(--admin-spacing-md);text-align:left;vertical-align:middle;white-space:nowrap}.ve-table td[data-label=Address],.ve-table td[data-label=Name]{min-width:150px;white-space:normal}.ve-table th{background-color:var(--admin-color-background);color:var(--admin-color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.03em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.ve-table tbody tr:hover{background-color:var(--admin-color-secondary)0D}.ve-table td{color:var(--admin-color-text-primary)}.ve-table tbody tr:last-child td{border-bottom:none}.ve-employee-name-cell{font-weight:500}.ve-status-badge{align-items:center;border-radius:var(--admin-border-radius-xlarge);display:inline-flex;font-size:.7rem;font-weight:600;gap:var(--admin-spacing-xs);line-height:1;padding:calc(var(--admin-spacing-xs) - 1px) var(--admin-spacing-sm);text-transform:capitalize}.ve-status-badge svg{font-size:.85em}.ve-status-active{background-color:#1987542a;background-color:var(--admin-color-success,#198754)2A;color:#198754;color:var(--admin-color-success,#198754)}.ve-status-on_probation{background-color:#ffc1072a;background-color:var(--admin-color-warning,#ffc107)2A;color:#ffc107;color:var(--admin-color-warning,#ffc107)}.ve-status-onleave{background-color:#0dcaf02a;background-color:var(--admin-color-info,#0dcaf0)2A;color:#0dcaf0;color:var(--admin-color-info,#0dcaf0)}.ve-status-terminated{background-color:#dc35452a;background-color:var(--admin-color-danger,#dc3545)2A;color:#dc3545;color:var(--admin-color-danger,#dc3545)}.ve-status-unknown{background-color:var(--admin-color-light-border);color:var(--admin-color-text-muted)}.ve-actions-cell{text-align:right}.ve-icon-button{background:none;border:none;border-radius:50%;color:var(--admin-color-text-muted);cursor:pointer;font-size:1.15rem;margin-left:var(--admin-spacing-xs);padding:var(--admin-spacing-xs);transition:all .2s ease-out}.ve-icon-button:hover{background-color:var(--admin-color-secondary)1A}.ve-edit-button:hover{color:var(--admin-color-secondary)}.ve-delete-button:hover{background-color:#dc35451a;background-color:var(--admin-color-danger,#dc3545)1A;color:#dc3545;color:var(--admin-color-danger,#dc3545)}.ve-no-results-cell{color:var(--admin-color-text-muted);font-size:.95rem;padding:var(--admin-spacing-xl) var(--admin-spacing-lg);text-align:center}.ve-no-results-cell svg{display:block;margin:0 auto var(--admin-spacing-sm) auto}.ve-pagination-controls{align-items:center;border-top:1px solid var(--admin-color-light-border);color:var(--admin-color-text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;gap:var(--admin-spacing-sm);justify-content:space-between;padding:var(--admin-spacing-md) var(--admin-spacing-lg)}.ve-pagination-controls>span{margin:0 var(--admin-spacing-sm)}.ve-page-button{align-items:center;background-color:var(--admin-color-surface);border:1px solid var(--admin-color-border);border-radius:var(--admin-border-radius-medium);color:var(--admin-color-text-secondary);cursor:pointer;display:inline-flex;font-weight:500;gap:var(--admin-spacing-xs);padding:var(--admin-spacing-xs) var(--admin-spacing-md);transition:all .2s ease-out}.ve-page-button:hover:not(:disabled){border-color:var(--admin-color-secondary);color:var(--admin-color-secondary)}.ve-page-button:disabled{cursor:not-allowed;opacity:.6}.ve-page-button svg{font-size:1em}@media (max-width:992px){.ve-main-title{font-size:1.6rem}.ve-header-icon{font-size:1.8rem}.ve-table{min-width:700px}}@media (max-width:768px){.ve-page-wrapper{padding:var(--admin-spacing-md)}.ve-main-header{align-items:stretch;flex-direction:column;gap:var(--admin-spacing-md)}.ve-title-section{justify-content:center;text-align:center}.ve-header-actions{gap:var(--admin-spacing-sm);justify-content:center;width:100%}.ve-action-button{flex-grow:1;justify-content:center;padding:var(--admin-spacing-sm)}.ve-action-button.ve-primary-button{order:-1}.ve-controls-bar{align-items:stretch;flex-direction:column}.ve-search-wrapper{max-width:100%}.ve-table td,.ve-table th{font-size:.8rem;padding:var(--admin-spacing-xs) var(--admin-spacing-sm);white-space:nowrap}.ve-table td[data-label=Address],.ve-table td[data-label=Name]{min-width:120px;white-space:normal;word-break:break-word}.ve-table th{font-size:.7rem}.ve-actions-cell .ve-icon-button{font-size:1.1rem;margin-left:2px}.ve-pagination-controls{justify-content:center}.ve-pagination-controls>span{display:block;margin-bottom:var(--admin-spacing-xs);text-align:center;width:100%}.ve-page-button{flex-grow:1;justify-content:center}}@media (max-width:576px){.ve-page-wrapper{padding:var(--admin-spacing-sm)}.ve-main-title{font-size:1.4rem}.ve-header-icon{font-size:1.6rem}.ve-table-wrapper{overflow-x:visible}.ve-table{border:none;min-width:100%}.ve-table thead{display:none}.ve-table tbody,.ve-table td,.ve-table tr{display:block;width:100%!important}.ve-table tr{background-color:var(--admin-color-surface);border:1px solid var(--admin-color-light-border);border-radius:var(--admin-border-radius-medium);box-shadow:var(--admin-shadow-sm);margin-bottom:var(--admin-spacing-lg);padding:var(--admin-spacing-sm)}.ve-table td{border-bottom:1px dashed var(--admin-color-light-border);padding-left:50%;position:relative;text-align:right;white-space:normal}.ve-table td:last-child{border-bottom:none}.ve-table td:before{color:var(--admin-color-text-secondary);content:attr(data-label);font-size:.75rem;font-weight:600;left:var(--admin-spacing-sm);padding-right:var(--admin-spacing-sm);position:absolute;text-align:left;text-transform:uppercase;width:calc(50% - var(--admin-spacing-md))}.ve-actions-cell{padding-top:var(--admin-spacing-md);text-align:center}.ve-actions-cell:before{display:none}.ve-actions-cell .ve-icon-button{margin:0 var(--admin-spacing-xs)}.ve-no-results-cell td,.ve-no-results-cell td:before{all:revert;font-size:.95rem;padding:var(--admin-spacing-xl) var(--admin-spacing-lg);text-align:center}}:root{--add-order-color-primary:#6a11cb;--add-order-color-primary-light:#ede7f6;--add-order-color-secondary:#2575fc;--add-order-color-surface:#fff;--add-order-color-background:#f8f9fa;--add-order-color-text-primary:#212529;--add-order-color-text-secondary:#495057;--add-order-color-text-on-primary:#fff;--add-order-color-text-muted:#6c757d;--add-order-color-border:#d1d5db;--add-order-color-light-border:#e5e7eb;--add-order-color-success:#10b981;--add-order-color-danger:#ef4444;--add-order-color-accent-yellow:#fff3cd;--add-order-color-accent-yellow-border:#ffeaa2;--add-order-color-button-active-bg:#e9ecef;--add-order-font-main:"Inter",sans-serif;--ao-spacing-md:12px;--ao-spacing-lg:18px;--ao-spacing-xl:24px;--ao-border-radius-small:4px;--ao-border-radius-medium:6px;--ao-border-radius-large:10px;--ao-border-radius-pill:20px;--ao-shadow-sm:0 1px 2px 0 #0000000d;--ao-shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;--ao-primary-gradient:linear-gradient(135deg,var(--add-order-color-primary) 0%,var(--add-order-color-secondary) 100%)}.ao-page-wrapper{background-color:#f8f9fa;background-color:var(--add-order-color-background);color:#212529;color:var(--add-order-color-text-primary);display:flex;font-family:Inter,sans-serif;font-family:var(--add-order-font-main);min-height:auto}.ao-main-content{flex-grow:1;margin:0 auto;max-width:1800px;overflow-y:auto;padding:20px;padding:var(--ao-spacing-lg)}.ao-main-title{color:#212529;color:var(--add-order-color-text-primary);font-size:1.8rem;font-weight:700;gap:8px;gap:var(--ao-spacing-sm);margin-bottom:4px;margin-bottom:var(--ao-spacing-xs)}.ao-main-title svg{color:#6a11cb;color:var(--add-order-color-primary)}.ao-main-subtitle{color:#6c757d;color:var(--add-order-color-text-muted);font-size:.95rem}.ao-form{display:flex;flex-direction:column}.ao-global-message{align-items:center;border-radius:6px;border-radius:var(--ao-border-radius-medium);display:flex;font-weight:500;gap:8px;gap:var(--ao-spacing-sm);margin-bottom:20px;margin-bottom:var(--ao-spacing-lg);padding:15px;padding:var(--ao-spacing-md)}.ao-global-message.ao-error-message{background-color:#ef44441a;background-color:var(--add-order-color-danger)1A;border-left:4px solid #ef4444;border-left:4px solid var(--add-order-color-danger);color:#ef4444;color:var(--add-order-color-danger)}.ao-global-message.ao-success-message{background-color:#10b9811a;background-color:var(--add-order-color-success)1A;border-left:4px solid #10b981;border-left:4px solid var(--add-order-color-success);color:#10b981;color:var(--add-order-color-success)}.ao-global-message svg{font-size:1.2em}.ao-form-section-wrapper{background-color:var(--add-order-color-surface);border:1px solid #e5e7eb;border:1px solid var(--add-order-color-light-border);border-radius:10px;border-radius:var(--ao-border-radius-large);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;box-shadow:var(--ao-shadow-md);margin-bottom:15px;margin-bottom:var(--ao-spacing-md);transition:box-shadow .3s ease,border-color .3s ease}.ao-form-section-wrapper:focus-within{border-color:#6a11cb66;border-color:var(--add-order-color-primary)66;box-shadow:0 0 0 2px #6a11cb44,0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;box-shadow:0 0 0 2px var(--add-order-color-primary)44,var(--ao-shadow-md)}button.ao-section-header{align-items:center;background-color:#fff;background-color:var(--add-order-color-surface);border:none;border-radius:10px;border-radius:var(--ao-border-radius-large);cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:15px 20px;padding:var(--ao-spacing-md) var(--ao-spacing-lg);text-align:left;transition:background-color .2s ease,border-bottom-color .2s ease,color .2s ease;width:100%}button.ao-section-header:disabled{background-color:#f8f9fa!important;color:#6c757d!important;color:var(--add-order-color-text-muted)!important;cursor:not-allowed}button.ao-section-header:disabled .ao-section-icons>svg{color:#6c757d!important;color:var(--add-order-color-text-muted)!important;opacity:.6}.ao-form-section-wrapper:not(.open)>button.ao-section-header:not(:disabled):hover{background-color:#f9fafb}.ao-form-section-wrapper.open>button.ao-section-header{background-image:linear-gradient(90deg,#ede7f6,#fff);background-image:linear-gradient(to right,var(--add-order-color-primary-light),var(--add-order-color-surface));border-bottom:1px solid #6a11cb33;border-bottom:1px solid var(--add-order-color-primary)33;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#6a11cb;color:var(--add-order-color-primary)}.ao-form-section-wrapper.open>button.ao-section-header .ao-section-heading-accordion{font-weight:700}button.ao-section-header:focus-visible{outline:2px solid #6a11cb;outline:2px solid var(--add-order-color-primary);outline-offset:2px}.ao-section-heading-accordion{color:inherit;font-size:1.05rem;font-weight:600;margin:0;transition:font-weight .2s ease}.ao-section-icons{font-size:1.35rem}.ao-section-icons .ao-completed-icon{color:#10b981;color:var(--add-order-color-success);font-size:1.2rem}.ao-section-icons>svg:not(.ao-completed-icon){color:#6c757d;color:var(--add-order-color-text-muted);transition:transform .3s ease-in-out}.ao-form-section-wrapper.open>button.ao-section-header:not(:disabled) .ao-section-icons>svg:not(.ao-completed-icon){color:#6a11cb;color:var(--add-order-color-primary)}.ao-section-content{animation:ao-fadeInContent .35s ease-out forwards;background-color:#fff;background-color:var(--add-order-color-surface);border-bottom-left-radius:10px;border-bottom-left-radius:var(--ao-border-radius-large);border-bottom-right-radius:10px;border-bottom-right-radius:var(--ao-border-radius-large);border-top:none;padding:15px 20px;padding:var(--ao-spacing-md) var(--ao-spacing-lg)}@keyframes ao-fadeInContent{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ao-disabled-content-message{background-color:#f8f9fa;color:#6c757d;color:var(--add-order-color-text-muted);font-style:italic;padding:20px 15px;padding:var(--ao-spacing-lg) var(--ao-spacing-md);text-align:center}.ao-form-grid.two-columns{grid-template-columns:repeat(2,1fr)}.ao-form-group{display:flex;flex-direction:column;gap:4px;gap:var(--ao-spacing-xs)}.ao-label{color:#495057;color:var(--add-order-color-text-secondary)}.ao-label .required-star{color:#ef4444;color:var(--add-order-color-danger);margin-left:2px}.ao-input,.ao-textarea{background-color:#fff;background-color:var(--add-order-color-surface);border:1px solid #d1d5db;border:1px solid var(--add-order-color-border);border-radius:6px;border-radius:var(--ao-border-radius-medium);box-sizing:border-box;color:#212529;color:var(--add-order-color-text-primary);font-size:.95rem;padding:8px 15px;padding:var(--ao-spacing-sm) var(--ao-spacing-md);transition:border-color .2s ease-out,box-shadow .2s ease-out;width:100%}.ao-input:focus,.ao-textarea:focus{border-color:#6a11cb;border-color:var(--add-order-color-primary);box-shadow:0 0 0 2.5px #6a11cb55;box-shadow:0 0 0 2.5px var(--add-order-color-primary)55;outline:none}.ao-input::placeholder,.ao-textarea::placeholder{color:#6c757d;color:var(--add-order-color-text-muted);opacity:.8}.ao-input:disabled,.ao-textarea:disabled,.ao-upload-btn.disabled{background-color:#f3f4f6!important;border-color:#e5e7eb!important;border-color:var(--add-order-color-light-border)!important;color:#6c757d!important;color:var(--add-order-color-text-muted)!important;cursor:not-allowed;opacity:.7}.ao-textarea{min-height:60px;resize:vertical}.ao-input-short{max-width:150px;text-align:center}.ao-config-step{border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--add-order-color-light-border);padding:8px 0;padding:var(--ao-spacing-sm) 0}.ao-config-step:last-child{border-bottom:none;padding-bottom:0}.ao-config-step-label{color:#495057;color:var(--add-order-color-text-secondary);font-size:.9rem;font-weight:600}.ao-options-group{gap:var(--ao-spacing-sm)}.ao-option-button{background-color:var(--add-order-color-surface);border:1px solid #d1d5db;border:1px solid var(--add-order-color-border);border-radius:var(--ao-border-radius-pill);color:#495057;color:var(--add-order-color-text-secondary);font-size:.9rem;font-weight:500;padding:8px 15px;padding:var(--ao-spacing-sm) var(--ao-spacing-md);transition:all .2s ease-out}.ao-option-button:disabled{background-color:#e9ecef!important;border-color:#dee2e6!important;color:#adb5bd!important}.ao-option-button:not(:disabled):hover{border-color:#6c757d;border-color:var(--add-order-color-text-muted)}.ao-option-button.active,.ao-option-button:not(:disabled):hover{background-color:#e9ecef;background-color:var(--add-order-color-button-active-bg)}.ao-option-button.active{border-color:#a0a0a0;box-shadow:inset 0 1px 2px #0000000d;color:#212529;color:var(--add-order-color-text-primary);font-weight:600}.ao-option-button.highlight.active{background-color:#fff3cd;background-color:var(--add-order-color-accent-yellow);border-color:#ffeaa2;border-color:var(--add-order-color-accent-yellow-border);color:#534500}.ao-image-upload-control{align-items:center;background-color:#fdfdff;border:1px dashed #d1d5db;border:1px dashed var(--add-order-color-border);border-radius:6px;border-radius:var(--ao-border-radius-medium);gap:15px;gap:var(--ao-spacing-md);padding:8px;padding:var(--ao-spacing-sm)}.ao-upload-btn{background-color:#fff;background-color:var(--add-order-color-surface);border:1.5px solid #6a11cb;border:1.5px solid var(--add-order-color-primary);border-radius:6px;border-radius:var(--ao-border-radius-medium);color:#6a11cb;color:var(--add-order-color-primary);font-size:.9rem;font-weight:500;gap:4px;gap:var(--ao-spacing-xs);padding:8px 15px;padding:var(--ao-spacing-sm) var(--ao-spacing-md);transition:background-color .2s,color .2s}.ao-upload-btn:not(.disabled):hover{background-color:#ede7f6;background-color:var(--add-order-color-primary-light)}.ao-image-preview-thumb{border:1px solid #e5e7eb;border:1px solid var(--add-order-color-light-border);border-radius:4px;border-radius:var(--ao-border-radius-small);max-height:50px;max-width:50px}.ao-file-name,.ao-no-file-text{color:#6c757d;color:var(--add-order-color-text-muted);flex-grow:1;font-size:.85rem;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ao-form-actions{align-items:end;background-color:#fff;background-color:var(--add-order-color-surface);border-radius:10px;border-radius:var(--ao-border-radius-large);border-top:1px solid #e5e7eb;border-top:1px solid var(--add-order-color-light-border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--ao-shadow-sm);display:flex;flex-direction:column;gap:15px;gap:var(--ao-spacing-md);padding:15px;padding:var(--ao-spacing-md)}.ao-submit-btn{background:linear-gradient(135deg,#6a11cb,#2575fc);background:var(--ao-primary-gradient);border-radius:6px;border-radius:var(--ao-border-radius-medium);box-shadow:0 3px 10px -2px #6a11cb4d;box-shadow:0 3px 10px -2px var(--add-order-color-primary)4D;color:var(--add-order-color-text-on-primary);font-weight:600;gap:var(--ao-spacing-sm);justify-content:center;padding:15px 20px;padding:var(--ao-spacing-md) var(--ao-spacing-lg);transition:all .25s ease-out;width:16%}.ao-submit-btn:hover:not(:disabled){box-shadow:0 5px 15px -3px #6a11cb55;box-shadow:0 5px 15px -3px var(--add-order-color-primary)55;transform:translateY(-2px) scale(1.01)}.ao-submit-btn:disabled{opacity:.6}.ao-submit-btn svg{font-size:1.2em}.ao-loading-spinner{animation:ao-spin 1s linear infinite}@media (max-width:768px){.ao-main-content{padding:15px;padding:var(--ao-spacing-md)}.ao-main-title{font-size:1.5rem}.ao-main-subtitle{font-size:.9rem}.ao-form-grid.two-columns{grid-template-columns:1fr}.ao-full-width-mobile{grid-column:1/-1}button.ao-section-header{padding:8px 15px;padding:var(--ao-spacing-sm) var(--ao-spacing-md)}.ao-section-heading-accordion{font-size:1rem}.ao-section-content{padding:15px;padding:var(--ao-spacing-md)}.ao-input-short{max-width:none}.ao-image-upload-control{align-items:flex-start;flex-direction:column}.ao-image-preview-thumb{margin-top:8px;margin-top:var(--ao-spacing-sm)}}@media (max-width:480px){.ao-main-title{font-size:1.3rem}.ao-input,.ao-option-button,.ao-submit-btn,.ao-textarea,.ao-upload-btn{font-size:.9rem;width:46%}.ao-label{font-size:.8rem}.ao-section-heading-accordion{font-size:.95rem}.ao-section-icons{font-size:1.2rem}.ao-main-content{padding:8px;padding:var(--ao-spacing-sm)}}.ao-select-wrapper{width:100%}.ao-select-wrapper .ao-select-icon{color:var(--ao-color-text-muted);font-size:1.1rem;left:15px;left:var(--ao-spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ao-input.ao-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d' class='bi bi-chevron-down'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-position:right 15px center;background-position:right var(--ao-spacing-md) center;background-repeat:no-repeat;padding-right:46px;padding-right:calc(var(--ao-spacing-md)*2 + 16px)}.ao-select-wrapper .ao-input.ao-select{padding-left:38px;padding-left:calc(var(--ao-spacing-md) + var(--ao-spacing-md) + var(--ao-spacing-sm))}.ao-input-hint{color:var(--ao-color-text-muted)}.ao-product-image-thumbnail-container{margin-bottom:15px;margin-bottom:var(--ao-spacing-md);margin-top:8px;margin-top:var(--ao-spacing-sm)}.ao-product-image-thumbnail{border:1px solid #e5e7eb;border:1px solid var(--add-order-color-light-border);border-radius:var(--ao-border-radius-small);display:inline-block;max-height:250px;max-width:250px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.ao-product-image-thumbnail:hover{box-shadow:0 2px 8px #0000001a;transform:scale(1.05)}.ao-product-image-thumbnail-container .ao-input-hint{display:block;font-size:.75rem;margin-top:4px;margin-top:var(--ao-spacing-xs)}.ao-product-image-modal-overlay{box-sizing:border-box;height:100%;padding:15px;padding:var(--ao-spacing-md);width:100%;z-index:1000}.ao-product-image-modal-content{align-items:center;background-color:var(--add-order-color-surface);border-radius:6px;border-radius:var(--ao-border-radius-medium);justify-content:center;max-height:90vh;max-width:90vw}.ao-product-image-modal-image{border-radius:var(--ao-border-radius-small);max-height:calc(90vh - 60px);max-width:100%}.ao-product-image-modal-close-btn{align-items:center;background-color:#ef4444;background-color:var(--add-order-color-danger);border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;display:flex;font-size:1.2rem;height:30px;justify-content:center;padding:0;right:-4px;right:calc(var(--ao-spacing-sm)*-.5);top:-4px;top:calc(var(--ao-spacing-sm)*-.5);transition:background-color .2s ease;width:30px}.ao-product-image-modal-close-btn:hover{background-color:#c82333}.ao-input-hint{color:#6c757d;color:var(--add-order-color-text-muted);font-size:.8rem;margin-top:4px;margin-top:var(--ao-spacing-xs)}:root{--ao-color-primary:#007bff;--ao-color-success:#28a745;--ao-color-success-dark:#218838;--ao-color-error:#dc3545;--ao-color-accent:#ffc107;--ao-spacing-xs:4px;--ao-spacing-sm:8px;--ao-spacing-md:15px;--ao-spacing-lg:20px}.required-star{color:#dc3545;color:var(--ao-color-error,#d32f2f);margin-left:2px}.ao-page-wrapper{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:1800px;padding:15px;padding:var(--ao-spacing-md)}@media (min-width:768px){.ao-page-wrapper{padding:20px;padding:var(--ao-spacing-lg)}}.ao-main-header{margin-bottom:20px;margin-bottom:var(--ao-spacing-lg);text-align:center}.ao-main-title{align-items:center;color:#333;display:flex;font-size:1.6rem;gap:10px;justify-content:center}.ao-main-subtitle{color:#555;font-size:.9rem;margin-top:4px;margin-top:var(--ao-spacing-xs)}@media (min-width:768px){.ao-main-title{font-size:1.8em}.ao-main-subtitle{font-size:1em}}.ao-form-section-wrapper{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;margin-bottom:var(--ao-spacing-lg);overflow:hidden}.ao-section-header{align-items:center;background-color:#f7f7f7;border:none;border-bottom:1px solid #e0e0e0;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:space-between;padding:10px 15px;padding:10px var(--ao-spacing-md);text-align:left;width:100%}@media (min-width:768px){.ao-section-header{font-size:1.1em;padding:12px 15px;padding:12px var(--ao-spacing-md)}}.ao-form-section-wrapper.closed .ao-section-header{border-bottom:none}.ao-section-icons{align-items:center;color:#555;display:flex;gap:8px;gap:var(--ao-spacing-sm)}.ao-completed-icon{color:#28a745;color:var(--ao-color-success)}.ao-section-content{padding:15px;padding:var(--ao-spacing-md)}.ao-form-grid{grid-gap:15px;grid-gap:var(--ao-spacing-md);display:grid;gap:15px;gap:var(--ao-spacing-md);grid-template-columns:1fr}@media (min-width:600px){.ao-form-grid.two-columns{grid-template-columns:1fr 1fr}.ao-form-grid.two-columns .ao-full-width-mobile{grid-column:span 1}}.ao-form-group{margin-bottom:15px;margin-bottom:var(--ao-spacing-md)}.ao-label{color:#444;display:block;font-size:.85rem;font-weight:500;margin-bottom:4px;margin-bottom:var(--ao-spacing-xs)}.ao-input,.ao-select,.ao-textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:8px 10px;transition:border-color .2s ease-in-out;width:100%}@media (min-width:768px){.ao-label{font-size:.9em;margin-bottom:8px;margin-bottom:var(--ao-spacing-sm)}.ao-input,.ao-select,.ao-textarea{font-size:1em;padding:10px}}.ao-input:focus,.ao-select:focus,.ao-textarea:focus{border-color:#007bff;border-color:var(--ao-color-primary);box-shadow:0 0 0 .2rem #007bff40;outline:none}.ao-input[readonly],.ao-select[disabled]{background-color:#e9ecef;cursor:not-allowed;opacity:.8}.ao-input.ao-input-short{max-width:100%}@media (min-width:600px){.ao-input.ao-input-short{max-width:150px}}.ao-select-wrapper{position:relative}.ao-select-icon{color:#777;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ao-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3E%3Cpath d='M8 11 3 6h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;padding-left:35px}.ao-config-step{margin-bottom:var(--ao-spacing-md)}.ao-config-step-label{display:block;font-weight:500;margin-bottom:8px;margin-bottom:var(--ao-spacing-sm)}.ao-options-group{display:flex;flex-wrap:wrap;gap:8px}.ao-option-button{background-color:#fff;border:1px solid #ccc;border-radius:20px;cursor:pointer;flex-basis:calc(50% - 4px);flex-grow:1;font-size:.85rem;padding:6px 12px;text-align:center;transition:all .2s ease-in-out}@media (min-width:480px){.ao-option-button{flex-basis:auto;flex-grow:0}}.ao-option-button:hover{background-color:#f8f9fa;border-color:#888}.ao-option-button.active{background-color:#007bff;background-color:var(--ao-color-primary);border-color:#007bff;border-color:var(--ao-color-primary);color:#fff}.ao-option-button.highlight{background-color:#ffc107;background-color:var(--ao-color-accent);border-color:#ffc107;border-color:var(--ao-color-accent);color:#333}.ao-option-button:disabled{background-color:#e9ecef;border-color:#ced4da;color:#6c757d;cursor:not-allowed}.ao-product-image-thumbnail-container{margin-bottom:10px;margin-top:10px}.ao-product-image-thumbnail{border:1px solid #ddd;border-radius:4px;max-height:280px;max-width:280px;object-fit:cover}.ao-image-upload-control{align-items:flex-start;display:flex;flex-direction:column;gap:10px;margin-bottom:8px;margin-bottom:var(--ao-spacing-sm)}.ao-upload-btn{align-items:center;background-color:#6c757d;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;gap:5px;justify-content:center;padding:8px 12px;transition:background-color .2s;width:100%}@media (min-width:480px){.ao-upload-btn{width:auto}}.ao-upload-btn:hover{background-color:#5a6268}.ao-upload-btn.disabled{background-color:#adb5bd;cursor:not-allowed}.ao-file-input-hidden{display:none}.ao-image-previews-container{display:flex;flex-wrap:wrap;gap:8px;gap:var(--ao-spacing-sm);margin-top:8px;margin-top:var(--ao-spacing-sm)}.ao-image-preview-item{background-color:#f8f8f8;border:1px solid #ddd;border-radius:4px;padding:4px;position:relative}.ao-image-preview-thumb{border-radius:3px;display:block;height:60px;object-fit:cover;width:60px}.ao-remove-image-btn{align-items:center;background-color:#dc3545;background-color:var(--ao-color-error);border:none;border-radius:50%;box-shadow:0 1px 2px #00000026;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;line-height:20px;position:absolute;right:-8px;text-align:center;top:-8px;width:20px}.ao-remove-image-btn:hover{background-color:#c82333}.ao-file-name,.ao-no-file-text{color:#555;font-size:.85em}.ao-form-actions{margin-top:20px;margin-top:var(--ao-spacing-lg);text-align:center}.ao-submit-btn{align-items:center;background-color:#28a745;background-color:var(--ao-color-success);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;gap:8px;padding:10px 20px;transition:background-color .2s;width:100%}@media (min-width:600px){.ao-form-actions{text-align:right}.ao-submit-btn{width:auto}}.ao-submit-btn:hover{background-color:#218838;background-color:var(--ao-color-success-dark)}.ao-submit-btn:disabled{background-color:#78c88a;cursor:not-allowed}.ao-loading-spinner{animation:spin 1s linear infinite}.ao-global-message{border-radius:4px;font-size:.85rem;margin-bottom:15px;margin-bottom:var(--ao-spacing-md);padding:8px 12px;text-align:center}.ao-error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.ao-success-message{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.ao-input-hint{color:#666;display:block;font-size:.8em;margin-top:3px}.ao-disabled-content-message p{color:#777;font-style:italic;padding:15px 0;padding:var(--ao-spacing-md) 0;text-align:center}.ao-product-image-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.ao-product-image-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:500px;padding:15px;padding:var(--ao-spacing-md);position:relative;width:90vw}.ao-product-image-modal-close-btn{background:none;border:none;color:#333;cursor:pointer;font-size:1.5em;line-height:1;padding:5px;position:absolute;right:8px;top:8px}.ao-product-image-modal-image{border-radius:4px;display:block;max-height:calc(85vh - 50px);object-fit:contain;width:100%}.ap-form-grid.responsive-grid .full-width{grid-column:1/-1}@media (min-width:600px){.ap-form-grid.responsive-grid{grid-template-columns:1fr 1fr}.ap-form-grid.responsive-grid .full-width{grid-column:span 2}}.ao-center-flex{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.ao-loading-spinner-large{animation:ao-spin 1s linear infinite;font-size:2.5rem}.ao-loading-spinner-inline{animation:ao-spin 1s linear infinite;font-size:1em;margin-right:5px;vertical-align:middle}@keyframes ao-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ao-qty-unit-wrapper{gap:.5rem}.ao-qty-unit-display{color:#555;font-size:.9em;padding-left:.25rem;white-space:nowrap}.ao-product-selection-area{display:flex;flex-direction:column;gap:15px;gap:var(--ao-spacing-md,1rem);margin-bottom:20px;margin-bottom:var(--ao-spacing-lg,1.5rem)}.ao-options-group-container{flex:1 1}.ao-product-image-display-wrapper{align-items:center;align-self:center;background-color:#f9f9f9;background-color:var(--ao-background-light,#f9f9f9);border:1px solid #e0e0e0;border:1px solid var(--ao-border-color,#e0e0e0);border-radius:4px;border-radius:var(--ao-border-radius,4px);display:flex;flex-direction:column;max-width:200px;padding:8px;padding:var(--ao-spacing-sm,.5rem);width:100%}.ao-product-image-thumbnail{background-color:#fff;border-radius:3px;border-radius:var(--ao-border-radius-sm,3px);cursor:pointer;height:auto;max-height:150px;max-width:100%;object-fit:contain}.ao-product-image-display-wrapper .ao-input-hint{font-size:.8em;margin-top:4px;margin-top:var(--ao-spacing-xs,.25rem);text-align:center}@media (min-width:768px){.ao-product-selection-area{align-items:flex-start;flex-direction:row}.ao-product-image-display-wrapper{align-self:flex-start;flex-basis:180px;flex-shrink:0;margin-left:15px;margin-left:var(--ao-spacing-md,1rem);width:auto}}.ao-input-error-hint{color:#dc3545;color:var(--ao-color-danger,#dc3545);display:block;font-size:.8em;margin-top:4px;margin-top:var(--ao-spacing-xs,.25rem)}.ao-input.has-error-input{border-color:#dc3545;border-color:var(--ao-color-danger,#dc3545)}.ao-config-step{margin-bottom:15px;margin-bottom:var(--ao-spacing-md,1rem)}.ao-config-step:last-child{margin-bottom:0}.ao-qty-unit-wrapper{align-items:center;display:flex}.ao-qty-unit-wrapper .ao-input-short{flex-grow:1}.ao-qty-unit-display{color:#6c757d;color:var(--ao-text-muted,#6c757d);font-weight:500;margin-left:8px;margin-left:var(--ao-spacing-sm,.5rem)}.vo-page-wrapper{background-color:var(--admin-color-background);font-family:var(--admin-font-main);min-height:calc(100vh - var(--admin-spacing-xl)*2);padding:var(--admin-spacing-xl)}.vo-main-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--admin-spacing-xl)}.vo-main-header,.vo-title-section{align-items:center;display:flex;gap:var(--admin-spacing-md)}.vo-header-icon{color:var(--admin-color-primary);font-size:2.5rem}.vo-main-title{color:var(--admin-color-text-primary);font-size:2rem;font-weight:700;margin:0}.vo-header-actions{align-items:center;display:flex;gap:var(--admin-spacing-md)}.vo-action-button{align-items:center;background-color:var(--admin-color-surface);border:1px solid var(--admin-color-border);border-radius:var(--admin-border-radius-medium);color:var(--admin-color-text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:var(--admin-spacing-xs);padding:var(--admin-spacing-sm) var(--admin-spacing-lg);transition:all .25s ease-out}.vo-action-button:hover{border-color:var(--admin-color-primary);box-shadow:0 1px 3px #0000001a;box-shadow:var(--admin-shadow-sm,0 1px 3px #0000001a);color:var(--admin-color-primary)}.vo-action-button.vo-primary-button{background:var(--admin-primary-gradient);border-color:#0000;box-shadow:0 4px 12px -2px #6a11cb66;box-shadow:0 4px 12px -2px var(--admin-color-primary,#6a11cb)66;color:var(--admin-color-surface)}.vo-action-button.vo-primary-button:hover{box-shadow:0 6px 15px -3px #6a11cb88;box-shadow:0 6px 15px -3px var(--admin-color-primary,#6a11cb)88;transform:translateY(-2px)}.vo-action-button svg{font-size:1.1em}.vo-controls-bar{align-items:center;background-color:var(--admin-color-surface);border-radius:var(--admin-border-radius-large);box-shadow:0 1px 3px #0000001a;box-shadow:var(--admin-shadow-sm,0 1px 3px #0000001a);display:flex;gap:var(--admin-spacing-lg);justify-content:space-between;margin-bottom:var(--admin-spacing-lg);padding:var(--admin-spacing-md)}.vo-search-wrapper{align-items:center;background-color:var(--admin-color-background);border:1px solid var(--admin-color-light-border);border-radius:var(--admin-border-radius-medium);display:flex;flex-grow:1;max-width:500px;padding-left:var(--admin-spacing-md)}.vo-search-icon{color:var(--admin-color-text-muted);font-size:1.2rem;margin-right:var(--admin-spacing-sm)}.vo-search-input{background-color:initial;border:none;color:var(--admin-color-text-primary);font-size:.95rem;outline:none;padding:var(--admin-spacing-sm) 0;width:100%}.vo-search-input::placeholder{color:var(--admin-color-text-muted);opacity:.8}.vo-table-container-card{background-color:var(--admin-color-surface);border:1px solid var(--admin-color-light-border);border-radius:var(--admin-border-radius-large);box-shadow:0 4px 6px #0000001a;box-shadow:var(--admin-shadow-md,0 4px 6px #0000001a);overflow:hidden}.vo-table-wrapper{overflow-x:auto;width:100%}.vo-table{border-collapse:collapse;min-width:1100px;width:100%}.vo-table td,.vo-table th{border-bottom:1px solid var(--admin-color-light-border);font-size:.9rem;line-height:1.5;padding:var(--admin-spacing-md) var(--admin-spacing-lg);text-align:left;vertical-align:middle}.vo-table th{background-color:var(--admin-color-background);color:var(--admin-color-text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.vo-table tbody tr:hover{background-color:#6a11cb0d;background-color:var(--admin-color-primary,#6a11cb)0D}.vo-table td{color:var(--admin-color-text-primary)}.vo-table tbody tr:last-child td{border-bottom:none}.vo-party-name-cell{color:var(--admin-color-text-primary);font-weight:500}.vo-status-badge{align-items:center;border-radius:20px;border-radius:var(--admin-border-radius-xlarge,20px);display:inline-flex;font-size:.75rem;font-weight:600;gap:var(--admin-spacing-xs);line-height:1;padding:var(--admin-spacing-xs) var(--admin-spacing-sm);text-transform:capitalize}.vo-status-badge svg{font-size:.9em}.vo-status-completed{background-color:#1987542a;background-color:var(--admin-color-success,#198754)2A;color:#198754;color:var(--admin-color-success,#198754)}.vo-status-pending{background-color:#ffc1072a;background-color:var(--admin-color-warning,#ffc107)2A;color:#ffc107;color:var(--admin-color-warning,#ffc107)}.vo-status-failed{background-color:#dc35452a;background-color:var(--admin-color-danger,#dc3545)2A;color:#dc3545;color:var(--admin-color-danger,#dc3545)}.vo-status-shipped{background-color:#0dcaf02a;background-color:var(--admin-color-info,#0dcaf0)2A;color:#0dcaf0;color:var(--admin-color-info,#0dcaf0)}.vo-actions-cell{text-align:right;white-space:nowrap}.vo-icon-button{background:none;border:none;border-radius:50%;color:var(--admin-color-text-muted);cursor:pointer;font-size:1.25rem;margin-left:var(--admin-spacing-xs);padding:var(--admin-spacing-xs);transition:all .2s ease-out}.vo-icon-button:hover{background-color:#6a11cb1a;background-color:var(--admin-color-primary,#6a11cb)1A}.vo-edit-button:hover,.vo-view-button:hover{color:var(--admin-color-primary)}.vo-delete-button:hover{background-color:#dc35451a;background-color:var(--admin-color-danger,#dc3545)1A;color:#dc3545;color:var(--admin-color-danger,#dc3545)}.vo-no-results-cell{color:var(--admin-color-text-muted);font-size:1rem;padding:var(--admin-spacing-xxl) var(--admin-spacing-lg);text-align:center}.vo-no-results-cell svg{display:block;margin:0 auto var(--admin-spacing-sm) auto}.vo-pagination-controls{border-top:1px solid var(--admin-color-light-border);display:flex;font-size:.9rem;justify-content:space-between;padding:var(--admin-spacing-md) var(--admin-spacing-lg)}.vo-page-button,.vo-pagination-controls{align-items:center;color:var(--admin-color-text-secondary)}.vo-page-button{background-color:var(--admin-color-surface);border:1px solid var(--admin-color-border);border-radius:var(--admin-border-radius-medium);cursor:pointer;display:inline-flex;font-weight:500;gap:var(--admin-spacing-xs);padding:var(--admin-spacing-xs) var(--admin-spacing-md);transition:all .2s ease-out}.vo-page-button:hover:not(:disabled){border-color:var(--admin-color-primary);color:var(--admin-color-primary)}.vo-page-button:disabled{cursor:not-allowed;opacity:.6}.vo-page-button svg{font-size:1.1em}@media (max-width:768px){.vo-main-header{align-items:flex-start;flex-direction:column}.vo-header-actions{justify-content:flex-start;margin-top:var(--admin-spacing-md);width:100%}.vo-action-button{flex-grow:1;justify-content:center}.vo-action-button.vo-primary-button{order:-1}.vo-controls-bar{align-items:stretch;flex-direction:column}.vo-search-wrapper{max-width:100%}.vo-table td,.vo-table th{font-size:.85rem;padding:var(--admin-spacing-sm) var(--admin-spacing-md)}.vo-table th{font-size:.75rem}.vo-pagination-controls{flex-direction:column;gap:var(--admin-spacing-sm)}}:root{--product-color-primary:#00796b;--product-color-primary-light:#e0f2f1;--product-color-surface:#fff;--product-color-background:#f8f9fa;--product-color-text-primary:#212529;--product-color-text-secondary:#495057;--product-color-text-on-primary:#fff;--product-color-text-muted:#6c757d;--product-color-border:#d1d5db;--product-color-light-border:#e5e7eb;--product-color-success:#10b981;--product-color-danger:#ef4444;--product-font-main:"Inter",sans-serif;--product-spacing-xs:4px;--product-spacing-sm:8px;--product-spacing-md:12px;--product-spacing-lg:18px;--product-spacing-xl:24px;--product-border-radius-small:4px;--product-border-radius-medium:6px;--product-border-radius-large:10px;--product-shadow-sm:0 1px 2px 0 #0000000d;--product-shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;--product-primary-gradient:linear-gradient(135deg,var(--product-color-primary) 0%,#004d40 100%)}.product-page-wrapper{background-color:#f8f9fa;background-color:var(--product-color-background);color:#212529;color:var(--product-color-text-primary);display:flex;font-family:Inter,sans-serif;font-family:var(--product-font-main);min-height:auto}.product-main-content{flex-grow:1;margin:0 auto;max-width:1800px;overflow-y:auto;padding:18px;padding:var(--product-spacing-lg)}.product-main-header{margin-bottom:18px;margin-bottom:var(--product-spacing-lg);text-align:center}.product-main-title{align-items:center;color:#212529;color:var(--product-color-text-primary);display:flex;font-size:1.8rem;font-weight:700;gap:8px;gap:var(--product-spacing-sm);justify-content:center;margin-bottom:4px;margin-bottom:var(--product-spacing-xs)}.product-main-title svg{color:#00796b;color:var(--product-color-primary)}.product-main-subtitle{color:#6c757d;color:var(--product-color-text-muted);font-size:.95rem}.product-form{display:flex;flex-direction:column}.product-global-message{align-items:center;border-radius:6px;border-radius:var(--product-border-radius-medium);display:flex;font-weight:500;gap:8px;gap:var(--product-spacing-sm);margin-bottom:18px;margin-bottom:var(--product-spacing-lg);padding:12px;padding:var(--product-spacing-md)}.product-global-message.product-error-message{background-color:#ef44441a;background-color:var(--product-color-danger)1A;border-left:4px solid #ef4444;border-left:4px solid var(--product-color-danger);color:#ef4444;color:var(--product-color-danger)}.product-global-message.product-success-message{background-color:#10b9811a;background-color:var(--product-color-success)1A;border-left:4px solid #10b981;border-left:4px solid var(--product-color-success);color:#10b981;color:var(--product-color-success)}.product-global-message svg{font-size:1.2em}.product-form-section-wrapper{background-color:#fff;background-color:var(--product-color-surface);border:1px solid #e5e7eb;border:1px solid var(--product-color-light-border);border-radius:10px;border-radius:var(--product-border-radius-large);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;box-shadow:var(--product-shadow-md);margin-bottom:12px;margin-bottom:var(--product-spacing-md);transition:box-shadow .3s ease,border-color .3s ease}.product-form-section-wrapper:focus-within{border-color:#00796b66;border-color:var(--product-color-primary)66;box-shadow:0 0 0 2px #00796b44,0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;box-shadow:0 0 0 2px var(--product-color-primary)44,var(--product-shadow-md)}button.product-section-header{align-items:center;background-color:#fff;background-color:var(--product-color-surface);border:none;border-radius:10px;border-radius:var(--product-border-radius-large);cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:12px 18px;padding:var(--product-spacing-md) var(--product-spacing-lg);text-align:left;transition:background-color .2s ease,border-bottom-color .2s ease,color .2s ease;width:100%}.product-form-section-wrapper:not(.open)>button.product-section-header:not(:disabled):hover{background-color:#f9fafb}.product-form-section-wrapper.open>button.product-section-header{background-image:linear-gradient(90deg,#e0f2f1,#fff);background-image:linear-gradient(to right,var(--product-color-primary-light),var(--product-color-surface));border-bottom:1px solid #00796b33;border-bottom:1px solid var(--product-color-primary)33;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#00796b;color:var(--product-color-primary)}.product-form-section-wrapper.open>button.product-section-header .product-section-heading-accordion{font-weight:700}button.product-section-header:focus-visible{outline:2px solid #00796b;outline:2px solid var(--product-color-primary);outline-offset:2px}button.product-section-header:disabled{background-color:#f8f9fa!important;color:#6c757d!important;color:var(--product-color-text-muted)!important;cursor:not-allowed}button.product-section-header:disabled .product-section-icons>svg{color:#6c757d!important;color:var(--product-color-text-muted)!important;opacity:.6}.product-section-heading-accordion{color:inherit;font-size:1.05rem;font-weight:600;margin:0;transition:font-weight .2s ease}.product-section-icons{align-items:center;display:flex;font-size:1.35rem;gap:8px;gap:var(--product-spacing-sm)}.product-section-icons .product-completed-icon{color:#10b981;color:var(--product-color-success);font-size:1.2rem}.product-section-icons>svg:not(.product-completed-icon){color:#6c757d;color:var(--product-color-text-muted);transition:transform .3s ease-in-out}.product-form-section-wrapper.open>button.product-section-header:not(:disabled) .product-section-icons>svg:not(.product-completed-icon){color:#00796b;color:var(--product-color-primary)}.product-section-content{animation:product-fadeInContent .35s ease-out forwards;background-color:#fff;background-color:var(--product-color-surface);border-bottom-left-radius:10px;border-bottom-left-radius:var(--product-border-radius-large);border-bottom-right-radius:10px;border-bottom-right-radius:var(--product-border-radius-large);border-top:none;padding:12px 18px;padding:var(--product-spacing-md) var(--product-spacing-lg)}@keyframes product-fadeInContent{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.product-form-grid{grid-gap:12px;grid-gap:var(--product-spacing-md);display:grid;gap:12px;gap:var(--product-spacing-md)}.product-form-grid.two-columns{grid-template-columns:repeat(2,1fr)}.product-form-group{display:flex;flex-direction:column;gap:4px;gap:var(--product-spacing-xs)}.product-label{color:#495057;color:var(--product-color-text-secondary);font-size:.85rem;font-weight:500}.product-label .product-required{color:#ef4444;color:var(--product-color-danger);margin-left:2px}.product-input,.product-textarea{background-color:#fff;background-color:var(--product-color-surface);border:1px solid #d1d5db;border:1px solid var(--product-color-border);border-radius:6px;border-radius:var(--product-border-radius-medium);box-sizing:border-box;color:#212529;color:var(--product-color-text-primary);font-size:.95rem;padding:8px 12px;padding:var(--product-spacing-sm) var(--product-spacing-md);transition:border-color .2s ease-out,box-shadow .2s ease-out;width:100%}.product-input:focus,.product-textarea:focus{border-color:#00796b;border-color:var(--product-color-primary);box-shadow:0 0 0 2.5px #00796b55;box-shadow:0 0 0 2.5px var(--product-color-primary)55;outline:none}.product-input::placeholder,.product-textarea::placeholder{color:#6c757d;color:var(--product-color-text-muted);opacity:.8}.product-input:disabled,.product-textarea:disabled,.product-upload-btn-styled.disabled{background-color:#f3f4f6!important;border-color:#e5e7eb!important;border-color:var(--product-color-light-border)!important;color:#6c757d!important;color:var(--product-color-text-muted)!important;cursor:not-allowed;opacity:.7}.product-textarea{min-height:80px;resize:vertical}.product-unit-options{align-items:center;display:flex;gap:12px;gap:var(--product-spacing-md)}.product-unit-btn{align-items:center;background-color:#fff;background-color:var(--product-color-surface);border:1px solid #d1d5db;border:1px solid var(--product-color-border);border-radius:6px;border-radius:var(--product-border-radius-medium);color:#495057;color:var(--product-color-text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;gap:var(--product-spacing-sm);padding:8px 12px;padding:var(--product-spacing-sm) var(--product-spacing-md);transition:all .25s ease-out}.product-unit-btn:disabled{background-color:#e9ecef!important;border-color:#dee2e6!important;color:#adb5bd!important;cursor:not-allowed}.product-unit-btn svg{font-size:1.1em}.product-unit-btn:not(:disabled):hover{border-color:#00796b;border-color:var(--product-color-primary);color:#00796b;color:var(--product-color-primary)}.product-unit-btn.active{background-color:#00796b;background-color:var(--product-color-primary);border-color:#00796b;border-color:var(--product-color-primary);color:#fff;color:var(--product-color-text-on-primary)}.product-price-input-wrapper{align-items:center;background-color:#fff;background-color:var(--product-color-surface);border:1px solid #d1d5db;border:1px solid var(--product-color-border);border-radius:6px;border-radius:var(--product-border-radius-medium);display:flex;transition:border-color .2s ease-out,box-shadow .2s ease-out}.product-price-input-wrapper:focus-within{border-color:#00796b;border-color:var(--product-color-primary);box-shadow:0 0 0 2.5px #00796b55;box-shadow:0 0 0 2.5px var(--product-color-primary)55}.product-price-currency{border-right:1px solid #d1d5db;border-right:1px solid var(--product-color-border);color:#6c757d;color:var(--product-color-text-muted);font-size:1rem;line-height:calc(16px + .95rem);line-height:calc(var(--product-spacing-sm)*2 + .95rem);padding:0 12px;padding:0 var(--product-spacing-md)}.product-price-input{border:none;padding-left:8px;padding-left:var(--product-spacing-sm)}.product-price-input:focus{box-shadow:none}.product-image-upload-area{align-items:center;background-color:#fdfdff;border:2px dashed #d1d5db;border:2px dashed var(--product-color-border);border-radius:6px;border-radius:var(--product-border-radius-medium);display:flex;gap:12px;gap:var(--product-spacing-md);padding:8px;padding:var(--product-spacing-sm);transition:border-color .2s ease-out}.product-image-upload-area:hover{border-color:#00796b;border-color:var(--product-color-primary)}.product-upload-btn-styled{align-items:center;background-color:#fff;background-color:var(--product-color-surface);border:1px solid #00796b;border:1px solid var(--product-color-primary);border-radius:6px;border-radius:var(--product-border-radius-medium);color:#00796b;color:var(--product-color-primary);cursor:pointer;display:inline-flex;font-weight:500;gap:8px;gap:var(--product-spacing-sm);padding:8px 18px;padding:var(--product-spacing-sm) var(--product-spacing-lg);transition:background-color .2s ease-out,color .2s ease-out}.product-upload-btn-styled:not(.disabled):hover{background-color:#e0f2f1;background-color:var(--product-color-primary-light)}.product-upload-btn-styled svg{font-size:1.1em}.product-file-input-hidden{display:none}.product-image-preview{border:1px solid #e5e7eb;border:1px solid var(--product-color-light-border);border-radius:4px;border-radius:var(--product-border-radius-small);max-height:80px;max-width:80px;object-fit:cover}.product-file-name-display{color:#495057;color:var(--product-color-text-secondary);flex-grow:1;font-size:.85rem;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-form-actions{background-color:#fff;background-color:var(--product-color-surface);border-radius:10px;border-radius:var(--product-border-radius-large);border-top:1px solid #e5e7eb;border-top:1px solid var(--product-color-light-border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--product-shadow-sm);display:flex;flex-direction:column;gap:12px;gap:var(--product-spacing-md);margin-top:18px;margin-top:var(--product-spacing-lg);padding:12px;padding:var(--product-spacing-md)}.product-submit-button{align-items:center;background:linear-gradient(135deg,#00796b,#004d40);background:var(--product-primary-gradient);border:none;border-radius:6px;border-radius:var(--product-border-radius-medium);box-shadow:0 3px 10px -2px #00796b4d;box-shadow:0 3px 10px -2px var(--product-color-primary)4D;color:#fff;color:var(--product-color-text-on-primary);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;gap:var(--product-spacing-sm);justify-content:center;padding:12px 18px;padding:var(--product-spacing-md) var(--product-spacing-lg);transition:all .25s ease-out;width:100%}.product-submit-button:hover:not(:disabled){box-shadow:0 5px 15px -3px #00796b55;box-shadow:0 5px 15px -3px var(--product-color-primary)55;transform:translateY(-2px) scale(1.01)}.product-submit-button:disabled{cursor:not-allowed;opacity:.6}.product-submit-button svg{font-size:1.2em}.product-loading-spinner{animation:product-spin 1s linear infinite}@keyframes product-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.product-main-content{padding:12px;padding:var(--product-spacing-md)}.product-main-title{font-size:1.5rem}.product-main-subtitle{font-size:.9rem}.product-form-grid.two-columns{grid-template-columns:1fr}button.product-section-header{padding:8px 12px;padding:var(--product-spacing-sm) var(--product-spacing-md)}.product-section-heading-accordion{font-size:1rem}.product-section-content{padding:12px;padding:var(--product-spacing-md)}.product-unit-options{align-items:stretch;flex-direction:column}.product-unit-btn{justify-content:center}.product-image-upload-area{align-items:flex-start;flex-direction:column}.product-file-name-display,.product-image-preview{margin-top:8px;margin-top:var(--product-spacing-sm)}}@media (max-width:480px){.product-main-title{font-size:1.3rem}.product-input,.product-submit-button,.product-textarea,.product-unit-btn,.product-upload-btn-styled{font-size:.9rem}.product-label{font-size:.8rem}.product-section-heading-accordion{font-size:.95rem}.product-section-icons{font-size:1.2rem}.product-main-content{padding:8px;padding:var(--product-spacing-sm)}}.product-file-uploads-container{display:flex;gap:1rem;margin-bottom:12px;margin-bottom:var(--product-spacing-md,1rem)}.product-file-uploads-container .product-form-group{flex:1 1;min-width:0}.product-file-uploads-container .product-image-preview{display:block;height:auto;margin-top:.5rem;max-height:100px;max-width:100%;object-fit:contain}.product-file-uploads-container .product-file-name-display{display:block;font-size:.875rem;line-height:1.2;margin-top:.5rem;word-break:break-all}.vp-page-wrapper{background-color:var(--admin-color-background);font-family:var(--admin-font-main);min-height:calc(100vh - var(--admin-spacing-xl)*2);padding:var(--admin-spacing-xl)}.vp-main-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--admin-spacing-xl)}.vp-main-header,.vp-title-section{align-items:center;display:flex;gap:var(--admin-spacing-md)}.vp-header-icon{color:var(--admin-color-secondary);font-size:2.5rem}.vp-main-title{color:var(--admin-color-text-primary);font-size:2rem;font-weight:700;margin:0}.vp-header-actions{align-items:center;display:flex;gap:var(--admin-spacing-md)}.vp-action-button{align-items:center;background-color:var(--admin-color-surface);border:1px solid var(--admin-color-border);border-radius:var(--admin-border-radius-medium);color:var(--admin-color-text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:var(--admin-spacing-xs);padding:var(--admin-spacing-sm) var(--admin-spacing-lg);transition:all .25s ease-out}.vp-action-button:hover{border-color:var(--admin-color-secondary);box-shadow:0 1px 3px #0000001a;box-shadow:var(--admin-shadow-sm,0 1px 3px #0000001a);color:var(--admin-color-secondary)}.vp-action-button.vp-primary-button{background:linear-gradient(135deg,var(--admin-color-secondary) 0,var(--admin-color-primary) 100%);border-color:#0000;box-shadow:0 4px 12px -2px #2575fc66;box-shadow:0 4px 12px -2px var(--admin-color-secondary,#2575fc)66;color:var(--admin-color-surface)}.vp-action-button.vp-primary-button:hover{box-shadow:0 6px 15px -3px #2575fc88;box-shadow:0 6px 15px -3px var(--admin-color-secondary,#2575fc)88;transform:translateY(-2px)}.vp-action-button svg{font-size:1.1em}.vp-controls-bar{align-items:center;background-color:var(--admin-color-surface);border-radius:var(--admin-border-radius-large);box-shadow:0 1px 3px #0000001a;box-shadow:var(--admin-shadow-sm,0 1px 3px #0000001a);display:flex;gap:var(--admin-spacing-lg);justify-content:space-between;margin-bottom:var(--admin-spacing-lg);padding:var(--admin-spacing-md)}.vp-search-wrapper{align-items:center;background-color:var(--admin-color-background);border:1px solid var(--admin-color-light-border);border-radius:var(--admin-border-radius-medium);display:flex;flex-grow:1;max-width:500px;padding-left:var(--admin-spacing-md)}.vp-search-icon{color:var(--admin-color-text-muted);font-size:1.2rem;margin-right:var(--admin-spacing-sm)}.vp-search-input{background-color:initial;border:none;color:var(--admin-color-text-primary);font-size:.95rem;outline:none;padding:var(--admin-spacing-sm) 0;width:100%}.vp-search-input::placeholder{color:var(--admin-color-text-muted);opacity:.8}.vp-table-container-card{background-color:var(--admin-color-surface);border:1px solid var(--admin-color-light-border);border-radius:var(--admin-border-radius-large);box-shadow:0 4px 6px #0000001a;box-shadow:var(--admin-shadow-md,0 4px 6px #0000001a);overflow:hidden}.vp-table-wrapper{overflow-x:auto;width:100%}.vp-table{border-collapse:collapse;min-width:1000px;width:100%}.vp-table td,.vp-table th{border-bottom:1px solid var(--admin-color-light-border);font-size:.9rem;line-height:1.5;padding:var(--admin-spacing-md);text-align:left;vertical-align:middle}.vp-table th{background-color:var(--admin-color-background);color:var(--admin-color-text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.vp-table tbody tr:hover{background-color:#2575fc0d;background-color:var(--admin-color-secondary,#2575fc)0D}.vp-table td{color:var(--admin-color-text-primary)}.vp-table tbody tr:last-child td{border-bottom:none}.vp-image-cell{text-align:center;width:100px}.vp-product-thumbnail{background-color:var(--admin-color-light-border);border:1px solid var(--admin-color-light-border);border-radius:var(--admin-border-radius-small);height:60px;object-fit:cover;width:60px}.vp-product-name-cell{font-weight:500}.vp-unit-cell{align-items:center;color:var(--admin-color-text-secondary);display:inline-flex;gap:var(--admin-spacing-xs)}.vp-unit-cell svg{font-size:1.1em}.vp-actions-cell{text-align:right;white-space:nowrap}.vp-icon-button{background:none;border:none;border-radius:50%;color:var(--admin-color-text-muted);cursor:pointer;font-size:1.25rem;margin-left:var(--admin-spacing-xs);padding:var(--admin-spacing-xs);transition:all .2s ease-out}.vp-icon-button:hover{background-color:#2575fc1a;background-color:var(--admin-color-secondary,#2575fc)1A}.vp-edit-button:hover,.vp-view-button:hover{color:var(--admin-color-secondary)}.vp-delete-button:hover{background-color:#dc35451a;background-color:var(--admin-color-danger,#dc3545)1A;color:#dc3545;color:var(--admin-color-danger,#dc3545)}.vp-no-results-cell{color:var(--admin-color-text-muted);font-size:1rem;padding:var(--admin-spacing-xxl) var(--admin-spacing-lg);text-align:center}.vp-no-results-cell svg{display:block;margin:0 auto var(--admin-spacing-sm) auto}.vp-pagination-controls{border-top:1px solid var(--admin-color-light-border);display:flex;font-size:.9rem;justify-content:space-between;padding:var(--admin-spacing-md) var(--admin-spacing-lg)}.vp-page-button,.vp-pagination-controls{align-items:center;color:var(--admin-color-text-secondary)}.vp-page-button{background-color:var(--admin-color-surface);border:1px solid var(--admin-color-border);border-radius:var(--admin-border-radius-medium);cursor:pointer;display:inline-flex;font-weight:500;gap:var(--admin-spacing-xs);padding:var(--admin-spacing-xs) var(--admin-spacing-md);transition:all .2s ease-out}.vp-page-button:hover:not(:disabled){border-color:var(--admin-color-secondary);color:var(--admin-color-secondary)}.vp-page-button:disabled{cursor:not-allowed;opacity:.6}.vp-page-button svg{font-size:1.1em}@media (max-width:768px){.vp-main-header{align-items:flex-start;flex-direction:column}.vp-header-actions{justify-content:flex-start;margin-top:var(--admin-spacing-md);width:100%}.vp-action-button{flex-grow:1;justify-content:center}.vp-action-button.vp-primary-button{order:-1}.vp-controls-bar{align-items:stretch;flex-direction:column}.vp-search-wrapper{max-width:100%}.vp-table td,.vp-table th{font-size:.85rem;padding:var(--admin-spacing-sm) var(--admin-spacing-md)}.vp-table th{font-size:.75rem}.vp-pagination-controls{flex-direction:column;gap:var(--admin-spacing-sm)}}:root{--dispatch-color-primary:#0d6efd;--dispatch-color-primary-light:#cfe2ff;--dispatch-color-surface:#fff;--dispatch-color-background:#f8f9fa;--dispatch-color-text-primary:#212529;--dispatch-color-text-secondary:#495057;--dispatch-color-text-muted:#6c757d;--dispatch-color-border:#d1d5db;--dispatch-color-light-border:#e5e7eb;--dispatch-color-success:#198754;--dispatch-color-danger:#dc3545;--dispatch-font-main:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--dispatch-spacing-xs:4px;--dispatch-spacing-sm:8px;--dispatch-spacing-md:12px;--dispatch-spacing-lg:18px;--dispatch-spacing-xl:24px;--dispatch-border-radius-small:0.25rem;--dispatch-border-radius-medium:0.375rem;--dispatch-border-radius-large:0.5rem;--dispatch-shadow-sm:0 1px 2px 0 #0000000d;--dispatch-shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d}.dispatch-page-wrapper{background-color:#f8f9fa;background-color:var(--dispatch-color-background);color:#212529;color:var(--dispatch-color-text-primary);display:flex;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-family:var(--dispatch-font-main);min-height:auto}.dispatch-main-content{flex-grow:1;margin:0 auto;max-width:1800px;overflow-y:auto;padding:18px;padding:var(--dispatch-spacing-lg)}.dispatch-main-header{margin-bottom:18px;margin-bottom:var(--dispatch-spacing-lg);text-align:center}.dispatch-main-title{align-items:center;color:#212529;color:var(--dispatch-color-text-primary);display:flex;font-size:1.8rem;font-weight:600;gap:8px;gap:var(--dispatch-spacing-sm);justify-content:center;margin-bottom:4px;margin-bottom:var(--dispatch-spacing-xs)}.dispatch-main-title svg{color:#0d6efd;color:var(--dispatch-color-primary)}.dispatch-main-subtitle{color:#6c757d;color:var(--dispatch-color-text-muted);font-size:.95rem}.dispatch-form{display:flex;flex-direction:column}.dispatch-global-message{align-items:center;border-radius:.375rem;border-radius:var(--dispatch-border-radius-medium);display:flex;font-size:.9rem;font-weight:500;gap:8px;gap:var(--dispatch-spacing-sm);margin-bottom:18px;margin-bottom:var(--dispatch-spacing-lg);padding:12px;padding:var(--dispatch-spacing-md)}.dispatch-global-message.dispatch-error-message{background-color:#f8d7da;border-left:4px solid #dc3545;border-left:4px solid var(--dispatch-color-danger);color:#721c24}.dispatch-global-message.dispatch-success-message{background-color:#d1e7dd;border-left:4px solid #198754;border-left:4px solid var(--dispatch-color-success);color:#0f5132}.dispatch-global-message svg{font-size:1.2em}.dispatch-form-section-wrapper{background-color:#fff;background-color:var(--dispatch-color-surface);border:1px solid #e5e7eb;border:1px solid var(--dispatch-color-light-border);border-radius:.5rem;border-radius:var(--dispatch-border-radius-large);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--dispatch-shadow-sm);margin-bottom:12px;margin-bottom:var(--dispatch-spacing-md);transition:box-shadow .2s ease}.dispatch-form-section-wrapper:focus-within{box-shadow:0 0 0 2px #0d6efd33,0 1px 2px 0 #0000000d;box-shadow:0 0 0 2px var(--dispatch-color-primary)33,var(--dispatch-shadow-sm)}button.dispatch-section-header{align-items:center;background-color:#fff;background-color:var(--dispatch-color-surface);border:none;border-bottom:1px solid #0000;border-radius:.5rem;border-radius:var(--dispatch-border-radius-large);cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:12px 18px;padding:var(--dispatch-spacing-md) var(--dispatch-spacing-lg);text-align:left;transition:background-color .2s ease,border-bottom-color .2s ease;width:100%}.dispatch-form-section-wrapper.open>button.dispatch-section-header{background-color:#f8f9fc;border-bottom-color:#e5e7eb;border-bottom-color:var(--dispatch-color-light-border);border-bottom-left-radius:0;border-bottom-right-radius:0}.dispatch-form-section-wrapper.open>button.dispatch-section-header .dispatch-section-heading-accordion{color:#0d6efd;color:var(--dispatch-color-primary);font-weight:500}button.dispatch-section-header:focus-visible{outline:2px solid #0d6efd;outline:2px solid var(--dispatch-color-primary);outline-offset:2px}button.dispatch-section-header:disabled{background-color:#e9ecef!important;color:#6c757d!important;color:var(--dispatch-color-text-muted)!important;cursor:not-allowed}button.dispatch-section-header:disabled .dispatch-section-icons>svg{color:#6c757d!important;color:var(--dispatch-color-text-muted)!important;opacity:.6}.dispatch-section-heading-accordion{color:#212529;color:var(--dispatch-color-text-primary);font-size:1.05rem;font-weight:500;margin:0}.dispatch-section-icons{align-items:center;display:flex;font-size:1.25rem;gap:8px;gap:var(--dispatch-spacing-sm)}.dispatch-section-icons .dispatch-completed-icon{color:#198754;color:var(--dispatch-color-success)}.dispatch-section-icons>svg:not(.dispatch-completed-icon){color:#6c757d;color:var(--dispatch-color-text-muted)}.dispatch-section-content{background-color:#fff;background-color:var(--dispatch-color-surface);border-bottom-left-radius:.5rem;border-bottom-left-radius:var(--dispatch-border-radius-large);border-bottom-right-radius:.5rem;border-bottom-right-radius:var(--dispatch-border-radius-large);border-top:none;padding:12px 18px;padding:var(--dispatch-spacing-md) var(--dispatch-spacing-lg)}.dispatch-form-grid{grid-gap:12px;grid-gap:var(--dispatch-spacing-md);display:grid;gap:12px;gap:var(--dispatch-spacing-md)}.dispatch-form-grid.two-columns{grid-template-columns:repeat(2,1fr)}.dispatch-form-group{display:flex;flex-direction:column;gap:4px;gap:var(--dispatch-spacing-xs)}.dispatch-label{color:#495057;color:var(--dispatch-color-text-secondary);font-size:.875rem;font-weight:500}.dispatch-label .dispatch-required{color:#dc3545;color:var(--dispatch-color-danger);margin-left:2px}.dispatch-input,.dispatch-select,.dispatch-textarea{background-color:#fff;background-color:var(--dispatch-color-surface);border:1px solid #d1d5db;border:1px solid var(--dispatch-color-border);border-radius:.375rem;border-radius:var(--dispatch-border-radius-medium);box-sizing:border-box;color:#212529;color:var(--dispatch-color-text-primary);font-size:.95rem;padding:8px 12px;padding:var(--dispatch-spacing-sm) var(--dispatch-spacing-md);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.dispatch-input:focus,.dispatch-select:focus,.dispatch-textarea:focus{border-color:#0d6efd;border-color:var(--dispatch-color-primary);box-shadow:0 0 0 .2rem #0d6efd33;box-shadow:0 0 0 .2rem var(--dispatch-color-primary)33;outline:none}.dispatch-input::placeholder,.dispatch-textarea::placeholder{color:#adb5bd;opacity:1}.dispatch-camera-btn.disabled,.dispatch-input:disabled,.dispatch-select:disabled,.dispatch-textarea:disabled,.dispatch-upload-btn.disabled{background-color:#e9ecef!important;border-color:#e5e7eb!important;border-color:var(--dispatch-color-light-border)!important;color:#6c757d!important;color:var(--dispatch-color-text-muted)!important;cursor:not-allowed;opacity:.7}.dispatch-textarea{min-height:70px;resize:vertical}.dispatch-searchable-dropdown-container{align-items:center;display:flex;position:relative;width:100%}.dispatch-input-icon{color:#6c757d;color:var(--dispatch-color-text-muted);font-size:1.1rem;left:12px;left:var(--dispatch-spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.dispatch-dropdown-toggle-btn{color:var(--dispatch-color-text-muted);padding:var(--dispatch-spacing-sm);right:var(--dispatch-spacing-xs)}.dispatch-dropdown-toggle-btn:hover{color:var(--dispatch-color-text-primary)}.dispatch-party-search-results{background-color:#fff;background-color:var(--dispatch-color-surface);border:1px solid #d1d5db;border:1px solid var(--dispatch-color-border);border-radius:.375rem;border-radius:var(--dispatch-border-radius-medium);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;box-shadow:var(--dispatch-shadow-md);list-style:none;margin-top:4px;margin-top:var(--dispatch-spacing-xs);max-height:200px;overflow-y:auto;padding:0;width:100%;z-index:1000}.dispatch-party-search-results li{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--dispatch-color-light-border);cursor:pointer;font-size:.9rem;padding:8px 12px;padding:var(--dispatch-spacing-sm) var(--dispatch-spacing-md)}.dispatch-party-search-results li:last-child{border-bottom:none}.dispatch-party-search-results li:hover{background-color:#cfe2ff;background-color:var(--dispatch-color-primary-light);color:#0d6efd;color:var(--dispatch-color-primary)}.dispatch-party-search-results li.dispatch-party-no-results-li{color:#6c757d;color:var(--dispatch-color-text-muted);cursor:default;font-style:italic}.dispatch-party-search-results li.dispatch-party-no-results-li:hover{background-color:initial;color:#6c757d;color:var(--dispatch-color-text-muted)}.dispatch-party-details-display{background-color:#f8f9fa;border:1px solid #e5e7eb;border:1px solid var(--dispatch-color-light-border);border-radius:.375rem;border-radius:var(--dispatch-border-radius-medium);font-size:.9rem;margin-top:12px;margin-top:var(--dispatch-spacing-md);padding:8px 12px;padding:var(--dispatch-spacing-sm) var(--dispatch-spacing-md)}.dispatch-party-details-display h4{color:#0d6efd;color:var(--dispatch-color-primary);font-size:.95rem;font-weight:500;margin-bottom:8px;margin-bottom:var(--dispatch-spacing-sm);margin-top:0}.dispatch-party-details-grid{grid-gap:4px;grid-gap:var(--dispatch-spacing-xs);display:grid;gap:4px;gap:var(--dispatch-spacing-xs);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dispatch-party-details-display p{color:#495057;color:var(--dispatch-color-text-secondary);margin:4px 0;margin:var(--dispatch-spacing-xs) 0}.dispatch-party-details-display p strong{color:#212529;color:var(--dispatch-color-text-primary)}.dispatch-orders-section{border-top:1px dashed #e5e7eb;border-top:1px dashed var(--dispatch-color-light-border);margin-top:12px;margin-top:var(--dispatch-spacing-md);padding-top:12px;padding-top:var(--dispatch-spacing-md)}.dispatch-inline-loader{align-items:center;color:#6c757d;color:var(--dispatch-color-text-muted);display:flex;font-size:.9rem;font-style:italic;gap:8px;gap:var(--dispatch-spacing-sm)}.dispatch-loading-spinner-small{animation:dispatch-spin 1s linear infinite;font-size:1.1em}.dispatch-available-orders-list{background-color:#f8f9fa;border:1px solid #e5e7eb;border:1px solid var(--dispatch-color-light-border);border-radius:.25rem;border-radius:var(--dispatch-border-radius-small);margin-bottom:12px;margin-bottom:var(--dispatch-spacing-md);margin-top:4px;margin-top:var(--dispatch-spacing-xs);padding:8px;padding:var(--dispatch-spacing-sm)}.dispatch-available-orders-list p{color:#495057;color:var(--dispatch-color-text-secondary);font-size:.85rem;font-weight:500;margin-bottom:4px;margin-bottom:var(--dispatch-spacing-xs)}.dispatch-available-orders-list ul{list-style-type:none;max-height:150px;overflow-y:auto;padding-left:0}.dispatch-available-orders-list li{border-bottom:1px dotted #eee;color:#212529;color:var(--dispatch-color-text-primary);font-size:.85rem;padding:4px 8px;padding:var(--dispatch-spacing-xs) var(--dispatch-spacing-sm)}.dispatch-available-orders-list li:last-child{border-bottom:none}.dispatch-no-orders-message{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:.375rem;border-radius:var(--dispatch-border-radius-medium);color:#856404;font-size:.9em;margin-top:8px;margin-top:var(--dispatch-spacing-sm);padding:8px;padding:var(--dispatch-spacing-sm);text-align:center}.dispatch-select-wrapper{position:relative;width:100%}.dispatch-select-wrapper .dispatch-select-icon{color:#6c757d;color:var(--dispatch-color-text-muted);font-size:1.1rem;left:12px;left:var(--dispatch-spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.dispatch-input.dispatch-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-position:right var(--dispatch-spacing-md) center;background-repeat:no-repeat;padding-left:2.8rem;padding-right:40px;padding-right:calc(var(--dispatch-spacing-md)*2 + 16px)}.dispatch-input-hint{color:#6c757d;color:var(--dispatch-color-text-muted);display:block;font-size:.8rem;margin-top:4px;margin-top:var(--dispatch-spacing-xs)}.dispatch-file-input-controls{display:flex;gap:8px;gap:var(--dispatch-spacing-sm);margin-bottom:8px;margin-bottom:var(--dispatch-spacing-sm)}.dispatch-camera-btn,.dispatch-upload-btn{align-items:center;background-color:#fff;background-color:var(--dispatch-color-surface);border:1px solid #d1d5db;border:1px solid var(--dispatch-color-border);border-radius:.375rem;border-radius:var(--dispatch-border-radius-medium);color:#495057;color:var(--dispatch-color-text-secondary);cursor:pointer;display:inline-flex;flex-grow:1;font-size:.9rem;gap:4px;gap:var(--dispatch-spacing-xs);justify-content:center;padding:8px 12px;padding:var(--dispatch-spacing-sm) var(--dispatch-spacing-md);transition:all .2s ease-out}.dispatch-camera-btn:not(.disabled):hover,.dispatch-upload-btn:not(.disabled):hover{background-color:#cfe2ff;background-color:var(--dispatch-color-primary-light);border-color:#0d6efd;border-color:var(--dispatch-color-primary);color:#0d6efd;color:var(--dispatch-color-primary)}.dispatch-file-input-hidden{display:none}.dispatch-image-preview,.dispatch-video-feed{background-color:#f0f0f0;border:1px solid #e5e7eb;border:1px solid var(--dispatch-color-light-border);border-radius:.25rem;border-radius:var(--dispatch-border-radius-small);height:auto;margin-top:8px;margin-top:var(--dispatch-spacing-sm);max-height:200px;max-width:100%;object-fit:contain}.dispatch-video-feed{background-color:#000}.dispatch-file-name-display{background-color:#f8f9fa;border-radius:.25rem;border-radius:var(--dispatch-border-radius-small);color:#495057;color:var(--dispatch-color-text-secondary);display:block;font-size:.85rem;font-style:italic;margin-top:4px;margin-top:var(--dispatch-spacing-xs);overflow:hidden;padding:4px;padding:var(--dispatch-spacing-xs);text-overflow:ellipsis;white-space:nowrap}.dispatch-camera-view{background-color:#f9f9f9;border:1px solid #d1d5db;border:1px solid var(--dispatch-color-border);border-radius:.375rem;border-radius:var(--dispatch-border-radius-medium);padding:8px;padding:var(--dispatch-spacing-sm)}.dispatch-camera-actions,.dispatch-camera-view{margin-top:8px;margin-top:var(--dispatch-spacing-sm)}.dispatch-camera-actions{display:flex;gap:8px;gap:var(--dispatch-spacing-sm);justify-content:center}.dispatch-cancel-camera-btn,.dispatch-capture-btn{border:1px solid #0000;border-radius:.25rem;border-radius:var(--dispatch-border-radius-small);cursor:pointer;font-size:.85rem;font-weight:500;padding:4px 12px;padding:var(--dispatch-spacing-xs) var(--dispatch-spacing-md)}.dispatch-capture-btn{background-color:#198754;background-color:var(--dispatch-color-success);color:#fff}.dispatch-cancel-camera-btn{background-color:#dc3545;background-color:var(--dispatch-color-danger);color:#fff}.dispatch-form-actions{display:flex;flex-direction:column;gap:12px;gap:var(--dispatch-spacing-md);margin-top:18px;margin-top:var(--dispatch-spacing-lg)}.dispatch-submit-button{align-items:center;background-color:#0d6efd;background-color:var(--dispatch-color-primary);border:none;border-radius:.375rem;border-radius:var(--dispatch-border-radius-medium);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;gap:var(--dispatch-spacing-sm);justify-content:center;padding:12px 18px;padding:var(--dispatch-spacing-md) var(--dispatch-spacing-lg);transition:background-color .2s ease-out;width:100%}.dispatch-submit-button:hover:not(:disabled){background-color:#0b5ed7}.dispatch-submit-button:disabled{cursor:not-allowed;opacity:.65}.dispatch-submit-button svg{font-size:1.2em}.dispatch-loading-spinner{animation:dispatch-spin 1s linear infinite}@keyframes dispatch-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.dispatch-main-content{padding:12px;padding:var(--dispatch-spacing-md)}.dispatch-main-title{font-size:1.6rem}.dispatch-form-grid.two-columns{grid-template-columns:1fr}button.dispatch-section-header{padding:8px 12px;padding:var(--dispatch-spacing-sm) var(--dispatch-spacing-md)}.dispatch-section-heading-accordion{font-size:1rem}.dispatch-section-content{padding:12px;padding:var(--dispatch-spacing-md)}.dispatch-file-input-controls{flex-direction:column}.dispatch-camera-btn,.dispatch-upload-btn{width:100%}}@media (max-width:480px){.dispatch-main-title{font-size:1.4rem}.dispatch-camera-btn,.dispatch-input,.dispatch-select,.dispatch-submit-button,.dispatch-textarea,.dispatch-upload-btn{font-size:.9rem}.dispatch-label{font-size:.8rem}.dispatch-section-heading-accordion{font-size:.95rem}.dispatch-section-icons{font-size:1.2rem}.dispatch-main-content{padding:8px;padding:var(--dispatch-spacing-sm)}}.dispatch-search-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.dispatch-input.dispatch-search-input{box-sizing:border-box;flex-grow:1;padding-left:2.8rem;padding-right:2.8rem}.dispatch-search-icon{color:#6c757d;color:var(--dispatch-color-text-muted,#6c757d);font-size:1.1rem;left:12px;left:var(--dispatch-spacing-md,12px);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.dispatch-dropdown-toggle-btn svg.dispatch-clear-search-icon-svg{color:#dc3545;color:var(--dispatch-color-danger,#dc3545)}.dispatch-dropdown-toggle-btn:hover svg.dispatch-clear-search-icon-svg{color:#a71d2a}.dispatch-dropdown-toggle-btn{align-items:center;background:#0000;border:none;color:#6c757d;color:var(--dispatch-color-text-muted,#6c757d);cursor:pointer;display:flex;justify-content:center;padding:8px;padding:var(--dispatch-spacing-sm,8px);position:absolute;right:4px;right:var(--dispatch-spacing-xs,4px);top:50%;transform:translateY(-50%);z-index:3}.dispatch-dropdown-toggle-btn:hover{color:#212529;color:var(--dispatch-color-text-primary,#212529)}.dispatch-dropdown-toggle-btn svg{height:18px;transition:color .2s ease-in-out;width:18px}:root{--complaint-color-primary:#d32f2f;--complaint-color-primary-light:#ffebee;--complaint-color-surface:#fff;--complaint-color-background:#f8f9fa;--complaint-color-text-primary:#212529;--complaint-color-text-secondary:#495057;--complaint-color-text-on-primary:#fff;--complaint-color-text-muted:#6c757d;--complaint-color-border:#d1d5db;--complaint-color-light-border:#e5e7eb;--complaint-color-success:#10b981;--complaint-color-danger:var(--complaint-color-primary);--complaint-font-main:"Inter",sans-serif;--complaint-spacing-xs:4px;--complaint-spacing-sm:8px;--complaint-spacing-md:12px;--complaint-spacing-lg:18px;--complaint-spacing-xl:24px;--complaint-border-radius-small:4px;--complaint-border-radius-medium:6px;--complaint-border-radius-large:10px;--complaint-shadow-sm:0 1px 2px 0 #0000000d;--complaint-shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;--complaint-primary-gradient:linear-gradient(135deg,var(--complaint-color-primary) 0%,#b71c1c 100%)}.complaint-page-wrapper{background-color:#f8f9fa;background-color:var(--complaint-color-background);color:#212529;color:var(--complaint-color-text-primary);display:flex;font-family:Inter,sans-serif;font-family:var(--complaint-font-main);min-height:auto}.complaint-main-content{flex-grow:1;margin:0 auto;max-width:1800px;overflow-y:auto;padding:18px;padding:var(--complaint-spacing-lg)}.complaint-main-header{margin-bottom:18px;margin-bottom:var(--complaint-spacing-lg);text-align:center}.complaint-main-title{align-items:center;color:#212529;color:var(--complaint-color-text-primary);display:flex;font-size:1.8rem;font-weight:700;gap:8px;gap:var(--complaint-spacing-sm);justify-content:center;margin-bottom:4px;margin-bottom:var(--complaint-spacing-xs)}.complaint-main-title svg{color:#d32f2f;color:var(--complaint-color-primary)}.complaint-main-subtitle{color:#6c757d;color:var(--complaint-color-text-muted);font-size:.95rem}.complaint-form{display:flex;flex-direction:column}.complaint-global-message{align-items:center;border-radius:6px;border-radius:var(--complaint-border-radius-medium);display:flex;font-weight:500;gap:8px;gap:var(--complaint-spacing-sm);margin-bottom:18px;margin-bottom:var(--complaint-spacing-lg);padding:12px;padding:var(--complaint-spacing-md)}.complaint-global-message.complaint-error-message{background-color:#d32f2f1a;background-color:var(--complaint-color-danger)1A;border-left:4px solid #d32f2f;border-left:4px solid var(--complaint-color-danger);color:#d32f2f;color:var(--complaint-color-danger)}.complaint-global-message.complaint-success-message{background-color:#10b9811a;background-color:var(--complaint-color-success)1A;border-left:4px solid #10b981;border-left:4px solid var(--complaint-color-success);color:#10b981;color:var(--complaint-color-success)}.complaint-global-message svg{font-size:1.2em}.complaint-form-section-wrapper{background-color:#fff;background-color:var(--complaint-color-surface);border:1px solid #e5e7eb;border:1px solid var(--complaint-color-light-border);border-radius:10px;border-radius:var(--complaint-border-radius-large);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;box-shadow:var(--complaint-shadow-md);margin-bottom:12px;margin-bottom:var(--complaint-spacing-md);transition:box-shadow .3s ease,border-color .3s ease}.complaint-form-section-wrapper:focus-within{border-color:#d32f2f66;border-color:var(--complaint-color-primary)66;box-shadow:0 0 0 2px #d32f2f44,0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;box-shadow:0 0 0 2px var(--complaint-color-primary)44,var(--complaint-shadow-md)}button.complaint-section-header{align-items:center;background-color:#fff;background-color:var(--complaint-color-surface);border:none;border-radius:10px;border-radius:var(--complaint-border-radius-large);cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:12px 18px;padding:var(--complaint-spacing-md) var(--complaint-spacing-lg);text-align:left;transition:background-color .2s ease,border-bottom-color .2s ease,color .2s ease;width:100%}.complaint-form-section-wrapper:not(.open)>button.complaint-section-header:not(:disabled):hover{background-color:#f9fafb}.complaint-form-section-wrapper.open>button.complaint-section-header{background-image:linear-gradient(90deg,#ffebee,#fff);background-image:linear-gradient(to right,var(--complaint-color-primary-light),var(--complaint-color-surface));border-bottom:1px solid #d32f2f33;border-bottom:1px solid var(--complaint-color-primary)33;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#d32f2f;color:var(--complaint-color-primary)}.complaint-form-section-wrapper.open>button.complaint-section-header .complaint-section-heading-accordion{font-weight:700}button.complaint-section-header:focus-visible{outline:2px solid #d32f2f;outline:2px solid var(--complaint-color-primary);outline-offset:2px}button.complaint-section-header:disabled{background-color:#f8f9fa!important;color:#6c757d!important;color:var(--complaint-color-text-muted)!important;cursor:not-allowed}button.complaint-section-header:disabled .complaint-section-icons>svg{color:#6c757d!important;color:var(--complaint-color-text-muted)!important;opacity:.6}.complaint-section-heading-accordion{color:inherit;font-size:1.05rem;font-weight:600;margin:0;transition:font-weight .2s ease}.complaint-section-icons{align-items:center;display:flex;font-size:1.35rem;gap:8px;gap:var(--complaint-spacing-sm)}.complaint-section-icons .complaint-completed-icon{color:#10b981;color:var(--complaint-color-success);font-size:1.2rem}.complaint-section-icons>svg:not(.complaint-completed-icon){color:#6c757d;color:var(--complaint-color-text-muted);transition:transform .3s ease-in-out}.complaint-form-section-wrapper.open>button.complaint-section-header:not(:disabled) .complaint-section-icons>svg:not(.complaint-completed-icon){color:#d32f2f;color:var(--complaint-color-primary)}.complaint-section-content{animation:complaint-fadeInContent .35s ease-out forwards;background-color:#fff;background-color:var(--complaint-color-surface);border-bottom-left-radius:10px;border-bottom-left-radius:var(--complaint-border-radius-large);border-bottom-right-radius:10px;border-bottom-right-radius:var(--complaint-border-radius-large);border-top:none;padding:12px 18px;padding:var(--complaint-spacing-md) var(--complaint-spacing-lg)}@keyframes complaint-fadeInContent{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.complaint-form-group{display:flex;flex-direction:column;gap:4px;gap:var(--complaint-spacing-xs)}.complaint-label{color:#495057;color:var(--complaint-color-text-secondary);font-size:.85rem;font-weight:500}.complaint-label .complaint-required{color:#d32f2f;color:var(--complaint-color-danger);margin-left:2px}.complaint-input,.complaint-select,.complaint-textarea{background-color:#fff;background-color:var(--complaint-color-surface);border:1px solid #d1d5db;border:1px solid var(--complaint-color-border);border-radius:6px;border-radius:var(--complaint-border-radius-medium);box-sizing:border-box;color:#212529;color:var(--complaint-color-text-primary);font-size:.95rem;padding:8px 12px;padding:var(--complaint-spacing-sm) var(--complaint-spacing-md);transition:border-color .2s ease-out,box-shadow .2s ease-out;width:100%}.complaint-input:focus,.complaint-select:focus,.complaint-textarea:focus{border-color:#d32f2f;border-color:var(--complaint-color-primary);box-shadow:0 0 0 2.5px #d32f2f55;box-shadow:0 0 0 2.5px var(--complaint-color-primary)55;outline:none}.complaint-input::placeholder,.complaint-textarea::placeholder{color:#6c757d;color:var(--complaint-color-text-muted);opacity:.8}.complaint-input:disabled,.complaint-select:disabled,.complaint-textarea:disabled,.complaint-upload-btn.disabled{background-color:#f3f4f6!important;border-color:#e5e7eb!important;border-color:var(--complaint-color-light-border)!important;color:#6c757d!important;color:var(--complaint-color-text-muted)!important;cursor:not-allowed;opacity:.7}.complaint-textarea{min-height:100px;resize:vertical}.complaint-select-wrapper{position:relative;width:100%}.complaint-select-wrapper .complaint-select-icon{color:#6c757d;color:var(--complaint-color-text-muted);font-size:1.1rem;left:12px;left:var(--complaint-spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.complaint-input.complaint-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d' class='bi bi-chevron-down'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-position:right var(--complaint-spacing-md) center;background-repeat:no-repeat;padding-right:40px;padding-right:calc(var(--complaint-spacing-md)*2 + 16px)}.complaint-select-wrapper .complaint-input.complaint-select{padding-left:32px;padding-left:calc(var(--complaint-spacing-md)*2 + var(--complaint-spacing-sm))}.complaint-input-hint{color:#6c757d;color:var(--complaint-color-text-muted);display:block;font-size:.8rem;margin-top:4px;margin-top:var(--complaint-spacing-xs)}.complaint-file-input-area{background-color:#fdfdff;border:2px dashed #d1d5db;border:2px dashed var(--complaint-color-border);border-radius:6px;border-radius:var(--complaint-border-radius-medium);display:flex;flex-direction:column;gap:8px;gap:var(--complaint-spacing-sm);padding:12px;padding:var(--complaint-spacing-md);transition:border-color .2s ease-out}.complaint-file-input-area:hover{border-color:#d32f2f;border-color:var(--complaint-color-primary)}.complaint-upload-btn{align-items:center;background-color:#fff;background-color:var(--complaint-color-surface);border:1px solid #d32f2f;border:1px solid var(--complaint-color-primary);border-radius:6px;border-radius:var(--complaint-border-radius-medium);color:#d32f2f;color:var(--complaint-color-primary);cursor:pointer;display:inline-flex;font-weight:500;gap:8px;gap:var(--complaint-spacing-sm);justify-content:center;padding:8px 18px;padding:var(--complaint-spacing-sm) var(--complaint-spacing-lg);transition:background-color .2s ease-out,color .2s ease-out;width:100%}.complaint-upload-btn:not(.disabled):hover{background-color:#ffebee;background-color:var(--complaint-color-primary-light)}.complaint-upload-btn svg{font-size:1.1em}.complaint-file-input-hidden{display:none}.complaint-file-name-display{color:#495057;color:var(--complaint-color-text-secondary);font-size:.85rem;font-style:italic;word-break:break-all}.complaint-attachment-preview{background-color:#f0f0f0;border:1px solid #e5e7eb;border:1px solid var(--complaint-color-light-border);border-radius:4px;border-radius:var(--complaint-border-radius-small);margin-top:8px;margin-top:var(--complaint-spacing-sm);max-height:250px;max-width:100%;object-fit:contain}.complaint-attachment-preview.other-preview,.complaint-attachment-preview.pdf-preview{align-items:center;color:#6c757d;color:var(--complaint-color-text-muted);display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:18px;padding:var(--complaint-spacing-lg);text-align:center}.complaint-attachment-preview.other-preview p,.complaint-attachment-preview.pdf-preview p{font-size:.9rem;margin-top:8px;margin-top:var(--complaint-spacing-sm);word-break:break-all}.complaint-form-actions{background-color:#fff;background-color:var(--complaint-color-surface);border-radius:10px;border-radius:var(--complaint-border-radius-large);border-top:1px solid #e5e7eb;border-top:1px solid var(--complaint-color-light-border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--complaint-shadow-sm);display:flex;flex-direction:column;gap:12px;gap:var(--complaint-spacing-md);margin-top:18px;margin-top:var(--complaint-spacing-lg);padding:12px;padding:var(--complaint-spacing-md)}.complaint-submit-button{align-items:center;background:linear-gradient(135deg,#d32f2f,#b71c1c);background:var(--complaint-primary-gradient);border:none;border-radius:6px;border-radius:var(--complaint-border-radius-medium);box-shadow:0 3px 10px -2px #d32f2f4d;box-shadow:0 3px 10px -2px var(--complaint-color-primary)4D;color:#fff;color:var(--complaint-color-text-on-primary);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;gap:var(--complaint-spacing-sm);justify-content:center;padding:12px 18px;padding:var(--complaint-spacing-md) var(--complaint-spacing-lg);transition:all .25s ease-out;width:100%}.complaint-submit-button:hover:not(:disabled){box-shadow:0 5px 15px -3px #d32f2f55;box-shadow:0 5px 15px -3px var(--complaint-color-primary)55;transform:translateY(-2px) scale(1.01)}.complaint-submit-button:disabled{cursor:not-allowed;opacity:.6}.complaint-submit-button svg{font-size:1.2em}.complaint-loading-spinner{animation:complaint-spin 1s linear infinite}@keyframes complaint-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.complaint-main-content{padding:12px;padding:var(--complaint-spacing-md)}.complaint-main-title{font-size:1.5rem}button.complaint-section-header{padding:8px 12px;padding:var(--complaint-spacing-sm) var(--complaint-spacing-md)}.complaint-section-heading-accordion{font-size:1rem}.complaint-section-content{padding:12px;padding:var(--complaint-spacing-md)}}@media (max-width:480px){.complaint-main-title{font-size:1.3rem}.complaint-input,.complaint-select,.complaint-submit-button,.complaint-textarea,.complaint-upload-btn{font-size:.9rem}.complaint-label{font-size:.8rem}.complaint-section-heading-accordion{font-size:.95rem}.complaint-section-icons{font-size:1.2rem}.complaint-main-content{padding:8px;padding:var(--complaint-spacing-sm)}}:root{--view-complaint-color-primary:#d32f2f;--view-complaint-color-header-bg:#f9f9f9;--view-complaint-color-row-hover-bg:#f1f1f1;--view-complaint-color-border:#e0e0e0;--view-complaint-color-text-primary:#333;--view-complaint-color-text-secondary:#555;--view-complaint-color-link:var(--view-complaint-color-primary);--view-complaint-status-pending-bg:#fff9c4;--view-complaint-status-pending-text:#f57f17;--view-complaint-status-in-progress-bg:#e3f2fd;--view-complaint-status-in-progress-text:#0d47a1;--view-complaint-status-resolved-bg:#e8f5e9;--view-complaint-status-resolved-text:#1b5e20;--view-complaint-status-closed-bg:#f5f5f5;--view-complaint-status-closed-text:#757575;--view-complaint-status-unknown-bg:#eee;--view-complaint-status-unknown-text:#616161;--view-complaint-font-main:"Inter",sans-serif;--view-complaint-spacing-xs:4px;--view-complaint-spacing-sm:8px;--view-complaint-spacing-md:12px;--view-complaint-spacing-lg:18px;--view-complaint-border-radius:6px}.view-complaint-page-wrapper{background-color:#f4f6f8;font-family:Inter,sans-serif;font-family:var(--view-complaint-font-main);min-height:calc(100vh - 36px);min-height:calc(100vh - var(--view-complaint-spacing-lg)*2);padding:18px;padding:var(--view-complaint-spacing-lg)}.view-complaint-header{background-color:#fff;border-radius:6px;border-radius:var(--view-complaint-border-radius);box-shadow:0 2px 4px #0000000d;margin-bottom:18px;margin-bottom:var(--view-complaint-spacing-lg);padding:12px;padding:var(--view-complaint-spacing-md)}.view-complaint-title{align-items:center;color:#333;color:var(--view-complaint-color-text-primary);display:flex;font-size:1.8rem;font-weight:600;gap:8px;gap:var(--view-complaint-spacing-sm);margin:0 0 12px;margin:0 0 var(--view-complaint-spacing-md) 0}.view-complaint-title svg{color:#d32f2f;color:var(--view-complaint-color-primary)}.view-complaint-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--view-complaint-spacing-md);margin-top:12px;margin-top:var(--view-complaint-spacing-md)}.view-complaint-search-wrapper{flex-grow:1;min-width:250px;position:relative}.view-complaint-search-icon{color:#aaa;font-size:1rem;left:12px;left:var(--view-complaint-spacing-md);position:absolute;top:50%;transform:translateY(-50%)}.view-complaint-filter-select,.view-complaint-search-input{border:1px solid #e0e0e0;border:1px solid var(--view-complaint-color-border);border-radius:6px;border-radius:var(--view-complaint-border-radius);box-sizing:border-box;font-size:.95rem;padding:8px 12px;padding:var(--view-complaint-spacing-sm) var(--view-complaint-spacing-md);transition:border-color .2s,box-shadow .2s;width:100%}.view-complaint-search-input{padding-left:calc(20px + 1rem);padding-left:calc(var(--view-complaint-spacing-md) + 1rem + var(--view-complaint-spacing-sm))}.view-complaint-filter-select{flex-grow:0;min-width:180px}.view-complaint-filter-select:focus,.view-complaint-search-input:focus{border-color:#d32f2f;border-color:var(--view-complaint-color-primary);box-shadow:0 0 0 2px #d32f2f33;box-shadow:0 0 0 2px var(--view-complaint-color-primary)33;outline:none}.view-complaint-table-container{background-color:#fff;border-radius:6px;border-radius:var(--view-complaint-border-radius);box-shadow:0 2px 8px #0000000f;overflow-x:auto}.view-complaint-table{border-collapse:collapse;color:#555;color:var(--view-complaint-color-text-secondary);font-size:.9rem;width:100%}.view-complaint-table td,.view-complaint-table th{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--view-complaint-color-border);padding:12px 18px;padding:var(--view-complaint-spacing-md) var(--view-complaint-spacing-lg);text-align:left}.view-complaint-table th{background-color:#f9f9f9;background-color:var(--view-complaint-color-header-bg);color:#333;color:var(--view-complaint-color-text-primary);cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none;white-space:nowrap}.view-complaint-table th svg{font-size:.9em;margin-left:4px;margin-left:var(--view-complaint-spacing-xs);vertical-align:middle}.view-complaint-table tbody tr:hover{background-color:#f1f1f1;background-color:var(--view-complaint-color-row-hover-bg)}.view-complaint-table tbody tr:last-child td{border-bottom:none}.view-complaint-description-cell{max-width:250px;white-space:normal;word-break:break-word}.view-complaint-status-badge{border-radius:6px;border-radius:var(--view-complaint-border-radius);display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px;padding:var(--view-complaint-spacing-xs) var(--view-complaint-spacing-sm);text-transform:capitalize}.status-pending{background-color:#fff9c4;background-color:var(--view-complaint-status-pending-bg);color:#f57f17;color:var(--view-complaint-status-pending-text)}.status-in-progress{background-color:#e3f2fd;background-color:var(--view-complaint-status-in-progress-bg);color:#0d47a1;color:var(--view-complaint-status-in-progress-text)}.status-resolved{background-color:#e8f5e9;background-color:var(--view-complaint-status-resolved-bg);color:#1b5e20;color:var(--view-complaint-status-resolved-text)}.status-closed{background-color:#f5f5f5;background-color:var(--view-complaint-status-closed-bg);color:#757575;color:var(--view-complaint-status-closed-text)}.status-unknown{background-color:#eee;background-color:var(--view-complaint-status-unknown-bg);color:#616161;color:var(--view-complaint-status-unknown-text)}.view-complaint-attachment-cell{white-space:nowrap}.view-complaint-attachment-link{align-items:center;color:#d32f2f;color:var(--view-complaint-color-link);display:inline-flex;font-size:.85rem;gap:4px;gap:var(--view-complaint-spacing-xs);text-decoration:none;transition:color .2s}.view-complaint-attachment-link:hover{color:#d32f2f;color:var(--view-complaint-color-primary);text-decoration:underline}.view-complaint-attachment-link svg{flex-shrink:0;font-size:1.1em}.view-complaint-attachment-filename{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-complaint-actions{white-space:nowrap}.view-complaint-action-btn{align-items:center;background:none;border:1px solid #0000;border-radius:6px;border-radius:var(--view-complaint-border-radius);color:#555;color:var(--view-complaint-color-text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;gap:4px;gap:var(--view-complaint-spacing-xs);margin-right:4px;margin-right:var(--view-complaint-spacing-xs);padding:4px 8px;padding:var(--view-complaint-spacing-xs) var(--view-complaint-spacing-sm);transition:all .2s}.view-complaint-action-btn.view:hover{background-color:#17a2b811;border-color:#17a2b833;color:#17a2b8}.view-complaint-error-message,.view-complaint-loading,.view-complaint-no-data{color:var(--view-complaint-color-text-muted);font-size:1.1rem;padding:18px 12px;padding:var(--view-complaint-spacing-lg) var(--view-complaint-spacing-md);text-align:center}.view-complaint-error-message{background-color:var(--view-complaint-color-danger)1A;border:1px solid var(--view-complaint-color-danger)33;border-radius:6px;border-radius:var(--view-complaint-border-radius);color:var(--view-complaint-color-danger)}.view-complaint-spinner{animation:view-complaint-spin 1s linear infinite;margin-left:8px;margin-left:var(--view-complaint-spacing-sm);vertical-align:middle}@keyframes view-complaint-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:992px){.view-complaint-table thead{display:none}.view-complaint-table,.view-complaint-table tbody,.view-complaint-table td,.view-complaint-table tr{display:block;width:100%!important}.view-complaint-table tr{border:1px solid #e0e0e0;border:1px solid var(--view-complaint-color-border);border-radius:6px;border-radius:var(--view-complaint-border-radius);box-shadow:0 1px 3px #0000000a;margin-bottom:12px;margin-bottom:var(--view-complaint-spacing-md);padding:4px 0;padding:var(--view-complaint-spacing-xs) 0}.view-complaint-table td{border-bottom:1px dashed var(--view-complaint-color-light-border);padding-bottom:8px;padding-bottom:var(--view-complaint-spacing-sm);padding-left:45%;padding-top:8px;padding-top:var(--view-complaint-spacing-sm);position:relative;text-align:right}.view-complaint-table td:last-child{border-bottom:none}.view-complaint-table td:before{color:#333;color:var(--view-complaint-color-text-primary);content:attr(data-label);font-weight:600;left:12px;left:var(--view-complaint-spacing-md);padding-right:12px;padding-right:var(--view-complaint-spacing-md);position:absolute;text-align:left;white-space:nowrap;width:calc(45% - 18px);width:calc(45% - var(--view-complaint-spacing-lg))}.view-complaint-actions,.view-complaint-attachment-cell{text-align:right}.view-complaint-description-cell{max-width:none;white-space:normal}.view-complaint-attachment-link{justify-content:flex-end}}@media (max-width:480px){.view-complaint-controls{align-items:stretch;flex-direction:column}.view-complaint-filter-select{width:100%}.view-complaint-table td{padding-left:40%}.view-complaint-table td:before{padding-right:4px;padding-right:var(--view-complaint-spacing-xs);width:calc(40% - 8px);width:calc(40% - var(--view-complaint-spacing-sm))}}.ap-admin-page-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px auto;max-width:1200px;padding:20px}.ap-admin-title{align-items:center;color:#333;display:flex;font-size:1.8rem;gap:10px;justify-content:center;margin-bottom:20px;text-align:center}.ap-admin-title svg{color:#007bff}.ap-admin-error.global-error,.ap-admin-loading,.ap-admin-no-data{color:#555;font-size:1.1rem;padding:40px 20px;text-align:center}.ap-admin-spinner{animation:ap-admin-spin 1s linear infinite;font-size:1.5em;margin-right:10px}@keyframes ap-admin-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ap-admin-action-message{border-radius:4px;font-size:.9rem;margin-bottom:15px;padding:10px;text-align:center}.ap-admin-action-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.ap-admin-action-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.ap-admin-table-container{overflow-x:auto}.ap-admin-table{border-collapse:collapse;font-size:.9rem;width:100%}.ap-admin-table td,.ap-admin-table th{border:1px solid #e0e0e0;padding:10px 12px;text-align:left;vertical-align:middle}.ap-admin-table th{background-color:#f8f9fa;font-weight:500;white-space:nowrap}.ap-admin-table tbody tr:nth-child(2n){background-color:#fdfdfd}.ap-admin-table tbody tr:hover{background-color:#f1f1f1}.ap-admin-actions{display:flex;gap:8px;white-space:nowrap}.ap-admin-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.85rem;gap:5px;padding:6px 10px;transition:opacity .2s}.ap-admin-btn:hover{opacity:.85}.ap-admin-btn.approve{background-color:#28a745;color:#fff}.ap-admin-btn.reject{background-color:#dc3545;color:#fff}@media (max-width:768px){.ap-admin-table thead{display:none}.ap-admin-table,.ap-admin-table tbody,.ap-admin-table td,.ap-admin-table tr{display:block;width:100%!important}.ap-admin-table tr{background-color:#fff;border:1px solid #ccc;border-radius:6px;margin-bottom:15px}.ap-admin-table td{border:none;border-bottom:1px dotted #eee;padding-left:50%;position:relative;text-align:right}.ap-admin-table td:last-child{border-bottom:none}.ap-admin-table td:before{content:attr(data-label);font-weight:700;left:10px;padding-right:10px;position:absolute;text-align:left;white-space:nowrap;width:calc(50% - 20px)}.ap-admin-actions{justify-content:flex-end}}:root{--tdp-primary-color:#005a9c;--tdp-accent-color:#4a90e2;--tdp-text-primary:#2c3e50;--tdp-text-secondary:#5a6f80;--tdp-bg-page:#f4f7fa;--tdp-bg-slip:#fff;--tdp-border-light:#e1e8ed;--tdp-border-medium:#ccd7e0;--tdp-status-dispatched:#27ae60;--tdp-status-in-transit:#2980b9;--tdp-status-delivered:#005a9c;--tdp-status-pending:#f39c12;--tdp-status-cancelled:#c0392b;--tdp-status-unknown:#7f8c8d;--tdp-danger-color:#e74c3c;--tdp-font-heading:"Roboto Slab",serif;--tdp-font-body:"Inter",sans-serif;--tdp-slip-shadow:0 4px 6px #0000000a,0 10px 30px #00000014;--tdp-slip-radius:8px;--tdp-transition-fast:all 0.2s ease-out}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7fa;background-color:var(--tdp-bg-page);margin:0}.tdp-page-container{align-items:center;box-sizing:border-box;color:#2c3e50;color:var(--tdp-text-primary);display:flex;flex-direction:column;font-family:Inter,sans-serif;font-family:var(--tdp-font-body);min-height:auto;padding:20px 15px}.tdp-slip-container{margin:30px auto;max-width:700px;width:100%}.tdp-slip{background-color:#fff;background-color:var(--tdp-bg-slip);border-radius:8px;border-radius:var(--tdp-slip-radius);box-shadow:0 4px 6px #0000000a,0 10px 30px #00000014;box-shadow:var(--tdp-slip-shadow);overflow:hidden;padding:0;position:relative}.tdp-branding-bar{background:linear-gradient(90deg,#005a9c,#4a90e2);background:linear-gradient(90deg,var(--tdp-primary-color) 0,var(--tdp-accent-color) 100%);height:8px;width:100%}.tdp-slip-header{align-items:center;border-bottom:1px solid #e1e8ed;border-bottom:1px solid var(--tdp-border-light);display:flex;justify-content:center;padding:20px 25px}.tdp-logo-area{align-items:center;display:flex;gap:10px}.tdp-logo{max-height:60px;width:auto}.tdp-main-title{color:#2c3e50;color:var(--tdp-text-primary);font-family:Roboto Slab,serif;font-family:var(--tdp-font-heading);font-size:1.8rem;font-weight:700;margin:25px 25px 15px;text-align:center}.tdp-summary-section{background-color:#f9fbfc;border:1px solid #e1e8ed;border:1px solid var(--tdp-border-light);border-radius:6px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-around;margin:0 25px 25px;padding:18px 25px}.tdp-summary-item{flex:1 1;min-width:150px;text-align:center}.tdp-summary-label{color:#5a6f80;color:var(--tdp-text-secondary);display:block;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.tdp-summary-value{align-items:center;border-radius:3px;color:#005a9c;color:var(--tdp-primary-color);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--tdp-font-body);font-size:1.2rem;font-weight:600;gap:5px;padding:2px 4px;transition:background-color .2s}.tdp-summary-value:hover{background-color:#e9f2fc}.tdp-copy-icon{color:#5a6f80;color:var(--tdp-text-secondary);font-size:.8em;opacity:.6;transition:opacity .2s}.tdp-summary-value:hover .tdp-copy-icon{opacity:1}.tdp-section{padding:0 25px 25px}.tdp-section:last-of-type{padding-bottom:20px}.tdp-section-title{align-items:center;border-bottom:1px solid #e1e8ed;border-bottom:1px solid var(--tdp-border-light);color:#2c3e50;color:var(--tdp-text-primary);display:flex;font-family:Roboto Slab,serif;font-family:var(--tdp-font-heading);font-size:1.1rem;font-weight:700;margin-bottom:15px;padding-bottom:10px}.tdp-section-title svg{color:#4a90e2;color:var(--tdp-accent-color);font-size:1.2em;margin-right:10px}.tdp-details-group{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.tdp-detail-pair{align-items:center;border-bottom:1px solid #f7f9fa;display:flex;font-size:.9rem;justify-content:space-between;line-height:1.5;padding:8px 0}.tdp-detail-pair:last-child{border-bottom:none}.tdp-detail-label{align-items:center;display:inline-flex;font-weight:500;gap:6px}.tdp-detail-label,.tdp-detail-label svg{color:#5a6f80;color:var(--tdp-text-secondary)}.tdp-detail-label svg{font-size:1em;margin-right:0}.tdp-detail-value{color:#2c3e50;color:var(--tdp-text-primary);font-weight:500;text-align:right;word-break:break-word}.tdp-status-detail-pair .tdp-detail-value{text-align:left}.tdp-status-tag{align-items:center;border-radius:6px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:5px;padding:5px 12px;text-transform:capitalize}.tdp-status-tag svg{color:#fff!important;font-size:.9em;margin-right:4px}.status-dispatched{background-color:#27ae60;background-color:var(--tdp-status-dispatched)}.status-in-transit{background-color:#2980b9;background-color:var(--tdp-status-in-transit)}.status-delivered{background-color:#005a9c;background-color:var(--tdp-status-delivered)}.status-pending{background-color:#f39c12;background-color:var(--tdp-status-pending);color:#2c3e50;color:var(--tdp-text-primary)}.status-pending svg{color:#2c3e50!important;color:var(--tdp-text-primary)!important}.status-cancelled{background-color:#c0392b;background-color:var(--tdp-status-cancelled)}.status-unknown{background-color:#7f8c8d;background-color:var(--tdp-status-unknown)}.tdp-narration-box{background-color:#f9fbfc;border:1px solid #e1e8ed;border:1px solid var(--tdp-border-light);border-radius:6px;color:#5a6f80;color:var(--tdp-text-secondary);font-size:.9rem;line-height:1.7;padding:15px;white-space:pre-wrap}.tdp-narration-box p{margin:0}.tdp-slip-footer{border-top:1px solid #e1e8ed;border-top:1px solid var(--tdp-border-light);color:#95a5a6;font-size:.8rem;margin-top:25px;padding:20px 25px;text-align:center}.tdp-footer-contact{font-size:.75rem;margin-top:8px}.tdp-footer-contact a{color:#4a90e2;color:var(--tdp-accent-color);text-decoration:none}.tdp-footer-contact a:hover{text-decoration:underline}.tdp-state-container{margin-top:20vh;text-align:center}.tdp-custom-loader{animation:tdp-loader-rotate 1s linear infinite;border:5px solid #e1e8ed;border-radius:50%;border-top-color:#005a9c;border:5px solid var(--tdp-border-light);border-top-color:var(--tdp-primary-color);height:50px;margin:0 auto 15px;width:50px}@keyframes tdp-loader-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tdp-loading-text{color:#5a6f80;color:var(--tdp-text-secondary);font-size:1.1rem;font-weight:500}.tdp-error-slip{padding:25px;text-align:center}.tdp-error-icon-accent{align-items:center;background-color:#fff1f0;border-radius:50%;display:inline-flex;height:60px;justify-content:center;margin-bottom:15px;width:60px}.tdp-error-icon-accent svg{color:#e74c3c;color:var(--tdp-danger-color);font-size:2rem}.tdp-error-title{color:#e74c3c;color:var(--tdp-danger-color);font-family:Roboto Slab,serif;font-family:var(--tdp-font-heading);font-size:1.5rem;margin-bottom:8px}.tdp-error-message{color:#5a6f80;color:var(--tdp-text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:20px}.tdp-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--tdp-font-body);font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s ease-out;transition:var(--tdp-transition-fast)}.tdp-button.tdp-button-primary{background-color:#005a9c;background-color:var(--tdp-primary-color);box-shadow:0 2px 8px #005a9c33;color:#fff}.tdp-button.tdp-button-primary:hover{background-color:#004a80;box-shadow:0 4px 12px #005a9c4d}.tdp-button:active{transform:translateY(1px)}.tdp-order-item-cards{display:none;gap:15px}.tdp-order-item-card{background-color:#fdfdfe;border:1px solid #e1e8ed;border:1px solid var(--tdp-border-light);border-radius:8px;border-radius:var(--tdp-slip-radius);box-shadow:0 2px 4px #00000008;padding:15px}.tdp-card-row{align-items:center;border-bottom:1px solid #f5f7f9;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 0}.tdp-card-row:last-child{border-bottom:none}.tdp-card-label{align-items:center;color:#5a6f80;color:var(--tdp-text-secondary);display:inline-flex;font-weight:500;gap:8px}.tdp-card-label svg{color:#4a90e2;color:var(--tdp-accent-color);font-size:1.1em}.tdp-card-value{color:#2c3e50;color:var(--tdp-text-primary);font-weight:500;text-align:right}.tdp-card-total-row .tdp-card-label,.tdp-card-total-row .tdp-card-value{color:#005a9c;color:var(--tdp-primary-color);font-weight:600}.tdp-card-total-row .tdp-card-value{font-size:1.05rem}.tdp-product-table-container{margin-top:10px;overflow-x:auto}.tdp-product-table{border-collapse:collapse;font-size:.85rem;width:100%}.tdp-product-table td,.tdp-product-table th{border-bottom:1px solid #e1e8ed;border-bottom:1px solid var(--tdp-border-light);padding:10px 12px;text-align:left}.tdp-product-table th{background-color:#f8f9fa;color:#5a6f80;color:var(--tdp-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tdp-product-table td{color:#2c3e50;color:var(--tdp-text-primary)}.tdp-product-table tbody tr:last-child td{border-bottom:none}.tdp-product-table tbody tr:hover{background-color:#fdfdfe}.tdp-downloads-section .tdp-buttons-group{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.tdp-button.tdp-button-secondary{background-color:#e9f2fc;border:1px solid #ccd7e0;border:1px solid var(--tdp-border-medium);color:#005a9c;color:var(--tdp-primary-color)}.tdp-button.tdp-button-secondary:hover{background-color:#dce9f7;border-color:#4a90e2;border-color:var(--tdp-accent-color)}.tdp-button.tdp-button-secondary:disabled{background-color:#f0f4f8;border-color:#e1e8ed;border-color:var(--tdp-border-light);color:#a0a7ad;cursor:not-allowed}@media (max-width:768px){.tdp-slip-container{margin:20px auto}.tdp-slip-header{padding:15px 20px}.tdp-main-title{font-size:1.6rem;margin:20px 20px 15px}.tdp-summary-section{align-items:stretch;flex-direction:column;gap:10px;margin:0 20px 20px;padding:15px}.tdp-summary-item{align-items:center;display:flex;justify-content:space-between;text-align:left}.tdp-summary-label{margin-bottom:0}.tdp-summary-value{font-size:1.1rem}.tdp-section{padding:0 20px 20px}.tdp-section-title{font-size:1.05rem}.tdp-detail-pair{align-items:flex-start;flex-direction:column;gap:2px;padding:6px 0}.tdp-detail-value{margin-top:2px;text-align:left}.tdp-order-item-details-section .tdp-product-table-container{display:none}.tdp-order-item-details-section .tdp-order-item-cards{display:block}}@media (max-width:480px){.tdp-page-container{padding:15px 10px}.tdp-slip-container{margin:15px auto}.tdp-slip-header{flex-direction:column;gap:10px;padding:15px}.tdp-main-title{font-size:1.4rem;margin:15px 15px 10px}.tdp-summary-section{margin:0 15px 15px;padding:12px}.tdp-summary-value{font-size:1rem}.tdp-section{padding:0 15px 15px}.tdp-section-title{font-size:1rem}.tdp-detail-label,.tdp-detail-pair,.tdp-detail-value{font-size:.85rem}.tdp-status-tag{font-size:.75rem;padding:4px 10px}.tdp-narration-box{font-size:.85rem;padding:12px}.tdp-button{font-size:.85rem;padding:9px 16px}.tdp-order-item-card{padding:12px}.tdp-card-row{font-size:.85rem}.tdp-card-label svg{font-size:1em}}.tdp-inline-loader.tdp-spin-animation{animation:tdp-loader-rotate 1s linear infinite;display:inline-block;margin-right:8px;vertical-align:middle}:root{--me-primary-color:#4a55a2;--me-secondary-color:#7895cb;--me-success-color:#4caf50;--me-error-color:#f44336;--me-warning-color:#ff9800;--me-light-bg:#f8f9fa;--me-dark-text:#343a40;--me-light-text:#6c757d;--me-border-color:#dee2e6;--me-white:#fff;--me-box-shadow:0 2px 8px #00000014}.manage-employees-container{background-color:#f8f9fa;background-color:var(--me-light-bg);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:var(--me-box-shadow);color:#343a40;color:var(--me-dark-text);font-family:Inter,sans-serif;margin:20px;padding:25px}.me-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--me-border-color);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.me-header h1{color:#4a55a2;color:var(--me-primary-color);font-size:1.8rem;font-weight:700;margin:0}.me-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease-in-out}.me-button:disabled{cursor:not-allowed;opacity:.6}.refresh-button{background-color:#7895cb;background-color:var(--me-secondary-color);color:var(--me-white)}.refresh-button:hover:not(:disabled){background-color:#4a55a2;background-color:var(--me-primary-color)}.me-message{align-items:center;border-radius:6px;display:flex;font-weight:500;gap:10px;margin-bottom:20px;padding:12px 18px}.error-message{border:1px solid var(--me-error-color);color:var(--me-error-color)}.success-message{border:1px solid var(--me-success-color);color:var(--me-success-color)}.me-message svg{font-size:1.3em}.me-controls{margin-bottom:20px}.me-search-wrapper{max-width:400px;position:relative}.me-search-icon{color:#6c757d;color:var(--me-light-text);font-size:1.1rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.me-search-input{border:1px solid #dee2e6;border:1px solid var(--me-border-color);border-radius:6px;font-size:1rem;padding:12px 12px 12px 40px;transition:border-color .2s,box-shadow .2s;width:100%}.me-search-input:focus{border-color:#4a55a2;border-color:var(--me-primary-color);box-shadow:0 0 0 3px #4a55a233;outline:none}.loading-container p,.me-loading-text{color:#6c757d;color:var(--me-light-text);font-style:italic;padding:15px 0;text-align:center}.loading-spinner{color:#4a55a2;color:var(--me-primary-color)}.me-table-wrapper{background-color:#fff;background-color:var(--me-white);border-radius:8px;box-shadow:0 2px 8px #00000014;box-shadow:var(--me-box-shadow);overflow-x:auto}.me-table{border-collapse:collapse;font-size:.95rem;width:100%}.me-table td,.me-table th{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--me-border-color);padding:14px 16px;text-align:left}.me-table th{background-color:#f1f3f5;color:#343a40;color:var(--me-dark-text);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.me-table tr:last-child td{border-bottom:none}.me-table tr:hover td{background-color:#f8f9fa}.me-no-results{color:#6c757d;color:var(--me-light-text);font-style:italic;padding:30px!important;text-align:center!important}.me-status-badge{border-radius:15px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:5px 10px;text-transform:uppercase}.action-button{color:var(--me-white)}.disable-button{background-color:var(--me-warning-color)}.enable-button{background-color:var(--me-success-color)}@media (max-width:768px){.me-header{align-items:flex-start;flex-direction:column;gap:15px}.me-header h1{font-size:1.5rem}.me-search-wrapper{max-width:none}.me-table{display:block;width:100%}.me-table thead{display:none}.me-table tbody,.me-table td,.me-table tr{display:block;width:100%!important}.me-table tr{border:1px solid #dee2e6;border:1px solid var(--me-border-color);border-radius:6px;box-shadow:0 2px 8px #00000014;box-shadow:var(--me-box-shadow);margin-bottom:15px}.me-table td{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--me-border-color);padding-left:50%;position:relative;text-align:right!important}.me-table td:last-child{border-bottom:none}.me-table td:before{color:#4a55a2;color:var(--me-primary-color);content:attr(data-label);font-weight:600;left:15px;position:absolute;text-align:left;width:calc(50% - 30px)}}:root{--md-primary-color:#007a7a;--md-secondary-color:#40916c;--md-success-color:#4caf50;--md-error-color:#f44336;--md-warning-color:#ff9800;--md-light-bg:#f8f9fa;--md-dark-text:#343a40;--md-light-text:#6c757d;--md-border-color:#dee2e6;--md-white:#fff;--md-box-shadow:0 2px 8px #00000014}.manage-dealers-container{background-color:#f8f9fa;background-color:var(--md-light-bg);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:var(--md-box-shadow);color:#343a40;color:var(--md-dark-text);font-family:Inter,sans-serif;margin:20px;padding:25px}.md-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--md-border-color);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.md-header h1{color:#007a7a;color:var(--md-primary-color);font-size:1.8rem;font-weight:700;margin:0}.md-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease-in-out}.md-button:disabled{cursor:not-allowed;opacity:.6}.refresh-button{background-color:#40916c;background-color:var(--md-secondary-color);color:#fff;color:var(--md-white)}.refresh-button:hover:not(:disabled){background-color:#007a7a;background-color:var(--md-primary-color);transform:translateY(-1px)}.refresh-button svg{font-size:1.1em}.md-message{align-items:center;border-radius:6px;display:flex;font-weight:500;gap:10px;margin-bottom:20px;padding:12px 18px}.error-message{background-color:#fee2e2;border:1px solid #f44336;border:1px solid var(--md-error-color);color:#f44336;color:var(--md-error-color)}.success-message{background-color:#d1fae5;border:1px solid #4caf50;border:1px solid var(--md-success-color);color:#4caf50;color:var(--md-success-color)}.md-message svg{font-size:1.3em}.md-controls{margin-bottom:20px}.md-search-wrapper{max-width:450px;position:relative}.md-search-icon{color:#6c757d;color:var(--md-light-text);font-size:1.1rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.md-search-input{border:1px solid #dee2e6;border:1px solid var(--md-border-color);border-radius:6px;font-size:1rem;padding:12px 12px 12px 40px;transition:border-color .2s,box-shadow .2s;width:100%}.md-search-input:focus{border-color:#007a7a;border-color:var(--md-primary-color);box-shadow:0 0 0 3px #007a7a33;outline:none}.loading-container p,.md-loading-text{color:#6c757d;color:var(--md-light-text);font-style:italic;padding:15px 0;text-align:center}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.loading-spinner{animation:spin-animation 1s linear infinite;color:#007a7a;color:var(--md-primary-color);font-size:2.5rem;margin-bottom:10px}.md-table-wrapper{background-color:#fff;background-color:var(--md-white);border-radius:8px;box-shadow:0 2px 8px #00000014;box-shadow:var(--md-box-shadow);overflow-x:auto}.md-table{border-collapse:collapse;font-size:.95rem;width:100%}.md-table td,.md-table th{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--md-border-color);padding:14px 16px;text-align:left}.md-table th{background-color:#e9ecef;color:#343a40;color:var(--md-dark-text);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.md-table tr:last-child td{border-bottom:none}.md-table tr:hover td{background-color:#f8f9fa}.md-no-results{color:#6c757d;color:var(--md-light-text);font-style:italic;padding:30px!important;text-align:center!important}.md-status-badge{border-radius:15px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:5px 10px;text-transform:uppercase}.status-active{background-color:#dcfce7;color:#16a34a}.status-disabled{background-color:#fee2e2;color:#dc2626}.md-party-type-badge{align-items:center;border-radius:15px;display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;padding:4px 10px;text-transform:capitalize}.type-dealer{background-color:#e0e7ff;color:#4338ca}.type-retailer{background-color:#fef3c7;color:#b45309}.type-customer{background-color:#dbeafe;color:#1d4ed8}.md-party-type-badge svg{font-size:.9em}.action-button{box-shadow:0 1px 3px #0000001a;color:#fff;color:var(--md-white);padding:8px 14px}.action-button svg{font-size:1em;margin-right:6px}.disable-button{background-color:#ff9800;background-color:var(--md-warning-color)}.disable-button:hover:not(:disabled){background-color:#f57c00}.enable-button{background-color:#4caf50;background-color:var(--md-success-color)}.enable-button:hover:not(:disabled){background-color:#388e3c}.spin-animation{animation:spin-animation 1s linear infinite}@keyframes spin-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.md-header{align-items:flex-start;flex-direction:column;gap:15px}.md-header h1{font-size:1.5rem}.md-search-wrapper{max-width:none}.md-table{display:block;width:100%}.md-table thead{display:none}.md-table tbody,.md-table td,.md-table tr{display:block;width:100%!important}.md-table tr{border:1px solid #dee2e6;border:1px solid var(--md-border-color);border-radius:6px;box-shadow:0 2px 8px #00000014;box-shadow:var(--md-box-shadow);margin-bottom:15px}.md-table td{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--md-border-color);padding-left:50%;position:relative;text-align:right!important}.md-table td:last-child{border-bottom:none}.md-table td:before{color:#007a7a;color:var(--md-primary-color);content:attr(data-label);font-weight:600;left:15px;position:absolute;text-align:left;width:calc(50% - 30px)}}:root{--primary-color:#4f46e5;--primary-color-dark:#4338ca;--secondary-color:#10b981;--background-color:#f3f4f6;--card-background:#fff;--text-color:#1f2937;--text-color-light:#6b7280;--border-color:#e5e7eb;--shadow-color:#0000000d;--shadow-color-hover:#0000001a}.admin-dashboard-page{background-color:#f3f4f6;background-color:var(--background-color);color:#1f2937;color:var(--text-color);font-family:Poppins,sans-serif;padding:25px 30px}.dashboard-error,.dashboard-loading{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 100px);justify-content:center;text-align:center}.loading-spinner-large{animation:spin 1.2s linear infinite;color:#4f46e5;color:var(--primary-color);font-size:3.5rem;margin-bottom:25px}.loading-spinner-small{animation:spin 1s linear infinite;color:currentColor;font-size:1.2rem}.dashboard-error h2{color:#ef4444;font-weight:600;margin-bottom:10px}.dashboard-error p{color:#6b7280;color:var(--text-color-light);margin-bottom:25px}.retry-button{background-color:#4f46e5;background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--shadow-color);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 25px;transition:background-color .3s ease,transform .2s ease}.retry-button:hover{background-color:#4338ca;background-color:var(--primary-color-dark);transform:translateY(-2px)}.dashboard-header{align-items:center;background:#fff;background:var(--card-background);border-radius:12px;box-shadow:0 4px 20px #0000000d;box-shadow:0 4px 20px var(--shadow-color);display:flex;justify-content:space-between;margin-bottom:35px;padding:25px 30px}.header-content{gap:20px}.header-content,.header-icon{align-items:center;display:flex}.header-icon{background-color:#e0e7ff;border-radius:50%;color:#4f46e5;color:var(--primary-color);justify-content:center;padding:12px}.dashboard-header h1{color:#1f2937;color:var(--text-color);font-size:1.8rem;font-weight:600;margin:0}.greeting{color:#6b7280;color:var(--text-color-light);font-size:1rem;font-weight:400;margin:0}.dashboard-main-content{display:flex;flex-direction:column;gap:35px}.section-title{color:#1f2937;color:var(--text-color);font-size:1.4rem;font-weight:600;margin-bottom:25px;padding-left:15px;position:relative}.section-title:before{background-color:#4f46e5;background-color:var(--primary-color);border-radius:3px;content:"";height:70%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:5px}.stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.stat-card{background-color:#fff;background-color:var(--card-background);border-radius:12px;box-shadow:0 4px 15px #0000000d;box-shadow:0 4px 15px var(--shadow-color);display:flex;flex-direction:column;overflow:hidden;padding:25px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 25px #0000001a;box-shadow:0 8px 25px var(--shadow-color-hover);transform:translateY(-6px) scale(1.02)}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.stat-card-title{color:#6b7280;color:var(--text-color-light);font-size:1rem;font-weight:500;margin:0}.stat-card-icon-wrapper{border-radius:50%;display:inline-flex;padding:12px;transition:transform .3s ease}.stat-card:hover .stat-card-icon-wrapper{transform:scale(1.1)}.stat-card.blue .stat-card-icon-wrapper{background-color:#dbeafe;color:#3b82f6}.stat-card.green .stat-card-icon-wrapper{background-color:#d1fae5;color:#10b981}.stat-card.orange .stat-card-icon-wrapper{background-color:#fef3c7;color:#f59e0b}.stat-card.red .stat-card-icon-wrapper{background-color:#fee2e2;color:#ef4444}.stat-card.purple .stat-card-icon-wrapper{background-color:#ede9fe;color:#8b5cf6}.stat-card.cyan .stat-card-icon-wrapper{background-color:#cffafe;color:#06b6d4}.stat-card.yellow .stat-card-icon-wrapper{background-color:#fef9c3;color:#eab308}.stat-card.magenta .stat-card-icon-wrapper{background-color:#fce7f3;color:#ec4899}.stat-card.lime .stat-card-icon-wrapper{background-color:#ecfccb;color:#84cc16}.stat-card.pink .stat-card-icon-wrapper{background-color:#fdf2f8;color:#db2777}.stat-card.indigo .stat-card-icon-wrapper{background-color:#e0e7ff;color:#6366f1}.stat-card.teal .stat-card-icon-wrapper{background-color:#ccfbf1;color:#14b8a6}.stat-card.sky .stat-card-icon-wrapper{background-color:#e0f2fe;color:#0ea5e9}.stat-card .stat-card-icon-wrapper{background-color:#e5e7eb;color:#4b5563}.stat-card-body{margin-top:auto}.stat-card-count{color:#1f2937;color:var(--text-color);font-size:2.2rem;font-weight:700;line-height:1.1;margin:0 0 10px}.stat-card-view-more{align-items:center;display:inline-flex;font-size:.85rem;font-weight:500;gap:5px;text-decoration:none;transition:color .2s ease,transform .2s ease}.stat-card-view-more:hover{transform:translateX(3px)}.stat-card.blue .stat-card-view-more{color:#3b82f6}.stat-card.green .stat-card-view-more{color:#10b981}.stat-card.orange .stat-card-view-more{color:#f59e0b}.stat-card.red .stat-card-view-more{color:#ef4444}.stat-card.purple .stat-card-view-more{color:#8b5cf6}.stat-card.cyan .stat-card-view-more{color:#06b6d4}.stat-card.yellow .stat-card-view-more{color:#d97706}.stat-card.magenta .stat-card-view-more{color:#ec4899}.stat-card.lime .stat-card-view-more{color:#84cc16}.stat-card.pink .stat-card-view-more{color:#db2777}.stat-card.indigo .stat-card-view-more{color:#6366f1}.stat-card.teal .stat-card-view-more{color:#14b8a6}.stat-card.sky .stat-card-view-more{color:#0ea5e9}.stat-card .stat-card-view-more{color:#4f46e5;color:var(--primary-color)}.charts-section{background-color:#fff;background-color:var(--card-background);border-radius:12px;box-shadow:0 4px 15px #0000000d;box-shadow:0 4px 15px var(--shadow-color);margin-top:20px;padding:25px}.charts-placeholder{align-items:center;border:2px dashed #e5e7eb;border:2px dashed var(--border-color);border-radius:8px;color:#6b7280;color:var(--text-color-light);display:flex;font-size:1.1rem;height:200px;justify-content:center}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:992px){.stats-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.dashboard-header h1{font-size:1.6rem}.section-title{font-size:1.3rem}}@media (max-width:768px){.admin-dashboard-page{padding:20px 15px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:15px;padding:20px}.stats-grid{grid-template-columns:1fr}.section-title{font-size:1.2rem;margin-bottom:20px}.stat-card-count{font-size:2rem}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.add-alert-container{align-items:flex-start;background-color:#f4f7f6;display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;padding:40px 20px}.add-alert-form{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:650px;padding:40px;width:100%}.add-alert-form h1{color:#2c3e50;font-weight:600;margin-bottom:10px;text-align:center}.add-alert-form p{color:#7f8c8d;margin-bottom:30px;text-align:center}.form-group{margin-bottom:25px}.form-group label{align-items:center;color:#34495e;display:block;display:flex;font-weight:500;gap:8px;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #dfe6e9;border-radius:8px;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.role-selector{border:1px solid #dfe6e9;border-radius:8px;display:flex;overflow:hidden}.role-selector button{background:#fff;border:none;color:#7f8c8d;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:12px;transition:all .3s ease}.role-selector button:not(:last-child){border-right:1px solid #dfe6e9}.role-selector button.active{background-color:#3498db;color:#fff}.form-group-row{display:flex;gap:20px}.form-group-row .form-group{flex:1 1}#image-upload{display:none}.image-upload-label{background:#ecf0f1;border-radius:8px;color:#34495e;cursor:pointer;display:inline-flex;padding:12px 20px;transition:background .3s ease}.image-upload-label:hover{background:#bdc3c7}.image-preview{border:1px solid #dfe6e9;border-radius:8px;margin-top:15px;max-width:200px;width:100%}.submit-btn{align-items:center;background:linear-gradient(45deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;padding:15px;transition:all .3s ease;width:100%}.submit-btn:disabled{background:#95a5a6;cursor:not-allowed}.submit-btn:hover:not(:disabled){box-shadow:0 4px 15px #3498db66;transform:translateY(-2px)}.alert-message{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:10px;margin-bottom:20px;padding:15px}.alert-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}@media (max-width:768px){.add-alert-form{padding:20px}.form-group-row{flex-direction:column;gap:0}}:root{--alerts-bg:#f8f9fc;--alerts-surface:#fff;--alerts-primary:#3772ff;--alerts-primary-light:#eef4ff;--alerts-text-heading:#1e293b;--alerts-text-body:#475569;--alerts-text-muted:#94a3b8;--alerts-border:#e2e8f0;--alerts-shadow-sm:0 1px 2px 0 #0000000d;--alerts-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--alerts-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--alerts-font-sans:"Inter",sans-serif}.alerts-dashboard-polished{background-color:#f8f9fc;background-color:var(--alerts-bg);font-family:Inter,sans-serif;font-family:var(--alerts-font-sans);min-height:100vh}.alerts-header-polished{background:#fff;background:var(--alerts-surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--alerts-border);padding:24px 40px}.alerts-header-title{align-items:center;display:flex;gap:16px;margin-bottom:24px}.alerts-title-icon-wrapper{background-image:linear-gradient(145deg,#3772ff,#6392ff);background-image:linear-gradient(145deg,var(--alerts-primary),#6392ff);border-radius:12px;color:#fff;display:grid;font-size:1.5rem;height:48px;place-items:center;width:48px}.alerts-header-title h1{color:#1e293b;color:var(--alerts-text-heading);font-size:1.75rem;font-weight:700;margin:0}.alerts-header-title p{color:#475569;color:var(--alerts-text-body);margin:2px 0 0}.alerts-filter-bar-polished{align-items:center;background-color:#f1f5f9;border-radius:12px;display:flex;gap:16px;padding:12px}.alerts-filter-icon{color:#94a3b8;color:var(--alerts-text-muted);font-size:1.25rem}.alerts-date-input-group{align-items:center;display:flex;gap:8px}.alerts-date-input-group label{color:#475569;color:var(--alerts-text-body);font-size:.875rem;font-weight:500}.alerts-date-input{border:1px solid #e2e8f0;border:1px solid var(--alerts-border);border-radius:8px;color:#1e293b;color:var(--alerts-text-heading);font-family:Inter,sans-serif;font-family:var(--alerts-font-sans);font-size:.875rem;padding:8px 12px;transition:all .2s}.alerts-date-input:focus{border-color:#3772ff;border-color:var(--alerts-primary);box-shadow:0 0 0 3px #eef4ff;box-shadow:0 0 0 3px var(--alerts-primary-light);outline:none}.alerts-clear-btn{background:#e2e8f0;border:none;border-radius:8px;color:#475569;color:var(--alerts-text-body);cursor:pointer;display:grid;height:36px;margin-left:auto;place-items:center;transition:all .2s;width:36px}.alerts-clear-btn:hover{background:#cbd5e1;color:#1e293b;color:var(--alerts-text-heading)}.alerts-main-content-polished{margin:0 auto;max-width:1200px;padding:32px 40px}.alerts-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.alerts-list-header h3{color:#1e293b;color:var(--alerts-text-heading);font-size:1.125rem}.alerts-list-header span{background:#eef4ff;background:var(--alerts-primary-light);border-radius:99px;color:#3772ff;color:var(--alerts-primary);font-size:.875rem;font-weight:500;padding:4px 10px}.alerts-list-polished{display:flex;flex-direction:column;gap:12px}.alerts-item-polished{align-items:center;animation:alerts-stagger-in .5s ease-out forwards;background:#fff;background:var(--alerts-surface);border:1px solid #e2e8f0;border:1px solid var(--alerts-border);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--alerts-shadow-sm);cursor:pointer;display:flex;gap:16px;opacity:0;padding:16px 24px;transition:all .25s ease-out}.alerts-item-polished:hover{border-color:#3772ff;border-color:var(--alerts-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--alerts-shadow-md);transform:translateY(-4px)}.alerts-status-dot{background-color:#cbd5e1;border-radius:50%;flex-shrink:0;height:10px;width:10px}.alerts-status-dot.unread{background-color:#3772ff;background-color:var(--alerts-primary);box-shadow:0 0 8px #3772ff;box-shadow:0 0 8px var(--alerts-primary)}.alerts-item-content-polished{flex-grow:1}.alerts-item-content-polished h4{color:#1e293b;color:var(--alerts-text-heading);font-size:1rem;font-weight:600;margin:0}.alerts-item-content-polished p{color:#475569;color:var(--alerts-text-body);font-size:.875rem;margin:2px 0 0}.alerts-item-action-polished{align-items:center;color:#94a3b8;color:var(--alerts-text-muted);display:flex;font-size:.875rem;font-weight:500;gap:8px;opacity:0;transform:translateX(-10px);transition:all .25s ease-out}.alerts-item-polished:hover .alerts-item-action-polished{color:#3772ff;color:var(--alerts-primary);opacity:1;transform:translateX(0)}.alert-modal-backdrop{align-items:center;animation:alerts-fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#1e293b99;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.alert-modal-container{animation:alerts-springUp .5s cubic-bezier(.34,1.56,.64,1);background-color:#fff;background-color:var(--alerts-surface);border-radius:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--alerts-shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:100%}.alert-modal-close-btn{background-color:#0000001a;border:none;border-radius:50%;color:#1e293b;color:var(--alerts-text-heading);cursor:pointer;display:grid;font-size:1.25rem;height:40px;place-items:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:40px;z-index:10}.alert-modal-close-btn:hover{background-color:#0003;transform:rotate(90deg) scale(1.1)}.alert-modal-content{overflow-y:auto;padding:4rem 2.5rem 2.5rem}.alert-modal-image-container{margin-bottom:2rem;width:100%}.alert-modal-image{background-color:#f8f9fc;background-color:var(--alerts-bg);border-radius:16px;display:block;height:auto;margin:0 auto;max-width:35%}.alert-modal-text-content{display:flex;flex-direction:column}.alert-modal-title{color:#1e293b;color:var(--alerts-text-heading);font-size:2.25rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.alert-modal-meta{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:1.5rem}.alert-modal-description,.alert-modal-meta{color:#475569;color:var(--alerts-text-body)}.alert-modal-description{font-size:1rem;line-height:1.75}.alert-modal-description p{margin:0 0 1em}.alert-modal-description p:last-child{margin-bottom:0}.alerts-error-container,.alerts-no-alerts-state-polished{color:#94a3b8;color:var(--alerts-text-muted);padding:60px 20px;text-align:center}.alerts-no-alerts-state-polished svg{color:#cbd5e1;font-size:3.5rem;margin-bottom:15px}.alerts-no-alerts-state-polished h3{color:#1e293b;color:var(--alerts-text-heading);font-size:1.4rem}.alerts-loading-container{display:grid;min-height:100vh;place-items:center}.alerts-spinner{animation:alerts-spin 1s linear infinite;border:6px solid #e9ecef;border-radius:50%;border-top:6px solid var(--alerts-primary);height:56px;width:56px}@keyframes alerts-stagger-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes alerts-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes alerts-springUp{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes alerts-spin{to{transform:rotate(1turn)}}.alerts-pagination-container{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:2rem;padding-bottom:1rem}.alerts-pagination-button{background-color:#fff;background-color:var(--alerts-surface);border:1px solid #e2e8f0;border:1px solid var(--alerts-border);border-radius:8px;color:#475569;color:var(--alerts-text-body);cursor:pointer;font-weight:500;min-width:40px;padding:.5rem 1rem;text-align:center;transition:all .2s}.alerts-pagination-button:hover:not(:disabled){background-color:#eef4ff;background-color:var(--alerts-primary-light);border-color:#3772ff;border-color:var(--alerts-primary);color:#3772ff;color:var(--alerts-primary)}.alerts-pagination-button:disabled{color:#94a3b8;color:var(--alerts-text-muted);cursor:not-allowed;opacity:.7}.alerts-pagination-button.active{background-color:#3772ff;background-color:var(--alerts-primary);border-color:#3772ff;border-color:var(--alerts-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--alerts-shadow-md);color:#fff;font-weight:600}.alerts-pagination-dots{align-self:flex-end;color:#94a3b8;color:var(--alerts-text-muted);padding:.5rem .25rem}@media (max-width:768px){.alerts-header-polished{padding:16px}.alerts-header-title{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:16px}.alerts-filter-bar-polished{align-items:stretch;flex-direction:column;gap:10px}.alerts-clear-btn{margin-left:0}.alerts-main-content-polished{padding:24px 16px}.alert-modal-backdrop{padding:1rem}.alert-modal-content{padding:4rem 1.5rem 1.5rem}.alert-modal-title{font-size:1.75rem}}:root{--alerts-status-bg:#f8f9fa;--alerts-status-surface:#fff;--alerts-status-text-dark:#212529;--alerts-status-text-light:#6c757d;--alerts-status-border:#dee2e6;--alerts-status-read:#20c997;--alerts-status-unread:#fd7e14;--alerts-status-total:#0d6efd;--alerts-status-font-family:"Source Sans Pro",sans-serif}.alerts-status-page{background-color:#f8f9fa;background-color:var(--alerts-status-bg);font-family:Source Sans Pro,sans-serif;font-family:var(--alerts-status-font-family);min-height:100vh;padding:40px}.alerts-status-header{align-items:flex-end;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--alerts-status-border);display:flex;justify-content:space-between;margin:0 auto 30px;max-width:1400px;padding-bottom:20px}.alerts-status-back-link{align-items:center;color:#6c757d;color:var(--alerts-status-text-light);display:inline-flex;font-size:.9rem;gap:8px;margin-bottom:15px;text-decoration:none;transition:color .2s}.alerts-status-back-link:hover,.alerts-status-header h1{color:#212529;color:var(--alerts-status-text-dark)}.alerts-status-header h1{font-size:2rem;font-weight:700;margin:0}.alerts-status-subtitle{font-size:1rem;margin:5px 0 0}.alerts-status-meta,.alerts-status-subtitle{color:#6c757d;color:var(--alerts-status-text-light)}.alerts-status-meta{align-items:center;background:#e9ecef;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.alerts-status-summary{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:0 auto 40px;max-width:1400px}.alerts-status-summary-card{align-items:center;background-color:#fff;background-color:var(--alerts-status-surface);border:1px solid #dee2e6;border:1px solid var(--alerts-status-border);border-radius:8px;display:flex;gap:20px;padding:25px}.alerts-status-summary-card svg{flex-shrink:0;font-size:2.5rem}.alerts-status-summary-card.read svg{color:#20c997;color:var(--alerts-status-read)}.alerts-status-summary-card.unread svg{color:#fd7e14;color:var(--alerts-status-unread)}.alerts-status-summary-card.total svg{color:#0d6efd;color:var(--alerts-status-total)}.alerts-status-summary-text span{color:#6c757d;color:var(--alerts-status-text-light);display:block;font-size:.9rem}.alerts-status-summary-text strong{color:#212529;color:var(--alerts-status-text-dark);font-size:2rem;font-weight:700}.alerts-status-columns{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.alerts-status-column h2{border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--alerts-status-border);font-size:1.5rem;margin-bottom:20px;padding-bottom:15px}.alerts-status-list{background:#fff;background:var(--alerts-status-surface);border:1px solid #dee2e6;border:1px solid var(--alerts-status-border);border-radius:8px;max-height:500px;overflow-y:auto;padding:10px}.alerts-status-list p{color:#6c757d;color:var(--alerts-status-text-light);padding:20px;text-align:center}.alerts-status-user-card{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--alerts-status-border);padding:12px 15px}.alerts-status-user-card:last-child{border-bottom:none}.alerts-status-user-card.unread-user{opacity:.7}.alerts-status-user-name{color:#212529;color:var(--alerts-status-text-dark);font-weight:600}.alerts-status-user-role{background:#6c757d;background:var(--alerts-status-text-light);border-radius:4px;color:#fff;font-size:.8rem;font-weight:400;margin-left:8px;padding:2px 6px;text-transform:capitalize}.alerts-status-user-location{color:#6c757d;color:var(--alerts-status-text-light);font-size:.9rem;margin-top:4px}.alerts-status-error,.alerts-status-loading{font-size:1.2rem;padding:50px;text-align:center}.alerts-status-spinner{animation:alerts-status-spin 1s linear infinite;border:5px solid #e9ecef;border-radius:50%;border-top:5px solid var(--alerts-status-total);height:48px;margin:0 auto;width:48px}@keyframes alerts-status-spin{to{transform:rotate(1turn)}}@media (max-width:992px){.alerts-status-page{padding:20px}.alerts-status-columns,.alerts-status-summary{grid-template-columns:1fr}}@media (max-width:768px){.alerts-status-header{align-items:flex-start;flex-direction:column;gap:15px}}.notfound-container{align-items:center;background-color:#0f2d1a;box-sizing:border-box;color:#fff;display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative;text-align:center}.notfound-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.notfound-particle{animation:drift 15s linear infinite;background-color:#f49400;border-radius:50%;box-shadow:0 0 10px #f49400,0 0 20px #f49400,0 0 30px #f49400;height:6px;opacity:0;position:absolute;width:6px}.notfound-particle:first-child{animation-delay:0s;animation-duration:12s;left:10%;top:20%}.notfound-particle:nth-child(2){animation-delay:-2s;animation-duration:15s;left:80%;top:50%}.notfound-particle:nth-child(3){animation-delay:-5s;animation-duration:10s;left:30%;top:80%}.notfound-particle:nth-child(4){animation-delay:-7s;animation-duration:18s;left:90%;top:10%}.notfound-particle:nth-child(5){animation-delay:-10s;animation-duration:9s;left:5%;top:90%}.notfound-particle:nth-child(6){animation-delay:-12s;animation-duration:16s;left:50%;top:60%}.notfound-particle:nth-child(7){animation-delay:-14s;animation-duration:11s;left:40%;top:5%}.notfound-particle:nth-child(8){animation-delay:-15s;animation-duration:14s;left:70%;top:70%}@keyframes drift{0%{opacity:.8;transform:translate(0) scale(1)}25%{opacity:.5;transform:translate(40px,-60px) scale(.8)}50%{opacity:1;transform:translate(-30px,50px) scale(1.2)}75%{opacity:.4;transform:translate(50px,-30px) scale(.7)}to{opacity:.8;transform:translate(0) scale(1)}}.notfound-content{align-items:center;display:flex;flex-direction:column;z-index:1}.notfound-illustration{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.notfound-number{font-size:12rem;font-weight:700;line-height:1}.notfound-four{color:#3a5a40;text-shadow:2px 2px 0 #2a402e,4px 4px 0 #1a2a1f;transform:rotate(-5deg)}.notfound-four:last-of-type{transform:rotate(5deg)}.notfound-zero-container{align-items:center;display:flex;height:10rem;justify-content:center;margin:0 1rem;position:relative;width:10rem}.notfound-zero-text{color:#f49400;text-shadow:0 0 15px #f49400cc;z-index:3}.notfound-zero-ripple{border-radius:50%;height:100%;width:100%;z-index:1}.notfound-zero-ripple,.notfound-zero-ripple:after,.notfound-zero-ripple:before{animation:ripple 2.5s ease-out infinite;border:4px solid #f494004d;position:absolute}.notfound-zero-ripple:after,.notfound-zero-ripple:before{border-radius:50%;bottom:-4px;content:"";left:-4px;right:-4px;top:-4px}.notfound-zero-ripple:before{animation-delay:-.5s}.notfound-zero-ripple:after{animation-delay:-1s}@keyframes ripple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.notfound-text-block{max-width:500px}.notfound-title{color:#f49400;font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 10px #f4940080}.notfound-message{color:#a3b18a;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.notfound-home-link{background-color:#f49400;border-radius:50px;box-shadow:0 4px 15px #f494004d;color:#0f2d1a;display:inline-block;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s ease}.notfound-home-link:hover{box-shadow:0 8px 25px #f4940080;transform:translateY(-5px)}@media (max-width:768px){.notfound-number{font-size:8rem}.notfound-zero-container{height:7rem;margin:0 .5rem;width:7rem}.notfound-title{font-size:2.2rem}.notfound-message{font-size:1rem}}@media (max-width:480px){.notfound-number{font-size:5rem}.notfound-zero-container{height:4.5rem;margin:0 .2rem;width:4.5rem}.notfound-four{text-shadow:1px 1px 0 #2a402e,2px 2px 0 #1a2a1f}.notfound-title{font-size:1.8rem}.notfound-message{font-size:.9rem}.notfound-home-link{padding:10px 25px}.notfound-particle{height:4px;width:4px}}
/*# sourceMappingURL=main.7a3734e9.css.map*/