@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=BIZ+UDPMincho&family=Inter:wght@200;300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=BIZ+UDPMincho&family=Inter:wght@300;400;500;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=BIZ+UDPMincho&family=Inter:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.scroll-container{height:100vh;overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory}.section{flex-shrink:0;scroll-snap-align:start}.homepage-container h1,.homepage-container h2,.homepage-container h3,.homepage-container h4,.homepage-container h5,.homepage-container h6{font-family:BIZ UDPMincho,serif;font-weight:400}.homepage-container{-webkit-overflow-scrolling:touch;background-color:#fff;color:#fff;font-family:Inter,sans-serif;height:100vh;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory}.snap-section{display:block;min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always}.contact-overlay{align-items:center;animation:overlayFade .18s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080f148c;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.contact-modal{animation:modalIn .22s cubic-bezier(.2,.8,.2,1);background:#fff;border:1px solid #e7eef3;border-radius:16px;box-shadow:0 24px 80px #00000047;color:#0b1e28;padding:24px 24px 20px;position:relative;width:min(640px,94vw)}@keyframes modalIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.contact-header h3{color:#0c2a3a;font-size:1.35rem;letter-spacing:.2px;margin:0}.contact-subtitle{color:#5b7a86;font-size:.92rem;margin:.25rem 0 0}.contact-close{align-content:center;background:none;border:0;border-radius:9px;color:#153445;cursor:pointer;display:grid;font-size:20px;height:36px;justify-content:center;place-items:center;width:36px}.contact-close:hover{background:#f2f7fa}.contact-form{grid-gap:14px;display:grid;gap:14px;margin-top:4px}.contact-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:640px){.contact-grid{gap:14px;grid-template-columns:1fr 1fr}}.contact-form label{grid-gap:6px;color:#0b1e28;display:grid;font-size:.95rem;gap:6px}.contact-form input,.contact-form textarea{background:#f8fbfd;border:1px solid #d6e3ea;border-radius:12px;font-size:.95rem;outline:none;padding:12px 14px;transition:box-shadow .15s ease,border-color .15s ease,background .15s ease}.contact-form textarea{min-height:110px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8aa2ad;opacity:.9}.contact-form input:focus,.contact-form textarea:focus{background:#fff;border-color:#0fbad6;box-shadow:0 0 0 3px #0fbad62e}.consent{align-items:flex-start;color:#244b5a;display:flex;font-size:.92rem;gap:10px}.consent input[type=checkbox]{accent-color:#0fbad6;height:18px;margin-top:2px;width:18px}.contact-actions{margin-top:2px}.contact-submit{background:#0fbad6;border:0;border-radius:10px;box-shadow:0 8px 18px #0fbad640;color:#001217;cursor:pointer;font-weight:700;letter-spacing:.2px;padding:14px 18px;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;width:100%}.contact-submit:hover{box-shadow:0 10px 22px #0fbad64d;transform:translateY(-1px)}.contact-submit:active{transform:translateY(0)}.contact-submit:disabled{box-shadow:none;cursor:default;opacity:.65}.contact-submit.is-loading{color:#0000;position:relative}.contact-submit.is-loading:after{animation:spin .8s linear infinite;border:2px solid #fff9;border-radius:50%;border-top-color:#001217;content:"";display:inline-block;height:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:18px}.contact-error{animation:alertPop .15s ease;background:#ffecec;border:1px solid #ffd2d2;border-radius:10px;color:#7f1d1d;padding:10px 12px}@keyframes alertPop{0%{opacity:.5;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.contact-success{padding:24px 8px;text-align:center}.contact-success h4{color:#0c2a3a;font-size:1.2rem;margin:6px 0 4px}.contact-success p{color:#557786;margin:4px 0 16px}.contact-footnote{color:#6a8a99;font-size:.85rem;margin-top:6px;text-align:center}.contact-footnote a{color:#0fbad6;text-decoration:none}.contact-footnote a:hover{text-decoration:underline}.hero-screenshot{background:#34667c;color:#fff;height:auto;padding:72px 20px 0;position:relative}.hero-screenshot__inner{margin:69px auto 0;position:relative;text-align:center;width:min(1120px,92vw);z-index:1}.hero-screenshot__title{font-family:BIZ UDPMincho,serif;font-size:clamp(2.2rem,4.2vw,3rem);font-weight:400;letter-spacing:.2px;margin:16px 0 10px}.hero-screenshot__title span{color:#a8e5f7}.hero-screenshot__subtitle{color:#ffffffeb;font-family:Inter,sans-serif;font-size:clamp(.98rem,1.6vw,1.1rem);font-weight:300;line-height:1.75;margin:0 auto 22px;max-width:760px}.hero-screenshot__actions{display:inline-flex;gap:14px;margin:8px 0 38px}.btn11{border:2px solid #0000;border-radius:8px;cursor:pointer;display:inline-block;font-weight:600;letter-spacing:.2px;padding:10px 18px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn---primary1{background:#a8e5f7;box-shadow:0 6px 16px #a8e5f740;color:#073442}.btn---primary:hover{transform:translateY(-1px)}.btn---ghost1{background:#0000;border-color:#ffffffb3;color:#fff}.btn---ghost:hover{background:#ffffff14}.hero-screenshot__device{margin:0 auto;padding:0;position:relative;width:min(1024px,96vw);z-index:1}.hero-screenshot__device:before{background:#ffffff59;border-radius:8px;content:"";height:0;left:50%;position:absolute;top:10px;transform:translateX(-50%);width:42px}.hero-screenshot__device img{background:#fff;border-radius:14px;display:block;height:auto;width:100%}.hero-screenshot__fade{background:linear-gradient(180deg,#fff0 0,#ffffff59 45%,#ffffffbf 70%,#fff);bottom:-1px;display:none;height:160px;left:0;pointer-events:none;position:absolute;right:0;z-index:2}@media (max-width:720px){.hero-screenshot{padding:66px 16px 72px}.hero-screenshot__actions{gap:10px}.btn{padding:9px 16px}.hero-screenshot__fade{height:160px}.hero-screenshot__device img{margin-top:40px}}.homefeature-section{background:#fff;color:#0f2d3a;padding:64px 20px 88px}.homefeature__inner{margin:0 auto;width:min(1120px,92vw)}.homefeature__title{color:#2b4c59;font-family:BIZ UDPMincho,serif;font-size:clamp(2rem,4vw,2.4rem);font-weight:400;margin:65px 0 6px;text-align:center}.homefeature__subtitle{color:#486a78;font-family:Inter,sans-serif;font-size:clamp(.95rem,1.6vw,1.05rem);font-weight:400;margin:0 auto 36px;max-width:720px;text-align:center}.homefeature__grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.homefeature-card{background:#fff;border:1px solid #0f2d3a14;border-radius:14px;box-shadow:0 4px 10px #09141c0d,0 1px 0 #09141c0f;padding:26px 20px 22px;text-align:center;transition:transform .12s ease,box-shadow .12s ease}.homefeature-card:hover{box-shadow:0 10px 24px #09141c14,0 1px 0 #09141c0f;transform:translateY(-2px)}.homefeature-card__icon{display:grid;height:84px;margin:6px auto 12px;place-items:center;width:84px}.homefeature-card__icon img{display:block;height:84px;object-fit:contain;width:84px}.homefeature-card__title{color:#0f2d3a;font-size:1.02rem;font-weight:800;margin:8px 0 6px}.homefeature-card__desc{color:#4e6b77;font-size:.95rem;line-height:1.55;margin:0 auto;max-width:460px}.homefeature__cta{margin-top:36px;text-align:center}.homefeature__btn{background:#fff;border:1.5px solid #0c3b4a;border-radius:12px;box-shadow:0 6px 14px #0fbad61f;color:#0c3b4a;display:inline-block;font-weight:700;padding:12px 22px;text-decoration:none;transition:background .12s ease,transform .12s ease,box-shadow .12s ease}.homefeature__btn:hover{background:#dff2f9;transform:translateY(-1px)}.pre-animate{opacity:0;transform:translateY(12px)}@media (prefers-reduced-motion:reduce){.pre-animate{opacity:1}.animate__animated{animation:none!important}}:root{--animate-duration:0.7s}@media (max-width:1024px){.homefeature__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.homefeature__grid{grid-template-columns:1fr}.homefeature-card{padding:22px 18px}.homefeature-card__icon,.homefeature-card__icon img{height:72px;width:72px}}.homereality-section{background:#34667c;color:#fff;padding:64px 20px 72px}.homereality__inner{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:1.1fr .9fr;margin:70px auto;width:min(1120px,92vw)}.homereality__title{font-family:BIZ UDPMincho,serif;font-size:clamp(2rem,4.2vw,3rem);font-weight:400;line-height:1.15;margin:8px 0 16px}.homereality__lead{color:#ffffffeb;font-family:Inter,sans-serif;font-size:clamp(.98rem,1.4vw,1.1rem);line-height:1.8;margin:0 0 22px;max-width:720px}.homereality__list{grid-gap:16px;display:grid;gap:16px;list-style:none;margin:0 0 26px;max-width:720px;padding:0}.homereality__list li{color:#fffffff2;line-height:1.6;padding-left:22px;position:relative}.homereality__list li:before{background:#8fe7f7;border-radius:50%;box-shadow:0 0 0 3px #8fe7f72e;content:"";height:9px;left:0;position:absolute;top:10px;width:9px}.homereality__callout{background:#a8e5f70f;border:1.5px solid #ffffff59;border-radius:16px;color:#fffffff2;grid-column:1/-1;justify-self:start;margin-top:24px;padding:18px 20px;width:100%}.homereality__calloutTitle strong{white-space:nowrap}.homereality__calloutTitle{margin:0 0 6px}.homereality__calloutBody{margin:0}.homereality__callout .brand1{color:#a8e5f7}.homereality__illustration{display:grid;place-items:center}.homereality__illustration img{display:block;height:auto;max-width:520px;width:100%}@media (max-width:980px){.homereality__inner{gap:28px;grid-template-columns:1fr}.homereality__illustration{order:2}}.homesolve-section{background:#fff;color:#0e2b37;padding:64px 20px 72px}.homesolve__inner{margin:0 auto;width:min(1120px,92vw)}.homesolve__title{color:#2b4c59;font-family:BIZ UDPMincho,serif;font-size:clamp(2rem,3.6vw,2.4rem);font-weight:400;margin:64px 0 4px;padding-top:5px}.homesolve__subtitle{color:#2bbfa8;font-size:1rem;font-weight:500;margin:0 0 20px}.homesolve-head{grid-column-gap:36px;border-bottom:1px solid #0f2d3a2e;column-gap:36px;display:grid;grid-template-columns:1fr 1fr;margin-top:10px;padding:16px 0 12px}.homesolve-head__cell{color:#4a6a77;font-weight:700}.homesolve-row{grid-column-gap:36px;border-bottom:1px solid #0f2d3a1f;column-gap:36px;display:grid;grid-template-columns:1fr 1fr;padding:22px 0}.homesolve-col p{margin:0}.homesolve-pain{color:#254b59;font-style:italic;line-height:1.55}.homesolve-pain__meta{color:#5a7783;display:block;font-style:normal;margin-top:6px}.homesolve-solution{color:#224955;line-height:1.6}.homesolve-solution strong{font-weight:800}@media (max-width:900px){.homesolve-head,.homesolve-row{grid-template-columns:1fr;row-gap:8px}.homesolve-head{border-bottom:none;padding-bottom:0}.homesolve-head__cell+.homesolve-head__cell{display:none}.homesolve-row{border-top:1px solid #0f2d3a1f;padding:16px 0 18px}.homesolve-col--pain{order:1}.homesolve-col--solution{order:2}}.homewhy-section{background:#34667c;color:#fff;padding:72px 20px 84px}.homewhy__inner{margin:0 auto;width:min(1120px,92vw)}.homewhy__header{margin-bottom:22px;text-align:center}.homewhy__title{font-family:BIZ UDPMincho,serif;font-size:clamp(2rem,3.6vw,2.6rem);font-weight:400;padding-top:76px}.homewhy__underline{background:#a8e5f7;border-radius:3px;display:inline-block;height:4px;margin-top:10px;width:76px}.homewhy__grid{grid-gap:36px;align-items:center;display:grid;gap:36px;grid-template-columns:.95fr 1.05fr}.homewhy__left{grid-gap:18px;display:grid;gap:18px}.homewhy-card{grid-gap:14px;background:#fff;border:1px solid #0f2d3a1f;border-radius:10px;box-shadow:0 2px 10px #09141c0f;color:#0e2b37;display:grid;gap:14px;grid-template-columns:72px 1fr;padding:30px}.homewhy-card__icon{height:72px;object-fit:contain;width:72px}.homewhy-card__title{color:#0e2b37;font-family:Inter,sans-serif;font-size:.98rem;font-weight:800;margin:2px 0 4px}.homewhy-card__desc{color:#4e6b77;font-size:.94rem;line-height:1.5;margin:0}.homewhy__right{width:100%}.homewhy-illustration{padding:18px;position:relative}.homewhy-illustration:after,.homewhy-illustration:before{border-radius:1px;bottom:12px;content:"";left:50%;position:absolute;top:12px;width:1px}.homewhy-illustration img{border-radius:8px;display:block;height:auto;width:100%}.homewhy-card:hover{box-shadow:0 6px 18px #09141c14;transform:translateY(-1px);transition:transform .12s ease,box-shadow .12s ease}@media (max-width:980px){.homewhy__grid{gap:24px;grid-template-columns:1fr}.homewhy-illustration:after,.homewhy-illustration:before{display:none}}.hometesti-section{background:#fff;color:#34667c;padding:64px 20px 84px}.hometesti__inner{margin:0 auto;width:min(1120px,92vw)}.hometesti__title{color:#34667c;font-family:BIZ UDPMincho,serif;font-size:clamp(1.9rem,3.2vw,2.2rem);font-weight:400;margin-bottom:56px;padding-top:84px;text-align:center}.hometesti__grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(4,1fr)}.hometesti-card{background:#fff;border:1px solid #0f2d3a1f;border-radius:10px;box-shadow:0 2px 10px #09141c0f;padding:18px 18px 16px}.hometesti-card__head{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:44px 1fr;margin-bottom:10px}.hometesti-avatar-wrap{border-radius:999px;box-shadow:0 0 0 1px #0000000f;display:inline-block;flex-shrink:0;height:44px;margin-right:12px;overflow:hidden;width:44px}.hometesti-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.hometesti-avatar{background:#e8f6fb;border:1px solid #0f2d3a1f;border-radius:50%;color:#0f2d3a;display:grid;font-weight:800;height:44px;place-items:center;width:44px}.hometesti-avatar:after{content:attr(data-initials)}.hometesti-name{font-weight:800;line-height:1}.hometesti-role{color:#5c7783;font-size:.82rem;margin-top:2px}.hometesti-stars{color:#f29f05;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial;font-size:.92rem;letter-spacing:2px;margin-top:6px}.hometesti-stars--muted{color:#d7e0e5}.hometesti-quote{color:#3a5662;font-size:.92rem;line-height:1.5;margin:12px 2px 2px}.hometesti-card:hover{box-shadow:0 8px 20px #09141c14;transform:translateY(-1px);transition:transform .12s ease,box-shadow .12s ease}.hometesti-cta{background:linear-gradient(180deg,#f3fbfe,#e8f6fb);border:1px solid #d6eaf2;border-radius:16px;box-shadow:0 12px 34px #09141c14;color:#0f2d3a;margin:48px auto 0;padding:28px 22px;text-align:center;width:min(920px,92vw)}.hometesti-cta__title{color:#1d4b5a;font-family:BIZ UDPMincho,serif;font-size:clamp(1.4rem,2.2vw,1.75rem);font-weight:400;margin:0 0 6px}.hometesti-cta__sub{color:#3c6b78;font-size:.98rem;margin:0 0 16px}.hometesti-cta__actions{display:inline-flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:6px}.btn111{border:2px solid #0000;border-radius:8px;cursor:pointer;display:inline-block;font-weight:600;letter-spacing:.2px;padding:10px 18px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.hometesti-cta__btn2{min-width:170px}.hometesti-cta__note{color:#587e8b;font-size:.85rem}.hometesti-cta .btn111:hover{transform:translateY(-1px)}.btn---ghost11{background:#0000;border-color:#a8e5f7;color:#000}.btn---ghost11:hover{background:#ffffff14}@media (max-width:560px){.hometesti-cta{padding:22px 16px}.hometesti-cta__btn,.hometesti-cta__btn2{min-width:100%}}@media (max-width:1024px){.hometesti__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.hometesti__grid{grid-template-columns:1fr}.hometesti-card__head{grid-template-columns:40px 1fr}.hometesti-avatar{height:40px;width:40px}}.homeclients-section{background:#34667c;color:#fff;padding:64px 20px 72px}.homeclients__inner{margin:0 auto;text-align:center;width:min(1120px,92vw)}.homeclients__title{font-family:BIZ UDPMincho,serif;font-size:clamp(2rem,3.6vw,2.4rem);font-weight:400;margin-bottom:28px;padding-top:84px}.homeclients__grid{grid-row-gap:48px;grid-column-gap:56px;align-items:center;column-gap:56px;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;row-gap:48px}.homeclients__item{line-height:0;opacity:.9;transition:opacity .15s ease,transform .15s ease,filter .15s ease}.homeclients__item img{display:block;filter:brightness(0) invert(1);height:auto;max-height:164px;max-width:220px;object-fit:contain;width:auto}.homeclients__item:hover{filter:none;opacity:1;transform:translateY(-1px)}@media (max-width:900px){.homeclients__grid{grid-template-columns:repeat(2,1fr);row-gap:36px}}@media (max-width:560px){.homeclients-section{padding:56px 16px 64px}.homeclients__title{margin-bottom:18px;padding-top:56px}.homeclients__grid{column-gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.homeclients__item img{height:auto;max-height:80px;max-width:160px;width:100%}}.footer{background-color:#34667c;color:#fff;font-size:.95rem;padding:40px 20px}.footer-links a{color:#90cdf4;margin:0 15px;text-decoration:none}.footer-top{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.footer-logo{font-family:"Cursive",sans-serif;font-size:1.5rem}.footer-nav-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:10px 0}.footer-nav-links a{color:#fff;opacity:.9;text-decoration:none}.footer-nav-links a:hover{opacity:1;text-decoration:underline}.footer-social{display:flex;gap:15px}.footer-social a{color:#fff;font-size:1.2rem;opacity:.9}.footer-social a:hover{opacity:1}.footer-divider{border-top:1px solid #fff3;margin:20px 0}.footer-bottom{align-items:center;display:flex;flex-wrap:wrap;font-size:.85rem;justify-content:space-between}.footer-bottom p{margin:5px 0}.footer-bottom-links{display:flex;gap:15px}.footer-bottom-links a{color:#90cdf4;opacity:.9;text-decoration:none}.footer-bottom-links a:hover{opacity:1;text-decoration:underline}@media (max-width:768px){.homepage-container{-webkit-overflow-scrolling:auto;scroll-behavior:auto!important;scroll-snap-type:none!important}.section,.snap-section{min-height:auto!important;scroll-snap-align:none!important;scroll-snap-stop:normal!important}}.contact-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;overflow-y:auto;padding:16px}.contact-modal{max-height:calc(100dvh - 32px);overflow:hidden}.contact-form{-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 210px);overflow-y:auto;padding-right:2px}.contact-header{background:#fff;border-bottom:1px solid #e7eef3;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;z-index:2}@media (max-width:420px){.contact-modal{border-radius:14px;padding:18px 16px 16px;width:100%}.contact-form{gap:12px}.contact-form input,.contact-form textarea{border-radius:12px;padding:11px 12px}.contact-submit{padding:13px 16px}}@supports (padding:max(0px)){.contact-overlay{padding-bottom:max(16px,env(safe-area-inset-bottom));padding-top:max(16px,env(safe-area-inset-top))}}/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-name:headShake;animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-animation-name:swing;animation-name:swing;-webkit-transform-origin:top center;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}@keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}@keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}@keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}@keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animate__animated.animate__flip{-webkit-animation-name:flip;animation-name:flip;-webkit-backface-visibility:visible;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}@keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.navbar{color:#fff;display:flex;flex-direction:column;font-family:sans-serif;position:fixed;top:0;transition:background-color .3s ease,box-shadow .3s ease;width:100%;will-change:transform,background;z-index:1000}.navbar,.navbar.transparent{background-color:#34667c}.navbar.scrolled{background-color:#111c24;box-shadow:0 2px 6px #0000004d}.brand{align-items:center;display:flex;gap:2px;text-decoration:none}.logoimage{height:38px;object-fit:contain;width:38px}.logoimage1{height:58px;object-fit:contain;width:58px}.logotext{color:#fff;font-size:1.5rem;font-weight:700;white-space:nowrap}.desktop-navbar{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:auto 1fr auto;padding:16px 60px;width:100%}.desktop-links{display:flex;gap:30px;justify-content:center}.desktop-links a{color:#fff;font-size:1rem;text-decoration:none}.desktop-actions{display:flex;gap:10px}.join-btn{background-color:initial;border:1px solid #ffffff88;color:#fff}.join-btn,.login-btn{border-radius:6px;padding:8px 16px;text-decoration:none}.login-btn{background-color:#b6e5fc;color:#0a2330;font-weight:600}.mobile-navbar{justify-content:space-between;padding:12px 16px;width:100%}.hamburger,.mobile-navbar{align-items:center;display:none}.hamburger{background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;height:44px;justify-content:center;margin-left:auto;width:44px;z-index:1400}.hamburger .bar{background:#fff;border-radius:2px;height:3px;margin-top:15px;transition:all .3s ease;width:24px}.hamburger .bar.open:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger .bar.open:nth-child(2){opacity:0}.hamburger .bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#00000073;inset:0;position:fixed;z-index:9998}.mobile-sheet{background:linear-gradient(180deg,#0f2530,#0b1b23);color:#fff;display:flex;flex-direction:column;gap:16px;height:50vh;inset:0;padding:env(safe-area-inset-top) 20px 24px;position:fixed;width:100%;z-index:9999}.sheet-header{justify-content:space-between}.sheet-brand,.sheet-header{align-items:center;display:flex}.sheet-brand{font-size:1.1rem;gap:8px}.sheet-close{background:#0000;border:none;color:#cfd9df;font-size:1.4rem;height:44px;width:44px}.sheet-links{border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:12px;padding-top:12px}.sheet-links a{border-radius:10px;color:#e9f1f5;font-size:1.125rem;padding:12px 4px;text-decoration:none}.sheet-links a:active{background:#ffffff0f}.sheet-actions{grid-gap:10px;border-top:1px solid #ffffff14;display:grid;gap:10px;margin-top:auto;padding-top:12px}.block{display:block;text-align:center;width:100%}.no-scroll{overflow:hidden}@media (max-width:800px){.desktop-navbar{display:none}.hamburger,.mobile-navbar{display:flex}.logotext{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.login-page{align-items:center;display:flex;font-family:Inter,sans-serif;height:100vh;justify-content:center;margin:0;overflow:hidden;position:relative}.login-logo-top-left{left:50px;position:fixed;top:30px;z-index:2}.companylogin-logo{height:78px;margin-bottom:0;object-fit:contain;width:78px}.login-page:before{animation:animateGradient 5s ease infinite;background:linear-gradient(135deg,#4384a0,#34667c,#2f4d66);background-size:400% 400%;content:"";filter:blur(0);height:60%;left:-20%;position:fixed;top:-20%;transform:rotate(-8deg) scale(1.1);width:120%;z-index:0}@keyframes animateGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;max-width:450px;padding:40px;text-align:center;width:90%;z-index:1}.login-title{color:#333;font-size:26px;font-weight:700;margin-bottom:8px}.login-subtext{color:#666;font-size:14px;margin-bottom:20px}label{display:block;font-weight:600;margin:10px 0 5px;text-align:left}input,label{font-size:14px}input{background-color:#f4fcff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;margin-bottom:15px;outline:none;padding:12px;transition:all .3s ease;width:100%}input::placeholder{color:#b0b0b0}input:focus{background-color:#fff;border-color:#16477e;box-shadow:0 0 6px #007a334d}.input-group input{margin-bottom:0;padding-right:80px}.toggle-visibility{font-size:13px;font-weight:600;right:16px;-webkit-user-select:none;user-select:none}.loginclicks{background:linear-gradient(90deg,#1a2124,#34667c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:12px;padding:12px;transition:all .3s ease;width:100%}.loginclicks:hover{background-color:#34667c}.register-button{background-color:#fff;border:1px solid #2f4d66;border-radius:8px;color:#2f4d66;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px;transition:all .3s ease;width:100%}.register-button:hover{background-color:#2f4d66;color:#fff}.links p{color:#8b6f48;cursor:pointer;font-size:12px;margin-top:15px}.links p a{color:#007a33;text-decoration:none}.links p a:hover{text-decoration:underline}.error-message,.success-message{font-size:12px;margin-top:10px}.success-message{color:green}.modal-overlay{background:#0f172a73;z-index:50}.modal{animation:pop .16s ease-out;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 30px 60px #020c1b33;padding:22px 22px 18px;position:relative;width:min(520px,92vw)}@keyframes pop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.modal h2{font-size:20px;font-weight:800;letter-spacing:-.01em;margin:4px 0 6px}.modal-sub{color:#6b7280;font-size:14px;margin:0 0 12px}.modal label{color:#1f2937;font-size:13px;font-weight:700;margin:10px 0 6px}.modal input{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;height:44px;outline:none;padding:10px 14px}.modal input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.modal-actions{gap:10px;margin-top:14px}.btn-primary{background-image:linear-gradient(90deg,#0ea5e9,#2563eb);border:0;flex:1 1;height:44px}.btn-primary:disabled{opacity:.75}.btn-ghost{height:44px;padding:0 16px}.modal-close{background:#fff;border:1px solid #e5e7eb;border-radius:999px;cursor:pointer;font-size:18px;height:32px;line-height:30px;position:absolute;right:10px;text-align:center;top:8px;width:32px}.success-message{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:10px;color:#166534;font-size:13px;margin-top:8px;padding:8px 10px}.field-error{margin:6px 0 0}.status-banner{align-items:flex-start;border-radius:8px;box-sizing:border-box;display:flex;font-size:.9rem;gap:10px;line-height:1.4;margin-bottom:12px;padding:10px 12px;width:100%}.status-banner-icon{font-size:1.2rem;margin-top:2px}.status-banner-content{flex:1 1}.status-banner-title{font-weight:600;margin-bottom:2px}.status-banner-message{font-size:.9rem}.status-banner-close{background:#0000;border:none;cursor:pointer;font-size:1.1rem;line-height:1;opacity:.7;padding:0 4px}.status-banner-close:hover{opacity:1}.status-banner--error{background:#fdecec;border:1px solid #f3b4b4;color:#6b1111}.status-banner--success{background:#e8f8ee;border:1px solid #a7ddc0;color:#145231}.status-banner--info{background:#e8f1fd;border:1px solid #b5c9f5;color:#163c76}.status-banner--warning{background:#fff8e5;border:1px solid #f5d48a;color:#7a5a12}:root{--bg1:#0f2f55;--bg2:#214861;--ring:#2563eb;--error:#ef4444;--error-ink:#b91c1c;--btn1:#2563eb;--btn2:#0ea5e9;--ghost:#f3f4f6}.register-page{align-items:center;background:#eef6fb;display:flex;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100dvh;overflow:hidden;padding:56px 20px;position:relative}.register-page:before{background:linear-gradient(135deg,#4384a0,#34667c,#2f4d66);box-shadow:none;content:"";height:56vh;left:-18vw;-webkit-mask-image:none;mask-image:none;position:absolute;right:-18vw;top:-26vh;transform:rotate(-10deg);z-index:0}.auth-card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:20px;box-shadow:0 30px 60px #020c1b2e;padding:36px 40px 30px;position:relative;width:min(880px,100%);z-index:1}.auth-header{margin-bottom:18px;text-align:center}.brand-logo1{height:58px;margin-bottom:6px;width:58px}.stepper{display:flex;gap:10px;margin-bottom:10px}.step,.stepper{align-items:center;justify-content:center}.step{background:#cbd5e1;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:26px;width:26px}.step.active{background:linear-gradient(90deg,#0ea5e9,#2563eb);background:linear-gradient(90deg,var(--btn2),var(--btn1))}.stepper .line{background:#e2e8f0;border-radius:2px;height:2px;width:44px}.register-title{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:6px 0 4px}.register-subtext{color:#64748b;color:var(--muted);font-size:14px;margin:0 auto 8px;max-width:680px}.register-form{margin-top:14px}.form-row.two{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}label{color:#1f2937;font-size:13px;font-weight:700;margin-bottom:6px}.register-select,input{background:#f8fafc;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;font-size:14px;height:44px;outline:none;padding:10px 14px;transition:box-shadow .15s ease,border-color .15s ease,background .15s;width:100%}input::placeholder{color:#9aa3af}.register-select:focus,input:focus{background:#fff;border-color:#2f4d66;box-shadow:0 0 0 4px #2563eb1f}.register-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' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%2364758b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 8px}.input-error{border-color:#ef4444!important;border-color:var(--error)!important;box-shadow:0 0 0 4px #ef44441f!important}.field-error{color:#b91c1c;color:var(--error-ink);font-size:12px;margin:6px 0}.password-field{position:relative}.password-field input{padding-right:86px}.toggle-visibility1{background:#f3f4f6;background:var(--ghost);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;color:#111827;cursor:pointer;font-size:12px;font-weight:700;height:32px;padding:0 12px;position:absolute;right:10px;top:10%;transform:translateY(-50%);transition:background .15s ease,transform .15s ease}.toggle-visibility1:hover{background:#e5e7eb;transform:translateY(-50%) scale(1.02)}.pw-meter{align-items:center;display:flex;gap:10px;margin-top:8px;position:relative}.pw-meter .bar{background:linear-gradient(90deg,#fca5a5,#fdba74,#fcd34d,#86efac,#22c55e);border-radius:999px;flex:1 1;height:6px;transition:width .25s ease}.pw-meter .label{color:#64748b;color:var(--muted);font-size:12px;text-align:right;width:86px}.pw-meter.s-0 .bar{width:4%}.actions-row{display:flex;gap:12px;justify-content:center;margin-top:14px}.btn-primary1{background:linear-gradient(135deg,#2f4d66,#3a5f7d 50%,#466f8c);border:0;border-radius:12px;box-shadow:0 14px 30px #2563eb38;color:#fff;cursor:pointer;font-size:15px;font-weight:800;height:48px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s}.btn-primary1:hover{box-shadow:0 18px 36px #2563eb4d;transform:translateY(-1px)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.8;transform:none}.btn-ghost{background:#fff;height:48px;padding:0 18px}.btn-ghost:hover{background:#f8fafc}.register-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px 0}@media (max-width:900px){.auth-card{border-radius:16px;padding:28px 20px 24px}.form-row.two{gap:14px;grid-template-columns:1fr}.register-title{font-size:22px}}.terms-consent{margin-top:8px}.checkbox-line{align-items:flex-start;font-size:5px;gap:10px}.checkbox-line input[type=checkbox]{margin-top:23px}.hint{color:#666;font-size:12px;margin-top:4px}.checkbox-line{align-items:center;display:flex;gap:8px}.tiny-checkbox{accent-color:#34667c;height:14px;margin-top:1px;width:14px}@supports not (accent-color:auto){.tiny-checkbox{transform:scale(.85);transform-origin:center}}@media (max-width:480px){.actions-row{align-items:stretch;flex-direction:column;gap:10px;margin-top:18px;width:100%}.btn-ghost,.btn-primary1{border-radius:14px;font-size:16px;height:52px;letter-spacing:.2px;width:100%}.btn-primary1{box-shadow:0 12px 24px #2f4d6640}.btn-ghost:active,.btn-primary1:active{transform:translateY(1px)}}:root{--wt-surface:#fff;--wt-line:#e7edf3;--wt-shadow:0 22px 60px #02081747;--wt-text:#0f172a;--wt-muted:#5b6b7b;--wt-accent:#2f4d66;--wt-accent-weak:#e1f6ff}.wt-overlay{display:grid;inset:0;place-items:center;position:fixed;z-index:2500}.wt-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0c121c73;inset:0;position:absolute;z-index:0}.wt-spotlight{box-shadow:0 0 0 9999px #0c121c73,inset 0 0 0 2px #275466e6,0 10px 28px #02081740;pointer-events:none;position:absolute;transition:left .18s ease,top .18s ease,width .18s ease,height .18s ease,border-radius .18s ease;z-index:1}.wt-card{background:#fff;background:var(--wt-surface);border:1px solid #e7edf3;border:1px solid var(--wt-line);border-radius:12px;box-shadow:0 22px 60px #02081747;box-shadow:var(--wt-shadow);color:#0f172a;color:var(--wt-text);display:grid;grid-template-rows:auto 1fr auto;outline:none;overflow:hidden;width:min(640px,92vw);z-index:2}.wt-head{grid-gap:12px;align-items:center;background:#fbfdff;border-bottom:1px solid #e7edf3;border-bottom:1px solid var(--wt-line);display:grid;gap:12px;grid-template-columns:1fr auto auto;padding:10px 12px}.wt-brand{align-items:center;display:flex;gap:10px;min-width:0}.wt-logo{background:linear-gradient(135deg,#3b82f6,#22c55e);border-radius:8px;box-shadow:0 6px 18px #3b82f640;display:grid;height:28px;place-items:center;width:28px}.wt-logo span{background:#ffffffd9;border-radius:3px;height:12px;width:12px}.wt-title{font-size:16px;font-weight:800;margin:0}.wt-plan-badge{align-items:center;background:#e1f6ff;background:var(--wt-accent-weak);border-radius:999px;color:#1453a7;display:inline-flex;font-size:11px;font-weight:700;gap:6px;margin-top:2px;padding:3px 8px;width:-webkit-fit-content;width:fit-content}.wt-opt{align-items:left;color:#5b6b7b;color:var(--wt-muted);display:inline-flex;font-size:12px;gap:1px;padding-left:20px;-webkit-user-select:none;user-select:none}.wt-opt input{margin-bottom:-5px;transform:translateY(1px);width:20px}.wt-icon-btn{-webkit-appearance:none;appearance:none;background:#f6f7f9;border:1px solid #dfe4ea;border-radius:8px;color:#6b7280;cursor:pointer;display:grid;height:28px;line-height:0;place-items:center;width:28px}.wt-icon-btn:hover{background:#636363;color:#fff}.wt-body{grid-gap:14px;display:grid;gap:14px;grid-template-columns:110px 1fr;padding:14px}@media (max-width:640px){.wt-body{grid-template-columns:1fr}}.wt-illustration{display:grid;place-items:center}.illus{color:#2f4d66;color:var(--wt-accent);height:72px;width:72px}.wt-copy{grid-gap:6px;display:grid;gap:6px}.wt-step-eyebrow{color:#5b6b7b;color:var(--wt-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.wt-step-eyebrow span{opacity:.8}.wt-step-title{font-size:17px;font-weight:800;margin:0}.wt-step-desc{color:#334155;line-height:1.5;margin:0}.wt-foot{align-items:center;background:#fbfdff;border-top:1px solid #e7edf3;border-top:1px solid var(--wt-line);display:flex;gap:10px;justify-content:space-between;padding:10px 12px}.wt-progress{display:flex;gap:6px}.wt-dot{background:#cbd5e1;border:none;border-radius:999px;cursor:pointer;height:8px;width:8px}.wt-dot.active{background:#275466}.wt-actions{display:flex;gap:8px}.wt-btn{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:9px;color:#0f172a;cursor:pointer;font-size:14px;font-weight:700;padding:8px 12px}.wt-btn:hover{border-color:#94a3b8}.wt-btn[disabled]{cursor:not-allowed;opacity:.6}.wt-btn.primary{background:#275466;border-color:#111827;color:#fff}.wt-btn.primary:hover{background:#347088}.wt-btn.ghost{background:#0000;border-color:#cbd5e1}@media (prefers-reduced-motion:reduce){.wt-spotlight{transition:none!important}}@media (max-width:520px){.wt-overlay{padding:16px;place-items:center}.wt-card{border-radius:16px;display:grid;grid-template-rows:auto 1fr auto auto;max-height:min(720px,calc(100dvh - 32px));max-width:520px;overflow:hidden;width:100%}.wt-head{gap:10px;grid-template-columns:1fr auto;padding:12px}.wt-head .wt-opt{display:none}.wt-icon-btn{border-radius:12px;font-size:18px;height:36px;width:36px}.wt-body{-webkit-overflow-scrolling:touch;gap:10px;grid-template-columns:1fr;overflow:auto;padding:14px 12px}.wt-illustration{justify-content:start}.illus{height:56px;width:56px}.wt-step-title{font-size:16px;line-height:1.25}.wt-step-desc{font-size:14px;line-height:1.5}.wt-progress{flex-wrap:wrap;max-width:55%;row-gap:8px}.wt-foot{align-items:stretch;flex-direction:column;gap:10px;padding:12px}.wt-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;width:100%}.wt-btn{border-radius:12px;padding:10px 12px;width:100%}.wt-opt-container{background:#fbfdff;border-top:1px solid #e7edf3;border-top:1px solid var(--wt-line);padding:10px 12px 14px}.wt-opt-container .wt-opt{display:inline-flex;gap:10px;margin:0;padding:0}.wt-opt-container .wt-opt input{height:18px;margin:0;transform:none;width:18px}}:root{--sb-bg:#2f4d66;--sb-text:#fff;--sb-active-bg:#eaf5ff;--sb-active-text:#164766;--sb-sep:#204257;--topbar-bg:#fff;--topbar-border:#e5e7eb;--page-bg:#f8fafc}.admin-container{background:#f8fafc;background:var(--page-bg);min-height:100vh}.admin-container.sb-open .admin-main-content{margin-left:220px}.admin-container.sb-open .nav-page-title{padding-left:270px}.admin-container.sb-closed .nav-page-title{padding-left:70px}.admin-container.sb-closed .admin-main-content{margin-left:32px}.admin-navbar{align-items:center;background:#fff;background:var(--topbar-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--topbar-border);color:#111827;display:flex;height:58px;justify-content:space-between;left:0;padding:0 12px;position:fixed;right:0;top:0;z-index:999}.nav-right{gap:22px;margin-right:10px}.nav-icon-button{background:#0000;border:0;border-radius:8px;cursor:pointer;padding:12px;position:relative}.nav-icon{color:#767676;height:20px;width:20px}.nav-hamburger .nav-icon{color:#2f4d66}.nav-icon-button:hover{background:#ecf7fd}.notification-dot{background:#ef4444;border-radius:50%;height:8px;position:absolute;right:8px;top:8px;width:8px}.activeplan-banner,.trial-banner{border-radius:999px;font-size:12px;font-weight:700;padding:6px 10px}.trial-banner{background:#fff3cd;color:#7c5b13}.activeplan-banner{background:red;color:#147630}.upgrade-now-btn1{background:linear-gradient(135deg,#2f4d66,#3a5f7d 50%,#466f8c);border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;height:50px;margin-right:0}.upgrade-now-btn:hover{opacity:.92}.upgrade-now-btn2{padding-top:0}.nav-left{gap:10px}.nav-hamburger{display:none}.nav-mobile-title{color:#1f3e55;display:none;font-size:14px;font-weight:800;max-width:44vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidenav{background:#2f4d66;background:var(--sb-bg);color:#fff;color:var(--sb-text);display:flex;flex-direction:column;inset:0 auto 0 0;padding:10px 12px;position:fixed;width:270px;z-index:1000}.sidenav.closed{width:72px}.sidenav .brand{align-items:center;display:flex;gap:0;padding:6px 6px 12px;position:relative}.brand-logo{height:38px;object-fit:contain;width:38px}.brand-logo1{height:54px;object-fit:contain;width:54px}.brand-name{color:#fff;font-weight:800;letter-spacing:.3px}.side-collapse{align-items:center;background:#2f4d66;border-radius:22px;box-shadow:0 4px 12px #2f4d6640,0 1px 3px #0000001a;color:#fff;cursor:pointer;height:34px;justify-content:center;padding-left:10px;position:absolute;right:-25px;top:-2px;transition:background .15s ease,transform .15s ease;width:34px}.side-collapse:hover{background-color:#3b5e80}.sidenav.closed .brand-name{display:none}.sidenav-bottom,.sidenav-top{display:flex;flex-direction:column;gap:1px}.sidenav-bottom{margin-top:auto}.side-item{align-items:center;background:#0000;border:0;border-radius:10px;color:#fff;color:var(--sb-text);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:10px;text-align:left;transition:background .15s ease,color .15s ease;width:100%}.side-item .side-ico{stroke:currentColor;height:18px;opacity:.9;width:18px}.side-item:hover{background:#ffffff0f}.side-item.active{background:#fff;color:#164766;color:var(--sb-active-text)}.side-item.active .side-ico{opacity:1}.side-item.danger{color:#f7a520}.side-item.danger:hover{background:#ffffff0f;color:#fff}.sidenav.closed .side-label{display:none}.admin-main-content{background:#fff;min-height:100vh;padding:72px 24px 24px;transition:margin-left .25s ease}.admin-loading-screen{align-items:center;background:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.admin-loading-lottie{max-width:45vw;width:240px}.admin-loading-text{color:#2f4d66;font-weight:700;letter-spacing:.2px;margin-top:10px}.profile-wrapper{position:relative}.profile-button .chevron{color:#111827;font-size:.9rem;margin-left:2px}.profile-menu{background:#fff;border:1px solid #00000014;border-radius:0;box-shadow:0 8px 24px #0000001f;min-width:220px;padding:8px;position:absolute;right:0;top:50px;z-index:1200}.profile-menu .menu-item{align-items:center;background:#0000;border:0;border-radius:8px;color:#2f4d66;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 12px;text-align:left;transition:background .15s ease,color .15s ease;width:100%}.profile-menu .menu-item:hover{background:#ecf7fd;border-left:2px solid #205e85;border-radius:0;width:100%}.profile-menu .danger{color:#b42318}.profile-menu .danger:hover{background:#feeceb;color:#912018}.profile-menu .menu-divider{background:#0000000f;height:1px;margin:6px 4px}.profile-menu .menu-header{border-bottom:1px solid #0000000f;margin-bottom:6px;padding:10px 12px 8px}.profile-menu .menu-company{color:#1f3e55;font-size:14px;font-weight:800;line-height:1.2}.profile-menu .menu-email{color:#6b7b88;font-size:12px;margin-top:2px}.nav-ico{height:16px}.mobile-nav-backdrop{background:#0f172a8c;inset:0;position:fixed;z-index:1400}.mobile-sidenav{background:#2f4d66;background:var(--sb-bg);bottom:0;color:#fff;color:var(--sb-text);display:flex;flex-direction:column;left:0;padding:12px;position:fixed;top:0;transform:translateX(-100%);transition:transform .2s ease;width:100%;z-index:1500}.mobile-sidenav.open{transform:translateX(0)}.mobile-sidenav-header{align-items:center;border-bottom:1px solid #ffffff1f;display:flex;justify-content:space-between;padding:6px 4px 12px}.mobile-sidenav-brand{align-items:center;display:flex;gap:10px}.mobile-sidenav-body{display:flex;flex-direction:column;gap:2px;overflow-y:auto;padding-top:12px}.mobile-sidenav-footer{border-top:1px solid #ffffff1f;margin-top:auto;padding-top:10px}@media (max-width:1024px){.admin-container.sb-closed .admin-main-content,.admin-container.sb-open .admin-main-content{margin-left:0}}@media (max-width:768px){.activeplan-banner,.pilot-banner1,.sidenav,.trial-banner{display:none}.nav-hamburger{display:inline-flex}.nav-mobile-title{display:block}.admin-container.sb-closed .admin-main-content,.admin-container.sb-open .admin-main-content{margin-left:0}.admin-main-content{padding:72px 14px 18px}.upgrade-now-btn1{display:none}}.cancel-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999}.cancel-modal{box-shadow:0 16px 40px #0f172a2e;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif}.review-modal{padding:24px 26px 22px}.review-modal h3{color:#0f172a;font-size:1.25rem;font-weight:650;margin:0}.review-modal p{color:#6b7280;font-size:.9rem;margin-top:6px}.review-modal .label{color:#4b5563;font-size:.85rem;font-weight:500}.review-modal .input{border:1px solid #e5e7eb;border-radius:10px;font-size:.9rem;margin-top:6px;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease}.review-modal .input:focus{border-color:#f97373;box-shadow:0 0 0 1px #f8717159;outline:none}.review-stars{display:flex;gap:8px;justify-content:center;margin-bottom:8px;margin-top:14px}.star-btn{background:#0000;border:none;color:#959595;cursor:pointer;font-size:26px;transition:transform .12s ease,text-shadow .12s ease}.star-btn.selected{color:#f97316;text-shadow:0 0 6px #f8ab5599;transform:translateY(-1px) scale(1.1)}.star-btn:hover{transform:translateY(-1px) scale(1.15)}.cancel-modal-actions{margin-top:18px}.cancel-modal-secondary{background:#f9fafb;color:#4b5563;font-size:.85rem;min-width:96px;padding:8px 14px;transition:background .15s ease,border-color .15s ease,color .15s ease}.cancel-modal-secondary:hover{background:#f3f4f6;border-color:#d1d5db}.cancel-modal-primary{background:#164766;box-shadow:0 10px 25px #dc26264d;font-size:.88rem;font-weight:600;min-width:120px;transition:background .15s ease,transform .12s ease,box-shadow .15s ease}.cancel-modal-primary:hover{background:#b91c1c;box-shadow:0 14px 30px #b91c1c59;transform:translateY(-1px)}.cancel-modal-primary:disabled,.cancel-modal-secondary:disabled{box-shadow:none;cursor:default;opacity:.55}.gs-backdrop{align-items:flex-start;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding-top:10vh;position:fixed;z-index:9999}.gs-dialog{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 24px 60px #0f172a59;max-width:920px;overflow:hidden;width:100%}.gs-header{border-bottom:1px solid #e5e7eb;padding:14px 16px 6px}.gs-input-wrap{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;display:flex;gap:8px;height:6vh;padding:6px 12px}.gs-input-icon{color:#6b7280;flex-shrink:0;height:18px;width:18px}.gs-input{background:#0000;border:none;color:#111827;font-size:14px;outline:none}.gs-input::placeholder{color:#9ca3af}.gs-input:focus,.gs-input:focus-visible{margin-top:14px}.gs-kbd-hint{align-items:center;display:flex;gap:4px}.gs-kbd{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#4b5563;font-size:11px;padding:2px 6px}.gs-subhint{color:#9ca3af;font-size:11px;margin-top:6px}.gs-body{max-height:420px;overflow-y:auto;padding:8px 0 10px}.gs-section{padding:6px 0}.gs-section+.gs-section{border-top:1px solid #f3f4f6}.gs-section-title{align-items:center;color:#9ca3af;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.06em;padding:4px 18px;text-transform:uppercase}.gs-section-icon{height:13px;width:13px}.gs-list{list-style:none;margin:0;padding:2px 8px 4px}.gs-item{background:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:6px 10px;text-align:left;width:100%}.gs-item:hover{background:#f3f4ff}.gs-item.selected{background:#ecfdf5;box-shadow:0 0 0 1px #10b98133}.gs-item-main{align-items:center;display:flex;gap:8px}.gs-item-title{color:#111827;font-size:13px;font-weight:600}.gs-item-sub{color:#6b7280;font-size:12px}.gs-item-meta{display:flex;flex-wrap:wrap;gap:6px}.gs-item-meta-pill,.gs-item-tag{background:#f3f4f6;border-radius:999px;color:#4b5563;font-size:11px;padding:2px 8px}.gs-item-tag{background:#ecfdf5;color:#047857}.gs-empty{color:#6b7280;font-size:13px;padding:28px 24px;text-align:center}.pilot-banner1{background:#eef6ff;border:1px solid #cfeaff;border-radius:12px;box-shadow:0 10px 24px #0000000f;color:#0f3b64;font-size:.82rem;margin:14px auto 10px;max-width:760px;padding:8px 16px;text-align:left}.nav-left{gap:12px;min-width:0}.nav-page-title{color:#15202b;font-size:18px;font-weight:800;line-height:1;margin-left:2rem;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:900px){.nav-page-title{display:none}}.sidenav-top{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:4px}.sidenav-bottom{border-top:1px solid #204257;border-top:1px solid var(--sb-sep);flex:0 0 auto;margin-top:0;padding-top:10px}:root{--sub:#475569;--muted:#94a3b8;--panel-bg:#fff;--panel-border:#d8e3f5;--panel-shadow:-18px 0 40px #10182814;--brand:#0b5fff;--brand-soft:#e9f3ff;--card-bg:#f8fbff;--card-border:#e8eef7;--info:#2a4da6;--info-soft:#e8f0ff;--low:#8a6a1d;--low-soft:#fff5d6;--high:#a11f2c;--high-soft:#ffe5e7}.notification-modal-overlay{align-items:stretch;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0206176b;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:9999}.notification-modal{animation:slideIn .2s ease;background:#fff;background:var(--panel-bg);border-left:1px solid #d8e3f5;border-left:1px solid var(--panel-border);border-radius:12px 0 0 12px;box-shadow:-18px 0 40px #10182814;box-shadow:var(--panel-shadow);height:100%;overflow-y:auto;padding:16px 16px 20px;width:min(440px,92vw)}@keyframes slideIn{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.notification-modal{animation:none}}.notification-header{align-items:center;background:#fff;background:var(--panel-bg);border-bottom:1px solid #edf1f7;display:flex;justify-content:space-between;margin-bottom:0;padding:4px 0 12px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.notification-header h2{color:#143a6f;font-size:1.1rem;font-weight:800;letter-spacing:.2px;margin:0}.close-btn{-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:8px;cursor:pointer;padding:6px}.closebtn-icon{color:#143a6f;font-size:22px}.close-btn:hover{background:#f2f6ff}.notif-toolbar{align-items:center;background:#fff;background:var(--panel-bg);border-bottom:1px solid #edf1f7;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px;padding:10px 0 12px;position:-webkit-sticky;position:sticky;top:53px;z-index:1}.tabs{gap:8px}.tab-btn{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:10px;color:#0b2547;font-weight:800;letter-spacing:.6px;padding:6px 8px}.tab-btn.active,.tab-btn:hover{background:#f5f8ff}.tab-btn.active:after{background:#0b5fff;background:var(--brand);border-radius:3px;bottom:-10px;content:"";height:3px;left:8px;position:absolute;right:8px}.tab-count{background:#e9f3ff;background:var(--brand-soft);border:1px solid #cfe0ff;border-radius:999px;color:#0b5fff;color:var(--brand);font-size:11px;font-weight:700;margin-left:6px;padding:1px 6px}.pill-btn{border-radius:12px;cursor:pointer;font-weight:800;line-height:1;padding:7px 12px;transition:background .15s ease}.pill-btn.ghost{background:#fff;border:1px solid #d8e3f5;border:1px solid var(--panel-border);color:#183a63}.pill-btn.ghost:hover{background:#f6f9ff}.pill-btn.ghost.danger{border-color:#ffd7d7;color:#a11f2c;color:var(--high)}.pill-btn:disabled{cursor:default;opacity:.55}.notification-list{display:flex;flex-direction:column;gap:12px}.notification-card{background:#fff;border:1px solid #e8eef7;border:1px solid var(--card-border);border-radius:12px;box-shadow:0 1px 0 #1018280a;padding:12px 12px 10px 14px;position:relative;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.notification-card:before{background:#dbe7ff;border-radius:12px 0 0 12px;bottom:-1px;content:"";left:-1px;position:absolute;top:-1px;width:4px}.notification-card.kind-activity{background:#fbfdff}.notification-card.kind-annc{background:#f9fbff}.notification-card.sev-info:before{background:#e8f0ff;background:var(--info-soft)}.notification-card.sev-low:before{background:#fff5d6;background:var(--low-soft)}.notification-card.sev-high:before{background:#ffe5e7;background:var(--high-soft)}.notification-card:hover{background:#fdfefe;border-color:#dfe7f3;box-shadow:0 4px 14px #1018280f;transform:translateY(-1px)}.notification-type{align-items:center;color:#0f172a;color:var(--ink);display:flex;flex-wrap:wrap;font-weight:800;gap:8px;margin-bottom:4px}.notification-message{color:#475569;color:var(--sub);font-size:.94rem;line-height:1.4;margin-bottom:8px}.notification-message a{border-bottom:1px dashed #cfe0ff;color:#2a4da6;color:var(--info);font-weight:700;text-decoration:none}.notification-message a:hover{border-bottom-style:solid}.notification-timestamp{color:#94a3b8;color:var(--muted);font-size:.78rem;text-align:right}.notif-badge{background:#f9fbff;border:1px solid #e6ebf2;border-radius:999px;color:#334155;font-size:10px;font-weight:800;padding:2px 6px;text-transform:uppercase}.notif-badge.sev-info{background:#e8f0ff;background:var(--info-soft);border-color:#cfe0ff;color:#2a4da6;color:var(--info)}.notif-badge.sev-low{background:#fff5d6;background:var(--low-soft);border-color:#ffe7b3;color:#8a6a1d;color:var(--low)}.notif-badge.sev-high{background:#ffe5e7;background:var(--high-soft);border-color:#fcc;color:#a11f2c;color:var(--high)}.no-notifications{background:#fbfdff;border:1px dashed #dfe6f4;border-radius:12px;color:#6b7280;margin-top:28px;padding:28px 12px;text-align:center}@media (max-width:640px){.notification-modal{border-radius:0;width:100%}}.notification-header-actions{display:none}.notif-header-text{display:flex;flex-direction:column;gap:4px}.notif-subtitle{color:#64748b;font-size:12.5px;font-weight:500;line-height:1.35;margin:0}@media (max-width:600px){.employee-card-row{align-items:flex-start;flex-direction:column;gap:10px}.employee-action{align-self:flex-end}.employee-card-header{background:#fff;border-bottom:1px solid #e0e0e0;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:none;font-weight:600;margin-bottom:10px;padding:14px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}}.employee-card-header{display:none;position:-webkit-sticky;position:sticky;top:0;z-index:10}.employee-management-container{background:#fff;border-radius:15px;justify-self:center;margin-top:-5rem;padding:0 40px;width:90%}.add-employee-container{justify-self:flex-end;margin-right:20px;margin-top:90px}.add-btn{background-color:#164766;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.add-btn:hover{background-color:#1d5e88}.add-btn1{background-color:#fff;border:1px solid #164766;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#164766;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.add-btn1:hover{background-color:#f6fbff}.remove-btn{background-color:#d32f2f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:6px 12px}.remove-btn:hover{background-color:#b71c1c}.employee-card-table{display:flex;flex-direction:column;gap:16px;height:60vh;margin-top:24px;overflow-x:scroll;overflow-y:auto}.employee-card-row{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;display:flex;justify-content:space-between;padding:16px 20px}.employee-card-row:hover{background-color:#f9f9f9;transition:background .2s ease}.employee-name-section{align-items:center;display:flex;flex:1.5 1;gap:12px}.avatar-circle{align-items:center;background-color:#f76c3c;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:36px;justify-content:center;text-transform:uppercase;width:36px}.employee-name{color:#333;font-size:1rem;font-weight:600}.employee-job{color:#333;flex:1.5 1;font-size:.95rem}.employee-email{color:#333;flex:2 1;font-size:.95rem;word-break:break-word}.employee-action{display:flex;flex:0.8 1;justify-content:flex-end}.employee-card-header{background:#fff;border-bottom:1px solid #e0e0e0;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:flex;font-weight:600;margin-bottom:10px;padding:14px 20px}.employee-card-header>div{color:#222;font-size:.95rem}.employee-card-header .employee-name-section{align-items:center;display:flex;flex:1.2 1}.employee-card-header .employee-job{flex:1.5 1}.employee-card-header .employee-email{flex:2 1}.employee-card-header .employee-action{display:flex;flex:0.8 1;justify-content:flex-end}.modal-overlay{height:100%;left:0;overflow-y:auto;top:0;width:100%}.modal{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0000001a;max-height:90vh;max-width:90%;overflow-y:auto;padding:30px;width:800px}.modal h3{color:#363636;font-size:28px;font-weight:600;margin-bottom:40px;margin-top:20px;text-align:center}.modal input{background-color:#fff;border:1px solid #ccc;border-radius:6px;display:block;margin-bottom:20px;padding:10px;width:100%}.modal-buttons{display:flex;gap:16px;justify-content:flex-end}.submit-btn{background-color:#0a8f50;border:none;border-radius:6px;color:#fff}.cancel-btn,.submit-btn{cursor:pointer;font-weight:600;padding:8px 16px}.cancel-btn{background-color:#fff;border:1px solid #0a8f50;border-radius:6px;color:#000;transition:background-color .2s ease}.cancel-btn:hover{background-color:#f2fdf7}.input-row{display:flex;gap:16px;margin-bottom:15px}.input-row input{flex:1 1}.input-label{color:#333;display:flex;flex-direction:column;font-size:.95rem;font-weight:600;margin-bottom:20px}.input-label input{margin-top:8px}.modal select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27black%27 height=%2720%27 viewBox=%270 0 24 24%27 width=%2720%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ccc;border-radius:6px;font-family:Montserrat,sans-serif;margin-bottom:35px;padding:10px 36px 10px 10px;width:100%}.modern-form input,.modern-form select{font-size:.95rem}.spinner{animation:spin .8s linear infinite;border:3px solid #fff;border-radius:50%;border-top-color:#0a8f50;display:inline-block;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.incomplete-indicator{color:#e67e22;font-size:.9rem;font-weight:700;margin-left:5px}.status-filter-wrapper{align-items:center;background-color:#fff;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:20px 0 10px;padding:12px 16px}.filters-left{display:flex;flex-direction:column;gap:10px}.status-dropdown{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='|c5e5;' d='m7 10 5-5H2z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border:2px solid #7cc5e5;border-radius:6px;color:#7cc5e5;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:border-color .2s ease}.status-dropdown:focus{border-color:#336195;outline:none}.search-wrapper{flex:1 1;margin-top:10px;max-width:300px;position:relative}.search-input-with-icon{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23999' viewBox='0 0 24 24'%3E%3Cpath d='M10 2a8 8 0 0 1 6.32 12.906l4.387 4.387-1.414 1.414-4.387-4.387A8 8 0 1 1 10 2zm0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12z'/%3E%3C/svg%3E");background-position:10px;background-repeat:no-repeat;background-size:16px;border:2px solid #7cc5e5;border-radius:6px;font-size:14px;padding:8px 14px 8px 36px;transition:all .2s ease-in-out;width:100%}.search-input-with-icon:focus{border-color:#336195;box-shadow:0 0 0 2px #0a8f5026;outline:none}.search-input{border:1.5px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;max-width:300px;min-width:250px;padding:8px 14px;transition:all .2s ease-in-out}.search-input:focus{border-color:#0a8f50;box-shadow:0 0 0 2px #0a8f5026;outline:none}.onboarding-switch-label{align-items:center;display:flex;font-weight:500;justify-content:space-between;margin:1rem 0}.onboarding-switch{display:inline-block;height:28px;position:relative;width:52px}.onboarding-switch input{height:0;opacity:0;width:0}.onboarding-slider-round{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.onboarding-slider-round:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:22px;left:3px;position:absolute;transition:.4s;width:22px}input:checked+.onboarding-slider-round{background-color:#99f69c;border:1px solid #28a745}input:checked+.onboarding-slider-round:before{transform:translateX(24px)}.timebank-inputs label{display:block;font-weight:500;margin-top:10px}.timebank-inputs input{margin-bottom:.5rem;padding:.5rem;width:100%}:root{--me-ink:#0f172a;--me-muted:#6b7280;--me-line:#e5e7eb;--me-card:#fff;--me-shadow:0 10px 25px #0000001a;--me-accent:#275466;--me-accent-dark:#1e3d4a}.modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.me-modal{background:#fff;background:var(--me-card);border:1px solid #dbe7f3;border-radius:12px;box-shadow:0 10px 25px #0000001a;box-shadow:var(--me-shadow);display:grid;grid-template-rows:auto 1fr auto;max-height:88vh;overflow:hidden;width:min(820px,96vw)}.me-modal__header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--me-line);display:flex;justify-content:center;padding:18px 24px 12px;position:relative}.me-modal__header h3{color:#0f172a;color:var(--me-ink);font-size:22px;font-weight:700;margin:0}.me-close{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--me-line);border-radius:8px;color:#6b7280;color:var(--me-muted);cursor:pointer;font-size:24px;height:36px;line-height:0;padding-left:10px;position:absolute;right:14px;top:0;width:36px}.me-close:hover{background:#f8fafc}.me-modal__body{overflow:auto;padding:18px 24px 8px}.me-modal__footer{background:#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--me-line);display:flex;gap:12px;justify-content:flex-end;padding:14px 24px 20px}.me-form{width:100%}.me-grid{grid-gap:14px 16px;display:grid;gap:14px 16px;grid-template-columns:repeat(3,1fr)}.me-grid-3{grid-gap:12px 14px;display:grid;gap:12px 14px;grid-template-columns:repeat(3,1fr)}.me-col-2{grid-column:span 2}.me-field{display:flex;flex-direction:column}.me-field>span{color:#0f172a;color:var(--me-ink);font-size:.92rem;font-weight:700;margin-bottom:6px}.me-field input,.me-field select{background:#f9fafb;border:1px solid #cfd8e3;border-radius:10px;font-size:.95rem;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.me-field input:focus,.me-field select:focus{background:#fff;border-color:#275466;border-color:var(--me-accent);box-shadow:0 0 0 3px #2754662e;outline:none}.me-section{border-top:1px dashed #e5e7eb;border-top:1px dashed var(--me-line);margin-top:18px;padding-top:12px}.me-onboarding-disclaimer{color:#1c226b;font-size:.82rem;line-height:1.45;margin-bottom:6px;margin-top:-9px;max-width:520px}.me-toggle-row{align-items:center;color:#0f172a;color:var(--me-ink);display:flex;justify-content:space-between;padding:10px 0}.me-switch{display:inline-block;height:30px;position:relative;width:54px}.me-switch input{height:0;opacity:0;width:0}.me-slider{background:#cbd5e1;border-radius:999px;box-shadow:inset 0 0 0 1px #0000000f;inset:0}.me-slider,.me-slider:before{position:absolute;transition:.25s}.me-slider:before{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0003;content:"";height:24px;left:3px;top:3px;width:24px}.me-switch input:checked+.me-slider{background:#40e67a}.me-switch input:checked+.me-slider:before{transform:translateX(24px)}.me-fieldset{border:1px solid #e5e7eb;border:1px solid var(--me-line);border-radius:12px;margin-top:10px;padding:12px}.me-fieldset>legend{color:#0f172a;color:var(--me-ink);font-weight:700;padding:0 6px}.me-btn{background-color:#164766;border:1px solid #0000;border-radius:10px;cursor:pointer;font-weight:800;padding:10px 16px;transition:filter .15s ease,transform .05s ease}.me-btn--primary{background:#164766;border-color:#275466;border-color:var(--me-accent);box-shadow:0 8px 24px #27546638;color:#fff}.me-btn--primary:hover{filter:brightness(1.06)}.me-btn--primary:active{transform:translateY(1px)}.me-btn--ghost{background:#fff;border-color:#275466;border-color:var(--me-accent);color:#275466;color:var(--me-accent)}.me-btn[disabled]{cursor:not-allowed;opacity:.7}.me-error{color:#b91c1c;font-weight:600;margin:10px 0 0}@media (max-width:900px){.me-grid{grid-template-columns:1fr}.me-col-2{grid-column:span 1}.me-grid-3{grid-template-columns:1fr}}.modal.small{max-width:92%;width:520px}.warn-text{color:#374151;font-size:.98rem;line-height:1.55;margin:-10px 0 20px}.danger-btn{background-color:#d32f2f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 16px}.danger-btn:hover{background-color:#b71c1c}.danger-btn:disabled{cursor:not-allowed;opacity:.7}.badge-incomplete{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:999px;box-shadow:0 1px 2px #0000000a;color:#b91c1c;display:inline-flex;font-size:12px;font-weight:600;gap:6px;line-height:1;margin-left:8px;padding:4px 10px;vertical-align:middle}.badge-incomplete .badge-dot{background:#ef4444;border-radius:50%;box-shadow:0 0 0 2px #ef444426;height:8px;width:8px}.badge-incomplete:hover{border-color:#fca5a5}.me-modal--wide{background-color:#fff;max-height:88vh;padding:22px 2px 0;width:min(1300px,98vw)}.me-modal--wide .me-modal__header{margin-bottom:.5rem}.me-modal--wide .me-modal__footer{margin-top:1.4rem}.bulk-table-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1px;margin-top:.75rem;max-height:380px;overflow-x:auto;overflow-y:auto}.bulk-table{border-collapse:collapse;font-size:.88rem;table-layout:fixed;width:100vw}.bulk-table thead tr{background:#edf2ff}.bulk-table th{border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.bulk-table td{background:#fff;border-bottom:1px solid #e5e7eb;padding:8px 10px;vertical-align:middle}.bulk-table tr:nth-child(2n) td{background:#f9fafb}.bulk-table tr:last-child td{border-bottom:none}.bulk-table td:nth-child(11){text-align:center}.bulk-table input[type=date],.bulk-table input[type=email],.bulk-table input[type=text],.bulk-table select{background:#f9fbff;border:1px solid #cbd5e1;border-radius:10px;font-size:.9rem;height:42px;padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease,transform .08s ease;width:100%}.bulk-table input[type=date]:hover,.bulk-table input[type=email]:hover,.bulk-table input[type=text]:hover,.bulk-table select:hover{background:#fff;border-color:#94a3b8}.bulk-table input[type=date]:focus,.bulk-table input[type=email]:focus,.bulk-table input[type=text]:focus,.bulk-table select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb38;outline:none}.bulk-table select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,#0000 50%,#64748b 0),linear-gradient(135deg,#64748b 50%,#0000 0);background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-repeat:no-repeat;background-size:6px 6px,6px 6px}.bulk-table input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}@media (min-width:900px){.bulk-table td:nth-child(2),.bulk-table th:nth-child(2){width:60px}}.me-switch.small{transform:scale(.85)}.me-row-remove{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;height:34px;justify-content:center;margin-bottom:10px;padding:0 18px;transition:background-color .2s ease,border-color .2s ease,box-shadow .15s ease,transform .1s ease}.me-row-remove:hover:not(:disabled){background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #dc262659;color:#fff;transform:translateY(-1px)}.me-row-remove:disabled{background:#fef2f2;border-color:#fee2e2;box-shadow:none;color:#b91c1c;cursor:not-allowed;opacity:.45;transform:none}.bulk-table-wrapper+.me-btn.me-btn--ghost{background:#f8fafc;border-color:#cbd5e1;border-radius:999px;border-style:dashed;font-size:.9rem;height:38px;margin-top:12px;padding-inline:16px}.bulk-table-wrapper+.me-btn.me-btn--ghost:hover{background:#eff6ff;border-color:#2563eb}@media (max-width:768px){.employee-management-container{border-radius:18px;margin-top:0;padding:0 12px;width:calc(100% - 20px)}.add-employee-container{align-items:center;display:flex;flex-direction:column;gap:10px;margin:1px 0 0}.add-employee-container>div{grid-gap:10px;display:grid!important;gap:10px;grid-template-columns:1fr 1fr;width:100%}.add-btn,.add-btn1{border-radius:12px;font-size:13px;padding:12px;width:100%}.add-btn{box-shadow:0 10px 22px #1647662e}.add-employee-container p{color:#6b7280!important;font-size:12.5px!important;margin-top:4px!important;text-align:center;width:100%}.status-filter-wrapper{gap:12px;margin:14px 0 10px;padding:12px}.status-dropdown{border-radius:12px;font-size:13px;padding:12px 14px;width:100%}.search-wrapper{margin-top:0;max-width:none;width:100%}.search-input-with-icon{border-radius:12px;font-size:13px;padding:12px 14px 12px 38px}.employee-card-header{display:none!important}.employee-card-table{gap:12px;height:auto;overflow:visible;padding-bottom:10px}.employee-list-card{border-radius:16px}.employee-card-row{align-items:flex-start;border-radius:16px;box-shadow:0 10px 22px #00000014;flex-direction:column;gap:10px;padding:16px}.employee-name-section{flex:initial;gap:10px;width:100%}.avatar-circle{font-size:15px;height:42px;width:42px}.employee-name{font-size:1.05rem}.employee-email,.employee-job{color:#374151;flex:initial;font-size:.95rem;padding-left:52px;width:100%}.employee-job:before{content:"Job Title"}.employee-email:before,.employee-job:before{color:#9ca3af;display:block;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:2px;text-transform:uppercase}.employee-email:before{content:"Email"}.employee-action{flex:initial;justify-content:flex-end;margin-top:4px;padding-left:52px;width:100%}.remove-btn{border-radius:12px;font-size:.9rem;padding:10px 14px;width:-webkit-fit-content;width:fit-content}}@media (max-width:420px){.add-employee-container>div{grid-template-columns:1fr}.employee-action,.employee-email,.employee-job{padding-left:0}}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 16px;text-align:center}.empty-state__img{margin-bottom:12px;max-width:100%;width:min(320px,90%)}.empty-state__title{color:#0f172a;font-size:18px;font-weight:700;margin-bottom:4px}.empty-state__text{color:#64748b;font-size:14px;line-height:1.6;margin-bottom:16px;max-width:520px}@media (max-width:640px){.empty-state{padding:32px 14px}.empty-state__img{width:min(240px,92%)}}.address-autocomplete{position:relative}.address-suggestions{background:#fff;border:1px solid #b4d8e9;border-radius:8px;left:0;list-style:none;margin-top:4px;max-height:220px;overflow:auto;padding:6px 0;position:absolute;right:0;z-index:20}.address-suggestions li{cursor:pointer;padding:8px 12px}.address-suggestions li:hover{background:#e6f3f9}.ep-wrap{margin:0 auto;max-width:1200px;padding:24px 20px 64px}.ep-back{align-items:center;background:#0000;border:none;color:#2f4d66;color:var(--brand);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;margin-bottom:12px}.ep-back:hover{text-decoration:underline}.ep-card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 6px 24px #0000000a;padding:20px}.ep-header{align-items:center;display:flex;gap:16px;margin-bottom:18px;padding:18px 20px}.ep-avatar{background:#e6f1ff;border-radius:999px;box-shadow:0 2px 8px #0000000f;display:grid;flex:0 0 84px;height:84px;overflow:hidden;place-items:center;width:84px}.ep-avatar img{height:100%;object-fit:cover;width:100%}.ep-avatar svg{color:#2f4d66;color:var(--brand);font-size:44px}.ep-head-main{flex:1 1}.ep-head-main h1{font-size:20px;font-weight:800;margin:0 0 4px}.ep-sub{color:#6b7280;color:var(--muted);margin:0}.ep-head-actions{align-items:center}.ep-head-actions,.ep-sticky-actions{display:flex;gap:10px}.btn-outline,.btn-primary{font-weight:700}.btn-outline{padding:10px 16px}.btn-ghost{border-radius:10px;font-weight:700}.ep-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:900px){.ep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.ep-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ep-section-title{color:#111;font-size:14px;font-weight:800;letter-spacing:.04em;margin:0 0 12px;text-transform:uppercase}.ep-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.ep-field label{color:#374151;font-size:13px;font-weight:700}.ep-field input,.ep-field select{background:#fafafa;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;font-size:15px;padding:12px 14px;width:100%}.ep-field input:disabled{background:#f7f7f7;color:#6b7280}.ep-input-edit{background:#fff!important;border-color:#89abc7!important;box-shadow:none!important}.ep-logo-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.ep-logo-preview{background:#fafafa;border:1px dashed #e5e7eb;border:1px dashed var(--border);border-radius:16px;display:grid;height:88px;overflow:hidden;place-items:center;width:88px}.ep-logo-preview img{height:100%;object-fit:cover;width:100%}.ep-hint,.ep-logo-empty{color:#6b7280;color:var(--muted);font-size:12px}.ep-hint{margin:6px 0 0}body,html{overflow-x:hidden}.ep-card,.ep-grid,.ep-header,.ep-wrap{max-width:100%}@media (max-width:480px){.ep-wrap{padding:16px 12px 56px}.ep-header{align-items:stretch;flex-direction:column;gap:12px;padding:14px}.ep-avatar{flex:0 0 72px;height:72px;margin:0 auto;width:72px}.ep-avatar svg{font-size:40px}.ep-head-main{text-align:center}.ep-head-main h1{font-size:18px;line-height:1.2}.ep-sub{font-size:13px;word-break:break-word}.ep-head-actions{justify-content:stretch;width:100%}.ep-sticky-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;width:100%}.btn-ghost,.btn-outline,.btn-primary{justify-content:center;width:100%}.ep-card{border-radius:14px;padding:14px}.ep-grid{gap:14px}.ep-field input,.ep-field select{font-size:14px;padding:11px 12px}.ep-section-title{margin-bottom:10px}.ep-logo-row{align-items:flex-start;flex-direction:column}}@media (max-width:360px){.ep-wrap{padding:14px 10px 52px}.ep-avatar{flex:0 0 64px;height:64px;width:64px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--ink:#2f4d66;--ink-2:#111827;--line:#e6eaf0;--bg-soft:#f8fafc;--brand:#10b981;--brand-2:#0ea5e9}.page-title-container{background:#fff;padding-left:30px}.time-tracking-wrapper{background:#fff;margin-left:0;margin-right:auto;padding:1rem;width:100%}@media (max-width:1279px){.time-tracking-wrapper{width:90%}}.filters-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(180px,1fr))}@media (max-width:1400px){.filters-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media (max-width:900px){.filters-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.filters-grid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px}.label{color:#374151;font-size:.9rem}.control{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#111827;color:var(--ink-2);font-size:.95rem;padding:10px 12px;transition:box-shadow .15s ease,border-color .15s ease,transform .02s ease;width:100%}.control:focus{border-color:#10b981;border-color:var(--brand);box-shadow:0 0 0 3px #10b98140;outline:none}.control:hover{border-color:#cbd5e1}.card{background:#0f172a;border:1px solid #e6eaf0;border-radius:12px;color:#e5e7eb;padding:12px 14px}.company-clock-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px}.clock-label{color:#93c5fd;font-weight:800}.clock-time{font-feature-settings:"tnum";color:#0b1220;font-variant-numeric:tabular-nums;font-weight:700}.company-clock-sub{color:#9ca3af;font-size:.86rem;margin-top:2px}.settingsbtn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;padding:10px 14px;transition:transform .02s ease,filter .15s ease,background .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.settingsbtn:active{transform:translateY(1px)}.settingsbtn.solid{background:#164766;border-color:#2f4d66;border-color:var(--ink);color:#fff}.settingsbtn.solid:hover{background:#1d5e88;filter:brightness(.95)}.timesheetbtn.ghost{background:#fff;border:1px solid #1d5e88;border-radius:10px;color:#2f4d66;color:var(--ink)}.timesheetbtn.ghost:hover{background:#f8fafc;background:var(--bg-soft);border-color:#dbe2ea}.policy-preview{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 6px}.timesettignschip{background:#afd7f8;border:1px solid #e5e7eb;border-radius:999px;color:#111827;font-size:12px;font-weight:700;padding:4px 10px}.table-card{background:#fff;border-radius:10px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;padding:0}.table-scroll{background-color:#111827;border-radius:10px;max-height:73vh;overflow:auto;position:relative}.styled-table{border-collapse:initial;border-spacing:0;font-size:.95rem;min-width:100%;width:-webkit-max-content;width:max-content}.styled-table td,.styled-table th{background:#fff;border-bottom:1px solid #e5e7eb;padding:.95rem;text-align:left;white-space:nowrap}.styled-table thead th{background:#f6fbff;box-shadow:0 1px 0 #e5e7eb;color:#000;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:2}.styled-table tbody tr:nth-child(2n) td{background:#f6fbff}.status-pill{border-radius:20px;font-size:.85rem;font-weight:600;padding:.3rem .75rem;text-transform:capitalize}.status-pill.late-clock-in{background:#fee2e2;color:#b91c1c}.status-pill.early-clock-in{background:#dbeafe;color:#1d4ed8}.status-pill.on-time{background:#dcfce7;color:#15803d}.actions-cellss{align-items:center;display:flex;gap:8px}.timeedit-button{background:#5498ad;border:0;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:6px 10px}.timeedit-button:hover{background:#66bad4}.force-button{background:#ef4444;border:0;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:6px 10px}.force-button:hover{filter:brightness(.95)}.forced-pill{background:#fca5a5;border-radius:999px;color:#7f1d1d;display:inline-block;font-size:12px;font-weight:700;padding:2px 8px}.general-savebuttons{background-color:#164766;color:#fff}.general-cancelbuttons{background-color:#fff;border:1px solid #164766;color:#164766}.modal-content.modal-lg{border-radius:16px;box-shadow:0 18px 50px #0206172e;max-width:94vw;overflow:hidden;padding:0;width:clamp(320px,56vw,900px)}.timemodal-header{background:linear-gradient(180deg,#e4f7ff,#fff);background:linear-gradient(180deg,var(--hs-sky),#fff);border-bottom:1px solid #10b9812e;color:#0f172a;padding:26px 18px;position:relative}.timemodal-header:after{background:#2f4d66;bottom:0;content:"";height:3px;left:0;opacity:.6;position:absolute;right:0}.timemodal-titlewrap{display:flex;gap:12px}.timemodal-icon{color:#6bd3ff;font-size:30px;line-height:1}.timemodal-title{color:#275466;font-size:1.1rem;font-weight:900;margin:0}.timemodal-subtitle{color:#334155;font-size:.84rem;margin:2px 0 0;opacity:.9}.timemodalicon-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 2px #0206170f;color:#0f172a;cursor:pointer;font-weight:700;padding:6px 10px}.timemodalicon-btn:hover{background:#f8fafc}.policy-preview.tight{background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid #eef2f7;padding:10px 18px}.settings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;padding:16px 18px 6px}@media (min-width:720px){.settings-grid{grid-template-columns:1fr 1fr}}.settings-card{background:#fff;border:1px solid #e6eaf0;border-radius:12px;box-shadow:0 8px 22px #0f172a0d;padding:14px}.settings-card-head{align-items:flex-start;border-bottom:1px dashed #edf2f7;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.settings-card h3{font-size:1rem;font-weight:700;margin:0 0 4px}.muted{color:#6b7280;font-size:.9rem}.ui-switch{align-items:center;display:inline-flex;position:relative}.ui-switch input{height:0;opacity:0;position:absolute;width:0}.ui-switch .earlyslider{background:#e5e7eb;border-radius:24px;display:inline-block;height:24px;position:relative;transition:background .2s ease;width:44px}.ui-switch .earlyslider:after{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0000001f;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.ui-switch input:checked+.earlyslider{background:#6bd3ff}.ui-switch input:checked+.earlyslider:after{transform:translateX(20px)}.settings-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:12px 0}.settings-row.compact{margin-top:6px}.field-label{color:#111827;font-size:.92rem;font-weight:700}.spin{align-items:center;display:flex;gap:10px}.spin input[type=number]{border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;padding:8px 10px;width:110px}.spin button{background:#275466;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;font-weight:900;height:34px;line-height:1;width:34px}.spin button:disabled{cursor:not-allowed;opacity:.5}.spin button:hover:not(:disabled){background:#eef2f7}.help{color:#6b7280;font-size:.85rem;margin-top:6px}.modal-footer{align-items:center;background:#fff;border-top:1px solid #eef2f7;bottom:0;display:flex;gap:12px;justify-content:space-between;padding:12px 18px;position:-webkit-sticky;position:sticky}.link-btn{background:#0000;border:none;color:#0ea5e9;cursor:pointer;font-weight:700}.link-btn:hover{text-decoration:underline}.footer-actions{display:flex;gap:10px}.ghost-btn{background:#f3f4f6;border:none;border-radius:8px;color:#111827;cursor:pointer;font-weight:700;padding:8px 12px}.ghost-btn:hover{background:#e5e7eb}.modal-footer button:not(.ghost-btn):not(.link-btn){background:#275466;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:800;padding:8px 12px}.modal-footer button:not(.ghost-btn):not(.link-btn):hover{filter:brightness(.95)}.error-text,.loading-text,.no-data-text{color:#6b7280;font-size:1rem}.tt-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.tt-filter-toggle{align-items:center;background:#fff;border:1px solid #e6eaf0;border:1px solid var(--line);border-radius:999px;color:#164766;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:6px 12px;transition:background .15s ease,box-shadow .15s ease,transform .02s ease}.tt-filter-toggle:hover{background:#f9fafb;box-shadow:0 4px 10px #0f172a14}.tt-filter-toggle.is-active{background:#0f172a;border-color:#0f172a;color:#fff}.tt-filter-icon{display:inline-flex}.tt-filter-icon svg{stroke:currentColor;display:block}.tt-header-right{align-items:center;display:flex;gap:12px}.tt-actions-wrapper{position:relative}.tt-action-trigger{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#164766;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:6px;padding:8px 14px}.tt-action-trigger:hover{background:#f9fafb}.tt-action-caret{font-size:.7rem}.tt-action-menu{background:#fff;border:1px solid #e6eaf0;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #0f172a2e;min-width:170px;padding:4px 0;position:absolute;right:40;top:115%;z-index:40}.tt-action-menu button{background:#0000;border:none;color:#164766;cursor:pointer;font-size:.9rem;padding:8px 14px;text-align:left;width:100%}.tt-action-menu button:hover{background:#ecf7fd;border-left:2px solid #205e85;border-radius:0;width:100%}.tt-action-menu .tt-action-dev{color:#6b7280;font-size:.8rem}.tt-main{display:block}.tt-main-table{min-width:0}.tt-filter-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:80}.tt-filter-panel{background:#fff;border-left:1px solid #e6eaf0;border-left:1px solid var(--line);box-shadow:-8px 0 28px #0f172a40;display:flex;flex-direction:column;height:100%;width:min(420px,100vw)}.tt-filter-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;margin-top:80px;padding:16px 18px}.tt-filter-header,.tt-filter-header-left{align-items:center;display:flex;gap:10px}.tt-filter-header-icon{align-items:center;background:#e1eef7;border-radius:999px;color:#164766;display:inline-flex;height:32px;justify-content:center;width:32px}.tt-filter-header h2{color:#111827;font-size:1rem;font-weight:800;margin:0}.tt-filter-header p{color:#6b7280;font-size:.85rem;margin:2px 0 0}.tt-filter-close{background:#f3f4f6;border:none;border-radius:999px;color:#111827;cursor:pointer;font-weight:700;height:35px;width:45px}.tt-filter-footer{align-items:center;background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:12px 18px 16px}.tt-filter-apply,.tt-filter-reset{border-radius:999px;cursor:pointer;font-size:.9rem;font-weight:700;padding:8px 14px;transition:background .15s ease,box-shadow .15s ease,transform .02s ease,border-color .15s ease,color .15s ease}.tt-filter-reset{background:#fff;border:1px solid #e6eaf0;border:1px solid var(--line);color:#4b5563}.tt-filter-reset:hover{background:#f9fafb;box-shadow:0 4px 10px #0f172a0f}.tt-filter-apply{background:#10b981;background:var(--brand);border:1px solid #10b981;border:1px solid var(--brand);color:#fff}.tt-filter-apply:hover{box-shadow:0 4px 12px #10b98159;filter:brightness(.96)}.tt-filter-apply:active,.tt-filter-reset:active{transform:translateY(1px)}.tt-filter-close:hover{background:#e5e7eb}.tt-filter-body{flex:1 1;overflow-y:auto;padding:16px 18px 18px}.tt-filter-body .filters-grid{grid-template-columns:1fr}.pagination-bar{align-items:center;background:#fff;border-radius:0 0 10px 10px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:10px 16px}.pagination-info{color:#4b5563;font-size:.9rem}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-controls button{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;cursor:pointer;font-size:.85rem;font-weight:600;padding:4px 10px}.pagination-controls button:hover:not(:disabled){background:#f3f4f6}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.pagination-controls select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:.85rem;margin-top:15px;padding:4px 8px}.status-with-tag{align-items:center;display:inline-flex;gap:6px}.status-pill.on-leave{background:#e0f2fe;border-radius:999px;color:#0369a1;font-weight:700}.leave-type-chip{background:#fef3c7;border:1px solid #fed7aa;border-radius:999px;color:#92400e;font-size:.75rem;font-weight:600;padding:2px 8px;text-transform:capitalize}.ot-summary-bar{align-items:center;background:#f8fafc;background:var(--bg-soft);border:1px solid #e6eaf0;border:1px solid var(--line);border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:10px 0 14px;padding:10px 14px}.ot-summary-left{min-width:0}.ot-summary-title{color:#111827;color:var(--ink-2);font-size:.9rem;font-weight:800}.ot-summary-sub{color:#6b7280;color:var(--muted);font-size:.8rem;margin-top:2px}.ot-summary-metrics{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ot-chip{border:1px solid #e5e7eb;border-radius:999px;display:inline-flex;flex-direction:column;min-width:90px;padding:3px 50px}.ot-chip-label{color:#6b7280;font-size:.7rem;letter-spacing:.04em;margin-bottom:2px;text-transform:uppercase}.ot-chip-value{font-feature-settings:"tnum";font-size:.92rem;font-variant-numeric:tabular-nums;font-weight:800}.ot-chip-total{background:#ecf7fd;border-color:#bbe4f7;color:#064f5f}.ot-chip-total .ot-chip-label{color:#9ca3af}.ot-chip-regular{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}.ot-chip-overtime{background:#fef2f2;border-color:#fecaca;color:#b91c1c}@media (max-width:640px){.ot-summary-bar{align-items:flex-start}}.pill-toggle{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;display:inline-flex;gap:0;padding:0}.pill-toggle .pill{background:#0000;border:none;border-radius:999px;color:#6b7280;cursor:pointer;font-size:.82rem;font-weight:600;margin-bottom:9px;padding:6px 10px;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .02s ease}.pill-toggle .pill:hover{background:#e5e7eb}.pill-toggle .pill.active{background:#164766;box-shadow:0 2px 5px #0f172a40;color:#fff;transform:translateY(0)}.pill-toggle .pill.active:hover{background:#020617}@media (max-width:768px){.page-title-container{margin-top:-5rem;padding-left:0!important;padding-right:0!important}.time-tracking-wrapper{border-radius:16px;margin:70px auto 0!important;padding:12px!important;width:calc(100% - 20px)!important}.table-scroll{-webkit-overflow-scrolling:touch;background:#0000!important;border-radius:12px;max-height:none!important;overflow-x:auto!important;overflow-y:auto!important}.styled-table{min-width:900px;width:-webkit-max-content!important;width:max-content!important}.styled-table td,.styled-table th{font-size:.88rem;padding:.7rem!important}}@media (max-width:480px){.modal-overlay.blur{align-items:flex-start;padding:10px!important}.modal-content.modal-lg{border-radius:16px!important;max-height:calc(100vh - 20px)!important;max-width:100%!important;overflow:hidden;width:100%!important}.timemodal-header{padding:16px 14px!important}.timemodal-titlewrap{align-items:flex-start;gap:10px!important}.timemodal-title{font-size:1.02rem!important;line-height:1.15}.timemodal-subtitle{font-size:.82rem!important;line-height:1.25}.timemodal-icon{color:inherit;font-size:inherit;position:absolute;right:12px;top:12px}.timemodalicon-btn{border-radius:12px!important;padding:8px 10px!important}.policy-preview.tight{gap:8px;padding:10px 12px!important}.policy-preview .chip{background:#eaf6ff;border:1px solid #dbeafe;border-radius:999px;color:#0f172a;font-size:.78rem;font-weight:800;padding:6px 10px;white-space:nowrap}.settings-grid{gap:12px!important;grid-template-columns:1fr!important;padding:12px!important}.settings-card{border-radius:14px!important;padding:12px!important}.settings-card-head{gap:10px!important;margin-bottom:10px!important;padding-bottom:10px!important}.settings-card h3{font-size:.98rem!important}.muted{font-size:.84rem!important;line-height:1.25}.settings-row{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}.field-label{font-size:.9rem!important}.spin{gap:10px!important;justify-content:space-between;width:100%}.spin input[type=number]{max-width:140px;width:100%!important}.spin button{border-radius:12px!important;height:38px!important;width:38px!important}.pill-toggle{border-radius:14px!important;flex-wrap:wrap;gap:6px!important;padding:6px!important;width:100%}.pill-toggle .pill{font-size:.86rem!important;margin-bottom:0!important;padding:10px 12px!important;width:100%}.help{font-size:.82rem!important;line-height:1.25;margin-top:8px!important}.modal-footer{gap:10px!important;padding:10px 12px!important}.modal-footer .footer-actions{gap:10px!important;width:100%}.modal-footer .ghost-btn,.modal-footer button:not(.ghost-btn):not(.link-btn){border-radius:12px!important;flex:1 1;padding:10px 12px!important}.link-btn{font-size:.85rem!important}}.modal-overlay.blur{-webkit-overflow-scrolling:touch;overflow-y:auto}.modal-content.modal-lg{display:flex;flex-direction:column;max-height:min(92vh,900px)}.settings-grid{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto;padding-bottom:18px}.modal-footer{bottom:auto;flex:0 0 auto;position:relative}.tt-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:56px 18px;text-align:center}.tt-empty__img{margin-bottom:14px;max-width:100%;width:min(340px,92%)}.tt-empty__title{color:#0f172a;font-size:18px;font-weight:800;margin:0 0 6px}.tt-empty__text{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 14px;max-width:560px}.tt-empty__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px}.tt-empty__btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#0f172a;cursor:pointer;font-weight:700;padding:10px 14px}.tt-empty__btn.primary{background:#0f172a;border-color:#0f172a;color:#fff}.tt-empty__btn:hover{transform:translateY(-1px)}.tt-empty__hint{margin-top:6px;max-width:640px}.tt-noresults{background:#fafafa;border:1px dashed #e5e7eb;border-radius:14px;padding:22px 18px}.tt-noresults__title{color:#0f172a;font-weight:800;margin-bottom:4px}.tt-noresults__text{color:#64748b;font-size:13px;margin-bottom:12px}.tt-noresults__actions{display:flex;flex-wrap:wrap;gap:10px}.tt-noresults__btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#0f172a;cursor:pointer;font-weight:700;padding:9px 12px}.tt-empty__steps{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:10px;margin-top:20px}.tt-empty__step{align-items:center;background:#fafafa;border:1px solid #e5e7eb;border-radius:999px;color:#0f172a;display:inline-flex;font-size:13px;font-weight:700;gap:8px;padding:8px 12px}.tt-empty__step.muted{opacity:.7}.tt-empty__chip{align-items:center;background:#f7a520;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:800;height:22px;justify-content:center;width:22px}.tt-empty__step.done{background:#f0fdf4;border-color:#bbf7d0;color:#065f46}.tt-empty__chip.done{background:#16a34a;color:#fff}.tt-empty__hint{color:#64748b;font-size:13px;margin-top:10px;max-width:680px;text-align:center}.leave-title-container{padding:0 0 0 30px}.leave-wrapper{background-color:#fff;margin-top:0;padding:1rem;width:100%}.leave-card{background-color:#fff;box-shadow:0 4px 16px #0000000d;margin-top:1.5rem}.leave-tabs{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:2rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.5rem}.leave-tab{background:none;border:none;color:#2f4d66;cursor:pointer;font-size:1rem;font-weight:500;outline:none;padding:.5rem;position:relative;transition:color .2s ease-in-out}.leave-tabs-left{align-items:center;display:flex;gap:2rem}.leave-tab:hover{color:#2f4d66}.leave-tab.active{color:#2f4d66;font-weight:600}.leave-tab.active:after{background-color:#2f4d66;border-radius:3px;bottom:-6px;content:"";height:3px;left:0;position:absolute;width:100%}.leave-status-badge{border-radius:6px;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 12px;text-transform:uppercase}.leave-status-badge.approved{background-color:#e6f4ea;color:#2e7d32}.leave-status-badge.rejected{background-color:#fbeaea;color:#d32f2f}.leave-table-scroll{max-height:70vh;overflow:auto;position:relative}.leave-table{border-collapse:initial;border-spacing:0;font-size:.95rem;min-width:100%;width:-webkit-max-content;width:max-content}.leave-table td,.leave-table th{border-bottom:1px solid #f0f0f0;font-size:.95rem;line-height:1.4;overflow:visible;padding:1rem .75rem;position:-webkit-sticky;position:sticky;text-align:left;text-overflow:clip;vertical-align:middle;white-space:nowrap}.leave-table thead th{background:#f6fbff;box-shadow:0 1px 0 #e5e7eb;color:#000;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:2}.leave-table td.reason-cell{cursor:pointer;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-table .doc-link{background:none;border:none;color:#1e88e5;cursor:pointer;font-weight:500;padding:0;text-decoration:underline}.leave-table .doc-link:hover{text-decoration:none}.leave-action-buttons{align-items:center;display:flex;gap:10px;justify-content:flex-start;padding-top:4px}.leave-btn-approve,.leave-btn-reject{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:6px 14px;transition:background-color .2s ease-in-out;white-space:nowrap}.leave-btn-approve{background-color:#028a4a;color:#fff}.leave-btn-approve:hover{background-color:#026b3a}.leave-btn-reject{background-color:#d32f2f;color:#fff}.leave-btn-reject:hover{background-color:#a32020}.reason-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1200}.reason-modal-content{animation:fadeIn .2s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 15px 30px #0003;max-width:800px;padding:2rem;position:relative;white-space:nowrap;width:100%}.reason-modal-close{background:#0000;border:none;color:#888;cursor:pointer;font-size:1.4rem;font-weight:700;position:absolute;right:1rem;top:1rem}.reason-modal-close:hover{color:#000}.reason-modal-content h3{font-size:1.2rem;margin-top:0}.reason-modal-content p{color:#333;font-size:.95rem;margin-top:.5rem;white-space:pre-wrap}.leave-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.leave-modal-content{background:#fff;border-radius:8px;box-shadow:0 12px 32px #0003;max-width:800px;padding:1.5rem;position:relative;width:90%}.leave-modal-close{background:#0000;border:none;color:#888;cursor:pointer;font-size:1.4rem;position:absolute;right:1rem;top:1rem}.leave-modal-close:hover{color:#000}.filter-bar{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.25rem;width:98%}.filter-bar,.filter-bar label{align-items:center;display:flex}.filter-bar label{color:#374151;font-size:.95rem;font-weight:500;gap:.5rem}.filter-bar select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.95rem;outline:none;padding:.4rem .75rem}.filter-bar select:focus{border-color:#028a4a}.sort-buttons{align-items:center;display:flex;gap:.5rem}.sort-buttons span{color:#374151;font-size:.95rem;font-weight:500}.sort-buttons button{background-color:initial;border:1px solid #2f4d66;border-radius:6px;color:#2f4d66;cursor:pointer;font-size:.9rem;font-weight:500;padding:.35rem .75rem;transition:all .2s ease-in-out}.sort-buttons button:hover{border-color:#2f4d66;color:#000}.sort-buttons button.active-sort{background-color:#e1f6ff;border-color:#2f4d66;color:#2f4d66}.leave-settings-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#2f4d66;cursor:pointer;margin-left:auto;padding:8px}.leave-settings-btn:hover{background:#f8fafc}.lm-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1200}.lm-modal{background:#fff;border-radius:12px;box-shadow:0 20px 50px #00000040;padding:16px;width:min(100%,920px)}.lm-header{align-items:center;display:flex;justify-content:space-between}.lm-close{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:20px}.lm-tabs{border-bottom:1px solid #eef2f6;display:flex;gap:8px;margin-top:8px;padding-bottom:8px}.lm-tabs button{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#000;font-weight:600;padding:8px 12px}.lm-tabs .active{background:#2f4d66;border-color:#e4f7ff;color:#fff}.lm-body{padding-top:12px}.lm-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.lm-field{display:flex;flex-direction:column;gap:6px}.lm-field input,.lm-field select{border:1px solid #e2e8f0;border-radius:8px;height:38px;padding:0 10px}.lm-actions{margin-top:10px}.lm-primary{background:#0ea371;border:0;border-radius:10px;color:#fff;font-weight:700;padding:8px 14px}.lm-ghost{color:red}.lm-ghost,.lm-ghost1{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:6px 10px}.lm-ghost1{color:green}.lm-danger{color:#000}.lm-balances ul{list-style:none;margin:12px 0 0;padding:0}.lm-balances li{align-items:center;display:flex;gap:8px;padding:6px 0}.lm-dot{border-radius:3px;box-shadow:inset 0 0 0 1px #00000014;display:inline-block;height:12px;width:12px}.lm-muted{color:#64748b}.lm-type-list{list-style:none;margin:12px 0 0;padding:0}.lm-type-row{grid-gap:10px;align-items:center;border-bottom:1px solid #eef2f6;display:grid;gap:10px;grid-template-columns:16px 1fr 90px 100px auto;padding:8px 0}.lm-inline{border:1px solid #e2e8f0;border-radius:8px;height:34px;padding:0 10px}.lm-color{padding:0}.lm-badge{border-radius:14px;font-size:.8rem;font-weight:700;padding:4px 8px}.lm-badge.on{background:#ecfdf5;color:#065f46}.lm-badge.off{background:#f1f5f9;color:#334155}.lm-row-actions button{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-left:6px;padding:6px 10px}@media (max-width:900px){.lm-grid{grid-template-columns:1fr 1fr}.lm-type-row{grid-template-columns:16px 1fr 80px 90px auto}}.leave-time-sub{font-size:11px;opacity:.75}.leave-filter-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#2f4d66;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;margin-left:.75rem;padding:8px 12px}.leave-filter-btn:hover{background:#e1f6ff}.leave-filter-overlay{align-items:stretch;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a59;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1150}.leave-filter-modal{background:#fff;border-radius:0;box-shadow:-8px 0 30px #0f172a40;display:flex;flex-direction:column;height:100%;max-width:100%;padding:18px 20px 16px;width:360px}.leave-filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.leave-filter-header h3{color:#111827;font-size:1.05rem;margin:0}.leave-filter-close{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:1.25rem}.leave-filter-close:hover{color:#111827}.leave-filter-grid{grid-gap:12px 16px;display:grid;gap:12px 16px;grid-template-columns:1fr;overflow-y:auto;padding-right:4px}.leave-filter-field{display:flex;flex-direction:column;font-size:.9rem;gap:6px}.leave-filter-field span{color:#374151;font-weight:500}.leave-filter-field select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;height:38px;outline:none;padding:0 10px}.leave-filter-field select:focus{border-color:#028a4a}.leave-filter-sort-buttons{display:inline-flex;gap:8px}.leave-filter-sort-buttons button{background-color:initial;border:1px solid #2f4d66;border-radius:8px;color:#2f4d66;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 10px;transition:all .15s ease-in-out}.leave-filter-sort-buttons button:hover{background-color:#e1f6ff}.leave-filter-sort-buttons .active-sort{background-color:#e1f6ff;border-color:#2f4d66;color:#1f2937}.leave-filter-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:10px}.leave-filter-reset{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#4b5563;cursor:pointer;font-size:.85rem;padding:6px 12px}.leave-filter-reset:hover{background:#f3f4f6}.leave-filter-apply{background:#2f4d66;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:7px 16px}.leave-filter-apply:hover{background:#026b3a}@media (max-width:640px){.leave-filter-modal{width:94%}.leave-filter-grid{grid-template-columns:1fr}}.leave-pagination-bar{align-items:center;background:#fff;border-radius:0 0 15px 15px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:10px 16px}.leave-pagination-info{color:#4b5563;font-size:.9rem}.leave-pagination-controls{align-items:center;display:flex;gap:8px}.leave-pagination-controls button{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 10px}.leave-pagination-controls button:hover:not(:disabled){background:#f3f4f6}.leave-pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.leave-pagination-controls select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:.8rem;margin-top:15px;padding:4px 8px}@media (max-width:640px){.leave-title-container{padding:.75rem}.leave-wrapper{border-radius:14px;padding:.85rem}.leave-card{border-radius:14px;margin-top:1rem;overflow:hidden}.leave-tabs{flex-wrap:wrap;gap:10px;margin-bottom:1rem;padding-bottom:.6rem}.leave-tabs-left{flex-wrap:wrap;gap:12px}.leave-tab{font-size:.95rem;padding:.45rem .35rem}.leave-tabs-right{align-items:center;display:inline-flex;gap:10px;margin-left:auto}.leave-filter-btn,.leave-settings-btn{border-radius:10px;padding:8px 10px}.leave-filter-btn span{display:none}.leave-table-scroll{border-top:1px solid #eef2f6;max-height:none;overflow:auto}.leave-table{font-size:.9rem}.leave-table td,.leave-table th{font-size:.9rem;padding:.75rem .6rem}.leave-table td.reason-cell{max-width:140px}.leave-action-buttons{flex-wrap:wrap;gap:8px}.leave-btn-approve,.leave-btn-reject{font-size:.85rem;padding:7px 12px}.leave-pagination-bar{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.leave-pagination-controls{flex-wrap:wrap;gap:8px;width:100%}.leave-pagination-controls button{padding:6px 10px}.leave-pagination-controls select{margin-top:0}.leave-modal-content,.reason-modal-content{border-radius:12px;max-width:94%;padding:1rem;width:94%}.leave-modal-content iframe{height:65vh}.lm-modal{border-radius:12px;max-width:94%;padding:14px;width:94%}.lm-grid{grid-template-columns:1fr}.lm-type-list{overflow-x:auto}.lm-type-row{min-width:650px}}@media (min-width:641px) and (max-width:1024px){.leave-title-container,.leave-wrapper{padding:1rem}.leave-tabs{gap:14px}.leave-table-scroll{max-height:68vh}}@media (max-width:640px){.dashboard-content{max-width:100%;padding:.75rem}}.confirm-modal-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:9999}.confirm-modal-content{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000040;padding:16px 16px 14px;width:min(520px,96vw)}.confirm-modal-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.confirm-modal-header h3{color:#0f172a;font-size:16px;font-weight:800;margin:0}.confirm-modal-close{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:16px}.confirm-modal-message{color:#334155;font-size:13.5px;line-height:1.5;margin:10px 0 14px;white-space:pre-line}.confirm-modal-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-btn{border:1px solid #0000;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;padding:9px 12px}.confirm-btn.cancel{background:#f1f5f9;border-color:#e2e8f0;color:#0f172a}.confirm-btn.primary{background:#16a34a;color:#fff}.confirm-btn.danger{background:#dc2626;color:#fff}.leave-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:56px 18px;text-align:center}.leave-empty__img{margin-bottom:14px;max-width:100%;width:min(340px,92%)}.leave-empty__title{color:#0f172a;font-size:18px;font-weight:800;margin:0 0 6px}.leave-empty__text{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 14px;max-width:560px}.leave-empty__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:14px}.leave-empty__btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#0f172a;cursor:pointer;font-weight:700;padding:10px 14px}.leave-empty__btn.primary{background:#2f4d66;border-color:#2f4d66;color:#fff}.leave-empty__btn:hover{transform:translateY(-1px)}.leave-empty__steps{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:10px;margin-top:20px}.leave-empty__step{background:#fafafa;border:1px solid #e5e7eb;color:#0f172a;font-size:13px;font-weight:700;gap:8px;padding:8px 12px}.leave-empty__chip,.leave-empty__step{align-items:center;border-radius:999px;display:inline-flex}.leave-empty__chip{background:#f7a520;color:#fff;font-size:12px;font-weight:800;height:22px;justify-content:center;width:22px}.leave-empty__hint{color:#64748b;font-size:13px;margin-top:6px;max-width:640px}.leave-noresults{background:#fafafa;border:1px dashed #e5e7eb;border-radius:14px;padding:22px 18px}.leave-noresults__title{color:#0f172a;font-weight:800;margin-bottom:4px}.leave-noresults__text{color:#64748b;font-size:13px;margin-bottom:12px}.leave-noresults__actions{display:flex;flex-wrap:wrap;gap:10px}.leave-noresults__btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#0f172a;cursor:pointer;font-weight:700;padding:9px 12px}.leave-empty__step:has(.leave-empty__chip.done){background:#f0fdf4;border-color:#bbf7d0;color:#065f46}.leave-empty__step.done{background:#f0fdf4;border-color:#bbf7d0;color:#065f46}.leave-empty__chip.done{background:#16a34a;color:#fff}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.schedule-title-container{background-color:#fff;padding:0 0 0 30px}.scheduling-wrapper{background-color:#fff;padding:1.5rem;width:100%}.tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:1.5rem;margin-bottom:1rem}.tabs button{background:none;border:none;color:#333;cursor:pointer;font-size:1rem;font-weight:600;padding:.5rem 0;position:relative}.tabs button.active{color:#2f4d66}.tabs button.active:after{background-color:#2f4d66;border-radius:6px 6px 0 0;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100%}.tab-content{padding-top:1rem}.schedule-tabs{margin-top:-2rem}.schedule-card-container{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000d;height:auto;margin-bottom:2rem;overflow-x:scroll;padding:1.5rem}.schedule-card-container label{color:#333;display:block;font-weight:600;margin:.75rem 0 .25rem}.toggle-row{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-top:1rem}.switchs{display:inline-block;height:26px;position:relative;width:46px}.switchs input{height:0;opacity:0;width:0}.slider{transition:.4s}.slider:before{bottom:4px;height:18px;left:4px;transition:.4s;width:18px}input:checked+.slider{background-color:#0a8f50}input:checked+.slider:before{transform:translateX(20px)}.schedule-toggle-row{align-items:center;display:flex;font-weight:600;margin-top:1rem}.schedule-switchs{display:inline-block;height:26px;left:19px;position:relative;width:46px}.schedule-switchs input{height:0;opacity:0;width:0}.field-helper{font-size:12px;justify-self:start}.schedule-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.schedule-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:18px;left:4px;position:absolute;transition:.4s;width:18px}input:checked+.schedule-slider{background-color:#0a8f50}input:checked+.schedule-slider:before{transform:translateX(20px)}.full-width-button{background-color:#164766;box-shadow:0 4px 12px #00000026;font-size:1rem;margin-top:30px;padding:12px 0;width:100%}.weekly-grid{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.grid-row{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;padding:1rem}.day-name{color:#1c1c1c;width:100px}.day-controls{flex:1 1;flex-wrap:wrap;gap:4rem}.day-controls,.time-inputs{align-items:center;display:flex}.time-inputs{gap:.5rem}.schedule-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 5px #0000000a;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem}.schedule-header{display:flex;font-weight:600;justify-content:space-between}.badge{background:#d1fae5;color:#065f46;font-size:.8rem;padding:.25rem .5rem}.card-actions{display:flex;gap:.5rem;margin-top:.5rem}.edit-slide-over{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;height:100%;position:fixed;right:0;top:0;width:100%;z-index:6000}.edit-panel{background:#fff;box-shadow:-2px 0 6px #0000001a;height:100%;overflow-y:auto;padding:2rem;position:absolute;right:0;top:0;width:70%}.editclose-btn{background:#164766;border:none;color:#fff;cursor:pointer;font-size:.9rem;margin-bottom:15px;margin-top:30px}.modal-backdrop{background:#0000004d;height:100%;left:0;top:0;width:100%;z-index:5000}.modal-content{border-radius:12px;box-shadow:0 2px 10px #0003;padding:2rem;text-align:center;width:400px;z-index:5001}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}button{background-color:#0a8f50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:10px 20px;transition:background-color .3s ease}button:disabled{background-color:#ccc;cursor:not-allowed}.date-summary{color:#1c1c1c;font-weight:500;margin-top:.5rem}.react-datepicker-wrapper{width:100%}.react-datepicker__input-container input{background-color:#fcfcfc;border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:10px 12px;width:100%}.custom-date-wrapper{background-color:#fcfcfc;margin-bottom:1rem;padding-top:10px;position:relative}.custom-date-wrapper input{background-color:#fcfcfc;border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:10px 12px;width:100%}.clear-date-btn{background:none;border:none;color:#b6b6b6;cursor:pointer;font-size:1.4rem;position:absolute;right:27px;top:50px;transform:translateY(-50%);z-index:2}.react-datepicker__close-icon{display:none!important}.shift-tags{display:flex;gap:.75rem;margin-bottom:.75rem}.shift-tag{background-color:#f9fafb;border:1px solid #ccc;border-radius:20px;color:#333;cursor:pointer;font-size:.9rem;padding:6px 14px;transition:all .2s ease}.shift-tag:hover{background-color:#f3f4f6}.shift-tag.active{background-color:#10b981;border-color:#10b981;color:#fff;font-weight:600}.day-name{display:flex;flex-direction:column;font-size:1rem;font-weight:600;margin-bottom:.5rem}.weekday{color:#1a1a1a;font-size:1.1rem}.date-label{color:#777;font-size:.9rem;font-weight:500}.calendar-overview{background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 2px 6px #00000008;display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;overflow:hidden}.calendar-row{border-bottom:8px solid #f1f5f9;grid-template-columns:repeat(7,1fr)}.calendar-row:last-child{border-bottom:none}.calendar-header{color:#374151;font-size:.95rem;font-weight:600}.calendar-cell{font-size:.9rem;min-height:85px;padding:.75rem .5rem;text-align:center}.calendar-cell .emp-name{color:#0a8f50;font-size:.95rem;font-weight:600;margin-bottom:.3rem}.calendar-cell.off{background-color:#fff5f5;font-weight:500}.calendar-cell.holiday{background-color:#ecfdf5;font-weight:500}.calendar-cell.working{background-color:#f9fafb}.calendar-cell:hover{background-color:#f3f4f6}.total-hours-summary{color:#0f172a;font-size:1rem;font-weight:600;margin-top:1rem;text-align:right}.calendar-cell.total-cell{background-color:#f0fdf4;color:#047857;font-weight:700}.activities-editor{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;width:100%}.general-deletebutton{background-color:red;box-shadow:0 2px 6px #0000001f}.new-type-btn{background-color:#89abc7;box-shadow:0 2px 6px #0000001f}.activity-row{align-items:center;background:#fafdff;border:1px solid #e5e7eb;border-radius:8px;display:column;gap:.5rem;padding:.5rem .75rem}.activity-row input[type=text],.activity-row input[type=time],.activity-row select{background:#fcfcfc;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;margin-top:10px;padding:.4rem .5rem}.paid-check{align-items:center;color:#0a8f50;display:flex;font-weight:600;gap:.35rem}.paid-checkbox{accent-color:#4956e9;cursor:pointer;height:14px;margin-right:10px;width:14px}.add-activity{background:#e8f4ff;box-shadow:0 2px 6px #0000001f;color:#0d4e78;margin-top:.25rem}.loader-overlay{background:#ffffffbf;inset:0;position:fixed;z-index:5000}.loader-inline,.loader-overlay{align-items:center;display:flex;justify-content:center}.loader-inline{gap:8px;padding:18px 0}.loader-label{color:#334155;margin-top:6px;text-align:center}.worked-line{align-self:flex-start;color:#475569;font-size:12px;margin-top:4px}.badge{border-radius:10px;font-size:11px;font-weight:600;margin-top:6px;padding:2px 6px}.badge-missed{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.calendar-cell.total-cell>div{line-height:1.25}:root{--line:#eef2f6;--bg:#fff;--brand:#0a8f50;--brand-2:#2f4d66;--warn:#b91c1c;--warn-bg:#fee2e2}.wo-controls{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:1fr 360px}.wo-weekpicker{align-items:center;display:flex;gap:8px}.hoursbtn-secondary{background:#164766;color:#fff}.hhoursbtn-secondary:hover{background:#113851}.btn-secondary2{background:#89abc7;color:#fff}.btn-secondary2:hover{background:#afd7f8}.btn-secondary3{background:#2f4d66;color:#fff}.btn-secondary3:hover{background:#385a77}.btn-secondary4{background:#359b43;color:#fff}.wo-kpis{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 6px}.kpi{background:#fff;border:1px solid #eef2f6;border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 3px #00000008;padding:12px 14px}.kpi-label{color:#6b7280;color:var(--muted);font-size:12px}.kpi-value{color:var(--ink);font-size:22px}.kpi-warn .kpi-value{color:#b91c1c;color:var(--warn)}.calendar-overview{background:#fff;border:1px solid #eef2f6;border:1px solid var(--line);border-radius:12px;overflow:auto}.calendar-row{border-bottom:8px solid #f8fafc;display:grid;grid-template-columns:240px repeat(7,minmax(240px,1fr)) 200px}.calendar-cell.no-shift{background:#fff;color:#94a3b8}.no-shift-label{color:#94a3b8;font-size:12px;font-weight:600;margin-top:18px;text-align:center}.calendar-header{background:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:0}.calendar-cell{background:#fff;border-right:1px solid #f1f5f9;display:flex;flex-direction:column;justify-content:center;min-height:72px;padding:19px 18px;position:relative}.calendar-cell:last-child{border-right:none}.emp-cell{gap:10px}.emp-chip{background:#eaf5ee;border-radius:8px;color:#0a8f50;display:grid;font-weight:800;height:34px;place-items:center;width:34px}.emp-name{color:var(--ink);font-weight:700;margin-bottom:2px}.emp-role{color:#6b7280;color:var(--muted);font-size:12px}.slot-main{align-self:flex-start;font-weight:600}.calendar-cell.off{background:#fff7f7;color:#b91c1c;color:var(--warn)}.calendar-cell.holiday{background:#f0fdf4;color:#047857}.calendar-cell.working{background:#fff;color:#1f2937}.chip2{background-color:red;border-radius:999px;display:inline-block;font-size:11px;font-weight:700;padding:3px 8px}.chip-missed2{border:1px solid #fecaca;color:#fff;position:absolute;right:6px;top:6px}.wo-legend{align-items:center;color:#475569;display:flex;font-size:12px;gap:12px;margin-top:10px}.legend-dot{border:1px solid #cbd5e1;border-radius:50%;display:inline-block;height:10px;margin-right:6px;vertical-align:middle;width:10px}.legend-dot.working{background:#e2e8f0}.legend-dot.off{background:#ffe4e6}.legend-dot.holiday{background:#dcfce7}.calendar-cell.total-cell{background:#fff;color:#0f172a}.meter{background:#f1f5f9;border-radius:999px;height:8px;margin-bottom:6px;overflow:hidden}.meter>span{background:linear-gradient(90deg,#1a2124,#34667c);display:block;height:100%}.meter-label{color:#334155;font-size:12px;font-weight:700}.react-datepicker-popper,.react-datepicker__portal{z-index:9999!important}.scheduled-line{align-self:flex-start;color:#64748b;font-size:13px;margin-top:10px}.day-total{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:2px;min-width:180px;padding:8px 10px}.day-total-line{color:#0f172a;font-weight:700;line-height:1.1}.day-total-sub{color:#64748b;font-size:12px}.tt-firstrun-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:5000}.tt-firstrun-card{background:#fff;border-radius:14px;box-shadow:0 10px 40px #02081740;padding:20px 22px;text-align:left;width:min(520px,92vw)}.tt-firstrun-title{font-size:1.15rem;margin:0 0 6px}.tt-firstrun-body{color:#475569;line-height:1.5}.tt-firstrun-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.pulse-ring{animation:ring 1.8s infinite;background:#22c55e;border-radius:999px;box-shadow:0 0 0 0 #22c55eb3;height:14px;position:fixed;right:16px;top:12px;width:14px;z-index:5001}@keyframes ring{0%{box-shadow:0 0 0 0 #22c55e99}70%{box-shadow:0 0 0 14px #22c55e00}to{box-shadow:0 0 0 0 #22c55e00}}:root{--hs-teal:#275466;--hs-sky:#e4f7ff;--hs-ink:#0e1b21;--hs-gray:#5b6a74;--hs-line:#d7e6ee;--hs-mint:#2bb673}.hs-backdrop{align-items:center;background:#0e1b2161;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:5100}.hs-modal{background:#fff;border:1px solid #d7e6ee;border:1px solid var(--hs-line);border-radius:14px;box-shadow:0 20px 60px #06141c59;overflow:hidden;width:min(720px,96vw)}.hs-header{align-items:flex-start;background:linear-gradient(180deg,#e4f7ff,#fff);background:linear-gradient(180deg,var(--hs-sky),#fff);border-bottom:1px solid #d7e6ee;border-bottom:1px solid var(--hs-line);display:flex;gap:12px;justify-content:space-between;padding:16px 18px}.hs-title{color:#275466;color:var(--hs-teal);font-size:1.1rem;font-weight:900;letter-spacing:.2px}.hs-sub{color:#5b6a74;color:var(--hs-gray);font-size:.85rem}.hs-close{background:#fff;border:1px solid #d7e6ee;border:1px solid var(--hs-line);border-radius:10px;color:#275466;color:var(--hs-teal);font-weight:800;height:36px;padding:0 10px}.hs-close:hover{background:#f6fbff}.hs-banner{background:#f7fcff;border:1px dashed #c7e6f3;border-radius:10px;color:#2a5566;font-size:.9rem;margin:12px 18px 0;padding:10px 12px}.hs-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin:14px 18px 4px}@media (max-width:720px){.hs-grid{grid-template-columns:1fr}}.hs-field{display:flex;flex-direction:column;gap:6px}.hs-label{color:#0e1b21;color:var(--hs-ink);font-size:.9rem;font-weight:800}.hs-input{align-items:center;background:#fff;border:1px solid #d7e6ee;border:1px solid var(--hs-line);border-radius:10px;display:flex;position:relative}.hs-input:focus-within{border-color:#b9d6e4;box-shadow:0 0 0 3px #27546626}.hs-input input{background:#0000;border:0;color:#0e1b21;color:var(--hs-ink);font-size:14px;height:30px;outline:0;padding:0 44px 0 12px;width:100%}.hs-suffix{background:#eef7fb;border:1px solid #d7ebf5;border-radius:999px;color:#2a5566;font-size:.85rem;font-weight:800;opacity:.8;padding:3px 8px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.hs-help{color:#6b7d88;font-size:.78rem}.hs-switch{align-items:center;display:flex;gap:10px;margin:10px 18px 0;-webkit-user-select:none;user-select:none}.hs-switch input{display:none}.hs-toggle{background:#cbd8df;border:1px solid #d7e6ee;border:1px solid var(--hs-line);border-radius:19px;flex:0 0 44px;position:relative;transition:background .2s ease;width:76px}.hs-toggle:after{background:#fff;border-radius:999px;box-shadow:0 1px 2px #0000001f;content:"";height:35px;left:0;position:absolute;top:3px;transition:transform .2s ease;width:25px}.hs-switch input:checked+.hs-toggle{background:#6bd3ff}.hs-switch input:checked+.hs-toggle:after{transform:translateX(42px)}.hs-switch-label{color:#0e1b21;color:var(--hs-ink);font-size:.95rem;font-weight:800}.hs-footer{align-items:center;background:#fcfeff;border-top:1px solid #d7e6ee;border-top:1px solid var(--hs-line);display:flex;gap:8px;justify-content:flex-end;padding:14px 18px 18px}.hs-footer .btn.primary{background:#275466;background:var(--hs-teal)}.hs-footer .btn.ghost{background:#eef5f8;border:1px solid #d7e6ee;border:1px solid var(--hs-line);color:#275466;color:var(--hs-teal)}.hs-footer .btn.ghost:hover{background:#e4f2f8}.btn-ghost-history{background:#fff;border:1px solid #205e85;color:#2f4d66}.btn-ghost-history:hover{background:#e4f2f8}.hs-input input:disabled{background:#f7fbff;color:#8aa1ad}.grid-row.past-day{opacity:.6}.day-status.past{background:#fee2e2;border-radius:999px;color:#b91c1c;display:inline-flex;font-size:11px;font-weight:600;margin-left:8px;padding:2px 6px}.grid-row.leave-blocked{background:#f1f5f9;border-color:#bfdbfe}.day-status.leave{background:#dcfce7;color:#166534}.calendar-cell.leave{background:#f9fafb;border-top:3px solid #10b981}.calendar-cell.leave .slot-main{color:#166534;font-weight:600}.calendar-cell{gap:6px;justify-content:flex-start;line-height:1.25;text-align:left}.calendar-cell .scheduled-line{align-items:baseline;color:#64748b;display:flex;font-size:12px;justify-content:center;margin-top:14px;text-align:center}.calendar-cell .scheduled-line strong{color:#0f172a;font-weight:800}.calendar-cell .slot-main{align-items:baseline;color:#0f172a;display:flex;font-size:12px;font-weight:700;gap:6px;justify-content:center;text-align:center}.calendar-cell .slot-main strong{font-weight:900}.calendar-cell .worked-line{align-items:baseline;color:#475569;display:flex;font-size:11.5px;gap:6px;justify-content:center;margin-top:2px;text-align:center}.calendar-cell .worked-line strong{color:#334155;font-weight:800}.calendar-cell .scheduled-line:before,.calendar-cell .slot-main:before,.calendar-cell .worked-line:before{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;color:#475569;display:inline-flex;font-size:10px;font-weight:800;height:18px;letter-spacing:.3px;margin-right:6px;padding:0 8px;text-transform:uppercase}.calendar-cell .scheduled-line:before{content:"Scheduled"}.calendar-cell .slot-main:before{content:"Shift"}.calendar-cell .worked-line:before{content:"Worked"}.calendar-cell.off .slot-main:before{background:#ffe4e6;border-color:#fecdd3;color:#9f1239}.calendar-cell.off .slot-main strong{color:#b91c1c}.calendar-cell.holiday .slot-main:before{background:#dcfce7;border-color:#bbf7d0;color:#166534}.calendar-cell.holiday .slot-main strong{color:#047857}.calendar-cell.leave .slot-main:before{background:#dcfce7;border-color:#bbf7d0;color:#166534}.chip2.chip-missed2{background:#ef4444;border:1px solid #ffffff59;box-shadow:0 6px 16px #ef444440;color:#fff}.worksite-line{align-self:center;color:#64748b;font-size:12px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.week-cards{margin-top:14px}.day-card,.week-cards{display:flex;flex-direction:column;gap:12px}.day-card{background:#fafdff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;position:relative}.day-card:before{background:#e2e8f0;border-radius:999px;bottom:12px;content:"";left:0;position:absolute;top:12px;width:4px}.day-card.is-past{opacity:.65}.day-card.is-leave{background:#f8fbff;border-color:#bfdbfe}.day-card.is-leave:before{background:#60a5fa}.day-card.is-past:before{background:#fca5a5}.day-card__header{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto}.day-card__headerLeft{align-items:center;display:flex;gap:14px;min-width:0}.day-card__title{min-width:180px}.day-card__weekday{color:#0f172a;font-size:1.05rem;font-weight:900}.day-card__date{color:#64748b;font-size:12px;margin-top:2px}.day-card__chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.chip{background:#f8fafc;border:1px solid #e5e7eb;color:#334155;font-weight:800;padding:4px 10px}.chip--past{background:#fee2e2;border-color:#fecaca;color:#991b1b}.chip--leave{background:#dcfce7;border-color:#bbf7d0;color:#166534}.chip-btn{background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;color:#0f172a;cursor:pointer;font-weight:800;padding:6px 12px}.chip-btn.is-on{background:#10b981;border-color:#10b981;color:#fff}.day-card__total{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:280px;padding:10px 12px;text-align:right}.day-card__total--muted{background:#f8fafc;color:#475569}.day-card__totalMain{color:#0f172a;font-weight:900}.day-card__totalSub{color:#64748b;font-size:12px;margin-top:2px}.day-card__body{align-items:start;border-top:1px solid #eef2f7;display:column;gap:18px;padding-top:14px}.day-card__left{border:1px solid #e5e7eb;border-radius:12px;padding:12px}.day-card__right{margin-top:20px;min-width:0}.day-card__right .activities-editor{border:1px solid #e5e7eb;border-radius:12px;padding:12px}.field__label{color:#64748b;font-size:12px;font-weight:900;margin-bottom:6px}.field{margin-bottom:12px}.field:last-child{margin-bottom:0}.static-field{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:13px;padding:10px 12px}.time-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto 1fr}.time-row__to{color:#334155;font-weight:800}.time-row input[type=time]{background:#fff;border:1px solid #dbe3ee;border-radius:10px;height:38px;padding:0 10px}.day-card button{margin-top:0}.activity-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.add-activity,.new-type-btn{border-radius:10px;font-weight:800;height:40px;margin-top:0;padding:0 14px}.activity-row{border-radius:10px}.apply-week-btn{background:#5498ad;border:none;border-radius:999px;box-shadow:0 1px 2px #0000001f,inset 0 1px 0 #ffffff26;color:#fff;cursor:pointer;font-size:12.5px;font-weight:600;height:30px;margin-bottom:20px;padding:0 14px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.apply-week-btn:hover:not(:disabled){box-shadow:0 4px 10px #2563eb40,inset 0 1px 0 #fff3;transform:translateY(-1px)}.apply-week-btn:active:not(:disabled){box-shadow:0 2px 6px #2563eb40,inset 0 1px 2px #00000040;transform:translateY(0)}.apply-week-btn:disabled{cursor:not-allowed;opacity:.45}@media (max-width:950px){.day-card__header{align-items:start;grid-template-columns:1fr}.day-card__headerLeft{align-items:flex-start;flex-direction:column;gap:10px}.day-card__total{min-width:0;text-align:left;width:100%}.day-card__body{grid-template-columns:1fr}}@media (max-width:520px){.schedule-title-container{padding-left:0!important}.scheduling-wrapper{padding:.9rem!important}.tabs{flex-wrap:wrap;gap:.75rem}.tabs button{font-size:.95rem;padding:.6rem .2rem}}@media (max-width:820px){.wo-controls{align-items:stretch;grid-template-columns:1fr!important}.wo-left,.wo-right{width:100%}.wo-weekpicker{flex-wrap:wrap;gap:8px}.wo-weekpicker .react-datepicker-wrapper{flex:1 1 180px;min-width:160px}.wo-right .css-b62m3t-container,.wo-right .react-select__control,.wo-right>div{width:100%}}@media (max-width:520px){.wo-weekpicker button{font-size:.9rem;padding:10px 12px}.wo-topbar{align-items:flex-end;gap:14px;margin-bottom:14px}.schedule-card-container{overflow-x:hidden!important;padding:1rem!important}.schedule-card{border-radius:14px;padding:14px!important}.schedule-header{gap:8px;grid-template-columns:1fr}.schedule-header h3{font-size:16px}.schedule-header-right{gap:8px;justify-content:flex-start;text-align:left}.schedule-range{color:#334155;display:block;font-size:13px;font-weight:800;width:100%}.sched-status-pill{font-size:11px;padding:4px 9px}.schedule-card .badge{margin-top:0;width:-webkit-fit-content;width:fit-content}.card-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.card-actions button{border-radius:12px;font-weight:800;height:44px;justify-content:center;width:100%}.schedule-header-right{border-top:1px solid #eef2f6;margin-top:6px;padding-top:2px}}.calendar-overview{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:520px){.calendar-row{grid-template-columns:180px repeat(7,minmax(130px,1fr)) 140px!important}.calendar-cell{min-height:72px!important;padding:8px 6px!important}.calendar-cell .scheduled-line,.calendar-cell .slot-main,.calendar-cell .worked-line,.worksite-line{font-size:11px!important}.worksite-line{max-width:120px}.emp-chip{border-radius:8px;height:30px!important;width:30px!important}.wo-kpis{grid-template-columns:1fr!important}.kpi-value{font-size:20px}.modal-content{padding:1.2rem!important;width:min(92vw,420px)!important}.hs-modal{width:96vw!important}.hs-grid{margin:12px 12px 4px!important}.hs-footer,.hs-header{padding:12px!important}}@media (max-width:820px){.edit-panel{padding:1rem!important;width:100%!important}}@media (max-width:520px){.hs-backdrop{align-items:flex-start!important;padding:14px 10px 10px!important}.hs-modal{border-radius:14px!important;max-height:92vh!important;max-width:100%!important;overflow:auto!important;width:100%!important}.hs-header{gap:10px!important;padding:12px!important}.hs-title{font-size:1rem!important}.hs-sub{font-size:.82rem!important;line-height:1.25!important}.hs-banner{font-size:.88rem!important;margin:10px 12px 0!important}.hs-grid{gap:12px!important;margin:12px 12px 6px!important}.hs-label{font-size:.88rem!important}.hs-input input{font-size:15px!important;height:42px!important;padding:0 52px 0 12px!important}.hs-suffix{font-size:.78rem!important;padding:3px 7px!important;right:8px!important}.hs-switch{justify-content:space-between!important;margin:10px 12px 0!important}.hs-toggle{border-radius:999px!important;flex:0 0 auto!important;height:32px!important;width:58px!important}.hs-toggle:after{height:26px!important;left:3px!important;top:2.5px!important;width:26px!important}.hs-switch input:checked+.hs-toggle:after{transform:translateX(24px)!important}.hs-footer{flex-wrap:wrap!important;gap:10px!important;padding:12px 12px 14px!important}.hs-footer .btn{width:100%!important}}.schedule-header-right{align-items:center;display:flex;gap:10px}.sched-status-pill{border:1px solid #0000;border-radius:999px;font-size:12px;font-weight:700;line-height:1;padding:4px 10px;white-space:nowrap}.sched-status-pill.current{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.sched-status-pill.upcoming{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.sched-status-pill.past{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.schedule-range{color:#0f172a;font-size:14px;font-weight:600}.leave-mini{background:#22b5731a;border:1px solid #22b57340;border-radius:10px;font-size:12px;margin-top:6px;padding:6px 8px}.leave-mini-label{font-weight:700;margin-bottom:2px}.leave-mini-window{color:#0f172a;font-weight:600}.wo-topbar{align-items:flex-end;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.wo-title{color:#205e85;font-size:22px;font-weight:850;margin:0}.wo-subtitle{color:#64748b;font-size:13.5px;margin:6px 0 0}.wo-actions{gap:10px}.modal-backdrop,.wo-actions{align-items:center;display:flex}.modal-backdrop{background:#0f172a8c;inset:0;justify-content:center;overflow:auto;padding:24px;position:fixed;z-index:3000}.modal-content{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000040;max-height:calc(100vh - 48px);overflow:auto;padding:18px;width:min(1100px,94vw)}@media (max-width:640px){.wo-topbar{align-items:stretch;flex-direction:column}.wo-title{font-size:1.45rem;line-height:1.2}.wo-subtitle{font-size:.95rem}.wo-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;width:100%}.leave-settings-btn,.wo-actions .btn{justify-content:center;width:100%}.leave-settings-btn{align-items:center;display:flex;height:42px}}@media (max-width:420px){.wo-actions{grid-template-columns:1fr}}.lw-backdrop{background:#0f172a8c;display:grid;inset:0;padding:18px;place-items:center;position:fixed;z-index:9999}.lw-modal{background:#fff;border:1px solid #e2e8f0e6;border-radius:16px;box-shadow:0 20px 60px #00000040;overflow:hidden;width:min(640px,92vw)}.lw-header{background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid #e5e7eb;gap:14px;justify-content:space-between;padding:16px 18px}.lw-head-left,.lw-header{align-items:flex-start;display:flex}.lw-head-left{gap:12px}.lw-icon{background:#ffedd5;border:1px solid #fed7aa;border-radius:10px;color:#7c2d12;display:grid;flex:0 0 auto;font-weight:900;height:36px;place-items:center;width:36px}.lw-title{color:#0f172a;font-size:16px;font-weight:800;letter-spacing:-.2px}.lw-sub{color:#64748b;font-size:13px;margin-top:2px}.lw-close{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#334155;cursor:pointer;display:grid;height:34px;place-items:center;width:34px}.lw-close:hover{background:#f8fafc}.lw-close:disabled{cursor:not-allowed;opacity:.6}.lw-summary{align-items:center;border-bottom:1px solid #eef2f7;display:flex;gap:12px;justify-content:space-between;padding:12px 18px}.lw-summary-left{display:flex;flex-wrap:wrap;gap:8px}.lw-pill{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#334155;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:6px 10px}.lw-pill-warn{background:#fff7ed;border-color:#fed7aa;color:#7c2d12}.lw-pill-soft{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}.lw-note{color:#64748b;font-size:12px}.lw-list{grid-gap:10px;display:grid;gap:10px;max-height:min(320px,55vh);overflow:auto;padding:14px 18px 4px}.lw-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:12px}.lw-item-left{align-items:flex-start;display:flex;gap:10px}.lw-badge{border:1px solid #0000;border-radius:999px;flex:0 0 auto;font-size:11px;font-weight:800;padding:4px 8px}.lw-badge-company{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.lw-badge-emp{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.lw-badge-other{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}.lw-item-main{grid-gap:4px;display:grid;gap:4px}.lw-item-label{color:#0f172a;font-size:13px;font-weight:800}.lw-item-text{color:#475569;font-size:13px;line-height:1.35}.lw-footer{background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:14px 18px}.lw-btn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:800;gap:8px;height:40px;padding:0 14px}.lw-btn-ghost{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}.lw-btn-ghost:hover{background:#f1f5f9}.lw-btn-danger{background:#b91c1c;color:#fff}.lw-btn-danger:hover{background:#991b1b}.lw-btn:disabled{cursor:not-allowed;opacity:.7}.lw-spinner{animation:lwspin .9s linear infinite;border:2px solid #ffffff73;border-radius:999px;border-top-color:#fff;height:14px;width:14px}@keyframes lwspin{to{transform:rotate(1turn)}}.emp-cell{display:flex;gap:12px}.emp-cell,.emp-meta{align-items:center}.emp-name{color:#0f172a;font-size:14px;font-weight:600;justify-self:center;line-height:1.2}.emp-rate{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;color:#475569;font-size:12px;font-weight:600;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.hs-switch-help{color:#475569;font-size:14px;justify-self:center;line-height:1.45;margin-top:8px;max-width:520px;text-align:center}.oiiko-time,.oiiko-time-small{width:100%}.oiiko-time .react-time-picker__wrapper,.oiiko-time-small .react-time-picker__wrapper{background:#fff;border:1px solid #dbe3ee;border-radius:10px;height:38px;padding:0 10px}.oiiko-time input,.oiiko-time-small input{border:none!important;font-size:14px;outline:none!important}.oiiko-time .react-time-picker__clock-button,.oiiko-time-small .react-time-picker__clock-button{color:#2f4d66}body{background-color:red;font-family:Nunito,sans-serif}.ticketing-title-container{margin-top:0;padding:2rem 3rem 2rem 0}.subtikcont{justify-self:end}.subticketbtnstyle{background-color:#2f4d66;border:none;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:.6rem 1.4rem;transition:background-color .25s ease,transform .2s ease}.subticketbtnstyle:hover{background-color:#1f354a}.subtikconttext{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.3px}.ticket-container{background-color:#fff;border-radius:15px;margin:0 auto;padding:2rem;width:90%}.ticket-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:2rem;margin-bottom:1.5rem}.ticket-tabs button{background:none;border:none;color:#4b5563;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 0;position:relative}.ticket-tabs button.active{border-bottom:2px solid #2f4d66;border-radius:0;color:#2f4d66;font-weight:600}.ticket-form{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 10px #0000000a;display:flex;flex-direction:column;gap:1rem;padding:2rem}.ticket-form label{color:#1f2937;font-weight:600}.helpdeskcatcont{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.ticket-form input,.ticket-form select,.ticket-form textarea{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:.75rem;transition:border .2s ease;width:100%}.ticket-form input:focus,.ticket-form select:focus,.ticket-form textarea:focus{background-color:#fff;border-color:#059669;outline:none}.ticket-submit{background:linear-gradient(90deg,#1a2124,#34667c);border:none;border-radius:8px;box-shadow:0 8px 32px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:background-color .2s ease}.ticket-submit:hover{background-color:#047857}.ticket-history{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.filter-row{align-items:center;display:flex;gap:1rem}.ticket-table{background-color:#fff;display:block;margin-top:1rem;overflow-x:auto}.ticket-table td,.ticket-table th{border:1px solid #e5e7eb;padding:.75rem;white-space:nowrap}.ticket-table th{background-color:#b6d8ff;color:#16477e;font-weight:600}.status-badge{font-weight:600;text-align:center;text-transform:capitalize}.status-badge.open{background-color:#facc15}.status-badge.in-progress{background-color:#38bdf8}.status-badge.closed{background-color:#d1d5db}@media (min-width:1280px){.ticketing-title-container{background:#e6e6e6;margin-top:0;padding-left:2rem;padding-right:5rem}}:root{--brand:#275466;--brand-2:#e4f7ff;--line:#e6edf2}.ticketing-title-container{background-color:#fff;padding:0 0 0 30px}.ticket-shell{background:#fff;border:1px solid #d2d2d2;border-radius:14px;margin:0 auto;padding:18px;width:100%}.ticket-header{gap:12px;margin-bottom:12px}.ticket-title{margin:0}.ticket-sub{color:#64748b;color:var(--muted)}.ticket-actions{gap:8px}.managebtn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 14px;text-decoration:none}.managebtn.primary{background:#275466;background:var(--brand);color:#fff}.managebtn.primary:hover{filter:brightness(.95)}.managebtn.ghost{background:#f3f9fc;border:1px solid #d7e6ee;color:#275466;color:var(--brand)}.managebtn.ghost:hover{background:#e7f3f9}.plus{border-radius:6px;color:#0b4561;display:inline-grid;font-weight:900;height:20px;place-items:center;width:20px}.ticket-filter-bar{align-items:center;background:#fff;border:1px solid #e6edf2;border:1px solid var(--line);border-radius:10px;display:flex;gap:12px;margin:8px 0 12px;padding:10px 12px}.ticket-filter-bar label{align-items:center;color:#18323f;display:flex;font-weight:700;gap:8px}.ticket-filter-bar select{background:#f8fbfd;border:1px solid #e6edf2;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.ticket-card{background:#fff;border:1px solid #e6edf2;border:1px solid var(--line);border-radius:12px;overflow:auto}.ticket-table{border-collapse:collapse;white-space:nowrap;width:100%}.ticket-table td,.ticket-table th{border-bottom:1px solid #edf3f6;padding:.75rem .8rem;text-align:left}.ticket-table th{background:#eaf6ff;color:#153c4f;font-weight:800}.status-badge{border-radius:999px;display:inline-block;font-size:.8rem;font-weight:800;padding:4px 10px}.status-badge.open{background:#fde68a;color:#854d0e}.status-badge.in-progress{background:#bae6fd;color:#075985}.status-badge.closed{background:#e5e7eb;color:#374151}.empty{color:#334155;display:grid;padding:28px;place-items:center}.empty.error{color:#b91c1c}.empty-card{background:linear-gradient(180deg,#e4f7ff,#fff);background:linear-gradient(180deg,var(--brand-2),#fff);border:1px dashed #cfe8f3;border-radius:12px;max-width:560px;padding:18px;text-align:center}.empty-title{font-size:1.05rem;font-weight:900;margin-bottom:6px}.empty-sub{color:#466072;margin-bottom:10px}.st-backdrop{align-items:center;background:#091a2373;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:5000}.st-modal{background:#fff;border:1px solid #d9e6ee;border-radius:14px;box-shadow:0 24px 64px #071a2659;overflow:hidden;width:min(860px,96vw)}.st-header{align-items:flex-start;background:linear-gradient(180deg,#e4f7ff,#fff);background:linear-gradient(180deg,var(--brand-2),#fff);border-bottom:1px solid #d9e6ee;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.st-title{color:#0e3241;font-weight:900}.st-sub{color:#5b7080;font-size:.9rem}.st-close{background:#fff;border:1px solid #d9e6ee;border-radius:10px;color:#123b4e;font-weight:900;height:36px;padding:0 10px}.st-form{padding:14px 16px}.form-error{background:#fee2e2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;margin-bottom:10px;padding:8px 10px}.st-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:10px}.st-col-2{grid-column:1/-1}.st-field{display:flex;flex-direction:column;gap:6px}.st-field>span{color:#0e3241;font-weight:800}.st-field input,.st-field select,.st-field textarea{background:#fbfdff;border:1px solid #d9e6ee;border-radius:10px;font-size:14px;padding:10px 12px}.st-field input:focus,.st-field select:focus,.st-field textarea:focus{border-color:#b9d6e4;box-shadow:0 0 0 3px #27546626;outline:none}.st-footer{background:#fcfeff;border-top:1px solid #d9e6ee;display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}a{color:#2563eb;text-decoration:underline}.ticket-shell.ticket-shell--simple{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 18px 45px #0f172a0a;margin:1.75rem auto 2.5rem;max-width:1120px;padding:1.5rem 1.75rem 2rem}.ticket-header{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem}.ticket-title{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.ticket-sub{color:#6b7280;font-size:.9rem;margin:0}.ticket-actions{align-items:center;display:flex;gap:.75rem}.managebtn.managebtn-lg{border-radius:999px;font-size:.9rem;padding:.7rem 1.4rem}.ticket-hero-wrapper{align-items:center;display:flex;justify-content:center;padding:1.75rem 0 .5rem}.ticket-hero-card{background:linear-gradient(135deg,#ecfeff,#eff6ff 55%,#f9fafb);border:1px dashed #94a3b866;border-radius:16px;box-shadow:0 10px 30px #0f172a08;max-width:560px;padding:1.75rem 1.8rem 2rem;text-align:center;width:100%}.ticket-pill{align-items:center;background:#0f172a0a;border-radius:999px;color:#0f172a;display:inline-flex;font-size:.7rem;font-weight:600;justify-content:center;letter-spacing:.06em;margin-bottom:.75rem;padding:.25rem .75rem;text-transform:uppercase}.ticket-hero-title{color:#0f172a;font-size:1.1rem;font-weight:700;margin:0 0 .4rem}.ticket-hero-sub{color:#4b5563;font-size:.88rem;margin:0 auto 1rem;max-width:460px}.ticket-hero-list{color:#374151;font-size:.85rem;list-style:none;margin:0 0 1.4rem;padding:0}.ticket-hero-list li{display:flex;gap:.35rem;justify-content:center;margin-bottom:.25rem}.ticket-hero-list li:before{color:#0f172a;content:"•"}.ticket-hero-cta{align-items:center;background:#164766;border:none;border-radius:999px;box-shadow:0 8px 22px #0f172a40;color:#f9fafb;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;padding:.65rem 1.4rem;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.ticket-hero-cta:hover{background:#205e85;box-shadow:0 12px 30px #0f172a4d;transform:translateY(-1px)}@media (max-width:768px){.ticket-shell.ticket-shell--simple{border-radius:14px;margin:1.25rem .5rem 2rem;padding:1.25rem 1.25rem 1.75rem}.ticket-header{align-items:flex-start;flex-direction:column}.ticket-actions{justify-content:flex-start;width:100%}.managebtn.managebtn-lg{width:auto}.ticket-hero-card{padding:1.5rem 1.3rem 1.75rem}}:root{--brand-50:#eef4f8;--brand-100:#dbe7f0;--brand-200:#bfd3e3;--brand-300:#9bb8cf;--brand-400:#6e98b8;--brand-500:#4c7ea6;--brand-600:#34667c;--accent-emerald:#1e8e3e;--accent-amber:#b85d00;--accent-red:#c62828;--ink-900:#1a2430;--ink-700:#2b3b4e;--ink-600:#3b4a61;--ink-500:#5a6b7b;--ink-100:#e9edf3}.tracker-wrap{margin:0 auto;max-width:1200px;padding:1.75rem 1.25rem}.tracker-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:0}.tracker-card{background:#fff;background-image:linear-gradient(180deg,#fff,#fffffffa),radial-gradient(600px 200px at 20% 0,#4c7ea60f,#0000 60%);border:1px solid #dbe7f0;border:1px solid var(--brand-100);border-radius:12px;box-shadow:0 6px 24px #101e360f,inset 0 1px 0 #4c7ea60f;padding:1.25rem}.tracker-toolbar{border-bottom:1px solid #edf0f3;margin-bottom:1rem;padding-bottom:1rem}.toolbar-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}.toolbar-field label{color:#58677a;display:block;font-size:.8rem;margin-bottom:.35rem}.toolbar-field input,.toolbar-field select{background:#fff;border:1px solid #dbe7f0;border:1px solid var(--brand-100);border-radius:8px;font-size:.95rem;padding:.65rem .75rem;transition:box-shadow .15s ease,border-color .15s ease;width:100%}.toolbar-field input:focus,.toolbar-field select:focus{border-color:#6e98b8;border-color:var(--brand-400);box-shadow:0 0 0 3px #4c7ea62e;outline:none}.tracker-kpis{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,140px);margin-top:1rem}.kpi{background:linear-gradient(180deg,#fff,#fbfcfe);border:1px solid #dbe7f0;border:1px solid var(--brand-100);border-radius:10px;padding:.75rem .9rem;position:relative}.kpi:before{background:#9bb8cf;background:var(--brand-300);border-radius:10px 10px 0 0;content:"";height:4px;inset:0 0 auto 0;position:absolute}.kpi .kpi-label{color:#6b7a8b;font-size:.75rem}.kpi .kpi-value{color:#1a2430;color:var(--ink-900);display:block;font-size:1.15rem;font-weight:700;margin-top:.1rem}.kpi:nth-child(2):before{background:#1e8e3e;background:var(--accent-emerald)}.kpi:nth-child(3):before{background:#b85d00;background:var(--accent-amber)}.kpi:nth-child(4):before{background:#c62828;background:var(--accent-red)}.tracker-table-wrap{overflow:auto}.tracker-table{border-collapse:collapse;font-size:.95rem;width:100%}.tracker-table thead th{background:linear-gradient(180deg,#eef4f8,#f6f9fc);background:linear-gradient(180deg,var(--brand-50),#f6f9fc);border-bottom:1px solid #dbe7f0;border-bottom:1px solid var(--brand-100);color:#2b3b4e;color:var(--ink-700);font-weight:600;padding:.85rem .9rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.tracker-table tbody td{border-bottom:1px solid #eef2f6;padding:.85rem .9rem;vertical-align:top}.tracker-table tbody tr:hover{background:#fff;box-shadow:inset 0 1px 0 #34667c1a}.tracker-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 #9bb8cf;box-shadow:inset 3px 0 0 var(--brand-300)}.title-cell .title-main{color:#1a2430;color:var(--ink-900);font-weight:600}.title-cell .title-sub{color:#5a6b7b;color:var(--ink-500);font-size:.85rem;margin-top:.15rem}.pill{border:1px solid #0000;box-shadow:inset 0 0 0 1px #00000005;font-size:.8rem;letter-spacing:.2px;padding:.25rem .55rem}.pill-ok{background:#e6f4ea;border-color:#cdebd6;color:#1e8e3e;color:var(--accent-emerald)}.pill-warn{background:#fff3e0;border-color:#ffe1b3;color:#b85d00;color:var(--accent-amber)}.pill-bad{background:#fdecea;border-color:#f6c7c3;color:#c62828;color:var(--accent-red)}.due-ok{color:#0b7b5c;font-weight:600}.due-soon{color:#b85d00;color:var(--accent-amber);font-weight:600}.due-late{color:#c62828;color:var(--accent-red);font-weight:700}.tracker-link{background:#f4f8ff;border:1px solid #cfe0ff;border-radius:8px;color:#0b57d0;font-weight:700;padding:.35rem .6rem;text-decoration:none;white-space:nowrap}.tracker-link:hover{background:#e9f1ff}.tracker-empty{color:#5a6b7b;color:var(--ink-500);padding:2rem 0;text-align:center}.tracker-error{background:linear-gradient(180deg,#fff,#fff7f7);border:1px solid #f8cfcf;border-radius:8px;color:#c62828;color:var(--accent-red);margin:.75rem 0;padding:.75rem 1rem}.tracker-skeleton{animation:shimmer 1.4s ease infinite;background:linear-gradient(90deg,#f2f6fb 25%,#e9eef6 37%,#f2f6fb 63%);background-size:400% 100%;border-radius:12px;height:64px;margin-bottom:1rem}@media (max-width:900px){.toolbar-row{grid-template-columns:1fr 1fr}.tracker-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.toolbar-row{grid-template-columns:1fr}.tracker-kpis{grid-template-columns:1fr 1fr}}*{font-family:Nunito,sans-serif;margin:0;padding:0}.Training-title-container{background:#fff;margin-top:0;padding:0 0 0 30px}.training-wrapper{background-color:#fff;padding:0 2rem;width:100%}.tab-bar{border-bottom:2px solid #e0e0e0;display:flex;gap:1.25rem;margin-bottom:2rem}.tab-btn{background:none;border:none;color:#2f4d66;cursor:pointer;font-size:.95rem;font-weight:500;letter-spacing:.5px;padding:.75rem 1.5rem;position:relative;text-transform:uppercase;transition:color .2s ease}.tab-btn:after{background-color:initial;bottom:-4px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:background-color .3s ease,transform .3s ease;width:100%}.tab-btn:hover{color:#2f4d66}.tab-btn.active{color:#2f4d66;font-weight:600}.tab-btn.active:after{background-color:#2f4d66;transform:scaleX(1)}.training-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 10px #0000000a;margin-bottom:2rem;padding:2rem}.training-card input[type=date],.training-card input[type=file],.training-card input[type=text]{background-color:#fff;border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-bottom:1.25rem;margin-top:.25rem;padding:.9rem 1rem;transition:border .2s ease,box-shadow .2s ease}.training-card input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff26;outline:none}.training-button{background-color:#007bff;border:none;border-radius:6px;box-shadow:0 2px 6px #007bff33;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem;transition:all .2s ease-in-out;width:100%}.training-button:hover{background-color:#0056b3;box-shadow:0 4px 10px #007bff40;transform:translateY(-1px)}.training-course-list{grid-gap:1.25rem;align-items:stretch;display:grid;gap:1.25rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.5rem}.training-course-card{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ddd;border-radius:10px;display:flex;flex-direction:column;gap:.5rem;height:100%;min-height:220px;overflow:hidden;padding:1.25rem;position:relative;transition:box-shadow .9s ease;z-index:0}.training-course-card:before{background:linear-gradient(to bottom right,#0006,#000000a6);content:"";inset:0;position:absolute;z-index:0}.training-course-card *{position:relative;z-index:1}.training-course-card:hover{box-shadow:0 2px 6px #00000017}.training-course-card h3{color:#fff;font-size:1.05rem;margin:0;text-shadow:0 1px 2px #0006}.training-course-card p{color:#fff;font-size:.95rem;margin:.25rem 0;text-shadow:0 1px 2px #0006}.coursedivcont{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.training-card-actions{margin-top:1rem}.training-card-actions button{background-color:#28a745;border:none;border-radius:5px;box-shadow:0 2px 5px #28a74526;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem 1.2rem;transition:all .2s ease}.training-card-actions button:hover{background-color:#218838;box-shadow:0 4px 10px #28a74533;transform:translateY(-1px)}.training-tracker-table{border:1px solid #ccc;border-collapse:collapse;border-radius:4px;font-size:.9rem;margin-top:1.5rem;padding:4px 6px;width:100%}.training-tracker-table td,.training-tracker-table th{border-bottom:1px solid #ddd;padding:.8rem 1rem;text-align:left}.training-tracker-table th{background-color:#f4f4f4;color:#333;font-size:.95rem;font-weight:600;text-align:left}.training-tracker-table td a{color:#007bff;text-decoration:none}.training-tracker-table td a:hover{text-decoration:underline}@media (max-width:768px){.training-wrapper{padding:1rem}.training-card{padding:1.25rem}.tab-bar{flex-direction:column;gap:.5rem}.tab-btn{text-align:left;width:100%}.training-button{font-size:.95rem}.training-course-card{padding:1rem}}@media (max-width:1200px){.training-course-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.training-course-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.training-course-list{grid-template-columns:1fr}}.course-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.course-header input[type=checkbox]{accent-color:#007bff;border:2px solid #007bff;border-radius:4px;cursor:pointer;height:18px;transition:all .2s ease;width:18px}.course-header input[type=checkbox]:hover{box-shadow:0 0 0 3px #007bff33}.course-checkbox-bottom{bottom:1rem;position:absolute;right:1rem}.course-checkbox-bottom input[type=checkbox]{accent-color:#007bff;border-radius:4px;cursor:pointer;height:18px;transition:box-shadow .2s ease;width:18px}.course-checkbox-bottom input[type=checkbox]:hover{box-shadow:0 0 0 3px #007bff33}.checkbox-label{align-items:center;color:#f1f1f1;cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;margin:0}.checkbox-label input[type=checkbox]{accent-color:#007bff;cursor:pointer;height:18px;margin:0;width:18px}@media (max-width:640px){.Training-title-container{padding:.75rem!important}.training-wrapper{border-radius:14px;padding:.9rem!important}.training-card{border-radius:14px;padding:1rem!important}.tab-bar{flex-direction:column;gap:.5rem}.tab-btn{padding:.7rem 1rem;text-align:left;width:100%}.coursedivcont{gap:.9rem!important;grid-template-columns:1fr!important}.coursetitlediv{min-width:0;width:100%}.coursetitlediv label{display:block;margin-bottom:.35rem}.coursetitlediv input{min-width:0!important;width:100%!important}.training-card input[type=url],.training-card select{background-color:#fff;border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-bottom:1.25rem;margin-top:.25rem;padding:.9rem 1rem;transition:border .2s ease,box-shadow .2s ease;width:100%!important}.training-card input[type=url]:focus,.training-card select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff26;outline:none}}.db-wrap{padding:16px 18px 0 48px}.db-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.db-title{color:#15202b;font-size:26px;font-weight:700}.db-kpi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,minmax(180px,1fr));margin-bottom:18px}.db-kpi-card{align-items:flex-start;background:#fff;border:1px solid #0f172a0f;border-radius:14px;box-shadow:0 8px 24px #0f172a14;display:flex;gap:12px;min-height:92px;padding:16px}.db-kpi-card.warn{border-color:#f59e0b59}.db-kpi-card.good{border-color:#22c55e59}.db-kpi-ico{border-radius:10px;display:grid;height:34px;place-items:center;width:34px}.db-kpi-ico.ico-orange{background:#f07c57;color:#fff}.db-kpi-ico.ico-blue{background:#348ec1;color:#fff}.db-kpi-ico.ico-purple{background:#4866db;color:#fff}.db-kpi-ico.ico-amber{background:#fdca47;color:#fff}.db-kpi-ico.ico-green{background:#54b388;color:#fff}.db-kpi-value{color:#0f172a;font-size:28px;font-weight:800;line-height:1}.db-kpi-label{color:#334155;font-size:13px;font-weight:600;margin-top:6px}.db-kpi-sub{color:#64748b;font-size:12px;margin-top:2px}.db-main-grid{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:2fr 1fr}.alert{color:#fdca47}.db-card{background:#fff;border:1px solid #0f172a0f;border-radius:14px;box-shadow:0 8px 24px #0f172a14;overflow:hidden}.db-card-head{border-bottom:1px solid #0f172a0f;padding:14px 16px}.db-card-title{align-items:center;color:#0f172a;display:flex;font-weight:800;gap:10px}.db-card-body{padding:14px 16px}.db-row{align-items:center;background:#f8fafc;border:1px solid #0f172a14;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px;width:100%}.db-row:hover{background:#f1f5f9}.db-row-left{align-items:center;display:flex;gap:10px}.db-row-ico{background:#2563eb14;border-radius:10px;color:#1f4b6e;display:grid;height:32px;place-items:center;width:32px}.db-row-ico.ico-1{background:#fdca47;color:#fff}.db-row-ico.ico-blue{background:#348ec1;color:#fff}.db-row-ico.ico-purple{background:#4866db;color:#fff}.db-row-ico.ico-amber{background:#fdca47;color:#fff}.db-row-ico.ico-green{background:#54b388;color:#fff}.db-row-text{color:#0f172a;font-size:14px;font-weight:600}.db-row-arrow{color:#64748b}.db-mini{background:#f8fafc;border:1px solid #0f172a14;border-radius:12px;margin-bottom:12px;padding:12px}.db-mini-label{color:#334155;font-size:13px;font-weight:700}.db-mini-value{color:#0f172a;font-size:22px;font-weight:900;margin-top:6px}.db-mini-sub{color:#64748b;font-size:12px;margin-top:2px}.db-primary{background:#1f4b6e;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:800;padding:12px 14px;width:100%}.db-primary:hover{filter:brightness(.96)}.db-progress-pct{color:#0f172a;font-size:28px;font-weight:900}.db-progress-sub{color:#64748b;font-size:12px;margin-top:2px}.db-progress-bar{background:#e2e8f0;border-radius:999px;height:10px;margin-top:12px;overflow:hidden;width:100%}.db-progress-fill{background:#1f4b6e;border-radius:999px;height:100%}.db-bullets{grid-gap:6px;color:#334155;display:grid;font-size:13px;font-weight:600;gap:6px;margin-top:12px}.db-action{background:#f8fafc;border:1px solid #0f172a14;border-radius:12px;color:#0f172a;cursor:pointer;font-weight:800;margin-bottom:10px;padding:12px 14px;width:100%}.db-action:hover{background:#f1f5f9}@media (max-width:1200px){.db-kpi-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.db-main-grid{grid-template-columns:1fr}}@media (max-width:768px){.db-wrap{padding:16px 1px 0}.db-kpi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(1,minmax(180px,1fr));margin-bottom:18px}}.db-card-fixed{display:flex;flex-direction:column;height:360px}.db-card-body-scroll{flex:1 1;overflow-y:auto;padding:14px 16px}.db-card-body-scroll .db-row:last-child{margin-bottom:0}.db-empty{color:#64748b;display:grid;font-size:14px;font-weight:600;height:100%;place-items:center}.ops-wrap{grid-gap:12px;display:grid;gap:12px}.ops-section{grid-gap:10px;display:grid;gap:10px}.ops-row{align-items:baseline;display:flex;gap:10px;justify-content:space-between}.ops-label{color:#0f172a;font-size:13px;font-weight:800}.ops-sub{color:#64748b;font-size:12px;font-weight:700}.ops-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.ops-metric{background:#f8fafc;border:1px solid #0f172a14;border-radius:12px;padding:12px}.ops-metric-value{color:#0f172a;font-size:22px;font-weight:900;line-height:1}.ops-metric-label{color:#64748b;font-size:12px;font-weight:700;margin-top:6px}.ops-divider{background:#0f172a14;height:1px}.ops-shift{align-items:center;background:#f8fafc;border:1px solid #0f172a14;border-radius:12px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px;width:100%}.ops-shift:hover{background:#f1f5f9}.ops-shift-left{align-items:center;display:flex;gap:10px;min-width:0}.ops-avatar{background:#f07c571f;border-radius:10px;color:#f07c57;display:grid;flex:0 0 auto;font-size:12px;font-weight:900;height:34px;place-items:center;width:34px}.ops-meta{min-width:0}.ops-name{color:#0f172a;font-size:14px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-role{color:#64748b;font-size:12px;font-weight:700;margin-top:2px}.ops-time{color:#0f172a;font-size:12px;font-weight:900;white-space:nowrap}.ops-empty{color:#64748b;font-size:13px;font-weight:700;padding:10px 0 0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.ed-wrap{margin:0 auto;max-width:1200px;padding:24px 20px 80px}.ed-back{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 14px #0000000a;color:#2f4d66;color:var(--brand);cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:8px 12px}.ed-head{justify-content:space-between;margin:16px 0 12px}.ed-head,.ed-head-left{align-items:center;display:flex}.ed-head-left{gap:14px}.ed-avatar{background:linear-gradient(135deg,#275466,#2f4d66 60%,#3a6b86);border-radius:12px;box-shadow:0 8px 20px #27546640;color:#fff;display:grid;font-weight:800;height:48px;place-items:center;width:48px}.ed-title-stack h1{font-size:26px;font-weight:900;letter-spacing:-.02em;margin:0}.ed-meta-row{display:flex;flex-wrap:wrap;margin-top:6px}.ed-head-right,.ed-meta-row{align-items:center;gap:10px}.ed-input--condensed{border-radius:10px;font-size:14px;padding:8px 10px}.ed-chip .chip{align-items:center;background:#f4fcff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:999px;color:#0f5132;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:6px 10px}.chip.active{background:#ecfdf5;color:#065f46}.chip.pending{background:#fffbeb;color:#92400e}.chip.terminated{background:#fef2f2;color:#991b1b}.ed-toast{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;color:#065f46;padding:8px 12px}.status-pill{align-items:center;background:#f4f4f5;border:1px solid #e5e7eb;border:1px solid var(--border);color:#111827;display:inline-flex;gap:8px;padding:6px 12px}.status-pill.is-active{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.status-pill.is-pending{background:#fffbeb;border-color:#fde68a;color:#92400e}.status-pill.is-terminated{background:#fef2f2;border-color:#fecaca;color:#991b1b}.incomplete-badge{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:999px;color:#b91c1c;display:inline-flex;font-size:12px;font-weight:800;gap:6px;padding:6px 10px}.incomplete-badge .incomplete-dot{background:#ef4444;border-radius:999px;box-shadow:0 0 0 2px #ef44442e;height:8px;width:8px}.ed-progress{background:#eef2f7;border:1px solid #e5e7eb;border-radius:999px;height:8px;overflow:hidden;position:relative;width:120px}.ed-progress-bar{background:linear-gradient(90deg,#a7f3d0,#16a34a);inset:0;position:absolute;width:0}.ed-progress-label{color:#6b7280;color:var(--muted);font-size:12px;font-weight:700}.ed-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;gap:18px;margin:16px 0 18px}.ed-tabs button{-webkit-appearance:none;appearance:none;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;color:var(--muted);cursor:pointer;font-weight:700;padding:12px 4px}.ed-tabs button.active{border-color:#2f4d66;border-color:var(--brand);color:#111827}.ed-card{background:#fff;background:var(--card);border:1px solid #2754661a;border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 2px #2754660a,0 8px 24px #2754661a;margin-bottom:18px;padding:18px 18px 10px}.ed-section{color:#111;font-size:14px;font-weight:800;letter-spacing:.04em;margin:0 0 12px;text-transform:uppercase}.ed-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:900px){.ed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.ed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.kv label{color:#374151;display:block;font-size:12px;font-weight:800;letter-spacing:.02em;margin-bottom:6px}.kv p{background:#fafafa;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;color:#111;margin:0;padding:12px 14px}.ed-input-wrap{display:flex;flex-direction:column}.ed-input{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;font-size:15px;padding:12px 14px;width:100%}.ed-input:focus{border-color:#275466;box-shadow:0 0 0 4px #2754662e;outline:none}.ed-input-error{border-color:#ef4444}.ed-error{color:#ef4444;font-size:12px;margin:6px 2px 0}.ed-actions{background:linear-gradient(180deg,#0000,#f7f8fae6 20%,#f7f8fa 60%);bottom:0;padding-top:10px;position:-webkit-sticky;position:sticky}.ed-actions .row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.wfull{width:100%}.btn-primary{border-radius:10px}.btn-cancel{background:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;color:#c84a50;padding:10px 16px}.btn-cancel,.btn-outline{cursor:pointer;font-weight:800}.btn-outline{align-items:center;background:#fff;border:1px solid #2f4d66;border:1px solid var(--brand);border-radius:10px;color:#2f4d66;color:var(--brand);display:inline-flex;gap:8px;padding:10px 14px}.ed-warning{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;color:#92400e;padding:8px 10px}.ed-docs-bar{margin-bottom:12px}.ed-muted{color:#6b7280;color:var(--muted)}.ed-filelist{list-style:none;margin:0;padding:0}.file-row{align-items:center;background:#fafafa;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px 12px}.file-link{color:#0a8f50;text-decoration:underline}.file-delete,.file-link{background:none;border:none;cursor:pointer;font-weight:700}.file-delete{color:#b91c1c}.ed-modal{background:#000000b3;inset:0;position:fixed;z-index:50}.ed-modal,.ed-modal-body{align-items:center;display:flex;justify-content:center}.ed-modal-body{background:#fff;border-radius:12px;max-height:90%;max-width:90%;padding:16px;position:relative}.ed-close{background:#0000;border:none;cursor:pointer;font-size:18px;font-weight:800;position:absolute;right:10px;top:10px}.ed-preview-img{border-radius:8px;max-height:80vh;max-width:80vw}.ed-preview-pdf{border:none;height:80vh;width:80vw}.ed-head-right{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.ed-actions-top{display:flex;gap:8px;margin-top:4px}.ed-warning-inline{font-size:12px;max-width:260px}.taskmgr-page{background:#fff;font-family:Inter,sans-serif;height:100%;overflow:hidden;padding:1rem 3rem;width:100%}.taskmgr-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:18px}.taskmgr-header h1{color:#0f172a;font-size:22px;font-weight:750;margin:0}.taskmgr-header p{color:#64748b;font-size:13.5px;margin:6px 0 0}.taskmgr-create-btn{background:#164766;border:none;border-radius:12px;box-shadow:0 8px 18px #afd7f82e;color:#fff;cursor:pointer;font-size:13px;font-weight:850;padding:10px 14px;transition:transform .08s ease,filter .15s ease}.taskmgr-create-btn:hover{filter:brightness(.96)}.taskmgr-create-btn:active{transform:translateY(1px)}.taskmgr-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1.05fr 1.25fr;height:calc(100vh - 140px)}.taskmgr-grid--single{grid-template-columns:1fr}.taskmgr-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 22px #0f172a0f;display:flex;flex-direction:column;overflow:hidden;padding:16px 16px 14px}.taskmgr-card h3{color:#0f172a;font-size:16px;font-weight:750;margin:0 0 12px}.taskmgr-toprow{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.taskmgr-count{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;color:#0f172a;font-size:12px;font-weight:700;padding:4px 10px}.taskmgr-label{color:#334155;display:block;font-size:12.5px;font-weight:700;margin:10px 0 6px}.taskmgr-input,.taskmgr-page select,.taskmgr-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:13.5px;outline:none;padding:10px;transition:box-shadow .15s ease,border-color .15s ease;width:100%}.taskmgr-textarea{line-height:1.35;min-height:90px;resize:vertical}.taskmgr-input:focus,.taskmgr-page select:focus,.taskmgr-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa2e}.taskmgr-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.taskmgr-col{width:100%}.taskmgr-hint{color:#64748b;font-size:12.5px;line-height:1.35;margin-top:8px}.taskmgr-primary{background:#164766;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:800;padding:10px 14px;transition:transform .08s ease,filter .15s ease}.taskmgr-primary:hover{filter:brightness(.96)}.taskmgr-primary:active{transform:translateY(1px)}.taskmgr-primary:disabled{cursor:not-allowed;opacity:.6}.taskmgr-filters{grid-gap:10px;background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:12px;padding:10px}.taskmgr-filter .taskmgr-label{margin-top:0}.taskmgr-list{overflow:auto;padding-right:4px}.taskmgr-empty{background:#fbfdff;border:1px dashed #e2e8f0;border-radius:12px;color:#64748b;font-size:13.5px;padding:16px}.taskmgr-item{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 6px 16px #0f172a0d;margin-bottom:10px;padding:12px 12px 11px;transition:transform .08s ease,box-shadow .15s ease}.taskmgr-item:hover{box-shadow:0 10px 26px #0f172a14;transform:translateY(-1px)}.taskmgr-item.overdue{border-color:#ef444459;box-shadow:0 10px 30px #ef444414}.taskmgr-item-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.taskmgr-title{color:#0f172a;font-size:14.5px;font-weight:850;line-height:1.2}.taskmgr-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.taskmgr-pill{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;color:#0f172a;display:inline-flex;font-size:11.5px;font-weight:800;gap:6px;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.taskmgr-pill.type{background:#eef2ff;border-color:#e0e7ff;color:#3730a3}.taskmgr-pill.status{background:#f1f5f9;border-color:#e2e8f0;color:#0f172a}.taskmgr-pill.proof{background:#f0f9ff;border-color:#bae6fd;color:#075985}.taskmgr-pill.overdue{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.taskmgr-pill.pri-low{background:#f1f5f9;border-color:#e2e8f0;color:#334155}.taskmgr-pill.pri-medium{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.taskmgr-pill.pri-high{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.taskmgr-pill.pri-urgent{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.taskmgr-desc{color:#334155;font-size:13px;line-height:1.35;margin-top:8px;white-space:pre-wrap}.taskmgr-meta{grid-gap:10px;color:#475569;display:grid;font-size:12.5px;gap:10px;grid-template-columns:1.25fr 1fr .8fr;margin-top:10px}.taskmgr-meta strong{color:#0f172a}.taskmgr-modal-backdrop{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:9999}.taskmgr-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 22px 70px #0f172a40;display:flex;flex-direction:column;max-height:92vh;overflow:hidden;width:min(720px,100%)}.taskmgr-modal-header{align-items:flex-start;background:#fbfdff;border-bottom:1px solid #eef2f7;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.taskmgr-modal-title{color:#0f172a;font-size:16px;font-weight:850;margin:0}.taskmgr-modal-subtitle{color:#64748b;font-size:12.5px;line-height:1.35;margin:6px 0 0}.taskmgr-icon-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#0f172a;cursor:pointer;font-weight:900;padding:8px 10px}.taskmgr-icon-btn:hover{background:#f8fafc}.taskmgr-modal-body{overflow:auto;padding:14px 16px}.taskmgr-modal-section{border-top:1px solid #eef2f7;margin-top:12px;padding-top:12px}.taskmgr-modal-section:first-child{border-top:none;margin-top:0;padding-top:0}.taskmgr-modal-section h4{color:#0f172a;font-size:13px;font-weight:850;margin:0 0 10px}.taskmgr-modal-footer{background:#fff;border-top:1px solid #eef2f7;display:flex;gap:10px;justify-content:flex-end;padding:12px 16px}.taskmgr-secondary{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;font-size:13px;font-weight:800;padding:10px 14px}.taskmgr-secondary:hover{background:#f8fafc}.taskmgr-toggle-row{align-items:center;background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;padding:10px}.taskmgr-toggle-label{color:#0f172a;font-size:13px;font-weight:800}.taskmgr-switch{display:inline-block;height:26px;position:relative;width:46px}.taskmgr-switch input{height:0;opacity:0;width:0}.taskmgr-switch-slider{background:#e2e8f0;border:1px solid #dbe3ee;border-radius:999px;cursor:pointer;inset:0;position:absolute;transition:.2s ease}.taskmgr-switch-slider:before{background:#fff;border-radius:999px;box-shadow:0 6px 14px #0f172a26;content:"";height:20px;left:3px;position:absolute;top:50%;transform:translateY(-50%);transition:.2s ease;width:20px}.taskmgr-switch input:checked+.taskmgr-switch-slider{background:#66bad4;border-color:#16a34a59}.taskmgr-switch input:checked+.taskmgr-switch-slider:before{transform:translate(20px,-50%)}.taskmgr-multiAssignBox{background:#fff;border:1px solid #0000001f;border-radius:12px;padding:10px}.taskmgr-multiAssignTop{align-items:center;display:flex;gap:10px;margin-bottom:10px}.taskmgr-miniBtn{background:#0ea5e9;border:1px solid #00000026;border-radius:10px;color:#fff;cursor:pointer;font-size:12px;padding:6px 10px}.taskmgr-miniBtn:hover{filter:brightness(.95)}.taskmgr-multiAssignCount{font-size:12px;margin-left:auto;opacity:.8}.taskmgr-multiAssignList{grid-gap:8px;display:grid;gap:8px;max-height:150px;overflow:auto;padding-right:4px}.taskmgr-checkRow{align-items:center;border:1px solid #00000014;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px;-webkit-user-select:none;user-select:none}.taskmgr-checkRow:hover{background:#00000008}.taskmgr-checkbox{accent-color:#2563eb;cursor:pointer;height:14px;margin:0;width:14px}.taskmgr-checkLabel{font-size:14px;line-height:1}@media (max-width:1200px){.taskmgr-grid{grid-template-columns:1fr;height:auto}.taskmgr-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.taskmgr-meta{grid-template-columns:1fr}}@media (max-width:520px){.taskmgr-page{padding:16px 14px}.taskmgr-filters,.taskmgr-row{grid-template-columns:1fr}.taskmgr-modal-footer{flex-direction:column}.taskmgr-primary,.taskmgr-secondary{width:100%}}.taskmgr-reviewBanner{background:#fff7ed;border:1px solid #e2e8f0;border-radius:12px;color:#9a3412;font-size:13px;font-weight:800;margin-top:10px;padding:10px 12px}.taskmgr-reviewList{display:flex;flex-direction:column;gap:10px}.taskmgr-reviewSection{background:#fbfdff;border:1px solid #e2e8f0;border-radius:12px;margin-top:12px;padding:12px}.taskmgr-reviewTop{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.taskmgr-reviewTitle{color:#0f172a;font-size:13px;font-weight:900}.taskmgr-reviewSub{color:#64748b;font-size:12.5px;margin-top:4px}.taskmgr-proofGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));margin-top:10px}.taskmgr-thumb{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 10px #0f172a0f;overflow:hidden}.taskmgr-thumbImg{display:block;height:78px;object-fit:cover;width:100%}.taskmgr-thumbMeta{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:6px 8px}.taskmgr-thumbLabel{color:#0f172a;font-size:11px;font-weight:850;opacity:.9}.taskmgr-thumbOpen{background:#fff;border:1px solid #e2e8f0;border-radius:999px;cursor:pointer;font-size:11px;font-weight:850;padding:4px 8px}.taskmgr-thumbOpen:hover{background:#f8fafc}.taskmgr-reviewComment{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:10px;padding:10px 12px}.taskmgr-reviewCommentLabel{color:#0f172a;display:block;font-size:12.5px;font-weight:850;margin:0 0 6px}.taskmgr-reviewCommentText{color:#334155;font-size:13px;line-height:1.35;white-space:pre-wrap}.taskmgr-reviewActions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:12px}.taskmgr-approveBtn{background:#16a34a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:900;padding:10px 14px;transition:transform .08s ease,filter .15s ease}.taskmgr-approveBtn:hover{filter:brightness(.96)}.taskmgr-approveBtn:active{transform:translateY(1px)}.taskmgr-approveBtn:disabled{cursor:not-allowed;opacity:.6}.taskmgr-rejectBtn{background:#fff;border:1px solid #fecaca;border-radius:10px;color:#991b1b;cursor:pointer;font-size:13px;font-weight:900;padding:10px 14px;transition:transform .08s ease,background .15s ease,filter .15s ease}.taskmgr-rejectBtn:hover{background:#fef2f2}.taskmgr-rejectBtn:active{transform:translateY(1px)}.taskmgr-rejectBtn:disabled{cursor:not-allowed;opacity:.6}.taskmgr-neutralBtn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;font-size:13px;font-weight:900;padding:10px 14px}.taskmgr-neutralBtn:hover{background:#f8fafc}.taskmgr-rejectModal-backdrop{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:10000}.taskmgr-rejectModal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 22px 70px #0f172a40;display:flex;flex-direction:column;max-height:92vh;overflow:hidden;width:min(640px,100%)}.taskmgr-rejectModal-header{align-items:flex-start;background:#fbfdff;border-bottom:1px solid #eef2f7;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.taskmgr-rejectModal-title{color:#0f172a;font-size:16px;font-weight:900;margin:0}.taskmgr-rejectModal-subtitle{color:#64748b;font-size:12.5px;line-height:1.35;margin:6px 0 0}.taskmgr-rejectModal-body{overflow:auto;padding:14px 16px}.taskmgr-rejectModal-label{color:#0f172a;display:block;font-size:12.5px;font-weight:850;margin:0 0 6px}.taskmgr-rejectModal-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:13px;line-height:1.35;min-height:110px;outline:none;padding:10px 12px;resize:vertical;width:100%}.taskmgr-rejectModal-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa2e}.taskmgr-rejectModal-footer{background:#fff;border-top:1px solid #eef2f7;display:flex;gap:10px;justify-content:flex-end;padding:12px 16px}.taskmgr-rejectConfirmBtn{background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:900;padding:10px 14px;transition:transform .08s ease,filter .15s ease}.taskmgr-rejectConfirmBtn:hover{filter:brightness(.96)}.taskmgr-rejectConfirmBtn:active{transform:translateY(1px)}.taskmgr-rejectConfirmBtn:disabled{cursor:not-allowed;opacity:.6}.taskmgr-rejectCancelBtn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;font-size:13px;font-weight:900;padding:10px 14px}.taskmgr-rejectCancelBtn:hover{background:#f8fafc}.taskmgr-pill.review{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}.taskmgr-pill.review.review-not_submitted{background:#f1f5f9;border-color:#e2e8f0;color:#334155}.taskmgr-pill.review.review-submitted{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.taskmgr-pill.review.review-approved{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.taskmgr-pill.review.review-rejected{background:#fef2f2;border-color:#fecaca;color:#b91c1c}@media (max-width:520px){.taskmgr-reviewActions{justify-content:stretch}.taskmgr-approveBtn,.taskmgr-neutralBtn,.taskmgr-rejectBtn{width:100%}.taskmgr-rejectModal-footer{flex-direction:column}.taskmgr-rejectCancelBtn,.taskmgr-rejectConfirmBtn{width:100%}}.taskmgr-checklist{margin-top:10px}.taskmgr-checklistRow{align-items:center;display:column;gap:10px;grid-template-columns:1fr auto;margin-top:10px}.taskmgr-checklistAdd{background:#0ea5e9;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:850;padding:10px 14px;transition:transform .08s ease,filter .15s ease;white-space:nowrap}.taskmgr-checklistAdd:hover{filter:brightness(.96)}.taskmgr-checklistAdd:active{transform:translateY(1px)}.taskmgr-checklistList{grid-gap:8px;background:#fbfdff;border:1px solid #eef2f7;border-radius:12px;display:grid;gap:8px;margin-top:10px;padding:10px}.taskmgr-checklistItem{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:10px;justify-content:space-between;padding:10px}.taskmgr-checklistLeft{align-items:flex-start;display:flex;gap:8px;min-width:0}.taskmgr-checklistIndex{color:#64748b;font-size:12.5px;font-weight:900}.taskmgr-checklistText{color:#0f172a;font-size:13px;font-weight:750;line-height:1.25;word-break:break-word}.taskmgr-checklistRemove{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;flex:0 0 auto;font-weight:900;height:30px;line-height:1;width:30px}.taskmgr-checklistRemove:hover{background:#f8fafc}.taskmgr-checklistFooter{align-items:center;display:flex;gap:10px;padding-top:6px}.taskmgr-checklistCount{color:#475569;font-size:12.5px}.taskmgr-checklistEmpty{background:#fbfdff;border:1px dashed #e2e8f0;border-radius:12px;color:#64748b;font-size:13px;margin-top:10px;padding:12px}@media (max-width:520px){.taskmgr-checklistRow{grid-template-columns:1fr}.taskmgr-checklistAdd{width:100%}}.taskmgr-tableWrap{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 6px 16px #0f172a0d;overflow:hidden}.taskmgr-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.taskmgr-table thead th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#0f172a;font-weight:850;padding:12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:1}.taskmgr-table tbody td{border-bottom:1px solid #eef2f7;padding:12px;vertical-align:middle}.taskmgr-rowClick{cursor:pointer;transition:background .12s ease}.taskmgr-rowClick:hover{background:#fbfdff}.taskmgr-rowClick:focus{box-shadow:inset 0 0 0 3px #60a5fa40;outline:none}.taskmgr-rowClick.isOverdue{background:#ef44440a}.taskmgr-tdWrap{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taskmgr-tableHint{background:#fff;border-top:1px solid #eef2f7;color:#64748b;font-size:12.5px;padding:10px 12px}@media (max-width:900px){.taskmgr-tableWrap{overflow:auto}.taskmgr-table{min-width:860px}}.taskmgr-detailPills{display:flex;flex-wrap:wrap;gap:8px}.taskmgr-boxSolid{border-style:solid!important}.taskmgr-checklistLine{display:flex;gap:10px;margin-bottom:6px}.taskmgr-checklistNum{color:#64748b;font-weight:900}.taskmgr-checklistLineText.done{opacity:.75;text-decoration:line-through}.taskmgr-rowClick.isOverdue td{background:#fff7f7}.taskmgr-dueOverdue{color:#dc2626;font-weight:800}.taskmgr-kpis{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(7,minmax(0,1fr));margin:6px 0 36px}.taskmgr-kpiCard{border:1px solid #ffffff2e;border-radius:14px;box-shadow:0 10px 24px #0f172a1a;color:#fff;min-height:90px;overflow:hidden;padding:14px 16px;position:relative}.taskmgr-kpiCard:after{background:radial-gradient(circle at top left,#ffffff38,#0000 55%);content:"";inset:-40%;pointer-events:none;position:absolute}.taskmgr-kpiLabel{font-size:18px;font-weight:850;letter-spacing:.2px;opacity:.92;padding-bottom:7px}.taskmgr-kpiValue{font-size:20px;font-weight:650;line-height:1;margin-top:4px}.taskmgr-headerActions{align-items:center;display:flex;gap:12px}.taskmgr-ghostBtn{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;cursor:pointer;font-weight:800;height:40px;padding:0 14px}.taskmgr-ghostBtn:hover{background:#f8fafc}.taskmgr-kpi-assigned{background:linear-gradient(135deg,#164766,#1d4ed8)}.taskmgr-kpi-open{background:linear-gradient(135deg,#1e3a8a,#2563eb)}.taskmgr-kpi-progress{background:linear-gradient(135deg,#2563eb,#06b6d4)}.taskmgr-kpi-complete{background:linear-gradient(135deg,#334155,#4f46e5)}.taskmgr-kpi-approved{background:linear-gradient(135deg,#16a34a,#0ea5a4)}.taskmgr-kpi-rejected{background:linear-gradient(135deg,#e11d48,#7c3aed)}.taskmgr-kpi-overdue{background:linear-gradient(135deg,#f59e0b,#ef4444)}@media (max-width:1280px){.taskmgr-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:720px){.taskmgr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1200px){.taskmgr-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:520px){.taskmgr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.taskmgr-pagination{align-items:center;background:#fff;border-top:1px solid #eef2f7;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.taskmgr-paginationLeft{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.taskmgr-paginationInfo,.taskmgr-paginationSize{color:#475569;font-size:12.5px}.taskmgr-paginationSize{align-items:center;display:flex;font-weight:800;gap:8px}.taskmgr-paginationSize select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:12.5px;outline:none;padding:6px 10px}.taskmgr-paginationRight{align-items:center;display:flex;gap:8px}.taskmgr-pageMeta{color:#475569;font-size:12.5px;padding:0 6px}.taskmgr-pageBtn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;font-weight:900;padding:7px 10px;transition:background .15s ease,transform .08s ease}.taskmgr-pageBtn:hover{background:#f8fafc}.taskmgr-pageBtn:active{transform:translateY(1px)}.taskmgr-pageBtn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:520px){.taskmgr-pagination{align-items:stretch;flex-direction:column}.taskmgr-paginationRight{justify-content:center}}.taskmgr-inlineSelect{align-items:center;display:column;gap:10px}.taskmgr-emptyState{grid-gap:18px;align-items:center;background:#fbfdff;border:1px dashed #e2e8f0;border-radius:14px;display:grid;gap:18px;grid-template-columns:320px 1fr;padding:22px}.taskmgr-emptyState__img{display:block;height:auto;margin:0 auto;max-width:320px;width:100%}.taskmgr-emptyState__content{min-width:0}.taskmgr-emptyState__title{color:#0f172a;font-size:16px;font-weight:900;margin-bottom:6px}.taskmgr-emptyState__text{color:#64748b;font-size:13.5px;line-height:1.5;margin-bottom:12px;max-width:520px}.taskmgr-emptyState__actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.taskmgr-emptyState__btn{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;cursor:pointer;font-size:13px;font-weight:900;padding:10px 14px}.taskmgr-emptyState__btn:hover{background:#f8fafc}.taskmgr-emptyState__btn.primary{background:#164766;border-color:#164766;color:#fff}.taskmgr-emptyState__btn.primary:hover{filter:brightness(.97)}.taskmgr-emptyState__hint{color:#64748b;font-size:12.5px}@media (max-width:900px){.taskmgr-emptyState{grid-template-columns:1fr;text-align:center}.taskmgr-emptyState__actions{justify-content:center}.taskmgr-emptyState__text{margin-left:auto;margin-right:auto}}@media (max-width:520px){.taskmgr-header{align-items:stretch;flex-direction:column;gap:12px}.taskmgr-header h1{font-size:20px}.taskmgr-header p{font-size:13px}.taskmgr-headerActions{flex-direction:column;gap:10px;width:100%}.taskmgr-create-btn,.taskmgr-ghostBtn{font-size:14px;height:44px;justify-content:center;width:100%}}.taskmgr-proofLink{background:none;border:none;color:#2563eb;cursor:pointer;font-weight:700;margin:0 10px 0 6px;padding:0;text-decoration:underline;text-underline-offset:3px}.taskmgr-proofLink:hover{color:#1d4ed8}.taskmgr-proof-backdrop{background:#0f172a8c;display:grid;inset:0;padding:18px;place-items:center;position:fixed;z-index:10000}.taskmgr-proof-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 22px 60px #00000040;overflow:hidden;width:min(760px,94vw)}.taskmgr-proof-header{align-items:center;background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.taskmgr-proof-title{color:#0f172a;font-size:14px;font-weight:800}.taskmgr-proof-body{background:#0b1220;padding:14px 16px}.taskmgr-proof-img{background:#0b1220;border-radius:12px;height:auto;max-height:70vh;object-fit:contain;width:100%}.taskmgr-proof-footer{background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:14px 16px}.analytics-container{background:#fff;height:100vh;overflow-x:hidden}.employer-heading{margin-left:5%;margin-top:0}.analytics-header{margin-left:3%;margin-top:0}.analytics-wrapper{background:#fff;border-radius:12px;font-family:Inter,sans-serif;height:95%;margin-left:4%;margin-top:0;overflow-x:scroll;padding:0;width:95%}.management-analytics-wrapper{margin-top:40px}.management-analytics-wrapper h1{padding-bottom:0}.analytics-wrapper h1{color:#1e1e1e;font-size:18px;font-weight:700;margin-bottom:0}.analytics-wrapper h3{color:#333;font-size:22px;font-weight:600;margin:1rem 0}.kpi-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 2rem}@media (max-width:1280px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:980px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:#fff;border:1px solid #eef2f7;border-radius:14px;box-shadow:0 6px 24px #1018280f;padding:1rem 1.25rem 1.1rem;position:relative;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.kpi-card:hover{border-color:#e4ebf4;box-shadow:0 12px 34px #1018281a;transform:translateY(-2px)}.kpi-top{align-items:center;display:flex;gap:.5rem;margin-bottom:.35rem}.kpi-dot{background:#94a3b8;background:var(--kpi-accent,#94a3b8);border-radius:999px;box-shadow:0 0 0 4px #94a3b826;box-shadow:0 0 0 4px var(--kpi-accent-soft,#94a3b826);height:10px;width:10px}.kpi-label{color:#334155;font-size:.9rem;font-weight:600;letter-spacing:.01em}.kpi-value{color:#0f172a;font-size:1.85rem;font-weight:800;line-height:1.1}.kpi-sub{color:#64748b;font-size:.85rem;margin-top:.25rem}.kpi-card.accent-green{--kpi-accent:#10b981;--kpi-accent-soft:#10b98126}.kpi-card.accent-purple{--kpi-accent:#8b5cf6;--kpi-accent-soft:#8b5cf626}.kpi-card.accent-red{--kpi-accent:#ef4444;--kpi-accent-soft:#ef444426}.kpi-card.accent-blue{--kpi-accent:#3b82f6;--kpi-accent-soft:#3b82f626}.kpi-card.accent-teal{--kpi-accent:#14b8a6;--kpi-accent-soft:#14b8a626}.kpi-card.accent-amber{--kpi-accent:#f59e0b;--kpi-accent-soft:#f59e0b2e}.kpi-card.accent-indigo{--kpi-accent:#6366f1;--kpi-accent-soft:#6366f126}.kpi-card.accent-slate{--kpi-accent:#64748b;--kpi-accent-soft:#64748b26}.charts-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:900px){.charts-grid{grid-template-columns:1fr}}@media (min-width:1600px){.charts-grid{grid-template-columns:repeat(2,minmax(520px,1fr));justify-content:center}}.chart-container{background:#fff;border:1px solid #eaeaea;border-radius:10px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;margin-bottom:0;padding:1.9rem;width:100%}.chart-container canvas{height:auto!important;width:100%!important}.pie-chart{height:400px;justify-items:center;padding-bottom:130px}.top-summary{display:flex;flex-wrap:wrap}.summary-card,.top-summary{justify-content:space-between}.summary-card{border:2px solid #b6d8ff;border-radius:10px;box-shadow:0 8px 32px #0000001a;padding:1.5rem 2rem}.summary-label{color:#16477e;font-size:2rem;margin-bottom:.5rem}.summary-value{color:#1e1e1e;font-size:2.5rem;font-weight:700}.role-breakdown p{color:#444;font-size:1.5rem;margin:.2rem 0}.mini-pie{height:160px;margin-top:.5rem;max-width:160px}.analytics-dropdown{background-color:#fff;border:2px solid #b6d8ff;border-radius:5px;box-shadow:0 2px 5px #28a74526;color:#000;cursor:pointer;font-size:.95rem;font-weight:500;margin-left:20px;padding:.5rem 1.9rem;transition:all .2s ease}.analytics-body{margin-top:10px}.kpi-mini{height:88px;margin:.25rem 0 .35rem;width:88px}.kpi-mini canvas{height:100%!important;width:100%!important}.kpi-grid.kpi-grid--employees{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1280px){.kpi-grid.kpi-grid--employees{grid-template-columns:repeat(3,1fr)}}@media (max-width:980px){.kpi-grid.kpi-grid--employees{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.kpi-grid.kpi-grid--employees{grid-template-columns:1fr}}.analytics-section{margin-top:0}.analytics-header-row{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:0}.analytics-header-left{max-width:520px}.analytics-subtitle{color:#4b5563;font-size:.95rem;margin:0 0 .4rem}.analytics-range-label{color:#2563eb;font-size:.9rem;font-weight:500}.analytics-date-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:30px}.analytics-field{color:#374151;display:flex;flex-direction:column;font-size:.85rem}.analytics-field label{font-weight:600;margin-bottom:.25rem}.analytics-field input[type=date]{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;min-width:160px;padding:.35rem .5rem}.analytics-empty,.analytics-error,.analytics-loading{font-size:.95rem;margin-top:1rem}.analytics-loading{color:#4b5563}.analytics-empty{color:#6b7280}.analytics-error{color:#b91c1c;font-weight:500}.analytics-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 32px #0f172a14;margin-top:2rem;overflow:hidden}.analytics-table{border-collapse:collapse;font-size:.9rem;width:100%}.analytics-table thead{background:#f9fafb}.analytics-table td,.analytics-table th{border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;text-align:left;white-space:nowrap}.analytics-table th{color:#4b5563;font-weight:600}.analytics-table tbody tr:hover{background:#f3f4f6}.top-summary{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:2rem;margin-top:2rem}.analytics-range-pill{color:#2563eb;font-size:.95rem;margin-bottom:7px}.analytics-hint{font-size:.95rem;margin-bottom:10px}@media (max-width:1100px){.top-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.top-summary{grid-template-columns:1fr}}.summary-card{background:#fff;border:1px solid #dbeafe;border-radius:14px;box-shadow:0 10px 30px #0f172a14;display:flex;flex:1 1;flex-direction:column;min-width:220px;padding:1.5rem 1.75rem}.summary-label{color:#0f172a;font-size:1.15rem;font-weight:700;margin-bottom:.75rem}.summary-card ul{list-style:none;margin:0;padding-left:0}.summary-card li{align-items:center;color:#374151;display:flex;font-size:.9rem;justify-content:space-between;padding:.25rem 0}.summary-item-main{margin-right:.75rem}.summary-pill{background:#e0f2fe;border-radius:999px;color:#0369a1;font-size:.75rem;padding:.15rem .55rem;white-space:nowrap}.summary-meta{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;margin-top:1rem;padding-top:.75rem}.summary-meta-label{color:#6b7280;display:block;font-size:.8rem}.summary-meta-value{color:#111827;display:block;font-size:.95rem;font-weight:600}.summary-mix-note{color:#6b7280;font-size:.85rem;margin-bottom:.75rem;margin-top:0}.summary-mix-list{list-style:none;margin:0;padding-left:0}.summary-mix-list li{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;padding:.3rem 0}.summary-dot{border-radius:999px;height:8px;margin-right:.6rem;width:8px}.summary-dot-regular{background:#22c55e}.summary-dot-ot{background:#f97316}.summary-dot-leave{background:#6366f1}.summary-mix-value{color:#111827;font-weight:600;margin-left:.75rem;white-space:nowrap}.analytics-wrapper{overflow-x:hidden}.analytics-topbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.analytics-filter{display:flex;flex:1 1;flex-direction:column;gap:.35rem;min-width:240px}.analytics-filter-label{color:#334155;font-size:.85rem;font-weight:600}.analytics-dropdown{margin-left:0!important;width:100%}.oiiko-select__control{border-radius:10px;min-height:44px;width:100%}@media (max-width:640px){.analytics-container{height:auto;min-height:100vh}.analytics-wrapper{border-radius:14px;height:auto!important;margin:0!important;overflow:visible;padding:1rem!important;width:100%}.analytics-header,.employer-heading,.management-analytics-wrapper{margin-left:0!important;padding-left:0!important}.analytics-topbar{align-items:stretch;flex-direction:column;gap:1rem}.analytics-filter{min-width:0;width:100%}.analytics-wrapper h1{font-size:16px}.analytics-wrapper h3{font-size:18px}.chart-container{border-radius:14px;padding:1.1rem}.pie-chart{height:320px;padding-bottom:60px}.analytics-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.analytics-table{min-width:720px}}@media (max-width:900px){.analytics-wrapper{margin:0!important;width:100%}}.analytics-filters-card{background:#fff;border:1px solid #eef2f7;border-radius:16px;box-shadow:0 10px 30px #0f172a12;margin-bottom:1.25rem;padding:1rem 1.1rem}.af-header{align-items:flex-start;border-bottom:1px solid #eef2f7;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.9rem}.af-titleblock{min-width:240px}.af-title{color:#0f172a;font-size:.95rem;font-weight:800;letter-spacing:.01em}.af-subtitle{color:#64748b;font-size:.85rem;margin-top:.25rem}.af-actions{align-items:center;display:flex;gap:.5rem}.af-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#0f172a;cursor:pointer;font-size:.85rem;font-weight:700;padding:.55rem .75rem;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.af-btn:disabled{cursor:not-allowed;opacity:.5}.af-btn:hover:not(:disabled){border-color:#dbeafe;box-shadow:0 10px 22px #0f172a14;transform:translateY(-1px)}.af-btn-ghost{background:#f8fafc;border-color:#e5e7eb}.af-grid{align-items:end;display:row;gap:1rem;grid-template-columns:1fr 1fr}.analytics-filters-card .af-grid:has(.af-block--moduleTabs):not(:has(.af-selectWrap)){grid-template-columns:1fr}.af-block{display:flex;flex-direction:column;gap:.45rem}.af-label,.af-label1{color:#334155;font-size:.78rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.af-label1{padding-top:20px}.af-tabs{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;display:flex;flex-wrap:wrap;gap:.5rem;padding:.45rem}.af-tab{background:#0000;border:1px solid #0000;border-radius:12px;color:#334155;cursor:pointer;font-size:.85rem;font-weight:800;padding:.55rem .8rem;transition:background .12s ease,transform .12s ease,box-shadow .12s ease}.af-tab:hover{background:#eef2ff;transform:translateY(-1px)}.af-tab.is-active{border-color:#dbeafe;box-shadow:0 10px 22px #0f172a14}.af-select,.af-tab.is-active{background:#fff;color:#0f172a}.af-select{border:1px solid #e5e7eb;border-radius:12px;font-weight:700;min-height:44px;outline:none;padding:.6rem .75rem;width:100%}.af-selectWrap .oiiko-select__control{border-radius:12px;min-height:44px}.af-block--moduleSelect{display:none}@media (max-width:760px){.af-header{align-items:stretch;flex-direction:column}.af-actions{justify-content:flex-start}.af-grid{grid-template-columns:1fr}.af-block--moduleTabs{display:none}.af-block--moduleSelect{display:flex}}.skeleton-loader{animation:pulse 1.5s ease-in-out infinite;padding:2rem}.skeleton-box,.skeleton-heading,.skeleton-paragraph{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e0e0e0 25%,#f8f8f8 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:8px;margin-bottom:1.2rem}.skeleton-heading{height:24px;width:60%}.skeleton-paragraph{height:16px;width:90%}.skeleton-paragraph.short{width:60%}.skeleton-box{height:100px;width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}body{font-family:Montserrat,sans-serif;padding:0}.expense-title-container{background-color:#fff;padding:0 0 0 30px}.expense-wrapper{background-color:#fff;border:1px solid #d2d2d2;border-radius:15px;margin-top:0;padding:.5rem 1rem;width:100%}.expense-card{background-color:#fff;box-shadow:0 4px 16px #0000000d;margin-top:1.5rem}.expense-tabs{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:2rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.5rem}.expense-tab{background:none;border:none;color:#2f4d66;cursor:pointer;font-size:1rem;font-weight:500;outline:none;padding:.5rem;position:relative;transition:color .2s ease-in-out}.expense-tabs-left,.expense-tabs-right{align-items:center;display:flex;gap:2rem}.expense-tab:hover{color:#2f4d66}.expense-tab.active{color:#2f4d66;font-weight:600}.expense-tab.active:after{background-color:#2f4d66;border-radius:3px;bottom:-6px;content:"";height:3px;left:0;position:absolute;width:100%}.expense-status-badge{border-radius:6px;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 12px;text-transform:uppercase}.expense-status-badge.approved{background-color:#e6f4ea;color:#2e7d32}.expense-status-badge.rejected{background-color:#fbeaea;color:#d32f2f}.expense-table-scroll{max-height:70vh;overflow:auto;position:relative}.expense-table{background-color:#fff;border-collapse:initial;border-spacing:0;font-size:.95rem;min-width:100%;width:-webkit-max-content;width:max-content}.expense-table td,.expense-table th{border-bottom:1px solid #f0f0f0;font-size:.95rem;line-height:1.4;overflow:visible;padding:1rem .75rem;text-align:left;text-overflow:clip;vertical-align:middle;white-space:nowrap}.expense-table thead th{background:#f6fbff;box-shadow:0 1px 0 #e5e7eb;color:#000;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:2}.expense-table .doc-link{background:none;border:none;color:#1e88e5;cursor:pointer;font-weight:500;padding:0;text-decoration:underline}.expense-table .doc-link:hover{text-decoration:none}.expense-action-buttons{align-items:center;display:flex;gap:10px;justify-content:flex-start;padding-top:4px}.expense-btn-approve,.expense-btn-reject{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:6px 14px;transition:background-color .2s ease-in-out;white-space:nowrap}.expense-btn-approve{background-color:#028a4a;color:#fff}.expense-btn-approve:hover{background-color:#026b3a}.expense-btn-reject{background-color:#d32f2f;color:#fff}.expense-btn-reject:hover{background-color:#a32020}.expense-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.expense-modal-content{animation:fadeIn .2s ease-in-out;background:#fff;border-radius:8px;box-shadow:0 12px 32px #0003;max-width:800px;padding:1.5rem;position:relative;width:90%}.expense-modal-close{background:#0000;border:none;color:#888;cursor:pointer;font-size:1.4rem;font-weight:700;position:absolute;right:1rem;top:1rem}.expense-modal-close:hover{color:#000}.error-text,.loading-text,.no-requests{color:#555;font-size:1rem;margin-top:2rem;text-align:center}.error-text{color:#d32f2f}.expense-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.expense-title{margin:0}.expense-subtitle{color:#64748b;font-size:.9rem}.expense-settings-btn{background:#275466;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 12px}.expense-settings-btn:hover{background:#1e293b}.expense-settings-gear{background:#fff;border:1px solid #e2e8f0;color:#2f4d66;margin-left:auto;padding:8px}.expense-seed-btn,.expense-settings-gear:hover{background:#f8fafc}.expense-seed-btn{border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 14px}.expense-seed-btn:hover{background:#e1f6ff}.expense-filter-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#2f4d66;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;margin-left:.75rem;padding:8px 12px}.expense-filter-btn:hover{background:#e1f6ff}.budget-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:16px}.budget-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.budget-head{grid-gap:4px;display:grid;gap:4px}.budget-amount{font-size:1.25rem;font-weight:700}.budget-amount span{color:#64748b;font-weight:500;margin-left:6px}.budget-sub{color:#64748b;font-size:.9rem}.budget-meter{background:#eef2f7;border-radius:999px;height:8px;margin:8px 0 6px;overflow:hidden}.budget-meter>span{background:linear-gradient(90deg,#22c55e,#3b82f6);display:block;height:100%;width:0}.budget-foot{color:#64748b;font-size:.85rem}.expense-pagination-bar{align-items:center;background:#fff;border-radius:0 0 15px 15px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:10px 16px}.expense-pagination-info{color:#4b5563;font-size:.9rem}.expense-pagination-controls{align-items:center;display:flex;gap:8px}.expense-pagination-controls button{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 10px}.expense-pagination-controls button:hover:not(:disabled){background:#f3f4f6}.expense-pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.expense-pagination-controls select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:.8rem;margin-top:15px;padding:4px 8px}.expense-filter-overlay{align-items:stretch;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a59;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1150}.expense-filter-modal{background:#fff;box-shadow:-8px 0 30px #0f172a40;display:flex;flex-direction:column;height:100%;max-width:100%;padding:18px 20px 16px;width:360px}.expense-filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.expense-filter-header h3{color:#111827;font-size:1.05rem;margin:0}.expense-filter-close{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:1.25rem}.expense-filter-close:hover{color:#111827}.expense-filter-grid{grid-gap:12px 16px;display:grid;gap:12px 16px;grid-template-columns:1fr;overflow-y:auto;padding-right:4px}.expense-filter-field{display:flex;flex-direction:column;font-size:.9rem;gap:6px}.expense-filter-field span{color:#374151;font-weight:500}.expense-filter-field select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;height:38px;outline:none;padding:0 10px}.expense-filter-field select:focus{border-color:#028a4a}.expense-filter-sort-buttons{display:inline-flex;gap:8px}.expense-filter-sort-buttons button{background-color:initial;border:1px solid #2f4d66;border-radius:8px;color:#2f4d66;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 10px;transition:all .15s ease-in-out}.expense-filter-sort-buttons button:hover{background-color:#e1f6ff}.expense-filter-sort-buttons .active-sort{background-color:#e1f6ff;border-color:#2f4d66;color:#1f2937}.expense-filter-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:10px}.expense-filter-reset{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#4b5563;cursor:pointer;font-size:.85rem;padding:6px 12px}.expense-filter-reset:hover{background:#f3f4f6}.expense-filter-apply{background:#2f4d66;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:7px 16px}.expense-filter-apply:hover{background:#026b3a}@media (max-width:640px){.expense-filter-modal{width:94%}.expense-filter-grid{grid-template-columns:1fr}}:root{--eb-teal:#275466;--eb-sky:#e4f7ff;--eb-ink:#0e1b21;--eb-gray:#5b6a74;--eb-line:#d7e6ee}.eb-backdrop{align-items:center;background:#0e1b2161;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:6000}.eb-modal{background:#fff;border:1px solid #d7e6ee;border:1px solid var(--eb-line);border-radius:14px;box-shadow:0 20px 60px #06141c59;width:min(720px,96vw)}.eb-header{align-items:flex-start;background:linear-gradient(180deg,#e4f7ff,#fff);background:linear-gradient(180deg,var(--eb-sky),#fff);border-bottom:1px solid #d7e6ee;border-bottom:1px solid var(--eb-line);display:flex;gap:12px;justify-content:space-between;padding:16px 18px}.eb-title{color:#275466;color:var(--eb-teal);font-size:1.1rem;font-weight:900;letter-spacing:.2px}.eb-sub{color:#5b6a74;color:var(--eb-gray);font-size:.86rem}.eb-close{background:#fff;border:1px solid #d7e6ee;border:1px solid var(--eb-line);border-radius:10px;color:#275466;color:var(--eb-teal);font-weight:800;height:36px;padding:0 10px}.eb-close:hover{background:#f6fbff}.eb-banner{background:#f7fcff;border:1px dashed #c7e6f3;border-radius:10px;color:#2a5566;font-size:.92rem;margin:12px 18px 0;padding:10px 12px}.eb-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin:14px 18px 4px}@media (max-width:720px){.eb-grid{grid-template-columns:1fr}}.eb-field{display:flex;flex-direction:column;gap:6px}.eb-label{color:#0e1b21;color:var(--eb-ink);font-size:.92rem;font-weight:800}.eb-help{color:#6b7d88;font-size:.8rem}.eb-input{align-items:center;background:#fff;border:1px solid #d7e6ee;border:1px solid var(--eb-line);border-radius:10px;display:flex;position:relative}.eb-input:focus-within{border-color:#b9d6e4;box-shadow:0 0 0 3px #27546626}.eb-input input{background:#0000;border:0;color:#0e1b21;color:var(--eb-ink);font-size:14px;height:44px;outline:0;padding:0 56px 0 12px;width:100%}.eb-suffix{background:#eef7fb;border:1px solid #d7ebf5;border-radius:999px;color:#2a5566;font-size:.85rem;font-weight:800;opacity:.85;padding:3px 8px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.eb-remaining{grid-gap:6px;color:#334155;display:grid;gap:6px;margin:10px 18px 4px}.eb-footer{align-items:center;background:#fcfeff;border-top:1px solid #d7e6ee;border-top:1px solid var(--eb-line);display:flex;gap:8px;justify-content:flex-end;padding:14px 18px 18px}.eb-footer .btn.primary{background:#275466;background:var(--eb-teal);color:#fff}.eb-footer .btn.ghost{background:#eef5f8;border:1px solid #d7e6ee;border:1px solid var(--eb-line);color:#275466;color:var(--eb-teal)}.eb-footer .btn.ghost:hover{background:#e4f2f8}.budget-strip{align-items:center;color:#374151;display:flex;font-size:.85rem;gap:12px;margin:6px 0 12px}.budget-pill{align-items:baseline;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;display:inline-flex;gap:6px;padding:6px 10px;white-space:nowrap}.pill-label{color:#0f172a;font-weight:600}.pill-value{font-weight:700}.pill-sub{color:#6b7280}.budget-strip-settings{background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#111827;cursor:pointer;font-size:.85rem;font-weight:500;margin-left:auto;padding:6px 12px}.budget-strip-settings:hover{background:#f3f4f6}@media (max-width:768px){.budget-strip{flex-wrap:wrap}.budget-strip-settings{margin-left:0}}@media (max-width:640px){.expense-title-container{padding:.75rem}.expense-wrapper{border-radius:14px;padding:.85rem}.expense-card{border-radius:14px;margin-top:1rem;overflow:hidden}.expense-header{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:10px}.expense-title{font-size:1.25rem;line-height:1.25}.expense-subtitle{font-size:.85rem}.budget-grid{gap:10px;grid-template-columns:1fr;margin-bottom:14px}.budget-card{border-radius:12px;padding:12px}.budget-amount{font-size:1.1rem}.budget-sub{font-size:.85rem}.budget-foot{font-size:.8rem}.expense-tabs{flex-wrap:wrap;gap:10px;margin-bottom:1rem;padding-bottom:.6rem}.expense-tabs-left{flex-wrap:wrap;gap:12px}.expense-tabs-right{gap:10px;margin-left:auto}.expense-tab{font-size:.95rem;padding:.45rem .35rem}.expense-filter-btn,.expense-settings-btn.expense-settings-gear{border-radius:10px;padding:8px 10px}.expense-filter-btn span{display:none}.expense-table-scroll{border-top:1px solid #eef2f6;max-height:none;overflow:auto}.expense-table{font-size:.9rem}.expense-table td,.expense-table th{font-size:.9rem;padding:.75rem .6rem}.expense-action-buttons{flex-wrap:wrap;gap:8px}.expense-btn-approve,.expense-btn-reject{font-size:.85rem;padding:7px 12px}.expense-pagination-bar{align-items:flex-start;border-radius:0 0 14px 14px;flex-direction:column;gap:10px;padding:12px}.expense-pagination-controls{flex-wrap:wrap;gap:8px;width:100%}.expense-pagination-controls select{margin-top:0}.expense-modal-content{border-radius:12px;max-width:94%;padding:1rem;width:94%}.expense-modal-content iframe{height:65vh}.expense-filter-modal{max-width:94%;width:94%}.eb-modal{border-radius:12px;width:96vw}.eb-header{padding:14px}.eb-grid{margin:12px 14px 4px}.eb-footer{flex-wrap:wrap;justify-content:flex-end;padding:12px 14px 14px}}@media (min-width:641px) and (max-width:1024px){.expense-title-container,.expense-wrapper{padding:1rem}.expense-tabs{gap:14px}.expense-table-scroll{max-height:68vh}}.expense-settings-wrap{align-items:center;display:inline-flex;position:relative}.expense-settings-menu{background:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 18px 40px #0f172a1f;min-width:240px;padding:8px;position:absolute;right:0;top:100%;z-index:9999}.expense-settings-item{background:#0000;border:none;border-radius:10px;color:#2f4d66;cursor:pointer;font-weight:600;padding:10px;text-align:left;width:100%}.expense-settings-item:hover{background:#ecf7fd;border-left:2px solid #205e85;border-radius:0;width:100%}.eb-modal{display:flex;flex-direction:column;max-height:calc(100vh - 32px);overflow:hidden}.eb-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.eb-head-left{grid-gap:4px;display:grid;gap:4px}.ec-content{padding:16px}.ec-grid{grid-gap:14px;display:grid;gap:14px}.ec-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.ec-panel-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.ec-panel-title{color:#0f172a;font-weight:800}.ec-panel-hint{color:#64748b;font-size:13px;white-space:nowrap}.ec-add-row{display:flex;gap:8px;margin-top:10px}.ec-input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex:1 1;font-size:.95rem;outline:none;padding:10px 12px}.ec-input:focus{border-color:#b9d6e4;box-shadow:0 0 0 3px #27546626}.ec-list{grid-gap:8px;display:grid;gap:8px;margin-top:10px}.ec-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:10px;justify-content:space-between;padding:10px}.ec-item.is-disabled{background:#f8fafc}.ec-item-left{align-items:center;display:flex;gap:10px;min-width:0}.ec-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:42px}.ec-toggle:hover{background:#f6fbff}.ec-item-label{color:#0f172a;font-weight:700;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ec-item-badge{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#64748b;font-size:12px;padding:3px 8px;white-space:nowrap}.ec-remove{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#1e293b;cursor:pointer;font-weight:700;padding:8px 10px}.ec-remove:hover{background:#f1f5f9}.ec-btn{border:none;border-radius:10px;cursor:pointer;font-weight:800;padding:10px 14px}.ec-btn-primary{background:#275466;color:#fff}.ec-btn-primary:hover{background:#1e293b}.ec-btn-primary:disabled{cursor:not-allowed;opacity:.6}.ec-btn-ghost{background:#eef5f8;border:1px solid #d7e6ee;color:#275466}.ec-btn-ghost:hover{background:#e4f2f8}@media (max-width:720px){.ec-content{padding:14px}.ec-add-row{flex-direction:column}.ec-btn{width:100%}.ec-item-label{max-width:180px}}.ex-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:56px 18px;text-align:center}.ex-empty__img{margin-bottom:14px;max-width:100%;width:min(340px,92%)}.ex-empty__title{color:#0f172a;font-size:18px;font-weight:800;margin:0 0 6px}.ex-empty__text{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 14px;max-width:560px}.ex-empty__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:14px}.ex-empty__btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#0f172a;cursor:pointer;font-weight:700;padding:10px 14px}.ex-empty__btn.primary{background:#2f4d66;border-color:#2f4d66;color:#fff}.ex-empty__btn:hover{transform:translateY(-1px)}.ex-empty__steps{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px}.ex-empty__step{background:#fafafa;border:1px solid #e5e7eb;color:#0f172a;font-size:13px;font-weight:700;gap:8px;padding:8px 12px}.ex-empty__chip,.ex-empty__step{align-items:center;border-radius:999px;display:inline-flex}.ex-empty__chip{background:#f7a520;color:#fff;font-size:12px;font-weight:800;height:22px;justify-content:center;width:22px}.ex-empty__hint{color:#64748b;font-size:13px;margin-top:6px;max-width:640px}.ex-noresults{background:#fafafa;border:1px dashed #e5e7eb;border-radius:14px;padding:22px 18px}.ex-noresults__title{color:#0f172a;font-weight:800;margin-bottom:4px}.ex-noresults__text{color:#64748b;font-size:13px;margin-bottom:12px}.ex-noresults__actions{display:flex;flex-wrap:wrap;gap:10px}.ex-noresults__btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#0f172a;cursor:pointer;font-weight:700;padding:9px 12px}.ex-empty__step.done{background:#f0fdf4;border-color:#bbf7d0;color:#065f46}.ex-empty__chip.done{background:#16a34a;color:#fff}:root{--hc-bg:#0b1220;--hc-grad1:#6366f1;--hc-grad2:#22d3ee;--hc-grad3:#a78bfa;--hc-card:#fff;--hc-ink:#0f172a;--hc-ink-2:#334155;--hc-ink-3:#64748b;--hc-line:#e5e7eb}.hc-wrap{background:#fff;padding:0 4px 30px 54px}.hc-hero{border-radius:20px;margin:10px 0 18px;overflow:hidden;position:relative}.hc-hero-bg{background:radial-gradient(1200px 400px at 10% -10%,#6366f159,#0000 50%),radial-gradient(1000px 500px at 90% -20%,#22d3ee59,#0000 55%),linear-gradient(180deg,#f8fafc,#fff);inset:0;position:absolute}.hc-hero-content{padding:28px 22px 20px;position:relative}.hc-hero h1{color:#0f172a;color:var(--hc-ink);font-size:28px;letter-spacing:.2px;margin:0 0 6px}.hc-hero p{color:#64748b;color:var(--hc-ink-3);margin:0 0 14px}.hc-search{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--hc-line);border-radius:12px;box-shadow:0 1px 0 #0f172a0a;display:flex;gap:10px;padding:10px 12px}.hc-search svg{color:#64748b;color:var(--hc-ink-3)}.hc-search input{background:#0000;border:none;color:#0f172a;color:var(--hc-ink);font-size:15px;outline:none;width:100%}.hc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hc-chip{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--hc-line);border-radius:999px;color:#334155;color:var(--hc-ink-2);cursor:pointer;font-size:13px;padding:6px 10px}.hc-chip.active{background:linear-gradient(90deg,#6366f1,#22d3ee);background:linear-gradient(90deg,var(--hc-grad1),var(--hc-grad2));border-color:#0000;color:#fff}.hc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90%,1fr))}.hc-card{border:1px solid #d2d2d2;border-radius:16px;margin-bottom:12px;position:relative}.hc-card-border{border-radius:16px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute}.hc-card-body{grid-gap:12px;background:#fff;background:var(--hc-card);border-radius:16px;box-shadow:0 8px 30px #0208170f;display:grid;gap:12px;padding:16px;position:relative;transition:transform .15s ease,box-shadow .15s ease}.hc-card:hover .hc-card-body{box-shadow:0 12px 36px #0208171a;transform:translateY(-2px)}.hc-card-head{display:flex;gap:12px}.hc-icon{background:linear-gradient(135deg,#6366f126,#22d3ee26);border-radius:12px;display:grid;flex:none;font-size:20px;height:44px;place-items:center;width:44px}.hc-icon,.hc-meta h3{color:#0f172a;color:var(--hc-ink)}.hc-meta h3{margin:0 0 4px}.hc-meta p{color:#64748b;color:var(--hc-ink-3);margin:0}.hc-tagline{display:flex;flex-wrap:wrap;gap:6px}.hc-tag{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:12px;padding:3px 8px}.hc-actions{display:flex;gap:8px;justify-content:flex-end}.hc-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--hc-line);border-radius:10px;color:#0f172a;color:var(--hc-ink);cursor:pointer;padding:8px 12px}.hc-btn:hover{background:#f8fafc}.hc-btn.primary{background:#111827;border-color:#111827;color:#fff}.hc-btn.primary:hover{opacity:.95}.hc-btn.ghost{background:#fff;border-color:#e5e7eb;color:#111827}.hc-details{grid-gap:10px;border-top:1px dashed #e5e7eb;border-top:1px dashed var(--hc-line);display:grid;gap:10px;padding-top:10px}.hc-details h4,.hc-steps{color:#334155;color:var(--hc-ink-2);margin:0}.hc-steps{grid-gap:6px;display:grid;gap:6px;padding-left:18px}.hc-faqs{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;padding:0}.hc-faqs .q{color:#0f172a;color:var(--hc-ink);font-weight:600}.hc-faqs .a{color:#64748b;color:var(--hc-ink-3)}.hc-footer{margin-top:18px}.hc-footer-inner{align-items:center;background:linear-gradient(180deg,#fff,#fbfdff);border:1px dashed #e5e7eb;border:1px dashed var(--hc-line);border-radius:14px;display:flex;justify-content:space-between;padding:16px}.hc-footer .muted{color:#64748b;color:var(--hc-ink-3);font-size:14px}.hc-btn.outline{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--hc-line);color:#111827}@media (max-width:560px){.hc-grid{grid-template-columns:1fr}}.hc-modal-backdrop{background:#00000059;display:grid;inset:0;place-items:center;position:fixed;z-index:50}.hc-modal{animation:hcPop .14s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:640px;overflow:hidden;width:100%}.hc-modal-foot,.hc-modal-head{align-items:center;display:flex;gap:12px;padding:16px 20px}.hc-modal-head{border-bottom:1px solid #eee;justify-content:space-between}.hc-modal-foot{border-top:1px solid #eee;justify-content:flex-end}.hc-modal-body{grid-gap:12px;display:grid;gap:12px;padding:16px 20px}.hc-field{grid-gap:6px;display:grid;gap:6px}.hc-field>input,.hc-field>select,.hc-field>textarea{border:1px solid #ddd;border-radius:8px;padding:10px 12px;width:100%}.hc-grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.hc-close{background:none;border:0;cursor:pointer;font-size:22px}@keyframes hcPop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hc-wrap{overflow-x:hidden}@media (max-width:640px){.hc-wrap{padding:0 12px 24px!important}.hc-hero{border-radius:16px;margin:8px 0 14px}.hc-hero-content{padding:18px 14px 14px}.hc-hero h1{font-size:22px;line-height:1.15}.hc-hero p{font-size:14px;line-height:1.35}.hc-search{border-radius:12px;padding:10px 12px}.hc-chips{gap:8px}.hc-chip{font-size:12.5px;padding:7px 10px}.hc-grid{gap:12px;grid-template-columns:1fr!important}.hc-card-body{gap:10px;padding:14px}.hc-card-head{gap:10px}.hc-icon{border-radius:12px;font-size:18px;height:40px;width:40px}.hc-meta h3{font-size:16px}.hc-meta p{font-size:13.5px;line-height:1.35}.hc-tag{font-size:11.5px;padding:3px 8px}.hc-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;justify-content:stretch}.hc-btn{border-radius:12px;padding:10px 12px;width:100%}.hc-details h4{font-size:14px}.hc-faqs .a,.hc-steps{font-size:13.5px;line-height:1.45}.hc-footer-inner{align-items:flex-start;flex-direction:column;gap:10px}.hc-hero-actions{align-items:stretch;flex-direction:column}.hc-hero-actions .hc-btn{width:100%}.hc-modal{border-radius:14px;margin:0 12px;max-width:calc(100vw - 24px)}.hc-grid-2{grid-template-columns:1fr}}@media (max-width:380px){.hc-wrap{padding:0 10px 20px!important}.hc-hero h1{font-size:20px}.hc-chip{font-size:12px;padding:6px 9px}}.quick-guide-container{background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;font-family:Inter,sans-serif;margin:3rem auto;padding:2.5rem;width:90%}.quick-guide-title{color:#385a77;font-size:2.4rem;font-weight:800;letter-spacing:-.01em;margin-bottom:.6rem}.quick-guide-subtext{color:#4b5563;font-size:1rem;line-height:1.45;margin-bottom:1.5rem}.progress-summary{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.progress-percentage{color:#66bad4;font-size:.95rem;font-weight:700;min-width:110px}.progress-bar{background-color:#e5e7eb;border-radius:999px;flex:1 1;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2196f3,#64b5f6);border-radius:999px;height:100%;transition:width .4s ease-in-out}.checklist{list-style:none;margin:0;padding:0}.checklist li{align-items:center;background-color:#eef6ff;border:1px solid #2563eb1f;border-radius:14px;cursor:pointer;display:flex;gap:.9rem;margin-bottom:.9rem;min-height:64px;padding:1rem 1.1rem;position:relative;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}.checklist li:hover{background-color:#e3f2fd;box-shadow:0 10px 24px #00000014;transform:translateY(-2px)}.checklist li.done{background-color:#ecfdf3;border:1px solid #10b9812e;color:#166534;font-weight:600}.checklist li.pending{background-color:#eef6ff;color:#1e40af}.icon{align-items:center;background:#ffffffa6;border:1px solid #0000000f;border-radius:12px;display:flex;font-size:1.35rem;height:42px;justify-content:center;line-height:1;width:42px}.icon-done{color:#16a34a}.icon-pending{color:#205e85}.label{color:inherit;flex:1 1;font-size:1.05rem;font-weight:600;line-height:1.2}@media (max-width:768px){.quick-guide-container{border-radius:18px;box-shadow:0 10px 30px #00000014;margin:1.25rem auto;padding:1.35rem;width:calc(100% - 24px)}.quick-guide-title{font-size:1.65rem;text-align:left}.quick-guide-subtext{font-size:.95rem;margin-bottom:1.2rem}.progress-summary{gap:.75rem}.progress-percentage{font-size:.9rem;min-width:auto}.progress-bar{height:9px}.checklist li{border-radius:16px;margin-bottom:.85rem;padding:.95rem 1rem}.icon{border-radius:14px;font-size:1.25rem;height:44px;width:44px}.label{font-size:1rem}}@media (max-width:420px){.quick-guide-container{padding:1.15rem;width:calc(100% - 18px)}.quick-guide-title{font-size:1.55rem}.quick-guide-subtext{font-size:.92rem}.checklist li{min-height:66px}.label{font-size:.98rem}}.payroll-wrapper{background:#fff;margin-left:0;margin-right:auto;padding:1.5rem 2rem;width:100%}.payroll-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.payroll-header>div:first-child{max-width:520px}.payroll-header h1{color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.payroll-subtitle{color:#6b7280;font-size:.95rem}.payroll-loading{color:#6b7280;padding:2rem 0}.payroll-settings-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:999px;box-shadow:0 1px 3px #0f172a14;color:#374151;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.4rem .95rem;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}.payroll-settings-btn:hover{background:#f9fafb;border-color:#0ea5e9;box-shadow:0 4px 12px #0f172a1f}.payroll-settings-btn:active{box-shadow:0 1px 3px #0f172a2e;transform:translateY(1px)}.payroll-settings-icon{color:#0ea5e9}.payroll-controls{grid-gap:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:grid;gap:1rem;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1.2fr)) minmax(0,2fr);margin-top:1.5rem;padding:1rem 1.25rem}.payroll-field-group{display:flex;flex-direction:column;gap:.35rem}.payroll-label{color:#4b5563;font-size:.8rem;font-weight:500}.payroll-input{border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:.9rem;padding:.4rem .6rem}.payroll-input:disabled{background:#f3f4f6;color:#9ca3af}.payroll-pill-group{background:#e5f5ff;border-radius:999px;display:inline-flex;padding:3px}.payroll-pill-group-sm{background:#e6ffe2;border-radius:999px;display:inline-flex;padding:0 15px}.pills{background:#0000;border:none;border-radius:999px;color:#0369a1;cursor:pointer;font-size:.8rem;margin-bottom:7px;padding:.3rem 1.2rem}.pills-active{background:#205e85;color:#f9fafb}.pills:focus-visible{outline:2px solid #0ea5e9;outline-offset:1px}.payroll-actions{display:flex}.payroll-export-container{margin-left:20px}.payroll-generate-btn{align-items:center;background:linear-gradient(135deg,#10b981,#0ea5e9);border:none;border-radius:999px;box-shadow:0 8px 20px #0f172a38;color:#ecfdf5;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.45rem;justify-content:center;letter-spacing:.02em;padding:.55rem 1.6rem;position:relative;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease,opacity .12s ease}.payroll-generate-btn:hover:not(:disabled){box-shadow:0 12px 28px #0f172a40;filter:brightness(1.03);transform:translateY(-1px)}.payroll-generate-btn:active:not(:disabled){box-shadow:0 6px 16px #0f172a38;transform:translateY(0)}.payroll-generate-btn.is-loading{cursor:progress;opacity:.85}.payroll-generate-btn.is-loading:before{animation:payroll-spin .7s linear infinite;border-color:#ecfdf5 #0000 #ecfdf599 #ecfdf599;border-radius:999px;border-style:solid;border-width:2px;content:"";display:inline-block;height:14px;width:14px}.payroll-generate-btn:disabled{box-shadow:none;opacity:.55}.payroll-range-label{white-space:nowrap}@keyframes payroll-spin{to{transform:rotate(1turn)}}.payroll-generate-btn:disabled{cursor:default;opacity:.6}.payroll-range-label{font-size:.8rem}.payroll-body{margin-top:1.25rem}.payroll-error{color:#b91c1c;font-size:.9rem;margin-bottom:.75rem}.payroll-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:.9rem 1.1rem}.payroll-summary>div{min-width:140px}.summary-label{color:#6b7280;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.summary-value{color:#111827;font-size:1.1rem;font-weight:600}.payroll-empty-state{background:#f9fafb;border:1px dashed #d1d5db;border-radius:12px;padding:1.5rem;text-align:left}.payroll-empty-state h2{color:#111827;font-size:1.05rem;font-weight:600;margin-bottom:.25rem}.payroll-empty-state p{color:#6b7280;font-size:.93rem}.payroll-note{color:#6b7280;font-size:.8rem;margin-top:.5rem}.payroll-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px}.payroll-table-scroll{overflow-x:auto}.payroll-table{border-collapse:collapse;font-size:.9rem;width:100%}.payroll-table td,.payroll-table th{border-bottom:1px solid #e5e7eb;padding:.6rem .9rem;text-align:left}.payroll-table th{background:#f9fafb;color:#6b7280;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.payroll-table tbody tr:nth-child(2n){background-color:#fafafa}.payroll-modal-backdrop{align-items:center;background:#0f172a59;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:50}.payroll-modal{background:#fff;border-radius:16px;box-shadow:0 24px 48px #0f172a38;max-height:80vh;max-width:880px;overflow-y:auto;padding:1.5rem 1.75rem 1.4rem;width:100%}.payroll-modal-title{color:#111827;font-size:1.2rem;font-weight:600}.payroll-modal-subtitle{color:#6b7280;font-size:.9rem;margin-top:.25rem}.payroll-modal-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:1.25rem;padding:1rem 1.1rem}.payroll-modal-section h4{color:#111827;font-size:.95rem;font-weight:600;margin:0 0 .55rem}.payroll-radio-group{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.4rem}.payroll-radio{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:18px;cursor:pointer;display:flex;flex-direction:column;min-width:110px;padding:.6rem 1.1rem .8rem;position:relative;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.payroll-radio input[type=radio]{cursor:pointer;inset:0;opacity:0;position:absolute}.payroll-radio span{color:#4b5563;font-size:.8rem;text-align:center}.payroll-radio span:before{background:#fff;border:2px solid #d1d5db;border-radius:999px;box-shadow:inset 0 0 0 1px #94a3b880;content:"";display:block;height:64px;margin-bottom:.35rem;width:64px}.payroll-radio input[type=radio]:checked+span:before{background:radial-gradient(circle at center,#10b981 0,#10b981 45%,#fff 47%);border-color:#059669;box-shadow:0 0 0 5px #bbf7d0,inset 0 0 0 1px #10b98199}.payroll-radio input[type=radio]:checked+span{color:#047857;font-weight:600}.payroll-radio:hover{background:#ecfeff;border-color:#0ea5e9}.payroll-checkbox{align-items:center;color:#374151;display:flex;font-size:.9rem;gap:.5rem;margin-top:.6rem}.payroll-checkbox input[type=checkbox]{accent-color:#10b981;height:16px;width:16px}.payroll-overtime-grid{grid-gap:1.25rem;align-items:flex-start;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1.2fr) minmax(0,1.5fr);margin-top:.9rem}.payroll-overtime-basis .payroll-label{display:block;margin-bottom:.4rem}.payroll-overtime-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-hint{color:#6b7280;font-size:.78rem;margin-top:.35rem}.payroll-modal-footer{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1.3rem}.payroll-modal-primary,.payroll-modal-secondary{border:1px solid #0000;border-radius:999px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.45rem 1.3rem;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.payroll-modal-secondary{background:#fff;border-color:#d1d5db;color:#374151}.payroll-modal-secondary:hover{background:#f9fafb;border-color:#9ca3af}.payroll-modal-primary{background:#10b981;border-color:#059669;box-shadow:0 1px 3px #10b98173;color:#ecfdf5}.payroll-modal-primary:hover{background:#059669;border-color:#047857}.payroll-modal-primary:disabled,.payroll-modal-secondary:disabled{box-shadow:none;cursor:default;opacity:.6}@media (max-width:1024px){.payroll-controls{grid-template-columns:minmax(0,1fr)}.payroll-actions{align-items:flex-start}}@media (max-width:900px){.payroll-overtime-grid,.payroll-overtime-inputs{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.payroll-header{align-items:flex-start;flex-direction:column}.payroll-settings-btn{align-self:stretch;justify-content:center}.payroll-modal-backdrop{padding:.75rem}.payroll-modal{padding:1.25rem 1.25rem 1.3rem}}.payroll-schedule-meta{color:#4b5563;display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}.payroll-schedule-pill{align-items:center;background:#e0f2fe;border-radius:999px;color:#0369a1;display:inline-flex;font-weight:500;padding:.2rem .7rem}.payroll-schedule-anchor{color:#6b7280;font-size:.8rem}.payroll-export-btn{background:#fff;border:1px solid #d1d5db;border-radius:999px;color:#374151;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem 1.2rem;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform .08s ease,opacity .12s ease}.payroll-export-btn:hover:not(:disabled){background:#f9fafb;border-color:#0ea5e9;box-shadow:0 4px 10px #0f172a26}.payroll-export-btn:active:not(:disabled){box-shadow:0 1px 4px #0f172a33;transform:translateY(1px)}.payroll-export-btn:disabled{box-shadow:none;cursor:default;opacity:.5}.payroll-range-label{color:#6b7280;font-size:.78rem}.payroll-modal-header-row{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.payroll-modal-badge{align-self:flex-start;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;color:#047857;font-size:.75rem;font-weight:500;padding:.25rem .9rem;white-space:nowrap}.payroll-steps-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.9rem}.payroll-step-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:.2rem;padding:.7rem .8rem}.payroll-step-number{align-items:center;background:#a7f3d0;border-radius:999px;color:#064e3b;display:inline-flex;font-size:.75rem;font-weight:600;height:22px;justify-content:center;margin-bottom:.2rem;width:22px}.payroll-step-card h5{color:#111827;font-size:.85rem;font-weight:600;margin:0}.payroll-step-card p{color:#6b7280;font-size:.78rem;margin:0}.payroll-section-header{display:flex;flex-direction:column;gap:.1rem;margin-bottom:.5rem}.payroll-section-caption{color:#6b7280;font-size:.8rem}.payroll-radio span{align-items:center;display:flex;flex-direction:column;gap:.15rem}.payroll-radio span small{color:#6b7280;font-size:.7rem;max-width:150px}.payroll-config-summary{background:#f9fafb;border:1px dashed #d1d5db;border-radius:10px;color:#374151;font-size:.83rem;margin-top:1rem;padding:.8rem 1rem}.payroll-config-summary h4{font-size:.9rem;font-weight:600;margin-bottom:.25rem}@media (max-width:800px){.payroll-steps-row{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.payroll-modal-header-row{flex-direction:column}}body{background-color:#fff}.companysetup-page{align-items:center;background-color:#f4fbfe;display:flex;justify-content:center;padding:28px;width:100%}.companystyle{display:block}.companysetup-container{display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:780px;padding:3rem 2.5rem 2.5rem;position:relative;width:100%}.companysetup-container h2{color:#385a77;font-size:26px;font-weight:800;margin-bottom:4px;text-align:center}.companysetup-container>p{color:#4e7c91;font-size:14px;margin-bottom:24px;text-align:center}.companysetup-form{display:flex;flex-direction:column}.companysetup-form label{color:#385a77;font-size:16px;font-weight:800}.companysetup-form p{color:#5c7380;font-size:12.5px;margin-bottom:10px}.companysetup-form input{background-color:#fff;border:1px solid #b4d8e9;border-radius:8px;font-size:14px;margin-bottom:12px;padding:12px;transition:border-color .3s ease,box-shadow .3s ease}.companysetup-form input:focus{background-color:#fff;border-color:#2e7da8;box-shadow:0 0 5px #2e7da84d;outline:none}.company-grid{gap:20px;margin-bottom:15px}.company-gridinput{display:flex;flex-direction:column}.companysetup-form .react-select__control{background-color:#f7fbfc;border-color:#ddd;border-radius:8px;box-shadow:none;font-size:14px;margin-bottom:12px;min-height:46px;transition:border-color .3s ease,box-shadow .3s ease}.companysetup-form .react-select__control--is-focused{border-color:#34667c;box-shadow:0 0 5px #34667c40}.companysetup-form .react-select__menu{border-radius:8px;box-shadow:0 4px 12px #0000001f;font-size:14px}.companysetup-form .react-select__option--is-focused{background-color:#e6f3f9}.register-loading-text{color:#385a77;font-size:1rem;font-weight:600;margin-top:12px}.companysetup-submit{background:linear-gradient(90deg,#1b3c4a,#3e85a8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:24px;padding:12px;transition:background .3s ease}.companysetup-submit:disabled{background:#b0b0b0;cursor:not-allowed}.companysetup-submit:hover:enabled{background:linear-gradient(90deg,#154257,#2e6b8c)}.error-message{color:red;font-size:13px;margin-top:14px;text-align:center}.company-animation{background-color:#275466;padding:2rem;width:50%}.company-animation,.company-animation-content{align-items:center;display:flex;justify-content:center}.company-animation-content{animation:fadeSlideUp 1.5s ease forwards;color:#fff;flex-direction:column;height:100%;text-align:center}.company-animation-text h3{animation:fadeIn 2s ease 1.2s forwards;font-size:24px;font-weight:600;margin-top:0;opacity:0}.company-typewriter-header{color:#103c4a;margin-bottom:30px;text-align:center}.company-typewriter-header h2{color:#fff;font-size:20px;font-weight:600;min-height:60px}.wizard-steps{gap:12px;margin:10px 0 22px}.wizard-step,.wizard-steps{align-items:center;display:flex}.wizard-step{color:#8aa3b1;font-size:14px;font-weight:600;gap:8px}.wizard-step span{align-items:center;background:#ddeaf2;border-radius:50%;color:#275466;display:inline-flex;font-weight:700;height:26px;justify-content:center;width:26px}.wizard-step.active{color:#275466}.wizard-step.active span{background:#3e85a8;color:#fff}.wizard-connector{background:#ddeaf2;border-radius:2px;flex:1 1;height:3px}.wizard-connector.active{background:#3e85a8}.wizard-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.wizard-back{background:#fff;border:1px solid #b4d8e9;border-radius:8px;color:#275466}.wizard-back,.wizard-next{cursor:pointer;font-weight:600;padding:10px 16px}.wizard-next{background:linear-gradient(90deg,#1b3c4a,#3e85a8);border:none;border-radius:8px;color:#fff}@media (max-width:900px){.wizard-actions{justify-content:space-between}.wizard-step{font-size:13px}.wizard-step span{height:24px;width:24px}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@media (max-width:1024px){.company-animation{display:none}.companysetup-container{width:100vw}}.companysetup-section{background:#fff;border:1px solid #d6eaf5;border-radius:10px;margin-top:10px;padding:14px}.multi-toggle-row{align-items:center;display:flex;gap:14px;justify-content:space-between}.multi-toggle-label strong{color:#103c4a;display:block;font-size:14px;font-weight:700}.multi-toggle-label span{color:#5c7380;display:block;font-size:12.5px;margin-top:2px}.companysetup-toggle{display:inline-block;height:26px;position:relative;width:46px}.companysetup-toggle input{height:0;opacity:0;width:0}.companysetup-toggle .slider{background:#ddeaf2;border-radius:999px;cursor:pointer;inset:0;position:absolute;transition:.25s}.companysetup-toggle .slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000001f;content:"";height:20px;left:3px;position:absolute;top:3px;transition:.25s;width:20px}.companysetup-toggle input:checked+.slider{background:#3e85a8}.companysetup-toggle input:checked+.slider:before{transform:translateX(20px)}.locations-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:12px}.locations-header h3{color:#103c4a;font-size:16px;font-weight:700;margin:0}.locations-header p{color:#5c7380;font-size:12.5px;margin:4px 0 0;max-width:520px}.btn-light{background:#fff;border:1px solid #b4d8e9;border-radius:8px;color:#275466;cursor:pointer;font-weight:600;height:40px;padding:0 14px;white-space:nowrap}.btn-light:hover,.location-card{background:#f7fbfc}.location-card{border:1px solid #d6eaf5;border-radius:12px;margin-top:12px;padding:14px}.location-card-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.location-card-head h4{color:#103c4a;font-size:14px;font-weight:700;margin:0}.btn-ghost{border:1px solid #b4d8e9;border-radius:8px;color:#275466;font-weight:600;height:32px;padding:0 12px}.btn-ghost:hover{background:#fff9}.companysetup-page,.companystyle{height:auto;min-height:100vh}@media (max-width:768px){.companysetup-page{background:#f2fafe;padding:0}.companystyle{display:block;height:auto}.company-animation{display:none}.companysetup-container{max-width:520px;width:100%}.companysetup-container h2{font-size:22px;line-height:1.2;margin-bottom:8px}.companysetup-container>p{font-size:13px;margin-bottom:16px}.company-grid{gap:14px;grid-template-columns:1fr;margin-bottom:8px}.companysetup-form input{font-size:14px;padding:13px 12px}.companysetup-form .react-select__control{min-height:48px}.wizard-steps{flex-wrap:wrap;gap:10px;margin:10px 0 16px}.wizard-step{font-size:13px;justify-content:flex-start;width:100%}.wizard-connector{display:none}.wizard-actions{flex-direction:column;gap:10px;margin-top:14px}.companysetup-submit,.wizard-back,.wizard-next{border-radius:12px;height:48px;padding:0;width:100%}.locations-header{align-items:stretch;flex-direction:column;gap:10px}.btn-light{border-radius:12px;height:44px;width:100%}.location-card-head{gap:10px}.btn-ghost{border-radius:10px;height:36px}}@media (max-width:390px){.companysetup-page{padding:0}.companysetup-container h2{font-size:20px}.wizard-step span{height:24px;width:24px}}.companysetup-hero{grid-gap:16px;align-items:center;background:#0000;display:grid;gap:16px;margin:18px 0;padding:16px}.companysetup-hero-img{display:block;height:auto;max-height:240px;object-fit:contain;width:100%}.companysetup-hero-badge{align-items:center;color:#275466;display:inline-flex;font-size:13px;font-weight:700;gap:10px;margin-bottom:8px}.companysetup-hero-badge span{align-items:center;background:#3e85a8;border-radius:999px;color:#fff;display:inline-flex;font-size:13px;height:28px;justify-content:center;width:28px}.companysetup-hero-title{color:#103c4a;font-size:18px;font-weight:800;line-height:1.2;margin:0}.companysetup-hero-sub{color:#5c7380;font-size:13px;line-height:1.45;margin:8px 0 0}.companysetup-submit:hover,.wizard-back:hover,.wizard-next:hover{transform:translateY(-1px);transition:transform .15s ease}.companysetup-submit:active,.wizard-back:active,.wizard-next:active{transform:translateY(0) scale(.98)}.companysetup-page{overflow:hidden;position:relative}.companysetup-page:before{animation:oiikoGlowDrift 12s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#3e85a81f,#0000 45%),radial-gradient(circle at 80% 70%,#2754661a,#0000 50%);content:"";filter:blur(8px);inset:-20%;opacity:.9;pointer-events:none;position:absolute;transform:translateZ(0);z-index:0}.companysetup-container,.companystyle{position:relative;z-index:1}@keyframes oiikoGlowDrift{0%{transform:translate(-1%,-1%) scale(1)}50%{transform:translate(1%,1%) scale(1.03)}to{transform:translate(-1%,-1%) scale(1)}}@media (prefers-reduced-motion:reduce){.companysetup-page:before{animation:none}}.setup-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f4fbfeb8;display:grid;inset:0;padding:18px;place-items:center;position:fixed;z-index:9999}.setup-overlay-card{animation:setupPop .24s ease-out;background:#fff;border:1px solid #d6eaf5;border-radius:14px;box-shadow:0 10px 28px #103c4a1f;padding:18px;text-align:center;width:min(520px,92vw)}@keyframes setupPop{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.setup-seq-title{color:#103c4a;font-size:15px;font-weight:800;margin-top:6px}.setup-seq-list{grid-gap:10px;display:grid;gap:10px;margin-top:14px;text-align:left}.setup-seq-row{align-items:center;background:#f7fbfc;border:1px solid #0000;border-radius:10px;display:flex;gap:10px;padding:10px 12px}.setup-seq-row.active{background:#eef8fd;border-color:#b4d8e9}.setup-seq-row.done{opacity:.9}.setup-seq-icon{align-items:center;background:#ddeaf2;border-radius:999px;color:#275466;display:inline-flex;font-size:13px;font-weight:900;height:22px;justify-content:center;width:22px}.setup-seq-row.done .setup-seq-icon{background:#3e85a8;color:#fff}.setup-seq-text{color:#275466;font-size:13.5px;font-weight:700}.setup-progress{margin:10px 0 16px}.setup-progress-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.setup-progress-label{color:#1f3b52;font-size:.9rem;font-weight:600}.setup-progress-count{color:#5b7286;font-size:.85rem;font-weight:600}.setup-progress-track{background:#1f3b5214;border-radius:999px;height:8px;overflow:hidden;width:100%}.setup-progress-fill{background:linear-gradient(90deg,#1b3c4a,#3e85a8);border-radius:999px;height:100%;transition:width .25s ease}.employee-logout{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem;right:2rem;top:0;transition:background .2s ease}.employee-logout:hover{background-color:#0a8f501a}.employee-logout-icon{color:#fff;font-size:18px}.employee-logout-label{font-weight:600;margin-left:.5rem}@media (min-width:768px){.employee-logout{align-items:center;background:#ffffff1a;border:1px solid #ffffff38;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;gap:10px;height:44px;padding:0 14px;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.employee-logout:hover{background:#ffffff29;box-shadow:0 8px 16px #0000002e;transform:translateY(-2px)}.employee-logout-icon{color:#fff;font-size:18px}}body,html{box-sizing:border-box;width:100%}*,:after,:before{box-sizing:inherit}.employeedashboard-container{background:#f4fcff;color:#102333;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;width:100vw}.employeedashboard-nav{align-items:center;background:#2f4d66;box-shadow:0 2px 6px #0000001f;color:#fff;display:flex;height:70px;justify-content:space-between;padding:0 2rem;width:100%;z-index:10}.nav-left{align-items:center;display:flex;gap:0}.brand-logoemp{height:48px;object-fit:contain;width:48px}.nav-text-block{display:flex;flex-direction:column}.welcome-text{font-size:1.4rem;font-weight:500;margin:0}.welcome-subtitle{color:#ffffffd9;font-size:.85rem;margin:2px 10px 0}.nav-right button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:.95rem}.employeedashboard-main{flex:1 1;margin:0 auto;max-width:1200px;padding:1.75rem 2rem 2.5rem;width:100%}.employeedashboard-header-row{margin-bottom:1.5rem}.dashboard-title{color:#1f3444;font-size:1.4rem;font-weight:600;margin:0}.dashboard-subtitle{color:#5c6c7a;font-size:.95rem;margin-top:.35rem}.employeedashboard-icons{grid-gap:1.6rem;display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));width:100%}.employeeicon-link{animation:fadeSlideIn .45s ease forwards;color:inherit;opacity:0;text-decoration:none;transform:translateY(10px)}.icon-wrapper{background:linear-gradient(135deg,#2f4d66,#385a73);border:1px solid #ffffff0f;border-radius:14px;box-shadow:0 6px 12px #00000012,0 2px 4px #0000000d;flex-direction:column;height:180px;padding:1.75rem 1.25rem;text-align:center;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;width:100%}.icon-circle,.icon-wrapper{align-items:center;display:flex;justify-content:center}.icon-circle{background:#ffffff1f;border-radius:999px;box-shadow:0 0 0 1px #ffffff1a;padding:.9rem}.icon-style{color:#fff;font-size:32px}.icon-titles{color:#ffffffed;font-size:1.1rem;font-weight:500;margin:.9rem 0 0}.employeeicon-link:hover .icon-wrapper{background:linear-gradient(135deg,#30465b,#396a84);box-shadow:0 12px 22px #0000002e,0 5px 10px #00000024;transform:translateY(-6px)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.employeedashboard-main{padding:1.5rem 1.25rem 2.25rem}.employeedashboard-nav{padding:0 1.25rem}}@media (max-width:600px){.employeedashboard-nav{align-items:center;flex-direction:row;height:auto;padding:.75rem 1rem}.welcome-text{font-size:1.2rem}.employeedashboard-main{padding:1.25rem 1rem 2rem}.dashboard-title{font-size:1.25rem}.icon-wrapper{height:160px}.company-logo{display:none}}.nav-right{align-items:center;display:flex;gap:12px}.employee-nav-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff38;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;gap:10px;height:44px;padding:0 14px;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.employee-nav-btn:hover{background:#ffffff29;box-shadow:0 8px 16px #0000002e;transform:translateY(-2px)}.employee-nav-btn:active{transform:translateY(0) scale(.98)}.employee-nav-icon{color:#fff;font-size:16px}.employee-nav-label{font-size:.92rem;font-weight:700;letter-spacing:.2px;white-space:nowrap}@media (max-width:600px){.employee-nav-label{display:none}.employee-nav-btn{justify-content:center;padding:0;width:44px}}.employee-bell-wrap{position:relative}.employee-bell-btn{background:#ffffff1a;border:1px solid #ffffff38;border-radius:12px;cursor:pointer;display:grid;height:44px;place-items:center;position:relative;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;width:44px}.employee-bell-btn:hover{background:#ffffff29;box-shadow:0 8px 16px #0000002e;transform:translateY(-2px)}.employee-bell-btn:active{transform:translateY(0) scale(.98)}.employee-bell-icon{color:#fff;font-size:18px}.employee-bell-badge{background:#ef4444;border-radius:999px;box-shadow:0 10px 18px #00000038;color:#fff;display:grid;font-size:12px;font-weight:800;height:18px;min-width:18px;padding:0 6px;place-items:center;position:absolute;right:12px;top:20px}.employee-notif-panel{animation:notifPop .12s ease-out;background:#fff;border:1px solid #0f172a1a;border-radius:14px;box-shadow:0 16px 38px #00000047;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);transform-origin:top right;width:min(420px,92vw);z-index:999}.employee-notif-panel:before{background:#fff;border-left:1px solid #0f172a14;border-top:1px solid #0f172a14;content:"";height:14px;position:absolute;right:14px;top:-7px;transform:rotate(45deg);width:14px}@keyframes notifPop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.employee-notif-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:20px 14px}.employee-notif-title{color:#295b6f;font-size:14px;font-weight:800}.employee-notif-list{max-height:420px;overflow:auto}.employee-notif-empty{color:#6b7280;font-size:13px;padding:14px}.employee-notif-item{background:#fff;border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px 14px;position:relative;transition:background .15s ease}.employee-notif-item:hover{background:#f9fafb}.employee-notif-item.unread{background:#f0f9ff}.employee-notif-item.unread:before{background:#2f4d66;border-radius:999px;bottom:10px;content:"";left:0;position:absolute;top:10px;width:3px}.employee-notif-row1{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.employee-notif-item-title{color:#111827;font-size:13px;font-weight:800}.employee-notif-item-date{color:#6b7280;font-size:12px;white-space:nowrap}.employee-notif-item-msg{color:#374151;font-size:13px;margin-top:6px}.employee-notif-item-meta{color:#6b7280;font-size:12px;margin-top:6px}@media (max-width:520px){.employee-notif-panel{right:50%;transform:translateX(50%);transform-origin:top center;width:min(420px,94vw)}.employee-notif-panel:before{right:50%;transform:translateX(50%) rotate(45deg)}}.employee-notif-overlay{background:#02061773;inset:0;position:fixed;z-index:998}.employee-notif-close{background:red;border:1px solid #0f172a1f;border-radius:10px;color:red;cursor:pointer;display:grid;font-weight:900;height:32px;place-items:center;width:32px}.employee-notif-close:hover{background:#f3f4f6}@media (max-width:520px){.employee-notif-panel{animation:sheetUp .14s ease-out;border-radius:18px;bottom:12px;left:50%;max-height:calc(100vh - 90px);position:fixed;right:auto;top:10%;transform:translateX(-50%);width:min(520px,calc(100vw - 24px));z-index:999}.employee-notif-panel:before{display:none}.employee-notif-list{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 170px);overflow:auto}.employee-notif-header{background:#fff;padding:16px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:2}}@keyframes sheetUp{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.98)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.reset-container{align-items:center;background-color:#f1f4f6;display:flex;font-family:Inter,sans-serif;height:100vh;justify-content:center}.reset-box{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000f;max-width:420px;padding:3rem 2.5rem;text-align:center;width:100%}.reset-box h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.instruction{color:#555;font-size:.95rem;margin-bottom:2rem}.reset-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{position:relative}.input-group input{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.8rem 4rem .8rem 1rem;width:100%}.toggle-visibility{color:#16477e;cursor:pointer;font-size:.9rem;font-weight:500;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.reset-button{background-color:#275466;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem;transition:background .3s ease}.reset-button:hover{background-color:#347088}.error-text{color:red;font-size:.9rem;margin-top:1rem}:root{--bg:#f7f8fa;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--ring:#2f4d662e;--radius:14px}#root,body,html{height:100%}body{background:#f7f8fa;background:var(--bg);color:#1f2937;color:var(--text)}.pr-wrap{margin:0 auto;max-width:1200px;padding:24px 20px 64px}.pr-breadcrumb{color:#6b7280;color:var(--muted);font-size:14px;font-weight:700;margin:0 0 10px}.pr-breadcrumb a{color:#2f4d66;color:var(--brand);text-decoration:underline}.pr-card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 6px 24px #0000000a;padding:20px}.pr-header{align-items:center;display:flex;gap:16px;margin-bottom:18px;padding:18px 20px}.pr-avatar{background:#e6f1ff;border-radius:999px;box-shadow:0 2px 8px #0000000f;color:#2f4d66;color:var(--brand);display:grid;flex:0 0 84px;height:84px;place-items:center;width:84px}.pr-avatar svg{font-size:56px}.pr-head-main{flex:1 1;min-width:0}.pr-head-main h1{font-size:20px;font-weight:900;margin:0 0 4px}.pr-sub{color:#6b7280;color:var(--muted);margin:0}.pr-email{line-height:1.25;overflow-wrap:anywhere;word-break:break-word}.pr-head-actions{align-items:center;display:flex;justify-content:flex-end}.pr-sticky-actions{display:flex;gap:10px}.btn-primary{background:#2f4d66;background:var(--brand);border:none;border-radius:12px;box-shadow:0 8px 24px #2f4d6638;color:#fff;cursor:pointer;font-weight:800;padding:10px 18px}.btn-primary:hover{filter:brightness(.95)}.btn-ghost{background:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;color:#111827;cursor:pointer;font-weight:800;padding:10px 16px}.pr-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr}@media (min-width:900px){.pr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.pr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pr-section-title{color:#0f172a;font-size:13px;font-weight:900;letter-spacing:.06em;margin:0 0 12px;text-transform:uppercase}.pr-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.pr-field label{color:#334155;font-size:13px;font-weight:800}.pr-field input,.pr-field select{background:#fafafa;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;font-size:15px;min-height:44px;padding:12px 14px;width:100%}.pr-field input:disabled{background:#f7f7f7;color:#6b7280}.pr-input-edit{background:#fff!important;border-color:#2f4d66!important;border-color:var(--brand)!important;box-shadow:0 0 0 4px #2f4d662e;box-shadow:0 0 0 4px var(--ring)}.pr-address-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.skeleton{animation:sheen 1.2s linear infinite;background:linear-gradient(90deg,#eee,#f7f7f7,#eee);border-radius:12px;min-height:80px}@keyframes sheen{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@media (max-width:640px){.pr-wrap{padding:14px 12px calc(96px + env(safe-area-inset-bottom))}.pr-card{border-radius:16px;padding:16px}.pr-header{align-items:flex-start;flex-direction:column;gap:12px}.pr-avatar{flex:0 0 64px;height:64px;width:64px}.pr-avatar svg{font-size:44px}.pr-head-main h1{font-size:18px;margin-bottom:2px}.pr-head-actions{justify-content:stretch;width:100%}.pr-edit-btn{border-radius:12px;padding:12px 16px;width:100%}.pr-address-grid{grid-template-columns:1fr}.pr-grid{gap:14px}.pr-section-title{margin-bottom:10px}}.pr-mobile-savebar{display:none}@media (max-width:640px){.pr-mobile-savebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #e5e7ebe6;border-radius:16px;bottom:calc(12px + env(safe-area-inset-bottom));box-shadow:0 18px 48px #0000002e;display:flex;gap:10px;left:12px;padding:10px;position:fixed;right:12px;z-index:9999}.pr-mobile-savebar .btn-ghost,.pr-mobile-savebar .btn-primary{border-radius:12px;flex:1 1;padding:12px 14px}.pr-editing .pr-head-actions{display:none}}.tm-wrapper{background:linear-gradient(90deg,#1a2124,#34667c);display:flex;flex-direction:column;min-height:100vh;width:100vw}.employeetime-nav{align-items:center;background-color:initial;display:flex;height:60px;margin-top:0;padding:1rem 2rem}.employeetime-breadcrumb{color:#fff;font-size:.95rem;font-weight:600}.employeetime-breadcrumb a{color:#fff;text-decoration:underline}.employeetime-breadcrumb a:hover{color:#fff}.tm-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin:2rem auto;max-width:1000px;padding:1.5rem 2rem}.tm-btn{background:linear-gradient(90deg,#1a2124,#34667c);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.2rem}.tm-btn-outline{background:none;border:2px solid #2f7e3e;border-radius:6px;color:#2f7e3e;cursor:pointer;font-weight:500;padding:.4rem .8rem}.tm-date{font-weight:500;margin-bottom:.5rem}.tm-off{color:#007bff;font-weight:600}.tm-holiday{color:#e53935}.tm-holiday,.tm-shift{font-weight:600}.tm-log-table{border-collapse:collapse;margin-top:1rem;width:100%}.tm-log-table td,.tm-log-table th{border-bottom:1px solid #ddd;padding:.75rem 1rem;text-align:left}.tm-error{color:red;font-weight:600;margin-top:1rem;text-align:center}.tm-clockbar{background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;margin:8px 0 14px;padding:10px 14px}.tm-clockline{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px}.tm-clock-label{color:#ddd;font-weight:600;opacity:.9}.tm-clock-value{font-feature-settings:"tnum";color:#ddd;font-variant-numeric:tabular-nums;letter-spacing:.3px}.employeeSchedule-wrapper{background-color:#f4fcff;display:flex;flex-direction:column;min-height:100vh;width:100%}.employeeschedule-nav{align-items:center;display:flex;height:56px;padding:14px 16px}.employeeschedule-breadcrumb{color:#4a5b62;font-size:.95rem;font-weight:650}.employeeschedule-breadcrumb a{color:#4a5b62;text-decoration:underline}.employeeSchedule-container{background-color:#fff;border-radius:14px;box-shadow:0 2px 14px #0000000f;font-family:Inter,Segoe UI,sans-serif;margin:18px auto;overflow:hidden;width:min(1100px,calc(100% - 24px))}.employeeSchedule-header{background:linear-gradient(90deg,#1a2124,#34667c);color:#fff;padding:18px}.employeeSchedule-header h2{font-size:1.4rem;letter-spacing:.2px;margin:0}.employeeSchedule-header p{font-weight:500;margin:8px 0 0;opacity:.95}.recurring-note{color:#ffffffd9;font-style:normal;font-weight:500;margin-left:8px}.loader-inline{display:grid;padding:2rem;place-items:center}.loader-label{color:#475569;font-weight:600;margin-top:8px}.week-nav{align-items:center;background:#fbfdff;border-bottom:1px solid #eef2f6;display:flex;gap:10px;padding:12px 16px}.week-nav__center{margin:0 auto}.week-chip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;font-size:.95rem;padding:8px 14px}.week-chip,.wkbtn{align-items:center;color:#0f172a;display:inline-flex;font-weight:700}.wkbtn{background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;gap:8px;padding:9px 12px;transition:background .15s ease,border-color .15s ease}.wkbtn--ghost:hover{background:#f8fafc;border-color:#cbd5e1}.legend{background:#fbfdff;border-bottom:1px solid #eef2f6;display:flex;flex-wrap:wrap;gap:10px 14px;padding:12px 16px}.legend-item{align-items:center;color:#334155;display:inline-flex;font-size:.95rem;font-weight:650;gap:8px}.legend-swatch{border-radius:4px;box-shadow:inset 0 0 0 1px #00000014;height:14px;width:14px}.employeeSchedule-table{border-collapse:collapse;font-size:1rem;width:100%}.employeeSchedule-table td{border-bottom:1px solid #eef2f6;padding:14px 16px}.employeeSchedule-table .day-row:nth-of-type(4n+1) td{background:#fff}.employeeSchedule-table .day-row:nth-of-type(4n+3) td{background:#f7fff8}.day-row td{vertical-align:middle}.day-left{color:#0f172a;font-weight:650}.day-right{color:#0f172a;text-align:right}.day-time{font-size:1.02rem}.timeline-row td{padding-bottom:16px;padding-top:6px}.timeline{background:#f1f5fb;border:1px solid #d9e3ef;border-radius:12px;height:52px;margin:8px 16px 6px;overflow:hidden;position:relative}.bar{align-items:center;border-radius:10px;display:flex;font-size:13px;font-weight:800;height:32px;justify-content:center;padding:0 10px;position:absolute;top:10px;white-space:nowrap}.bar.shift{background:linear-gradient(180deg,#d6eafc,#c7e2fb);box-shadow:inset 0 0 0 1px #08192c1f;color:#0b2942}.bar.activity{border:1px solid #00000024;box-shadow:0 2px 8px #00000024;color:#fff;height:28px;top:12px}.bar-label{pointer-events:none;text-shadow:0 1px 2px #0003}.time-axis{color:#64748b;display:flex;font-size:12px;font-weight:700;justify-content:space-between;margin:0 16px 14px}.time-axis span:first-child,.time-axis span:last-child{color:#334155}.employeeSchedule-error{color:#b00020;font-weight:650;padding:14px 16px}.employeeSchedule-empty{color:#334155;font-weight:650;padding:16px}@media (max-width:640px){.employeeSchedule-container{border-radius:16px;width:calc(100% - 16px)}.employeeschedule-nav{padding:12px 14px}.employeeSchedule-header{padding:18px 16px}.employeeSchedule-header h2{font-size:1.5rem}.employeeSchedule-header p{font-size:.95rem;line-height:1.3}.week-nav{flex-wrap:wrap;row-gap:10px}.week-nav__center{display:flex;justify-content:center;order:3;width:100%}.wkbtn{border-radius:14px;font-size:.95rem;padding:10px 12px}.week-chip{font-size:.95rem;justify-content:center;text-align:center;width:100%}.day-row{display:table-row}.day-left,.day-right{display:block;text-align:left;width:100%}.day-right{margin-top:6px}.timeline{margin:8px 12px 6px}.time-axis{margin:0 12px 14px}}.day-right-stack{display:flex;flex-direction:column;gap:4px}.day-worksite{color:#64748b;font-size:12px}:root{--pill:#eef6ff;--warn:#d97706;--success:#16a34a}.employeeleave-container{background:#f6f9fb;background:var(--bg);min-height:100vh;padding:24px}.employeeleave-nav{margin:0 auto 6px;max-width:1040px}.employeeleave-breadcrumb{color:#6b7b88;color:var(--muted);font-size:14px;font-weight:700}.employeeleave-breadcrumb a{color:#2f4d66;color:var(--brand);text-decoration:underline}.el-header{align-items:flex-end;display:flex;justify-content:space-between;margin:0 auto 14px;max-width:1040px}.el-title{color:#1f3e55;color:var(--ink);font-size:28px;margin:0}.el-sub{color:#6b7b88;color:var(--muted);margin-top:4px}.employeeleave-tabs{border-bottom:1px solid #e8edf2;border-bottom:1px solid var(--line);display:flex;gap:8px;margin:10px auto 14px;max-width:1040px}.employeeleave-tab{background:#fff;border:1px solid #0000;border-bottom:none;border-top-left-radius:10px;border-top-right-radius:10px;color:#1f3e55;color:var(--ink);cursor:pointer;font-weight:800;padding:10px 14px}.employeeleave-tab:hover{border-color:#e8edf2;border-color:var(--line)}.employeeleave-tab.active{background:#fff;border-color:#cfeaff;box-shadow:0 6px 20px #1018280f}.el-card{background:#fff;border:1px solid #e8edf2;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #1018280a;margin:0 auto;max-width:1040px;padding:16px}.el-row{grid-gap:14px 18px;display:grid;gap:14px 18px;grid-template-columns:1fr 1fr}@media (max-width:720px){.el-row{grid-template-columns:1fr}}.el-label{color:#1f3e55;color:var(--ink);display:block;font-size:14px;font-weight:800;margin-bottom:6px}.el-file,.el-input,.el-select,.el-textarea{background:#fff;border:1px solid #e8edf2;border:1px solid var(--line);border-radius:10px;font-size:14px;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.el-textarea{min-height:44px;resize:vertical}.el-file:focus,.el-input:focus,.el-select:focus,.el-textarea:focus{border-color:#b8d9ff;box-shadow:0 0 0 4px #3884ff1f}.el-hint{color:#6b7b88;color:var(--muted);font-size:13px}.el-inline{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pill{background:#eef6ff;background:var(--pill);border:1px solid #d8eaff;color:#0f3b64;gap:6px}.btn{padding:11px 14px}.el-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:900px){.el-list{grid-template-columns:1fr}}.el-item{background:#fff;border:1px solid #e8edf2;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:14px}.el-item h4{color:#1f3e55;color:var(--ink);font-size:16px;font-weight:900;margin:0}.el-meta{color:#6b7b88;color:var(--muted);font-size:14px}.status-pend{background:#fff7ed;border:1px solid #fde2c5;color:#b45309}.status-appr{background:#ecfdf5;border:1px solid #c8f3e2;color:#047857}.status-rej{border:1px solid #ffd7d7;color:#b91c1c}.el-empty{color:#6b7b88;color:var(--muted);padding:24px 8px;text-align:center}@media (max-width:640px){.employeeleave-container{overflow-x:hidden;padding:16px 12px 80px}.employeeleave-nav{margin-bottom:8px}.employeeleave-breadcrumb{font-size:13px}.el-header{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:10px}.el-title{font-size:24px;letter-spacing:-.2px}.el-sub{font-size:13.5px;line-height:1.35}.employeeleave-tabs{-webkit-overflow-scrolling:touch;border-bottom:none;gap:10px;overflow-x:auto;padding:0 2px;scrollbar-width:none}.employeeleave-tabs::-webkit-scrollbar{display:none}.employeeleave-tab{background:#fff;border:1px solid #e8edf2;border:1px solid var(--line);border-radius:999px;box-shadow:0 6px 16px #1018280d;font-size:13px;padding:10px 14px;white-space:nowrap}.employeeleave-tab.active{background:#2f4d66;background:var(--brand);border-color:#2f4d66;border-color:var(--brand);box-shadow:0 10px 24px #10182814;color:#fff}.el-card{border-radius:16px;padding:14px}.el-file,.el-input,.el-select,.el-textarea{border-radius:12px;font-size:15px;padding:12px}.el-label{font-size:13px}.el-hint,.el-meta{font-size:12.5px;line-height:1.35}.pill{font-size:12px;padding:6px 10px}.el-item h4{font-size:15px;line-height:1.2}.el-item .el-inline[style*=space-between]{align-items:flex-start;flex-direction:column;gap:6px}.el-item a.el-hint{background:#f8fbff;border:1px solid #e8edf2;border:1px solid var(--line);border-radius:12px;display:inline-flex;font-weight:800;margin-top:8px;padding:8px 10px;text-decoration:none;width:-webkit-fit-content;width:fit-content}}.leave-status-badge.cancelled{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}@media (max-width:520px){.el-card form>div[style*="display: flex"][style*=gap]{flex-direction:column!important;gap:12px!important}}.employeeexpense-container{background:#f1f3f5;margin:0 auto;min-height:100vh;padding:3rem 1rem;width:100vw}.employeeexpense-nav{align-items:center;background:#0000;display:flex;height:60px;padding:1rem 2rem}.employeeexpense-breadcrumb{color:#4a5b62;font-size:.95rem;font-weight:600}.employeeexpense-breadcrumb a{color:#4a5b62;text-decoration:underline}.ex-header{margin:0 auto 10px;max-width:1200px;padding:0 8px}.ex-title{color:#1f3e55;font-size:28px;line-height:1.2;margin:0}.ex-sub{color:#6b7b88;margin-top:4px}.employeeexpense-tabs{border-bottom:1px solid #e0e0e0;display:flex;justify-content:center;margin:12px auto 16px;max-width:960px}.employeeexpense-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#555;cursor:pointer;font-weight:700;padding:12px 18px;transition:color .2s,border-color .2s}.employeeexpense-tab.active{border-bottom-color:#4a5b62;color:#4a5b62}.ex-card{background:#fff;border:1px solid #e8edf2;border-radius:14px;box-shadow:0 10px 30px #1018280a;margin:0 auto 16px;max-width:1000px;padding:16px 16px 14px}.ex-row{grid-gap:14px 20px;display:grid;gap:14px 20px;grid-template-columns:1fr 1fr}@media (max-width:720px){.ex-row{grid-template-columns:1fr}}.ex-label{color:#1f3e55;display:block;font-weight:800;margin-bottom:4px}.ex-file,.ex-input,.ex-select,.ex-textarea{background:#fafafa;border:1px solid #e8edf2;border-radius:10px;font-size:14px;outline:none;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.ex-textarea{min-height:80px;resize:vertical}.ex-input:focus,.ex-select:focus,.ex-textarea:focus{border-color:#b8d9ff;box-shadow:0 0 0 4px #3884ff1f}.ex-hint{color:#6b7b88;font-size:13px;margin-top:6px}.ex-empty{color:#6b7b88;padding:8px 0}.ex-meta{color:#6b7b88;font-size:13px}.ex-inline{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.btn{border-radius:999px;transition:background .15s ease,border-color .15s ease}.btn-block{justify-content:center;width:100%}.pill{background:#f8fbff;display:inline-block;font-weight:800;padding:4px 10px}.status-pend{background:#fff8eb;border-color:#fde9c3;color:#8a5b0a}.status-appr{background:#ecfdf3;border-color:#c4f0d4;color:#05603a}.status-rej{background:#fef2f2;border-color:#fbd5d5;color:#991b1b}.ex-list{grid-gap:10px;display:grid;gap:10px}.ex-item{background:#fff;border:1px solid #e8edf2;border-radius:12px;padding:12px 14px}.employeeexpense-error{color:#b91c1c;margin-top:12px;text-align:center}.employeeexpense-container{overflow-x:hidden}@media (max-width:640px){.employeeexpense-container{padding:1.25rem .75rem 3.5rem;width:100%}.employeeexpense-nav{height:auto;padding:12px 10px}.employeeexpense-breadcrumb{font-size:.9rem}.ex-header{margin-bottom:8px;padding:0 2px}.ex-title{font-size:24px;letter-spacing:-.2px}.ex-sub{font-size:13.5px;line-height:1.35}.employeeexpense-tabs{-webkit-overflow-scrolling:touch;border-bottom:none;gap:10px;justify-content:flex-start;margin:12px auto 14px;overflow-x:auto;padding:0 2px;scrollbar-width:none}.employeeexpense-tabs::-webkit-scrollbar{display:none}.employeeexpense-tab{background:#fff;border:1px solid #dbe3ea;border-radius:999px;box-shadow:0 6px 16px #1018280d;font-size:13px;padding:10px 14px;white-space:nowrap}.employeeexpense-tab.active{background:#2f4d66;border-color:#2f4d66;color:#fff}.ex-card{border-radius:16px;margin-bottom:14px;padding:14px 14px 12px}.ex-file,.ex-input,.ex-select,.ex-textarea{border-radius:12px;font-size:15px;padding:12px}.ex-label{font-size:13px}.ex-hint{font-size:12.5px;line-height:1.35}.ex-row{gap:12px}.btn.btn-block{border-radius:14px;padding:12px 14px}.ex-item{border-radius:14px;padding:12px}.ex-item h4{font-size:15px;line-height:1.2;margin:0}.ex-inline{gap:8px}.ex-inline[style*=space-between]{align-items:flex-start;flex-direction:column}.pill{margin-top:6px}.ex-item a.ex-hint{background:#f8fbff;border:1px solid #e8edf2;border-radius:12px;display:inline-flex;font-weight:700;margin-top:8px;padding:8px 10px;text-decoration:none}.ex-item .ex-hint strong{color:#1f3e55}}.doc-link{align-items:center;background:#f8fbff;border:1px solid #2f4d66;border-radius:12px;color:#2f4d66;cursor:pointer;display:inline-flex;font-weight:900;justify-content:center;padding:10px 12px;text-decoration:none;width:-webkit-fit-content;width:fit-content}.doc-link:hover{background:#eef6ff}body,html{background-color:#f1f3f5;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100%;margin:0;padding:0}.employeetraining-container{background-color:#f1f3f5;display:flex;flex-direction:column;width:100vw}.employeetraining-nav{align-items:center;background:#2f4d66;color:#fff;display:flex;height:70px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.employeetraining-nav-left{align-items:center;display:flex;gap:.5rem}.company-logo{height:32px;width:auto}.employeetraining-nav h1{color:#fff;font-size:1.2rem;font-weight:600}.employeetraining-nav-tabs{align-items:flex-end;display:flex;gap:2rem}.training-tab{background:none;border:none;color:#cbd5f5;cursor:pointer;font-size:.95rem;font-weight:500;padding:0;position:relative}.training-tab:after{background:#0000;border-radius:999px 999px 0 0;bottom:-8px;content:"";height:3px;left:0;position:absolute;right:0}.training-tab.active{color:#fff;font-weight:600}.training-tab.active:after{background:#fff}.employeetraining{box-sizing:border-box;margin:0 auto;min-height:calc(100vh - 70px);padding:1.5rem 3rem 2rem;width:100%}.employeetraining-error{color:#b91c1c;font-size:.95rem}.training-dashboard{display:flex;flex-direction:column;gap:1.5rem}.training-progress-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0f172a14;padding:1.25rem 1.5rem .25rem}.training-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.training-progress-title-block{align-items:center;display:flex;gap:.75rem}.training-progress-icon{align-items:center;background:#e5f0ff;border-radius:999px;display:flex;font-size:1.1rem;height:34px;justify-content:center;width:34px}.training-progress-title{color:#111827;font-size:.95rem;font-weight:600}.training-progress-subtitle{color:#6b7280;font-size:.8rem}.training-progress-percent{color:#1f2937;font-size:.9rem;font-weight:500}.training-progress-bar-outer{background:#dde3ea;border-radius:999px;height:18px;overflow:hidden;width:100%}.training-progress-bar-inner{background:#253b72;border-radius:999px;height:100%;transition:width .3s ease}.training-progress-footer{align-items:center;background:#dbe7f5;border-radius:0 0 8px 8px;display:flex;gap:.75rem;justify-content:space-between;margin-left:-1.5rem;margin-right:-1.5rem;margin-top:.9rem;padding:.8rem 1.5rem}.training-progress-footer-left{color:#111827;font-size:.85rem}.training-progress-footer-btn{background:#253b72;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.45rem 1.3rem}.training-progress-footer-btn:disabled{cursor:default;opacity:.6}.training-assignments-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0f172a14;padding:1rem 1.5rem 1.25rem}.training-assignments-table{border-collapse:collapse;font-size:.9rem;width:100%}.training-assignments-table td,.training-assignments-table th{border-bottom:1px solid #e5e7eb;padding:.7rem 0;text-align:left}.training-assignments-table th{color:#374151;font-size:.86rem;font-weight:600}.training-assignments-table td{color:#111827}.training-assignments-table tr:last-child td{border-bottom:none}.training-assignments-empty{color:#6b7280;padding:1.2rem 0;text-align:center}.employeetraining-banner-wrapper{display:flex;height:29vh;justify-content:center;padding:0}.employeetraining-complete-banner{align-content:center;background-color:#fff;box-shadow:0 2px 4px #0000000a;color:#34667c;font-size:1.1rem;height:100%;padding:1.5rem;text-align:center;width:80%}.employeetraining-complete-banner h2{font-size:1.3rem}.employeetraining-scrollable{box-sizing:border-box;flex:1 1;overflow-y:auto;padding:1rem}.employeetraining-grid{grid-gap:1rem;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(90%,1fr));height:-webkit-max-content;height:max-content;justify-items:center;margin-top:0;padding:0 1rem;width:100%}.employeetraining-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 30px #00000017;box-sizing:border-box;display:flex;flex-direction:row;padding:1rem;transition:transform .2s ease,box-shadow .2s ease;width:80%}.employeetraining-card:hover{box-shadow:0 6px 25px #00000014;transform:translateY(-2px)}.training-thumb{align-items:center;background-color:#2f4c8d;border-radius:12px;display:flex;flex-shrink:0;height:220px;justify-content:center;margin-right:20px;width:280px}.training-thumb-icon{color:#fff;opacity:.9}.employeetraining-thumbnail{aspect-ratio:16/9;border-radius:8px;margin-bottom:0;object-fit:cover;padding-right:15px;width:35%}.employeetraining-card-body{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.employeetraining-card h3{color:#1f2937;font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.employeetraining-card-body p{color:#4b5563;font-size:.95rem;line-height:1.5;margin-bottom:.5rem}.employeetraining-deadline{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:.4rem;margin-bottom:.25rem}.employeetraining-link{align-self:flex-start;background-color:#1a3e74;border:none;color:#fff;cursor:pointer;font-size:.9rem;padding:12px 5px;width:20%}.employeetraining-link:hover{color:#7cc5e5}.employeetraining-status-row{align-items:center;display:flex;margin-top:10px}.employeetraining-status-badge{font-size:.9rem;font-weight:600;margin-left:0;padding:.3rem 0}.employeetraining-status-badge.completed{color:#15803d}.employeetraining-status-badge.in-progress{color:#d97706}.employeetraining-status-badge.overdue{color:#b91c1c}.employeetraining-complete-btn{background-color:#fff;border:1px solid #34667c;border-radius:9px;color:#000;cursor:pointer;font-size:.9rem;font-weight:600;margin-left:auto;padding:.5rem 1.25rem;transition:background .2s ease;white-space:nowrap}.employeetraining-complete-btn:hover{background-color:#34667c;color:#fff}.employeetraining-modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.employeetraining-modal-content{background:#fff;border-radius:10px;max-height:900px;overflow-y:auto;padding:2rem;position:relative;width:50%}.employeetraining-modal-close{background:none;border:none;color:#636363;cursor:pointer;font-size:1.25rem;position:absolute;right:1rem;top:1rem}.employeetraining-video-wrapper{grid-gap:.75rem;display:grid;gap:.75rem}.employeetraining-video-controls{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:auto 1fr auto auto}.video-btn{background:#fff;border:1px solid #34667c;border-radius:8px;color:#0f172a;cursor:pointer;font-weight:600;padding:.5rem .9rem}.video-btn:hover{background:#eef6fa}.video-timer{color:#374151;font-size:.9rem;justify-self:start}.video-progress-rail{align-self:center;background:#e5e7eb;border-radius:999px;height:10px;overflow:hidden;pointer-events:none;position:relative}.video-progress-watched{background:#34667c;height:100%}.video-progress-head{background:#0f172a;height:16px;position:absolute;top:-3px;width:2px}@media (max-width:900px){.employeetraining{padding:1.25rem 1rem 1.5rem}.training-progress-footer{align-items:flex-start;flex-direction:column}.training-progress-footer-btn{align-self:flex-end}.employeetraining-modal-content{width:90%}}@media (max-width:800px){.employeetraining-grid{grid-template-columns:1fr}.employeetraining-card{flex-direction:column;width:100%}.training-thumb{aspect-ratio:16/9;height:auto;margin-bottom:1rem;margin-right:0;width:100%}.employeetraining-link{width:40%}}@media (max-width:640px){.employeetraining-nav{padding:0 1rem}.employeetraining-nav-tabs{gap:1rem}.training-progress-footer{padding-inline:1rem}}.training-finished-banner{align-items:center;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:8px;color:#166534;display:flex;font-size:.9rem;gap:.75rem;justify-content:space-between;margin-top:1rem;padding:.75rem 1rem}.training-finished-btn{background:#16a34a;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.45rem .9rem;white-space:nowrap}.training-finished-btn:hover{filter:brightness(1.05)}:root{--bg:#f5f7fb;--line:#e5e7eb;--accent:#275466;--accent-ink:#1e3d4a;--tab-bg:#eef2f6}.employeesubmit-outer{background:#f5f7fb;background:var(--bg);min-height:100vh;padding:96px 24px 48px}.employeesubmit-breadcrumbbar{margin:0 auto 8px;max-width:1100px}.employeesubmit-breadcrumb{color:#64748b;color:var(--muted);font-size:.95rem;font-weight:600}.employeesubmit-breadcrumb a{color:#64748b;color:var(--muted);text-decoration:underline}.employeesubmit-breadcrumb a:hover{color:#0f172a;color:var(--ink)}.employeesubmit-header{align-items:end;display:flex;justify-content:space-between;margin:0 auto 16px;max-width:1100px}.employeesubmit-header h1{color:#0f172a;color:var(--ink);font-size:1.75rem;margin:0 0 4px}.employeesubmit-tabs{background:#eef2f6;background:var(--tab-bg);border-radius:12px;display:flex;gap:6px;justify-content:center;margin:0 auto 16px;max-width:1100px;padding:6px}.employeesubmit-tab{background:#0000;border:0;border-radius:10px;color:#64748b;color:var(--muted);cursor:pointer;font-weight:700;padding:10px 16px;transition:background .2s ease,color .2s ease}.employeesubmit-tab.active{background:#fff;border:1px solid #27546626;box-shadow:var(--shadow);color:#0f172a}.employeesubmit-card{background:#fff;background:var(--card);border-radius:14px;box-shadow:var(--shadow);margin:0 auto;max-width:1100px;padding:24px}.es-alert{border-radius:10px;font-weight:600;margin-bottom:12px;padding:12px 14px}.es-alert--error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.employeesubmit-form{width:100%}.es-grid{grid-gap:16px 20px;display:grid;gap:16px 20px;grid-template-columns:1fr 1fr}.es-field label{color:#0f172a;color:var(--ink);display:block;font-weight:700;margin:0 0 6px}.es-field input,.es-field select,.es-field textarea{background:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:10px;font-size:.95rem;padding:10px 12px;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;width:100%}.es-field input:focus,.es-field select:focus,.es-field textarea:focus{background:#fff;border-color:#275466;border-color:var(--accent);box-shadow:0 0 0 3px #2f946126;outline:none}.es-col-span-2{grid-column:span 2}.es-actions{margin-top:8px}.es-filewrap{align-items:center;display:flex;gap:10px}.es-filewrap input[type=file]{display:none}.es-filebtn{background:#f8fafc;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:10px;cursor:pointer;display:inline-block;font-weight:700;padding:9px 14px}.es-filebtn:hover{background:#f1f5f9}.es-filename{color:#64748b;color:var(--muted);font-size:.9rem}.employeesubmit-submit{background:linear-gradient(90deg,#1e3d4a,#275466);background:linear-gradient(90deg,var(--accent-ink),var(--accent));border:0;border-radius:999px;box-shadow:0 8px 24px #2f946140;color:#fff;cursor:pointer;font-weight:800;margin-top:10px;padding:14px 18px;transition:transform .08s ease,filter .2s ease;width:100%}.employeesubmit-submit:disabled{cursor:not-allowed;opacity:.7}.employeesubmit-submit:hover{filter:brightness(1.03)}.employeesubmit-submit:active{transform:translateY(1px)}.employeesubmit-history-controls{align-items:center;display:flex;gap:10px;margin-bottom:12px}.employeesubmit-history-controls label{color:#0f172a;color:var(--ink);font-weight:700}.employeesubmit-table-wrapper{overflow-x:auto}.employeesubmit-table{border-collapse:collapse;font-size:.93rem;min-width:960px;width:100%}.employeesubmit-table thead th{background:#f1f5f9;color:#0f172a;color:var(--ink);position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.employeesubmit-table td,.employeesubmit-table thead th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--line);padding:10px 12px}.employeesubmit-table td{vertical-align:top}.employeesubmit-table tbody tr:nth-child(2n){background:#fafbfc}.es-titlecell{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-badge{border:1px solid #0000;border-radius:999px;display:inline-block;font-size:.8rem;font-weight:800;padding:4px 10px}.es-badge.open{background:#e6f4ff;border-color:#bae6fd;color:#075985}.es-badge.in-progress{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.es-badge.closed{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.es-empty{padding:36px 12px;text-align:center}.es-empty h3{color:#0f172a;color:var(--ink);margin:0 0 6px}@media (max-width:900px){.employeesubmit-outer{padding:84px 16px 36px}.employeesubmit-tabs{width:100%}.es-grid{grid-template-columns:1fr}.es-col-span-2{grid-column:span 1}}@media (max-width:640px){.employeesubmit-outer{overflow-x:hidden;padding:72px 12px}.employeesubmit-header{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:12px}.employeesubmit-header h1{font-size:1.5rem;letter-spacing:-.2px}.employeesubmit-header .muted{font-size:.9rem;line-height:1.35}.employeesubmit-tabs{-webkit-overflow-scrolling:touch;gap:8px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.employeesubmit-tabs::-webkit-scrollbar{display:none}.employeesubmit-tab{font-size:.9rem;padding:10px 14px;white-space:nowrap}.employeesubmit-card{border-radius:16px;padding:16px}.es-field input,.es-field select,.es-field textarea{background:#fff;border-radius:12px;font-size:1rem;padding:12px}.es-field label{font-size:.9rem}.es-filewrap{align-items:flex-start;flex-direction:column;gap:8px}.es-filebtn{border-radius:12px;padding:12px 14px;text-align:center;width:100%}.es-filename{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.employeesubmit-submit{border-radius:999px;padding:14px 18px}.employeesubmit-history-controls{align-items:stretch;flex-direction:column;gap:8px}.employeesubmit-history-controls select{border-radius:12px;padding:12px;width:100%}.employeesubmit-table{border-collapse:initial;border-spacing:0 12px;font-size:.95rem;min-width:0;width:100%}.employeesubmit-table thead{display:none}.employeesubmit-table tbody tr{grid-gap:10px 12px;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 18px #0f172a0f;display:grid;gap:10px 12px;grid-template-columns:1fr 1fr;padding:14px}.employeesubmit-table td{border-bottom:none;padding:0;vertical-align:top}.employeesubmit-table td:first-child,.employeesubmit-table td:nth-child(3),.employeesubmit-table td:nth-child(9){grid-column:1/-1}.es-titlecell{color:#0f172a;color:var(--ink);font-weight:800;line-height:1.25;max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.employeesubmit-table td:before{color:#64748b;color:var(--muted);display:block;font-size:.72rem;font-weight:800;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.employeesubmit-table td:first-child:before{content:"Created"}.employeesubmit-table td:nth-child(2):before{content:"Ticket ID"}.employeesubmit-table td:nth-child(3):before{content:"Title"}.employeesubmit-table td:nth-child(4):before{content:"Category"}.employeesubmit-table td:nth-child(5):before{content:"Status"}.employeesubmit-table td:nth-child(6):before{content:"Impact"}.employeesubmit-table td:nth-child(7):before{content:"Urgency"}.employeesubmit-table td:nth-child(8):before{content:"Priority"}.employeesubmit-table td:nth-child(9):before{content:"Comment"}.employeesubmit-table td:nth-child(10):before{content:"Attachment"}.employeesubmit-table td:nth-child(10) a{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;display:inline-flex;font-weight:800;justify-content:center;padding:10px 12px;text-decoration:none;width:100%}}.sla-settings.modern{--ring:#256d34;--muted:#6b7280;--panel:#fff;--line:#e5e7eb;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;margin:0 auto;max-width:840px}.sla-head{align-items:flex-end;gap:16px;margin-bottom:16px}.sla-head h2{font-size:1.35rem;font-weight:800;letter-spacing:.2px;margin:0 0 6px}.sla-head .muted{color:var(--muted);margin:0}.kbd-hint{color:var(--muted);font-size:.85rem}.sla-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}@media (max-width:820px){.sla-grid{grid-template-columns:1fr}}.priority-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px #0000000a;padding:14px}.priority-card header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.priority-card h3{font-size:.95rem;font-weight:800;letter-spacing:.5px;margin:0}.priority-card .dot{border-radius:999px;display:inline-block;height:10px;width:10px}.priority-card.critical .dot{background:#ef4444}.priority-card.high .dot{background:#f59e0b}.priority-card.medium .dot{background:#3b82f6}.priority-card.low .dot{background:#10b981}.priority-card .row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:560px){.priority-card .row{grid-template-columns:1fr}}label{color:#374151;display:flex;flex-direction:column;font-size:.9rem;gap:6px}label>span{font-weight:600}.input-suffix{align-items:center;background:#f8fafc;border:1px solid #d1d5db;border-radius:10px;display:grid;grid-template-columns:1fr auto;overflow:hidden}.input-suffix input{background:#0000;border:0;font-size:.95rem;outline:none;padding:10px 12px}.input-suffix .suffix{background:#fff;border-left:1px solid #e5e7eb;color:#6b7280;font-size:.85rem;padding:0 10px}.hint{color:#6b7280;font-size:.8rem}.options{margin-top:10px}.opt-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1.2fr 1fr 1fr}.opt-row.two-cols{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1.2fr 1fr}@media (max-width:820px){.opt-row,.opt-row.two-cols{grid-template-columns:1fr}}.stack{display:flex;flex-direction:column;gap:6px}.checkbox{align-items:center;color:#374151;display:flex;gap:8px}.inline-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;margin-left:6px;padding:6px 8px}.badge{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#1e3a8a;display:inline-block;font-size:.75rem;margin-left:8px;padding:2px 8px}.timezone{margin:8px 2px 0}.sla-actions{background:linear-gradient(180deg,#fff0,#fff 35%);border-top:1px solid var(--line);bottom:-1px;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding:12px 0 2px;position:-webkit-sticky;position:sticky}.sla-actions .ghost{background:#0000;border:1px solid var(--line);border-radius:10px;color:#374151;cursor:pointer;font-weight:600;padding:10px 14px}.sla-actions .primary{background:#256d34;border:0;border-radius:10px;box-shadow:0 2px 0 #00000026;color:#fff;cursor:pointer;font-weight:700;padding:10px 16px;transition:transform .05s ease,box-shadow .2s ease}.sla-actions .primary:hover{box-shadow:0 4px 14px #256d3440}.sla-actions .primary.loading{cursor:wait}.sla-actions .primary.saved{transform:translateY(-1px)}.sla-settings-loading{color:#6b7280;padding:24px;text-align:center}.sla-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.sla-head-right{align-items:center;display:flex;gap:8px}.sla-last-saved{color:#6b7280;font-size:.8rem;margin-top:4px}.sla-saved-pill{align-items:center;animation:sla-saved-pop .18s ease-out,sla-saved-fade 2s ease-out .2s forwards;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:999px;box-shadow:0 6px 20px #16a34a2e;color:#166534;display:inline-flex;font-size:.8rem;font-weight:600;padding:4px 10px}@keyframes sla-saved-pop{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sla-saved-fade{0%{opacity:1}to{opacity:0}}.sla-actions .primary.saved{background:#16a34a;box-shadow:0 0 0 1px #bbf7d0,0 12px 24px #16a34a59}.sla-actions .primary.loading{cursor:default;opacity:.8}.helpdesk-navbar{align-items:center;background:#2f4d66;border-bottom:0;color:#fff;display:flex;height:70px;justify-content:space-between;left:0;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}.helpdesknav-left{align-items:center;display:flex;gap:10px}.helpdesknav-right{align-items:center;display:flex;gap:12px;position:relative}.helpdesknav-icon-button{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;margin-bottom:9px;padding:8px;transition:background-color .2s ease}.helpdesknav-icon-button:hover{background-color:#0a8f5014}.helpdesknav-icon{color:#fff;font-size:1.25rem}.helpdesknav-brand{color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:.2px;margin-left:10px;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-toggle-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;height:34px;justify-content:center;line-height:1;margin-right:8px;width:34px}.sidebar-toggle-btn:hover{background:#ffffff26}.submittedtickets-layout-fixed{background-color:#f4fcff;font-family:Inter,Nunito,sans-serif}.submittedtickets-layout-fixed,.submittedtickets-wrapper{display:flex;height:100vh;position:relative;width:100vw}.submittedtickets-sidebar-fixed{background:#2f4d66;color:#fff;display:flex;flex-direction:column;height:calc(100vh - 70px);left:0;padding:10px;position:fixed;top:70px;transition:width .3s ease,padding .3s ease;width:250px}.hd-side{grid-gap:6px;display:grid;gap:6px;list-style:none;margin:0;padding:8px}.submittedtickets-sidebar-fixed button.hd-side-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#d2d2d2;cursor:pointer;display:flex;font-weight:600;gap:12px;padding:10px 12px;text-align:left;transition:background-color .2s ease,color .2s ease;width:100%}.submittedtickets-sidebar-fixed button.hd-side-item:hover{background-color:#ffffff1a;color:#fff}.submittedtickets-sidebar-fixed button.hd-side-item.active{background-color:#e5b14a;color:#fff}.sidebar-icon{color:#d2d2d2;flex:0 0 22px;font-size:1.25rem}.hd-side-item.active .sidebar-icon,.hd-side-item:hover .sidebar-icon{color:#fff}.sidebar-label{white-space:nowrap}.submittedtickets-sidebar-fixed.collapsed{padding:8px 0;width:60px}.submittedtickets-sidebar-fixed.collapsed .hd-side-item{justify-content:center;padding:10px 0}.submittedtickets-sidebar-fixed.collapsed .sidebar-label{display:none}:root{--board-bg:#f4fcff;--card-border:#e9eef3;--text-strong:#0f172a;--text-dim:#6b7280;--ok:#1b5e20;--warn:#8a5300;--danger:#b71c1c;--ring-ok:#16a34a;--ring-track:#e5f3eb;--sla-danger-bg:#fef2f2;--sla-danger-border:#fecaca;--sla-danger-text:#b91c1c;--sla-warn-bg:#fff7ed;--sla-warn-border:#fed7aa;--sla-warn-text:#c05621;--sla-success-bg:#ecfdf3;--sla-success-border:#bbf7d0;--sla-success-text:#15803d;--sla-info-bg:#eff6ff;--sla-info-border:#bfdbfe;--sla-info-text:#1d4ed8;--sla-accent-bg:#f5f3ff;--sla-accent-border:#ddd6fe;--sla-accent-text:#6d28d9;--sla-muted-bg:#f9fafb;--sla-muted-border:#e5e7eb;--sla-muted-text:#4b5563}.submittedtickets-tab-content-fixed{background:#f4fcff;background:var(--board-bg);flex:1 1;height:calc(100vh - 70px);margin-left:250px;overflow:auto;padding:90px 16px 24px;transition:margin-left .3s ease}.submittedtickets-sidebar-fixed.collapsed+.submittedtickets-tab-content-fixed{margin-left:60px}.submittedtickets-tab-content-fixed h2{color:#333;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.submittedtickets-tab-content-fixed a{color:#007bff;text-decoration:none}.submittedtickets-tab-content-fixed a:hover{text-decoration:underline}.submittedtickets-error{color:#d9534f;margin-bottom:1rem}.submittedtickets-loading{color:#6c757d;font-style:italic}.submittedtickets-table-scroll{-webkit-overflow-scrolling:touch;border-radius:5px;margin-top:0;overflow:auto;width:100%}.submittedtickets-table-wrapper{background:#fff;width:-webkit-max-content;width:max-content}.itsubmittedticket-table{border-collapse:collapse;margin-top:0;table-layout:fixed;width:-webkit-max-content;width:max-content}.itsubmittedticket-table td,.itsubmittedticket-table th{border-bottom:1px solid #f0f0f0;font-size:.95rem;line-height:1.4;overflow:visible;padding:1rem .75rem;text-align:left;text-overflow:clip;vertical-align:middle;white-space:nowrap}.itsubmittedticket-table th{background-color:#e5b14a;color:#333;font-weight:600;min-width:120px;position:relative;vertical-align:top}.itsubmittedticket-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:2}.itsubmittedticket-table tr:nth-child(2n){background-color:#fafafa}.itsubmittedticket-table tr:hover{background-color:#f0f5f3}.table-filter,.table-search{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:block;font-size:13px;margin-top:4px;padding:4px 8px;width:100%}.table-filter{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27black%27 height=%2712%27 viewBox=%270 0 24 24%27 width=%2712%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 8px center;background-repeat:no-repeat;background-size:12px}.table-filter:focus,.table-search:focus{border-color:#8cdcff;box-shadow:0 0 2px #007bff40;outline:none}.sla-chip{background:#eef2ff;border-radius:9999px;color:#1e3a8a;display:inline-block;font-size:12px;font-weight:600;padding:2px 8px}.sla-chip.warn{background:#fff7ed;color:#9a3412}.sla-chip.breached{background:#fee2e2;color:#991b1b}.profile-btn{padding:0}.profile-initial{background:#eef5f9;border-radius:50%;color:#2f4d66;display:grid;font-weight:700;height:32px;place-items:center;width:32px}.profile-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.profile-popover{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;color:#1d2a35;padding:12px 14px;position:absolute;right:10px;top:48px;width:240px;z-index:1200}.profile-popover:before{background:#fff;box-shadow:-2px -2px 2px #0000000a;content:"";height:12px;position:absolute;right:18px;top:-6px;transform:rotate(45deg);width:12px}.profile-popover-header{font-weight:700;margin-bottom:4px}.profile-popover-sub{color:#4b5d6b;font-size:.85rem;margin-bottom:10px}.profile-popover-actions{display:flex;gap:10px}.profile-link{color:#256d34;font-weight:600;text-decoration:none}.profile-link:hover{text-decoration:underline}.nav-primary-btn{align-items:center;background:#256d34;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:6px;padding:8px 12px}.nav-primary-btn:hover{filter:brightness(1.05)}.welcome-text{color:#fff;font-size:1rem;font-weight:600;margin-left:10px;white-space:nowrap}.hd-modal-backdrop{background:#11182773;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:1100}.hd-modal-panel{animation:hd-modal-in .12s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 20px 60px #00000040;max-width:720px;overflow:hidden;width:100%}@keyframes hd-modal-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hd-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:14px 16px}.hd-modal-title{color:#1f2937;font-size:1.05rem;font-weight:700;margin:0}.hd-modal-close{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:1.5rem;line-height:1;padding:4px 8px}.hd-modal-close:hover{background:#eef2f7}.hd-modal-body{max-height:min(80vh,900px);overflow:auto;padding:16px}.sla-settings-container{background:#0000;box-shadow:none;margin:0;max-width:100%;padding:0}.sla-dashboard-page{display:flex;flex-direction:column;gap:18px;padding-top:16px}.sla-section{background:#f8fcff;border-radius:16px;margin-top:18px;padding:14px}.sla-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px;margin-top:20px}.sla-kpi-grid.extra{margin-top:10px}.sla-kpi-card{background:#fff;background:var(--card-bg);border:1px solid #e9eef3;border:1px solid var(--card-border);border-radius:18px;box-shadow:0 1px 4px #0f172a08;cursor:default;display:flex;flex-direction:column;gap:4px;padding:16px 18px;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.sla-kpi-card:hover{box-shadow:0 18px 40px #0f172a17;transform:translateY(-2px)}.sla-kpi-card:before{background:#cbd5f5;border-radius:999px;content:"";height:8px;left:16px;position:absolute;top:14px;width:8px}.sla-kpi-top{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:4px}.sla-kpi-icon{font-size:20px;opacity:.7}.sla-kpi-value{color:#0f172a;color:var(--text-strong);font-size:1.9rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.sla-kpi-label{color:#6b7280;color:var(--text-dim);font-size:.92rem}.sla-kpi-sub{color:#94a3b8;font-size:.82rem;margin-top:2px}.sla-kpi-card.tone-danger{background:#fef2f2;background:var(--sla-danger-bg);border-color:#fecaca;border-color:var(--sla-danger-border)}.sla-kpi-card.tone-danger .sla-kpi-value{color:#b91c1c;color:var(--sla-danger-text)}.sla-kpi-card.tone-danger:before{background:#b91c1c;background:var(--sla-danger-text)}.sla-kpi-card.tone-warn{background:#fff7ed;background:var(--sla-warn-bg);border-color:#fed7aa;border-color:var(--sla-warn-border)}.sla-kpi-card.tone-warn .sla-kpi-value{color:#c05621;color:var(--sla-warn-text)}.sla-kpi-card.tone-warn:before{background:#c05621;background:var(--sla-warn-text)}.sla-kpi-card.tone-success{background:#ecfdf3;background:var(--sla-success-bg);border-color:#bbf7d0;border-color:var(--sla-success-border)}.sla-kpi-card.tone-success .sla-kpi-value{color:#15803d;color:var(--sla-success-text)}.sla-kpi-card.tone-success:before{background:#15803d;background:var(--sla-success-text)}.sla-kpi-card.tone-info{background:#eff6ff;background:var(--sla-info-bg);border-color:#bfdbfe;border-color:var(--sla-info-border)}.sla-kpi-card.tone-info .sla-kpi-value{color:#1d4ed8;color:var(--sla-info-text)}.sla-kpi-card.tone-info:before{background:#1d4ed8;background:var(--sla-info-text)}.sla-kpi-card.tone-accent{background:#f5f3ff;background:var(--sla-accent-bg);border-color:#ddd6fe;border-color:var(--sla-accent-border)}.sla-kpi-card.tone-accent .sla-kpi-value{color:#6d28d9;color:var(--sla-accent-text)}.sla-kpi-card.tone-accent:before{background:#6d28d9;background:var(--sla-accent-text)}.sla-kpi-card.tone-muted{background:#f9fafb;background:var(--sla-muted-bg);border-color:#e5e7eb;border-color:var(--sla-muted-border)}.sla-kpi-card.tone-muted .sla-kpi-value{color:#4b5563;color:var(--sla-muted-text)}.sla-kpi-card.tone-muted:before{background:#4b5563;background:var(--sla-muted-text)}.kpi-ring-row{display:flex;justify-content:center;margin-top:8px}.ring-wrap{border-radius:999px;padding:3px}.ring-inner{background:#fff;border-radius:999px;box-shadow:inset 0 0 0 1px #e9eef3;box-shadow:inset 0 0 0 1px var(--card-border);display:grid;place-items:center}.ring-text{color:#0f172a;font-size:.8rem;font-weight:700}.sla-panel{background:#fff;background:var(--card-bg);border:1px solid #e9eef3;border:1px solid var(--card-border);border-radius:14px;box-shadow:0 1px 4px #0f172a08;margin-top:14px;padding:14px}.sla-panel-title{color:#0f172a;color:var(--text-strong);font-weight:800}.sla-list{list-style:none;margin:0;padding:0}.sla-list-item{grid-gap:12px;align-items:center;border-top:1px dashed #eee;display:grid;gap:12px;grid-template-columns:1fr auto;padding:8px 0}.sla-list-item:first-child{border-top:none}.sla-list-right{text-align:right}.sla-badge{border:1px solid #0000;border-radius:999px;display:inline-block;font-size:.8rem;font-weight:700;padding:3px 8px}.sla-badge.ok{background:#eef8f0;border-color:#cfead4;color:#1b5e20}.sla-badge.warn{background:#fff7e6;border-color:#ffe2ad;color:#8a5300}.sla-badge.breached{background:#ffebee;border-color:#ffcdd2;color:#b71c1c}.sla-list-meta{color:#777;font-size:.8rem;margin-top:2px}.sla-list-link{color:#256d34;display:inline-block;font-size:.85rem;font-weight:600;margin-top:4px;text-decoration:none}.sla-list-link:hover{text-decoration:underline}.sla-header-row{align-items:flex-end;display:flex;gap:12px;justify-content:space-between}.sla-page-title{color:#0f172a;font-size:1.4rem;font-weight:700;margin:0}.sla-page-subtitle{color:#64748b;font-size:.9rem;margin:4px 0 0}.sla-window-selector{display:flex;flex-direction:column;font-size:.8rem;gap:4px}.sla-window-selector select{background:#fff;border:1px solid #cbd5f5;border-radius:999px;font-size:.85rem;padding:6px 10px}.sla-customize-btn{background:#205e85;border:1px solid #cbd5f5;border-radius:9px;font-size:.85rem;margin-bottom:-18px;padding:8px 15px}.sla-two-column{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1.4fr) minmax(0,1.6fr)}@media (max-width:960px){.sla-two-column{grid-template-columns:minmax(0,1fr)}}.sla-agent-detail-card,.sla-agent-table-card{background:#fff;border-radius:16px;box-shadow:0 8px 20px #0f172a0f;padding:12px 14px}.sla-panel-title-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.sla-panel-title-row h3{color:#0f172a;font-size:1rem;font-weight:600;margin:0}.sla-panel-caption{color:#94a3b8;font-size:.78rem}.sla-pill{background:#e0f2fe;border-radius:999px;color:#0369a1;font-size:.75rem;font-weight:600;padding:4px 10px}.sla-agent-kpi-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.sla-agent-kpi{background:#f8fafc;border-radius:12px;padding:8px 10px}.sla-agent-kpi .label{color:#64748b;font-size:.75rem}.sla-agent-kpi .value{color:#0f172a;display:block;font-size:.98rem;font-weight:700;margin-top:2px}.sla-agent-table td,.sla-agent-table th{font-size:.9rem;padding:.65rem .75rem}.sla-agent-row{cursor:pointer;transition:background .15s,transform .05s}.sla-agent-row:hover{background:#f9fafb}.sla-agent-row.selected{background:#eef2ff}.sla-agent-row.top-performer td:first-child:after{color:#16a34a;content:"★";font-size:.7rem;margin-left:4px}.sla-agent-tickets-list{display:flex;flex-direction:column;gap:6px;margin-top:10px;max-height:260px;overflow:auto}.sla-agent-ticket-row{background:#f8fafc;border-radius:10px;display:flex;gap:8px;justify-content:space-between;padding:8px 10px}.sla-agent-ticket-main{align-items:center;display:flex;gap:4px}.sla-ticket-title{color:#475569;font-size:.85rem;margin-left:4px}.sla-agent-ticket-meta{align-items:center;display:flex;font-size:.8rem;gap:8px}.sla-empty-text{color:#94a3b8;font-size:.85rem;margin:10px 0 0}@media (max-width:1024px){.sla-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.sla-kpi-grid{grid-template-columns:minmax(0,1fr)}}.priority-pill{border-radius:999px;display:inline-block;font-size:.8rem;font-weight:600;padding:2px 10px}.priority-pill.low{background:#e0f2fe;color:#075985}.priority-pill.medium{background:#fef3c7;color:#92400e}.priority-pill.high{background:#fee2e2;color:#b91c1c}.priority-pill.critical{background:#991b1b;color:#fee2e2}.priority-pill.small{font-size:.75rem;padding:1px 8px}.table-pagination-row{align-items:center;border-top:none;box-sizing:border-box;color:#475569;display:flex;font-size:.85rem;gap:12px;justify-content:space-between;margin-top:0;padding:3px 14px;width:90%}.table-pagination-controls{align-items:center;display:inline-flex;flex-wrap:wrap;gap:10px}.table-pagination-controls label{align-items:center;color:#64748b;display:inline-flex;font-size:.8rem;gap:6px}.table-pagination-controls select{background:#fff;border:1px solid #cbd5f5;border-radius:999px;color:#1f2933;cursor:pointer;font-size:.8rem;outline:none;padding:4px 10px}.table-pagination-controls select:focus{border-color:#2f4d66;box-shadow:0 0 0 1px #2f4d6633}.table-pagination-controls button{background:#fff;border:1px solid #d0dbe8;border-radius:999px;color:#2f4d66;cursor:pointer;font-size:.8rem;font-weight:600;min-width:56px;padding:5px 10px;transition:background .15s ease,box-shadow .15s ease,transform .05s ease,border-color .15s ease}.table-pagination-controls button:hover:not(:disabled){background:#e5b14a;border-color:#e5b14a;box-shadow:0 2px 6px #0000001f;color:#fff;transform:translateY(-1px)}.table-pagination-controls button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.table-pagination-controls button:disabled{background:#f3f4f6;border-color:#e5e7eb;box-shadow:none;color:#9ca3af;cursor:default}.table-pagination-page{color:#6b7280;font-size:.8rem}@media (max-width:640px){.table-pagination-row{align-items:flex-start;flex-direction:column}.table-pagination-controls{justify-content:flex-start}}.newticket-form{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 1.75rem 1.75rem;width:100%}.newticket-header{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:.5rem}.newticket-header-left{max-width:60%}.newticket-title{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.newticket-sub{color:#64748b;font-size:.85rem;margin:0}.newticket-header-right{align-items:center;display:flex;gap:.75rem}.newticket-avatar{align-items:center;background:#e0f2fe;border-radius:999px;color:#0369a1;display:flex;font-size:.95rem;font-weight:700;height:36px;justify-content:center;width:36px}.newticket-user-meta{display:flex;flex-direction:column;gap:2px}.newticket-user-label{color:#64748b;font-size:.75rem}.newticket-user-name{color:#0f172a;font-size:.85rem;font-weight:600}.newticket-error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.85rem;padding:.55rem .75rem}.newticket-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.newticket-column{display:flex;flex-direction:column;gap:1rem}.newticket-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1rem 1.05rem 1.05rem}.newticket-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.newticket-section-header h3{color:#111827;font-size:.95rem;font-weight:600;margin:0}.newticket-chip{background:#dcfce7;border-radius:999px;color:#166534;font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:.18rem .5rem;text-transform:uppercase}.newticket-chip.neutral{background:#e0f2fe;color:#0369a1}.newticket-chip.optional{background:#e5e7eb;color:#4b5563}.newticket-row{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.newticket-row.stack-mobile{grid-template-columns:repeat(2,minmax(0,1fr))}.newticket-field{display:flex;flex-direction:column;gap:.25rem}.newticket-label{color:#111827;font-size:.8rem;font-weight:600}.newticket-label-muted{color:#6b7280;font-size:.75rem;font-weight:400}.required{color:#dc2626;margin-left:2px}.newticket-field input[type=file],.newticket-field input[type=text],.newticket-field select,.newticket-field textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.85rem;padding:.55rem .6rem;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;width:100%}.newticket-field textarea{min-height:110px;resize:vertical}.newticket-field input:focus,.newticket-field select:focus,.newticket-field textarea:focus{background-color:#f9fafb;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb59;outline:none}.newticket-hint{color:#6b7280;font-size:.75rem;margin:0}.newticket-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.newticket-footer .ghost,.newticket-footer .primary{font-size:.85rem;min-width:110px}@media (max-width:900px){.newticket-grid{grid-template-columns:1fr}.newticket-header-left{max-width:100%}}@media (max-width:640px){.newticket-header{align-items:flex-start;flex-direction:column}.newticket-header-right{align-items:center}.newticket-row,.newticket-row.stack-mobile{grid-template-columns:1fr}.newticket-form{padding:1.2rem 1.1rem 1.4rem}}.home-dashboard{background:#f4fcff}.home-dashboard .sla-section:first-of-type{background:#0000;border-radius:0;box-shadow:none;padding:2px 24px 0}.home-dashboard .sla-kpi-grid{gap:32px;margin-top:0}.home-dashboard .sla-kpi-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:none;cursor:default;padding:22px 26px}.home-dashboard .sla-kpi-card:before{display:none}.home-dashboard .sla-kpi-sub{margin-top:2px}.home-dashboard .sla-kpi-top{margin-top:16px}.home-dashboard .sla-kpi-icon{display:none}.home-dashboard .sla-section:nth-of-type(2){background:#0000;padding:24px 24px 40px}.home-dashboard .sla-section:nth-of-type(2) .sla-panel{background:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:none;padding:10px 18px 120px}.home-dashboard .sla-section:nth-of-type(2) .sla-panel-title-row h3{color:#374151;font-size:.9rem;font-weight:600}.home-dashboard .sla-agent-tickets-list{margin-top:6px}.home-dashboard .sla-agent-ticket-row{background:#0000;border-radius:0;border-top:1px solid #e5e7eb;padding:6px 0}.home-dashboard .sla-kpi-card{display:flex;flex-direction:column}.home-dashboard .sla-kpi-label{align-self:flex-start;color:#374151;font-size:.9rem;font-weight:500;margin-bottom:2px;order:0}.home-dashboard .sla-kpi-sub{align-self:flex-start;color:#9ca3af;font-size:.75rem;order:1}.home-dashboard .sla-kpi-top{justify-content:center;margin-top:14px;order:2;width:100%}.home-dashboard .sla-kpi-value{color:#2ba6c4;font-size:2.1rem;font-weight:500}.sla-card-toggle-modal{padding:8px 4px 4px}.sla-card-toggle-intro{color:#64748b;font-size:.9rem;margin-bottom:14px}.sla-card-toggle-group{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:8px}.sla-card-toggle-group:first-of-type{border-top:none;padding-top:0}.sla-card-toggle-group h4{color:#374151;font-size:.85rem;font-weight:600;letter-spacing:.04em;margin:0 0 6px;text-transform:uppercase}.sla-card-toggle-row{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px;padding:8px 10px}.sla-card-toggle-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.sla-card-toggle-title{color:#111827;font-size:.9rem;font-weight:600}.sla-card-toggle-desc{color:#6b7280;font-size:.78rem}.sla-card-toggle-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.sla-card-btn-cancel,.sla-card-btn-save{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:.15s ease}.sla-card-btn-cancel{background:#e5e7eb;color:#374151}.sla-card-btn-cancel:hover{background:#d4d4d8}.sla-card-btn-save{background:#205e85;color:#fff}.sla-card-btn-save:hover{filter:brightness(1.05)}.sla-switch{align-items:center;cursor:pointer;display:inline-flex;position:relative}.sla-switch input{opacity:0;pointer-events:none;position:absolute}.sla-switch-track{align-items:center;background:#e5e7eb;border-radius:999px;display:inline-flex;height:20px;padding:2px;position:relative;transition:background .2s ease;width:38px}.sla-switch-thumb{background:#fff;border-radius:999px;box-shadow:0 1px 3px #0f172a40;height:16px;transform:translateX(0);transition:transform .2s ease;width:16px}.sla-switch input:checked+.sla-switch-track{background:#afd7f8}.sla-switch input:checked+.sla-switch-track .sla-switch-thumb{transform:translateX(18px)}.sla-switch input:focus-visible+.sla-switch-track{outline:2px solid #2563eb;outline-offset:2px}body{background-color:#f4fcff;font-family:Inter,Segoe UI,sans-serif;margin:0}:root{--td-primary:#2563eb;--td-secondary:#0f766e;--td-success:#16a34a;--td-warning:#f59e0b;--td-danger:#ef4444;--td-surface:#fff;--td-surface-soft:#f9fbff;--td-border:#e2e8f0;--td-border-subtle:#e5edf6;--td-text-main:#0f172a;--td-text-muted:#64748b}.ticket-details{background:linear-gradient(180deg,#2563eb0a,#0f172a05),#f4fcff;border-radius:18px;box-shadow:0 18px 50px #0f172a0f;margin:32px auto 48px;max-width:1200px;padding:24px 32px 40px}.ticket-details-topbar{margin-bottom:10px}.back-button{align-items:center;background:#eef2f7;border:1px solid #e2e8f0;border:1px solid var(--td-border);border-radius:999px;color:#1f2933;display:inline-flex;font-size:.85rem;font-weight:600;gap:4px;padding:6px 12px;text-decoration:none}.back-button:hover{background:#e2e8f0}.ticket-details h2{color:#0f172a;color:var(--td-text-main);font-size:26px;font-weight:700;margin-bottom:24px;text-align:center}.ticket-section{background:#fff;background:var(--td-surface);border:1px solid #e5edf6;border:1px solid var(--td-border-subtle);border-radius:16px;box-shadow:0 10px 30px #0f172a0a;margin-top:20px;padding:18px 20px 22px}.ticket-section-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.ticket-section-title{border-left:4px solid #8cdcff;color:#0f172a;font-size:18px;font-weight:600;padding-left:10px}.ticket-section-caption{color:#64748b;color:var(--td-text-muted);font-size:.82rem}.ticket-info{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:4px}.ticket-info p{background:#f9fbff;background:var(--td-surface-soft);border:1px solid #e5edf6;border:1px solid var(--td-border-subtle);border-radius:10px;color:#0f172a;color:var(--td-text-main);font-size:14px;padding:10px 12px}.ticket-info strong{color:#334155}.priority-pill,.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:600;padding:3px 10px}.status-open{background:#eff6ff;color:#1d4ed8}.status-in-progress{background:#ecfdf3;color:#166534}.status-resolved{background:#e0f2fe;color:#0369a1}.priority-pill.small{padding-inline:8px}.priority-low{background:#ecfdf3;color:#166534}.priority-medium{background:#fffbeb;color:#92400e}.priority-high{background:#fef9c3;color:#854d0e}.priority-critical{background:#fef2f2;color:#b91c1c}.td-priority-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--td-border);border-radius:999px;font-size:.85rem;outline:none;padding:6px 10px}.ticket-priority-actions{margin-top:14px}.helpdesk-comment label,.resolution-notes label{color:#0f172a;display:block;font-weight:600;margin-bottom:6px}.helpdesk-comment textarea,.resolution-notes textarea{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--td-border);border-radius:10px;font-size:.9rem;margin-bottom:10px;min-height:90px;padding:10px 12px;resize:vertical;width:100%}.resolution-readonly{font-size:.9rem}.ticket-details .btn{align-items:center;background:#e5e7eb;border:1px solid #0000;border-radius:999px;color:#111827;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:6px;justify-content:center;padding:8px 16px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}.ticket-details .btn:active{box-shadow:none;transform:translateY(1px)}.ticket-details .btn-primary{background:#2563eb;background:var(--td-primary);box-shadow:0 8px 18px #2563eb40;color:#fff}.ticket-details .btn-primary:hover{background:#1d4ed8}.ticket-details .btn-secondary{background:#0f766e;background:var(--td-secondary);color:#f9fafb}.ticket-details .btn-secondary:hover{background:#0e4f48}.ticket-details .btn-success{background:#16a34a;background:var(--td-success);color:#f9fafb}.ticket-details .btn-success:hover{background:#15803d}.ticket-details .btn-warning{background:#f59e0b;background:var(--td-warning);color:#1f2937}.ticket-details .btn-warning:hover{background:#d97706}.ticket-details .btn-outline{background:#fff;border-color:#e2e8f0;border-color:var(--td-border);color:#111827}.ticket-details .btn-outline:hover{background:#f3f4f6}.ticket-details .btn-outline-danger{background:#fef2f2;border-color:#fecaca;color:#ef4444;color:var(--td-danger)}.ticket-details .btn-outline-danger:hover{background:#fee2e2}.ticket-details .btn-ghost{background:#0000;border-color:#e2e8f0;border-color:var(--td-border);border-style:dashed;color:#0f172a;color:var(--td-text-main)}.ticket-details .btn-ghost:hover{background:#f9fafb}.ticket-details .btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.ticket-actions-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.ticket-sla-actions{border-top:1px dashed #e5edf6;border-top:1px dashed var(--td-border-subtle);display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:10px}.claimed-message{color:#f97316;font-size:.9rem;font-weight:600}.sla-mini{background:linear-gradient(120deg,#2563eb14,#38bdf808),#fff;border:1px solid #e5edf6;border:1px solid var(--td-border-subtle);border-radius:12px;padding:10px 14px}.sla-mini-row{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.sla-mini-label{color:#64748b;color:var(--td-text-muted);font-size:.85rem}.sla-mini-value{font-size:.85rem;font-weight:600}.sla-mini-pill{border-radius:999px;display:inline-block;font-size:.78rem;padding:4px 12px}.sla-mini-pill.ok{background:#ecfdf3;color:#166534}.sla-mini-pill.warn{background:#fff7ed;color:#9a3412}.sla-mini-pill.breach{background:#fef2f2;color:#b91c1c}.sla-mini-paused{color:#4b5563;font-size:.8rem;font-weight:600;margin-top:6px}.error-message,.loading-message{font-size:.95rem;margin-top:24px;text-align:center}.error-message{color:#ef4444;color:var(--td-danger)}.ticket-details a{color:#2563eb;color:var(--td-primary);text-decoration:none}.ticket-details a:hover{text-decoration:underline}@media (max-width:768px){.ticket-details{margin:16px;padding:18px 16px 32px}.ticket-section-header{align-items:flex-start;flex-direction:column}.ticket-actions-row,.ticket-sla-actions{align-items:stretch;flex-direction:column}}.subscription-container{background:#f6fbfe;text-align:center}.subscription-container h2{color:#2f4d66;margin:3rem 0 .5rem}.industry-note{background:#afd7f8;border-radius:999px;box-shadow:0 6px 14px #0000000f;color:#1f4b67;display:inline-block;font-size:.98rem;font-weight:600;margin-bottom:20px;margin-top:20px;padding:16px 19px}.top-banners{margin-top:1px;padding:0;width:100%}.banner-bar{border-radius:0!important;margin:0!important;max-width:none!important;width:100%}.top-banners>*+*{border-top:1px solid #0000000f}.status-banner-wrap{padding:0}.billing-warning-banner{background-color:#d62c34;color:#fff;padding:.8rem 1rem}.free-trial-banner{background-color:#5498ad;color:#fff;padding:.8rem 1rem}.billing-success-banner{color:#359b43;padding:1.2rem 0}.cancel-scheduled-banner{background-color:#f89244;color:#fff;padding:.8rem 1rem}.billing-toggle{background:#153844;border-radius:999px;display:inline-flex;gap:.5rem;margin-left:0;margin-top:20px;padding:1px 25px}.billing-toggle button{background-color:initial;border:1px solid #0000;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:14px;padding:.5rem 1.25rem;transition:background-color .15s ease,color .15s ease}.billing-toggle button.active{background-color:#49acd8;color:#fff;margin-bottom:14px}.error-text{color:#c0392b;margin:.5rem 0 0}.empty-state{color:#587a90}.pricing-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(5,minmax(260px,1fr));justify-self:center;padding:20px;width:100%}@media (max-width:1400px){.pricing-grid{grid-template-columns:repeat(4,minmax(260px,1fr))}}@media (max-width:1200px){.pricing-grid{grid-template-columns:repeat(3,minmax(260px,1fr))}}@media (max-width:900px){.pricing-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media (max-width:600px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:linear-gradient(180deg,#0f2027,#203a43,#2c5364);border-radius:14px;box-shadow:0 12px 28px #0000002e;color:#fff;display:flex;flex-direction:column;margin-top:2rem;padding:1.25rem 1.25rem 1rem;position:relative;text-align:left}.pricing-card.popular{box-shadow:0 18px 32px #49acd840;outline:2px solid #49acd8}.xbadge{border-radius:999px;box-shadow:0 6px 14px #0003;font-size:.75rem;font-weight:700;left:16px;padding:9px 10px;position:absolute;top:-15px}.xbadge-popular{background:#fdee61;color:#0b2b22}.ybadge{border:1px solid #000;border-radius:999px;box-shadow:0 6px 14px #0003;font-size:.75rem;font-weight:700;left:16px;padding:9px 20px;position:absolute;top:-15px}.ybadge-current{background:#6bd3ff;color:#0b2b22}.card-top{align-items:flex-start;display:flex;flex-direction:column}.plan-title{font-size:1.25rem;font-weight:700;letter-spacing:.2px;margin:.6rem 0 .8rem}.price-line{align-items:baseline;display:flex;gap:.4rem}.price{font-size:2rem;line-height:1}.price-interval{font-size:.95rem;opacity:.9}.billed-note{font-size:.8rem;margin-top:.25rem;opacity:.9}.savings-pill{background:#d4f7ea;border-radius:999px;color:#0a6b4a;font-size:.8rem;font-weight:700;margin-top:.6rem;padding:4px 10px}.divider{border-top:1px solid #ffffff47;margin:1rem 0 .75rem}.feature-list{list-style:none;margin:0 0 1rem;padding:0}.feature-list li{font-size:.95rem;margin:.45rem 0}.included{color:#fff}.excluded{color:#ff8a8a;opacity:.9;text-decoration:line-through}.card-cta{display:flex;justify-content:center;margin-top:auto}.choose-plan-btn{background-color:#49acd8;border:none;border-radius:10px;box-shadow:0 8px 18px #49acd840;color:#fff;cursor:pointer;font-weight:700;letter-spacing:.2px;padding:.7rem 1.4rem;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.choose-plan-btn:hover{transform:translateY(-1px)}.choose-plan-btn:active{transform:translateY(0)}.choose-plan-btn:disabled{background-color:#7aaac1;box-shadow:none;cursor:not-allowed}.trial-pill{background:#e8f4ff;border:1px solid #0d4e7826;border-radius:999px;color:#0d4e78;display:inline-block;font-size:.8rem;font-weight:700;margin-top:.5rem;padding:4px 10px}.plan-desc{color:#cfe1ed;font-size:.95rem;line-height:1.35;margin:.35rem 0 .55rem}.industry-hint{align-items:center;background:#ffffff08;border-left:3px solid #49acd8;border-radius:6px;color:#ffffffd9;display:flex;font-size:.82rem;font-weight:500;gap:8px;line-height:1.35;margin:.3rem 0 .75rem;padding:6px 10px}.hint-dot{background:#49acd8;border-radius:50%;flex-shrink:0;height:6px;width:6px}.team-size{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.team-size-label{color:#2f4d66;font-weight:700}.size-pills{-webkit-overflow-scrolling:touch;background:#e7f3fa;border-radius:999px;display:inline-flex;gap:6px;overflow:auto;padding:0 30px}.size-pill{background:#0000;border:1px solid #0000;border-radius:999px;color:#2f4d66;cursor:pointer;font-weight:700;margin-bottom:10px;padding:6px 12px;transition:background-color .15s ease,color .15s ease,transform .1s ease;white-space:nowrap}.size-pill:hover:not(.active){background:#49acd81f}.size-pill.active{background:#2f4d66;color:#fff}.size-pill:disabled{cursor:not-allowed;opacity:.6}.sub-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:10px auto .75rem;max-width:1580px}.sub-header1,.sub-header2{align-items:center;display:flex;flex:1 1}.sub-header1{justify-content:flex-start}.sub-header2{justify-content:flex-end}.back-link{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #cfe1ed;border-radius:999px;box-shadow:0 4px 10px #1f4b670d;color:#1f4b67;cursor:pointer;font-weight:700;padding:.45rem .9rem;transition:background .15s ease,border-color .15s ease,transform .12s ease}.back-link:hover{background:#e7f3fa;border-color:#abd2e6}.back-link:active{transform:translateY(1px)}.sub-header-actions{align-items:center;display:flex;gap:12px}.back-to-login-btn{background:#fff;border:1px solid #d0d7e2;border-radius:999px;color:#1f3b57;cursor:pointer;font-size:.9rem;padding:8px 14px;transition:background .15s ease,transform .1s ease,box-shadow .15s ease}.back-to-login-btn:hover:not(:disabled){background:#f2f5fa;box-shadow:0 4px 10px #0f172a1a;transform:translateY(-1px)}.back-to-login-btn:disabled{cursor:default;opacity:.6}.pilot-banner{background:#7113ed;border:1px solid #cfeaff;box-shadow:0 10px 24px #0000000f;color:#fff;padding:14px 16px;text-align:center}.pilot-banner-sub{font-size:.92rem;margin-top:6px;opacity:.9}.pilot-ended-banner{background:#d62c34;border:1px solid #fff;color:#fff;font-size:14px;line-height:1.4;padding:14px 16px;text-align:center}.pilot-ended-banner strong{font-weight:700}.pilot-ended-banner-sub{font-size:13px;margin-top:6px;opacity:.9}.pending-downgrade-banner{align-items:center;background:linear-gradient(90deg,#fff7e6,#fff1d0);border:1px solid #f5c16c;box-shadow:0 10px 24px #0000000f;display:flex;gap:16px;justify-content:space-between;padding:14px 18px}.pending-downgrade-left{align-items:flex-start;display:flex;gap:12px}.pending-downgrade-icon{align-items:center;background:#facc6b;border-radius:999px;box-shadow:0 4px 10px #facc6b8c;display:flex;font-size:18px;height:32px;justify-content:center;width:32px}.pending-downgrade-copy{text-align:left}.pending-downgrade-label{color:#92400e;font-size:.8rem;font-weight:700;letter-spacing:.08em;margin-bottom:2px;text-transform:uppercase}.pending-downgrade-text{color:#6b4e12;font-size:.9rem;margin:0}.pending-downgrade-right{flex-shrink:0}.pending-downgrade-cancel{background:#fff;border:1px solid #b45309;border-radius:999px;box-shadow:0 4px 10px #945c1826;color:#9a3412;cursor:pointer;font-size:.85rem;font-weight:600;padding:7px 14px;transition:background .15s ease,color .15s ease,transform .12s ease,box-shadow .12s ease}.pending-downgrade-cancel:hover:not(:disabled){background:#f97316;box-shadow:0 6px 14px #f9731640;color:#fff;transform:translateY(-1px)}.pending-downgrade-cancel:disabled{box-shadow:none;cursor:not-allowed;opacity:.7}@media (max-width:640px){.pending-downgrade-banner{align-items:flex-start;flex-direction:column}.pending-downgrade-right{width:100%}.pending-downgrade-cancel{text-align:center;width:100%}}.subscription-container{min-height:100vh;overflow-x:hidden;padding:0 0 28px}.subscription-container h2{font-size:2.5rem}@media (max-width:768px){.subscription-container h2{font-size:2rem;line-height:1.15;margin:18px 0 10px;padding:0 6px}.industry-note{border-radius:18px;font-size:.95rem;line-height:1.25;margin-bottom:14px;margin-top:12px;max-width:92%;padding:14px 16px}.sub-header{margin-top:10px;padding:0 6px}.team-size{align-items:center;flex-direction:column;gap:8px}.size-pills{justify-content:center;max-width:520px;padding:8px 0;width:100%}.size-pill{margin-bottom:0;padding:8px 12px}.billing-toggle{gap:10px;margin-left:0!important;margin-top:14px;max-width:100%;padding:2px 10px 15px;width:-webkit-fit-content;width:fit-content}.billing-toggle button{font-size:.92rem;margin-bottom:0!important;padding:10px 16px}.billing-success-banner,.billing-warning-banner,.pending-downgrade-banner,.pilot-banner,.pilot-ended-banner{font-size:.95rem;padding-left:0;padding-right:0}.pricing-grid{grid-gap:14px;-webkit-overflow-scrolling:touch;display:grid;gap:14px;grid-auto-columns:86%;grid-auto-flow:row;justify-content:start;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:14px 24px 10px;scroll-padding-left:8px;scroll-snap-type:x mandatory;width:100%}.pricing-grid::-webkit-scrollbar{height:0}.pricing-card{border-radius:18px;margin-top:0;min-height:520px;padding:18px 16px 16px;scroll-snap-align:start}.plan-title{font-size:1.15rem}.price{font-size:1.85rem}.feature-list li{font-size:.95rem}.choose-plan-btn{border-radius:12px;font-size:1rem;padding:14px 16px;width:100%}.xbadge,.ybadge{left:14px}.downgrade-backdrop{padding:14px}.downgrade-modal{border-radius:16px;max-width:520px;width:100%}.downgrade-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.downgrade-actions .btn-danger,.downgrade-actions .btn-secondary{border-radius:12px;padding:12px 14px;width:100%}}@media (max-width:390px){.subscription-container h2{font-size:1.75rem}.pricing-grid{grid-auto-columns:92%}.industry-note{font-size:.92rem}}.downgrade-backdrop{background:#020c1299;display:grid;inset:0;padding:18px;place-items:center;position:fixed;z-index:9999}.downgrade-modal{background:#fff;border:1px solid #0f2e3a14;border-radius:18px;box-shadow:0 20px 70px #00000059;max-width:620px;padding:18px 18px 16px;text-align:left;width:100%}.downgrade-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:12px}.downgrade-title{color:#0f2e3a;font-size:1.25rem;font-weight:900;margin:0}.downgrade-subtitle{color:#315665;font-size:.98rem;line-height:1.35;margin:6px 0 0}.downgrade-close{background:#fff;border:1px solid #d8e6ef;border-radius:999px;color:#0f2e3a;cursor:pointer;font-weight:900;height:38px;transition:transform .12s ease,background .12s ease;width:38px}.downgrade-close:hover:not(:disabled){background:#f2f8fc;transform:translateY(-1px)}.downgrade-close:disabled{cursor:not-allowed;opacity:.6}.downgrade-summary{background:#f6fbfe;border:1px solid #dbeaf3;border-radius:14px;margin:10px 0 12px;padding:12px}.downgrade-summary-row{align-items:center;color:#143847;display:flex;font-size:.95rem;gap:12px;justify-content:space-between;padding:8px 6px}.downgrade-summary-row strong{color:#0f2e3a;font-weight:900}.downgrade-loss{background:linear-gradient(180deg,#fff7ed,#fffaf3);border:1px solid #b4530940;border-radius:14px;margin:10px 0 12px;padding:12px}.downgrade-loss-top{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.downgrade-loss-badge{align-items:center;background:#f9731626;border-radius:999px;color:#7c2d12;display:inline-flex;font-size:.78rem;font-weight:900;letter-spacing:.02em;padding:6px 10px}.downgrade-loss-modules{color:#7c2d12;font-size:.95rem;font-weight:900}.downgrade-loss-note{color:#6b4e12;font-size:.92rem;line-height:1.4;margin:10px 0 0}.downgrade-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:12px}.downgrade-btn{border:none;border-radius:12px;cursor:pointer;font-weight:900;padding:12px 14px;transition:transform .12s ease,box-shadow .12s ease}.downgrade-btn:disabled{cursor:not-allowed;opacity:.7}.downgrade-btn-ghost{background:#fff;border:1px solid #cfe1ed;color:#1f4b67}.downgrade-btn-ghost:hover:not(:disabled){box-shadow:0 10px 18px #1f4b671f;transform:translateY(-1px)}.downgrade-btn-danger{background:#0b7a3a;box-shadow:0 12px 24px #0b7a3a38;color:#fff}.downgrade-btn-danger:hover:not(:disabled){transform:translateY(-1px)}.downgrade-footnote{color:#5b7a88;font-size:.88rem;margin:12px 2px 0}@media (max-width:520px){.downgrade-modal{border-radius:16px;padding:16px 14px}.downgrade-actions{grid-template-columns:1fr}.downgrade-btn{width:100%}}.plan-bestfor{background:#ffffff0f;border-radius:999px;color:#ffffffdb;font-size:.85rem;font-weight:800;margin-bottom:10px;margin-top:-6px;padding:6px 10px;width:-webkit-fit-content;width:fit-content}.global-includes{background:#49acd824;border:1px solid #49acd847;border-radius:12px;color:#ffffffe6;font-size:.82rem;font-weight:800;margin:10px 0;padding:8px 10px}.websettings-page{margin:0 auto}.websettings-wrapper{display:flex;height:100vh}.settings-sidebar{background-color:#fff;border-right:1px solid #eee;padding:2rem 1rem;width:250px}.settings-sidebar h3{color:#555;font-size:14px;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.settings-sidebar ul{list-style:none;padding:0}.settings-sidebar li{color:#333;cursor:pointer;font-weight:600;padding:.75rem 0}.settings-sidebar li.active{color:#16477e}.settings-content{background-color:#fafafa;flex-grow:1;padding-left:2rem;padding-right:2rem;width:100%}.settings-content h1{font-size:24px;margin-bottom:2rem}.setting-item{align-items:center;border-bottom:1px solid #eee;display:flex;margin-bottom:1.5rem;padding-bottom:1rem}.setting-icon{color:#16477e;font-size:24px;margin-right:1.2rem}.setting-item h3{font-size:16px;font-weight:700;margin:0}.setting-item p{color:#555;margin:.2rem 0 0}.editable-row{align-items:center;display:flex;gap:.5rem;margin-top:.4rem}.edit-input{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:.5rem}.edit-btn{align-items:center;background:none;border:none;color:#16477e;cursor:pointer;display:flex;font-size:.9rem;gap:.3rem;margin-top:.3rem}.edit-btn:hover{text-decoration:underline}.setting-item button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:6px 12px;transition:background-color .2s ease}.setting-item button,.setting-item button:hover{background-color:#16477e}.danger-desc{color:orange}.setting-item button:nth-of-type(2){background-color:initial;border:1px solid #ccc;color:#333;margin-left:.5rem}.setting-item button:nth-of-type(2):hover{background-color:#f3f3f3}.editable-row input{max-width:300px;width:100%}.Toastify__toast-container{font-size:14px}.notification-section{margin-top:1.5rem}.notification-section h3{color:#333;font-size:16px;font-weight:700;margin-bottom:1rem}.notification-toggle{align-items:center;color:#333;display:flex;font-weight:600;justify-content:space-between;margin-bottom:1.5rem}.toggle-switch{display:inline-block;height:28px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:22px;left:3px;width:22px}.toggle-switch input:checked+.slider{background-color:#b6d8ff}.toggle-switch input:checked+.slider:before{transform:translateX(22px)}.checkbox-list{grid-gap:1rem 2rem;box-sizing:border-box;display:grid;gap:1rem 2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:.5rem;padding-right:1rem;width:100%}.checkbox-list label{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;display:flex;font-size:.95rem;gap:.5rem;padding:.6rem .8rem;transition:background-color .2s ease}.checkbox-list label:hover{background-color:#f8f8f8}.checkbox-list input[type=checkbox]{accent-color:#16477e;transform:scale(1.1)}.save-notification-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:1.5rem;padding:8px 16px;transition:background-color .2s ease}.save-notification-btn,.save-notification-btn:hover{background-color:#16477e}:root{--ink:#1f3e55;--muted:#6b7b88;--line:#e8edf2;--bg:#f6f9fb;--brand:#2f4d66;--brand-600:#275466;--ring:#2f4d6640}.settings-page{background:#f6f9fb;background:var(--bg);min-height:100vh}.settings-wrapper{display:flex;gap:24px;margin:0 auto;max-width:1200px;padding:24px}.settings-sidebar{align-self:flex-start;border-right:1px solid #e8edf2;border-right:1px solid var(--line);height:100vh;padding-right:8px;position:-webkit-sticky;position:sticky;top:24px;width:240px}.settings-sidebar__title{color:#6b7b88;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.06em;margin-bottom:12px}.sidebar-link{align-items:center;background:#fff;border:1px solid #0000;border-radius:10px;color:#1f3e55;color:var(--ink);display:flex;font-weight:700;gap:10px;margin-bottom:8px;padding:10px 12px;transition:box-shadow .15s ease,border-color .15s ease,transform .02s ease;width:100%}.sidebar-link:hover{border-color:#e8edf2;border-color:var(--line);box-shadow:0 2px 10px #0000000a}.sidebar-link.active{background:#f3f9ff;border-color:#cfeaff;color:#0f3b64}.sidebar-link__icon{font-size:18px}.settings-content{flex:1 1;min-width:0}.settings-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.settings-title{color:#1f3e55;color:var(--ink);font-size:28px;line-height:1.2;margin:0}.settings-subtitle{color:#6b7b88;color:var(--muted);margin-top:4px}.card{background:#fff;border:1px solid #e8edf2;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #1018280a;margin-bottom:16px;padding:16px 16px 14px}.card-head{align-items:center;display:flex;gap:14px}.card-head__icon{background:#eff6ff;border-radius:10px;color:#0f3b64;display:grid;font-size:18px;height:36px;place-items:center;width:36px}.card-title{color:#1f3e55;color:var(--ink);font-size:18px;font-weight:800;margin:0}.card-desc{color:#6b7b88;color:var(--muted);margin:2px 0 0}.card-body{margin-top:14px}.card-foot{display:flex;justify-content:flex-start;margin-top:12px}.form-vertical{display:flex;flex-direction:column;gap:10px}.form-inline{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.label{color:#1f3e55;color:var(--ink);font-weight:700;margin-bottom:4px}.hint{color:#6b7b88;color:var(--muted);margin:6px 0}.input{border:1px solid #e8edf2;border:1px solid var(--line);border-radius:10px;font-size:14px;outline:none;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.input:focus{border-color:#b8d9ff;box-shadow:0 0 0 4px #3884ff1f}.actions{gap:8px}.btn{background:#2f4d66;background:var(--brand);border:1px solid #2f4d66;border:1px solid var(--brand);border-radius:10px;color:#fff;font-weight:800;padding:9px 12px}.btn:hover{background:#275466;background:var(--brand-600);border-color:#275466;border-color:var(--brand-600)}.btn-delete-acct{background:#385a77;border-color:red;color:#22c55e}.btn-light{background:#f7fafc;border-color:#e8edf2;border-color:var(--line);color:#1f3e55;color:var(--ink)}.btn-light-update{margin-left:20px}.btn-light-update,.btn-light-update:hover{background:#ecf7fd;border-color:#e8edf2;border-color:var(--line);color:#1f3e55;color:var(--ink)}.btn-ghost{background:#0000;border-color:#0000;color:#2f4d66;color:var(--brand)}.btn-ghost:hover{background:#eef6ff;border-color:#d8eaff}.toggle-wrap{align-items:center;display:flex;gap:10px;margin-left:auto}.toggle-label{color:#6b7b88;color:var(--muted);font-weight:700}.toggle{display:inline-block;height:24px;position:relative;width:44px}.toggle input{display:none}.toggle-slider{background:#e1e7ef;border-radius:999px;inset:0;position:absolute;transition:background .15s}.toggle-slider:after{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000002e;content:"";height:18px;left:3px;position:absolute;top:3px;transition:left .15s ease;width:18px}.toggle input:checked+.toggle-slider{background:#3b82f6}.toggle input:checked+.toggle-slider:after{left:23px}.grid{grid-gap:10px;display:grid;gap:10px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid-3{grid-template-columns:1fr}}.checkbox-tile{align-items:center;background:#fff;border:1px solid #e8edf2;border:1px solid var(--line);border-radius:10px;color:#1f3e55;color:var(--ink);display:flex;font-weight:700;gap:10px;padding:10px 12px}.disabled .checkbox-tile{opacity:.55}.select{color:#000;margin-top:4px}.plan-summary{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.plan-badge{background:#eef6ff;color:#0f3b64;padding:6px 10px}.plan-badge,.status-pill{border-radius:999px;font-weight:800}.status-pill{border:1px solid #0000;font-size:12px;padding:4px 10px}.status-pill.active{background:#ddf6d8;border-color:#c7edbe;color:#147630}.status-pill.trialing{background:#fff3c9;border-color:#ffe8a2;color:#8a5a00}.status-pill.past_due{background:#feeceb;border-color:#ffd2cf;color:#912018}.plan-meta{color:#6b7b88;color:var(--muted);display:flex;flex-wrap:wrap;gap:16px;list-style:none;margin:0 0 10px;padding:0}.plan-meta strong{color:#1f3e55;color:var(--ink)}.pill-list{display:flex;flex-wrap:wrap;gap:8px}.pill{background:#f3f7fa;border:1px solid #e8edf2;border:1px solid var(--line);color:#1f3e55;color:var(--ink);font-size:12.5px;font-weight:700;padding:6px 10px}.settings-danger-zone{background:#fff7f7;border:1px solid #f2e8e8;border-radius:12px;box-shadow:0 1px 2px #0000000f;margin-top:28px;padding:22px}.settings-danger-zone h3{color:#c62828;font-size:1.1rem;font-weight:600;margin:0 0 8px}.settings-danger-text{color:#7a7a7a;font-size:.95rem;line-height:1.4;margin-bottom:20px}.settings-danger-btn{background:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 22px;transition:background .2s ease,transform .15s ease}.settings-danger-btn:hover{background:#b71c1c;transform:translateY(-1px)}.settings-danger-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.cancel-modal-backdrop{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.cancel-modal{max-width:420px}.cancel-modal h3{font-size:1.1rem;font-weight:600;margin:0 0 8px}.cancel-modal p{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0 0 20px}.cancel-modal-secondary{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;color:#111827;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background .15s ease,border-color .15s ease,transform .1s ease}.cancel-modal-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-.5px)}.cancel-modal-primary{background:#c62828;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 18px;transition:background .15s ease,transform .1s ease}.cancel-modal-primary:hover:not(:disabled){background:#b71c1c;transform:translateY(-.5px)}.cancel-modal-primary:disabled,.cancel-modal-secondary:disabled{cursor:not-allowed;opacity:.65;transform:none}.cancel-modal{background:#fff;border-radius:18px;box-shadow:0 18px 45px #0f172a59;max-width:520px;padding:22px 24px 20px;width:100%}.cancel-modal h3{color:#0f172a;font-size:1.05rem;font-weight:700;margin:0}.cancel-modal>p{color:#6b7280;font-size:.9rem;line-height:1.4;margin-bottom:12px;margin-top:6px}.feedback-reasons-list{display:flex;flex-direction:column;gap:6px;margin-top:14px;max-height:220px;overflow-y:auto;padding-right:4px}.feedback-reasons-list .checkbox-tile{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#111827;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 10px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease;width:100%}.feedback-reasons-list .checkbox-tile:hover{background:#f3f4f6;border-color:#d1d5db}.feedback-reasons-list .checkbox-tile input[type=checkbox]{accent-color:#2563eb;margin-top:2px}.cancel-modal .label{color:#374151;font-size:.85rem;font-weight:600}.cancel-modal textarea.input{font-size:.9rem;line-height:1.4;margin-top:4px;min-height:90px;resize:vertical}.cancel-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.status-pill.pilot{background:#eef6ff;border-color:#cfeaff;color:#0f3b64}.locations-layout{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1.2fr .8fr;margin-top:14px}@media (max-width:980px){.locations-layout{grid-template-columns:1fr}}.locations-panel{background:#fff;border:1px solid #e8edf2;border:1px solid var(--line);border-radius:14px;padding:14px}.locations-panel__top{align-items:flex-start;border-bottom:1px solid #e8edf2;border-bottom:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.locations-panel__title{color:#1f3e55;color:var(--ink);font-size:14px;font-weight:900}.locations-panel__hint{color:#6b7b88;color:var(--muted);font-size:12px;font-weight:700;margin-top:4px}.locations-empty{background:#fbfdff;border:1px dashed #e8edf2;border:1px dashed var(--line);border-radius:14px;padding:14px}.locations-empty__title{color:#1f3e55;color:var(--ink);font-weight:900;margin-bottom:6px}.locations-empty__text{color:#6b7b88;color:var(--muted);font-weight:600;line-height:1.45}.locations-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.location-card{background:#fff;border:1px solid #e8edf2;border:1px solid var(--line);border-radius:14px;padding:12px;transition:box-shadow .15s ease,transform .05s ease,border-color .15s ease}.location-card:hover{border-color:#d8eaff;box-shadow:0 10px 24px #1018280f;transform:translateY(-1px)}.location-card__row{align-items:center;display:flex;gap:10px;justify-content:space-between}.location-card__name{color:#1f3e55;color:var(--ink);font-size:14px;font-weight:900}.location-card__meta{align-items:center;color:#6b7b88;color:var(--muted);display:flex;font-size:12.5px;font-weight:700;line-height:1.35;margin-top:6px}.location-card__footer{color:#6b7b88;color:var(--muted);display:inline-flex;font-size:12px;font-weight:800;gap:8px}.location-dot{background:#cbd5e1;border-radius:999px;height:9px;width:9px}.location-dot.on{background:#22c55e}.location-dot.off{background:#f97316}.location-status{letter-spacing:.01em}.location-badge{border:1px solid #0000;border-radius:999px;font-size:12px;font-weight:900;padding:6px 10px;white-space:nowrap}.location-badge--primary{background:#ddf6d8;border-color:#c7edbe;color:#147630}.location-badge--secondary{background:#eef6ff;border-color:#cfeaff;color:#0f3b64}.locations-form{display:flex;flex-direction:column}.locations-preview{background:#fbfdff;border:1px solid #e8edf2;border:1px solid var(--line);border-radius:14px;margin-top:12px;padding:12px}.locations-preview__title{color:#1f3e55;color:var(--ink);font-size:12px;font-weight:900;margin-bottom:6px}.locations-preview__line{color:#6b7b88;color:var(--muted);font-size:12.5px;font-weight:700;line-height:1.35}.locations-add-btn{margin-top:12px;width:-webkit-fit-content;width:fit-content}.locations-note{color:#6b7b88;color:var(--muted);font-size:12px;font-weight:700;line-height:1.4;margin-top:10px}.location-card.inactive{opacity:.65}.location-card__footer{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:10px}@media (max-width:768px){.websettings-wrapper{flex-direction:column!important;height:auto!important;min-height:100vh!important;padding:14px!important}.settings-sidebar{display:none!important}.settings-content{max-width:100%!important;padding-left:0!important;width:100%!important}.settings-header{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.settings-mobile-switch{margin-top:10px;width:100%}.settings-mobile-label{color:#6b7b88;color:var(--muted);display:block;font-size:12px;font-weight:800;letter-spacing:.04em;margin-bottom:6px}.settings-mobile-select{background:#fff;border:1px solid #e8edf2;border:1px solid var(--line);border-radius:12px;color:#1f3e55;color:var(--ink);font-weight:800;height:44px;outline:none;padding:0 12px;width:100%}.settings-mobile-select:focus{border-color:#b8d9ff;box-shadow:0 0 0 4px #3884ff1f}.settings-header .btn.btn-ghost{justify-content:center;width:100%}}.btn-light-update.is-loading{cursor:not-allowed;opacity:.85}.btn-light-update:disabled{cursor:not-allowed}.btn-spinner{animation:btnSpin .8s linear infinite;border:2px solid #0003;border-radius:999px;border-top-color:#000000a6;display:inline-block;height:14px;margin-right:10px;vertical-align:-2px;width:14px}@keyframes btnSpin{to{transform:rotate(1turn)}}@media (max-width:768px){.settings-content{background:#f6f9fb!important;background:var(--bg)!important;padding:0!important}.settings-header{margin-bottom:0!important}.settings-mobile-topbar{align-items:center;display:grid;grid-template-columns:44px 1fr 44px;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.settings-mobile-title{color:#1f3e55;color:var(--ink);font-size:16px;font-weight:900;letter-spacing:.01em;text-align:center}.settings-mobile-back{background:#0000;border:1px solid #0000;border-radius:12px;color:#1f3e55;color:var(--ink);display:grid;height:38px;margin-bottom:9px;width:38px}.settings-mobile-back:active{background:#eef6ff;border-color:#d8eaff}.settings-mobile-spacer{height:1px;width:44px}.settings-mobile-home{margin:0 auto;max-width:520px;padding:14px 12px 18px}.settings-mobile-search{padding:8px 0 12px}.settings-mobile-search-input{background:#fff;border:1px solid #e8edf2;border:1px solid var(--line);border-radius:12px;color:#1f3e55;color:var(--ink);font-weight:700;height:42px;outline:none;padding:0 12px;width:100%}.settings-mobile-search-input:focus{border-color:#b8d9ff;box-shadow:0 0 0 4px #3884ff1f}.settings-mobile-list{background:#fff;border:1px solid #e8edf2;border:1px solid var(--line);border-radius:16px;overflow:hidden}.settings-mobile-row{align-items:center;background:#fff;border:0;border-bottom:1px solid #e8edf2;border-bottom:1px solid var(--line);cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px;text-align:left;width:100%}.settings-mobile-row:last-child{border-bottom:0}.settings-mobile-row-left{align-items:center;display:flex;gap:10px;min-width:0}.settings-mobile-ico{background:#f3f7fb;border:1px solid #e8edf2;border:1px solid var(--line);border-radius:10px;color:#0f3b64;display:grid;flex:0 0 auto;height:34px;place-items:center;width:34px}.settings-mobile-label{color:#1f3e55;color:var(--ink);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-mobile-chevron{color:#9aa8b6;flex:0 0 auto;font-size:22px;line-height:1}.settings-mobile-row:active{background:#f6f9fb}.settings-mobile-row.is-disabled{opacity:.55}}.onboarding-wrapper-container{align-items:flex-start;background-color:#f5f9fa;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;overflow-y:auto;padding:16px;width:100%}.onboarding-wrapper{background-color:#fff;border-radius:16px;box-shadow:0 4px 25px #00000014;display:flex;overflow:hidden;width:min(980px,100%)}.onboarding-left{flex-direction:column}.logo{font-size:4rem;font-weight:900;letter-spacing:2px;margin-bottom:.5rem}.onboarding-brand{display:column}.onboard-brand-logo{height:68px;object-fit:contain;width:68px}.onboard-brand-logo1{height:54px;object-fit:contain;width:54px}.onboarding-left h2{font-size:2rem;margin-bottom:.25rem}.onboarding-left p{font-size:1.1rem;font-weight:300}.onboarding-right{background-color:#fff;flex:1.5 1;padding:3rem;position:relative}.onboarding-steps{align-items:center;display:flex;flex-direction:column;gap:1.1rem;position:absolute;right:1.5rem;top:1.5rem}.step-circle{background:#e0e0e0;border:2px solid #0000;border-radius:50%;height:14px;transition:all .3s ease;width:14px}.step-circle.active{background:#275466;border-color:#275466}.onboarding-form{max-width:650px}.onboarding-form-title{color:#275466;font-size:1.6rem;font-weight:700;margin-bottom:2rem}.onboarding-form-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-field{position:relative}.onboarding-field input,.onboarding-field select{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:10px;font-size:1rem;height:52px;outline:none;padding:1.05rem .85rem .65rem;transition:all .2s ease;width:100%}.onboarding-field input:focus,.onboarding-field select:focus{background-color:#fff;border-color:#275466;box-shadow:0 6px 16px #27546638}.onboarding-field label{background:#0000;color:#6b7280;font-size:.9rem;font-weight:500;left:.85rem;padding:0 .25rem;pointer-events:none;position:absolute;top:16px;transition:.18s ease}.onboarding-field input:focus+label,.onboarding-field input:not(:placeholder-shown)+label,.onboarding-field select:focus+label,.onboarding-field select[data-hasvalue=true]+label{background:#fff;color:#275466;font-size:.78rem;font-weight:700;left:.75rem;top:-8px}.onboarding-field-static-label{position:relative}.static-label{background:#0000!important;color:#275466;display:block;font-size:.9rem;font-weight:700;margin-bottom:8px;padding:0!important;pointer-events:auto;position:static!important}.helper{color:#6b7280;font-size:.8rem}.error-text,.helper{display:block;margin-top:.3rem}.error-text{color:#b00020;font-size:.85rem}.onboarding-field input.error,.onboarding-field select.error{background-color:#fff6f6;border-color:#b00020}.onboarding-step-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.onboarding-back-buttons{background-color:#c5c3c3;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:all .2s ease}.onboarding-step-buttons button:hover{box-shadow:0 2px 10px #00000014;transform:translateY(-1px)}.onboarding-button{background-color:#275466}.onboarding-field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}@media (max-width:768px){.onboarding-wrapper{flex-direction:column;width:100%}.onboarding-left,.onboarding-right{flex:initial;padding:2rem}.onboarding-form-grid{grid-template-columns:1fr}.onboarding-steps{flex-direction:row;gap:.75rem;justify-content:center;margin-bottom:1rem;position:static;right:auto;top:auto}}@media (max-width:480px){.onboarding-wrapper-container{padding:12px}.onboarding-wrapper{border-radius:18px}.onboarding-left{padding:22px 16px}.logo{font-size:3rem;margin-bottom:6px}.onboarding-left h2{font-size:1.4rem}.onboarding-left p{font-size:.95rem}.onboarding-right{padding:18px 16px 22px}.onboarding-form-title{font-size:1.35rem;margin-bottom:1.25rem}.onboarding-form-grid{gap:1rem}.onboarding-step-buttons{align-items:stretch;flex-direction:column;margin-top:1.5rem}.onboarding-step-buttons button{border-radius:12px;padding:.9rem 1rem;width:100%}}.onboarding-left{background:linear-gradient(135deg,#1a2124,#34667c);color:#fff;flex:1 1;justify-content:center;overflow:hidden;padding:3rem;text-align:center}.onboarding-left,.onboarding-left-inner{align-items:center;display:flex;position:relative}.onboarding-left-inner{flex-direction:column;gap:18px;max-width:340px;width:100%;z-index:1}.brand-stack{align-items:center;display:flex;flex-direction:column;gap:10px}.brand-mark{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:18px;box-shadow:0 12px 30px #00000040;display:grid;height:86px;place-items:center;width:86px}.brand-logoo{height:54px;object-fit:contain;width:54px}.brand-wordmark{align-items:center;display:flex;justify-content:center}.brand-text{height:auto;object-fit:contain;opacity:.95;width:120px}.left-divider{background:#ffffff38;border-radius:99px;height:2px;width:72px}.left-copy{align-items:center;display:flex;flex-direction:column;gap:8px}.left-title{font-size:1.15rem;font-weight:700;letter-spacing:.2px;margin:0;opacity:.92}.left-name{font-size:1.9rem;font-weight:800;letter-spacing:-.3px;line-height:1.1}.left-sub{font-size:.95rem;line-height:1.5;margin:0;max-width:30ch;opacity:.85}.left-step{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:6px;width:100%}.left-step-chip{align-items:center;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;display:inline-flex;font-size:.85rem;font-weight:700;justify-content:center;letter-spacing:.2px;padding:8px 12px}.left-step-label{font-size:.95rem;font-weight:700;opacity:.92}@media (max-width:768px){.onboarding-left{padding:26px 18px}.onboarding-left-inner{max-width:520px}.left-sub{max-width:60ch}}@media (max-width:480px){.brand-mark{border-radius:16px;height:74px;width:74px}.brand-logo{height:48px;width:48px}.brand-text{width:108px}.left-name{font-size:1.6rem}}.features-page{background-color:#34667c;color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding:64px 20px 96px}.features-header{margin:72px auto 56px;max-width:880px;text-align:center}.features-header h1{font:400 clamp(2.2rem,3.6vw,3rem) BIZ UDPMincho,serif;letter-spacing:.2px;margin:0 0 .35rem}.features-header p{font-size:clamp(1rem,1.6vw,1.1rem);line-height:1.75;margin:0 auto;opacity:.92}.features-list{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(90%,1fr));margin:0 auto;max-width:1200px}.feature-card{--card-accent:#0c3b4a;--chip-bg:#ffffff8c;--chip-fg:#08232b;background:#fff;border:1px solid #05161f14;border-radius:16px;box-shadow:0 10px 24px #0619220f,0 1px 0 #0619220f;color:#183741;grid-template-columns:1.15fr .85fr;overflow:visible;padding:28px 26px 22px;transition:transform .15s ease,box-shadow .15s ease}.feature-card,.feature-media{display:grid;position:relative}.feature-media{margin-bottom:10rem;min-height:260px;place-items:center}.feature-shot{background:#fff;border:1px solid #08232b0f;border-radius:12px;box-shadow:0 8px 22px #07202b1f;overflow:hidden}.feature-shot img{display:block;height:auto;width:100%}.feature-shot--primary{width:min(420px,85%);z-index:2}.feature-shot--secondary{bottom:-150px;opacity:.98;position:absolute;right:-12px;top:300px;transform:rotate(-3deg);width:min(420px,95%);z-index:1}@media (max-width:900px){.feature-card{grid-template-columns:1fr}.feature-media{min-height:0;padding-top:10px}.feature-shot--secondary{bottom:0;margin-top:12px;position:relative;right:0;transform:none;width:min(360px,88%)}}.feature-card:after{background:radial-gradient(1200px 400px at -15% -25%,#ffffff59,#0000 45%),radial-gradient(900px 360px at 115% 120%,#ffffff40,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.feature-card:hover{box-shadow:0 18px 40px #0619221a,0 1px 0 #0619220f;transform:translateY(-3px)}.feature-card-text h2{color:var(--card-accent);font:400 1.55rem BIZ UDPMincho,serif;margin:0 0 8px}.feature-what{color:#254e5a;font-weight:500;margin:0 0 14px}.feature-highlights,.feature-why{color:#0e2b37;font-size:.94rem;font-weight:800;letter-spacing:.2px;margin:18px 0 6px;text-transform:none}.feature-highlights-list,.feature-value{list-style:none;margin:0 0 6px;padding:0}.feature-highlights-list li,.feature-value li{color:#3a6673;line-height:1.55;margin:8px 0;padding-left:24px;position:relative}.feature-highlights-list li:before,.feature-value li:before{color:var(--card-accent);content:"✓";font-weight:800;left:0;position:absolute;top:0}.feature-divider{background:linear-gradient(90deg,#0000000f,#0000000a,#00000005,#0000);border:0;height:1px;margin:14px 0 12px}.feature-footer{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.feature-chip{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:var(--chip-bg);border:1px solid #fff9;border-radius:999px;color:var(--chip-fg);display:inline-block;font-size:.84rem;padding:6px 10px}.feature-mini-cta{-webkit-appearance:none;appearance:none;background:#0000;border:1.5px solid var(--card-accent);border-radius:10px;color:var(--card-accent);cursor:pointer;font-weight:700;padding:7px 12px;transition:background .15s ease,color .15s ease,transform .15s ease}.feature-mini-cta:hover{background:var(--card-accent);color:#fff;transform:translateY(-1px)}.employee-management-card{--card-accent:#116a7b;background:linear-gradient(8deg,#d7f1ff,#cfece7 55%,#fff)}.time-tracking-card{--card-accent:#a86100;background:linear-gradient(8deg,#ffe7c6,#ffe0b3 54%,#fff8ef)}.scheduling-card{--card-accent:#0a7b5c;background:linear-gradient(8deg,#dffbe7,#c7f0df 55%,#fff)}.leave-management-card{--card-accent:#b2526b;background:linear-gradient(8deg,#ffe1ea,#ffd2c3 55%,#fff)}.expense-management-card{--card-accent:#4250d1;background:linear-gradient(8deg,#e5eaff,#d6ddff 55%,#fff)}.training-manager-card{--card-accent:#c44242;background:linear-gradient(8deg,#ffe5e3,#ffcaca 55%,#fff)}.reports-analytics-card{--card-accent:#6f3fb8;background:linear-gradient(8deg,#efeaff,#e4d7f1 55%,#fff)}.helpdesk-card{--card-accent:#2e8a3e;background:linear-gradient(8deg,#ecfff1,#d6ffd9 55%,#fff)}@media (max-width:1100px){.features-list{gap:28px;grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.features-list{gap:18px;grid-template-columns:1fr}.feature-card{border-radius:14px;padding:22px 18px}.features-header{margin:56px auto 40px}.features-header h1{font-size:2.2rem}}.feature-media-single{display:grid;padding:8px 0 0;place-items:center}.feature-shot-single{background:#fff;border:1px solid #08232b14;border-radius:14px;box-shadow:0 10px 24px #07202b14;cursor:zoom-in;overflow:hidden;position:relative;width:min(520px,92%)}.feature-shot-single img{display:block;height:auto;width:100%}.feature-viewmore{background:#0009;border-radius:999px;bottom:10px;color:#fff;font-size:.82rem;font-weight:700;padding:6px 10px;pointer-events:none;position:absolute;right:10px}.gallery-modal{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08141abf;display:grid;grid-template-rows:1fr auto;inset:0;justify-items:center;padding:24px 16px;position:fixed;z-index:9999}.gallery-close{background:#0000;border:0;color:#fff;cursor:pointer;font-size:34px;position:absolute;right:16px;top:14px}.gallery-stage{grid-gap:10px;display:grid;gap:10px;max-width:1100px;place-items:center;width:96vw}.gallery-stage img{background:#fff;border-radius:12px;box-shadow:0 16px 40px #00000059;height:auto;width:100%}.gallery-caption{color:#e7eff4;font-weight:600;text-shadow:0 1px 0 #0006}.gallery-nav{background:#ffffff29;border:0;border-radius:50%;color:#fff;cursor:pointer;font-size:30px;height:44px;position:absolute;top:50%;transform:translateY(-50%);width:44px}.gallery-nav:hover{background:#ffffff3d}.gallery-nav--left{left:18px}.gallery-nav--right{right:18px}.gallery-thumbs{display:flex;gap:10px;margin-top:12px;max-width:1100px;overflow-x:auto;padding-bottom:8px;width:96vw}.gallery-thumb{background:#0000;border:2px solid #0000;border-radius:8px;cursor:pointer;padding:0}.gallery-thumb img{background:#fff;border-radius:6px;display:block;height:64px;width:auto}.gallery-thumb.is-active{border-color:#fff}@media (max-width:900px){.feature-shot-single{width:100%}.gallery-nav--left{left:6px}.gallery-nav--right{right:6px}}.feature-industries{color:#64748b;font-size:13.5px;line-height:1.45;margin:8px 0 12px}.feature-industry-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.industry-chip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;color:#334155;font-size:12px;font-weight:650;padding:6px 10px}:root{--teal-900:#244a59;--teal-800:#2c5d6e;--teal-700:#34667c;--teal-600:#38798c;--ink:#001217;---text:#fff;---muted:#cfe9f3;--accent:#a8e5f7;--mint:#6dd3b6;--tint:#ffffff0d;--card-border:#ffffff1a}.about-page{color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.about-hero,.about-page{background:linear-gradient(180deg,#34667c,#2c5d6e);background:linear-gradient(180deg,var(--teal-700) 0,var(--teal-800) 100%)}.about-hero{padding:100px 20px 60px;text-align:center}.about-hero h1{color:#fff;font-family:BIZ UDPMincho,serif;font-size:clamp(2.4rem,4vw,3.2rem);font-weight:400;margin:0 0 12px}.about-hero p{color:#fff;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65;margin:0 auto;max-width:720px;opacity:.92}.about-block{padding:80px 24px}.about-block.tinted{background:#ffffff0d;background:var(--tint)}.about-content{margin:0 auto;width:min(1100px,92vw)}.about-content h2{color:#a8e5f7;color:var(--accent);font-family:BIZ UDPMincho,serif;font-size:clamp(1.6rem,2.6vw,2rem);font-weight:400;margin:0 0 10px}.about-content p{color:#fff;color:var(---text);font-size:1.08rem;line-height:1.75;max-width:900px;opacity:.96}.about-content blockquote{border-left:4px solid #6dd3b6;border-left:4px solid var(--mint);color:#cfe9f3;color:var(---muted);font-size:1.15rem;font-style:italic;margin:18px 0 16px;padding-left:16px}.story-line{border-left:2px solid #6dd3b6;border-left:2px solid var(--mint);margin-top:14px;max-width:900px;padding-left:20px}.story-item{margin:26px 0 34px;position:relative}.story-item .dot{background:#6dd3b6;background:var(--mint);border-radius:50%;height:12px;left:-16px;position:absolute;top:6px;width:12px}.story-item h4{color:#a8e5f7;color:var(--accent);font-weight:700;margin:0 0 6px}.story-item p{color:#fff;color:var(---text);line-height:1.65;margin:0;opacity:.95}.about-values-grid{margin:70px auto 10px;padding:0 24px;text-align:center;width:min(1100px,92vw)}.about-values-grid h2{color:#a8e5f7;color:var(--accent);font-family:BIZ UDPMincho,serif;font-size:clamp(1.6rem,2.6vw,2rem);font-weight:400;margin-bottom:16px}.values-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:14px}.value-card{background:#ffffff0d;background:var(--tint);border:1px solid #ffffff1a;border:1px solid var(--card-border);border-radius:12px;padding:18px 12px;transition:transform .18s ease,background .18s ease}.value-card:hover{background:#ffffff14;transform:translateY(-3px)}.value-card strong{color:#a8e5f7;color:var(--accent);display:block}.value-card p{color:#cfe9f3;color:var(---muted);margin-top:4px}.about-cta{background:linear-gradient(90deg,#34667c,#38798c);background:linear-gradient(90deg,var(--teal-700),var(--teal-600));border:1px solid #ffffff1a;border:1px solid var(--card-border);border-radius:16px;margin:80px auto 110px;padding:56px 20px;text-align:center;width:min(1100px,92vw)}.about-cta h2{color:#a8e5f7;color:var(--accent);font-family:BIZ UDPMincho,serif;font-size:clamp(1.6rem,2.6vw,2rem);margin:0 0 6px}.about-cta p{color:#fff;color:var(---text);line-height:1.6;margin:0 auto 14px;max-width:720px;opacity:.92}.about-btn{background:#a8e5f7;background:var(--accent);border:0;border-radius:10px;box-shadow:0 10px 22px #a8e5f740;color:#001217;color:var(--ink);cursor:pointer;font-weight:700;padding:12px 22px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.about-btn:hover{box-shadow:0 12px 26px #a8e5f754;transform:translateY(-1px)}.about-btn:active{transform:translateY(0)}@media (max-width:720px){.about-block{padding:64px 18px}.about-cta{padding:44px 16px}}.prices-page{background:#34667c;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;min-height:100vh;padding:70px 20px 80px}.prices-header{margin:10px auto 26px;max-width:850px;text-align:center}.prices-header h1{border-bottom:2px solid #90cdf4;display:inline-block;font-family:BIZ UDPMincho,serif;font-size:3rem;font-weight:400;padding-bottom:8px}.prices-header .subtitle{margin:14px 0 16px;opacity:.9}.billing-toggle1{background:#153844;border:1px solid #a8e5f740;border-radius:999px;display:inline-flex;gap:8px;padding:6px}.toggle-pill{background:#0000;border:0;border-radius:999px;color:#dff6ff;cursor:pointer;font-weight:600;letter-spacing:.2px;padding:10px 14px}.toggle-pill.active{background:#0fbad6;color:#001217}.toggle-pill .save-pill{background:#9ff0ff;border-radius:999px;color:#001217;font-size:.75rem;margin-left:8px;padding:2px 6px}.billing-note{font-size:.95rem;margin-top:8px;opacity:.8}.section-title{font-family:BIZ UDPMincho,serif;font-size:2rem;font-weight:400;margin:28px 0 12px}.plans-section{margin:0 auto;max-width:1200px}.plans-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-card{background:#2f4d5a;border:1px solid #a8e5f726;border-radius:16px;box-shadow:0 10px 24px #0000002e;padding:18px;position:relative}.plan-card.popular{outline:2px solid #0fbad6}.plan-card .badge{background:#0fbad6;border-radius:999px;box-shadow:0 6px 14px #0fbad659;color:#001217;font-size:.75rem;font-weight:700;padding:6px 10px;position:absolute;right:14px;top:-12px}.plan-head h3{font-size:1.35rem;margin:0}.tagline{color:#cfe9f4;font-size:.95rem;margin:.25rem 0 8px}.starting{margin:8px 0 10px}.from{margin-right:6px;opacity:.85}.price{font-size:1.7rem;font-weight:800}.price .per{font-size:.95rem;font-weight:600;margin-left:4px;opacity:.85}.tier-table{background:#26434f;border-collapse:collapse;border-radius:12px;margin:8px 0 10px;overflow:hidden;width:100%}.tier-table td,.tier-table th{border-bottom:1px solid #ffffff14;padding:10px 12px;text-align:left}.tier-table th{background:#1f3944;color:#cfe9f4;font-weight:600}.tier-table tr:last-child td{border-bottom:0}.highlights{grid-gap:6px;display:grid;gap:6px;list-style:none;margin:8px 0 14px;padding:0}.check-ico{color:#90cdf4;margin-right:6px}.cta{background:#a8e5f7;border-radius:10px;color:#001217;display:block;font-weight:800;letter-spacing:.2px;padding:12px 16px;text-align:center;text-decoration:none}.cta:hover{filter:brightness(1.05)}.compare-section{margin:36px auto 0;max-width:1200px}.compare-table{border-radius:12px;overflow-x:auto}.compare-table table{background:#2f4d5a;border:1px solid #a8e5f726;border-collapse:collapse;width:100%}.compare-table td,.compare-table th{border-bottom:1px solid #ffffff14;padding:16px 14px}.compare-table thead th{background:#a8e5f7;color:#1f3a45;font-family:BIZ UDPMincho,serif;font-weight:400}.feature-name{text-align:left}.cell-center{text-align:center}.check{color:#90cdf4}.check,.cross{font-size:1.1rem}.cross{color:#f87171}.price-footnotes{font-size:.95rem;margin:16px auto 0;max-width:900px;opacity:.85;text-align:center}@media (max-width:720px){.prices-header h1{font-size:2.2rem;padding-top:30px}.section-title{font-size:1.6rem}}:root{--card-bg:#fff;--border:#e2e8f0;--error-bg:#fee2e2;--error-fg:#b91c1c;--btn-muted-bg:#f3f4f6;--btn-muted-fg:#111827;--primary-start:#0ea5e9;--primary-end:#2563eb}.verify-wrapper{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 40px #020c1b1f;color:#0f172a;color:var(--text);margin:6rem auto;max-width:720px;padding:48px 40px;text-align:center}.verify-wrapper h1{font-size:28px;letter-spacing:-.02em;line-height:1.2;margin-bottom:12px}.verify-wrapper p{color:#64748b;color:var(--muted);font-size:16px;margin:6px 0}.verify-wrapper b{color:#0f172a;color:var(--text)}.verify-wrapper .error{background:#fee2e2;background:var(--error-bg);border:1px solid #b91c1c33;border-radius:12px;color:#b91c1c;color:var(--error-fg);display:inline-block;margin:16px 0 0;padding:10px 12px}.actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:24px 0 8px}.actions button{-webkit-appearance:none;appearance:none;border:0;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;height:48px;padding:0 18px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,background .18s ease}.actions button:first-child{background:#f3f4f6;background:var(--btn-muted-bg);border:1px solid #e2e8f0;border:1px solid var(--border);color:#111827;color:var(--btn-muted-fg)}.actions button:first-child:hover{background:#e5e7eb;transform:translateY(-1px)}.actions .primary{background:linear-gradient(135deg,#2f4d66,#3a5f7d 50%,#466f8c);box-shadow:0 10px 20px #2563eb2e;color:#fff}.actions .primary:hover:not(:disabled){box-shadow:0 14px 26px #2563eb47;transform:translateY(-1px)}.actions .primary:not(:disabled){animation:breathe 1.8s ease-in-out infinite}@keyframes breathe{0%{box-shadow:0 0 0 0 #2563eb4d}70%{box-shadow:0 0 0 14px #2563eb00}to{box-shadow:0 0 0 0 #2563eb00}}.actions .disabled,.actions button:disabled{background:#e5e7eb;box-shadow:none;color:#6b7280;cursor:not-allowed;opacity:.9;transform:none}.verify-wrapper small{color:#64748b;color:var(--muted);display:block;font-size:13px;margin-top:10px}@media (max-width:900px){.verify-wrapper{margin:4rem 2rem}}@media (max-width:640px){.verify-wrapper{border-radius:16px;margin:2rem 1rem;padding:32px 20px}.actions{gap:10px}.actions button{width:100%}}:root{--bg:#f6f8fb;--ink:#0f172a;--muted:#63708a;--line:#e6ebf2;--ring:#3867ff;--chip:#eef3ff;--chip-on:#dfe8ff;--primary:#0b5fff;--radius:16px;--shadow:0 6px 24px #10182814}.dbx{color:#0f172a;color:var(--ink);margin:28px auto 96px;max-width:1200px;padding:0 20px}.dbx-hero .dbx-pill{background:linear-gradient(135deg,#e8efff,#f6f9ff);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:999px;color:#63708a;color:var(--muted);font-size:12px;font-weight:600;padding:4px 10px}.dbx-hero h1{font-size:28px;letter-spacing:-.01em;margin:8px 0 6px}.dbx-hero p{color:#63708a;color:var(--muted);margin:0 0 18px}.dbx-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.15fr .85fr}@media (max-width:1000px){.dbx-grid{grid-template-columns:1fr}}.dbx-card{background:#fff;background:var(--card);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:16px;border-radius:var(--radius);box-shadow:0 6px 24px #10182814;box-shadow:var(--shadow)}.dbx-form{padding:18px}.dbx-card-title{font-size:16px;margin:16px 16px 8px}.dbx-section+.dbx-section{margin-top:14px}.dbx-section-title{color:#63708a;color:var(--muted);font-size:14px;margin:4px 0 10px}.dbx-field{margin-bottom:12px}.dbx-field label{display:block;font-weight:600;margin-bottom:6px}.req{color:#e11d48}.dbx-field input,.dbx-field textarea{background:#fbfdff;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s,background .15s;width:100%}.dbx-field textarea{resize:vertical}.dbx-field input:focus,.dbx-field textarea:focus{background:#fff;border-color:#3867ff;border-color:var(--ring);box-shadow:0 0 0 3px #0b5fff1f}.dbx-hint{color:#63708a;color:var(--muted);font-size:12px;margin-top:6px}.dbx-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:780px){.dbx-row{grid-template-columns:1fr}}.dbx-segment{background:#f2f5fc;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:999px;display:inline-flex;gap:4px;padding:4px}.dbx-seg{align-items:center;background:#0000;border:0;border-radius:999px;color:#63708a;color:var(--muted);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:8px 12px}.dbx-seg .seg-ic{font-size:14px}.dbx-seg.active{background:#fff;box-shadow:0 6px 24px #10182814;box-shadow:var(--shadow);color:#0f172a;color:var(--ink)}.dbx-seg.active.seg-info{box-shadow:inset 0 0 0 2px #a9c6ff}.dbx-seg.active.seg-low{box-shadow:inset 0 0 0 2px #ffe08c}.dbx-seg.active.seg-high{box-shadow:inset 0 0 0 2px #ffb3b3}.dbx-chips{display:flex;flex-wrap:wrap;gap:8px}.dbx-chip{background:#eef3ff;background:var(--chip);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:999px;color:#2b3c66;cursor:pointer;font-weight:600;padding:8px 12px}.dbx-chip.on{background:#dfe8ff;background:var(--chip-on);border-color:#c7d6ff}.dbx-chip .check{margin-right:6px}.dbx-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.btn{border:0;font-weight:700;padding:12px 16px}.btn.primary{background:linear-gradient(135deg,#2f6bff,#0b5fff);box-shadow:0 8px 20px #0b5fff38}.btn.ghost{background:#f3f6fc;border:1px solid #e6ebf2;border:1px solid var(--line);color:#24324a}.btn:disabled{cursor:not-allowed;opacity:.6}.dbx-side{grid-gap:16px;display:grid;gap:16px;height:-webkit-fit-content;height:fit-content}@media (min-width:1001px){.dbx-side{position:-webkit-sticky;position:sticky;top:18px}}.dbx-preview{padding:16px}.preview-head{align-items:center;display:flex;gap:10px;margin-bottom:6px}.preview-title{font-size:16px;font-weight:700}.preview-body{color:#31415f;line-height:1.45;margin-bottom:8px}.preview-link{color:#0b5fff;color:var(--primary);font-weight:600;text-decoration:none}.preview-link:hover{text-decoration:underline}.badge{background:#f9fbff;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:6px;color:#2a3c66;font-size:10px;letter-spacing:.04em;padding:4px 6px;text-transform:uppercase}.badge.sev-info{border-color:#cfe0ff;color:#2a4da6}.badge.sev-low{border-color:#ffe7b3;color:#8a6a1d}.badge.sev-high{border-color:#fcc;color:#a11f2c}.dbx-empty{color:#63708a;color:var(--muted);padding:8px 16px 16px}.dbx-timeline{list-style:none;margin:0;padding:12px 10px 14px}.dbx-tl-item{margin:10px 0;padding-left:24px;position:relative}.dbx-tl-item:before{background:#e6ebf2;background:var(--line);bottom:-10px;content:"";left:7px;position:absolute;top:0;width:2px}.dbx-tl-dot{background:#c9d6ff;border:2px solid #fff;border-radius:50%;box-shadow:0 6px 24px #10182814;box-shadow:var(--shadow);height:10px;left:2px;position:absolute;top:4px;width:10px}.dbx-tl-content{background:#fafcff;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.dbx-tl-row{align-items:center;display:flex;gap:8px}.dbx-tl-title{font-weight:700}.dbx-tl-sub{color:#63708a;color:var(--muted);font-size:13px;margin-top:4px}.dbx-back{background:#0000;border:none;color:#0f172a;cursor:pointer;font-weight:900;margin-bottom:10px;padding:0;text-decoration:none}.dbx-back:hover{text-decoration:underline}:root{--bg0:#f6f7fb;--bg1:#eef2ff;--card:#fff;--text:#0f172a;--muted:#64748b;--muted2:#94a3b8;--line:#0f172a14;--line-2:#0f172a1f;--green:#1f7a3a;--green-2:#2f7e3e;--green-soft:#1f7a3a1f;--danger:#dc2626;--warn:#f59e0b;--blue:#2563eb;--shadow:0 18px 44px #0206171a;--shadow-soft:0 10px 26px #02061712;--radius:18px;--radius-sm:14px}*{box-sizing:border-box}body,html{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}.ts-page{background-color:#fff;color:#0f172a;color:var(--text)}.ts-card{background:#fff;background:var(--card);height:100vh;width:100%}.ts-topbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:14px 26px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.ts-titleblock{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px}.ts-title{color:#164766;font-size:20px;font-weight:900;letter-spacing:-.02em;margin:30px}.ts-subtitle{color:#64748b;color:var(--muted);font-size:12.5px;font-weight:700}.ts-period-mini{align-items:center;background:#1f7a3a14;display:flex;gap:10px;padding:8px 10px;white-space:nowrap}.ts-period-mini,.ts-period-mini .badge{border:1px solid #1f7a3a2e;border-radius:999px}.ts-period-mini .badge{background:#fff;color:#1f7a3a;color:var(--green);font-size:11px;font-weight:900;height:22px;letter-spacing:.06em;padding:0 10px;text-transform:uppercase}.ts-period-mini .text{color:#0b1220;font-size:12.5px;font-weight:800}.ts-period-mini .sub{color:#0f172a8c;font-size:12px;font-weight:800}.btn{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:850;gap:8px;justify-content:center;min-height:42px;padding:10px 14px;transition:transform .08s ease,box-shadow .18s ease,opacity .2s ease,background .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn.back{background:#2f4d66;border-color:#ffffff14;color:#fff;font-size:.83rem}.btn.back:hover{box-shadow:0 10px 26px #02061712;box-shadow:var(--shadow-soft)}.btn.ghost{background:#fff;border-color:#0f172a1f;border-color:var(--line-2);color:#0b1220}.btn.ghost:hover{border-color:#1f7a3a59;box-shadow:0 10px 22px #0206170f}.btn.primary{background:#205e85;border-color:#ffffff14;color:#fff}.btn.primary:hover{box-shadow:0 14px 28px #1f7a3a2e}.btn.primary.disabled,.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.55;transform:none}.ts-controls{grid-gap:12px;align-items:end;background:linear-gradient(180deg,#f8fafccc,#fff);border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--line);display:grid;gap:12px;grid-template-columns:1.6fr 1fr 1.6fr 1.2fr;padding:16px 18px}.ts-field{display:flex;flex-direction:column;gap:6px}.ts-field>span{color:#64748b;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ts-field input[type=date],.ts-field select{background:#fff;border:1px solid #0f172a1f;border:1px solid var(--line-2);border-radius:12px;color:#0f172a;color:var(--text);font-weight:750;height:44px;outline:none;padding:0 12px}.ts-field input[type=date]:focus,.ts-field select:focus{border-color:#1f7a3a73;box-shadow:0 0 0 4px #1f7a3a1f}.ts-seg .seg{background:#f8fafc;border:1px solid #0f172a1f;border:1px solid var(--line-2);border-radius:14px;display:inline-flex;overflow:hidden;width:100%}.seg-btn{background:#0000;border:0;color:#0b1220;cursor:pointer;flex:1 1;font-weight:900;height:34px;transition:background .18s ease,color .18s ease}.seg-btn[data-active=true]{background:#bbe4f7;color:#2f4d66;margin-bottom:10px;margin-left:20px}.ts-period{background:#fff;border:1px solid #1f7a3a38;border-radius:14px;padding:12px 12px 10px}.ts-period-badge{align-items:center;background:#fff;border:1px solid #1f7a3a38;border-radius:999px;color:#2f4d66;display:inline-flex;font-size:11px;font-weight:900;height:22px;letter-spacing:.06em;padding:0 10px;text-transform:uppercase}.ts-period-text{color:#0b1220;font-weight:900;margin-top:6px}.ts-period-sub{color:#0f172aa6;font-size:12px;font-weight:800;margin-top:3px}.ts-actionsbar{align-items:center;background:#fff;border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:12px 18px}.btn-row{display:flex;flex-wrap:wrap;gap:10px}.ts-alert{grid-gap:10px;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:14px;display:grid;gap:10px;grid-template-columns:42px 1fr;margin:14px 18px 6px;padding:12px}.ts-alert-icon{background:#f59e0b2e;border:1px solid #f59e0b40;border-radius:12px;display:grid;font-size:18px;height:42px;place-items:center;width:42px}.ts-alert-title{font-weight:950}.ts-alert-text{color:#0f172abf;font-size:13.5px;font-weight:700;margin-top:4px}.ts-alert-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{align-items:center;background:#fff;border:1px solid #0f172a1f;border:1px solid var(--line-2);border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;height:28px;padding:0 10px}.chip.warn{background:#f59e0b1f;border-color:#f59e0b59}.ts-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr));padding:12px 18px 16px}.stat{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #0f172a14;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 18px #0206170a;padding:12px}.stat-k{color:#64748b;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.stat-v{font-size:18px;font-weight:950;letter-spacing:-.02em;margin-top:7px}.stat.accent{background:linear-gradient(180deg,#1f7a3a14,#fff);border-color:#1f7a3a40}.stat.warn{background:linear-gradient(180deg,#f59e0b1a,#fff);border-color:#f59e0b40}.ts-table-wrap{padding:0 18px 18px}.ts-scroll{background:#fff;border:1px solid #0f172a14;border:1px solid var(--line);border-radius:14px;overflow:auto}.ts-table{border-collapse:collapse;min-width:980px;width:100%}.ts-table thead th{background:#f8fafc;border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--line);color:#334155;font-size:11px;font-weight:950;letter-spacing:.08em;padding:12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:0}.ts-table tbody td{background:#fff;border-bottom:1px solid #0f172a0f;color:#0b1220;font-weight:650;padding:12px;vertical-align:middle}.ts-table tbody tr:nth-child(2n) td{background:rgba(2,6,23,.012)}.ts-table tbody tr:hover td{background:rgba(31,122,58,.045)}.ts-table tbody tr.is-selected td{background:rgba(31,122,58,.085)}.sel-cell{width:44px}.sel-cell input[type=checkbox]{accent-color:#1f7a3a;accent-color:var(--green);cursor:pointer;height:18px;width:18px}.pill{align-items:center;border:1px solid #0f172a1f;border:1px solid var(--line-2);border-radius:999px;display:inline-flex;font-size:12px;font-weight:950;height:28px;justify-content:center;padding:0 10px;white-space:nowrap}.pill.success{background:#1f7a3a1f;border-color:#1f7a3a47;color:#1f7a3a;color:var(--green)}.pill.danger{background:#dc26261f;border-color:#dc262647;color:#dc2626;color:var(--danger)}.pill.status{background:#2563eb1a;border-color:#2563eb38;color:#1d4ed8}.pill.status.late{background:#dc26261a;border-color:#dc262640;color:#dc2626;color:var(--danger)}.pill.status.early{background:#f59e0b1a;border-color:#f59e0b40;color:#b45309}.pill.status.on-time{background:#1f7a3a1a;border-color:#1f7a3a40;color:#1f7a3a;color:var(--green)}.edited{color:#b45309;font-weight:950}.muted{color:#64748b;color:var(--muted);font-weight:800;padding:18px 0}.ts-empty{background:linear-gradient(180deg,#fff,#fbfdff);border:1px dashed #0f172a2e;border-radius:14px;padding:34px 16px 38px;text-align:center}.ts-empty-emoji{font-size:34px}.ts-empty-title{font-size:16px;font-weight:950;margin-top:10px}.ts-empty-sub{color:#64748b;color:var(--muted);font-weight:750;margin-top:6px}.ts-bulkbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-top:1px solid #0f172a14;border-top:1px solid var(--line);gap:12px;justify-content:space-between;left:0;margin-top:10px;padding:12px 18px;right:0}.bulk-left,.ts-bulkbar{align-items:center;display:flex}.bulk-left{color:#0b1220;flex-wrap:wrap;font-weight:900;gap:10px}.bulk-count{align-items:center;background:#1f7a3a1f;border:1px solid #1f7a3a40;border-radius:999px;color:#1f7a3a;color:var(--green);display:inline-flex;height:28px;justify-content:center;min-width:32px;padding:0 10px}.bulk-warn{color:#b45309}.bulk-actions{display:flex;flex-wrap:wrap;gap:10px}@media (max-width:1024px){.ts-controls{grid-template-columns:1fr 1fr}.ts-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.ts-page{padding:14px 12px 22px}.ts-topbar{align-items:stretch;flex-direction:column;padding:12px}.ts-period-mini{justify-content:space-between}.ts-controls{grid-template-columns:1fr;padding:14px}.ts-actionsbar{align-items:stretch;flex-direction:column;padding:12px 14px}.btn,.btn-row{width:100%}.ts-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 14px 14px}.ts-table-wrap{padding:0 14px 16px}.ts-bulkbar{align-items:stretch;flex-direction:column;padding:12px 14px}.bulk-actions,.bulk-actions .btn{width:100%}}.ts-card{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.ts-body{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto;padding-bottom:18px}.ts-bulkbar{bottom:0;position:-webkit-sticky;position:sticky}.emp-term-wrap{background:#f8fafc;display:grid;min-height:100vh;padding:24px;place-items:center}.emp-term-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 30px #0f172a14;max-width:520px;padding:24px;text-align:center;width:100%}.emp-term-logo{height:60px;margin-bottom:12px;object-fit:contain;width:60px}.emp-term-title{color:#0f172a;font-size:26px;font-weight:800;margin:6px 0 10px}.emp-term-sub{color:#334155;font-size:15px;line-height:1.5;margin-bottom:18px}.emp-term-actions{display:flex;justify-content:center;margin:10px 0 14px}.emp-term-btn{background:#0f2f55;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:12px 16px}.emp-term-btn:hover{opacity:.92}.emp-term-foot{color:#64748b;font-size:13px}.empTasks-page{background:#f6f9fb;font-family:Inter,sans-serif;height:100%;padding:22px 26px;width:100%}.empTasks-loading{color:#64748b;font-size:14px;padding:18px}.empTasks-header{align-items:flex-end;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.empTasks-header h1{color:#0f172a;font-size:22px;font-weight:850;margin:0}.empTasks-header p{color:#64748b;font-size:13.5px;margin:6px 0 0}.empTasks-filter{min-width:220px}.empTasks-label{color:#334155;display:block;font-size:12.5px;font-weight:800;margin:0 0 6px}.empTasks-select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:13.5px;outline:none;padding:10px;width:100%}.empTasks-select:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa2e}.empTasks-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 22px #0f172a0f;height:calc(100vh - 170px);overflow:auto;padding:14px}.empTasks-empty{background:#fbfdff;border:1px dashed #e2e8f0;border-radius:12px;color:#64748b;font-size:13.5px;padding:16px}.empTasks-list{display:flex;flex-direction:column;gap:10px}.empTasks-item{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 6px 16px #0f172a0d;padding:12px;transition:transform .08s ease,box-shadow .15s ease}.empTasks-item:hover{box-shadow:0 10px 26px #0f172a14;transform:translateY(-1px)}.empTasks-item.overdue{border-color:#ef444459;box-shadow:0 10px 30px #ef444414}.empTasks-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.empTasks-title{color:#0f172a;font-size:14.5px;font-weight:900;line-height:1.2}.empTasks-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.empTasks-pill{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;color:#0f172a;display:inline-flex;font-size:11.5px;font-weight:850;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.empTasks-pill.type{background:#eef2ff;border-color:#e0e7ff;color:#3730a3}.empTasks-pill.overdue{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.empTasks-pill.proof{background:#f0f9ff;border-color:#bae6fd;color:#075985;display:none}.empTasks-pill.pri-low{background:#f1f5f9;border-color:#e2e8f0;color:#334155}.empTasks-pill.pri-medium{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.empTasks-pill.pri-high{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.empTasks-pill.pri-urgent{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.empTasks-pill.status-open{background:#f1f5f9;border-color:#e2e8f0;color:#0f172a}.empTasks-pill.status-in_progress{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.empTasks-pill.status-completed{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.empTasks-pill.review{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}.empTasks-pill.review.review-not_submitted{background:#f1f5f9;border-color:#e2e8f0;color:#334155}.empTasks-pill.review.review-submitted{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.empTasks-pill.review.review-approved{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.empTasks-pill.review.review-rejected{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.empTasks-reviewBanner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:13px;font-weight:800;margin-top:10px;padding:10px 12px}.empTasks-reviewBanner.submitted{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.empTasks-reviewBanner.rejected{background:#fef2f2;border-color:#fecaca;color:#991b1b}.empTasks-reviewBanner.approved{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.empTasks-desc p{font-weight:900;margin-bottom:8px;margin-top:8px}.empTasks-desc,.empTasks-desc p{color:#334155;font-size:13px;line-height:1.35;white-space:pre-wrap}.empTasks-desc{margin-bottom:28px;margin-top:28px}.empTasks-meta{color:#475569;display:column;font-size:12.5px;gap:10px;grid-template-columns:1.2fr .8fr .8fr;margin-top:10px}.empTasks-meta strong{color:#0f172a}.empTasks-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:12px}.empTasks-btn{border-radius:10px;cursor:pointer;font-size:13px;font-weight:850;padding:10px 14px;transition:transform .08s ease,filter .15s ease}.empTasks-btn.primary{background:#164766;border:none;color:#fff}.empTasks-btn.primary:hover{filter:brightness(.96)}.empTasks-btn.ghost{background:#fff;border:1px solid #e2e8f0;color:#0f172a}.empTasks-btn.ghost:hover{background:#f8fafc}.empTasks-btn:disabled{cursor:not-allowed;opacity:.6}.empTasks-btn:active{transform:translateY(1px)}.empTasks-proof{background:#fbfdff;border:1px solid #e2e8f0;border-radius:12px;margin-top:12px;padding:12px}.empTasks-proofTop{align-items:center;display:flex;gap:12px;justify-content:space-between}.empTasks-proofTitle{color:#0f172a;font-size:13px;font-weight:900}.empTasks-proofPick{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:850;gap:8px;padding:8px 10px;position:relative;white-space:nowrap}.empTasks-proofPick input{cursor:pointer;inset:0;opacity:0;position:absolute}.empTasks-proofHint{color:#64748b;font-size:12.5px;margin-top:8px}.empTasks-proofGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));margin-top:10px}.empTasks-thumb{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 10px #0f172a0f;overflow:hidden}.empTasks-thumbImg{display:block;height:78px;object-fit:cover;width:100%}.empTasks-thumbMeta{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:6px 8px}.empTasks-thumbStatus{color:#0f172a;font-size:11px;font-weight:850}.empTasks-thumbStatus.uploading{color:#c2410c}.empTasks-thumbStatus.uploaded{color:#166534}.empTasks-thumbStatus.error{color:#b91c1c}.empTasks-thumbRemove{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;cursor:pointer;font-weight:900;height:26px;line-height:1;width:26px}.empTasks-thumbRemove:hover{background:#f8fafc}.empTasks-thumbRemove:disabled{cursor:not-allowed;opacity:.6}.empTasks-comment{margin-top:12px}.empTasks-commentLabel{color:#0f172a;display:block;font-size:12.5px;font-weight:850;margin-bottom:6px}.empTasks-commentInput{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:13px;min-height:90px;outline:none;padding:10px 12px;resize:vertical;width:100%}.empTasks-commentInput:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa2e}.empTasks-commentActions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:10px}@media (max-width:720px){.empTasks-header{align-items:flex-start;flex-direction:column}.empTasks-filter{min-width:0;min-width:auto;width:100%}.empTasks-meta{grid-template-columns:1fr}.empTasks-card{height:auto;min-height:60vh}}@media (max-width:520px){.empTasks-page{padding:16px 14px}.empTasks-actions{justify-content:stretch}.empTasks-btn{width:100%}}.empTasks-checklist{background:#fbfdff;border:1px solid #e5e7eb;border-radius:12px;margin-top:12px;padding:10px}.empTasks-checklistTop{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.empTasks-checklistTitle{color:#0f172a;font-size:13px;font-weight:850}.empTasks-checklistProgress{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;color:#475569;font-size:12.5px;font-weight:800;padding:3px 10px}.empTasks-checklistList{grid-gap:8px;display:grid;gap:8px}.empTasks-checkRow{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px}.empTasks-checkRow:hover{background:#f8fafc}.empTasks-checkRow input{accent-color:#16a34a;cursor:pointer;height:14px;width:14px}.empTasks-checkText{color:#0f172a;font-size:13px;font-weight:750;line-height:1.25;word-break:break-word}.empTasks-checkRow.done .empTasks-checkText{color:#475569;text-decoration:line-through}.empTasks-checklistHint{color:#64748b;font-size:12.5px;margin-top:8px}.empTasks-item.empTasks-item--clickable{cursor:pointer}.empTasks-item.empTasks-item--clickable:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa2e;outline:none}.empTasks-cardHint{color:#64748b}.empTasks-cardHint,.empTasks-cardHint1{font-size:12.5px;font-weight:800;margin-top:10px}.empTasks-cardHint1{color:#359b43}.empTasks-cardHint2{color:#f7a520}.empTasks-cardHint2,.empTasks-cardHint3{font-size:12.5px;font-weight:800;margin-top:10px}.empTasks-cardHint3{color:#4956e9}.empTasks-modal-backdrop{align-items:center;background:#0f172a7a;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:9999}.empTasks-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 22px 60px #0f172a38;display:flex;flex-direction:column;max-height:min(84vh,820px);overflow:hidden;width:min(920px,96vw)}.empTasks-modal-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.empTasks-modal-title{color:#0f172a;font-size:16px;font-weight:900;margin:0}.empTasks-modal-subtitle{color:#64748b;font-size:13px;margin:6px 0 0}.empTasks-icon-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;font-weight:900;height:34px;line-height:1;width:34px}.empTasks-icon-btn:hover{background:#f8fafc}.empTasks-modal-body{overflow:auto;padding:14px 16px}.empTasks-modal-footer{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:12px 16px}.empTasks-detailPills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}@media (max-width:720px){.empTasks-modal{max-height:92vh;width:100%}.empTasks-modal-footer .empTasks-btn{width:100%}}.empTasks-filters{align-items:flex-end;display:flex;gap:12px}@media (max-width:720px){.empTasks-filters{align-items:stretch;flex-direction:column;width:100%}}.empTasks-nav{margin-bottom:8px}.empTasks-breadcrumb{color:#64748b;font-size:13px;margin:0}.empTasks-breadcrumb a{color:#2f4d66;font-weight:700;text-decoration:none}.empTasks-breadcrumb a:hover{text-decoration:underline}.empTasks-breadcrumb span{color:#64748b;font-weight:600}.platformInbox-page{background:#fff;font-family:Inter,sans-serif;min-height:100vh;padding:22px 26px}.platformInbox-top{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:12px}.platformInbox-titleWrap h1{color:#0f172a;font-size:22px;font-weight:850;margin:0}.platformInbox-subtitle{color:#64748b;font-size:13.5px;margin:6px 0 0}.platformInbox-back{background:#0000;border:none;color:#0f172a;cursor:pointer;font-weight:800;margin-bottom:8px;padding:0}.platformInbox-back:hover{text-decoration:underline}.platformInbox-searchWrap{min-width:360px}.platformInbox-search{border:1px solid #e5e7eb;border-radius:12px;font-size:13.5px;height:40px;outline:none;padding:0 12px;transition:box-shadow .15s ease,border-color .15s ease;width:100%}.platformInbox-search:focus{border-color:#86efac;box-shadow:0 0 0 4px #22c55e2e}.platformInbox-filters{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:12px}.platformInbox-pills{display:flex;flex-wrap:wrap;gap:10px}.platformInbox-pill{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#0f172a;cursor:pointer;font-size:13px;font-weight:800;padding:8px 12px;transition:transform .12s ease,border-color .12s ease,background .12s ease}.platformInbox-pill:hover{border-color:#cbd5e1;transform:translateY(-1px)}.platformInbox-pill.active{background:#ecfdf5;border-color:#86efac}.platformInbox-pill .count{color:#64748b;font-weight:800}.platformInbox-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-top:14px;overflow:hidden}.platformInbox-tableWrap{overflow-x:auto;width:100%}.platformInbox-table{border-collapse:collapse;min-width:920px;width:100%}.platformInbox-table thead th{background:#f8fafc;color:#64748b;font-size:12px;font-weight:900;padding:10px 12px;text-align:left}.platformInbox-table tbody td{border-top:1px solid #f1f5f9;color:#0f172a;font-size:13px;padding:12px;vertical-align:top}.platformInbox-muted{color:#64748b!important;white-space:nowrap}.platformInbox-email{color:#0f172a;font-weight:700}.platformInbox-message{color:#0f172a;max-width:460px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platformInbox-empty{color:#64748b!important;padding:16px!important}.platformInbox-statusCell{align-items:center;display:flex;gap:10px}.platformInbox-status{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;height:26px;padding:0 10px;white-space:nowrap}.platformInbox-status.new{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.platformInbox-status.open{background:#ecfeff;border-color:#a5f3fc;color:#0e7490}.platformInbox-status.resolved{background:#ecfdf5;border-color:#86efac;color:#166534}.platformInbox-status.closed{background:#f1f5f9;border-color:#e2e8f0;color:#334155}.platformInbox-statusSelect{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#0f172a;cursor:pointer;font-size:13px;font-weight:800;height:34px;outline:none;padding:0 10px;transition:box-shadow .15s ease,border-color .15s ease}.platformInbox-statusSelect:hover{border-color:#cbd5e1}.platformInbox-statusSelect:focus{border-color:#86efac;box-shadow:0 0 0 4px #22c55e2e}.platformInbox-statusSelect:disabled{cursor:not-allowed;opacity:.6}@media (max-width:820px){.platformInbox-top{align-items:stretch;flex-direction:column}.platformInbox-searchWrap{min-width:0}.platformInbox-message{max-width:320px}}
/*# sourceMappingURL=main.a175707b.css.map*/