@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f6f6;font-family:MontserratRegular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:0}.html{scroll-behavior:smooth}::placeholder{opacity:.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:MontserratLight;src:local("Montserrat"),url(/static/media/Light.7179b7d2ac9b599db5f9.ttf) format("truetype")}@font-face{font-family:MontserratBold;src:local("Montserrat"),url(/static/media/Bold.50f0257aa1e905f4bfaf.ttf) format("truetype")}@font-face{font-family:MontserratRegular;src:local("Montserrat"),url(/static/media/Regular.24785cc015b27a3e964b.ttf) format("truetype")}@font-face{font-family:MontserratItalic;src:local("Montserrat"),url(/static/media/Italic.f4a742d68090a0bfc33f.ttf) format("truetype")}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.subscription-top-banner{align-items:center;box-shadow:0 12px 30px #0e1b152e;color:#fff;display:flex;gap:16px;justify-content:space-between;padding:14px 24px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.subscription-top-banner.warning{background:linear-gradient(135deg,#174f3a,#1f7a57)}.subscription-top-banner.critical{background:linear-gradient(135deg,#7d1f24,#b23b3f)}.subscription-top-banner-copy{display:flex;flex-direction:column;gap:4px}.subscription-top-banner-copy strong{font-size:14px;font-weight:800}.subscription-top-banner-copy span{font-size:12px;opacity:.92}.subscription-top-banner-btn{background:#f4fff9;border:none;border-radius:999px;color:#173829;cursor:pointer;font-family:inherit;font-size:12px;font-weight:800;padding:12px 18px;white-space:nowrap}@media (max-width:800px){.subscription-top-banner{align-items:flex-start;flex-direction:column;padding:14px 16px}.subscription-top-banner-btn{width:100%}}.pause-view{align-items:center;background:#f8f6f6;display:flex;flex-direction:column;font-size:.9em;font-weight:600;height:100vh;justify-content:center;letter-spacing:.8px;width:100vw;z-index:5}.saccess{background:#0000;border:0 solid #000;cursor:default;outline:none;position:absolute;right:20px;top:20px}.pause-base-code{bottom:20px;font-size:.6em;left:50%;position:fixed;transform:translateX(-50%)}.loadingpage{align-items:center;background:#f8faf9;display:flex;flex-direction:column;font-family:MontserratRegular,sans-serif;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.loadingpage:before{background:radial-gradient(circle at 50% 50%,#6af2ad14 0,#0000 60%);content:"";height:150%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:150%;z-index:0}.loading-container{flex-direction:column;gap:48px;z-index:10}.loadinglogocover{align-items:center;display:flex;height:320px;justify-content:center;position:relative;width:320px}.loadinglogo{border:2px solid var(--login-primary);border-radius:50%;filter:drop-shadow(0 0 15px rgba(255,255,255,.3));height:200px;object-fit:contain;padding:20px;width:200px;z-index:5}.logo-ring{border:2px solid #0000;border-radius:50%;border-top-color:#173829;height:100%;position:absolute;width:100%;z-index:4}.logo-ring-outer{border:1px dashed #1738291a;border-radius:50%;height:140%;position:absolute;width:140%;z-index:3}.logo-glow{background:radial-gradient(circle,#6af2ad26 0,#0000 70%);border-radius:50%;height:110%;position:absolute;width:110%;z-index:2}.loading-text-content{text-align:center}.loadingpage h3{color:#173829;font-family:MontserratBold,sans-serif;font-size:16px;font-weight:800;letter-spacing:4px;margin:0;text-transform:uppercase}.loading-status{align-items:center;color:#17382999;display:flex;font-size:13px;font-weight:500;gap:10px;justify-content:center;margin-top:16px}.status-dot{animation:blink 1.5s infinite;background:#6af2ad;border-radius:50%;box-shadow:0 0 10px #6af2adcc;display:inline-block;height:6px;width:6px}.loading-footer{bottom:40px;color:#17382966;font-size:11px;font-weight:700;letter-spacing:2px;position:absolute;text-transform:uppercase}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}:root{--ec-primary:#173829;--ec-secondary:#2b6a4b;--ec-accent:#6af2ad;--ec-gold:#ffe29a;--ec-bg:#f7f4eb;--ec-card:#fff;--ec-text:#173829;--ec-muted:#17382999;--ec-light-bg:#f8faf9;--ec-radius:20px;--ec-nav-height:72px}*{margin:0;padding:0}.ec-navbar{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #1738290f;display:flex;height:72px;height:var(--ec-nav-height);justify-content:space-between;left:0;padding:0 48px;position:fixed;right:0;top:0;transition:box-shadow .3s;z-index:9000}.ec-navbar.scrolled{box-shadow:0 4px 24px #17382914}.ec-nav-logo{align-items:center;display:flex;gap:12px;text-decoration:none}.ec-nav-logo img{border-radius:12px;height:40px;object-fit:contain;width:40px}.ec-nav-logo span{color:#173829;color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:1.15rem;letter-spacing:-.5px}.ec-nav-center{align-items:center;display:flex;gap:4px}.ec-nav-item{background:none;border:none;border-radius:12px;color:#173829;color:var(--ec-primary);cursor:pointer;font-family:MontserratRegular,sans-serif;font-size:.92rem;font-weight:600;padding:10px 18px;position:relative;transition:.2s}.ec-nav-item.active,.ec-nav-item:hover{background:#1738290d}.ec-nav-right{align-items:center;display:flex;gap:12px}.ec-nav-signin{background:none;border:none;border-radius:12px;color:#173829;color:var(--ec-primary);cursor:pointer;font-family:MontserratRegular,sans-serif;font-size:.9rem;font-weight:700;padding:10px 20px}.ec-nav-signin:hover{background:#1738290a}.ec-nav-cta{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:14px;box-shadow:0 8px 20px #1738292e;color:#fff;cursor:pointer;font-family:MontserratBold,sans-serif;font-size:.9rem;font-weight:700;padding:12px 28px;transition:.2s}.ec-nav-cta:hover{box-shadow:0 12px 28px #17382938;transform:translateY(-1px)}.ec-mega-menu{background:#fff;border:1px solid #1738290f;border-radius:20px;box-shadow:0 24px 64px #1738291f;left:50%;min-width:720px;opacity:0;padding:32px;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%);transition:.25s ease;visibility:hidden;z-index:9999}.ec-mega-menu.wide{min-width:860px}.ec-nav-item.active .ec-mega-menu,.ec-nav-item:hover .ec-mega-menu{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);visibility:visible}.ec-mega-cols{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.ec-mega-cols.three-col{grid-template-columns:repeat(3,1fr)}.ec-mega-col-title{color:#17382999;color:var(--ec-muted);font-size:.72rem;font-weight:800;letter-spacing:.14em;margin-bottom:14px;text-transform:uppercase}.ec-mega-link{align-items:center;border-radius:12px;color:#173829;color:var(--ec-text);cursor:pointer;display:flex;gap:10px;padding:10px 12px;text-decoration:none;transition:.15s}.ec-mega-link:hover{background:#1738290a}.ec-mega-icon{border-radius:10px;display:grid;flex-shrink:0;font-size:1rem;height:36px;place-items:center;width:36px}.ec-mega-icon.green{background:#2b6a4b1a;color:#2b6a4b}.ec-mega-icon.gold{background:#ffe29a4d;color:#a67c00}.ec-mega-icon.teal{background:#6af2ad26;color:#173829}.ec-mega-icon.rose{background:#f05d5e1a;color:#d11212}.ec-mega-icon.blue{background:#3b82f61a;color:#2563eb}.ec-mega-link-text strong{display:block;font-size:.88rem;font-weight:700}.ec-mega-link-text span{color:#17382999;color:var(--ec-muted);font-size:.78rem}.ec-mobile-toggle{background:none;border:none;color:#173829;color:var(--ec-primary);cursor:pointer;display:none;font-size:1.5rem;padding:8px}.ec-mobile-menu,.ec-mobile-overlay{display:none}@media(max-width:960px){.ec-nav-center,.ec-nav-right .ec-nav-signin{display:none}.ec-mobile-toggle{display:flex}.ec-mobile-overlay{background:#0c171280;display:none;inset:0;position:fixed;z-index:8998}.ec-mobile-overlay.open{display:block}.ec-navbar{padding:0 20px}.ec-mobile-menu{background:#fff;height:100vh;overflow-y:auto;padding:80px 24px 24px;position:fixed;right:-140vw;top:0;transition:.3s;width:320px;z-index:8999}.ec-mobile-menu.open{display:block;right:0}.ec-mobile-menu .ec-nav-item{display:block;font-size:1rem;padding:14px 16px;text-align:left;width:100%}.ec-mobile-menu .ec-nav-cta{display:block;margin-top:16px;text-align:center;width:100%}.ec-mobile-menu .ec-mega-menu{border:none;box-shadow:none;min-width:auto;opacity:1;padding:8px 0 8px 16px;pointer-events:auto;position:static;transform:none;visibility:visible}}.ec-landing{color:#173829;color:var(--ec-text);font-family:MontserratRegular,sans-serif;overflow-x:hidden}.ec-section{margin:0 auto;max-width:1320px;padding:100px 48px}.ec-hero{align-items:center;background:radial-gradient(circle at 10% 20%,#ffe29a2e,#0000 40%),radial-gradient(circle at 90% 80%,#6af2ad1f,#0000 40%),linear-gradient(180deg,#f7f4eb,#eef3ef);display:flex;min-height:90vh;padding-bottom:80px;padding-top:132px;padding-top:calc(var(--ec-nav-height) + 60px)}.ec-hero-inner{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1320px;padding:0 48px;width:100%}.ec-hero-kicker{align-items:center;background:#2b6a4b14;border-radius:999px;color:#2b6a4b;color:var(--ec-secondary);display:inline-flex;font-size:.78rem;font-weight:700;gap:8px;letter-spacing:.14em;margin-bottom:16px;padding:8px 16px;text-transform:uppercase}.ec-hero h1{color:#173829;color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:clamp(2.4rem,4.5vw,4rem);letter-spacing:-1.5px;line-height:1.08;margin-bottom:24px}.ec-hero h1 .ec-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2b6a4b,#6af2ad);-webkit-background-clip:text}.ec-hero p{color:#607064;font-size:1.15rem;line-height:1.7;margin-bottom:36px;max-width:520px}.ec-hero-btns{display:flex;flex-wrap:wrap;gap:16px}.ec-btn-primary{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:16px;box-shadow:0 16px 32px #1738292e;color:#fff;cursor:pointer;font-family:MontserratBold,sans-serif;font-size:1rem;font-weight:700;padding:16px 36px;transition:.2s}.ec-btn-primary:hover{box-shadow:0 20px 40px #17382938;transform:translateY(-2px)}.ec-btn-secondary{background:#fff;border:1.5px solid #17382924;border-radius:16px;color:#173829;color:var(--ec-primary);cursor:pointer;font-family:MontserratRegular,sans-serif;font-size:1rem;font-weight:700;padding:16px 36px;transition:.2s}.ec-btn-secondary:hover{background:#f5f8f6;border-color:#17382940}.ec-hero-visual{position:relative}.ec-hero-mockup{border:1px solid #1738290f;border-radius:24px;box-shadow:0 40px 80px #1738291f;width:100%}.ec-trust{background:#fff;border-bottom:1px solid #1738290a;border-top:1px solid #1738290a;overflow:hidden;padding:48px 0;text-align:center}.ec-trust p{color:#17382999;color:var(--ec-muted);font-size:.82rem;font-weight:700;letter-spacing:.12em;margin-bottom:28px;text-transform:uppercase}.ec-trust-logos{align-items:center;display:flex;flex-wrap:wrap;gap:48px;justify-content:center;padding:0 48px}.ec-trust-logo{filter:grayscale(1);height:32px;opacity:.35;transition:.3s}.ec-trust-logo:hover{filter:none;opacity:.7}.ec-value-section{background:#f8faf9;background:var(--ec-light-bg)}.ec-section-header{margin:0 auto 60px;max-width:660px;text-align:center}.ec-section-kicker{color:#2b6a4b;color:var(--ec-secondary);font-size:.74rem;font-weight:700;letter-spacing:.14em;margin-bottom:12px;text-transform:uppercase}.ec-section-title{color:#173829;color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15;margin-bottom:16px}.ec-section-sub{color:#607064;font-size:1.05rem;line-height:1.7}.ec-value-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.ec-value-card{background:#fff;border:1px solid #1738290f;border-radius:24px;box-shadow:0 12px 32px #1738290a;padding:36px 28px;transition:.3s}.ec-value-card:hover{box-shadow:0 20px 48px #17382914;transform:translateY(-4px)}.ec-value-icon{border-radius:18px;display:grid;font-size:1.4rem;height:56px;margin-bottom:20px;place-items:center;width:56px}.ec-value-card h3{color:#173829;color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:1.1rem;margin-bottom:10px}.ec-value-card p{color:#17382999;color:var(--ec-muted);font-size:.9rem;line-height:1.6}.ec-apps-section{background:#fff}.ec-apps-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.ec-app-card{align-items:center;background:#fafcfb;border:1px solid #1738290f;border-radius:20px;color:#173829;color:var(--ec-text);cursor:pointer;display:flex;flex-direction:column;padding:28px 16px;text-align:center;text-decoration:none;transition:.25s}.ec-app-card:hover{background:#fff;border-color:#2b6a4b33;box-shadow:0 16px 36px #1738290f;transform:translateY(-3px)}.ec-app-card-icon{border-radius:14px;display:grid;font-size:1.3rem;height:48px;margin-bottom:14px;place-items:center;width:48px}.ec-app-card strong{font-size:.92rem;margin-bottom:4px}.ec-app-card span{color:#17382999;color:var(--ec-muted);font-size:.78rem}.ec-demo-section{background:#f8faf9;background:var(--ec-light-bg)}.ec-demo-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:48px}.ec-demo-tab{background:#fff;border:1.5px solid #1738291a;border-radius:999px;color:#173829;color:var(--ec-text);cursor:pointer;font-family:MontserratRegular,sans-serif;font-size:.9rem;font-weight:700;padding:12px 28px;transition:.2s}.ec-demo-tab.active,.ec-demo-tab:hover{background:#173829;background:var(--ec-primary);border-color:#173829;border-color:var(--ec-primary);color:#fff}.ec-demo-preview{background:#fff;border:1px solid #1738290f;border-radius:24px;box-shadow:0 20px 60px #1738290f;min-height:400px;padding:40px}.ec-demo-preview h3{color:#173829;color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:1.4rem;margin-bottom:12px}.ec-demo-preview p{color:#607064;line-height:1.7;margin-bottom:24px;max-width:600px}.ec-demo-features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.ec-demo-feat{background:#f8faf9;background:var(--ec-light-bg);border:1px solid #1738290a;border-radius:16px;padding:20px}.ec-demo-feat strong{color:#173829;color:var(--ec-primary);display:block;font-size:.9rem;margin-bottom:6px}.ec-demo-feat span{color:#17382999;color:var(--ec-muted);font-size:.82rem}.ec-feature-block{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;padding:80px 0}.ec-feature-block.reverse{direction:rtl}.ec-feature-block.reverse>*{direction:ltr}.ec-feature-text .ec-section-kicker{text-align:left}.ec-feature-text h2{color:#173829;color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:clamp(1.6rem,2.5vw,2.2rem);line-height:1.15;margin-bottom:16px}.ec-feature-text p{color:#607064;font-size:1rem;line-height:1.7;margin-bottom:24px}.ec-feature-list{grid-gap:12px;display:grid;gap:12px;list-style:none;padding:0}.ec-feature-list li{align-items:center;color:#173829;color:var(--ec-primary);display:flex;font-size:.92rem;font-weight:600;gap:12px}.ec-feature-list li:before{background:#6af2ad26;border-radius:10px;color:#2b6a4b;content:"✓";display:grid;flex-shrink:0;font-size:.8rem;font-weight:800;height:28px;place-items:center;width:28px}.ec-feature-img{border:1px solid #1738290f;border-radius:24px;box-shadow:0 30px 60px #17382914;width:100%}.ec-allinone{background:linear-gradient(180deg,#173829,#1f4734);color:#fff;padding:100px 48px;text-align:center}.ec-allinone .ec-section-kicker{color:#6af2ad;color:var(--ec-accent)}.ec-allinone .ec-section-title{color:#fff}.ec-allinone .ec-section-sub{color:#f4f6efb3}.ec-allinone-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:60px auto 0;max-width:1320px}.ec-allinone-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;padding:28px 20px;text-align:center;transition:.3s}.ec-allinone-card:hover{background:#ffffff1a;transform:translateY(-3px)}.ec-allinone-card .ec-aio-icon{background:#6af2ad26;border-radius:14px;color:#6af2ad;color:var(--ec-accent);display:grid;font-size:1.2rem;height:48px;margin:0 auto 16px;place-items:center;width:48px}.ec-allinone-card h4{color:#f7f9f3;font-size:1rem;margin-bottom:8px}.ec-allinone-card p{color:#f4f6ef99;font-size:.82rem;line-height:1.5}.ec-industries-section{background:#fff}.ec-industry-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.ec-industry-card{background:linear-gradient(180deg,#fafcfb,#f4f8f5);border:1px solid #1738290f;border-radius:24px;cursor:pointer;padding:36px 28px;transition:.3s}.ec-industry-card:hover{box-shadow:0 20px 48px #17382914;transform:translateY(-4px)}.ec-industry-card .ind-icon{background:linear-gradient(135deg,#ffe29a4d,#dff1e666);border-radius:18px;color:#173829;color:var(--ec-primary);display:grid;font-size:1.4rem;height:56px;margin-bottom:20px;place-items:center;width:56px}.ec-industry-card h3{color:#173829;color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:1.1rem;margin-bottom:10px}.ec-industry-card p{color:#17382999;color:var(--ec-muted);font-size:.88rem;line-height:1.6}.ec-testimonials{background:#f8faf9;background:var(--ec-light-bg)}.ec-testimonial-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.ec-testimonial-card{background:#fff;border:1px solid #1738290f;border-radius:24px;box-shadow:0 12px 32px #1738290a;padding:36px}.ec-testimonial-card .stars{color:#ffe29a;color:var(--ec-gold);font-size:1.1rem;margin-bottom:16px}.ec-testimonial-card blockquote{color:#4a5e50;font-size:.95rem;font-style:italic;line-height:1.7;margin-bottom:24px}.ec-testimonial-author{align-items:center;display:flex;gap:12px}.ec-testimonial-avatar{background:linear-gradient(135deg,#ffe5a8,#dff1e6);border-radius:14px;display:grid;flex-shrink:0;font-weight:800;height:44px;place-items:center;width:44px}.ec-testimonial-avatar,.ec-testimonial-info strong{color:#173829;color:var(--ec-primary);font-size:.9rem}.ec-testimonial-info strong{display:block}.ec-testimonial-info span{color:#17382999;color:var(--ec-muted);font-size:.78rem}.ec-final-cta{background:radial-gradient(circle at 30% 50%,#6af2ad1f,#0000 50%),radial-gradient(circle at 70% 50%,#ffe29a26,#0000 50%),linear-gradient(180deg,#f7f4eb,#eef3ef);padding:120px 48px;text-align:center}.ec-final-cta h2{color:#173829;color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:clamp(2rem,3.5vw,3rem);margin-bottom:16px}.ec-final-cta p{color:#607064;font-size:1.1rem;line-height:1.7;margin-bottom:36px;margin-left:auto;margin-right:auto;max-width:560px}.ec-final-cta .ec-hero-btns{justify-content:center}.ec-footer{background:#173829;background:var(--ec-primary);color:#f4f6ef;padding:80px 48px 32px}.ec-footer-inner{margin:0 auto;max-width:1320px}.ec-footer-grid{grid-gap:48px;display:grid;gap:48px;grid-template-columns:1.5fr repeat(4,1fr);margin-bottom:60px}.ec-footer-brand p{color:#f4f6ef99;font-size:.9rem;line-height:1.7;margin-top:16px;max-width:280px}.ec-footer-col h4{color:#f4f6ef66;font-size:.78rem;font-weight:700;letter-spacing:.12em;margin-bottom:20px;text-transform:uppercase}.ec-footer-col a{color:#f4f6efb3;display:block;font-size:.9rem;padding:6px 0;text-decoration:none;transition:.2s}.ec-footer-col a:hover{color:#fff}.ec-footer-bottom{align-items:center;border-top:1px solid #ffffff14;color:#f4f6ef66;display:flex;font-size:.82rem;justify-content:space-between;padding-top:32px}.ec-footer-socials{display:flex;gap:16px}.ec-footer-socials a{background:#ffffff14;border-radius:10px;color:#f4f6ef99;display:grid;font-size:.9rem;height:36px;place-items:center;text-decoration:none;transition:.2s;width:36px}.ec-footer-socials a:hover{background:#ffffff24;color:#fff}@media(max-width:1024px){.ec-hero-inner{grid-template-columns:1fr;text-align:center}.ec-hero p{margin-left:auto;margin-right:auto}.ec-hero-btns{justify-content:center}.ec-hero-visual{margin:0 auto;max-width:600px}.ec-value-grid{grid-template-columns:repeat(2,1fr)}.ec-feature-block,.ec-feature-block.reverse{direction:ltr;gap:40px;grid-template-columns:1fr}.ec-allinone-grid,.ec-industry-cards{grid-template-columns:repeat(2,1fr)}.ec-testimonial-grid{grid-template-columns:1fr}.ec-footer-grid{grid-template-columns:repeat(2,1fr)}.ec-demo-features{grid-template-columns:1fr 1fr}}@media(max-width:640px){.ec-section{padding:60px 20px}.ec-hero{min-height:auto;padding-top:104px;padding-top:calc(var(--ec-nav-height) + 32px)}.ec-hero-inner{padding:0 20px}.ec-allinone-grid,.ec-demo-features,.ec-footer-grid,.ec-industry-cards,.ec-value-grid{grid-template-columns:1fr}.ec-footer-grid{gap:32px}.ec-footer-bottom{flex-direction:column;gap:16px;text-align:center}.ec-allinone,.ec-final-cta,.ec-footer{padding-left:20px;padding-right:20px}.ec-apps-grid{grid-template-columns:repeat(2,1fr)}.ec-mega-cols{grid-template-columns:1fr 1fr}}.sp-hero{background:radial-gradient(circle at 30% 30%,#ffe29a26,#0000 40%),radial-gradient(circle at 70% 70%,#6af2ad1a,#0000 40%),linear-gradient(180deg,#f7f4eb,#eef3ef);margin-bottom:20px;padding:calc(var(--ec-nav-height) + 60px) 48px 100px;text-align:center}.sp-hero-inner{margin:0 auto;max-width:720px}.sp-hero h1{color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-1px;line-height:1.1;margin-bottom:16px}.sp-hero p{color:#607064;font-size:1.1rem;line-height:1.7;margin:0 auto 32px;max-width:560px}.sp-billing-toggle{background:#fff;border:1px solid #17382914;border-radius:14px;box-shadow:0 4px 12px #1738290a;display:inline-flex;gap:4px;padding:4px}.sp-billing-toggle button{background:#0000;border:none;border-radius:10px;color:var(--ec-muted);cursor:pointer;font-family:MontserratRegular,sans-serif;font-size:.9rem;font-weight:700;padding:10px 24px;transition:.2s}.sp-billing-toggle button.active{background:var(--ec-primary);box-shadow:0 4px 12px #17382926;color:#fff}.sp-save-badge{background:#6af2ad33;border-radius:6px;color:var(--ec-secondary);display:inline-block;font-size:.75rem;margin-left:6px;padding:2px 8px}.sp-badge-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}.sp-plan-chip{background:#ffffffd1;border:1px solid #17382914;border-radius:999px;color:var(--ec-primary);font-size:.82rem;font-weight:700;padding:10px 14px}.sp-pricing-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1100px}.sp-pricing-card{background:#fff;border:1px solid #1738290f;border-radius:24px;box-shadow:0 12px 32px #1738290a;padding:40px 32px;position:relative;transition:.3s}.sp-pricing-card:hover{box-shadow:0 20px 48px #17382914;transform:translateY(-4px)}.sp-pricing-card.featured{border-color:var(--ec-secondary);box-shadow:0 20px 48px #2b6a4b1f;transform:scale(1.03)}.sp-pricing-card.featured:hover{transform:scale(1.03) translateY(-4px)}.sp-pricing-card.supporting{background:linear-gradient(180deg,#fff,#f8faf8)}.sp-pricing-card.selected{border-color:#2b6a4b42;box-shadow:0 24px 54px #17382917}.sp-pricing-badge-row{margin-bottom:10px;min-height:28px;position:relative}.sp-pricing-mini-badge{align-items:center;background:#2b6a4b14;border-radius:999px;color:var(--ec-secondary);display:inline-flex;font-size:.76rem;font-weight:700;justify-content:center;padding:6px 12px}.sp-popular-badge{background:linear-gradient(135deg,#173829,#2b6a4b);border-radius:999px;color:#fff;font-size:.78rem;font-weight:700;left:50%;padding:6px 20px;position:absolute;top:-14px;transform:translateX(-50%);white-space:nowrap}.sp-pricing-card h3{color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:1.3rem;margin-bottom:8px}.sp-price{align-items:baseline;display:flex;gap:2px;margin-bottom:8px}.sp-currency{color:var(--ec-primary);font-size:1.4rem;font-weight:700}.sp-amount{color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:3rem;line-height:1}.sp-period,.sp-plan-desc{color:var(--ec-muted);font-size:.9rem}.sp-plan-desc{margin-bottom:24px}.sp-plan-cta{background:#fff;border:1.5px solid #17382924;border-radius:14px;color:var(--ec-primary);cursor:pointer;font-family:MontserratRegular,sans-serif;font-size:.95rem;font-weight:700;margin-bottom:28px;padding:14px;transition:.2s;width:100%}.sp-plan-cta.primary{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;box-shadow:0 8px 20px #1738292e;color:#fff}.sp-plan-cta:hover{transform:translateY(-1px)}.sp-feature-list{grid-gap:12px;display:grid;gap:12px;list-style:none;padding:0}.sp-feature-list li{align-items:center;color:var(--ec-text);display:flex;font-size:.9rem;gap:10px}.sp-check{background:#6af2ad26;border-radius:8px;color:var(--ec-secondary);display:grid;flex-shrink:0;font-size:.72rem;font-weight:800;height:22px;place-items:center;width:22px}.sp-status-banner{background:#fff;border:1px solid #17382914;border-radius:22px;box-shadow:0 12px 32px #1738290a;margin:0 auto;max-width:1100px;padding:20px 24px}.sp-status-banner strong{color:var(--ec-primary);display:block;font-family:MontserratBold,sans-serif;margin-bottom:8px}.sp-status-banner p{color:#526358;line-height:1.7;margin:0 0 6px}.sp-status-banner span{color:var(--ec-secondary);font-size:.85rem;font-weight:700}.sp-status-banner.success{background:linear-gradient(180deg,#fff,#f2fbf6);border-color:#2b6a4b2e}.sp-status-banner.error{background:linear-gradient(180deg,#fff,#fff6f5);border-color:#a3333324}.sp-status-banner.info{background:linear-gradient(180deg,#fff,#fff9ed);border-color:#be90222e}.sp-checkout-shell{background:radial-gradient(circle at top left,#ffe29a3d,#0000 34%),radial-gradient(circle at bottom right,#6af2ad2e,#0000 32%),linear-gradient(180deg,#edf4ee,#f9fbf9);border-radius:34px;margin:0 auto;max-width:1100px;padding:10px}.sp-checkout-grid-layout{grid-gap:22px;display:grid;gap:22px;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr)}.sp-checkout-card{background:#ffffffeb;border:1px solid #17382912;border-radius:26px;box-shadow:0 22px 44px #1738290f;padding:36px}.sp-calculator-card{background:radial-gradient(circle at top left,#ffe29a29,#0000 28%),linear-gradient(180deg,#fffffffa,#f6faf7fa)}.sp-checkout-card h2{color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.8px;margin:8px 0 14px}.sp-checkout-card p{color:#57675d;line-height:1.8;margin:0;max-width:820px}.sp-calculator-controls{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 22px}.sp-calculator-slider-card{background:#ffffffe0;border:1px solid #17382912;border-radius:22px;box-shadow:inset 0 1px 0 #fffc;padding:22px}.sp-calculator-slider-head{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.sp-calculator-slider-head span{color:#62756a;font-size:.9rem;font-weight:700}.sp-calculator-slider-head strong{color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:1rem}.sp-calculator-slider{accent-color:#2b6a4b;width:100%}.sp-calculator-slider-scale{color:#7a8c81;display:flex;font-size:.82rem;font-weight:700;justify-content:space-between;margin-top:10px}.sp-calculator-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0 26px}.sp-calculator-summary-card{background:#ffffffe0;border:1px solid #17382912;border-radius:22px;box-shadow:0 10px 20px #1738290a;padding:22px}.sp-calculator-summary-card span{color:#74867b;display:block;font-size:.8rem;font-weight:700;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.sp-calculator-summary-card strong{color:var(--ec-primary);display:block;font-family:MontserratBold,sans-serif;font-size:1.18rem;line-height:1.25}.sp-calculator-summary-card p{font-size:.9rem;line-height:1.65;margin-top:10px}.sp-plan-meta{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0}.sp-plan-meta div{background:#ffffffe6;border:1px solid #1738290f;border-radius:18px;padding:18px 20px}.sp-plan-meta span{color:#728478;display:block;font-size:.8rem;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.sp-plan-meta strong{color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:1rem}.sp-checkout-highlights{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0}.sp-checkout-highlight{background:#17382908;border:1px solid #1738290f;border-radius:18px;padding:18px 20px}.sp-checkout-highlight span{color:#7a8c81;display:block;font-size:.78rem;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.sp-checkout-highlight strong{color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:.96rem}.sp-checkout-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.sp-input-group{grid-gap:8px;display:grid;gap:8px}.sp-input-group span{color:var(--ec-primary);font-size:.9rem;font-weight:700}.sp-input-group input{background:#fff;border:1px solid #1738291a;border-radius:16px;color:var(--ec-primary);font-family:MontserratRegular,sans-serif;font-size:.95rem;outline:none;padding:16px 18px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.sp-input-group input:focus{border-color:#2b6a4b57;box-shadow:0 0 0 4px #2b6a4b12}.sp-workspace-status-card{background:#17382908;border:1px solid #17382914;border-radius:18px;min-height:100%;padding:18px 18px 16px}.sp-workspace-status-card.success{background:#2b6a4b12;border-color:#2b6a4b2e}.sp-workspace-status-card.error{background:#d112120d;border-color:#d1121224}.sp-workspace-status-card strong{color:var(--ec-primary);display:block;font-family:MontserratBold,sans-serif;font-size:.96rem}.sp-workspace-status-card p{color:#58695f;font-size:.9rem;line-height:1.65;margin-top:8px}.sp-input-help{background:#2b6a4b0f;border-radius:18px;color:#4e6056;font-size:.92rem;grid-column:1/-1;line-height:1.7;padding:18px 20px}.sp-checkout-submit{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:16px;box-shadow:0 12px 24px #17382929;color:#fff;cursor:pointer;font-family:MontserratBold,sans-serif;font-size:.96rem;grid-column:1/-1;justify-self:start;padding:16px 26px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.sp-checkout-submit:hover{box-shadow:0 18px 28px #1738292e;transform:translateY(-1px)}.sp-checkout-submit:disabled{cursor:not-allowed;opacity:.75;transform:none}.sp-free-trial-pane{grid-gap:18px;display:grid;gap:18px;margin-top:28px}.sp-confirm-shell{margin:0 auto;max-width:980px}.sp-confirm-card{background:#fffffff5;border:1px solid #17382914;border-radius:28px;box-shadow:0 22px 50px #17382912;padding:34px}.sp-confirm-card.success{background:linear-gradient(180deg,#fffffffa,#f2fbf6fa)}.sp-confirm-card.error{background:linear-gradient(180deg,#fffffffa,#fff7f5fa)}.sp-confirm-card.info{background:linear-gradient(180deg,#fffffffa,#fffaf0fa)}.sp-confirm-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.sp-confirm-pill{align-items:center;background:#1738290f;border-radius:999px;color:var(--ec-primary);display:inline-flex;font-size:.82rem;font-weight:700;padding:8px 14px}.sp-confirm-grid{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.sp-confirm-summary h2{color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:clamp(1.6rem,2.4vw,2rem);margin:0 0 12px}.sp-confirm-summary p{color:#57675d;line-height:1.8;margin:0}.sp-confirm-reference{background:#ffffffe0;border:1px solid #17382914;border-radius:20px;margin-top:22px;padding:20px 22px}.sp-confirm-reference span{color:#7a8c81;display:block;font-size:.82rem;font-weight:700;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.sp-confirm-reference strong{color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:1rem;word-break:break-word}.sp-confirm-actions{grid-gap:14px;display:grid;gap:14px}.sp-confirm-secondary-btn{background:#fff;border:1px solid #1738291f;border-radius:16px;color:var(--ec-primary);cursor:pointer;font-family:MontserratBold,sans-serif;font-size:.94rem;padding:14px 22px;transition:transform .2s ease,box-shadow .2s ease}.sp-confirm-secondary-btn:hover{box-shadow:0 14px 26px #17382914;transform:translateY(-1px)}.sp-comparison-table{margin:0 auto;max-width:1000px;overflow-x:auto}.sp-comparison-table table{border-collapse:collapse;width:100%}.sp-comparison-table td,.sp-comparison-table th{border-bottom:1px solid #1738290f;font-size:.9rem;padding:16px 20px;text-align:center}.sp-comparison-table th{background:#17382905;color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:.95rem}.sp-comparison-table td:first-child,.sp-comparison-table th:first-child{text-align:left}.sp-feature-name{color:var(--ec-text);font-weight:600}.highlight-col{background:#2b6a4b0a}.sp-faq-list{grid-gap:12px;display:grid;gap:12px;margin:0 auto;max-width:760px}.sp-faq-item{background:#fff;border:1px solid #1738290f;border-radius:16px;cursor:pointer;padding:20px 24px;transition:.2s}.sp-faq-item:hover{border-color:#2b6a4b26}.sp-faq-item.open{border-color:#2b6a4b33;box-shadow:0 8px 20px #1738290a}.sp-faq-q{align-items:center;display:flex;gap:16px;justify-content:space-between}.sp-faq-q span:first-child{color:var(--ec-primary);font-size:.95rem;font-weight:700}.sp-faq-toggle{background:#1738290d;border-radius:8px;color:var(--ec-primary);display:grid;flex-shrink:0;font-size:1.1rem;font-weight:700;height:28px;place-items:center;width:28px}.sp-faq-a{border-top:1px solid #1738290f;color:#607064;font-size:.9rem;line-height:1.7;margin-top:14px;padding-top:14px}.sp-legal-rich-content{lineHeight:1.8;fontSize:.95rem;color:#506055;text-align:left}.sp-legal-rich-content h3{color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:1.25rem;margin:32px 0 16px}.sp-legal-rich-content h4{color:var(--ec-primary);font-size:1.05rem;font-weight:700;margin:24px 0 12px}.sp-legal-rich-content h5{color:var(--ec-secondary);font-size:.95rem;font-weight:700;letter-spacing:.05em;margin:20px 0 10px;text-transform:uppercase}.sp-legal-rich-content p{line-height:1.8;margin-bottom:16px}.sp-legal-rich-content ul{list-style:disc;margin:16px 0;padding-left:20px}.sp-legal-rich-content li{line-height:1.7;margin-bottom:12px}.sp-legal-rich-content strong{color:var(--ec-primary)}.sp-stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:900px}.sp-stat-card{background:#fff;border:1px solid #1738290f;border-radius:20px;box-shadow:0 8px 24px #1738290a;padding:28px 20px;text-align:center}.sp-stat-card strong{color:var(--ec-primary);display:block;font-family:MontserratBold,sans-serif;font-size:1.8rem;margin-bottom:6px}.sp-stat-card span{color:var(--ec-muted);font-size:.85rem;font-weight:600}.sp-community-block{grid-gap:80px;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:40px;box-shadow:0 20px 50px #1738290d;display:grid;gap:80px;grid-template-columns:1fr 1.5fr;margin:60px auto;padding:60px;transition:all .4s cubic-bezier(.4,0,.2,1)}.sp-community-block:hover{border-color:#2b6a4b33;box-shadow:0 30px 70px #17382914;transform:translateY(-5px)}.sp-community-block.reverse{direction:rtl}.sp-community-block.reverse>*{direction:ltr}.sp-community-icon-box{border-radius:30px;display:grid;height:360px;overflow:hidden;place-items:center;position:relative;width:100%}.sp-community-icon-box:before{background:linear-gradient(135deg,#fff3,#0000);content:"";inset:0;position:absolute}.sp-community-icon-box span{filter:drop-shadow(0 20px 30px rgba(0,0,0,.15));font-size:7rem;z-index:1}.sp-community-content h2{color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:2.8rem;letter-spacing:-1.5px;line-height:1.1;margin:12px 0 20px}.sp-community-content p{color:#506055;font-size:1.1rem;line-height:1.8;margin-bottom:32px}.sp-community-links{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sp-community-link{align-items:center;background:#fff;border:1px solid #1738290d;border-radius:18px;box-shadow:0 4px 12px #00000005;color:var(--ec-primary);display:flex;font-size:.95rem;font-weight:700;gap:12px;padding:16px 24px;text-decoration:none;transition:all .3s ease}.sp-community-link:hover{background:var(--ec-bg);border-color:var(--ec-secondary);box-shadow:0 8px 24px #2b6a4b1a;color:var(--ec-secondary);transform:translateX(8px)}.sp-link-arrow{color:var(--ec-secondary);font-size:1.2rem;font-weight:800;transition:transform .3s ease}.sp-community-link:hover .sp-link-arrow{transform:translateX(3px)}.sp-search-box{display:flex;gap:8px;margin:0 auto;max-width:560px}.sp-search-box input{background:#fff;border:1.5px solid #1738291a;border-radius:16px;color:var(--ec-text);flex:1 1;font-family:MontserratRegular,sans-serif;font-size:1rem;outline:none;padding:16px 24px}.sp-search-box input:focus{border-color:var(--ec-secondary);box-shadow:0 0 0 4px #2b6a4b0f}.sp-search-box button{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:16px;color:#fff;cursor:pointer;font-family:MontserratBold,sans-serif;font-weight:700;padding:16px 32px;transition:.2s}.sp-search-box button:hover{transform:translateY(-1px)}.sp-help-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.sp-help-card{background:#fff;border:1px solid #1738290f;border-radius:20px;box-shadow:0 8px 24px #17382908;cursor:pointer;padding:28px 24px;transition:.3s}.sp-help-card:hover{border-color:#2b6a4b1f;box-shadow:0 16px 36px #1738290f;transform:translateY(-3px)}.sp-help-icon{border-radius:16px;display:grid;font-size:1.4rem;height:52px;margin-bottom:16px;place-items:center;width:52px}.sp-help-card h3{color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:1rem;margin-bottom:6px}.sp-help-card p{color:var(--ec-muted);font-size:.85rem;margin-bottom:12px}.sp-article-count{background:#2b6a4b0f;border-radius:6px;color:var(--ec-secondary);font-size:.78rem;font-weight:700;padding:4px 10px}.sp-contact-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:900px}.sp-contact-card{background:#fff;border:1px solid #1738290f;border-radius:24px;box-shadow:0 12px 32px #1738290a;padding:36px 28px;text-align:center;transition:.3s}.sp-contact-card:hover{box-shadow:0 20px 48px #17382914;transform:translateY(-3px)}.sp-contact-icon{font-size:2.5rem;margin-bottom:16px}.sp-contact-card h3{color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:1.1rem;margin-bottom:8px}.sp-contact-card p{color:var(--ec-muted);font-size:.88rem;margin-bottom:16px}.sp-contact-action{color:var(--ec-secondary);font-size:.88rem;font-weight:700}@media(max-width:1024px){.sp-pricing-grid{grid-template-columns:1fr;max-width:420px}.sp-pricing-card.featured{transform:none}.sp-calculator-summary-grid,.sp-checkout-grid,.sp-checkout-grid-layout,.sp-checkout-highlights,.sp-confirm-grid,.sp-plan-meta{grid-template-columns:1fr}.sp-stats-row{grid-template-columns:repeat(2,1fr)}.sp-community-block,.sp-community-block.reverse{direction:ltr;gap:32px;grid-template-columns:1fr}.sp-help-grid{grid-template-columns:repeat(2,1fr)}.sp-contact-grid{grid-template-columns:1fr;max-width:400px}}@media(max-width:640px){.sp-hero{padding:calc(var(--ec-nav-height) + 32px) 20px 60px}.sp-checkout-card{padding:24px 20px}.sp-status-banner{padding:18px}.sp-confirm-card{padding:24px 20px}.sp-community-links,.sp-help-grid,.sp-stats-row{grid-template-columns:1fr}.sp-search-box{flex-direction:column}.sp-comparison-table{font-size:.82rem}}.sp-optional-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.sp-app-card{display:block}.sp-app-select{align-items:center;background:#fff;border:1px solid #1738290f;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:box-shadow .18s ease,transform .12s ease}.sp-app-select:hover{box-shadow:0 10px 24px #1738290a;transform:translateY(-2px)}.sp-app-select input{accent-color:#2b6a4b;flex-shrink:0;height:18px;width:18px}.sp-app-logo{background:linear-gradient(135deg,#2b6a4b,#173829);border-radius:10px;color:#fff;display:grid;flex-shrink:0;font-family:MontserratBold,sans-serif;font-weight:800;height:44px;place-items:center;width:44px}.sp-app-meta{display:flex;flex-direction:column;margin-left:6px}.sp-app-meta strong{color:var(--ec-primary);font-size:.98rem}.sp-app-deps{color:#6b7b71;font-size:.82rem;margin-top:4px}.sp-app-tag{background:#2b6a4b0f;border-radius:999px;color:var(--ec-secondary);font-size:.82rem;font-weight:700;margin-left:auto;padding:6px 10px}.sp-app-select input:checked~.sp-app-logo{box-shadow:0 8px 20px #2b6a4b24;transform:scale(1.03)}@media(max-width:720px){.sp-optional-list{grid-template-columns:1fr}}:root{--login-primary:#173829;--login-secondary:#2b6a4b;--login-accent:#6af2ad;--login-bg:#f5f8f6;--login-card-bg:#fff;--login-text:#173829;--login-text-muted:#17382999;--login-shadow:0 10px 40px #17382914;--login-radius:24px}.login-page,.login-wrapper{background:#f5f8f6;background:var(--login-bg);color:#173829;color:var(--login-text);font-family:MontserratRegular,sans-serif;min-height:100vh;overflow-y:auto;position:relative;width:100vw}.login-page{align-items:center;background:linear-gradient(135deg,#f5f8f6,#e8f0eb);display:flex;justify-content:center}.login-container{background:#fff;display:flex;min-height:100vh;width:100%}.login-side-form{display:flex;flex:0.8 1;flex-direction:column;justify-content:center;padding:80px}.form-header{margin-bottom:40px}.mobile-logo{display:none;margin-bottom:24px}.mobile-logo img{border:2px solid #173829;border:2px solid var(--login-primary);border-radius:50%;height:140px;object-fit:contain;padding:10px;width:140px}.form-header h2{color:#173829;color:var(--login-primary);font-family:MontserratBold,sans-serif;font-size:38px;margin-bottom:15px}.form-header p{color:#17382999;color:var(--login-text-muted);font-size:15px;font-weight:500}.login-form{display:flex;flex-direction:column;gap:20px}.form-grid{grid-gap:20px;gap:20px}.form-grid.triple{grid-template-columns:1.5fr 1fr 1fr}@media (max-width:768px){.form-grid,.form-grid.triple{gap:15px;grid-template-columns:1fr}}.input-group{display:block}.input-group label{color:#173829;color:var(--login-primary);display:block;font-size:11px;font-weight:800;letter-spacing:1px;margin-bottom:8px;opacity:.7;text-transform:uppercase}.input-with-icon{display:block;position:relative}.input-with-icon .icon{align-items:center;color:#2b6a4b;color:var(--login-secondary);display:flex;font-size:20px;left:18px;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon input{background:#f8faf9;border:1.5px solid #17382914;border-radius:12px;box-sizing:border-box;font-family:MontserratRegular,sans-serif;font-size:14px;height:52px;outline:none;padding:0 52px;transition:all .3s ease;width:100%}.input-with-icon input:focus{background:#fff;border-color:#2b6a4b;border-color:var(--login-secondary);box-shadow:0 0 0 4px #2b6a4b0d}.toggle-pass{align-items:center;background:none;border:none;color:#17382999;color:var(--login-text-muted);cursor:pointer;display:flex;font-size:20px;justify-content:center;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.form-options{text-align:right}.forgot-pass{color:#2b6a4b;color:var(--login-secondary);cursor:pointer;font-size:13px;font-weight:700}.main-login-btn{background:#173829;background:var(--login-primary);border:none;border-radius:14px;box-shadow:0 10px 20px #17382933;color:#fff;cursor:pointer;font-family:MontserratBold,sans-serif;font-size:16px;font-weight:800;height:56px;margin-top:10px}.form-footer-note{background:#f8faf9;border-left:4px solid #6af2ad;border-left:4px solid var(--login-accent);border-radius:12px;margin-top:24px;padding:16px}.form-footer-note p{color:#17382999;color:var(--login-text-muted);font-size:12px;line-height:1.5}.login-side-visual{align-items:center;background:#173829;background:var(--login-primary);color:#fff;display:flex;flex:1.2 1;justify-content:center;padding:60px;position:relative}.visual-overlay{background:radial-gradient(circle at 30% 30%,#6af2ad26 0,#0000 70%);inset:0;position:absolute}.visual-content{max-width:440px;position:relative;text-align:center;z-index:10}.visual-logo-box{margin-bottom:40px}.visual-logo-box img{border:2px solid #fff;border-radius:50%;filter:drop-shadow(0 15px 30px rgba(0,0,0,.2));height:200px;object-fit:contain;padding:10px;width:200px}.visual-content h1{font-family:MontserratBold,sans-serif;font-size:42px;letter-spacing:-1px;line-height:1.1;margin-bottom:24px}.visual-divider{background:#6af2ad;background:var(--login-accent);border-radius:2px;height:4px;margin:0 auto 24px;width:60px}.visual-content p{font-size:16px;font-weight:500;line-height:1.6;margin-bottom:48px;opacity:.8}.visual-stats{display:flex;gap:40px;justify-content:center}.stat-num{color:#6af2ad;color:var(--login-accent);font-family:MontserratBold,sans-serif;font-size:24px}.stat-label{font-size:12px;letter-spacing:1px;opacity:.6}.user-login-container{align-items:center;background:radial-gradient(circle at 10% 10%,#f0f4f1 0,#e0e9e4 100%);display:flex;height:100%;justify-content:center;padding:40px;width:100%}.user-login-content{max-width:1000px;width:100%}.user-header{margin-bottom:60px;text-align:center}.user-app-logo{border:2px solid #173829;border:2px solid var(--login-primary);border-radius:50%;filter:drop-shadow(0 10px 20px rgba(23,56,41,.1));height:160px;margin-bottom:32px;object-fit:contain;padding:10px;width:160px}.user-header h1{color:#173829;color:var(--login-primary);font-family:MontserratBold,sans-serif;font-size:36px;margin-bottom:8px}.user-header p{color:#17382999;color:var(--login-text-muted);font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.user-login-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.user-card{background:#fff;border:1px solid #17382908;border-radius:24px;box-shadow:0 15px 35px #1738290d;cursor:pointer;gap:20px;padding:28px;transition:all .3s ease}.card-icon-box,.user-card{align-items:center;display:flex}.card-icon-box{background:#f0f4f2;border-radius:16px;height:56px;justify-content:center;min-width:56px;width:56px}.card-icon-box.primary{background:#173829;background:var(--login-primary);color:#fff}.card-icon-box.success{background:#e7f7ef;color:#173829}.card-icon-box.danger{background:#feebeb;color:#d11212}.card-icon{font-size:24px}.card-text{display:flex;flex-direction:column;min-width:0}.card-label{color:#17382999;color:var(--login-text-muted);font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:4px}.card-value{color:#173829;color:var(--login-primary);font-size:16px;font-weight:800}.card-value.primary{font-size:20px}.card-subvalue{color:#17382999;color:var(--login-text-muted);font-size:12px;font-weight:500}.info-card{cursor:default}.keypad-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#173829d9;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:16px;position:fixed;z-index:1000}.keypad-content{-webkit-overflow-scrolling:touch;background:#fff;border-radius:28px;box-shadow:0 40px 100px #0000004d;max-height:calc(100dvh - 32px);max-width:640px;overflow-y:auto;padding:32px;width:100%}.keypad-header{justify-content:space-between;margin-bottom:24px}.header-title,.keypad-header{align-items:center;display:flex}.header-title{color:#173829;color:var(--login-primary);gap:12px}.header-title svg{font-size:24px}.header-title h3{font-family:MontserratBold,sans-serif;font-size:18px;margin:0}.close-btn{background:#f0f3f1;border-radius:50%;color:#173829;color:var(--login-primary);height:40px;transition:all .2s;width:40px}.close-btn:hover{background:#e1e7e3;transform:scale(1.1)}.keypad-fields{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.input-field-wrapper{display:flex;flex-direction:column;gap:6px}.input-field-wrapper label{color:#17382999;color:var(--login-text-muted);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.input-field-wrapper input{background:#f8faf9;border:1.5px solid #17382914;border-radius:12px;box-sizing:border-box;color:#173829;color:var(--login-primary);font-family:MontserratBold,sans-serif;font-size:15px;height:50px;outline:none;padding:0 16px;transition:all .2s ease;width:100%}.input-field-wrapper.focused input{background:#fff;border-color:#2b6a4b;border-color:var(--login-secondary);box-shadow:0 0 0 3px #2b6a4b14}.pin-input-box{position:relative}.pin-input-box input{padding-right:48px}.pin-toggle{align-items:center;background:none;border:none;color:#17382999;color:var(--login-text-muted);cursor:pointer;display:flex;font-size:20px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.virtual-keypad{background:#f4f6f5;border-radius:18px;display:flex;flex-direction:column;gap:6px;margin-bottom:24px;padding:12px}.keypad-row{gap:5px}.keypad-row,.keypad-row .key{display:flex;justify-content:center}.keypad-row .key{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:1px solid #17382914;border-radius:10px;box-shadow:0 1px 3px #0000000a;color:#173829;color:var(--login-primary);cursor:pointer;flex:1 1;font-family:MontserratRegular,sans-serif;font-size:14px;font-weight:700;height:44px;max-width:52px;min-width:0;padding:0;transition:all .12s ease;user-select:none;-webkit-user-select:none}.keypad-row .key:hover{background:#173829;background:var(--login-primary);border-color:#173829;border-color:var(--login-primary);color:#fff}.keypad-row .key:active{background:#2b6a4b;background:var(--login-secondary);color:#fff;transform:scale(.93)}.keypad-row .key.ctrl-key{background:#e8ece9;flex:1.4 1;font-size:11px;font-weight:800;letter-spacing:.3px;max-width:72px}.keypad-row .key.ctrl-key.active-ctrl{background:#2b6a4b;background:var(--login-secondary);border-color:#2b6a4b;border-color:var(--login-secondary);color:#fff}.keypad-row .key.ctrl-key:hover{background:#173829;background:var(--login-primary);color:#fff}.keypad-row .key.delete{background:#fef0f0;border-color:#c530301f;color:#c53030;font-size:18px}.keypad-row .key.delete:hover{background:#c53030;color:#fff}.bottom-row .key.symbol-key{background:#e8ece9;flex:1.3 1;font-size:12px;font-weight:800;max-width:64px}.bottom-row .key.symbol-key.active-ctrl{background:#2b6a4b;background:var(--login-secondary);color:#fff}.bottom-row .key.tab-key{background:#e8ece9;flex:1 1;font-size:11px;font-weight:800;max-width:54px}.bottom-row .key.space-key{flex:4 1;font-size:11px;font-weight:800;letter-spacing:2px;max-width:none}.bottom-row .key.dot-key{flex:0.8 1;font-size:16px;font-weight:800;max-width:44px}.bottom-row .key.clear-key{background:#fef0f0;border-color:#c530301f;color:#c53030;flex:1 1;font-size:11px;font-weight:800;max-width:54px}.bottom-row .key.clear-key:hover{background:#c53030;color:#fff}.keypad-actions{display:flex;gap:12px}.cancel-action{background:#f0f3f1;border:none;border-radius:14px;color:#173829;color:var(--login-primary);cursor:pointer;flex:1 1;font-family:MontserratRegular,sans-serif;font-size:14px;font-weight:700;height:52px;transition:all .2s}.cancel-action:hover{background:#e1e7e3}.submit-action{background:#173829;background:var(--login-primary);border:none;border-radius:14px;box-shadow:0 8px 20px #17382933;color:#fff;cursor:pointer;flex:2 1;font-family:MontserratBold,sans-serif;font-size:15px;font-weight:800;height:52px;transition:all .2s}.submit-action:hover{background:#2b6a4b;background:var(--login-secondary);box-shadow:0 12px 28px #17382940}.submit-action:disabled{box-shadow:none;cursor:not-allowed;opacity:.4}.login-toast{align-items:center;background:#fff;border-radius:16px;bottom:32px;box-shadow:0 20px 50px #0000001f,0 0 0 1px #d1121214;color:#173829;color:var(--login-primary);display:flex;font-size:14px;font-weight:600;gap:14px;left:10px;max-width:calc(100vw - 40px);min-width:280px;overflow:hidden;padding:16px 20px;position:fixed;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content;z-index:6000}.login-toast-accent{background:#d11212;border-radius:4px 0 0 4px;bottom:0;left:0;position:absolute;top:0;width:4px}.login-toast-icon{align-items:center;background:#feebeb;border-radius:10px;color:#d11212;display:flex;font-size:16px;font-weight:900;height:32px;justify-content:center;min-width:32px;width:32px}.login-toast-text{color:#333;flex:1 1;line-height:1.4}.login-toast-close{align-items:center;background:none;border:none;border-radius:8px;color:#999;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px 8px;transition:all .2s}.login-toast-close:hover{background:#f5f5f5;color:#333}@media (max-width:900px){.login-container{flex-direction:column;height:auto;min-height:100vh}.login-side-visual{display:none}.mobile-logo{display:flex;justify-content:center}.login-side-form{flex:1 1;justify-content:flex-start;padding:60px 24px 40px}.form-header h2{font-size:28px}.form-header h2,.form-header p{text-align:center}}@media (max-width:480px){.login-side-form{padding:40px 16px 24px}.mobile-logo img{height:100px;width:100px}.form-header h2{font-size:24px}.input-with-icon input{font-size:14px;height:50px}.main-login-btn{font-size:14px;height:52px}.login-form{gap:24px}}@media (max-width:768px){.user-login-container{align-items:flex-start;padding:40px 20px 20px}.user-header{margin-bottom:32px}.user-app-logo{height:100px;margin-bottom:20px;width:100px}.user-header h1{font-size:24px}.user-header p{font-size:11px;letter-spacing:1px}.user-login-grid{gap:16px;grid-template-columns:1fr}.user-card{border-radius:18px;gap:16px;padding:20px}.card-icon-box{border-radius:14px;height:48px;min-width:48px;width:48px}.card-icon{font-size:20px}.card-value{font-size:14px}.card-value.primary{font-size:17px}}@media (max-width:680px){.keypad-modal{align-items:flex-start;padding:12px 8px 8px}.keypad-content{border-radius:22px;max-height:calc(100dvh - 24px);padding:20px}.keypad-header{margin-bottom:16px}.header-title h3{font-size:15px}.keypad-fields{gap:12px;grid-template-columns:1fr;margin-bottom:16px}.input-field-wrapper input{font-size:14px;height:46px}.virtual-keypad{border-radius:14px;gap:5px;margin-bottom:16px;padding:8px}.keypad-row{gap:4px}.keypad-row .key{border-radius:8px;font-size:13px;height:40px;max-width:48px}.keypad-row .key.ctrl-key{font-size:10px;max-width:60px}.bottom-row .key.symbol-key{font-size:11px;max-width:56px}.bottom-row .key.tab-key{font-size:10px;max-width:46px}.bottom-row .key.dot-key{max-width:38px}.bottom-row .key.clear-key{font-size:10px;max-width:46px}.keypad-actions{gap:10px}.cancel-action,.submit-action{border-radius:12px;font-size:13px;height:48px}}@media (max-width:400px){.keypad-content{border-radius:18px;padding:14px}.keypad-row .key{border-radius:7px;font-size:12px;height:36px;max-width:42px}.keypad-row .key.ctrl-key{font-size:9px;max-width:52px}.keypad-row .key.delete{font-size:15px}.bottom-row .key.space-key{font-size:10px}.bottom-row .key.symbol-key{font-size:10px;max-width:48px}.bottom-row .key.tab-key{font-size:9px;max-width:40px}.bottom-row .key.dot-key{max-width:34px}.bottom-row .key.clear-key{font-size:9px;max-width:40px}.input-field-wrapper input{font-size:13px;height:42px;padding:0 12px}.cancel-action,.submit-action{font-size:12px;height:44px}}@media (max-width:600px){.login-toast{border-radius:14px;bottom:16px;font-size:13px;left:16px;max-width:none;min-width:0;padding:14px 16px;right:16px;transform:none;width:auto}}.error-page{align-items:center;background:var(--ec-bg);display:flex;font-family:MontserratRegular,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.error-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff80;border-radius:40px;box-shadow:0 30px 70px #1738291a;max-width:560px;padding:60px 40px;position:relative;text-align:center;width:100%;z-index:10}.error-icon-box{align-items:center;border-radius:32px;box-shadow:0 15px 30px #0000000d;display:flex;font-size:52px;height:110px;justify-content:center;margin:0 auto 36px;position:relative;width:110px}.db-error{background:linear-gradient(135deg,var(--ec-primary),var(--ec-secondary));color:#fff}.license-error{background:linear-gradient(135deg,#f05d5e,#d11212);color:#fff}.error-badge{background:var(--ec-accent);border-radius:14px;box-shadow:0 8px 16px #6af2ad4d;color:var(--ec-primary);font-size:14px;font-weight:800;padding:6px 14px;position:absolute;right:-12px;top:-12px}.error-pulse{background:currentColor;border-radius:44px;inset:-12px;opacity:.15;position:absolute;z-index:-1}.error-container h1{color:var(--ec-primary);font-family:MontserratBold,sans-serif;font-size:36px;letter-spacing:-1px;margin-bottom:20px}.error-container p{color:#506055;font-size:17px;line-height:1.7;margin-bottom:36px}.error-info-card{background:#ffffff80;border:1px solid #1738290d;border-radius:24px;display:flex;gap:20px;margin-bottom:36px;padding:24px;text-align:left}.info-icon{color:#f05d5e;flex-shrink:0;font-size:28px}.error-info-card h4{color:var(--ec-primary);font-size:16px;font-weight:800;margin-bottom:6px}.error-info-card p{color:var(--ec-muted);font-size:14px;line-height:1.5;margin-bottom:0}.error-actions{display:flex;gap:16px;justify-content:center}.btn-back,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-family:MontserratBold,sans-serif;font-size:16px;font-weight:700;gap:10px;height:56px;padding:0 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-back{background:#fff;border:1.5px solid #1738291a;color:var(--ec-primary)}.btn-primary{background:linear-gradient(135deg,var(--ec-primary),var(--ec-secondary));box-shadow:0 10px 25px #17382933}.btn-secondary{background:var(--ec-accent);box-shadow:0 10px 25px #6af2ad33;color:var(--ec-primary)}.btn-back:hover{background:var(--ec-bg);border-color:var(--ec-secondary);transform:translateY(-2px)}.btn-primary:hover,.btn-secondary:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-2px)}.error-bg-elements{inset:0;position:absolute;z-index:1}.blob{border-radius:50%;filter:blur(100px);height:500px;opacity:.3;position:absolute;width:500px}.blob-1{background:var(--ec-accent);left:-150px;top:-150px}.blob-2{background:var(--ec-gold);bottom:-150px;right:-150px}.blob.license{background:#f05d5e}@media (max-width:640px){.error-container{border-radius:32px;padding:40px 24px}.error-actions{flex-direction:column}.btn-back,.btn-primary,.btn-secondary{justify-content:center;width:100%}.error-container h1{font-size:28px}}.dashboard{background:#ffffffe6;display:flex;height:100vh;width:100vw}.mainview{overflow:auto;width:100%}.sidenav{background:#393636;box-shadow:2px 0 5px #0003;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .3s ease-in-out;width:320px;z-index:3000}.navbox{flex:1 1;overflow-x:hidden;overflow-y:auto;padding-bottom:20px}.sidenav.collapsed{box-sizing:border-box;width:-webkit-max-content;width:max-content}.sidenav.collapsed .navdivcount{align-items:center;display:flex;justify-content:center;z-index:1}.sidenav.collapsed::-webkit-scrollbar{width:4px}.sidenav.collapsed::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidenav.collapsed::-webkit-scrollbar-track{background:#0000}.sidenav.collapsed .navdiv{overflow:visible;position:relative}.sidenav.collapsed .navdiv:after{background:#333;border-radius:4px;color:#fff;content:attr(data-tooltip);font-size:14px;left:100%;margin-left:10px;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:9999}.sidenav.collapsed .navdiv:hover:after{opacity:1;visibility:visible}.sidenav.collapsed .navheader{padding:10px 0}.sidenav.collapsed .navdiv{justify-content:center;padding:12px 0}.sidenav.collapsed .navdiv>div:not(.navdivcount){display:none}.sidenav.collapsed .navdiv .navdivicon{font-size:1.5rem;margin-right:0}.navheader{border-bottom:1px solid #ffffff1a;font-size:1.1rem;font-weight:700;padding:15px 20px;position:relative;transition:all .3s ease}.collapse-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:5px;transition:all .2s ease}.collapse-btn:hover{background:#ffffff1a}.main-content{margin-left:280px;transition:margin .3s ease-in-out}.sidenav.collapsed+.main-content{margin-left:60px}.mobile-menu-btn{align-items:center;background:#4e7d08;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:35px;justify-content:center;left:5px;padding:0;position:fixed;top:5px;width:35px;z-index:3001}@media (min-width:769px){.sidenav{left:-100%}}.sidenav.collapsed .navbarr{gap:5px!important;grid-template-columns:1fr!important;padding-right:0;width:100%}.sidenav.collapsed .navdiv{box-sizing:border-box;justify-content:center!important;margin:2px 4px!important;min-width:auto!important;padding:12px 0!important;width:calc(100% - 8px)!important}.sidenav.collapsed .navdivicon{margin:0!important}.sidenav.collapsed .navdiv>div:not(.notification-badge):not(.navdivcount){display:none}.sidenav.collapsed .navdiv>.navdiviconwrap{display:grid!important}.sidenav.collapsed .navdivcount{position:absolute;right:2px;top:2px;transform:scale(.8);transform-origin:top right}.mobile-menu-badge{align-items:center;background:#f44;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.sidenav.open{left:0}.menu-overlay{background:#0000;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:-1}.menu-overlay.open{background:#00000080;display:block;z-index:999}.navbarr{box-sizing:border-box;flex-direction:column;gap:15px;padding:20px 15px}.navbarr,.navdiv{display:flex;width:100%}.navdiv{background:#7cc50f;border-radius:4px;border-radius:7px;color:#fff;cursor:pointer;flex-direction:row;margin:4px 10px;padding:12px 15px;position:relative;transition:all .2s ease;white-space:nowrap;div{color:#fff;cursor:pointer;font-size:11px};}.navdiv:hover{border:2px solid #fff;color:#fff;font-weight:700}.navdivicon{cursor:pointer;font-size:24px;min-width:30px;text-align:center}.selected{background:#4e7d08;border:2px solid #fff;color:#fff;font-weight:700}.navlogouticon{font-size:20px}.navlogout{align-items:center;background:#77c207;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:bolder;gap:15px;justify-content:flex-start;margin-top:20px;padding:12px 15px;width:100%}@media (min-width:1025px){.sidenav{box-shadow:none;left:0;position:relative;width:30%}.mobile-menu-btn{display:none}.menu-overlay{display:none!important}.navbarr{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:10px;width:100%}.navdiv{flex-direction:column;justify-content:center;margin:0;min-height:80px;padding:10px 5px;width:auto}.navdivicon{font-size:24px;margin-bottom:5px}.navdiv div{font-size:12px}.navlogout{grid-column:1/-1;justify-content:center;margin:5px 0 0;padding:10px 0;width:auto}}@media (max-width:768px){.sidenav{left:-100%;transition:left .3s ease-in-out;width:280px}.sidenav.open{left:0}.sidenav.collapsed{width:-webkit-max-content;width:max-content}.sidenav.collapsed.open{left:0}.mobile-menu-btn{display:flex}.menu-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:2999}.menu-overlay.open{display:block;z-index:999}.navbarr{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:15px 10px}.navdiv{flex-direction:column;justify-content:center;min-height:75px;padding:12px 5px;text-align:center}.navdivicon{font-size:22px;margin-bottom:4px}.navdiv div{font-size:11px;line-height:1.2}.navlogout{grid-column:1/-1;justify-content:center;margin-top:5px;padding:12px 0}.navheader{font-size:1.2rem;margin:15px auto}}@media (max-width:576px){.mobile-menu-btn{display:flex}.sidenav{width:280px}.navbarr{padding:20px 15px}}.navdivcount{align-items:center;background:red;border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;position:absolute;right:0;top:0;width:20px}.sidenav{background:radial-gradient(circle at top left,#ffcc6626,#0000 24%),linear-gradient(180deg,#173829,#1f4734 45%,#153324);box-shadow:18px 0 48px #0c1c142e;color:#f4f6ef;width:310px}.navheader{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:22px 18px 18px}.navbrand,.navheader{align-items:center;display:flex;gap:12px}.navbrand{min-width:0}.navbrand-mark{background:linear-gradient(135deg,#ffe29a,#dff1e6);border-radius:16px;color:#173829;display:grid;flex-shrink:0;font-weight:800;height:44px;letter-spacing:.08em;place-items:center;width:44px}.navbrand-copy{display:grid;min-width:0}.navbrand-title{color:#f7f9f3;font-size:.92rem;font-weight:700;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbrand-subtitle{color:#f4f6efad;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.collapse-btn{background:#ffffff14;border-radius:14px;color:#f7f9f3;font-size:0;font-weight:700;height:40px;width:40px}.collapse-btn:before{content:"<";font-size:1rem}.sidenav.collapsed .collapse-btn:before{content:">"}.collapse-btn:hover{background:#ffffff24}.navbox{padding:12px 10px 4px}.navbarr{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;padding:0}.navdiv{grid-gap:12px;align-items:center;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:22px;display:grid;gap:12px;grid-template-columns:auto 1fr auto;margin:0;min-height:74px;padding:14px 14px 14px 12px;white-space:normal;width:auto}.navdiv:hover{background:#ffffff1a;border:1px solid #ffffff24;transform:translateY(-1px)}.selected{background:linear-gradient(135deg,#ffe29a2e,#dff1e61a);border:1px solid #ffe29a61;box-shadow:0 16px 30px #0918112e}.navdiviconwrap{background:#ffffff1a;border-radius:14px;display:grid;height:42px;place-items:center;width:42px}.navdivicon{font-size:1.25rem;margin:0;min-width:auto}.navdivcopy{grid-gap:3px;display:grid;gap:3px;min-width:0}.navdivlabel{color:#f7f9f3;font-size:.92rem;font-weight:700}.navdivmeta{color:#f4f6efb3;font-size:.76rem}.navdivcount{background:#f05d5e;border:2px solid #173829cc;font-size:.72rem;font-weight:700;height:22px;min-width:22px;padding:0 6px;right:10px;top:10px;width:auto}.navfooter{border-top:1px solid #ffffff14;margin-top:auto;padding:14px 10px 16px}.navlogout{background:#ffffff14;border:1px solid #ffffff14;border-radius:22px;gap:12px;margin:0;padding:14px;width:auto}.navlogout:hover{background:#ffffff1f}.navlogoutcopy{grid-gap:3px;display:grid;gap:3px}.navlogouttitle{color:#f7f9f3;font-size:.92rem;font-weight:700}.navlogoutmeta{color:#f4f6efad;font-size:.76rem}.navlogouticon{flex-shrink:0;font-size:1.2rem}.mobile-menu-btn{background:linear-gradient(135deg,#173829,#2b6a4b);border-radius:14px;box-shadow:0 12px 24px #1738292e;height:44px;left:14px;top:14px;width:44px}.mobile-menu-badge{border:2px solid #173829}.menu-overlay.open{background:#0c17126b}.sidenav.collapsed{width:98px}.sidenav.collapsed .navheader{justify-content:center;padding-left:10px;padding-right:10px}.sidenav.collapsed .navbrand-copy,.sidenav.collapsed .navdivcopy,.sidenav.collapsed .navlogoutcopy{display:none}.sidenav.collapsed .navdiv{grid-template-columns:1fr;justify-items:center;min-height:68px;padding:12px 8px}.sidenav.collapsed .navdiviconwrap{display:grid;height:40px;width:40px}.sidenav.collapsed .navfooter{padding-left:8px;padding-right:8px}.sidenav.collapsed .navlogout{justify-content:center}.sidenav.collapsed .navdiv:after{background:#12251cf5;border-radius:12px;box-shadow:0 18px 34px #0000002e;margin-left:14px;padding:8px 12px}@media (min-width:1025px){.sidenav{left:0;position:relative;width:310px}.mobile-menu-btn{display:none}}@media (max-width:1024px){.sidenav{left:-100%;width:310px}.sidenav.open{left:0}}@media (max-width:768px){.sidenav{width:290px}.navheader{padding-top:18px}.navdiv{min-height:72px}}.offline-modal{max-width:900px}.offline-pending-table{border-collapse:collapse;margin-top:8px;width:100%}.offline-pending-table td,.offline-pending-table th{border:1px solid #ddd;font-size:.8rem;padding:4px 6px}.offline-pending-table th{background:#f5f5f5}.offline-json{background:#fafafa;font-size:.7rem;max-height:140px;overflow:auto;padding:4px}.badge-pill{background:#e53935;border-radius:999px;color:#fff;font-size:.65rem;padding:0 6px;position:absolute;right:-4px;top:-4px}.dashview{display:flex;height:100%;position:relative}.dashleft,.dashview{align-items:center;justify-content:center}.dashleft{margin:auto;width:60%}.dashlbottom,.dashltop{box-shadow:2px 4px 4px 2px #0000001a;height:47vh;margin:10px auto}.dashlbottom,.dashltop,.dashright{background:#fff;border-radius:10px}.dashright{box-shadow:-2px 4px 4px 2px #0000001a;height:96vh;margin:auto;width:38%}.dashview{background:#f8faf9;display:block;min-height:100vh;overflow:auto;padding:16px;width:100%}.dash-filters{grid-gap:14px;align-items:end;background:#fff;border:1px solid #17382914;border-radius:10px;box-shadow:0 4px 12px #1738290f;box-sizing:border-box;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px;padding:16px;width:100%}.dash-filters>*{min-width:0}.dashboard-section{background:#fff;border-radius:8px;box-shadow:0 4px 12px #1738290f;margin-bottom:2rem;overflow:hidden}.section-header{align-items:center;background:#fff;border-bottom:1px solid #17382914;display:flex;justify-content:space-between;padding:1rem 1.5rem}.section-header h2{align-items:center;color:#173829;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.section-header .icon{color:#173829;font-size:1.1em}.section-content{padding:1.5rem}.alert-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.alert-panel{background:#fff;border-left:4px solid #173829;border-radius:8px;box-shadow:0 4px 12px #1738290f;padding:1rem}.alert-panel h3{align-items:center;color:#173829;display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.alert-panel h3 .icon{color:#173829}.alert-content{font-size:.875rem}.alert-category{margin-bottom:1rem}.alert-category h4{color:#525252;font-size:.875rem;margin:0 0 .5rem}.alert-items{display:flex;flex-direction:column;gap:.5rem}.alert-item{background:#f8faf9;border:1px solid #1738290d;border-radius:4px;display:flex;font-size:.8rem;justify-content:space-between;line-height:1.4;padding:.5rem}.alert-item.warning{background:#fff8f1;border-left:3px solid #ff832b}.alert-item.success{background:#f3fcf5;border-left:3px solid #24a148}.alert-item-name{color:#161616;font-weight:500}.alert-item-detail{color:#525252;text-align:right}.alert-item-time{color:#8d8d8d;display:block}.alert-item-time,.alert-more{font-size:.75rem;margin-top:.25rem}.alert-more{color:#173829;cursor:pointer;font-weight:600;text-align:center}.no-alerts{color:#8d8d8d;font-style:italic;padding:.5rem 0}.financial-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.financial-card{background:#fff;border:1px solid #1738290a;border-radius:10px;box-shadow:0 4px 15px #1738290d;padding:16px;text-align:center}.financial-card h3{color:#17382999;font-size:.9em;font-weight:600;margin:0 0 8px}.financial-card .amount{color:#173829;font-size:1.4em;font-weight:700}.financial-card.profit .amount{color:#2e7d32}.financial-card.loss .amount{color:#d32f2f}.filter-group1{display:flex;flex-direction:column;gap:6px;min-width:0}.filter-group1 label{color:#666;font-size:.8em;font-weight:700}.filter-group1 input,.filter-group1 select{background:#fff;border:1px solid #17382926;border-radius:8px;box-sizing:border-box;color:#173829;font-size:.9em;padding:10px 12px;width:100%}.filter-group1 select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007bff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px auto;padding-right:30px}.btn-secondary{background:#0000;border:1.5px solid #173829;border-radius:5px;cursor:pointer;font-size:.8rem;font-weight:600;padding:5px 8px}.btn-primary{align-self:end;background:#173829;border:none;border-radius:8px;cursor:pointer;font-weight:700;height:40px;padding:10px 14px;transition:all .2s ease;white-space:nowrap}.btn-primary:hover{background:#214e39}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.kpi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(180px,1fr));margin-bottom:16px}.kpi-card{background:#fff;border:1px solid #1738290a;border-radius:12px;box-shadow:0 4px 12px #1738290d;padding:16px}.kpi-label{color:#17382999;font-size:.9em;font-weight:700}.kpi-value{color:#173829;font-size:1.4em;font-weight:800;margin-top:4px}.kpi-sub{color:#17382980;font-size:.85em;margin-top:2px}.panel-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(280px,1fr))}.panel{background:#fff;border:1px solid #1738290a;border-radius:12px;box-shadow:0 4px 15px #1738290d;min-height:220px;padding:14px}.panel-title{color:#173829;font-weight:800;margin-bottom:10px}.chart-placeholder{align-items:center;border:1px dashed #00000026;border-radius:8px;color:#888;display:flex;height:200px;justify-content:center}.list-table{display:block}.list-head,.list-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 140px;padding:10px 8px}.list-head{background:#f3f4f6;border-radius:8px;font-weight:800}.list-row{border-bottom:1px solid #0000000f}.empty-row{color:#888;padding:12px;text-align:center}.insights{margin:0;padding-left:18px}.insight-item{color:#444;margin:6px 0}@media (max-width:1400px){.dash-filters{grid-template-columns:repeat(4,1fr)}.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.dash-filters{grid-template-columns:repeat(3,1fr)}.kpi-grid{grid-template-columns:repeat(2,1fr)}.panel-grid{grid-template-columns:1fr}}@media (max-width:992px){.financial-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dash-filters{gap:12px;grid-template-columns:repeat(2,1fr)}.financial-summary,.kpi-grid{gap:12px;grid-template-columns:1fr}.btn-primary{grid-column:1/-1}.filter-group1{min-width:0}}@media (max-width:576px){.dash-filters{gap:12px;grid-template-columns:1fr}.btn-primary{margin-top:4px;width:100%}.filter-group1{width:100%}.financial-card{padding:14px 12px}.financial-card .amount{font-size:1.3em}}.employees-page{background:radial-gradient(circle at top left,#ffc9572e,#0000 28%),radial-gradient(circle at top right,#3d99701f,#0000 26%),linear-gradient(180deg,#f7f4eb,#eef3ef);min-height:100%;padding:24px}.employees-shell{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(320px,.95fr) minmax(0,1.45fr);min-height:calc(100vh - 140px)}.employees-detail,.employees-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #1d352814;border-radius:28px;box-shadow:0 22px 60px #1d352814;min-width:0}.employees-sidebar{display:flex;flex-direction:column;overflow:hidden}.employees-sidebar-header{background:linear-gradient(135deg,#fffaeceb,#eff7f3eb);border-bottom:1px solid #1d352814;padding:28px 28px 18px}.employees-detail-kicker,.employees-kicker,.employees-panel-label,.employees-stat-label{color:#6a7d6f;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.employees-heading-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.employees-title{color:#173829;font-size:clamp(1.8rem,2vw,2.5rem);line-height:1;margin:8px 0 6px}.employees-subtitle{color:#607064;line-height:1.6;margin:0;max-width:520px}.employees-add-btn,.employees-delete-btn,.employees-filter-btn,.employees-list-action,.employees-primary-btn,.employees-secondary-btn,.employees-section-tab{cursor:pointer;font:inherit;transition:.2s ease}.employees-add-btn{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:16px;box-shadow:0 14px 28px #1738292e;color:#fffdf7;font-weight:700;padding:12px 18px}.employees-add-btn:hover,.employees-delete-btn:hover,.employees-primary-btn:hover{transform:translateY(-1px)}.employees-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.employees-stat-card{background:#ffffffe0;border:1px solid #1d352814;border-radius:18px;padding:14px 16px}.employees-stat-card strong{color:#173829;display:block;font-size:1.4rem;margin-top:6px}.employees-toolbar{grid-gap:14px;display:grid;gap:14px;padding:20px 24px 16px}.employees-search-box{position:relative}.employees-page .forminp,.employees-search-input{background:#f8faf7;border:1px solid #2846351f;border-radius:16px;box-sizing:border-box;color:#173829;min-height:50px;outline:none;padding:0 16px;width:100%}.employees-page .forminp:focus,.employees-search-input:focus{border-color:#2b6a4b80;box-shadow:0 0 0 4px #2b6a4b14}.employees-filter-tabs{display:flex;flex-wrap:wrap;gap:10px}.employees-filter-btn{background:#fff;border:1px solid #28463524;border-radius:999px;color:#5d6c60;font-weight:600;padding:11px 16px}.employees-filter-btn.active,.employees-filter-btn:hover{background:#173829;border-color:#173829;color:#fff}.employees-list{flex:1 1;overflow:auto;padding:0 18px 18px}.employees-list-card{grid-gap:14px;align-items:center;background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid #17382914;border-radius:22px;cursor:pointer;display:grid;gap:14px;grid-template-columns:auto 1fr auto;margin-bottom:12px;padding:16px}.employees-list-card.active,.employees-list-card:hover{border-color:#2b6a4b47;box-shadow:0 16px 34px #17382914;transform:translateY(-1px)}.employees-detail-avatar,.employees-list-avatar{background:linear-gradient(135deg,#ffe5a8,#dff1e6);color:#173829;display:grid;font-weight:800;place-items:center}.employees-list-avatar{border-radius:18px;font-size:1rem;height:54px;width:54px}.employees-list-body{min-width:0}.employees-list-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.employees-list-name{color:#173829;font-size:1rem;font-weight:700}.employees-list-id{color:#6f7f73;font-size:.86rem;margin-top:4px}.employees-detail-badge,.employees-panel-summary span,.employees-status-pill{align-items:center;background:#eef5f1;border-radius:999px;color:#345845;display:inline-flex;font-size:.82rem;font-weight:600;justify-content:center;padding:7px 11px}.employees-list-meta{color:#607064;display:flex;flex-wrap:wrap;font-size:.86rem;gap:8px;margin-top:10px}.employees-list-meta span{background:#f4f7f4;border-radius:999px;padding:6px 10px}.employees-list-action{background:#fff;border:1px solid #2846351f;border-radius:14px;color:#173829;font-weight:700;padding:10px 14px}.employees-list-action:hover{background:#f8faf7;border-color:#2b6a4b47}.employees-empty-state{background:#f8faf7e6;border:1px dashed #2b6a4b40;border-radius:24px;color:#607064;margin:18px 8px;padding:28px 24px;text-align:center}.employees-empty-title{color:#173829;font-size:1.05rem;font-weight:700;margin-bottom:6px}.employees-detail{display:flex;flex-direction:column;overflow:hidden}.employees-detail-hero{align-items:flex-start;background:radial-gradient(circle at top right,#ffe09347,#0000 30%),linear-gradient(180deg,#fffffff2,#f6f9f6eb);border-bottom:1px solid #1d352814;display:flex;gap:18px;justify-content:space-between;padding:28px}.employees-detail-avatar{border-radius:26px;flex-shrink:0;font-size:1.4rem;height:82px;width:82px}.employees-detail-copy{flex:1 1;min-width:0}.employees-detail-copy h3{color:#173829;font-size:clamp(1.45rem,1.8vw,2rem);margin:8px 0 6px}.employees-detail-copy p{color:#607064;line-height:1.6;margin:0}.employees-detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.employees-delete-btn{background:linear-gradient(135deg,#8d3030,#c25555);border:none;border-radius:16px;box-shadow:0 14px 28px #8d303029;color:#fff;font-weight:700;padding:12px 16px}.employees-section-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:18px 24px 0}.employees-section-tab{background:#fff;border:1px solid #1738291a;border-radius:16px;color:#607064;font-weight:700;padding:12px 16px}.employees-section-tab.active,.employees-section-tab:hover{background:linear-gradient(135deg,#173829,#25563d);border-color:#0000;color:#fff}.employees-detail-panel{display:flex;flex-direction:column;gap:18px;min-height:0;padding:18px 24px 24px}.employees-panel-topline{align-items:flex-start;background:linear-gradient(180deg,#fafcf9,#f2f7f3);border:1px solid #1738290f;border-radius:22px;display:flex;gap:16px;justify-content:space-between;padding:18px 20px}.employees-panel-value{color:#173829;font-size:1.05rem;font-weight:700;margin-top:6px}.employees-panel-summary{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.employees-page .fm{min-height:0;overflow:auto;padding-right:6px}.employees-page .basic,.employees-page .hr{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.employees-page .inpcov{background:#fbfcfb;border:1px solid #17382914;border-radius:20px;display:flex;flex-direction:column;gap:8px;padding:16px}.employees-field-label{color:#355846;font-size:.85rem;font-weight:700}.employees-page .forminp{background:#f4f8f5;margin:0}.employees-page .forminp:disabled{background:#eef3ef;color:#66786c;cursor:not-allowed}.employees-form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.employees-primary-btn,.employees-secondary-btn{border-radius:16px;font-weight:700;padding:13px 18px}.employees-primary-btn{background:linear-gradient(135deg,#173829,#2d6a4c);border:none;box-shadow:0 16px 30px #17382924;color:#fff}.employees-secondary-btn{background:#fff;border:1px solid #17382924;color:#173829}.employees-secondary-btn:hover{background:#f5f8f6}@media (max-width:1180px){.employees-page{position:relative}.employees-shell{grid-template-columns:1fr}.employees-sidebar{height:auto;min-height:calc(100vh - 32px)}.employees-list{max-height:none}.employees-detail{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;height:calc(100dvh - 32px);inset:16px 12px;margin:0;max-height:calc(100dvh - 32px);opacity:0;overflow-y:auto;padding:0;pointer-events:none;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease;width:auto!important;z-index:3501}.employees-page.mobile-detail-open .employees-detail{opacity:1;pointer-events:auto;transform:translateY(0)}.employees-detail-panel{-webkit-overflow-scrolling:touch;flex:1 1;padding:18px 24px 24px}.employees-page .fm{overflow:visible}.detail-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101f186b;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:3500}.mobile-detail-open .detail-overlay{opacity:1;pointer-events:auto}.detail-mobile-back{align-items:center;background:#ffffffe6;border:1px solid #1738291f;border-radius:999px;color:#173829;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;margin:18px 28px 0;padding:10px 14px}}@media (max-width:760px){.employees-page{padding:14px}.employees-detail-hero,.employees-detail-panel,.employees-sidebar-header{padding:18px}.employees-detail-hero,.employees-heading-row,.employees-panel-topline{flex-direction:column}.employees-list-card,.employees-stats{grid-template-columns:1fr}.employees-list-action{width:100%}.employees-page .basic,.employees-page .hr{grid-template-columns:1fr}.employees-form-actions{flex-direction:column}.employees-add-btn,.employees-delete-btn,.employees-primary-btn,.employees-secondary-btn{justify-content:center;width:100%}}.positions-page{background:radial-gradient(circle at top left,#ffc9572e,#0000 28%),radial-gradient(circle at top right,#3d99701f,#0000 26%),linear-gradient(180deg,#f7f4eb,#eef3ef);min-height:100%;padding:24px}.positions-shell{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(320px,.95fr) minmax(0,1.35fr);min-height:calc(100vh - 140px)}.positions-detail,.positions-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #1d352814;border-radius:28px;box-shadow:0 22px 60px #1d352814;min-width:0}.positions-sidebar{display:flex;flex-direction:column;overflow:hidden}.positions-detail-hero,.positions-sidebar-header{background:linear-gradient(135deg,#fffaecf0,#eff7f3f0);border-bottom:1px solid #1d352814;padding:28px}.positions-field span,.positions-kicker,.positions-overview-item span,.positions-panel-label,.positions-stat-card span{color:#6a7d6f;display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.positions-detail-hero h2,.positions-title{color:#173829;line-height:1;margin:10px 0 8px}.positions-title{font-size:clamp(1.9rem,2vw,2.5rem)}.positions-detail-hero p,.positions-list-desc,.positions-overview-copy,.positions-subtitle,.positions-team-role{color:#607064;line-height:1.6}.positions-add-btn,.positions-delete-btn,.positions-list-action,.positions-primary-btn,.positions-secondary-btn{cursor:pointer;font:inherit;transition:.2s ease}.positions-add-btn,.positions-primary-btn{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:16px;box-shadow:0 14px 28px #1738292e;color:#fffdf7;font-weight:700;margin-top:20px;padding:12px 18px}.positions-add-btn:hover,.positions-delete-btn:hover,.positions-list-action:hover,.positions-primary-btn:hover{transform:translateY(-1px)}.positions-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.positions-overview-item,.positions-stat-card,.positions-team-card{background:#ffffffe6;border:1px solid #1d352814;border-radius:18px}.positions-stat-card{padding:14px 16px}.positions-overview-item strong,.positions-stat-card strong{color:#173829;display:block;font-size:1.3rem;margin-top:6px}.positions-toolbar{padding:20px 24px 14px}.positions-input,.positions-search-input,.positions-textarea{background:#f8faf7;border:1px solid #2846351f;border-radius:16px;box-sizing:border-box;color:#173829;outline:none;width:100%}.positions-input,.positions-search-input{min-height:50px;padding:0 16px}.positions-textarea{min-height:150px;padding:14px 16px;resize:vertical}.positions-input:focus,.positions-search-input:focus,.positions-textarea:focus{border-color:#2b6a4b80;box-shadow:0 0 0 4px #2b6a4b14}.positions-list{flex:1 1;overflow:auto;padding:0 18px 18px}.positions-list-card{grid-gap:14px;align-items:center;background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid #17382914;border-radius:22px;cursor:pointer;display:grid;gap:14px;grid-template-columns:auto 1fr auto;margin-bottom:12px;padding:16px}.positions-list-card.active,.positions-list-card:hover{border-color:#2b6a4b47;box-shadow:0 16px 34px #17382914}.positions-avatar{background:linear-gradient(135deg,#ffe5a8,#dff1e6);border-radius:18px;color:#173829;display:grid;font-weight:800;height:54px;place-items:center;width:54px}.positions-list-name,.positions-team-name{color:#173829;font-weight:700}.positions-list-desc{font-size:.9rem;margin-top:4px}.positions-list-meta{margin-top:10px}.positions-list-meta span{align-items:center;background:#eef5f1;border-radius:999px;color:#345845;display:inline-flex;font-size:.82rem;font-weight:600;justify-content:center;padding:7px 11px}.positions-delete-btn,.positions-list-action,.positions-secondary-btn{border-radius:14px;font-weight:700;padding:10px 14px}.positions-list-action,.positions-secondary-btn{background:#fff;border:1px solid #2846351f;color:#173829}.positions-delete-btn{background:#ffececf2;border:1px solid #9705052e;color:#8f1f1f}.positions-detail{display:flex;flex-direction:column;overflow:hidden}.positions-form-card,.positions-overview-card{overflow:auto;padding:24px 28px 28px}.positions-form-grid,.positions-overview-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.positions-field{grid-gap:8px;display:grid;gap:8px}.positions-field-wide{grid-column:1/-1}.positions-form-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:24px}.positions-overview-copy{background:#f7faf8;border:1px solid #1d352814;border-radius:22px;margin:20px 0 24px;padding:20px}.positions-team-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.positions-team-card{padding:18px}.positions-empty-state{background:#f9fbf8;border:1px dashed #2846352e;border-radius:22px;color:#607064;padding:24px;text-align:center}@media (max-width:1080px){.positions-page{position:relative}.positions-shell{grid-template-columns:1fr}.positions-detail{height:calc(100dvh - 32px);inset:16px 12px;margin:0;max-height:calc(100dvh - 32px);opacity:0;pointer-events:none;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease;width:auto!important;z-index:3501}.positions-page.mobile-detail-open .positions-detail{opacity:1;pointer-events:auto;transform:translateY(0)}.positions-page:after{background:#101f1800;content:"";inset:0;pointer-events:none;position:fixed;transition:background .25s ease;z-index:3500}.positions-page.mobile-detail-open:after{background:#101f186b;pointer-events:auto}.detail-mobile-back{align-items:center;background:#ffffffe6;border:1px solid #1738291f;border-radius:999px;color:#173829;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;margin:18px 28px 0;padding:10px 14px}}@media (max-width:720px){.positions-page{padding:16px}.positions-detail-hero,.positions-form-card,.positions-overview-card,.positions-sidebar-header{padding:20px}.positions-form-grid,.positions-list-card,.positions-overview-grid,.positions-stats{grid-template-columns:1fr}.positions-form-actions{justify-content:stretch}.positions-form-actions button{width:100%}}.departments-page{background:radial-gradient(circle at top left,#ffc9572e,#0000 28%),radial-gradient(circle at top right,#3d99701f,#0000 26%),linear-gradient(180deg,#f7f4eb,#eef3ef);min-height:100%;padding:24px}.departments-shell{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(320px,.95fr) minmax(0,1.35fr);min-height:calc(100vh - 140px)}.departments-detail,.departments-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #1d352814;border-radius:28px;box-shadow:0 22px 60px #1d352814;min-width:0}.departments-sidebar{display:flex;flex-direction:column;overflow:hidden}.departments-detail-hero,.departments-sidebar-header{background:linear-gradient(135deg,#fffaecf0,#eff7f3f0);border-bottom:1px solid #1d352814;padding:28px}.departments-field span,.departments-kicker,.departments-overview-item span,.departments-panel-label,.departments-stat-card span{color:#6a7d6f;display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.departments-detail-hero h2,.departments-title{color:#173829;line-height:1;margin:10px 0 8px}.departments-title{font-size:clamp(1.9rem,2vw,2.5rem)}.departments-detail-hero p,.departments-list-desc,.departments-overview-copy,.departments-subtitle,.departments-team-role{color:#607064;line-height:1.6}.departments-add-btn,.departments-delete-btn,.departments-list-action,.departments-primary-btn,.departments-secondary-btn{cursor:pointer;font:inherit;transition:.2s ease}.departments-add-btn,.departments-primary-btn{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:16px;box-shadow:0 14px 28px #1738292e;color:#fffdf7;font-weight:700;margin-top:20px;padding:12px 18px}.departments-add-btn:hover,.departments-delete-btn:hover,.departments-list-action:hover,.departments-primary-btn:hover{transform:translateY(-1px)}.departments-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.departments-overview-item,.departments-stat-card,.departments-team-card{background:#ffffffe6;border:1px solid #1d352814;border-radius:18px}.departments-stat-card{padding:14px 16px}.departments-overview-item strong,.departments-stat-card strong{color:#173829;display:block;font-size:1.3rem;margin-top:6px}.departments-toolbar{padding:20px 24px 14px}.departments-input,.departments-search-input,.departments-textarea{background:#f8faf7;border:1px solid #2846351f;border-radius:16px;box-sizing:border-box;color:#173829;outline:none;width:100%}.departments-input,.departments-search-input{min-height:50px;padding:0 16px}.departments-textarea{min-height:150px;padding:14px 16px;resize:vertical}.departments-input:focus,.departments-search-input:focus,.departments-textarea:focus{border-color:#2b6a4b80;box-shadow:0 0 0 4px #2b6a4b14}.departments-list{flex:1 1;overflow:auto;padding:0 18px 18px}.departments-list-card{grid-gap:14px;align-items:center;background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid #17382914;border-radius:22px;cursor:pointer;display:grid;gap:14px;grid-template-columns:auto 1fr auto;margin-bottom:12px;padding:16px}.departments-list-card.active,.departments-list-card:hover{border-color:#2b6a4b47;box-shadow:0 16px 34px #17382914}.departments-avatar{background:linear-gradient(135deg,#ffe5a8,#dff1e6);border-radius:18px;color:#173829;display:grid;font-weight:800;height:54px;place-items:center;width:54px}.departments-list-name,.departments-team-name{color:#173829;font-weight:700}.departments-list-desc{font-size:.9rem;margin-top:4px}.departments-list-meta{margin-top:10px}.departments-list-meta span{align-items:center;background:#eef5f1;border-radius:999px;color:#345845;display:inline-flex;font-size:.82rem;font-weight:600;justify-content:center;padding:7px 11px}.departments-delete-btn,.departments-list-action,.departments-secondary-btn{border-radius:14px;font-weight:700;padding:10px 14px}.departments-list-action,.departments-secondary-btn{background:#fff;border:1px solid #2846351f;color:#173829}.departments-delete-btn{background:#ffececf2;border:1px solid #9705052e;color:#8f1f1f}.departments-detail{display:flex;flex-direction:column;overflow:hidden}.departments-form-card,.departments-overview-card{overflow:auto;padding:24px 28px 28px}.departments-form-grid,.departments-overview-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.departments-field{grid-gap:8px;display:grid;gap:8px}.departments-field-wide{grid-column:1/-1}.departments-form-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:24px}.departments-overview-copy{background:#f7faf8;border:1px solid #1d352814;border-radius:22px;margin:20px 0 24px;padding:20px}.departments-team-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.departments-team-card{padding:18px}.departments-empty-state{background:#f9fbf8;border:1px dashed #2846352e;border-radius:22px;color:#607064;padding:24px;text-align:center}@media (max-width:1080px){.departments-page{position:relative}.departments-shell{grid-template-columns:1fr}.departments-detail{height:calc(100dvh - 32px);inset:16px 12px;margin:0;max-height:calc(100dvh - 32px);opacity:0;pointer-events:none;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease;width:auto!important;z-index:3501}.departments-page.mobile-detail-open .departments-detail{opacity:1;pointer-events:auto;transform:translateY(0)}.departments-page:after{background:#101f1800;content:"";inset:0;pointer-events:none;position:fixed;transition:background .25s ease;z-index:3500}.departments-page.mobile-detail-open:after{background:#101f186b;pointer-events:auto}.detail-mobile-back{align-items:center;background:#ffffffe6;border:1px solid #1738291f;border-radius:999px;color:#173829;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;margin:18px 28px 0;padding:10px 14px}}@media (max-width:720px){.departments-page{padding:16px}.departments-detail-hero,.departments-form-card,.departments-overview-card,.departments-sidebar-header{padding:20px}.departments-form-grid,.departments-list-card,.departments-overview-grid,.departments-stats{grid-template-columns:1fr}.departments-form-actions{justify-content:stretch}.departments-form-actions button{width:100%}}.attendance{align-items:center;display:flex;height:100%;justify-content:center}.attendance-page{align-items:stretch;background:radial-gradient(circle at top left,#ffc95729,#0000 24%),radial-gradient(circle at top right,#3d99701f,#0000 22%),linear-gradient(180deg,#f7f4eb,#eef3ef);gap:24px;min-height:100%;padding:24px}.attlist{width:30%}.attview{width:67%}.addatt{display:block;height:100%;justify-content:space-between;width:100%}.uplttl{font-size:1em}.checkbox{background:#b3e4f733;border-radius:10px;height:85%;margin:10px auto;overflow:auto;padding:10px 20px;width:90%}.upldbox{display:flex;margin:5px auto;width:95%}.uplbtn{border:1.5px solid #000;border-radius:10px;cursor:pointer;font-size:.8em;padding:7px 15px}.aftupl,.uplbtn{margin:auto;width:-webkit-fit-content;width:fit-content}.aftupl{display:flex;div{border:1.5px solid #000;border-radius:10px;cursor:pointer;font-size:.8em;margin-left:10px;padding:7px 15px}}.icols{align-items:center;display:flex;margin:15px auto;div{margin-right:auto 10px}select{margin:auto 10px}}.caldiv{display:flex;flex-wrap:wrap;margin:20px auto;width:100%;div{margin:auto}}.payee{color:#000;cursor:pointer;margin:50px 20px;div{color:#000}}.attendance-page .emplist,.attendance-page .empview{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #1d352814;border-radius:28px;box-shadow:0 22px 60px #1d352814;min-height:calc(100vh - 140px);min-width:0;overflow:auto}.attendance-detail-intro,.attendance-sidebar-intro{background:linear-gradient(135deg,#fffaecf0,#eff7f3f0);border-bottom:1px solid #1d352814;padding:28px}.attendance-kicker,.attendance-stat-card span{color:#6a7d6f;display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.attendance-detail-title,.attendance-title{color:#173829;line-height:1;margin:10px 0 8px}.attendance-title{font-size:clamp(1.85rem,2vw,2.4rem)}.attendance-copy{color:#607064;line-height:1.6;margin:0}.attendance-stat-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.attendance-stat-card{background:#ffffffe6;border:1px solid #1d352814;border-radius:18px;padding:14px 16px}.attendance-stat-card strong{color:#173829;display:block;font-size:1.35rem;margin-top:6px}.attendance-page .add{background:linear-gradient(135deg,#173829,#2b6a4b);border-radius:18px;box-shadow:0 16px 30px #1738292e;color:#fffdf7;display:grid;font-size:2.2rem;height:58px;margin:18px 18px 10px auto;place-items:center;position:-webkit-sticky;position:sticky;right:18px;top:18px;width:58px}.attendance-page .dept{background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid #17382914;border-radius:22px;margin:0 18px 12px;padding:16px;width:calc(100% - 36px)}.attendance-page .curview,.attendance-page .dept:hover{border-color:#2b6a4b47;box-shadow:0 16px 34px #17382914}.attendance-page .deptdesc,.attendance-page .dets{color:#607064}.attendance-page .aftupl div,.attendance-page .edit,.attendance-page .uplbtn,.attendance-page button{border-radius:14px}.attendance-page .checkbox{background:#f9fbf8;border:1px solid #1d352814;margin:24px auto 0;padding:22px 24px;width:calc(100% - 56px)}.attendance-page .upldbox{margin:18px auto 28px;width:calc(100% - 56px)}.attendance-page .aftupl div,.attendance-page .uplbtn,.attendance-page button{background:#fff;border:1px solid #2846351f;color:#173829;cursor:pointer;font:inherit;padding:11px 16px}.attendance-page .forminp{background:#f8faf7;border:1px solid #2846351f;border-radius:16px;min-height:48px}.attendance-page .payee{background:#f9fbf8;border:1px solid #1d352814;border-radius:20px;margin:18px;padding:18px}@media (max-width:1080px){.attendance-page{position:relative}.attlist,.attview{width:100%}.attendance-page .empview.attview{-webkit-overflow-scrolling:touch;height:calc(100dvh - 32px);inset:16px 12px;margin:0;max-height:calc(100dvh - 32px);opacity:0;overflow-y:auto;pointer-events:none;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease;width:auto!important;z-index:3501}.attendance-page.mobile-detail-open .empview.attview{opacity:1;pointer-events:auto;transform:translateY(0)}.attendance-page:after{background:#101f1800;content:"";inset:0;pointer-events:none;position:fixed;transition:background .25s ease;z-index:3500}.attendance-page.mobile-detail-open:after{background:#101f186b;pointer-events:auto}.detail-mobile-back{align-items:center;background:#ffffffe6;border:1px solid #1738291f;border-radius:999px;color:#173829;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;margin:18px 28px 0;padding:10px 14px}}@media (max-width:720px){.attendance-page{padding:16px}.attendance-detail-intro,.attendance-sidebar-intro{padding:20px}.attendance-stat-row{grid-template-columns:1fr}}.payroll{align-items:center;display:flex;height:100%;justify-content:center;overflow:auto;padding:10px}.payroll-page{align-items:stretch;background:radial-gradient(circle at top left,#ffc95729,#0000 24%),radial-gradient(circle at top right,#3d99701f,#0000 22%),linear-gradient(180deg,#f7f4eb,#eef3ef);gap:24px;min-height:100%;padding:24px}.payview{align-items:center;justify-content:center;.formtitle{margin:10px auto;width:-webkit-fit-content;width:fit-content}.paydesc{display:flex;flex-wrap:wrap;justify-content:space-around}.paydesc,.pyrl{margin:20px auto;width:90%}.pyrl{background:#f5f5f5;border-radius:10px;box-shadow:2px 4px 4px 2px #0000001a;padding:10px;.calatr{div{display:flex;flex-wrap:wrap;font-size:.9em;justify-content:space-around;text-align:center;div{border-radius:5px;box-shadow:2px 4px 4px 2px #0000001a;margin:10px auto;padding:7px 10px;width:-webkit-fit-content;width:fit-content}}}.viewslip{background:#7fc11b;border-radius:7px;color:#fff;cursor:pointer;font-size:.9em;font-weight:700;margin-left:auto;padding:8px 12px;width:-webkit-fit-content;width:fit-content}}}.payslip{background:#fffffff2;height:100vh;left:0;overflow:auto;position:fixed;top:0;width:100vw;z-index:4000;.cancelslip{background:#fff;border:1.5px solid brown;border-radius:5px;cursor:pointer;font-size:.8em;left:10px;padding:8px 12px;position:fixed;top:10px;width:-webkit-fit-content;width:fit-content;z-index:2;.mainslip{background:#fff;margin:auto;overflow:auto;width:90%}}}.deptetr{display:flex;flex-wrap:wrap;justify-content:space-between;margin:auto;width:90%;div{margin:auto 0}}.prinp{background:#fff;border:1px solid #000}.invhead{border-bottom:1px solid grey;display:flex;justify-content:center;margin:20px auto 50px;text-align:center;width:100%}.invlogo{margin-right:auto;width:100px}.company{font-size:3em;margin-bottom:30px}.payeecompany{font-size:2em;margin-bottom:10px}.billfrom{justify-content:center;text-align:center}.billfrompayee{font-size:.8em}.billtoview{border-bottom:1px solid grey;display:flex;flex-wrap:wrap;justify-content:space-around;margin:10px auto}.billto{margin-right:auto}.billto,.ttlrow{width:-webkit-fit-content;width:fit-content}.ttlrow{margin:15px auto auto;text-align:center}.invnum{margin:auto;width:-webkit-fit-content;width:fit-content}.billtoitem{text-align:left}.payeeinpcov{display:flex;margin:10px auto;text-align:center;width:95%;.inpcov{display:block;font-weight:700;margin:auto;width:100%;select{width:70%}}}.viewpayeebtn{background:#7fc11b;border-radius:10px;cursor:pointer;font-weight:700;margin:10px auto;padding:8px 15px;text-align:center;width:90%}.payeerow{justify-content:left;margin:0}td,th{page-break-inside:avoid}.tablecover{justify-content:left;margin:0}.pr-table{margin:10px auto;page-break-inside:auto;width:95%}.theader{font-size:.75em;margin:0;padding:0}.pr-row{margin:auto;width:95%}.trow{font-size:.75em;margin:0;padding:2px 2px 2px 3px}.ttrow{font-size:.7em;font-weight:700;margin:0}.payeerow{margin-bottom:0}.payeetable{margin-bottom:20px}.payeetable tr{page-break-inside:avoid}.main thead{background:#1e1f23;color:#fff}.img{height:100px}h1{text-align:center}.brcode{margin-top:90px}.bbc{margin-left:900px}.containers{align-items:center;display:flex;justify-content:center;width:100%}.payroll-page .emplist,.payroll-page .empview{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #1d352814;border-radius:28px;box-shadow:0 22px 60px #1d352814;min-height:calc(100vh - 140px);min-width:0;overflow:auto}.payroll-detail-intro,.payroll-sidebar-intro{background:linear-gradient(135deg,#fffaecf0,#eff7f3f0);border-bottom:1px solid #1d352814;padding:28px}.payroll-kicker,.payroll-stat-card span{color:#6a7d6f;display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.payroll-detail-title,.payroll-title{color:#173829;line-height:1;margin:10px 0 8px}.payroll-title{font-size:clamp(1.85rem,2vw,2.4rem)}.payroll-copy{color:#607064;line-height:1.6;margin:0}.payroll-stat-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.payroll-stat-card{background:#ffffffe6;border:1px solid #1d352814;border-radius:18px;padding:14px 16px}.payroll-stat-card strong{color:#173829;display:block;font-size:1.35rem;margin-top:6px}.payroll-page .payeeinpcov{background:#f9fbf8;border:1px solid #1d352814;border-radius:20px;margin:18px auto 10px;padding:16px;width:calc(100% - 40px)}.payroll-page .invbutton,.payroll-page .viewpayeebtn,.payroll-page .viewslip{background:linear-gradient(135deg,#173829,#2b6a4b);border-radius:16px;box-shadow:0 14px 28px #17382924;color:#fffdf7;padding:11px 18px;width:-webkit-fit-content;width:fit-content}.payroll-page .viewpayeebtn{margin:0 20px 18px}.payroll-page .dept{background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid #17382914;border-radius:22px;margin:0 18px 12px;padding:16px;width:calc(100% - 36px)}.payroll-page .curview,.payroll-page .dept:hover{border-color:#2b6a4b47;box-shadow:0 16px 34px #17382914}.payroll-page .formtitle,.payroll-page .paydesc{margin-left:auto;margin-right:auto;width:calc(100% - 48px)}.payroll-page .pyrl{background:#f9fbf8;border:1px solid #1d352814;border-radius:24px;box-shadow:none;padding:18px}.payroll-page .forminp{background:#fff;border:1px solid #2846351f;border-radius:16px;min-height:48px}.payroll-page .payslip{background:#f2f4f1f5}.detail-mobile-back{display:none}@media (max-width:1080px){.payroll-page{position:relative}.payroll-page .emplist,.payroll-page .empview{min-height:calc(100vh - 32px);width:100%}.payroll-page .empview{-webkit-overflow-scrolling:touch;height:calc(100dvh - 32px);inset:16px 12px;margin:0;max-height:calc(100dvh - 32px);opacity:0;overflow-y:auto;pointer-events:none;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease;width:auto!important;z-index:3501}.payroll-page.mobile-detail-open .empview{opacity:1;pointer-events:auto;transform:translateY(0)}.payroll-page:after{background:#101f1800;content:"";inset:0;pointer-events:none;position:fixed;transition:background .25s ease;z-index:3500}.payroll-page.mobile-detail-open:after{background:#101f186b;pointer-events:auto}.detail-mobile-back{align-items:center;background:#ffffffe6;border:1px solid #1738291f;border-radius:999px;color:#173829;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;margin:18px 28px 0;padding:10px 14px}}@media (max-width:720px){.payroll-page{padding:16px}.payroll-detail-intro,.payroll-sidebar-intro{padding:20px}.payroll-stat-row{grid-template-columns:1fr}}.form{border:.5px solid orange}.invbutton{background:#325aa8;border-color:#325aa8;border-radius:5px;border-style:solid;color:#fff;cursor:pointer;margin:10px auto 10px 10px;padding:10px;width:-webkit-fit-content;width:fit-content}.buttons button:hover{background:#1e1f23;color:#fff;transition:.5s}.signature{display:flex;justify-content:space-between;margin:30px auto;width:95%;.sign{border-bottom:2px solid #000;padding-bottom:80px;width:300px}}.pr-info{margin:auto;width:95%}.ddclbl{width:100px}.sales{align-items:center;display:flex;height:100%;justify-content:flex-start;position:relative}.sales-page{align-items:stretch;background:radial-gradient(circle at top left,#ffc95729,#0000 24%),radial-gradient(circle at top right,#3d99701f,#0000 22%),linear-gradient(180deg,#f7f4eb,#eef3ef);gap:24px;height:100%;min-height:100%;padding:24px}.saleslist{width:35%}.prinps{width:150px}.salesview{width:63%}.slvwrecovery{display:flex;justify-content:space-between;margin:10px auto;width:100%;div{margin:auto 10px};}.slrepicon{height:40px;width:40px}.allslrepicon{cursor:pointer;font-size:1.5em;position:absolute;right:5px;top:5px}.sldets{font-size:.9em;width:95%}.sldept,.sldets{position:relative}.slprd{background:#95ea1466;border-radius:5px;bottom:10px;cursor:pointer;font-size:.7em;font-weight:700;padding:5px 10px;right:10px;z-index:1}.slprd,.slprfl{position:absolute}.slprfl{font-size:.8em;left:20px;top:60px;width:-webkit-fit-content;width:fit-content}.slprwh-cover{display:flex;left:10px;position:absolute;top:10px}.slprwh-print{background:#cdd3cd;border-radius:5px;color:#27d727;font-size:.8em;margin:auto 20px;padding:5px}.slprwh-cover-txt{font-size:.8em;font-weight:600;margin:auto}.slprwh{background:#cccfc866;border-radius:5px;cursor:pointer;font-size:.8em;margin:auto 10px;padding:5px 10px}.slprwh-add{padding-top:50px}.slprwh-clicked{border:1.5px solid #90e411;font-weight:700}.salesfm{height:75%;margin:10px auto auto;overflow:auto;width:90%}.salesopts{cursor:pointer;display:flex;justify-content:space-around;width:100%;div{align-items:center;display:flex}}.sloptsdef{cursor:pointer}.slopts{border-bottom:2px solid #adff2f;cursor:pointer;font-weight:700}.navdivicon1,.slopts{align-items:center;display:flex}.navdivicon1{background:red;border-radius:50%;color:#fff;font-size:.7em;height:20px;justify-content:center;margin-left:5px;width:20px}.salesunit{background:#f5f5f5;display:flex;flex-wrap:wrap;justify-content:space-around;margin:10px auto;width:95%}.salesunittag{font-weight:700;margin:10px auto;text-align:center;width:100%}.viewsales{cursor:pointer}.addnewrecovery,.addnewsales{display:inline-flex;flex-wrap:wrap;justify-content:space-around;width:100%}.addnewrecovery{margin:20px auto}.addempsales{background:#adff2f;border-radius:7px;cursor:pointer;font-weight:700;height:-webkit-fit-content;height:fit-content;margin:auto;padding:10px 15px;width:-webkit-fit-content;width:fit-content}.empsalesblk{border:2px solid #000;margin:50px auto;position:relative}.recoveryblk{border:1px solid #000;border-radius:10px;display:inline-flex;flex-wrap:wrap;margin:30px auto 40px;position:relative;width:95%}.pdsalesview{background:#fff;border:1px solid #000;border-radius:5px;font-size:.9em;left:-2px;padding:10px;position:absolute;top:-30px;width:-webkit-fit-content;width:fit-content}.empsalesttl{font-weight:700;margin:20px auto;text-align:center;width:100%}.salesdelete{right:15px;top:15px}.recoverydelete,.salesdelete{color:red;cursor:pointer;font-size:1.5em;position:absolute}.recoverydelete{right:5px;top:5px}.recoveryReceipt{border:1.2px solid #000;left:0;position:absolute;top:-45px}.slsadd{background:#adff2f;border-radius:50%;bottom:20px;color:#000;cursor:pointer;font-size:3em;padding:10px;position:fixed;right:30px;z-index:1}.salesyesbtn{height:-webkit-fit-content;height:fit-content;margin:7px 10px;padding:10px 15px}.salesinpcov{margin:0}.load-products{align-items:center;color:purple;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;justify-content:space-around;margin:100px auto;overflow:auto;text-align:center;width:100%}.sales-page .emplist,.sales-page .empview{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #1d352814;border-radius:28px;box-shadow:0 22px 60px #1d352814;height:calc(100vh - 48px);min-height:0;overflow:auto}.sales-detail-intro,.sales-sidebar-intro{background:linear-gradient(135deg,#fffaecf0,#eff7f3f0);border-bottom:1px solid #1d352814;padding:28px}.sales-page .sales-kicker,.sales-page .sales-stat-card span{color:#6a7d6f;display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.sales-page .sales-detail-title,.sales-page .sales-title{color:#173829;line-height:1;margin:10px 0 8px}.sales-page .sales-title{font-size:clamp(1.85rem,2vw,2.4rem)}.sales-page .sales-copy{color:#607064;line-height:1.6;margin:0}.sales-page .sales-stat-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.sales-page .sales-stat-card{background:#ffffffe6;border:1px solid #1d352814;border-radius:18px;padding:14px 16px}.sales-page .sales-stat-card strong{color:#173829;display:block;font-size:1.35rem;margin-top:6px}.sales-left-filter-bar{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px auto 10px;width:calc(100% - 40px)}.sales-left-filter-card,.sales-left-select-wrap,.sales-left-toggle-bar{background:linear-gradient(180deg,#fff,#f8fbf8);border:1px solid #1d352814;border-radius:20px;box-shadow:0 14px 30px #1738290d;margin-left:auto;margin-right:auto;padding:16px;width:calc(100% - 40px)}.sales-left-filter-card{grid-gap:8px;display:grid;gap:8px;margin:0;width:100%}.sales-left-filter-label{color:#5e7366;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sales-left-date-input,.sales-left-select{background:#f8faf7;border:1px solid #2846351f;border-radius:16px;color:#173829;font-family:inherit;font-size:.95rem;min-height:50px;outline:none;padding:0 16px;width:100%}.sales-left-date-input:focus,.sales-left-select:focus{border-color:#2b6a4b73;box-shadow:0 0 0 4px #2b6a4b1f}.sales-left-action-row{display:flex;justify-content:flex-end;margin:0 auto 12px;width:calc(100% - 40px)}.sales-left-sync-btn{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:16px;box-shadow:0 14px 28px #17382929;color:#fffdf7;cursor:pointer;font-family:inherit;font-weight:800;min-height:48px;padding:0 20px}.sales-left-toggle-bar{grid-gap:10px;cursor:pointer;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px;margin-top:0}.sales-left-toggle-chip{align-items:center;background:#f3f7f4;border:1px solid #17382914;border-radius:14px;color:#5f7265;display:inline-flex;font-size:.84rem;font-weight:700;justify-content:center;min-height:44px;padding:10px 12px;text-align:center}.sales-left-toggle-chip.active{background:linear-gradient(135deg,#173829,#2b6a4b);border-color:#0000;box-shadow:0 12px 24px #17382929;color:#fff}.confirm{width:100%}.confirm,.emptypecov{display:flex;justify-content:space-around}.sales-page .confirm,.sales-page .emptypecov,.sales-page .fltinpcov,.sales-page .payeeinpcov,.sales-page .salesopts{background:#f9fbf8;border:1px solid #1d352814;border-radius:20px;margin-left:auto;margin-right:auto;padding:16px;width:calc(100% - 40px)}.sales-page .emptypecov,.sales-page .salesopts{margin-bottom:12px;margin-top:12px}.sales-page .dept{background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid #17382914;border-radius:22px;margin:0 18px 12px;padding:16px;width:calc(100% - 36px)}.sales-page .curview,.sales-page .dept:hover{border-color:#2b6a4b47;box-shadow:0 16px 34px #17382914}.sales-page .salesfm{margin-bottom:18px;width:calc(100% - 40px)}.sales-page .forminp{background:#f8faf7;border:1px solid #2846351f;border-radius:16px;min-height:48px}.sales-page .action-btn,.sales-page .addempsales,.sales-page .salesyesbtn,.sales-page .slprd,.sales-page .slprwh,.sales-page .slprwh-print{border-radius:16px}.sales-page .action-btn,.sales-page .salesyesbtn,.sales-page .slsadd{background:linear-gradient(135deg,#173829,#2b6a4b);color:#fffdf7}.sales-page .addproduct .add-products,.sales-page .salesunit{border-radius:28px}@media (max-width:1080px){.sales-page{padding:16px}.sales-page .saleslist,.sales-page .salesview{width:100%}}@media (max-width:720px){.sales-left-filter-bar,.sales-left-toggle-bar{grid-template-columns:1fr}.sales-left-action-row{justify-content:stretch}.sales-left-sync-btn{width:100%}.sales-detail-intro,.sales-sidebar-intro{padding:20px}.sales-page .sales-stat-row{grid-template-columns:1fr}}.sales-page .salesview{display:flex;flex-direction:column;min-height:0;padding-bottom:10px;position:relative}.sales-page .sales-detail-intro{position:-webkit-sticky;position:sticky;top:0;z-index:3}.sales-active-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.sales-active-meta span{background:#ffffffd6;border:1px solid #17382914;border-radius:999px;color:#173829;font-size:.82rem;font-weight:600;padding:8px 12px}.sales-page .dept{align-items:flex-start;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;position:relative}.sales-page .dept:before{background:linear-gradient(180deg,#f7c75a,#2b6a4b);content:"";inset:0 auto 0 0;opacity:0;position:absolute;transition:opacity .2s ease;width:4px}.sales-page .curview:before,.sales-page .dept:hover:before{opacity:1}.sales-page .sldets{grid-gap:8px;color:#173829;display:grid;gap:8px;padding-right:10px;width:100%}.sales-page .deptdesc{font-size:.86rem;margin:0}.sales-page .edit{align-items:center;background:#fff1f1fa;border:1px solid #bc33332e;border-radius:14px;color:#9b2525;display:inline-flex;font-size:.8rem;font-weight:700;justify-content:center;min-width:92px;padding:10px 12px}.sales-page .slprd{background:#eff6f1f5;border:1px solid #1738291f;bottom:14px;color:#173829;padding:8px 12px;right:14px}.sales-page .formtitle.padtitle{background:linear-gradient(135deg,#fff8ea,#f2f7f2);border:1px solid #17382914;border-radius:22px;color:#173829;margin:18px auto 12px;padding:18px 20px;width:calc(100% - 40px)}.sales-page .salesfm{flex:1 1;height:auto;margin:0 auto 18px;min-height:0;overflow:auto;padding-bottom:12px}.sales-page .confirm{bottom:18px;box-shadow:0 16px 32px #17382914;position:-webkit-sticky;position:sticky;z-index:3}.sales-page .salesview>.add.slsadd,.sales-page .salesview>.slsadd{bottom:24px;left:auto;margin:0;position:absolute;right:24px;top:auto;z-index:4}.sales-page .addnewrecovery,.sales-page .addnewsales,.sales-page .basic{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.sales-page .inpcov{grid-gap:8px;display:grid;gap:8px}.sales-page .empsalesblk,.sales-page .recoveryblk{background:#fff;border:1px solid #1738294d;border-radius:24px;padding:18px}.sales-page .pdsalesview{background:#173829;border:none;color:#fffdf7;left:16px;top:16px}.sales-page .empsalesttl{color:#173829;margin-top:52px}.sales-page .recoverydelete,.sales-page .salesdelete{right:16px;top:16px}.sales-page .detail-mobile-back,.sales-page .mobile-detail-trigger{display:none}@media (max-width:720px){.sales-page .salesview{padding-bottom:10px}.sales-page .salesview>.add.slsadd,.sales-page .salesview>.slsadd{bottom:18px;right:18px}.sales-page .addnewrecovery,.sales-page .addnewsales,.sales-page .basic{grid-template-columns:1fr}}@media (max-width:1080px){.sales-page{position:relative}.sales-page .emplist{height:auto;min-height:calc(100vh - 32px);overflow:auto}.sales-page .empview{height:calc(100dvh - 32px);inset:16px 12px;margin:0;max-height:calc(100dvh - 32px);opacity:0;pointer-events:none;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease;width:auto!important;z-index:3501}.sales-page.mobile-detail-open .empview{opacity:1;pointer-events:auto;transform:translateY(0)}.sales-page:after{background:#101f1800;content:"";inset:0;pointer-events:none;position:fixed;transition:background .25s ease;z-index:3500}.sales-page.mobile-detail-open:after{background:#101f186b;pointer-events:auto}.sales-page .sales-detail-intro,.sales-page .sales-sidebar-intro{position:relative}.sales-page .detail-mobile-back,.sales-page .mobile-detail-trigger{align-items:center;background:#ffffffe6;border:1px solid #1738291f;border-radius:999px;color:#173829;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 14px}.sales-page .mobile-detail-trigger{position:absolute;right:24px;top:24px;z-index:1}.sales-page .detail-mobile-back{margin-bottom:14px}}.fltinpcov{margin:auto;width:-webkit-fit-content;width:fit-content}.prr-table{page-break-inside:auto;width:90%}.prr-theader{font-size:.6em;margin:0;padding:0}.prr-row{margin:0;width:90%}.prr-row1{margin:auto auto auto 20px;width:90%}.headerrow{margin:auto}.prr-trow,.prr-ttrow{font-size:.6em;margin:0}.prr-ttrow{font-weight:700}.rcpt-body{margin:auto;width:90%}.rcpt-row{display:flex;justify-content:space-between;margin:40px 0}.rcpt-row-item{align-items:center;display:flex;margin:20px 0;span{border-bottom:2px solid #000;font-size:1em;margin:0 10px;padding-bottom:5px;width:200px}}.rcpt-row-hgt{font-weight:800}.rcpt-border{border:2px solid #000;padding:10px}.notify-overlay{align-items:center;background:#000c;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.notify{background:hsla(60,81%,80%,.893);border-radius:10px;margin:auto;max-width:300px;padding:17px 20px}.notifymess{display:inline-flex;font-size:.8em}.notifyactn{display:inline-flex;font-size:.7em;justify-content:space-around;margin:10px auto;width:100%;div{background:#fff;border-radius:5px;cursor:pointer;padding:5px 7px}}.notifycl{border:1.5px solid red}.notifyacp{border:1.5px solid #adff2f}:root{--pos-primary:#173829;--pos-secondary:#2b6a4b;--pos-accent:#6af2ad;--pos-bg:#f8faf9;--pos-card-bg:#fff;--pos-text:#173829;--pos-text-muted:#17382999;--pos-shadow:0 10px 40px #17382914;--pos-radius:20px}*,.pos-container{font-family:MontserratRegular,sans-serif}.pos-container{background-color:#f8faf9;background-color:var(--pos-bg);color:#173829;color:var(--pos-text);display:flex;flex-direction:column;height:100vh;position:relative}.pos-time-display{align-items:center;background:linear-gradient(135deg,#173829,#2b6a4b);background:linear-gradient(135deg,var(--pos-primary),var(--pos-secondary));border-radius:20px;border-radius:var(--pos-radius);box-shadow:0 10px 40px #17382914;box-shadow:var(--pos-shadow);color:#fff;display:flex;justify-content:space-between;margin:16px;padding:20px 32px;text-align:center;z-index:5}.pos-time-display div{align-items:center;display:flex;flex-direction:column}.pos-time-display .time{font-family:MontserratBold,sans-serif;font-size:1.8rem;font-weight:800;letter-spacing:-1px}@media (max-width:768px){.pos-time-display{padding:.5rem 1rem}.pos-time-display div:first-child{font-size:.95rem}.pos-time-display .time{font-size:1.3rem}}.pos-session-board{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.pos-session-board-nav{height:80px;padding:10px;width:100%}.pos-session-board-view{display:flex;gap:32px;height:100%;justify-content:flex-start;overflow:auto;padding:24px;width:100%}.pos-session-manager-panel{align-items:center;background:#fff;border:1px solid #1738291a;border-radius:20px;border-radius:var(--pos-radius);box-shadow:0 10px 40px #17382914;box-shadow:var(--pos-shadow);display:flex;flex-direction:column;height:400px;justify-content:center;padding:32px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:280px}.pos-session-manager-panel:hover{transform:translateY(-8px)}.pos-session-manager-label{color:#173829;color:var(--pos-text);font-family:MontserratBold,sans-serif;font-size:1.1rem;position:absolute;top:24px}.pos-session-manager-toggle{align-items:center;background:linear-gradient(135deg,#173829,#2b6a4b);background:linear-gradient(135deg,var(--pos-primary),var(--pos-secondary));border-radius:50%;box-shadow:0 12px 24px #17382933;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100px;justify-content:center;transition:all .3s ease;width:100px}.pos-session-manager-toggle:hover{box-shadow:0 16px 32px #1738294d;transform:scale(1.1) rotate(5deg)}.pos-session-card-list{display:flex;flex:1 1;flex-wrap:wrap;gap:24px;justify-content:flex-start}.pos-session-card:hover{box-shadow:0 20px 48px #1738291f;transform:translateY(-8px) scale(1.02)}.pos-session-card-time{color:#17382999;color:var(--pos-text-muted);font-size:.75rem;margin-bottom:16px}.pos-session-card-status{font-size:.85rem;font-weight:700;margin-bottom:12px}.pos-session-card-action{background:#0000;border:2px solid #2b6a4b;border:2px solid var(--pos-secondary);border-radius:12px;color:#2b6a4b;color:var(--pos-secondary);cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.pos-session-card-action:hover{background:#2b6a4b;background:var(--pos-secondary);color:#fff}.pos-content{flex:1 1;overflow:hidden;overflow-y:auto;padding:1rem}.live-nav{display:flex;flex-wrap:wrap;gap:10px;height:-webkit-fit-content;height:fit-content;margin-left:auto;margin-right:20px;width:-webkit-fit-content;width:fit-content}.live-state{border:1.5px solid #4caf50;border-radius:5px;color:#4caf50}.error-state,.live-state{font-size:.7em;font-weight:700;height:-webkit-fit-content;height:fit-content;margin:auto 0;padding:.2em .5em}.error-state{border:1.5px solid #f44336;border-radius:5px;color:#f44336}.session-ended{border:1.5px solid #c75757;border-radius:5px;color:#c75757;font-size:.7em;font-weight:700;height:-webkit-fit-content;height:fit-content;margin:auto 0;padding:.2em .5em}.closingsession,.openingsession{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.pos-session-entry{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;gap:1rem;height:-webkit-fit-content;height:fit-content;max-height:90%;max-width:500px;overflow:auto;padding:2rem;width:100%}.pos-session-entry h2{color:#333;font-size:1.5rem;margin-bottom:1rem}.pos-session-entry .form-group{display:flex;flex-direction:column;gap:.5rem}.pos-session-entry .form-group label{color:#666;font-size:1rem}.pos-session-entry .form-group input,.pos-session-entry .form-group select{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem}.pos-session-entry-inputs{display:flex;justify-content:space-between;margin:10px auto;input{width:35%}span{text-align:center;width:50px}}.pos-session-actions{display:flex;gap:1rem;justify-content:flex-end}.pos-session-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .3s}.pos-session-btn.start{background:#4caf50;color:#fff}.pos-session-btn.start:hover{background:#45a049}.pos-session-btn.end{background:#f44336;color:#fff}.pos-session-btn.end:hover{background:#e53935}.pos-mini-header{background-color:#fff;border-radius:20px;border-radius:var(--pos-radius);box-shadow:0 10px 40px #17382914;box-shadow:var(--pos-shadow);justify-content:space-between;margin:16px;padding:16px 32px}.header-info,.pos-mini-header{align-items:center;display:flex}.header-info{gap:16px}.header-actions{display:flex;gap:12px}.table-name{color:#173829;color:var(--pos-primary);font-family:MontserratBold,sans-serif;font-size:1.4rem;font-weight:800}.order-number{background:#f8faf9;background:var(--pos-bg);border-radius:8px;color:#17382999;color:var(--pos-text-muted);font-size:.9rem;padding:6px 12px}.pos-tables-layout{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:24px}.pos-table{background:#fff;border:1px solid #1738290d;border-radius:24px;box-shadow:0 10px 40px #17382914;box-shadow:var(--pos-shadow);color:#173829;color:var(--pos-text);flex-direction:column;font-size:1.2rem;font-weight:700;padding:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.pos-table:hover{box-shadow:0 20px 48px #1738291f;transform:translateY(-8px) scale(1.02)}.pos-table.available{border-bottom:6px solid #2b6a4b;border-bottom:6px solid var(--pos-secondary)}.pos-table.unavailable{background:#f8f9f8;border-bottom:6px solid #ff4d4d;opacity:.8}.order-count{align-items:center;background:#2b6a4b;background:var(--pos-secondary);border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:800;height:28px;justify-content:center;position:absolute;right:20px;top:20px;width:28px}.order-count.table-unavailable{background:#ff4d4d}.table-user{bottom:20px;color:#17382999;color:var(--pos-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.add-table-box{background:#0000;border:2px dashed #17382933;border-radius:24px;transition:all .3s ease}.add-table-box:hover{background:#17382905;border-color:#2b6a4b;border-color:var(--pos-secondary)}.add-table-box .plus-icon{color:#2b6a4b;color:var(--pos-secondary);font-size:2.5rem;margin-bottom:8px}.add-table-box .add-text{color:#17382999;color:var(--pos-text-muted);font-weight:600}.order-screen{grid-gap:24px;background:#f8faf9;background:var(--pos-bg);display:grid;gap:24px;grid-template-columns:380px 1fr;height:calc(100vh - 120px);overflow-y:auto;padding:10px}.order-entry{background:#fff;border:1px solid #1738290d;border-radius:20px;border-radius:var(--pos-radius);box-shadow:0 10px 40px #17382914;box-shadow:var(--pos-shadow);display:flex;flex-direction:column;gap:20px;height:calc(100vh - 120px);overflow:auto;padding:24px}.selected-items{overflow-y:auto;padding-right:8px}.selected-items::-webkit-scrollbar{width:6px}.selected-items::-webkit-scrollbar-thumb{background:#1738291a;border-radius:10px}.selected-item{grid-gap:12px;align-items:center;border-bottom:1px solid #1738290d;display:grid;gap:12px;grid-template-columns:1fr 40px 80px 32px;padding:12px 0}.selected-item span:first-child{color:#173829;color:var(--pos-text);font-size:.95rem;font-weight:600}.selected-item span:nth-child(2){color:#17382999;color:var(--pos-text-muted);font-size:.85rem;text-align:center}.selected-item span:nth-child(3){color:#2b6a4b;color:var(--pos-secondary);font-size:.95rem;font-weight:700;text-align:right}.remove-btn{background:#fff0f0;color:#ff4d4d;font-size:1.2rem;transition:all .2s}.remove-btn:hover{background:#ff4d4d;color:#fff;transform:scale(1.1)}.place-order-btn{background:linear-gradient(135deg,#173829,#2b6a4b);background:linear-gradient(135deg,var(--pos-primary),var(--pos-secondary));border-radius:14px;box-shadow:0 8px 20px #17382926;font-size:1rem;font-weight:700;padding:16px;transition:all .3s ease}.place-order-btn:hover:not(:disabled){background:#fff;box-shadow:0 12px 24px #17382940;color:#173829;color:var(--pos-text);transform:translateY(-2px)}.place-order-btn:disabled{box-shadow:none;opacity:.6}.products-panel{border:1px solid #1738290d;border-radius:20px;border-radius:var(--pos-radius);box-shadow:0 10px 40px #17382914;box-shadow:var(--pos-shadow);height:calc(100vh - 120px);overflow:hidden}.categories-bar{background:#fff;border-bottom:1px solid #1738290d;gap:10px;padding:16px 24px}.categories-bar::-webkit-scrollbar{display:none}.product-finder{border:2px solid #f1f3f2;border-radius:12px;font-family:inherit;min-width:200px;padding:10px 16px;transition:all .3s}.product-finder:focus{background:#f8faf9;background:var(--pos-bg);border-color:#2b6a4b;border-color:var(--pos-secondary)}.category-btn{background:#f1f3f2;border:none;border-radius:12px;color:#17382999;color:var(--pos-text-muted);font-weight:600;padding:10px 20px;transition:all .3s}.category-btn:hover{background:#e1e5e3}.category-btn.active{background:#173829;background:var(--pos-primary)}.products-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:24px}.product-card{border:1px solid #f1f3f2;border-radius:18px;overflow:hidden;padding:16px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.product-card:hover{border-color:#2b6a4b;border-color:var(--pos-secondary);box-shadow:0 12px 30px #17382914;transform:translateY(-6px)}.product-card.active{background:#f8faf9;background:var(--pos-bg);border:2px solid #2b6a4b;border:2px solid var(--pos-secondary)}.product-icon{aspect-ratio:1;background:#f8faf9;border-radius:14px;color:#2b6a4b;color:var(--pos-secondary);font-size:2.5rem;margin-bottom:12px;overflow:hidden;width:100%}.product-thumb-img{transition:transform .5s ease}.product-card:hover .product-thumb-img{transform:scale(1.1)}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#173829;color:var(--pos-text);display:-webkit-box;font-size:.95rem;font-weight:700;line-height:1.3;margin-bottom:8px;overflow:hidden}.product-price{color:#2b6a4b;color:var(--pos-secondary);font-size:1.1rem;font-weight:800;margin-top:auto}.keypad-section{background:#f8faf9;border-radius:16px;padding:20px}.quantity-display{background:#fff;border:2px solid #f1f3f2;border-radius:12px;box-shadow:inset 0 2px 4px #00000005;color:#173829;color:var(--pos-primary);font-family:MontserratBold,sans-serif;font-size:2rem;font-weight:800;margin-bottom:20px;padding:16px}.keypad-grid{grid-gap:12px;gap:12px}.keypad-btn{align-items:center;aspect-ratio:1;border:1px solid #f1f3f2;border-radius:12px;color:#173829;color:var(--pos-text);display:flex;font-size:1.4rem;font-weight:700;justify-content:center}.keypad-btn:hover{background:#f8faf9;background:var(--pos-bg);transform:scale(.98)}.keypad-btn.enter{aspect-ratio:auto;background:linear-gradient(135deg,#173829,#2b6a4b);background:linear-gradient(135deg,var(--pos-primary),var(--pos-secondary));margin-top:8px;padding:16px}.keypad-btn.enter:hover{box-shadow:0 8px 20px #17382933;transform:translateY(-2px)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17382966;z-index:1000}.modal-content{border:1px solid #fff3;border-radius:28px;box-shadow:0 32px 64px #17382933;max-width:500px;padding:40px}.modal-header{border-bottom:1px solid #f1f3f2;margin-bottom:24px;padding-bottom:16px;width:100%}.modal-header h3{color:var(--pos-primary);font-size:1.5rem}.form-group{margin-bottom:20px}.form-group label{color:#17382999;color:var(--pos-text-muted);font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #f1f3f2;border-radius:12px;font-family:inherit;padding:12px 16px;transition:all .3s}.form-group input:focus{border-color:#2b6a4b;border-color:var(--pos-secondary);outline:none}.modal-actions{gap:16px;margin-top:32px}.modal-btn{border-radius:12px;font-size:.95rem;font-weight:700;padding:12px 24px;transition:all .3s}.modal-btn.cancel{background:#f1f3f2;border:none;color:#17382999;color:var(--pos-text-muted)}.modal-btn.save{background:#173829;background:var(--pos-primary);box-shadow:0 4px 12px #17382926}.modal-btn:hover{box-shadow:0 8px 16px #17382933;transform:translateY(-2px)}.action-btn{background:#fff;border:2px solid #f1f3f2;border-radius:12px;color:#173829;color:var(--pos-primary);font-weight:600;padding:10px 20px;transition:all .3s}.action-btn:hover:not(:disabled){background:#f8faf9;background:var(--pos-bg);border-color:#2b6a4b;border-color:var(--pos-secondary)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.pos-page-action-btn:hover{background:#6d4863}.remove-btn{z-index:2}.order-switch-btn{align-items:center;display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem}.order-status{background:#f0f0f0;border-radius:10px;font-size:.7rem;padding:.1rem .3rem}.order-switch-btn.pending .order-status{background:#ffc107;color:#000}.order-switch-btn.completed .order-status{background:#4caf50;color:#fff}.order-switch-btn.cancelled .order-status{background:#f44336;color:#fff}.pos-header{display:none}.nav-buttons,.pos-header-actions{display:flex;gap:1rem}.pos-header-actions{margin-bottom:1rem}.pos-wh-cover{display:flex;width:100%}.pos-tables-layout{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:1rem}.pos-table{background-color:#fff}.pos-table,.pos-table1{align-items:center;aspect-ratio:1;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;justify-content:center;position:relative;transition:transform .2s}.pos-table1{background-color:#f3c45f}.pos-table1:hover,.pos-table:hover{transform:scale(1.05)}.pos-table.available{background-color:#4caf50;color:#fff}.pos-table.unavailable{background-color:#ef645a;color:#fff}.pos-table.reserved{background-color:#ff9800;color:#fff}.menu-section{display:flex;flex:2 1;flex-direction:column;gap:1rem}.categories{background-color:#fff;border-radius:8px;display:flex;gap:1rem;padding:1rem}.category{background-color:#e0e0e0;border-radius:4px;cursor:pointer;padding:.5rem 1rem}.products{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:1rem}.product{cursor:pointer;text-align:center}.order-summary,.product{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem}.order-summary{flex:1 1}.order-item{border-bottom:1px solid #e0e0e0;padding:.5rem 0}.order-total{border-top:2px solid #e0e0e0;font-size:1.2rem;font-weight:700;margin-top:1rem;padding-top:1rem}.selected-items{border-bottom:1px solid #eee;flex:1 1;padding:1rem}.keypad-section{padding:1rem}.quantity-display{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-size:1.5rem;margin-bottom:1rem;padding:1rem;text-align:right}.keypad-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.keypad-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:1rem;transition:all .2s}.keypad-btn:hover{background:#f0f0f0}.keypad-btn.enter{background:#875a7b;border:none;color:#fff;grid-column:span 3}.keypad-btn.enter:hover{background:#6d4863}.products-panel{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100%;overflow:auto;width:100%}.categories-bar{border-bottom:1px solid #eee;display:flex;gap:.5rem;overflow-x:auto;padding:1rem}.category-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:20px;cursor:pointer;padding:.5rem 1rem;white-space:nowrap}.category-btn.active{background:#875a7b;border-color:#875a7b;color:#fff}.products-grid{grid-gap:1rem;display:grid;flex:1 1;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.orders-grid,.products-grid{gap:1rem;overflow-y:auto;padding:1rem}.orders-grid{display:block;width:100%}.product-card{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:1rem;transition:all .2s}.product-card:hover{border-color:#875a7b;box-shadow:0 2px 4px #0000001a}.product-card.active{background-color:#875a7b1a;border:2px solid #875a7b}.product-icon{align-items:center;background:#f5f5f5;border-radius:50%;color:#875a7b;display:flex;font-size:1.2rem;height:100px;justify-content:center;margin-bottom:.5rem;width:100px}.product-thumb-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.product-name{color:#333;font-size:.9rem;font-weight:500;margin-bottom:.25rem;text-align:center}.product-price{color:#875a7b;font-size:1rem;font-weight:700}.modal-content{border-radius:8px;max-width:400px;padding:2rem;width:100%}.modal-header{border-bottom:1px solid #eee;padding-bottom:1rem}.form-group,.modal-header{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:4px;padding:.5rem;width:100%}.modal-actions{gap:1rem;justify-content:flex-end;margin-top:1rem}.modal-btn{border-radius:4px;cursor:pointer;padding:.5rem 1rem}.modal-btn.cancel{background:#f5f5f5;border:1px solid #ddd}.modal-btn.save{background:#875a7b;border:none;color:#fff}.payment-modal{max-width:500px}.payment-methods{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.payment-method-btn{border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:1rem;text-align:center}.payment-method-btn.active{background:#875a7b;border-color:#875a7b;color:#fff}.remove-btn{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;width:24px}.place-order-btn{background:#875a7b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;margin-top:1rem;padding:1rem;width:100%}.place-order-btn:disabled{background:#ccc;cursor:not-allowed}.orders-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem}.order-card{background:#fff;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:1rem}.order-card:hover{box-shadow:0 4px 8px #0000001a}.order-card.pending{border-left:4px solid #ffc107}.order-card.completed{border-left:4px solid #4caf50}.order-card.cancelled{border-left:4px solid #f44336}.edit-order-btn{background:#c08d03b3;font-size:14px;margin-bottom:10px;padding:5px 10px;width:-webkit-max-content;width:max-content}.cancel-order-btn,.edit-order-btn{align-items:center;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-left:auto;z-index:2}.cancel-order-btn{background:#9b000080;font-size:18px;height:24px;width:24px}.pos-tables-view{height:calc(100vh - 80px);overflow:auto}.tables-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.table-card{display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease}.table-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.table-card.available{border-left:4px solid #4caf50}.table-card.tables-available{border-left:4px solid #c48f2e}.table-card.tables-unavailable{border-left:4px solid #f44336;cursor:not-allowed;opacity:.7}.table-card.reserved{border-left:4px solid #ff9800;cursor:not-allowed;opacity:.7}.table-name{color:#333;font-size:1.2rem;font-weight:600}.table-capacity{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem}.table-status{border-radius:12px;font-size:.8rem;font-weight:500;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.table-status.available{background:#e8f5e9;color:#4caf50}.table-status.occupied{background:#ffebee;color:#f44336}.table-status.reserved{background:#fff3e0;color:#ff9800}.table-actions{gap:.5rem;margin-top:.5rem}.table-action-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:.9rem;padding:.5rem;transition:all .2s}.table-action-btn.edit{background:#e0e0e0;color:#333}.table-action-btn.select{background:#875a7b;color:#fff}.table-action-btn:hover{opacity:.9}.table-action-btn:disabled{background:#ccc;cursor:not-allowed}.close-btn{background:none;border:none;color:#666;font-size:24px;margin:0;padding:0}.close-btn:hover{color:#333}.form-group select{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:.5rem;width:100%}.form-group select:focus{border-color:#875a7b;outline:none}.order-switcher{display:flex;gap:.5rem;margin-right:1rem}.order-switch-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.25rem .75rem}.order-switch-btn.active{background:#875a7b;border-color:#875a7b;color:#fff}.pos-tables-view{padding:2rem}.tables-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:1rem}.table-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:1.5rem;position:relative}.order-count,.table-card{align-items:center;background:#875a7b;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-.5rem;top:-.5rem;width:24px}.table-unavailable{background:red;border:1px solid #fff}.table-user{background:#0006;border-radius:7px;bottom:3px;color:#fff;font-size:.6em;height:-webkit-fit-content;height:fit-content;left:50%;padding:5px;position:absolute;text-align:center;transform:translateX(-50%);width:95%}.add-table-box{align-items:center;aspect-ratio:1;background-color:#fff;border:2px dashed #875a7b;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:all .2s}.add-table-box:hover{background-color:#875a7b1a;transform:scale(1.05)}.add-table-box .plus-icon{color:#875a7b;font-size:2rem;margin-bottom:.5rem}.add-table-box .add-text{color:#875a7b;font-size:.9rem}.product-finder{border-radius:5px;outline:none;padding:5px}.pos-container{--pos-ink:#173829;--pos-ink-soft:#5d7164;--pos-surface:#ffffffeb;--pos-surface-strong:#fff;--pos-border:#17382914;--pos-shadow:0 22px 60px #1d352814;--pos-accent:#2b6a4b;--pos-accent-soft:#eff6f1;--pos-highlight:#f7c75a;--pos-danger:#c65353;--pos-warning:#d28a1f;--pos-success:#2f8a5b;background:radial-gradient(circle at top left,#f7c75a29,#0000 24%),radial-gradient(circle at top right,#3d99701f,#0000 22%),linear-gradient(180deg,#f7f4eb,#eef3ef);height:auto;min-height:100vh;overflow:auto;padding:24px}.pos-container,.pos-container button,.pos-container input,.pos-container select,.pos-container textarea{font-family:Montserrat,sans-serif}.pos-main-shell{grid-gap:18px;align-content:start;display:grid;gap:18px;grid-template-rows:auto 1fr;min-height:calc(100vh - 48px);width:100%}.pos-main-shell>*{min-width:0;width:100%}.pos-container .action-btn,.pos-container .modal-btn.save,.pos-container .payment-method-btn.active,.pos-container .place-order-btn,.pos-container .pos-page-action-btn,.pos-container .pos-session-btn.start,.pos-container .table-action-btn.select{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;box-shadow:0 8px 20px #17382926;color:#fff;font-weight:600;padding:10px 24px;width:-webkit-fit-content;width:fit-content}.pos-container .action-btn,.pos-container .category-btn,.pos-container .keypad-btn,.pos-container .modal-btn,.pos-container .payment-method-btn,.pos-container .place-order-btn,.pos-container .pos-page-action-btn,.pos-container .pos-session-btn,.pos-container .table-action-btn{border-radius:16px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.pos-container .action-btn:hover,.pos-container .category-btn:hover,.pos-container .keypad-btn:hover,.pos-container .modal-btn:hover,.pos-container .payment-method-btn:hover,.pos-container .place-order-btn:hover,.pos-container .pos-page-action-btn:hover,.pos-container .pos-session-btn:hover,.pos-container .table-action-btn:hover{background-color:#fff;box-shadow:0 12px 28px #17382933;color:#173829;color:var(--pos-text);filter:brightness(1.1);transform:translateY(-2px)}.pos-container .modal-content,.pos-container .order-entry,.pos-container .pos-mini-header,.pos-container .pos-session-board-nav,.pos-container .pos-session-entry,.pos-container .pos-session-manager-panel,.pos-container .pos-time-display,.pos-container .products-panel,.pos-container .reports-view{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--pos-surface);border:1px solid var(--pos-border);border-radius:28px;box-shadow:0 10px 40px #17382914;box-shadow:var(--pos-shadow)}.pos-container .pos-wh-cover{align-items:center;background:#ffffffe6;border:1px solid var(--pos-border);border-radius:28px;box-shadow:0 10px 40px #17382914;box-shadow:var(--pos-shadow);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:18px 22px}.pos-container .slprwh{background:#f7faf7;border:1px solid #1738291a;border-radius:999px;color:var(--pos-ink);font-weight:700;padding:10px 16px}.pos-container .slprwh-clicked{background:linear-gradient(135deg,#fff7e2,#eff6f1);border-color:#2b6a4b47;box-shadow:0 12px 24px #17382914;color:#6af2ad;color:var(--pos-accent)}.pos-container .live-nav{align-items:center;gap:10px;margin:0 0 0 auto}.pos-container .error-state,.pos-container .live-state,.pos-container .session-ended{background:#ffffffdb;border-radius:999px;font-size:.74rem;letter-spacing:.08em;padding:8px 12px;text-transform:uppercase}.pos-container .live-state{border:1px solid #2f8a5b3d;color:var(--pos-success)}.pos-container .error-state,.pos-container .session-ended{border:1px solid #c6535338;color:var(--pos-danger)}.pos-container .pos-time-display{grid-gap:8px;background:linear-gradient(135deg,#fff8eaf5,#eff7f3f5);color:var(--pos-ink);display:grid;gap:8px;padding:24px 28px;text-align:left}.pos-container .pos-time-display .forminp,.pos-container .pos-time-display .time,.pos-container .pos-time-display div:first-child,.pos-container .pos-time-display select{color:var(--pos-ink)}.pos-container .pos-time-display .time{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:.04em}.pos-container .pos-time-display .forminp{background:#fbfcf9;border:1px solid #1738291f;border-radius:16px}.pos-container .pos-tables-layout{align-content:start;gap:18px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:0;width:100%}.pos-container .add-table-box,.pos-container .pos-table,.pos-container .pos-table1{border:1px solid var(--pos-border);border-radius:26px;box-shadow:0 18px 34px #17382914;min-height:170px;overflow:hidden}.pos-container .pos-table,.pos-container .pos-table1{font-size:1.08rem;font-weight:700}.pos-container .pos-table{background:linear-gradient(180deg,#fff,#f7faf7);color:var(--pos-ink)}.pos-container .pos-table.available{background:linear-gradient(180deg,#eef8f1,#dff1e6);color:var(--pos-success)}.pos-container .pos-table.unavailable{background:linear-gradient(180deg,#fff2f0,#f9dfdf);color:var(--pos-danger)}.pos-container .pos-table.reserved,.pos-container .pos-table1{background:linear-gradient(180deg,#fff7e7,#f6e1b4);color:#8f5a18}.pos-container .add-table-box:hover,.pos-container .pos-table1:hover,.pos-container .pos-table:hover{transform:translateY(-3px)}.pos-container .order-count{background:linear-gradient(135deg,#173829,#2b6a4b);border:2px solid #ffffffe6;box-shadow:0 10px 22px #1738292e;height:34px;right:12px;top:12px;width:34px}.pos-container .table-unavailable{background:linear-gradient(135deg,#c65353,#aa3f3f)}.pos-container .table-user{background:#12261cc2;border-radius:16px;bottom:12px;font-size:.72rem;font-weight:600;letter-spacing:.03em;padding:8px 12px;width:calc(100% - 24px)}.pos-container .add-table-box{background:linear-gradient(135deg,#fff8eadb,#eff7f3e6);border:2px dashed #2b6a4b59}.pos-container .add-table-box .add-text,.pos-container .add-table-box .plus-icon{color:#6af2ad;color:var(--pos-accent);font-weight:700}.pos-container .pos-mini-header{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:18px 22px}.pos-container .header-info{flex-wrap:wrap}.pos-container .table-name{color:var(--pos-ink);font-size:1.3rem;font-weight:700}.pos-container .order-number{background:var(--pos-accent-soft);border-radius:999px;color:#6af2ad;color:var(--pos-accent);font-weight:700}.pos-container .header-actions{flex-wrap:wrap;justify-content:flex-end}.pos-container .pos-content{min-width:0;overflow:hidden;padding:0;width:100%}.pos-container .order-screen{align-items:stretch;gap:18px;grid-template-columns:minmax(340px,420px) minmax(0,1fr);height:auto;min-height:calc(100vh - 220px);min-width:0}.pos-container .order-entry,.pos-container .products-panel{min-height:0;min-width:0;padding:20px;width:100%}.pos-container .order-entry{gap:18px}.pos-container .selected-items{grid-gap:12px;align-content:start;border-bottom:none;display:grid;flex:1 1 auto;gap:12px;max-height:50vh;min-height:180px;overflow:auto;padding:0}.pos-container .selected-item{align-items:center;background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid var(--pos-border);border-radius:18px;padding:14px 16px}.pos-container .remove-btn{border-radius:50%;box-shadow:0 10px 20px #c6535329;height:30px;width:30px}.pos-container .form-group input,.pos-container .form-group select,.pos-container .product-finder,.pos-container .quantity-display{background:#fbfcf9;border:1px solid #1738291f;border-radius:16px;color:var(--pos-ink)}.pos-container .quantity-display{background:linear-gradient(135deg,#fff8ea,#f3f8f3);border:1px solid #17382914}.pos-container .keypad-section{padding:0}.pos-container .keypad-grid{gap:10px}.pos-container .keypad-btn{background:#fff;border:1px solid #1738291a;box-shadow:0 10px 20px #1738290d;color:var(--pos-ink)}.pos-container .keypad-btn.enter{background:linear-gradient(135deg,#173829,#2b6a4b)}.pos-container .products-panel{gap:14px;overflow:hidden}.pos-container .categories-bar{align-items:center;border-bottom:none;flex:0 0 auto;flex-wrap:nowrap;gap:10px;padding:0}.pos-container .product-finder{min-width:190px;padding:12px 14px}.pos-container .category-btn{background:#fff;border:1px solid #1738291a;color:var(--pos-ink);font-weight:600;padding:10px 16px}.pos-container .category-btn.active{background:linear-gradient(135deg,#fff7e2,#eff6f1);border-color:#2b6a4b47;color:#6af2ad;color:var(--pos-accent)}.pos-container .products-grid{align-content:start;flex:1 1 auto;gap:14px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));min-height:0;padding:4px 0 0}.pos-container .product-card{background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid var(--pos-border);border-radius:24px;box-shadow:0 14px 28px #1738290d;padding:16px 14px}.pos-container .product-card.active,.pos-container .product-card:hover{border-color:#2b6a4b47;box-shadow:0 18px 34px #1738291a}.pos-container .product-card.active{background:linear-gradient(135deg,#fff7e2e6,#eff6f1f5)}.pos-container .product-icon{background:radial-gradient(circle at top left,#f7c75a2e,#2b6a4b14);height:88px;width:88px}.pos-container .product-name{color:var(--pos-ink);font-weight:700}.pos-container .product-price{color:#6af2ad;color:var(--pos-accent)}.pos-container .closingsession,.pos-container .modal-overlay,.pos-container .openingsession{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1a138a;inset:0;position:fixed;z-index:4000}.pos-container .modal-content,.pos-container .pos-session-entry{background:#fffffff7;border-radius:30px;max-width:min(560px,calc(100vw - 32px));padding:24px;width:min(560px,calc(100vw - 32px))}.pos-container .modal-header{border-bottom:1px solid var(--pos-border);margin-bottom:18px;padding-bottom:14px}.pos-container .modal-header h2,.pos-container .modal-header h3,.pos-container .pos-session-entry h2{color:var(--pos-ink);margin:0}.pos-container .close-btn,.pos-container .modal-header button{background:#fff;border:1px solid #1738291a;border-radius:14px;height:40px;width:40px}.pos-container .modal-actions,.pos-container .pos-session-actions{gap:12px}.pos-container .modal-btn.cancel,.pos-container .payment-method-btn,.pos-container .pos-session-btn.end,.pos-container .table-action-btn.edit{background:#fff;border:1px solid #1738291f;color:var(--pos-ink)}.pos-container .pos-session-btn.end{color:var(--pos-danger)}.pos-container .payment-methods{gap:12px}.pos-container .payment-modal{max-width:560px}.pos-container .orders-list{gap:14px;padding:0}.pos-container .order-card{border:1px solid var(--pos-border);border-radius:24px;box-shadow:0 14px 28px #1738290f}.pos-container .order-card.pending{border-left:4px solid var(--pos-warning)}.pos-container .order-card.completed{border-left:4px solid var(--pos-success)}.pos-container .order-card.cancelled{border-left:4px solid var(--pos-danger)}.pos-container .cancel-order-btn,.pos-container .edit-order-btn,.pos-container .pos-session-card-action{border-radius:14px;max-width:200px;width:-webkit-fit-content;width:fit-content}.pos-container .pos-session-board{gap:18px;justify-content:flex-start}.pos-container .pos-session-board-nav{height:auto;padding:18px 22px}.pos-container .pos-session-board-view{align-items:stretch;display:flex;gap:18px;justify-content:flex-start;padding:0}.pos-container .pos-session-manager-panel{background:linear-gradient(135deg,#fff8eaf0,#eff7f3f0);justify-content:space-between;min-width:240px;padding:22px;width:240px}.pos-container .pos-session-manager-label{color:var(--pos-ink-soft);font-size:.76rem;font-weight:700;letter-spacing:.12em;position:static;text-transform:uppercase}.pos-container .pos-session-manager-toggle{background:linear-gradient(135deg,#173829,#2b6a4b);box-shadow:0 20px 38px #17382929;color:#fffdf7;height:120px;width:120px}.pos-container .pos-session-manager-toggle:hover{background:linear-gradient(135deg,#204a35,#347d58)}.pos-container .pos-session-card-list{grid-gap:20px;display:grid;flex:1 1 auto;gap:20px;grid-template-columns:repeat(3,1fr);min-width:0;width:100%}.pos-session-card{position:static}.pos-container .pos-session-card{background:linear-gradient(135deg,#173829,#2b6a4b);border:1px solid #ffffff14;border-radius:28px;box-shadow:0 22px 48px #1738292e;display:flex;flex-direction:column;height:250px;justify-content:space-between;padding:24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;width:280px}.pos-container .pos-session-card:hover{box-shadow:0 30px 60px #17382940;transform:translateY(-8px) scale(1.02)}.pos-session-card-name{margin-bottom:10px}.pos-container .pos-session-card-name,.pos-container .pos-session-card-time{background:#ffffff14;border-radius:12px;color:#fff;padding:8px 12px}.pos-container .pos-session-card-name{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.pos-container .pos-session-card-time{font-size:.8rem;opacity:.85}.pos-container .pos-session-card-status{color:#f7c75a;font-size:.82rem;font-weight:700;letter-spacing:.05em;margin-bottom:8px;margin-top:12px;text-transform:uppercase}.pos-container .pos-session-card-action{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff40;color:#fff;font-weight:600;padding:12px 20px;transition:all .2s ease}.pos-container .pos-session-card-action:hover{background:#fff;border-color:#fff;color:#173829;transform:translateY(-1px)}.pos-container .session-entry-inputs{align-items:center;display:flex;gap:12px;margin-bottom:12px}.pos-container .session-entry-inputs input{border-radius:14px;flex:1 1;min-width:0}.pos-container .session-entry-inputs span{color:var(--pos-ink-soft);font-weight:700}.pos-container .form-group .entry-row{background:#1738290a;border:1px solid #1738290f;border-radius:18px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:16px}.pos-container .form-group .entry-row label{color:var(--pos-ink);font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.pos-container .pos-session-entry h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#173829,#2b6a4b);-webkit-background-clip:text;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.pos-session-board-btn{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:16px;box-shadow:0 14px 30px #1738291f;color:#fffdf7;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.95rem;padding:.6rem 1rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.pos-session-board-btn:hover{transform:translateY(-1px)}select.pos-session-board-btn{-webkit-appearance:none;appearance:none;padding-right:2.4rem}.pos-container .pos-session-entry-inputs input{border-radius:14px}@media (max-width:1100px){.pos-container{padding:16px}.pos-main-shell{min-height:auto}.pos-container .order-screen,.pos-container .pos-session-board-view{display:grid;grid-template-columns:1fr}.pos-container .pos-session-manager-panel{min-width:0;width:100%}.pos-container .header-actions{justify-content:flex-start}.pos-container .products-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}}@media (max-width:768px){.pos-container{padding:12px}.pos-container .modal-content,.pos-container .order-entry,.pos-container .pos-mini-header,.pos-container .pos-session-entry,.pos-container .pos-time-display,.pos-container .pos-wh-cover,.pos-container .products-panel{border-radius:22px}.pos-container .pos-mini-header,.pos-container .pos-wh-cover{padding:16px}.pos-container .pos-time-display{padding:18px}.pos-container .pos-tables-layout{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.pos-container .add-table-box,.pos-container .pos-table,.pos-container .pos-table1{min-height:140px}.pos-container .order-screen{grid-template-columns:1fr;min-height:auto}.pos-container .selected-item{gap:10px;grid-template-columns:minmax(0,1fr) auto}.pos-container .selected-item span:nth-child(3){grid-column:1/-1}.pos-container .remove-btn{align-self:center;grid-column:2;grid-row:1/span 2}.pos-container .categories-bar{padding-bottom:4px}.pos-container .product-finder{min-width:150px}.pos-container .products-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.pos-container .product-icon{height:72px;width:72px}.pos-container .orders-list,.pos-container .payment-methods{grid-template-columns:1fr}}@media (max-width:560px){.pos-container .header-actions,.pos-container .live-nav,.pos-container .modal-actions,.pos-container .pos-session-actions{align-items:stretch;flex-direction:column}.pos-container .header-info{gap:10px}.pos-container .pos-tables-layout,.pos-container .products-grid{grid-template-columns:1fr}.pos-container .modal-content,.pos-container .pos-session-entry{max-width:none;padding:18px;width:calc(100% - 24px)}.pos-container .pos-session-manager-toggle{height:100px;width:100px}}.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-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid #0000;box-sizing:initial;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;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;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.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__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.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}.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,.react-datepicker__week-number--keyboard-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__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-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:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text: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:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted: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 .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-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:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-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:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected: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:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected: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:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.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}.transaction-reports-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;overflow:auto;padding:10px;position:fixed;right:0;top:0;z-index:4000}.transaction-reports{animation:fadeIn .3s ease-out;box-shadow:0 8px 30px #00000040;margin:5px 0;max-height:none;max-width:1800px;min-height:200px;overflow:auto;position:relative;width:99%}.reports-header,.transaction-reports{background:#fff;border-radius:12px;display:flex;flex-direction:column}.reports-header{border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#2d3748;margin-bottom:20px}.header-top{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px;width:100%}.header-top h2{color:#1a202c;flex-direction:column;gap:4px}.header-top h2,.reports-header h2{display:flex;font-size:1.5rem;font-weight:600;margin:0}.reports-header h2{align-items:center;gap:12px}.report-period{font-size:.9rem;font-weight:400;margin-left:10px;opacity:.9}.btn-export,.rcpt-export{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#4a5568;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.btn-export:hover,.rcpt-export:hover{background:#f7fafc;border-color:#cbd5e0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.btn-export svg{font-size:1.1rem}.rcpt-export{background-color:#f0fcff;border-color:#e8f0f4;color:#3a8ab2;font-weight:700}.rcpt-export:hover{background-color:#d9f0f5}.btn-export:first-child{background-color:#f0fff4;border-color:#c6f6d5;color:#2f855a}.btn-export:first-child:hover{background-color:#e6fffa;border-color:#81e6d9}.btn-export:last-child{background-color:#fff5f5;border-color:#fed7d7;color:#c53030}.btn-export:last-child:hover{background-color:#fff5f5;border-color:#feb2b2}.close-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .2s ease;width:36px;z-index:10}.close-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.order-items-container{grid-gap:16px;display:grid;gap:16px}.item-header{display:flex;width:100%}.item-name{color:#1a202c;font-size:1rem;font-weight:600;margin:0}.item-price{color:#2b6cb0;font-family:Roboto Mono,monospace;font-weight:600;margin-left:12px;white-space:nowrap}.item-details{gap:10px;width:-webkit-max-content;width:max-content}.detail-row,.item-details{display:block;margin-top:8px}.detail-row{font-size:.9rem;justify-content:space-between}.detail-label{color:#718096;margin-right:8px}.detail-value{color:#4a5568;font-weight:500;text-align:right}.item-category{border-top:1px dashed #e2e8f0;grid-column:1/-1;margin-top:4px;padding-top:8px}.status-badge{padding:2px 8px}@media (max-width:768px){.item-details,.order-items-container{grid-template-columns:1fr}.item-details{gap:6px}}.close-btn:hover{background:#fff3;transform:scale(1.05)}.filter-controls{background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;padding:0 15px 15px;z-index:10}.filter-toggle{align-items:center;background-color:#f8fafc;border:none;border-bottom:1px solid #e2e8f0;color:#2d3748;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;padding:14px 20px;text-align:left;transition:all .2s ease;width:100%}.filter-toggle:hover{background-color:#f1f5f9}.filter-toggle svg{transition:transform .2s ease}.filters-section{grid-gap:16px;background-color:#fff;border-bottom:1px solid #e2e8f0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:16px 20px;transition:all .3s ease}.filter-group{position:relative}.filter-group label{color:#4a5568;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px}.filter-group input,.filter-group select{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 2px #00000008;font-size:.9rem;height:38px;padding:8px 12px;transition:all .2s ease;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.date-range-group{grid-column:1/-1;margin-bottom:8px}.date-range-picker{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr auto 1fr;margin-top:6px}.date-range-separator{color:#718096;font-weight:500;text-align:center}.search-group{grid-column:1/-1}.search-input{position:relative}.search-input .search-icon{color:#a0aec0;font-size:.9rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input input{padding-left:36px!important}.filter-actions{border-top:1px solid #edf2f7;grid-column:1/-1;justify-content:flex-end;margin-top:8px;padding-top:8px}@media (max-width:768px){.filters-section{gap:12px;grid-template-columns:1fr;padding:12px 16px}.date-range-picker{gap:8px;grid-template-columns:1fr}.date-range-separator{display:none}}.export-actions{align-items:center;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;padding:10px 25px}.export-actions,.view-options{display:flex;gap:10px}.btn{border-radius:6px;display:inline-flex;font-size:.9rem;font-weight:500;padding:8px 16px}.btn-outline{background:#fff;border:1px solid #e2e8f0;color:#4a5568}.btn-outline:hover{background:#f7fafc;border-color:#cbd5e0}.btn-export{border:none;color:#000;font-weight:600;padding:10px 18px}.btn-export.excel{background-color:#1d6f42}.btn-export.excel:hover{background-color:#166534}.btn-export.pdf{background-color:#c53030}.btn-export.pdf:hover{background-color:#9b2c2c}.results-container{flex:1 1;padding:0}.session-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;margin:15px 20px;transition:all .3s ease}.session-card:not(:last-child){margin-bottom:20px}.session-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.session-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;gap:20px;justify-content:space-between;padding:18px 24px;transition:all .2s ease}.session-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.session-info{flex:1 1;min-width:0}.session-title{align-items:center;display:flex;gap:12px;margin-bottom:8px}.session-title h3{align-items:center;color:#1a202c;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin:0}.session-date{align-items:center;color:#4a5568;display:flex;font-size:.9rem;font-weight:400;gap:6px}.session-stats{gap:24px}.stat{font-size:.95rem;font-weight:500;gap:8px}.stat svg{font-size:1.1rem}.total-amount{color:#2b6cb0!important}.toggle-icon{color:#718096;font-size:1rem;margin-left:10px;transition:transform .3s ease}.status-badge{border-radius:20px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge .status-indicator{font-size:.6rem}.status-badge.active{border:1px solid #bee3f8}.status-badge.active .status-indicator{color:#2b6cb0}.status-badge.closed{background-color:#fff5f5;border:1px solid #fed7d7;color:#c53030}.status-badge.closed .status-indicator{color:#c53030}.session-meta{color:#4a5568;font-size:.9rem;gap:20px}.meta-item{font-size:.85rem;gap:6px}.meta-item svg{color:#a0aec0;font-size:1rem}.meta-item strong{color:#2d3748;font-weight:600;margin-right:4px}.session-details{background-color:#fff;border-top:1px solid #e2e8f0;padding:0}.session-card{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:20px;overflow:hidden;transition:all .2s ease}.session-card:hover{box-shadow:0 4px 12px #0000001a}.session-info h3{color:#2d3748;font-size:1.1rem;margin:0 0 8px}.session-meta{color:#718096;display:flex;flex-wrap:wrap;font-size:.85rem;gap:16px;gap:10px;margin-top:8px}.session-meta span{align-items:center;background:#0000000a;border-radius:4px;display:inline-flex;font-size:.85rem;gap:6px;padding:4px 10px;white-space:nowrap}.session-meta svg{color:#718096;flex-shrink:0;font-size:.9em}.session-stats{gap:20px}.session-stats,.stat{align-items:center;display:flex}.stat{color:#4a5568;font-size:.9rem;gap:6px}.stat svg{color:#718096}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.8rem;gap:6px;padding:4px 10px}.status-badge.active{background-color:#ebf8ff;color:#2b6cb0}.status-badge.pending{background-color:#fffaf0;color:#c05621}.status-badge.completed,.status-badge.delivered,.status-badge.paid{background-color:#f0fff4;color:#2f855a}.status-badge.cancelled,.status-badge.voided{background-color:#fff5f5;color:#c53030}.toggle-icon{color:#a0aec0;transition:transform .2s ease}.toggle-icon.expanded{transform:rotate(180deg)}.session-summary{grid-gap:16px;background-color:#f9fafc;border-bottom:1px solid #e2e8f0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:20px 24px}.summary-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 2px #0000000d;padding:12px}.summary-label{font-size:.75rem;letter-spacing:.5px;margin-bottom:4px}.summary-value{font-size:1rem}.total-amount{color:#2b6cb0}.order-items-container{margin:16px 0}.items-header{font-size:.75rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:12px 16px}.item-price,.item-quantity{color:#4a5568;font-size:.9rem}.order-totals{margin-top:20px}.no-items,.no-orders,.no-sessions{background-color:#f8fafc;border-radius:6px;color:#a0aec0;font-style:italic;margin:20px 0;padding:30px 20px;text-align:center}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top-color:#4299e1;height:40px;width:40px}.stat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:4px;min-width:120px;padding:12px 16px}.stat-label{color:#4a5568;font-size:.75rem;font-weight:500}.stat-value{color:#2d3748;font-size:1.1rem;font-weight:600}.stat-item.total-amount{background:#ebf8ff;border-color:#bee3f8}.stat-item.total-amount .stat-value{color:#2b6cb0}.sales-breakdown{background:#f9fafb;border-top:1px solid #edf2f7;display:flex;flex-wrap:wrap;gap:30px;padding:16px 24px}.breakdown-section{flex:1 1;min-width:250px}.breakdown-section h4{color:#4a5568;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.breakdown-items{display:flex;flex-direction:column;gap:8px}.breakdown-item{border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;padding:8px 0}.breakdown-item:last-child{border-bottom:none}.breakdown-label{color:#4a5568;font-size:.85rem}.breakdown-value{color:#2d3748;font-weight:500}.summary-item{flex-direction:column;gap:4px}.summary-label{color:#718096;font-size:.8rem}.summary-value{align-items:center;color:#2d3748;display:flex;font-size:.95rem;font-weight:500;gap:6px}.session-orders{padding:0}.session-orders>h4{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:1rem;margin:0;padding:16px 24px}.orders-list{padding:0 24px 20px}.order-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-top:16px;overflow:hidden;transition:all .2s ease}.order-card:hover{box-shadow:0 2px 8px #0000001a}.order-header{align-items:flex-start;background-color:#fff;cursor:pointer;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.order-header:hover{background-color:#f8fafc}.order-info{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.order-number{color:#2d3748;font-size:1rem;font-weight:600}.order-table,.order-time{align-items:center;color:#718096;display:flex;font-size:.85rem;gap:6px}.order-stats{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:20px;justify-content:flex-end;min-width:300px}.order-items,.order-total{align-items:center;color:#4a5568;display:flex;font-size:.9rem;gap:6px}.order-total{color:#2b6cb0;font-weight:600}.order-details{background-color:#fcfdfe;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:10px;padding:10px 16px 12px}.order-meta{border-bottom:1px dashed #e2e8f0;flex-wrap:wrap;gap:12px;margin:0 -4px 8px;padding-bottom:10px}.meta-item,.order-meta{align-items:center;display:flex}.meta-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:4px;gap:4px;line-height:1.2;margin:0 4px;padding:3px 8px}.meta-label{color:#64748b;font-size:.78rem}.meta-label,.meta-value{font-weight:500;white-space:nowrap}.meta-value{color:#1e293b;font-size:.8rem}.order-items-container{border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;margin-top:12px;overflow:hidden}.items-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#4a5568;display:grid;font-size:.7rem;font-weight:600;grid-template-columns:3fr 1.2fr .8fr 1fr 1fr;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.items-header .item-delivery-status{padding-left:16px}.order-item{align-items:center;background-color:#fff;border-bottom:1px solid #f1f5f9;display:block;font-size:.85rem;padding:8px 12px;transition:background-color .2s ease}.order-item:last-child{border-bottom:none}.order-item:hover{background-color:#f8fafc}.item-name{color:#2d3748;font-weight:500;width:-webkit-max-content;width:max-content}.item-category{color:#718096;font-size:.85rem}.item-price,.item-quantity,.item-total{color:#4a5568;font-size:.9rem}.item-total{color:#2b6cb0;font-weight:600}.item-delivery-status{padding-left:16px}.order-totals{border:1px solid #e2e8f0;border-radius:6px;margin-left:auto;max-width:300px;overflow:hidden}.total-row{background-color:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 16px}.total-row:last-child{border-bottom:none}.total-label{color:#4a5568;font-size:.9rem}.total-amount{color:#2d3748;font-weight:600}.grand-total{background-color:#f8fafc;border-top:2px solid #e2e8f0}.grand-total .total-amount{color:#2b6cb0;font-size:1.1rem}.no-items,.no-orders{background-color:#f8fafc;border-radius:6px;color:#a0aec0;font-style:italic;margin:20px 0;padding:30px 20px;text-align:center}@media (max-width:1024px){.filter-group{min-width:calc(50% - 10px)}.session-meta{flex-wrap:wrap;gap:10px}}@media (max-width:768px){.transaction-reports-overlay{overflow:auto;padding:0}.transaction-reports{border-radius:0;margin:0;max-height:100vh;min-height:100vh;overflow:auto;width:100%}.filters-section{padding:12px;position:static}.filter-group{margin-bottom:10px;min-width:100%}.filter-group label{font-size:.85rem}.export-actions{align-items:stretch;flex-direction:column;gap:12px;padding:0 12px 12px}.view-options{justify-content:space-between;width:100%}.export-buttons{display:flex;flex-direction:column;gap:8px;width:100%}.btn-export{justify-content:center;padding:10px;width:100%}.header-top{align-items:flex-start;flex-direction:column;gap:12px;padding:15px}.header-top h2{font-size:1.25rem}.report-period{display:block;font-size:.85rem;margin-left:0;margin-top:4px}.results-summary-stats{flex-direction:column;gap:8px;padding:0 15px 15px}.stat-item{flex-direction:row;justify-content:space-between;padding:10px 15px;width:100%}.order-item{padding:12px 15px}.item-header{flex-direction:column;gap:8px}.item-name{margin-bottom:4px;width:100%}.item-details{margin-top:12px;width:100%}.detail-row{display:flex;justify-content:space-between;margin-bottom:6px}.session-card{border-radius:8px;margin:10px}.session-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;display:block;gap:20px;justify-content:space-between;padding:18px 24px;padding:14px 16px;transition:all .2s ease}.session-stats{margin-top:10px}.close-btn{height:32px;right:10px;top:10px;width:32px}.sales-breakdown{flex-direction:column;gap:15px;padding:0 15px 15px}.breakdown-section{width:100%}}.filter-group input:focus,.filter-group select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.date-range-group{flex:2 1;min-width:400px}.date-range-picker{align-items:center;background:#fff;border:1px solid #ced4da;border-radius:4px;display:flex;gap:10px;padding:8px 12px;z-index:10}.date-range-separator{color:#6c757d;font-size:.9rem}.date-input{border:1px solid #ced4da;border-radius:4px;font-size:.9rem;padding:6px 10px;text-align:center;width:120px}.react-datepicker-wrapper{display:inline-block}.react-datepicker{border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 10px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.react-datepicker__header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:#2c3e50;color:#fff}.export-buttons{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:12px;padding:10px 20px}.export-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.export-btn.excel{background-color:#1d6f42;color:#fff}.export-btn.excel:hover{background-color:#165c35}.export-btn.pdf{background-color:#d33;color:#fff}.export-btn.pdf:hover{background-color:#b02a37}.results-summary-stats{background:#fff;border-bottom:1px solid #edf2f7;display:flex;flex-wrap:wrap;gap:25px;margin:0;padding:16px 24px}.summary-item{align-items:center;display:flex;gap:8px}.summary-label{color:#495057;font-weight:500}.summary-value{color:#212529;font-size:1.1rem;font-weight:600}.results-grid{flex:1 1;overflow-y:auto;padding:0 20px 20px}table{border-collapse:collapse;font-size:.9rem;width:100%}td,th{border-bottom:1px solid #dee2e6;padding:12px 15px;text-align:left}th{color:#495057;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:2}tbody tr:hover,th{background-color:#f8f9fa}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 8px;text-transform:capitalize}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.completed{background-color:#d4edda;color:#155724}.status-badge.cancelled{background-color:#f8d7da;color:#721c24}.loading{padding:40px}.loading,.no-results{color:#6c757d;font-style:italic;text-align:center}.no-results{padding:30px}@media (max-width:992px){.transaction-reports{max-height:95vh;overflow:auto;width:98%}.filters-section{flex-direction:column;gap:10px}.filter-group{width:100%}.export-buttons{flex-wrap:wrap}.results-grid{overflow-x:auto}table{min-width:900px}}@media print{.transaction-reports-overlay{background:none;padding:0;position:static}.transaction-reports{border:none;box-shadow:none;max-height:none;max-width:100%;width:100%}.export-buttons,.filters-section{display:none}.results-grid{overflow:visible}table{font-size:10pt;width:100%}td,th{padding:6px 8px}}.selected-delivery{background-color:#f0f0f0;border:1.3px solid purple}.cancel-delivery-btn{background:#f3b9b9;color:red;font-size:.8em;font-weight:700;width:-webkit-fit-content;width:fit-content}.delivery-page-action-btn{background:#875a7b;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.delivery-page-action-btn:hover{background:#6d4863}.inventory{background:#f8faf9;display:flex;flex-direction:column;font-family:MontserratRegular,sans-serif;height:100%;width:100%}.inventoryTop{background:#fff;border-bottom:1px solid #1738290f;display:block;padding:0;width:100%}.inv-top1{display:flex;flex-wrap:wrap;gap:8px;padding:16px 32px}.inventoryLabelCover{position:relative}.inventoryLabel{border-radius:10px;color:#17382980;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:all .2s ease;white-space:nowrap}.inventoryLabel:hover{background:#1738290a;color:#173829}.inventoryLabelClicked{background:#173829;border-radius:10px;box-shadow:0 4px 12px #17382926;color:#fff;font-weight:800;padding:8px 18px}.inventoryLabelClicked:hover{background:#2b6a4b;color:#fff}.inventoryDropMenu{background:#fff;border:1px solid #17382914;border-radius:12px;box-shadow:0 10px 30px #1738291f;display:flex;flex-direction:column;left:0;min-width:180px;padding:8px;position:absolute;top:42px;z-index:100}.inventoryDropMenu label{border-radius:8px;color:#173829;cursor:pointer;font-size:13px;font-weight:600;margin:0;padding:10px 16px;transition:all .15s ease;width:100%}.inventoryDropMenu label:hover{background:#1738290a}.inv-top2{align-items:center;background:#fafcfb;border-top:1px solid #1738290d;display:flex;justify-content:space-between;padding:12px 32px;width:100%}.inv-top2 .new{align-items:center;display:inline-flex;gap:12px}.inv-top2 .new button{background:#6af2ad;border:none;border-radius:10px;color:#173829;cursor:pointer;font-family:MontserratBold,sans-serif;font-size:13px;font-weight:800;height:-webkit-fit-content;height:fit-content;outline:none;padding:8px 20px;transition:all .2s ease}.inv-top2 .new button:hover{box-shadow:0 4px 12px #6af2ad4d;transform:translateY(-1px)}.inv-top2 .new label{color:#173829;font-size:13px;font-weight:700;margin:auto}.invdate{font-size:13px;margin:0;padding:0}.invdate input{border:1.5px solid #1738291a;border-radius:8px;font-family:MontserratRegular,sans-serif;font-size:13px;margin:0;outline:none;padding:6px 12px}.invdate input:focus{border-color:#2b6a4b;box-shadow:0 0 0 3px #2b6a4b0f}.inventoryView{border-top:none;height:100%;overflow:auto;width:100%}.settingsDrop{background:#fff;border:1px solid #17382914;border-radius:12px;bottom:-10;box-shadow:0 10px 30px #1738291f;display:flex;flex-direction:column;font-size:13px;left:0;padding:8px;position:absolute;width:-webkit-max-content;width:max-content;z-index:100}.settingsDrop span{border-radius:8px;color:#173829;cursor:pointer;font-weight:600;margin:2px 0;padding:8px 14px;transition:all .15s ease;width:-webkit-fit-content;width:fit-content}.settingsDrop span:hover{background:#1738290a}.pr-settings{align-items:center;display:flex;gap:8px}.pr-icon{font-size:1.3em}.filter{gap:12px;height:-webkit-fit-content;height:fit-content;margin:auto 0;width:-webkit-fit-content;width:fit-content}.filter,.filterArrow{align-items:center;display:flex}.filterArrow{gap:4px}.filterIndex{color:#17382999;font-size:13px;font-weight:700}.filterViewMode{align-items:center;display:flex;gap:8px}.filterViewIcon{border-radius:8px;color:#17382966;cursor:pointer;font-size:1.2em;padding:6px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.filterViewIcon:hover{background:#1738290a;color:#173829}.filterArrowIcon{background:#1738290d;border-radius:50%;color:#173829;cursor:pointer;font-size:1.6em;padding:10px;transition:all .2s ease}.filterArrowIcon:hover{background:#2b6a4b26;color:#2b6a4b;transform:scale(1.05)}.viewActive{background:#2b6a4b14;color:#2b6a4b!important}.slprwh-print{background:#173829;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:8px 16px;transition:all .2s ease}.slprwh-print:hover{background:#2b6a4b;transform:translateY(-1px)}@media (max-width:768px){.inv-top1,.inv-top2{padding:12px 16px}.inv-top2{flex-wrap:wrap;gap:12px}}.inventory-search-box{align-items:center;display:flex;flex:1 1;margin:0 16px;max-width:300px}.inv-search-input{border:1.5px solid #1738291a;border-radius:10px;font-family:MontserratRegular,sans-serif;font-size:13px;outline:none;padding:8px 16px;transition:all .2s ease;width:100%}.inv-search-input:focus{border-color:#2b6a4b;box-shadow:0 0 0 3px #2b6a4b14}@media (max-width:768px){.inventory-search-box{margin:8px 0;max-width:none;order:3;width:100%}}.pr-products{background:#f8faf9;font-family:MontserratRegular,sans-serif;width:100%}.pr-product,.pr-products{display:flex;flex-direction:column;height:100%}.pr-product{align-items:center;gap:24px;justify-content:flex-start;margin:auto;overflow-y:auto;padding:28px 0;width:95%}.pr-left{flex-shrink:0;width:100%}.nameInpCov{align-items:center;color:#173829;display:flex;font-family:MontserratBold,sans-serif;font-size:14px;font-weight:800;height:-webkit-fit-content;height:fit-content;margin:16px 0}.nameInp{background:#0000;border:none;border-bottom:2px solid #1738291a;color:#173829;font-family:MontserratRegular,sans-serif;font-size:16px;margin:auto 12px;outline:none;padding:8px 12px;transition:border-color .2s ease;width:60%}.nameInp:focus{border-bottom-color:#2b6a4b}.pr-type{display:flex;gap:16px}.pr-type-sub{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;margin:auto 0;padding:8px 16px;transition:background .15s ease}.pr-type-sub:hover{background:#1738290a}.pr-type-sub label{color:#173829;cursor:pointer;margin:auto 4px}.pr-type-sub input[type=checkbox]{accent-color:#2b6a4b;cursor:pointer;height:16px;width:16px}.pr-details{background:#fff;border-radius:16px;box-shadow:0 4px 20px #1738290f;margin:12px 0;overflow-y:visible;padding:24px}.pr-details,.pr-right{flex-shrink:0;width:100%}.pr-right{grid-gap:4px 24px;display:grid;gap:4px 24px;grid-template-columns:1fr 1fr;height:-webkit-fit-content;height:fit-content;margin:0}.otherInpCov{align-items:center;display:flex;font-size:13px;font-weight:700;margin:auto auto 16px;width:100%}.otherInpCov label{color:#17382999;font-size:12px;font-weight:700;min-width:120px;width:120px}.otherInp{background:#0000;border:none;border-bottom:1.5px solid #17382914;color:#173829;font-family:MontserratRegular,sans-serif;font-size:13px;outline:none;padding:8px 4px;transition:border-color .2s ease;width:100%}.otherInp:focus{border-bottom-color:#2b6a4b}select.otherInp{cursor:pointer}.pr-settings{position:relative}.pr-icon{color:#17382980;cursor:pointer;font-size:1.4em;margin:auto 4px;transition:color .2s ease}.pr-icon:hover{color:#173829}.pr-all-products{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));height:100%;overflow:auto;padding:16px;width:100%}.pr-product-card{background:#fff;border:1.5px solid #1738290f;border-radius:16px;box-shadow:0 2px 8px #1738290a;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:20px;position:relative;transition:all .2s ease}.pr-product-card:hover{border-color:#2b6a4b26;box-shadow:0 8px 24px #17382914;transform:translateY(-2px)}.product-card-name{color:#173829;font-family:MontserratBold,sans-serif;font-size:16px;font-weight:800}.product-card-others{color:#17382999;font-size:13px;font-weight:600}.product-card-others-top{background:#6af2ad26;border-radius:8px;color:#2b6a4b;font-size:10px;font-weight:800;letter-spacing:.5px;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px}.all-product-list{display:block;height:100%;overflow:auto;padding:0 16px 16px;width:100%}.product-list{grid-gap:12px;align-items:center;background:#fff;border-bottom:1px solid #1738290a;color:#173829;cursor:pointer;display:grid;font-size:13px;font-weight:600;gap:12px;grid-template-columns:40px 120px 1fr 120px 140px 80px;margin:0;padding:14px 16px;transition:background .15s ease}.product-list:first-child{border-radius:16px 16px 0 0}.product-list:last-child{border-bottom:none;border-radius:0 0 16px 16px}.product-list:hover{background:#17382905}.product-list input[type=checkbox]{accent-color:#2b6a4b;cursor:pointer;height:16px;width:16px}.product-list-head{background:#f0f4f2;border-radius:16px 16px 0 0;color:#17382980;font-size:11px;font-weight:800;letter-spacing:1px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.product-list-head:hover{background:#f0f4f2}.product-list-name{color:#173829;font-weight:700}.product-list-name,.product-list-others{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-list-others{color:#17382999;font-weight:600}.product-list-others-top{background:#6af2ad26;border-radius:8px;color:#2b6a4b;font-size:10px;font-weight:800;letter-spacing:.5px;padding:4px 10px;text-align:center;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.noProducts{align-items:center;color:#1738294d;display:flex;font-size:14px;font-weight:700;height:50%;justify-content:center;line-height:1.8;margin:auto;text-align:center;width:90%}.product-import{border-radius:16px;display:flex;height:100%;overflow:hidden;width:100%}.imp-left{background:#fff;border-right:1px solid #1738290d;width:25%}.imp-left,.imp-right{height:100%;padding:20px}.imp-right{background:#6af2ad14;overflow:auto;position:relative;width:75%}.exp-format{background:#173829;border:none;border-radius:10px;bottom:20px;color:#fff;cursor:pointer;font-family:MontserratBold,sans-serif;font-size:13px;font-weight:700;left:50%;outline:none;padding:10px 20px;position:absolute;transform:translateX(-50%);transition:all .2s ease}.exp-format:hover{background:#2b6a4b;transform:translateX(-50%) translateY(-1px)}.imp-load{background:#fff;border:1.5px solid #2b6a4b33;border-radius:10px;color:#173829;cursor:pointer;font-family:MontserratRegular,sans-serif;font-size:13px;font-weight:700;margin:8px 4px;outline:none;padding:8px 16px;transition:all .2s ease}.imp-load:hover{background:#2b6a4b08;border-color:#2b6a4b}.imp-load-det{color:#2b6a4b;font-size:13px;font-weight:700;margin:12px 5px}.button-contrast{background:#173829;border-color:#173829;color:#fff;font-weight:800}.button-contrast:hover{background:#2b6a4b;border-color:#2b6a4b}.pivotOptCov{color:#17382999;display:block;font-size:13px;font-weight:700;margin:16px 5px}.pivotOpt{border:1.5px solid #17382914;border-radius:10px;color:#173829;font-family:MontserratRegular,sans-serif;font-size:13px;margin-top:4px;outline:none;padding:8px 12px;width:160px}.pivotOpt:focus{border-color:#2b6a4b}.import-cov{display:block;margin:auto;width:90%}.import-card{align-items:center;color:#173829;display:flex;font-size:13px;font-weight:700;gap:20px;margin:16px auto}.import-card div{font-weight:700;min-width:120px;width:200px}.imgview{align-items:center;flex-wrap:wrap;gap:12px}.imgtag{border:2px solid #1738290f;border-radius:12px;max-height:150px;max-width:200px;object-fit:cover}.imgupld{background:#173829;border:none;border-radius:10px;cursor:pointer;font-family:MontserratBold,sans-serif;font-size:12px;font-weight:700;padding:8px 16px;transition:all .2s ease}.imgupld:hover{background:#2b6a4b;transform:translateY(-1px)}.stock-cov{display:block}.stock-cov h3{color:#173829;font-family:MontserratBold,sans-serif;font-size:15px;font-weight:800;margin:0 0 12px}.stock-table{background:#fff;border:1px solid #1738290f;border-radius:12px;overflow:hidden;width:100%}.stock-table-head{background:#f0f4f2;color:#17382980;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.stock-table-body,.stock-table-head{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 140px;padding:12px 16px}.stock-table-body{border-top:1px solid #1738290a;color:#173829;font-size:13px;font-weight:600}.pr-details input[type=month]{background:#fff;border:1.5px solid #17382914;border-radius:10px;color:#173829;font-family:MontserratRegular,sans-serif;font-size:13px;outline:none;padding:8px 12px}.pr-details input[type=month]:focus{border-color:#2b6a4b;box-shadow:0 0 0 3px #2b6a4b0f}.pr-products>div:has(>input[placeholder="Search Product"]){padding:12px 16px}@media (max-width:1024px){.pr-right{grid-template-columns:1fr}.product-list{font-size:12px;gap:8px;grid-template-columns:40px 80px 1fr 80px 100px 60px;padding:12px}}@media (max-width:768px){.pr-product{padding:16px;width:100%}.nameInpCov{align-items:flex-start;flex-direction:column;gap:8px}.nameInp{margin:0;width:100%}.pr-right{grid-template-columns:1fr}.otherInpCov{align-items:flex-start;flex-direction:column;gap:6px}.otherInp,.otherInpCov label{width:100%}.pr-all-products{grid-template-columns:1fr;padding:12px}.product-list{gap:8px;grid-template-columns:30px 1fr 80px}.product-list-head .product-list-others,.product-list-head .product-list-others-top,.product-list-others,.product-list-others-top{display:none}.product-import{flex-direction:column}.imp-left,.imp-right{width:100%}.imp-left{border-bottom:1px solid #1738290d;border-right:none}}.transfer-section{align-items:center;border:1px solid #1738290f;box-shadow:0 4px 16px #17382908;flex-wrap:wrap}.transfer-section h4{border-bottom:1.5px solid #1738290f;color:#173829;font-family:MontserratBold,sans-serif;font-size:15px;font-weight:800;margin:0;padding-bottom:12px;width:100%}.transfer-section .otherInpCov{min-width:200px}.transfer-section .otherInp{border-radius:10px;padding:10px 14px}.transfer-section .otherInp:focus{box-shadow:0 0 0 3px #2b6a4b1a}.export-controls .action-btn{display:inline-flex}.modalView{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2}.measures{background:#f5f5f5;border-radius:10px;height:80%;overflow:auto;position:relative;width:50%}.closeModal{background:#adff2f;border-radius:5px;cursor:pointer;font-size:.8em;padding:5px 15px;position:absolute;right:10px;top:10px}.modal-title{font-weight:700;margin:10px}.new-record{background:#adff2f;border-radius:5px;cursor:pointer;font-size:.8em;font-weight:600;height:-webkit-fit-content;height:fit-content;margin-right:5px;padding:5px 15px;width:-webkit-fit-content;width:fit-content}.measures-list-container{display:block;padding:10px;width:100%}.measures-list-title{display:flex;font-size:.8em;font-weight:600;justify-content:space-between;margin:15px auto;div{margin:0 5px;width:150px}}.measures-list-content{background:#fff;display:flex;font-size:.8em;justify-content:space-between;margin:5px auto;padding:5px;text-align:left;div{margin:0 5px;width:150px};input,select{margin:0 5px;width:110px}}.transaction-history{background-color:#f8faf9;font-family:MontserratRegular,sans-serif;padding:32px}.filters-container{align-items:flex-end;background:#fff;border-radius:16px;box-shadow:0 4px 20px #1738290f;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:28px;padding:24px;width:100%}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:160px}.filter-group label{color:#17382980;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.date-range{gap:8px;width:100%}.date-input,.select-input{background:#f8faf9;border:1.5px solid #17382914;border-radius:10px;box-sizing:border-box;color:#173829;font-family:MontserratRegular,sans-serif;font-size:13px;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.date-input:focus,.select-input:focus{background:#fff;border-color:#2b6a4b;box-shadow:0 0 0 3px #2b6a4b0f}.filter-actions{align-items:flex-end;display:flex;gap:8px;margin-top:0}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:MontserratBold,sans-serif;font-size:13px;font-weight:700;gap:8px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.btn-primary{background-color:#173829;box-shadow:0 4px 12px #17382926;color:#fff}.btn-primary:hover{background-color:#2b6a4b;transform:translateY(-1px)}.btn-secondary{background-color:#f0f4f2;color:#173829}.btn-secondary:hover{background-color:#e8f0eb}.btn-icon{background:#f0f4f2;border:none;border-radius:10px;color:#17382980;cursor:pointer;padding:10px;transition:all .2s ease}.btn-icon:hover{background:#e8f0eb;color:#173829}.btn-danger{background-color:#fff5f5;border:1.5px solid #ffe3e3;color:#d11212}.btn-danger:hover{background-color:#feebeb}.btn-warning{background-color:#fffbeb;border:1.5px solid #fef3c7;color:#b45309}.btn-warning:hover{background-color:#fef9c3}.btn-sm{font-size:12px;padding:6px 12px}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:28px}.summary-card{background:#fff;border-left:4px solid #2b6a4b;border-radius:16px;box-shadow:0 4px 20px #1738290f;display:flex;flex-direction:column;min-height:110px;padding:20px;transition:all .3s ease}.summary-card:hover{box-shadow:0 8px 30px #1738291a;transform:translateY(-3px)}.summary-card.in{border-left-color:#10b981}.summary-card.out{border-left-color:#ef4444}.summary-card.total{background:linear-gradient(135deg,#f8faf9,#edf7f0);border-left-color:#6af2ad}.summary-label{color:#17382980;font-size:11px;font-weight:800;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.summary-value{color:#173829;font-family:MontserratBold,sans-serif;font-size:24px;font-weight:800;line-height:1.2;margin-bottom:6px}.summary-card.in .summary-value{color:#10b981}.summary-card.out .summary-value{color:#ef4444}.summary-subtext{border-top:1px dashed #17382914;color:#17382980;font-size:12px;font-weight:600;margin-top:auto;padding-top:10px}.summary-subtext button{background:#f8faf9;border:1.5px solid #1738291a;border-radius:8px;color:#173829;cursor:pointer;font-family:MontserratRegular,sans-serif;font-size:11px;font-weight:700;margin-top:6px;padding:6px 12px;transition:all .2s ease}.summary-subtext button:hover{background:#e8f0eb}.adjustment-row,.transfer-row{align-items:center;display:flex;gap:8px}.adjustment-positive,.transfer-in{color:#10b981;font-weight:700}.adjustment-negative,.transfer-out{color:#ef4444;font-weight:700}.adjustment-separator,.transfer-separator{color:#17382933;font-weight:400}.transactions-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #1738290f;overflow:hidden}.table-header{align-items:center;border-bottom:1px solid #1738290d;display:flex;justify-content:space-between;padding:20px 24px}.table-header h3{color:#173829;font-family:MontserratBold,sans-serif;font-size:18px;font-weight:800;margin:0}.table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.delete-progress{background:#fff5f5;border-radius:8px;color:#d11212;font-size:12px;font-weight:700;padding:6px 12px}.table-responsive{max-width:100%;overflow-x:auto}.transactions-table{border-collapse:collapse;width:100%}.transactions-table td,.transactions-table th{border-bottom:1px solid #1738290a;font-size:13px;padding:14px 16px;text-align:left}.transactions-table th{background-color:#f8faf9;color:#17382980;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.transactions-table tbody tr{transition:background-color .15s ease}.transactions-table tbody tr:hover{background-color:#17382905}.positive{color:#10b981;font-weight:700}.negative{color:#ef4444;font-weight:700}.tx-type-adjustment\(\+\),.tx-type-purchase,.tx-type-transfer-in{background-color:#10b98108}.tx-type-adjustment\(\-\),.tx-type-sale,.tx-type-transfer-out{background-color:#ef444408}.loading-row,.no-data{color:#17382966;font-size:14px;font-weight:600;padding:48px 24px;text-align:center}.pagination{align-items:center;background:#fafcfb;border-top:1px solid #1738290d;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.pagination-info{color:#17382980;font-size:13px;font-weight:600}.pagination-info strong{color:#173829;font-weight:800}.pagination-controls{align-items:center;display:flex;gap:6px}.pagination-btn{background:#fff;border:1.5px solid #17382914;border-radius:8px;color:#173829;cursor:pointer;font-family:MontserratRegular,sans-serif;font-size:13px;font-weight:700;padding:8px 14px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f0f4f2;border-color:#17382926}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-btn.active{background:#173829;border-color:#173829;color:#fff}.pagination-rows-selector{align-items:center;color:#17382980;display:flex;font-size:13px;font-weight:600;gap:10px}.rows-per-page-input{background:#fff;border:1.5px solid #17382914;border-radius:8px;color:#173829;font-family:MontserratRegular,sans-serif;font-size:13px;font-weight:700;outline:none;padding:8px 10px;text-align:center;transition:all .2s ease;width:64px}.rows-per-page-input:focus{border-color:#2b6a4b;box-shadow:0 0 0 3px #2b6a4b0f}.rows-per-page-select{background:#fff;border:1.5px solid #17382914;border-radius:8px;color:#173829;cursor:pointer;font-family:MontserratRegular,sans-serif;font-size:13px;font-weight:700;outline:none;padding:8px 12px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#17382966;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:5000}.modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #17382933;max-height:90vh;max-width:1000px;overflow-y:auto;position:relative;width:90%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #1738290d;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:20px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h3{color:#173829;font-family:MontserratBold,sans-serif;font-size:18px;font-weight:800;margin:0}.modal-actions{align-items:center;display:flex;gap:8px}.export-pdf-button{align-items:center;background:#173829;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:MontserratRegular,sans-serif;font-size:13px;font-weight:700;gap:6px;padding:8px 16px;transition:all .2s ease}.export-pdf-button:hover{background:#2b6a4b;transform:translateY(-1px)}.close-button{align-items:center;background:#f0f4f2;border:none;border-radius:10px;color:#17382980;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-button:hover{background:#e8f0eb;color:#173829}.modal-body{padding:24px 28px}.modal-body table{border-collapse:collapse;width:100%}.modal-body th{background:#f8faf9;border-bottom:1px solid #1738290d;color:#17382980;font-size:11px;font-weight:800;letter-spacing:1px;padding:12px 14px;text-align:left;text-transform:uppercase}.modal-body td{border-bottom:1px solid #1738290a;color:#173829;font-size:13px;padding:12px 14px}.modal-body .text-end{text-align:right}.modal-body .fw-bold{font-weight:800}.modal-body .text-muted{color:#17382966}.modal-body .small{font-size:11px}.modal-body tfoot td,.modal-body tfoot th{background:#f8faf9;border-top:2px solid #1738291a;color:#173829;font-weight:800}.modal-footer{border-top:1px solid #1738290d;display:flex;justify-content:flex-end;padding:16px 28px}.summary-stats{background:#f8faf9;border-radius:12px;display:flex;gap:24px;margin-bottom:24px;padding:16px}.stat-item{display:flex;flex-direction:column}.stat-label{color:#17382980;letter-spacing:.5px;margin-bottom:4px}.stat-value{color:#173829;font-size:18px;font-weight:800}.summary-card.clickable{cursor:pointer}.view-details{color:#2b6a4b;font-size:11px;font-weight:700;margin-top:8px;opacity:.6;transition:opacity .2s}.summary-card.clickable:hover .view-details{opacity:1}@media (max-width:1200px){.summary-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:1024px){.transaction-history{padding:16px}.filters-container{gap:12px;padding:16px}.filter-group{min-width:140px}.table-header{align-items:flex-start;flex-direction:column;gap:12px}.table-actions{overflow-x:auto;width:100%}.pagination{align-items:stretch;flex-direction:column;gap:12px}.pagination-controls{flex-wrap:wrap}.pagination-controls,.pagination-rows-selector{justify-content:center}}@media (max-width:768px){.summary-cards{grid-template-columns:1fr 1fr}.filters-container{flex-direction:column}.filter-group{width:100%}.transactions-table td,.transactions-table th{font-size:12px;padding:10px}}@media (max-width:480px){.summary-cards{grid-template-columns:1fr}.transaction-history{padding:12px}}.spin{animation:spin 1s linear infinite}.stockOtherInp{width:250px}.stockCountedInp{width:150px}.stockColname{border-bottom:2px solid #1738291a;color:#173829cc;font-family:MontserratBold,sans-serif;font-size:13px;font-weight:800;margin-bottom:12px;padding-bottom:12px;width:-webkit-max-content;width:max-content}.transfer-section{background:#fff;border:1px solid #17382914;border-radius:16px;box-shadow:0 4px 20px #1738290d;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin-bottom:8px;padding:24px;width:100%}.transfer-header-group{border-bottom:1.5px solid #1738290f;display:flex;flex-direction:column;gap:4px;padding-bottom:16px}.transfer-header-group h4{color:#173829;font-family:MontserratBold,sans-serif;font-size:16px;font-weight:800;margin:0}.transfer-subtitle{color:#17382980;font-size:12px;font-weight:500}.transfer-inputs-row{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.transfer-arrow-icon{align-items:center;background:#2b6a4b14;border-radius:50%;color:#2b6a4b;display:flex;height:40px;justify-content:center;margin-top:20px;width:40px}.transfer-section .otherInpCov{display:flex;flex:1 1;flex-direction:column;min-width:250px}.transfer-section label{color:#173829b3;font-size:13px;font-weight:700;margin-bottom:8px}.transfer-section .otherInp{background-color:#17382905;border:1.5px solid #1738291a;border-radius:12px;box-sizing:border-box;color:#173829;font-family:MontserratRegular,sans-serif;font-size:13px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.transfer-section .otherInp:focus{background-color:#fff;border-color:#2b6a4b;box-shadow:0 0 0 4px #2b6a4b14}.adjustments{align-items:flex-start;background:#0000;box-sizing:border-box;color:#173829;flex-wrap:nowrap;font-family:MontserratRegular,sans-serif;gap:24px;height:100%}.adj-right-header,.adjustments{display:flex;flex-direction:column;width:100%}.adj-right-header{flex:1 1;gap:16px}.adj-right{background:#fff;border:1px solid #1738290f;border-radius:16px;box-shadow:0 4px 16px #17382908;gap:24px;height:-webkit-fit-content;height:fit-content;overflow-x:auto;padding:24px}.adj-right,.colrows{box-sizing:border-box;display:flex;width:100%}.colrows{align-items:center;border-bottom:1px solid #1738290a;color:#173829;font-size:13px;font-weight:500;height:38px;margin:0 0 8px;padding:0;transition:background-color .2s ease}.colrows:hover{background-color:#17382905}.countedInp{background:#17382905;border:1.5px solid #17382914;border-radius:8px;box-sizing:border-box;color:#173829;font-family:MontserratRegular,sans-serif;font-size:13px;font-weight:600;height:38px;margin:0 0 8px;outline:none;padding:0 12px;transition:all .2s ease;width:100%}.countedInp:focus{background:#fff;border-color:#2b6a4b;box-shadow:0 0 0 3px #2b6a4b1a}.export-controls{background-color:#fff;border-bottom:1px solid #1738290f;border-radius:12px 12px 0 0;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:16px}.export-button{align-items:center;background-color:#fff;border:1.5px solid #17382926;border-radius:10px;color:#173829;cursor:pointer;display:inline-flex;font-family:MontserratBold,sans-serif;font-size:13px;font-weight:700;gap:8px;padding:8px 16px;transition:all .2s ease}.export-button:hover:not(:disabled){background-color:#1738290a;border-color:#173829;transform:translateY(-1px)}.export-button:disabled{cursor:not-allowed;opacity:.5}.export-button svg{height:16px;width:16px}.export-controls .action-btn{align-items:center;background-color:#173829;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:0 0 auto;font-family:MontserratBold,sans-serif;font-size:13px;font-weight:700;gap:8px;justify-content:center;min-width:100px;padding:8px 16px;transition:all .2s ease;width:-webkit-max-content;width:max-content}.export-controls .action-btn:disabled{background-color:#17382966;cursor:not-allowed}.column-manager-toggle{align-items:center;background-color:#fff;border:1.5px solid #17382926;border-radius:10px;color:#173829;cursor:pointer;display:inline-flex;font-family:MontserratBold,sans-serif;font-size:13px;font-weight:700;gap:8px;margin-left:10px;padding:8px 16px;transition:all .2s ease}.column-manager-toggle:hover{background-color:#1738290a;border-color:#173829;transform:translateY(-1px)}.total-row{background-color:#17382908;border-top:2px solid #1738291a;color:#173829;font-family:MontserratBold,sans-serif;font-weight:800}.filter-section{background:#fff;border:1px solid #1738290f;border-radius:16px;box-shadow:0 4px 16px #17382908;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;width:100%}.filter-header{align-items:center;border-bottom:1.5px solid #1738290f;color:#173829;display:flex;font-family:MontserratBold,sans-serif;font-size:15px;font-weight:800;gap:10px;padding:16px 20px}.filter-header svg{height:18px;width:18px}.filter-row{display:flex;flex-wrap:wrap;gap:24px;padding:20px}.filter-group{flex:1 1;min-width:220px}.filter-group label{color:#173829b3;display:block;font-size:13px;font-weight:700;margin-bottom:8px}.date-range{align-items:center;display:flex;gap:12px}.date-range span{color:#17382980;font-size:13px;font-weight:600}.date-input,.filter-input,.filter-select{background-color:#17382905;border:1.5px solid #1738291a;border-radius:10px;box-sizing:border-box;color:#173829;font-family:MontserratRegular,sans-serif;font-size:13px;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.date-input:focus,.filter-input:focus,.filter-select:focus{background-color:#fff;border-color:#2b6a4b;box-shadow:0 0 0 3px #2b6a4b1a}.date-input:hover,.filter-input:hover,.filter-select:hover{border-color:#17382933}.column-manager-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#17382999;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.column-manager{background:#fff;border:1px solid #1738290d;border-radius:16px;box-shadow:0 8px 32px #1738291f;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}.column-manager-header{align-items:center;border-bottom:1.5px solid #17382914;display:flex;justify-content:space-between;padding:20px 24px}.column-manager-title{color:#173829;font-family:MontserratBold,sans-serif;font-size:16px;font-weight:800;margin:0}.column-manager-close{align-items:center;background:#1738290d;border:none;border-radius:8px;color:#173829;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.column-manager-close:hover{background:#1738291a}.column-manager-body{flex-grow:1;overflow-y:auto;padding:24px}.column-category{margin-bottom:24px}.column-category-title{border-bottom:1px solid #1738291a;color:#173829;font-family:MontserratBold,sans-serif;font-size:14px;font-weight:800;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase}.column-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.column-item{align-items:center;background-color:#17382905;border:1px solid #0000;border-radius:10px;display:flex;padding:10px 14px;transition:all .2s}.column-item:hover{background-color:#1738290a;border-color:#17382914}.column-checkbox{accent-color:#2b6a4b;cursor:pointer;height:16px;margin-right:12px;width:16px}.column-label{color:#173829;cursor:pointer;flex-grow:1;font-size:13px;font-weight:600}.column-required{color:#17382980;font-size:11px;font-style:italic;font-weight:500;margin-left:6px}.column-manager-footer{align-items:center;background:#17382903;border-radius:0 0 16px 16px;border-top:1.5px solid #17382914;display:flex;justify-content:space-between;padding:16px 24px}.column-manager-button{background-color:#fff;border:1.5px solid #17382926;border-radius:10px;color:#173829;cursor:pointer;font-family:MontserratBold,sans-serif;font-size:13px;font-weight:700;padding:10px 20px;transition:all .2s}.column-manager-button:hover{background-color:#1738290a}.column-manager-button.primary{background-color:#173829;border-color:#173829;color:#fff}.column-manager-button.primary:hover{background-color:#2b6a4b;border-color:#2b6a4b;box-shadow:0 4px 12px #17382926;transform:translateY(-1px)}.column-manager-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.react-datepicker-wrapper{width:100%}.react-datepicker__header{background-color:#fff;border-bottom:1px solid #1738291a}.react-datepicker__current-month,.react-datepicker__day,.react-datepicker__day-name{color:#173829;font-family:MontserratRegular,sans-serif}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:#2b6a4b!important;border-radius:50%;color:#fff}.react-datepicker__day--today{color:#2b6a4b;font-weight:700}.react-datepicker__day:hover{background-color:#2b6a4b1a;border-radius:50%}@media screen and (max-width:768px){.filter-row{flex-direction:column;gap:16px}.date-range{align-items:stretch;flex-direction:column}.date-range span{text-align:center}.export-controls{flex-wrap:wrap;justify-content:center}.column-manager-toggle{justify-content:center;margin-left:0;width:100%}.adj-right{padding:16px}}.stsvw{cursor:pointer;font-size:.6em;font-weight:700;position:absolute;right:5px;top:5px;z-index:2}.relative{position:relative}.stspd{background:#cbf48d;color:green}.stspd,.stsupd{border-radius:5px;padding:5px}.stsupd{background:#f9b0b080;color:red}.slrepicon{background:#fff;border:1px solid #1738291f;border-radius:12px;box-shadow:0 4px 12px #00000014;color:#173829;cursor:pointer;font-size:1.4rem;padding:10px;position:absolute;right:28px;top:28px;transition:all .2s ease;z-index:10}.slrepicon:hover{background:#f0f7f2;box-shadow:0 6px 16px #0000001f;color:#2b6a4b;transform:translateY(-2px)}.slrepicon:active{transform:translateY(0)}.acpymdt{font-weight:600;margin:30px auto;text-align:center;width:100%}.imgview{display:flex;flex-direction:column;justify-content:center;margin:20px auto;overflow-x:auto;text-align:center;width:80%}.imgtag{cursor:pointer;height:300px;margin:10px auto}.imgupld{background:#006400;border:0 solid #000;border-radius:5px;color:#fff;font-size:16px;font-weight:500;margin:5px auto;outline:none;padding:3px 15px}.accommodation-page{align-items:stretch;background:radial-gradient(circle at top left,#ffc95729,#0000 24%),radial-gradient(circle at top right,#3d99701f,#0000 22%),linear-gradient(180deg,#f7f4eb,#eef3ef);gap:24px;height:100%;min-height:100%;padding:24px}.accommodation-page .emplist,.accommodation-page .empview{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #1d352814;border-radius:28px;box-shadow:0 22px 60px #1d352814;height:calc(100vh - 48px);min-height:0;overflow:auto}.accommodation-detail-intro,.accommodation-sidebar-intro{background:linear-gradient(135deg,#fffaecf0,#eff7f3f0);border-bottom:1px solid #1d352814;padding:28px}.accommodation-kicker,.accommodation-stat-card span{color:#6a7d6f;display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.accommodation-detail-title,.accommodation-title{color:#173829;line-height:1;margin:10px 0 8px}.accommodation-title{font-size:clamp(1.85rem,2vw,2.4rem)}.accommodation-copy{color:#607064;line-height:1.6;margin:0}.accommodation-stat-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.accommodation-stat-card{background:#ffffffe6;border:1px solid #1d352814;border-radius:18px;padding:14px 16px}.accommodation-stat-card strong{color:#173829;display:block;font-size:1.35rem;margin-top:6px}.accommodation-left-filter-bar{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px auto 10px;width:calc(100% - 40px)}.accommodation-left-filter-card,.accommodation-left-select-wrap,.accommodation-left-toggle-bar{background:linear-gradient(180deg,#fff,#f8fbf8);border:1px solid #1d352814;border-radius:20px;box-shadow:0 14px 30px #1738290d;margin-left:auto;margin-right:auto;padding:16px;width:calc(100% - 40px)}.accommodation-left-filter-card{grid-gap:8px;display:grid;gap:8px;margin:0;width:100%}.accommodation-left-filter-label{color:#5e7366;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.accommodation-left-date-input,.accommodation-left-select{background:#f8faf7;border:1px solid #2846351f;border-radius:16px;color:#173829;font-family:inherit;font-size:.95rem;min-height:50px;outline:none;padding:0 16px;width:100%}.accommodation-left-date-input:focus,.accommodation-left-select:focus{border-color:#2b6a4b73;box-shadow:0 0 0 4px #2b6a4b1f}.accommodation-left-action-row{display:flex;justify-content:flex-end;margin:0 auto 12px;width:calc(100% - 40px)}.accommodation-left-sync-btn{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:16px;box-shadow:0 14px 28px #17382929;color:#fffdf7;cursor:pointer;font-family:inherit;font-weight:800;min-height:48px;padding:0 20px}.accommodation-left-toggle-bar{grid-gap:10px;cursor:pointer;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px;margin-top:0}.accommodation-left-toggle-chip{align-items:center;background:#f3f7f4;border:1px solid #17382914;border-radius:14px;color:#5f7265;display:inline-flex;font-size:.84rem;font-weight:700;justify-content:center;min-height:44px;padding:10px 12px;text-align:center}.accommodation-left-toggle-chip.active{background:linear-gradient(135deg,#173829,#2b6a4b);border-color:#0000;box-shadow:0 12px 24px #17382929;color:#fff}.accommodation-page .confirm,.accommodation-page .emptypecov,.accommodation-page .fltinpcov,.accommodation-page .payeeinpcov,.accommodation-page .salesopts{background:#f9fbf8;border:1px solid #1d352814;border-radius:20px;margin-left:auto;margin-right:auto;padding:16px;width:calc(100% - 40px)}.accommodation-page .emptypecov,.accommodation-page .salesopts{margin-bottom:12px;margin-top:12px}.accommodation-page .dept{background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid #17382914;border-radius:22px;margin:0 18px 12px;padding:16px;width:calc(100% - 36px)}.accommodation-page .curview,.accommodation-page .dept:hover{border-color:#2b6a4b47;box-shadow:0 16px 34px #17382914}.accommodation-page .salesfm{margin-bottom:18px;width:calc(100% - 40px)}.accommodation-page .forminp,.accommodation-page .imgtag{border-radius:16px}.accommodation-page .forminp{background:#f8faf7;border:1px solid #2846351f;min-height:48px}.accommodation-page .action-btn,.accommodation-page .imgupld,.accommodation-page .salesyesbtn{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:16px;color:#fffdf7;padding:11px 18px}.accommodation-page .addnewsales,.accommodation-page .basic,.accommodation-page .inpcov{grid-gap:8px;display:grid;gap:8px}.accommodation-page .addnewsales,.accommodation-page .basic{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1080px){.accommodation-page{padding:16px}.accommodation-page .saleslist,.accommodation-page .salesview{width:100%}}@media (max-width:720px){.accommodation-left-filter-bar,.accommodation-left-toggle-bar{grid-template-columns:1fr}.accommodation-left-action-row{justify-content:stretch}.accommodation-left-sync-btn{width:100%}.accommodation-detail-intro,.accommodation-sidebar-intro{padding:20px}.accommodation-stat-row{grid-template-columns:1fr}}.accommodation-page .salesview{display:flex;flex-direction:column;min-height:0;padding-bottom:10px;position:relative}.accommodation-page .accommodation-detail-intro{position:-webkit-sticky;position:sticky;top:0;z-index:3}.accommodation-active-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.accommodation-active-meta span{background:#ffffffd6;border:1px solid #17382914;border-radius:999px;color:#173829;font-size:.82rem;font-weight:600;padding:8px 12px}.accommodation-page .dept{align-items:flex-start;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;position:relative}.accommodation-page .dept:before{background:linear-gradient(180deg,#f7c75a,#2b6a4b);content:"";inset:0 auto 0 0;opacity:0;position:absolute;transition:opacity .2s ease;width:4px}.accommodation-page .curview:before,.accommodation-page .dept:hover:before{opacity:1}.accommodation-page .sldets{grid-gap:8px;color:#173829;display:grid;gap:8px;padding-right:10px;width:100%}.accommodation-page .deptdesc{font-size:.86rem;margin:0}.accommodation-page .edit{align-items:center;background:#fff1f1fa;border:1px solid #bc33332e;border-radius:14px;color:#9b2525;display:inline-flex;font-size:.8rem;font-weight:700;justify-content:center;min-width:92px;padding:10px 12px}.accommodation-page .stsvw{background:#ffffffeb;border-radius:999px;font-size:.72rem;padding:7px 10px;right:14px;top:14px}.accommodation-page .formtitle.padtitle{background:linear-gradient(135deg,#fff8ea,#f2f7f2);border:1px solid #17382914;border-radius:22px;color:#173829;margin:18px auto 12px;padding:18px 20px;width:calc(100% - 40px)}.accommodation-page .salesfm{flex:1 1;height:auto;margin:0 auto 18px;min-height:0;overflow:auto;padding-bottom:12px}.accommodation-page .confirm{bottom:18px;box-shadow:0 16px 32px #17382914;position:-webkit-sticky;position:sticky;z-index:3}.accommodation-page .salesview>.add.slsadd,.accommodation-page .salesview>.slsadd{bottom:24px;left:auto;margin:0;position:absolute;right:24px;top:auto;z-index:4}.slsadd{background:linear-gradient(135deg,#173829,#2b6a4b);color:#fffdf7}.accommodation-page .detail-mobile-back,.accommodation-page .mobile-detail-trigger{display:none}@media (max-width:720px){.accommodation-page .salesview{padding-bottom:10px}.accommodation-page .salesview>.add.slsadd,.accommodation-page .salesview>.slsadd{bottom:18px;right:18px}.accommodation-page .addnewsales,.accommodation-page .basic{grid-template-columns:1fr}}@media (max-width:1080px){.accommodation-page{position:relative}.accommodation-page .emplist{height:auto;min-height:calc(100vh - 32px);overflow:auto}.accommodation-page .empview{height:calc(100dvh - 32px);inset:16px 12px;margin:0;max-height:calc(100dvh - 32px);opacity:0;pointer-events:none;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease;width:auto!important;z-index:3501}.accommodation-page.mobile-detail-open .empview{opacity:1;pointer-events:auto;transform:translateY(0)}.accommodation-page:after{background:#101f1800;content:"";inset:0;pointer-events:none;position:fixed;transition:background .25s ease;z-index:3500}.accommodation-page.mobile-detail-open:after{background:#101f186b;pointer-events:auto}.accommodation-page .accommodation-detail-intro,.accommodation-page .accommodation-sidebar-intro{position:relative}.accommodation-page .detail-mobile-back,.accommodation-page .mobile-detail-trigger{align-items:center;background:#ffffffe6;border:1px solid #1738291f;border-radius:999px;color:#173829;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 14px}.accommodation-page .mobile-detail-trigger{position:absolute;right:24px;top:24px;z-index:1}.accommodation-page .detail-mobile-back{margin-bottom:14px}}.rcpt-ttl{font-size:1em;font-weight:800;justify-content:space-between;margin:15px auto}.rcpt-dtl,.rcpt-ttl{display:flex;width:100%}.rcpt-dtl{flex-wrap:wrap;font-size:.8em}.rcpt-field{margin:10px 40px 10px 0;text-align:left}.rcpt-info{font-size:.8em;text-align:left}.rcpt-info1{font-size:.8em;margin:20px auto;text-align:center}.rcpt-agd{border:1px solid #000;border-radius:5px;font-weight:800;margin:auto;padding:10px 15px;width:-webkit-fit-content;width:fit-content}.rcpt-bx{margin-top:30px}.rcpt-bx,.rcpt-footer{font-size:.8em;text-align:left}.rcpt-footer{margin-top:40px;div{font-weight:600;margin-top:10px}}.purchase{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:100vh;justify-content:flex-start;width:100%}.purchase-page{align-items:stretch;background:radial-gradient(circle at top left,#ffc95729,#0000 24%),radial-gradient(circle at top right,#3d99701f,#0000 22%),linear-gradient(180deg,#f7f4eb,#eef3ef);flex-direction:row;gap:24px;height:100%;justify-content:space-between;min-height:100%;padding:24px}.purlst{position:relative}.purinfocontent{margin:10px auto auto;width:90%}.purchasebuttom{align-items:center;display:flex;flex-wrap:wrap;height:-webkit-fit-content;height:fit-content;justify-content:space-around;text-align:center;width:100%;.inpcov{margin:0}.inpcov,.purchasebutton{width:-webkit-fit-content;width:fit-content}.purchasebutton{background:#adff2f;border-radius:10px;cursor:pointer;font-weight:700;padding:10px 15px}}.prd-link{border:2px solid #5c910d;border-radius:5px;cursor:pointer;font-size:.8em;font-weight:600;margin:auto;padding:5px 15px}.reconcileproduct{z-index:7000}.addproduct,.reconcileproduct{align-items:center;background:#000c;display:flex;flex-wrap:wrap;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.addproduct{z-index:4000}.add-products{background:#f5f5f5;border-radius:10px;box-shadow:0 0 10px #00000080;height:95%;margin:auto;overflow:auto;padding:10px;position:relative;width:85%}.add-products-title{display:flex;font-weight:700;margin:20px auto;width:-webkit-fit-content;width:fit-content}.add-products-content{display:block;flex-wrap:wrap;font-size:.9em;gap:10px;margin:auto;width:95%}.add-products-content div{font-weight:700;justify-content:space-between;div{width:150px}}.add-products-content div,.add-products-content-entry{display:flex;gap:10px;margin:10px auto;width:100%}.add-products-content-entry{background:#fff;justify-content:space-around;div{font-size:.8em;width:150px;input{border:.5px solid #000;border-radius:5px;outline:none}}}.add-products-button{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:10px 0;position:absolute;right:10px;top:0;width:-webkit-fit-content;width:fit-content}.add-products-button div{background:#adff2f;border-radius:10px;cursor:pointer;font-size:.75em;font-weight:700;margin:20px 0;padding:5px 15px;width:-webkit-fit-content;width:fit-content}.purchase-page .purinfo,.purchase-page .purlst{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #1d352814;border-radius:28px;box-shadow:0 22px 60px #1d352814;height:calc(100vh - 48px);min-height:0;overflow:auto}.purchase-detail-intro,.purchase-sidebar-intro{background:linear-gradient(135deg,#fffaecf0,#eff7f3f0);border-bottom:1px solid #1d352814;padding:28px}.purchase-kicker,.purchase-stat-card span{color:#6a7d6f;display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.purchase-detail-title,.purchase-title{color:#173829;line-height:1;margin:10px 0 8px}.purchase-title{font-size:clamp(1.85rem,2vw,2.4rem)}.purchase-copy{color:#607064;line-height:1.6;margin:0}.purchase-stat-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.purchase-stat-card{background:#ffffffe6;border:1px solid #1d352814;border-radius:18px;padding:14px 16px}.purchase-stat-card strong{color:#173829;display:block;font-size:1.35rem;margin-top:6px}.purchase-left-filter-bar{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px auto 10px;width:calc(100% - 40px)}.purchase-left-filter-card{grid-gap:8px;background:linear-gradient(180deg,#fff,#f8fbf8);border:1px solid #1d352814;border-radius:20px;box-shadow:0 14px 30px #1738290d;display:grid;gap:8px;padding:16px}.purchase-left-filter-label{color:#5e7366;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.purchase-left-date-input{background:#f8faf7;border:1px solid #2846351f;border-radius:16px;color:#173829;font-family:inherit;font-size:.95rem;min-height:50px;outline:none;padding:0 16px;width:100%}.purchase-left-date-input:focus{border-color:#2b6a4b73;box-shadow:0 0 0 4px #2b6a4b1f}.purchase-left-action-row{display:flex;justify-content:flex-end;margin:0 auto 12px;width:calc(100% - 40px)}.purchase-left-sync-btn{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:16px;box-shadow:0 14px 28px #17382929;color:#fffdf7;cursor:pointer;font-family:inherit;font-weight:800;min-height:48px;padding:0 20px}.purchase-page .payeeinpcov{background:#f9fbf8;border:1px solid #1d352814;border-radius:20px;margin:18px auto 12px;padding:16px;width:calc(100% - 40px)}.purchase-page .dept{background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid #17382914;border-radius:22px;margin:0 18px 12px;padding:16px;width:calc(100% - 36px)}.purchase-page .curview,.purchase-page .dept:hover{border-color:#2b6a4b47;box-shadow:0 16px 34px #17382914}.purchase-page .purinfotitle{color:#173829;font-size:1.15rem;margin:22px auto 10px}.purchase-page .purinfocontent{padding-bottom:16px;width:calc(100% - 48px)}.purchase-page .inpcov{grid-gap:8px;display:grid;gap:8px}.purchase-page .forminp{background:#f8faf7;border:1px solid #2846351f;border-radius:16px;min-height:48px}.purchase-page .purchasebuttom{background:#f9fbf8;border:1px solid #1d352814;border-radius:20px;margin:0 auto 24px;padding:16px;width:calc(100% - 48px)}.purchase-page .action-btn,.purchase-page .imgupld,.purchase-page .prd-link,.purchase-page .purchasebutton{border-radius:16px}.purchase-page .action-btn,.purchase-page .imgupld,.purchase-page .purchasebutton{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;color:#fffdf7;padding:11px 18px}.purchase-page .prd-link{background:#eff6f1;border:1px solid #28463524;color:#173829;padding:10px 16px}.purchase-page .add-products{background:#f8faf7;border-radius:28px}.purchase-page .purinfo .formtitle.padtitle{background:linear-gradient(135deg,#fff8ea,#f2f7f2);border:1px solid #17382914;border-radius:22px;color:#173829;margin:18px auto 12px;padding:18px 20px;width:calc(100% - 40px)}@media (max-width:1080px){.purchase-page{padding:16px}.purchase-page .purinfo,.purchase-page .purlst{min-height:auto;width:100%}}@media (max-width:720px){.purchase-left-filter-bar{grid-template-columns:1fr}.purchase-left-action-row{justify-content:stretch}.purchase-left-sync-btn{width:100%}.purchase-detail-intro,.purchase-sidebar-intro{padding:20px}.purchase-stat-row{grid-template-columns:1fr}}.purchase-page .purinfo{display:flex;flex-direction:column;min-height:0;padding-bottom:10px;position:relative}.purchase-active-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.purchase-active-meta span{background:#ffffffd6;border:1px solid #17382914;border-radius:999px;color:#173829;font-size:.82rem;font-weight:600;padding:8px 12px}.purchase-page .purchase-detail-intro{position:-webkit-sticky;position:sticky;top:0;z-index:3}.purchase-page .dept{align-items:flex-start;display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;position:relative}.purchase-page .dept:before{background:linear-gradient(180deg,#f7c75a,#2b6a4b);content:"";inset:0 auto 0 0;opacity:0;position:absolute;transition:opacity .2s ease;width:4px}.purchase-page .curview:before,.purchase-page .dept:hover:before{opacity:1}.purchase-page .sldets{grid-gap:8px;color:#173829;display:grid;gap:8px;padding-right:10px;width:100%}.purchase-page .deptdesc{font-size:.86rem;margin:0}.purchase-page .edit{align-items:center;background:#fff1f1fa;border:1px solid #bc33332e;border-radius:14px;color:#9b2525;display:inline-flex;font-size:.8rem;font-weight:700;justify-content:center;min-width:92px;padding:10px 12px}.purchase-page .purinfocontent{flex:1 1;height:auto;justify-content:space-between;margin:0 auto 18px;min-height:0;overflow:auto;padding-bottom:12px}.purchase-page .purchasebuttom{bottom:18px;box-shadow:0 16px 32px #17382914;position:-webkit-sticky;position:sticky;z-index:3}.purchase-detail-add{background:linear-gradient(135deg,#173829,#2b6a4b);border-radius:50%;bottom:24px;color:#fffdf7;cursor:pointer;font-size:3em;left:auto;margin:0;padding:10px;position:absolute;right:24px;top:auto;z-index:4}.purchase-page .detail-mobile-back,.purchase-page .mobile-detail-trigger{display:none}@media (max-width:720px){.purchase-page .purinfo{padding-bottom:10px}.purchase-page .purinfocontent{grid-template-columns:1fr}.purchase-detail-add{bottom:18px;right:18px}}@media (max-width:1080px){.purchase-page{position:relative}.purchase-page .purlst{height:auto;min-height:calc(100vh - 32px);overflow:auto}.purchase-page .purinfo{height:calc(100dvh - 32px);inset:16px 12px;margin:0;max-height:calc(100dvh - 32px);opacity:0;pointer-events:none;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease;width:auto!important;z-index:3501}.purchase-page.mobile-detail-open .purinfo{opacity:1;pointer-events:auto;transform:translateY(0)}.purchase-page:after{background:#101f1800;content:"";inset:0;pointer-events:none;position:fixed;transition:background .25s ease;z-index:3500}.purchase-page.mobile-detail-open:after{background:#101f186b;pointer-events:auto}.purchase-page .purchase-detail-intro,.purchase-page .purchase-sidebar-intro{position:relative}.purchase-page .detail-mobile-back,.purchase-page .mobile-detail-trigger{align-items:center;background:#ffffffe6;border:1px solid #1738291f;border-radius:999px;color:#173829;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 14px}.purchase-page .mobile-detail-trigger{position:absolute;right:24px;top:24px;z-index:1}.purchase-page .detail-mobile-back{margin-bottom:14px}}.expenses{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:100vh;justify-content:center;width:100%}.expenses-page{align-items:stretch;background:radial-gradient(circle at top left,#ffc95729,#0000 24%),radial-gradient(circle at top right,#3d99701f,#0000 22%),linear-gradient(180deg,#f7f4eb,#eef3ef);flex-direction:row;gap:24px;height:100%;justify-content:space-between;min-height:100%;padding:24px}.add-expense{cursor:pointer;margin:2px 5px 2px 0}.purlst{border:1.5px solid #000;width:36%}.purinfo,.purlst{background:#fff;border-radius:10px;box-shadow:0 0 10px #00000080;height:98%;overflow:auto}.purinfo{justify-content:center;text-align:center;width:60%}.purinfotitle{font-weight:700;margin:15px auto;width:-webkit-fit-content;width:fit-content}.purinfocontent{display:flex;flex-wrap:wrap;height:80%;margin:auto;overflow:auto;text-align:left;width:95%}.expensesbuttom{align-items:center;display:flex;flex-wrap:wrap;height:-webkit-fit-content;height:fit-content;justify-content:space-around;text-align:center;width:100%;.inpcov{margin:0}.expensesbutton,.inpcov{width:-webkit-fit-content;width:fit-content}.expensesbutton{background:#adff2f;border-radius:10px;cursor:pointer;font-weight:700;padding:10px 15px}}.exparea{font-size:.8em;height:150px;width:400px}.exp-desc{font-size:.9em;font-weight:800;margin:10px 0}.exp-dets{flex-wrap:wrap}.desc-relt{position:relative}.desc-btn-top{cursor:pointer;top:10px}.desc-btn-bottom,.desc-btn-top{position:absolute;right:10px;z-index:2}.desc-btn-bottom{bottom:10px}.expenses-page .purinfo,.expenses-page .purlst{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #1d352814;border-radius:28px;box-shadow:0 22px 60px #1d352814;height:calc(100vh - 48px);min-height:0;overflow:auto}.expenses-detail-intro,.expenses-sidebar-intro{background:linear-gradient(135deg,#fffaecf0,#eff7f3f0);border-bottom:1px solid #1d352814;padding:28px}.expenses-kicker,.expenses-stat-card span{color:#6a7d6f;display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.expenses-detail-title,.expenses-title{color:#173829;line-height:1;margin:10px 0 8px}.expenses-title{font-size:clamp(1.85rem,2vw,2.4rem)}.expenses-copy{color:#607064;line-height:1.6;margin:0}.expenses-stat-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.expenses-stat-card{background:#ffffffe6;border:1px solid #1d352814;border-radius:18px;padding:14px 16px}.expenses-stat-card strong{color:#173829;display:block;font-size:1.35rem;margin-top:6px}.expenses-left-filter-bar{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px auto 10px;width:calc(100% - 40px)}.expenses-left-filter-card,.expenses-left-select-wrap{background:linear-gradient(180deg,#fff,#f8fbf8);border:1px solid #1d352814;border-radius:20px;box-shadow:0 14px 30px #1738290d;margin-left:auto;margin-right:auto;padding:16px;width:calc(100% - 40px)}.expenses-left-filter-card{grid-gap:8px;display:grid;gap:8px;margin:0;width:100%}.expenses-left-filter-label{color:#5e7366;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.expenses-left-date-input,.expenses-left-select{background:#f8faf7;border:1px solid #2846351f;border-radius:16px;color:#173829;font-family:inherit;font-size:.95rem;min-height:50px;outline:none;padding:0 16px;width:100%}.expenses-left-date-input:focus,.expenses-left-select:focus{border-color:#2b6a4b73;box-shadow:0 0 0 4px #2b6a4b1f}.expenses-left-action-row{display:flex;justify-content:flex-end;margin:0 auto 12px;width:calc(100% - 40px)}.expenses-left-sync-btn{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:16px;box-shadow:0 14px 28px #17382929;color:#fffdf7;cursor:pointer;font-family:inherit;font-weight:800;min-height:48px;padding:0 20px}.expenses-page .fltinpcov,.expenses-page .payeeinpcov{background:#f9fbf8;border:1px solid #1d352814;border-radius:20px;margin:18px auto 12px;padding:16px;width:calc(100% - 40px)}.expenses-page .dept{background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid #17382914;border-radius:22px;margin:0 18px 12px;padding:16px;width:calc(100% - 36px)}.expenses-page .curview,.expenses-page .dept:hover{border-color:#2b6a4b47;box-shadow:0 16px 34px #17382914}.expenses-page .purinfotitle{color:#173829;font-size:1.15rem;margin:22px auto 10px}.expenses-page .purinfocontent{gap:16px;padding-bottom:16px;width:calc(100% - 48px)}.expenses-page .inpcov{grid-gap:8px;display:grid;gap:8px}.expenses-page .exparea,.expenses-page .forminp{background:#f8faf7;border:1px solid #2846351f;border-radius:16px;min-height:48px}.expenses-page .exparea{min-height:150px;padding:14px 16px}.expenses-page .expensesbuttom{background:#f9fbf8;border:1px solid #1d352814;border-radius:20px;margin:0 auto 24px;padding:16px;width:calc(100% - 48px)}.action-btn{width:80%}.expenses-page .action-btn,.expenses-page .expensesbutton{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:16px;color:#fffdf7;padding:11px 18px}@media (max-width:1080px){.expenses-page{padding:16px}.expenses-page .purinfo,.expenses-page .purlst{min-height:auto;width:100%}}@media (max-width:720px){.expenses-left-filter-bar{grid-template-columns:1fr}.expenses-left-action-row{justify-content:stretch}.expenses-left-sync-btn{width:100%}.expenses-detail-intro,.expenses-sidebar-intro{padding:20px}.expenses-stat-row{grid-template-columns:1fr}}.expenses-page .purinfo{display:flex;flex-direction:column;min-height:0;padding-bottom:10px;position:relative}.expenses-active-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.expenses-active-meta span{background:#ffffffd6;border:1px solid #17382914;border-radius:999px;color:#173829;font-size:.82rem;font-weight:600;padding:8px 12px}.expenses-page .expenses-detail-intro{position:-webkit-sticky;position:sticky;top:0;z-index:3}.expenses-page .dept{align-items:flex-start;display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;position:relative}.expenses-page .dept:before{background:linear-gradient(180deg,#f7c75a,#2b6a4b);content:"";inset:0 auto 0 0;opacity:0;position:absolute;transition:opacity .2s ease;width:4px}.expenses-page .curview:before,.expenses-page .dept:hover:before{opacity:1}.expenses-page .sldets{grid-gap:8px;color:#173829;display:grid;gap:8px;padding-right:10px;width:100%}.expenses-page .deptdesc{font-size:.86rem;margin:0}.expenses-page .edit{align-items:center;background:#fff1f1fa;border:1px solid #bc33332e;border-radius:14px;color:#9b2525;display:inline-flex;font-size:.8rem;font-weight:700;justify-content:center;min-width:92px;padding:10px 12px}.expenses-page .purinfocontent{flex:1 1;height:auto;justify-content:space-between;margin:0 auto 18px;min-height:0;overflow:auto;padding-bottom:12px;width:calc(100% - 40px)}.expenses-page .expensesbuttom{bottom:18px;box-shadow:0 16px 32px #17382914;position:-webkit-sticky;position:sticky;z-index:3}.expenses-detail-add{background:linear-gradient(135deg,#173829,#2b6a4b);border-radius:50%;bottom:24px;color:#fffdf7;cursor:pointer;font-size:3em;left:auto;margin:0;padding:10px;position:absolute;right:24px;top:auto;z-index:4}.expenses-page .detail-mobile-back,.expenses-page .mobile-detail-trigger{display:none}.purinfo .formtitle.padtitle{background:linear-gradient(135deg,#fff8ea,#f2f7f2);border:1px solid #17382914;border-radius:22px;color:#173829;margin:18px auto 12px;padding:18px 20px;width:calc(100% - 40px)}@media (max-width:720px){.expenses-page .purinfo{padding-bottom:10px}.expenses-page .purinfocontent{grid-template-columns:1fr}.expenses-detail-add{bottom:18px;right:18px}}@media (max-width:1080px){.expenses-page{position:relative}.expenses-page .purlst{height:auto;min-height:calc(100vh - 32px);overflow:auto}.expenses-page .purinfo{height:calc(100dvh - 32px);inset:16px 12px;margin:0;max-height:calc(100dvh - 32px);opacity:0;pointer-events:none;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease;width:auto!important;z-index:3501}.expenses-page.mobile-detail-open .purinfo{opacity:1;pointer-events:auto;transform:translateY(0)}.expenses-page:after{background:#101f1800;content:"";inset:0;pointer-events:none;position:fixed;transition:background .25s ease;z-index:3500}.expenses-page.mobile-detail-open:after{background:#101f186b;pointer-events:auto}.expenses-page .expenses-detail-intro,.expenses-page .expenses-sidebar-intro{position:relative}.expenses-page .detail-mobile-back,.expenses-page .mobile-detail-trigger{align-items:center;background:#ffffffe6;border:1px solid #1738291f;border-radius:999px;color:#173829;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 14px}.expenses-page .mobile-detail-trigger{position:absolute;right:24px;top:24px;z-index:1}.expenses-page .detail-mobile-back{margin-bottom:14px}}.purtablecv{margin:50px auto}:root{--settings-primary:#173829;--settings-secondary:#2b6a4b;--settings-accent:#6af2ad;--settings-bg:#f8faf9;--settings-card-bg:#fff;--settings-text:#173829;--settings-text-muted:#17382999;--settings-shadow:0 10px 40px #17382914;--settings-radius:20px}.settings{background:#f8faf9;background:var(--settings-bg);color:#173829;color:var(--settings-text);display:flex;flex-direction:column;font-family:MontserratRegular,sans-serif;height:100%;overflow:hidden;position:relative}.saccess1{background:#0000;border:none;cursor:default;font-size:10px;height:20px;left:5px;opacity:.1;outline:none;position:absolute;top:5px;width:60px;z-index:100}.saccess1:focus{opacity:.5}.save-status{background:#173829;background:var(--settings-primary);border-radius:12px;box-shadow:0 15px 30px #17382933;color:#fff;font-size:14px;font-weight:700;padding:16px 32px;position:fixed;right:24px;top:24px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2000}.settings-nav{-ms-overflow-style:none;background:#fff;border-bottom:1px solid #1738290d;display:flex;gap:12px;overflow-x:auto;padding:24px 40px;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{background:#0000;border-radius:12px;color:#17382999;color:var(--settings-text-muted);cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .2s ease}.settings-nav-item:hover{background:#17382908;color:#173829;color:var(--settings-primary)}.settings-nav-item.active{background:#173829;background:var(--settings-primary);box-shadow:0 8px 16px #17382926;color:#fff}.accounting-settings,.employee-settings,.general-settings{display:flex;flex:1 1;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #1738290d;display:flex;flex-direction:column;padding:24px;width:320px}.sidebar-header{margin-bottom:32px}.sidebar-title{align-items:center;color:#17382999;color:var(--settings-text-muted);display:flex;font-size:14px;font-weight:800;gap:10px;letter-spacing:1.5px;margin-bottom:24px;text-transform:uppercase}.sidebar-title svg{color:#2b6a4b;color:var(--settings-secondary);font-size:18px}.add-profile-btn,.general-propSet-add{align-items:center;background:#6af2ad;background:var(--settings-accent);border:none;border-radius:12px;color:#173829;color:var(--settings-primary);cursor:pointer;display:flex;font-family:MontserratBold,sans-serif;font-weight:800;gap:8px;height:52px;justify-content:center;transition:all .2s ease;width:100%}.add-profile-btn:hover,.general-propSet-add:hover{box-shadow:0 8px 20px #6af2ad4d;transform:translateY(-2px)}.profile-list{flex:1 1;overflow-y:auto;padding-right:4px}.profile-list::-webkit-scrollbar{width:4px}.profile-list::-webkit-scrollbar-track{background:#0000}.profile-list::-webkit-scrollbar-thumb{background:#1738291a;border-radius:10px}.profile-item{background:#0000;border:1.5px solid #0000;border-radius:14px;cursor:pointer;margin-bottom:8px;padding:16px;transition:all .2s ease}.profile-item:hover{background:#2b6a4b0a}.profile-item-active{background:#fff;border-color:#2b6a4b1a;box-shadow:0 4px 15px #1738290d}.profile-item-info{display:flex;flex-direction:column;gap:4px}.profile-name{color:#173829;color:var(--settings-primary);font-size:15px;font-weight:800}.profile-id{color:#17382999;color:var(--settings-text-muted);font-size:11px;font-weight:600}.employee-details,.general-details{background:#f8faf9;background:var(--settings-bg);flex:1 1;overflow-y:auto;padding:40px}.settings-accounting-layout{width:100%}.settings-accounting-shell{max-width:1240px}.settings-accounting-hero{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.settings-accounting-copy{color:#17382999;color:var(--settings-text-muted);font-size:14px;line-height:1.6;margin:8px 0 0;max-width:760px}.settings-accounting-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.settings-accounting-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-accounting-card{background:#f8faf9;border:1px solid #1738290f;border-radius:18px;padding:24px}.settings-accounting-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.settings-accounting-card-header h3{color:#173829;color:var(--settings-primary);font-size:18px;margin:0}.settings-accounting-card-header span{color:#17382999;color:var(--settings-text-muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.settings-accounting-fields{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-accounting-table{grid-gap:12px;display:grid;gap:12px}.settings-accounting-row{grid-gap:16px;align-items:center;border-top:1px solid #1738290f;display:grid;gap:16px;grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr);padding:14px 0}.settings-accounting-row:first-child{border-top:none;padding-top:0}.settings-accounting-row-label{color:#173829;color:var(--settings-primary);font-size:14px;font-weight:700}.settings-accounting-empty{align-items:center;background:#f8faf9;border-radius:18px;color:#17382999;color:var(--settings-text-muted);display:flex;font-weight:700;justify-content:center;min-height:280px}.settings-content{display:flex;flex:1 1;overflow:hidden;position:relative}.employee-form,.form-card{background:#fff;border-radius:20px;border-radius:var(--settings-radius);box-shadow:0 10px 40px #17382914;box-shadow:var(--settings-shadow);max-width:960px;padding:48px}.form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:40px}.input-with-action{align-items:center;display:flex;position:relative}.view-pass-btn{background:#0000;border:none;color:#17382999;color:var(--settings-text-muted);cursor:pointer;display:flex;font-size:20px;position:absolute;right:16px}.pass-display-section{background:#2b6a4b08;border-radius:10px;cursor:pointer;font-size:13px;margin-top:12px;padding:12px 16px;transition:all .2s ease}.pass-display-section:hover{background:#2b6a4b0f}.pass-toggle-text{color:#2b6a4b;color:var(--settings-secondary);font-weight:700}.actual-pass{color:#173829;color:var(--settings-primary);font-family:monospace;font-weight:800;letter-spacing:.5px}.permissions-container{background:#f8faf9;border-radius:20px;margin-bottom:40px;padding:32px}.permission-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.permission-group{margin-bottom:32px}.permission-group:last-child{margin-bottom:0}.group-label{border-bottom:1px solid #2b6a4b1a;color:#2b6a4b;color:var(--settings-secondary);font-size:11px;font-weight:900;letter-spacing:2px;margin-bottom:16px;padding-bottom:8px;text-transform:uppercase}.form-toggles{background:#6af2ad0d;border:1px dashed #2b6a4b33;border-radius:16px;display:flex;gap:48px;margin-bottom:48px;padding:24px}.toggle-row{align-items:center;display:flex;justify-content:space-between}.section-divider{color:#173829;color:var(--settings-primary);font-size:12px;font-weight:800;margin:32px 0 16px;text-transform:uppercase}.form-actions{border-top:1px solid #1738290d;display:flex;gap:16px;padding-top:32px}.pos-settings-grid{margin-top:24px}.toggles-grid{grid-gap:16px;background:#2b6a4b08;border-radius:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:24px}.formtitle{align-items:center;color:#173829;color:var(--settings-primary);display:flex;font-family:MontserratBold,sans-serif;font-size:24px;gap:12px;margin-bottom:32px}.inpcov{margin-bottom:24px}.inpcov div:not(.toggle-switch,.slider){color:#17382999;color:var(--settings-text-muted);font-size:12px;font-weight:800;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.forminp{background:#f8faf9;border:1.5px solid #17382914;border-radius:12px;box-sizing:border-box;color:#173829;color:var(--settings-text);font-family:MontserratRegular,sans-serif;font-size:15px;height:52px;outline:none;padding:0 20px;transition:all .3s ease;width:100%}.forminp:focus{background:#fff;border-color:#2b6a4b;border-color:var(--settings-secondary);box-shadow:0 0 0 4px #2b6a4b0d}.permissions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:16px 0 32px}.permission-label{align-items:center;background:#f8faf9;border:1px solid #17382908;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.permission-label:hover{background:#f0f4f2;border-color:#1738291a}.permission-text{font-size:13px;font-weight:600}.toggle-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#e2e8e5;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0000001a;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#2b6a4b;background-color:var(--settings-secondary)}input:checked+.slider:before{transform:translateX(24px)}.cancel-action,.deletebtn,.savebtn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:15px;font-weight:800;height:56px;justify-content:center;margin:0;padding:0 40px;transition:all .2s ease}.savebtn{background:#173829;background:var(--settings-primary);box-shadow:0 8px 20px #17382926;color:#fff}.savebtn:hover{background:#2b6a4b;background:var(--settings-secondary);transform:translateY(-2px)}.deletebtn{background:#fff5f5;border:1.5px solid #ffe3e3;color:#d11212;margin-left:16px}.deletebtn:hover{background:#feebeb;border-color:#fcc}.general-body{border-bottom:1px solid #1738290d;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;padding-bottom:24px}.general-propSet{background:#f0f4f2;border:2px solid #0000;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;padding:10px 20px;transition:all .2s ease}.general-propSet:hover{background:#e8f0eb}.active-propSet{background:#fff;border-color:#173829;border-color:var(--settings-primary);color:#173829;color:var(--settings-primary)}.payroll-settings{box-sizing:border-box;width:100%}.addsection{display:flex;gap:12px}.addcolumn{align-items:center;background:#173829;background:var(--settings-primary);border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:700;height:52px;padding:0 24px}.addcolumn.dcol{background:#f0f3f1;color:#173829;color:var(--settings-primary)}.columnsbox{background:#f8faf9;border-radius:16px;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;min-height:100px;padding:20px}.col{background:#fff;border:1px solid #1738291a;border-radius:10px;display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 16px}.col,.delcol{align-items:center}.delcol{background:#feebeb;border-radius:50%;color:#d11212;display:inline-flex;font-size:10px;height:18px;justify-content:center;width:18px}@media (max-width:1000px){.accounting-settings,.employee-settings,.general-settings{flex-direction:column;overflow-y:auto}.sidebar{border-bottom:1px solid #1738290d;border-right:none;height:auto;padding:20px;width:100%}.profile-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;padding-right:0}.profile-item{flex-shrink:0;margin-bottom:0;min-width:200px;white-space:nowrap}.employee-details,.general-details{overflow:visible;padding:20px}.form-grid,.permission-grid,.toggles-grid{gap:20px;grid-template-columns:1fr}.settings-accounting-fields,.settings-accounting-grid,.settings-accounting-hero,.settings-accounting-row{flex-direction:column;grid-template-columns:1fr}.settings-accounting-hero{display:flex}.settings-accounting-actions{justify-content:stretch;width:100%}.settings-accounting-actions .savebtn{width:100%}.employee-form,.form-card{border-radius:12px;padding:24px}.form-toggles{flex-direction:column;gap:24px;padding:20px}.settings-nav{padding:16px 20px}.settings-nav-item{font-size:13px;padding:10px 16px}}.billing-settings{background:#f8faf9;background:var(--settings-bg);flex:1 1;overflow-y:auto}.settings-billing-shell{display:flex;flex-direction:column;gap:24px;padding:40px}.settings-billing-hero,.settings-billing-platform-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between}.settings-billing-kicker{color:#2b6a4b;color:var(--settings-secondary);font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.settings-billing-hero h2,.settings-billing-panel-header h3,.settings-billing-platform-header h3{color:#173829;color:var(--settings-primary);font-size:28px;margin:0}.settings-billing-copy,.settings-billing-panel-header p,.settings-billing-platform-header p{color:#17382999;color:var(--settings-text-muted);line-height:1.6;margin:10px 0 0;max-width:760px}.settings-billing-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.settings-billing-inline-btn,.settings-billing-secondary-btn{background:#fff;border:1px solid #1738291f;border-radius:14px;color:#173829;color:var(--settings-primary);cursor:pointer;font-family:inherit;font-weight:700;transition:all .2s ease}.settings-billing-secondary-btn{min-height:56px;padding:0 24px}.settings-billing-inline-btn:hover,.settings-billing-secondary-btn:hover{box-shadow:0 8px 20px #17382914;transform:translateY(-1px)}.settings-billing-summary-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.settings-billing-panel,.settings-billing-summary-card{background:#fff;border:1px solid #1738290f;border-radius:22px;box-shadow:0 10px 40px #17382914;box-shadow:var(--settings-shadow)}.settings-billing-summary-card{padding:24px}.settings-billing-summary-card strong{color:#173829;color:var(--settings-primary);display:block;font-size:24px;margin-top:10px}.settings-billing-summary-card p{color:#17382999;color:var(--settings-text-muted);line-height:1.5;margin:8px 0 0}.settings-billing-label{color:#2b6a4b;color:var(--settings-secondary);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.settings-billing-panels,.settings-billing-platform-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-billing-panel{padding:24px}.settings-billing-panel-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.settings-billing-table-wrap{overflow-x:auto}.settings-billing-table{border-collapse:collapse;min-width:680px;width:100%}.settings-billing-table td,.settings-billing-table th{border-bottom:1px solid #1738290f;padding:14px 12px;text-align:left;vertical-align:top}.settings-billing-table th{color:#17382999;color:var(--settings-text-muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.settings-billing-table td strong{color:#173829;color:var(--settings-primary);display:block;margin-bottom:4px}.settings-billing-table td span{color:#17382999;color:var(--settings-text-muted);font-size:12px}.settings-billing-inline-btn{padding:10px 14px}.settings-billing-badge{align-items:center;background:#17382914;border-radius:999px;color:#173829;color:var(--settings-primary);display:inline-flex;font-size:11px;font-weight:800;justify-content:center;letter-spacing:.06em;padding:8px 12px;text-transform:uppercase}.settings-billing-badge.active,.settings-billing-badge.paid{background:#2b6a4b24;color:#1a6a48}.settings-billing-badge.expiring_soon,.settings-billing-badge.pending,.settings-billing-badge.redirected{background:#e49b1a29;color:#8a5b02}.settings-billing-badge.expired,.settings-billing-badge.failed,.settings-billing-badge.inactive,.settings-billing-badge.suspended{background:#d112121f;color:#b11e1e}.settings-billing-empty{color:#17382999;color:var(--settings-text-muted);padding:26px 12px!important;text-align:center!important}.settings-billing-platform{background:linear-gradient(180deg,#fffffffa,#f5faf7fa);border:1px solid #1738290f;border-radius:28px;box-shadow:0 10px 40px #17382914;box-shadow:var(--settings-shadow);display:flex;flex-direction:column;gap:24px;padding:28px}.settings-billing-platform-note{background:#fff8e8;border:1px solid #e49b1a38;border-radius:18px;color:#8a5b02;padding:18px 20px}.settings-billing-form-panel{height:100%}.settings-billing-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-billing-form-grid label{color:#173829;color:var(--settings-text);display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:8px}.settings-billing-form-full{grid-column:1/-1}@media (max-width:1180px){.settings-billing-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-billing-panels,.settings-billing-platform-grid{grid-template-columns:1fr}}@media (max-width:1000px){.billing-settings{overflow:visible}.settings-billing-shell{padding:24px}.settings-billing-hero,.settings-billing-platform-header{flex-direction:column}.settings-billing-actions{justify-content:stretch;width:100%}.settings-billing-actions .savebtn,.settings-billing-actions .settings-billing-secondary-btn{width:100%}}@media (max-width:640px){.settings-billing-shell{padding:18px}.settings-billing-form-grid,.settings-billing-summary-grid{grid-template-columns:1fr}.settings-billing-panel,.settings-billing-platform{border-radius:18px;padding:18px}.settings-billing-hero h2,.settings-billing-panel-header h3,.settings-billing-platform-header h3{font-size:22px}}.journals-page{animation:fadeIn .4s ease;background-color:var(--secondaryBackground);color:#1f2937;color:var(--text-color,#1f2937);height:100vh;overflow-y:auto;padding:24px 32px;position:relative;width:100%}.journals-header{align-items:stretch;border-bottom:1px solid #0000000d;display:flex;flex-direction:column;gap:18px;margin-bottom:32px;padding-bottom:20px}.journals-title{color:#111827;color:var(--primary-color,#111827);font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.journals-subtitle{color:#6b7280;color:var(--secondary-text,#6b7280);font-size:15px;margin:0}.journals-tabs{align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-radius:12px;box-shadow:0 2px 10px #00000008;display:flex;flex-wrap:wrap;gap:12px;padding:6px}.journal-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.journal-tab:hover{background:#00000008;color:#111827}.journal-tab.active{background:#10b981;background:var(--pos-bg-main,#10b981);box-shadow:0 4px 12px #10b9814d;color:#fff}.journal-tab svg{font-size:18px}.coa-toolbar{gap:16px;justify-content:space-between}.coa-search-box{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:10px;box-shadow:0 2px 10px #0000000a;display:flex;flex:1 1;max-width:400px;min-width:300px;padding:0 16px;transition:all .3s ease}.coa-search-box:focus-within{border-color:#10b981;border-color:var(--pos-bg-main,#10b981);box-shadow:0 0 0 3px #10b98126}.coa-search-icon{color:#9ca3af;font-size:22px}.coa-search-box input{background:#0000;border:none;font-size:14px;outline:none;padding:14px 12px;width:100%}.coa-filters{gap:12px}.coa-filter-group,.coa-filters{align-items:center;display:flex}.coa-filter-group{background:#fff;border:1px solid #0000000d;border-radius:10px;box-shadow:0 2px 10px #00000005;padding:0 12px}.coa-filter-icon{color:#6b7280;margin-right:8px}.coa-filter-group select{background:#0000;color:#374151;font-weight:500;outline:none;padding:12px 8px}.coa-add-btn,.coa-filter-group select{border:none;cursor:pointer;font-size:14px}.coa-add-btn{align-items:center;background:#10b981;background:var(--pos-bg-main,#10b981);border-radius:10px;box-shadow:0 4px 12px #10b98133;color:#fff;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.coa-add-btn:hover{box-shadow:0 6px 16px #10b9814d;transform:translateY(-2px)}.coa-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000a;min-height:200px;overflow:hidden;padding:8px;position:relative}.balances-loading-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffb3;bottom:0;color:#10b981;color:var(--pos-bg-main,#10b981);display:flex;flex-direction:column;font-size:15px;font-weight:600;gap:12px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #10b9811a;border-radius:50%;border-top-color:#10b981;border-top:3px solid var(--pos-bg-main,#10b981);height:32px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.coa-table{border-collapse:initial;border-spacing:0;text-align:left;width:100%}.coa-table th{background:#f9fafbcc;border-bottom:2px solid #f3f4f6;color:#4b5563;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-transform:uppercase}.coa-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:14px;padding:16px 20px;vertical-align:middle}.coa-table tbody tr{transition:all .2s ease}.coa-table tbody tr:hover{background-color:#f9fafb}.coa-table tbody tr:last-child td{border-bottom:none}.coa-table .num-col{white-space:nowrap}.coa-totals-row{background:#f0fdf4;border-top:2px solid #d1fae5}.coa-totals-row td{border-bottom:none;color:#111827;font-size:14px;padding:14px 20px}.coa-code-cell{background:#f3f4f6;border-radius:6px;color:#4b5563;font-family:Courier New,Courier,monospace;font-weight:700;padding:6px 12px!important}.coa-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.badge-asset{background:#3b82f61a;color:#2563eb}.badge-liability{background:#ef44441a;color:#dc2626}.badge-equity{background:#8b5cf61a;color:#7c3aed}.badge-revenue{background:#10b9811a;color:#059669}.badge-expense{background:#f59e0b1a;color:#d97706}.badge-n\/a{background:#f3f4f6;color:#6b7280}.sortable{cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.sortable:hover{background:#0000000d}.expand-icon{color:#3498db;cursor:pointer;display:inline-block;font-size:.8em;margin-right:5px;transition:transform .2s;width:20px}.expand-icon:hover{color:#2980b9}.coa-row-header{background-color:#f1f4f9;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.coa-row-header td{border-bottom:2px solid #3498db;border-top:2px solid #3498db;color:#1a252f}.coa-row-sub-header{background-color:#fff;border-bottom:1px solid #e9ecef;font-weight:700}.coa-row-sub-header td{color:#2c3e50}.coa-row-leaf{font-weight:400}.coa-row-leaf:hover{background-color:#f8f9fa!important}.coa-row-header:hover,.coa-row-sub-header:hover{background-color:#e8ecf1!important}.coa-name-cell{color:#111827;font-weight:600}.num-col.balance-clickable{color:#3498db;cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.num-col.balance-clickable:hover{background:#3498db0d;color:#2980b9}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;transition:all .2s ease;width:34px}.action-btn.edit{background:#3b82f61a;color:#3b82f6}.action-btn.edit:hover{background:#3b82f6;color:#fff}.action-btn.delete{background:#ef44441a;color:#ef4444}.action-btn.delete:hover{background:#ef4444;color:#fff}.coa-loading{padding:40px}.coa-empty-state,.coa-loading{color:#6b7280;text-align:center}.coa-empty-state{font-style:italic;padding:60px 20px!important}.journal-empty-state{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000a;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.journal-empty-icon{color:#10b981;color:var(--pos-bg-main,#10b981);font-size:64px;margin-bottom:20px;opacity:.2}.journal-empty-state h3{color:#111827;font-size:24px;margin:0 0 12px}.journal-empty-state p{color:#6b7280;line-height:1.6;margin:0;max-width:400px}.fade-in{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.journals-header{align-items:flex-start;flex-direction:column;gap:20px}.coa-toolbar{align-items:stretch;flex-direction:column}.coa-search-box{max-width:none}.coa-table-wrapper{overflow-x:auto}}.journals-modal-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:24px;position:absolute;top:0;width:100%;z-index:1000}.journals-modal{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:100%}.journals-modal.modal-large{max-width:800px}.journals-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 24px}.journals-modal-header h2{color:#111827;font-size:18px;margin:0}.journals-modal-close{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:color .2s ease}.journals-modal-close:hover{color:#111827}.journals-modal-body{max-height:70vh;overflow-y:auto;padding:24px}.journals-modal-footer{background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.j-form-row{gap:16px}.j-form-group,.j-form-row{display:flex;margin-bottom:16px}.j-form-group{flex:1 1;flex-direction:column;gap:8px}.j-form-group.flex-2{flex:2 1}.j-form-group label{color:#4b5563;font-size:13px;font-weight:600}.j-form-group input,.j-form-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;transition:all .2s ease}.j-form-group input:focus,.j-form-group select:focus{border-color:#10b981;border-color:var(--pos-bg-main,#10b981);box-shadow:0 0 0 3px #10b9811a}.j-form-group input:disabled,.j-form-group select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.j-lines-table{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;overflow:hidden}.j-lines-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#4b5563;display:flex;font-size:13px;font-weight:600;padding:12px}.j-line-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:8px 12px}.j-line-row:last-child{border-bottom:none}.jl-acc{flex:3 1}.jl-amt{flex:1 1}.jl-act{display:flex;justify-content:center;width:40px}.jl-acc select,.jl-amt input{background:#0000;border:1px solid #0000;border-radius:6px;font-size:14px;padding:8px;width:100%}.jl-acc select:hover,.jl-amt input:hover{background:#f9fafb;border-color:#e5e7eb}.jl-acc select:focus,.jl-amt input:focus{background:#fff;border-color:#10b981;border-color:var(--pos-bg-main,#10b981);box-shadow:0 0 0 2px #10b9811a;outline:none}.j-add-line-btn{background:#f9fafb;border:none;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:600;padding:12px;transition:background .2s ease;width:100%}.j-add-line-btn:hover{background:#f3f4f6}.j-lines-summary{display:flex;justify-content:flex-end}.j-summary-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;font-size:14px;gap:8px;min-width:200px;padding:16px;text-align:right}.j-summary-box.success{background:#10b9810d;border-color:#10b98133;color:#059669}.j-summary-box.error{background:#ef44440d;border-color:#ef444433;color:#dc2626}.j-diff{font-size:12px;font-weight:600;margin-top:4px}.j-btn-primary{background:#10b981;background:var(--pos-bg-main,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.j-btn-primary:hover:not(:disabled){background:#059669}.j-btn-primary:disabled{cursor:not-allowed;opacity:.6}.j-btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.j-btn-secondary:hover{background:#f9fafb;color:#111827}.j-btn-icon{background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:18px;padding:4px;transition:all .2s ease}.j-btn-icon:hover:not(:disabled){background:#ef44441a;color:#ef4444}.j-btn-icon:disabled{cursor:not-allowed;opacity:.3}.header-closing-panel{margin-top:0}.closing-toolbar,.header-closing-panel{align-items:stretch;display:flex;width:100%}.closing-toolbar{background:#ffffffe6;border:1px solid #94a3b82e;border-radius:16px;box-shadow:0 6px 18px #0000000a;flex-direction:column;gap:14px;padding:14px 16px}.closing-toolbar.collapsed{max-width:56px;overflow:hidden;padding:8px;width:auto}.closing-toolbar-head{align-items:flex-start;display:flex;gap:12px;width:100%}.closing-toggle{align-items:center;background:#0000;border:1px solid #0000000f;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;width:40px}.closing-meta{flex:1 1;min-width:0}.closing-line{align-items:center;color:#334155;display:flex;flex-wrap:wrap;font-size:14px;gap:8px;line-height:1.5}.closing-line+.closing-line{margin-top:4px}.closing-loading{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:600;min-height:36px}.closing-actions{align-items:center;border-top:1px solid #e2e8f0e6;display:flex;flex-wrap:wrap;gap:10px;padding-top:14px;width:100%}.j-btn-danger{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px}.j-btn-danger:hover:not(:disabled){background:#dc2626}.coa-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.coa-table{min-width:960px}.coa-table td,.coa-table th{white-space:nowrap}.coa-table td:first-child,.coa-table th:first-child{min-width:90px;width:90px}.coa-table .coa-name-cell{min-width:160px;white-space:normal}.coa-table .num-col{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:110px;text-align:right;width:110px}.bal-clickable{border-radius:6px;cursor:pointer;transition:background .15s ease,transform .1s ease;-webkit-user-select:none;user-select:none}.bal-clickable:hover{background:#0000000d;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transform:scale(1.02)}.dd-modal{display:flex;flex-direction:column;max-height:90vh;max-width:860px}.dd-subtitle{color:#6b7280;font-size:13px;margin:4px 0 0}.dd-side-label{color:#374151;font-weight:700;text-transform:capitalize}.dd-body{overflow-y:auto;padding:16px 20px}.dd-empty{color:#9ca3af;font-size:14px;padding:40px 0;text-align:center}.dd-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.dd-table th{background:#f9fafb;border-bottom:2px solid #f3f4f6;color:#4b5563;font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 14px;text-transform:uppercase}.dd-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;padding:10px 14px;vertical-align:middle}.dd-table tbody tr:hover{background:#f9fafb}.dd-date{color:#6b7280;font-size:12px;white-space:nowrap}.dd-desc{max-width:320px;white-space:normal;word-break:break-word}.dd-debit{color:#1d4ed8;font-weight:600}.dd-credit{color:#7c3aed;font-weight:600}.dd-totals td{background:#f0fdf4;border-bottom:none;border-top:2px solid #d1fae5;font-size:13px;padding:10px 14px}.dd-source-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.4px;padding:3px 10px;text-transform:uppercase}.src-journal{background:#3b82f61a;color:#2563eb}.src-expenses{background:#f59e0b1a;color:#d97706}.src-inventory{background:#10b9811a;color:#059669}.init-modal{max-width:520px}.init-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.init-step{align-items:center;border-radius:10px;display:flex;font-size:14px;gap:12px;padding:10px 14px;transition:all .3s ease}.step-pending{background:#f9fafb;color:#6b7280}.step-success{background:#f0fdf4;color:#166534}.step-error{background:#fef2f2;color:#991b1b}.init-step-icon{flex-shrink:0;font-size:16px;text-align:center;width:24px}.init-step-label{flex:1 1}.init-progress-bar{background:#e5e7eb;border-radius:99px;height:6px;margin-top:8px;overflow:hidden}.init-progress-fill{animation:progressPulse 1.4s ease-in-out infinite;background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:99px;height:100%;width:60%}@keyframes progressPulse{0%{opacity:.8;width:20%}50%{opacity:1;width:80%}to{opacity:.8;width:20%}}.init-done-msg{border-radius:10px;font-size:14px;margin-top:16px;padding:14px 18px}.init-done-msg.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.init-done-msg.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.coa-date-range{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;gap:8px;margin-left:12px;padding:6px 12px}.coa-date-range input{background:#0000;border:none;color:#374151;cursor:pointer;font-size:13px;outline:none}.coa-date-range span{color:#9ca3af;font-size:12px;font-weight:500}.coa-refresh-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#6b7280;cursor:pointer;display:flex;height:42px;justify-content:center;margin-left:auto;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px}.coa-refresh-btn:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6;transform:rotate(180deg)}.coa-refresh-btn:active{transform:scale(.95) rotate(180deg)}.coa-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.coa-actions{gap:8px;min-width:80px;padding:4px 8px}.coa-action-btn,.coa-actions{display:flex;justify-content:center}.coa-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#6b7280;cursor:pointer;font-size:16px;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.coa-action-btn:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.coa-action-btn:active{transform:scale(.95)}.coa-action-btn.edit:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.coa-action-btn.delete:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.coa-action-btn svg{display:block}.coa-table td.coa-actions{vertical-align:middle}.analysis-summary-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.analysis-card{background:#fff;box-shadow:0 4px 15px #0000000d;text-align:center}.analysis-card span{color:#6b7280;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.analysis-card h3{font-size:24px;font-weight:700;margin:8px 0 0}.analysis-card.balanced h3{color:#059669}.analysis-card.unbalanced h3{color:#dc2626}.unbalanced-list{background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;padding:24px}.analysis-note{color:#991b1b;font-size:14px;margin-bottom:16px}.analysis-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.analysis-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:12px;padding:12px 16px}.analysis-table td{border-bottom:1px solid #f3f4f6;font-size:14px;padding:12px 16px}.doc-id-link{color:#1d4ed8}.doc-source-tag{color:#6b7280;font-size:11px}.analysis-success{padding:48px;text-align:center}.success-icon{align-items:center;background:#ecfdf5;border-radius:50%;color:#10b981;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.coa-actions-group{align-items:center;display:flex;gap:16px}.coa-export-btns{border-right:1px solid #e5e7eb;padding-right:16px}.coa-export-btns,.coa-main-btns{display:flex;gap:8px}.coa-totals-row{background:#f8fafc!important;border-top:2px solid #e2e8f0}.coa-totals-row td{font-size:15px!important;padding:16px 12px!important}.num-col{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:130px;padding-right:16px!important;text-align:right}.init-btn{background:#3b82f6!important}.init-btn:hover{background:#2563eb!important}.coa-tb-net{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:6px;justify-content:flex-end;padding:4px 8px;transition:background .2s;white-space:nowrap}.coa-tb-net:hover{background:#00000008;text-decoration:underline}.tb-icon{font-size:16px;opacity:.6}.coa-filter-bar{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.reports-wrapper{animation:fadeIn .4s ease;display:flex;gap:24px;height:calc(100vh - 200px)}.reports-nav{display:flex;flex-direction:column;gap:8px;width:200px}.reports-nav button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;text-align:left;transition:all .2s ease}.reports-nav button:hover{background:#f9fafb;border-color:#d1d5db}.reports-nav button.active{background:#10b981;border-color:#10b981;box-shadow:0 4px 12px #10b98133;color:#fff}.report-content-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.report-card-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:24px 32px}.report-titles h2{color:#111827;font-size:20px;font-weight:700;margin:0}.report-period{color:#6b7280;font-size:13px;margin:4px 0 0}.report-btns{display:flex;gap:12px}.pl-body,.tb-body{flex:1 1;overflow-y:auto;padding:32px}.pl-sect{margin-bottom:24px}.pl-sect-head{border-bottom:2px solid #f3f4f6;color:#9ca3af;font-size:12px;font-weight:800;letter-spacing:1px;margin-bottom:12px;padding-bottom:4px}.pl-line{color:#374151;font-size:14px;padding:8px 0}.pl-line,.pl-subtotal{display:flex;justify-content:space-between}.pl-subtotal{border-top:1px solid #f3f4f6;font-weight:700;margin-top:4px;padding:12px 0}.pl-major-row{border-radius:8px;display:flex;font-weight:800;justify-content:space-between;margin:16px 0;padding:16px 20px}.pl-major-row.gross{background:#f0fdf4;color:#166534}.pl-major-row.net{background:#111827;color:#fff}.report-grid{border-collapse:collapse;width:100%}.report-grid th{background:#f9fafb;color:#6b7280;font-size:12px;padding:12px 16px;text-align:left}.report-grid td{border-bottom:1px solid #f3f4f6;padding:12px 16px}.tb-code{color:#1d4ed8;font-family:monospace;font-weight:700;margin-right:12px}.num{text-align:right}.categorical-analysis{border-top:1px solid #f3f4f6;margin-top:32px;padding-top:24px}.analysis-dashboard{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.analysis-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.analysis-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.analysis-card.balanced{background:#f0fdf4;border-color:#bbf7d0}.analysis-card.unbalanced{background:#fef2f2;border-color:#fecaca}.card-label{color:#64748b;display:block;font-size:13px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.card-val{color:#1e293b;font-size:24px;font-weight:700;margin:0}.categorical-explanation{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:24px}.categorical-explanation h3{font-size:18px;margin:0 0 8px}.categorical-explanation p{color:#64748b;font-size:14px;margin-bottom:20px}.analysis-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.analysis-stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 4px #00000005;gap:12px;padding:16px}.analysis-stat-card,.stat-body{display:flex;flex-direction:column}.stat-body{gap:4px}.stat-label{color:#94a3b8;font-size:11px;font-weight:700;text-transform:uppercase}.stat-value{color:#334155;font-size:16px;font-weight:700}.stat-value.neg{color:#dc2626}.stat-value.pos{color:#059669}.unbalanced-section{border-top:1px solid #f1f5f9;padding-top:24px}.analysis-table-wrapper{overflow-x:auto}.analysis-table{border-collapse:collapse;font-size:13px;width:100%}.analysis-table th{background:#f8fafc;color:#64748b;font-weight:600;padding:12px;text-align:left}.analysis-table td{border-bottom:1px solid #f1f5f9;padding:12px}.doc-id-link{color:#3b82f6;font-family:monospace;font-weight:600}.doc-source-tag{color:#94a3b8;font-size:10px;text-transform:uppercase}.cat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:16px}.cat-stat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.cat-name{color:#6b7280;font-weight:700;text-transform:uppercase}.cat-name,.cat-vals{font-size:12px;margin-bottom:8px}.cat-vals{color:#374151;display:flex;flex-direction:column}.cat-net{color:#111827;font-size:14px;font-weight:700}.journals-header-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;width:100%}.background-sync-badge{align-items:center;animation:fadeIn .3s ease;background:#eff6ff;border:1px solid #bfdbfe;border-radius:30px;box-shadow:0 4px 6px -1px #0000001a;color:#1e40af;display:flex;font-size:12px;font-weight:600;gap:10px;margin-top:10px;padding:8px 16px}.sync-spinner-small{animation:spin .8s linear infinite;border:2px solid #3b82f6;border-radius:50%;border-top-color:#0000;height:12px;width:12px}.coa-refresh-btn.is-syncing{background:#eff6ff!important;color:#3b82f6!important}.coa-refresh-btn.is-syncing svg{animation:spin 1s linear infinite}.coa-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-weight:500;gap:16px;justify-content:center;padding:80px 20px}.formpage{background:#fff;height:100vh;overflow:auto;position:relative;width:100vw}.backtologin{background:#fff;border:1.5px solid brown;border-radius:5px;cursor:pointer;font-size:.8em;font-weight:700;left:0;padding:5px 12px;position:fixed;top:0;z-index:2}.actionbtns{display:flex;justify-content:space-between;margin:20px auto;width:90%}.upload{font-size:.7em}.analyze{background-color:aqua}.analyze,.export{border-radius:5px;cursor:pointer;padding:7px 10px}.export{background-color:#adff2f}.datatable{display:block;margin:20px auto;overflow:auto;width:90%}td,th{border:1px solid #000;padding:10px 20px;position:relative}.red{color:red}.bold{font-weight:700}.green{color:#10ba35}.viewcov{background:blue;display:flex;position:relative;width:100%}.viewtag{bottom:2px;cursor:pointer;font-size:.8em;position:absolute;right:5px}.viewinfo{background:#fff;border-radius:10px;display:block;height:80vh;left:50%;padding:20px 50px;position:fixed;top:50%;transform:translate(-50%,-50%);width:300px;z-index:7}.abspres{display:flex;justify-content:space-around;margin-bottom:20px;width:100%}.abspres>div{cursor:pointer;margin-top:20px}.infoheader{font-weight:700}.infoName,.infoheader{margin:10px auto;width:-webkit-fit-content;width:fit-content}.info{height:70%;margin-top:20px;overflow:auto}.info>div{border-bottom:1px solid #000;margin:auto 10px;padding:10px}.close{cursor:pointer;font-size:1.8em;position:absolute;right:10px;top:10px}.dtflt{background:#9b9ba7cc;display:flex;margin:auto;padding:10px;width:90%}.fltbx{background:#fff;border-radius:10px;margin:auto;text-align:center;width:30%}.flttle{background:grey;color:#fff;font-size:.8em;padding:5px}.fltctnt{background:#f5f5f5;font-size:.9em;padding:10px}.hlcv{display:flex;flex-wrap:wrap;height:70px;overflow:auto;text-align:center;width:100%}.xcards{cursor:pointer;left:-7px;opacity:0;position:absolute;top:-7px;transform:opacity .5s ease-in;z-index:2}.holiday{background:#f8f8ff;display:block;margin:5px auto;padding:auto 10px;position:relative;width:70px}.holiday:hover>.xcards{opacity:1}.empfilter{background:#f8f8ff;display:block;height:-webkit-fit-content;height:fit-content;margin:5px auto;padding:auto;position:relative;width:100px}.empfilter:hover>.xcards{opacity:1}.shdates{bottom:-12px;cursor:pointer;font-size:.8em;left:50%;position:absolute;transform:translate(-50%);z-index:3}.selector{cursor:pointer;margin:5px auto 10px;width:95px}.selector>.hlvl{font-size:.8em}.hlvl{font-size:.9em}.hldesc{font-size:.7em;margin:2px auto}.fltinp{display:flex;margin:10px auto;text-align:center;width:100%}.dtinp{font-size:.8em;height:25px;margin:auto;text-indent:3px;width:30%}.empinp{width:60%}.addflt{background:#7979cc;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;margin:auto;padding:5px 20px}:root{--ca-sidebar:#0f172a;--ca-sidebar-active:#ffffff1a;--ca-primary:#10b981;--ca-primary-hover:#059669;--ca-accent:#6366f1;--ca-danger:#ef4444;--ca-warning:#f59e0b;--ca-bg:#f1f5f9;--ca-surface:#fff;--ca-border:#e2e8f0;--ca-text:#1e293b;--ca-text-muted:#64748b;--ca-radius:12px;--ca-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--ca-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}*{box-sizing:border-box}body{background-color:#f1f5f9;background-color:var(--ca-bg);color:#1e293b;color:var(--ca-text);margin:0}.ca-shell{display:grid;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;grid-template-columns:280px 1fr;max-width:100%;min-height:100vh;overflow-x:hidden;transition:grid-template-columns .3s ease;width:100vw}.ca-shell.collapsed{grid-template-columns:80px 1fr}.ca-sidebar{background:#0f172a;background:var(--ca-sidebar);color:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:32px 20px 80px;position:-webkit-sticky;position:sticky;position:relative;scroll-behavior:smooth;scrollbar-color:#fff3 #0000;scrollbar-width:thin;top:0;transition:width .3s ease,padding .3s ease,left .3s ease;width:100%;z-index:100}.ca-sidebar.collapsed{align-items:center;padding:32px 10px 80px}.ca-collapse-toggle{align-items:center;background:#10b981;background:var(--ca-primary);border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#0f172a;color:var(--ca-sidebar);cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-12px;top:20px;width:24px;z-index:101}.ca-sidebar.collapsed .ca-collapse-toggle{right:50%;top:80px;transform:translateX(50%)}.ca-brand{align-items:center;display:flex;gap:12px;margin-bottom:48px}.ca-sidebar.collapsed .ca-brand{justify-content:center;margin-bottom:32px}.ca-brand-mark{align-items:center;background:#10b981;background:var(--ca-primary);border-radius:10px;color:#0f172a;color:var(--ca-sidebar);display:flex;flex-shrink:0;font-size:18px;font-weight:800;height:40px;justify-content:center;width:40px}.ca-brand strong{font-size:20px;letter-spacing:-.02em}.ca-brand span{color:#ffffff80;display:block;font-size:12px;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.ca-nav{display:flex;flex-direction:column;gap:4px}.ca-nav-item{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--ca-radius);color:#ffffffb3;cursor:pointer;display:flex;font-weight:500;gap:12px;overflow:hidden;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.ca-sidebar.collapsed .ca-nav-label{display:none}.ca-sidebar.collapsed .ca-nav-item{justify-content:center;padding:12px}.ca-nav-icon{align-items:center;display:flex;font-size:20px;justify-content:center;min-width:24px}.ca-nav-item:hover{background:#ffffff0d;color:#fff}.ca-nav-item.active{background:#ffffff1a;background:var(--ca-sidebar-active);box-shadow:inset 2px 0 0 #10b981;box-shadow:inset 2px 0 0 var(--ca-primary);color:#fff}.ca-sidebar-footer{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:24px}.ca-sidebar.collapsed .ca-sidebar-footer{align-items:center;padding:24px 0 0}.ca-logout-btn{align-items:center;background:#ef44441a;border:none;border-radius:8px;color:#f87171;cursor:pointer;display:flex;font-weight:600;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.ca-sidebar.collapsed .ca-logout-btn{height:48px;justify-content:center;padding:0;width:48px}.ca-logout-btn:hover{background:#ef444433}.ca-main{height:100vh;margin:0;min-width:0;overflow-y:auto;padding:40px;scroll-behavior:smooth;scrollbar-color:#fff3 #0000;scrollbar-width:thin;width:100%}.ca-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:40px}.ca-header h2{font-size:32px;font-weight:800;letter-spacing:-.03em;margin:0 0 8px}.ca-header p{color:#64748b;color:var(--ca-text-muted);font-size:16px;margin:0}.ca-header-actions{align-items:center;display:flex;gap:16px}.ca-search-wrap{position:relative}.ca-search{background:#fff;background:var(--ca-surface);border:1px solid #e2e8f0;border:1px solid var(--ca-border);border-radius:12px;border-radius:var(--ca-radius);font-family:inherit;font-size:14px;height:44px;min-width:300px;padding:0 16px 0 40px;transition:all .2s}.ca-search:focus{border-color:#10b981;border-color:var(--ca-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.ca-header-chips{display:flex;gap:12px}.ca-header-chip{background:#fff;background:var(--ca-surface);border:1px solid #e2e8f0;border:1px solid var(--ca-border);border-radius:12px;border-radius:var(--ca-radius);display:flex;flex-direction:column;min-width:100px;padding:8px 16px}.ca-header-chip span{color:#64748b;color:var(--ca-text-muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ca-header-chip strong{color:#1e293b;color:var(--ca-text);font-size:18px}.ca-summary-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}@media (max-width:1200px){.ca-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.ca-summary-grid{grid-template-columns:1fr}}.ca-card{background:#fff;background:var(--ca-surface);border:1px solid #e2e8f0;border:1px solid var(--ca-border);border-radius:12px;border-radius:var(--ca-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--ca-shadow);padding:24px;transition:transform .2s}.ca-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--ca-shadow-lg);transform:translateY(-2px)}.ca-card span{color:#64748b;color:var(--ca-text-muted);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.ca-card strong{display:block;font-size:32px;font-weight:800;letter-spacing:-.02em;margin:12px 0 8px}.ca-card p{color:#64748b;color:var(--ca-text-muted);font-size:14px;margin:0}.ca-grid-two{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:40px}@media (max-width:1200px){.ca-grid-two{grid-template-columns:1fr}}.ca-panel{background:#fff;background:var(--ca-surface);border:1px solid #e2e8f0;border:1px solid var(--ca-border);border-radius:12px;border-radius:var(--ca-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--ca-shadow);overflow:auto;width:100%}.ca-panel-head{align-items:center;background:#f8fafc80;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ca-border);display:flex;justify-content:space-between;padding:20px 24px}.ca-panel-head h3{font-size:18px;font-weight:700;margin:0}.ca-panel-content{padding:24px}.ca-table-wrap{overflow-x:auto;width:100%}.ca-table{border-collapse:collapse;overflow:auto;text-align:left;width:100%;width:50%}.ca-table.wide{min-width:1000px}.ca-table th{background:#f1f5f9;background:var(--ca-bg);color:#64748b;color:var(--ca-text-muted);font-size:12px;font-weight:700;padding:12px 24px;text-transform:uppercase}.ca-table td,.ca-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ca-border)}.ca-table td{font-size:14px;padding:16px 24px}.ca-table tr:last-child td{border-bottom:none}.ca-table tr:hover{background:#f1fff980}.ca-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.ca-badge.active,.ca-badge.paid,.ca-badge.trial_active{background:#d1fae5;color:#065f46}.ca-badge.expired,.ca-badge.failed,.ca-badge.suspended{background:#fee2e2;color:#991b1b}.ca-badge.expiring,.ca-badge.pending{background:#fef3c7;color:#92400e}.ca-primary-btn{background:#10b981;background:var(--ca-primary);border:none;border-radius:12px;border-radius:var(--ca-radius);color:#fff;cursor:pointer;font-weight:600;height:44px;margin:10px;padding:0 24px;transition:all .2s}.ca-primary-btn:hover{background:#059669;background:var(--ca-primary-hover);transform:translateY(-1px)}.ca-inline-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ca-border);border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s}.ca-inline-btn:hover{background:#f1f5f9;background:var(--ca-bg);border-color:#64748b;border-color:var(--ca-text-muted)}.ca-inline-btn.danger{border-color:#fecaca;color:#ef4444;color:var(--ca-danger)}.ca-inline-btn.danger:hover{background:#fef2f2}.ca-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.ca-form-grid label{color:#64748b;color:var(--ca-text-muted);display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:8px}.ca-form-grid input,.ca-form-grid select{border:1px solid #e2e8f0;border:1px solid var(--ca-border);border-radius:8px;font-family:inherit;font-size:14px;height:44px;padding:0 12px;transition:border-color .2s;width:100%}.ca-form-grid input:focus{border-color:#10b981;border-color:var(--ca-primary);outline:none}.ca-form-grid .full{grid-column:1/-1}.ca-alert{border-radius:12px;border-radius:var(--ca-radius);font-size:14px;font-weight:500;margin-top:20px;padding:16px}.ca-alert.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.ca-alert.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.ca-login-page{align-items:center;background:#0f172a;background:var(--ca-sidebar);display:flex;justify-content:center;min-height:100vh}.ca-login-card{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;max-width:440px;padding:48px;width:100%}.ca-login-card h1{font-size:28px;font-weight:800;letter-spacing:-.03em;margin:0 0 8px}.ca-login-card p{color:#64748b;color:var(--ca-text-muted);margin:0 0 32px}.ca-trial-control-card{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--ca-border);border-radius:12px;border-radius:var(--ca-radius);padding:24px}.ca-trial-control-head h4{font-size:16px;margin:0 0 4px}.ca-trial-control-head p{color:#64748b;color:var(--ca-text-muted);font-size:14px;margin:0 0 20px}.ca-inline-action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.ca-plan-editor{grid-gap:32px;display:grid;gap:32px}.ca-plan-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ca-border);border-radius:12px;border-radius:var(--ca-radius);padding:24px}.ca-plan-card-head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.ca-plan-price-info{text-align:right}.ca-plan-price-info strong{color:#10b981;color:var(--ca-primary);display:block;font-size:24px}@media (max-width:1024px){.ca-shell,.ca-shell.collapsed{grid-template-columns:1fr}.ca-sidebar{display:none}.ca-sidebar.open{display:flex;height:calc(100vh - 60px);left:0;position:fixed;top:60px;width:280px;z-index:1001}.ca-collapse-toggle{display:none}}@media (max-width:640px){.ca-main{padding:20px}.ca-panel-content{padding:16px}}.ca-loading{align-items:center;background:#f1f5f9;background:var(--ca-bg);color:#64748b;color:var(--ca-text-muted);display:flex;font-family:Inter,sans-serif;font-size:15px;justify-content:center;min-height:100vh}.ca-login-kicker{color:#10b981;color:var(--ca-primary);font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.ca-login-form{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.ca-login-form label{color:#64748b;color:var(--ca-text-muted);display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px}.ca-login-form input{border:1.5px solid #e2e8f0;border:1.5px solid var(--ca-border);border-radius:10px;color:#1e293b;color:var(--ca-text);font-family:inherit;font-size:15px;height:48px;padding:0 14px;transition:border-color .2s,box-shadow .2s}.ca-login-form input:focus{border-color:#10b981;border-color:var(--ca-primary);box-shadow:0 0 0 3px #10b9811f;outline:none}.ca-login-form button{background:#10b981;background:var(--ca-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;height:52px;margin-top:4px;transition:background .2s,transform .15s}.ca-login-form button:hover:not(:disabled){background:#059669;background:var(--ca-primary-hover);transform:translateY(-1px)}.ca-default-cred{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--ca-border);border-radius:8px;color:#64748b;color:var(--ca-text-muted);font-size:13px;margin-top:20px;padding:12px 14px}.ca-login-points{display:flex;flex-direction:column;gap:10px;margin-top:24px}.ca-login-points div{align-items:baseline;display:flex;gap:8px}.ca-login-points strong{color:#1e293b;color:var(--ca-text);font-size:13px}.ca-login-points span{color:#64748b;color:var(--ca-text-muted);font-size:13px}.ca-admin-badge{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:24px;padding:12px 14px}.ca-sidebar.collapsed .ca-admin-badge{display:none}.ca-admin-badge strong{color:#fff;display:block;font-size:14px}.ca-admin-badge span{color:#ffffff73;font-size:12px}.ca-ghost-btn{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;color:#fff9;cursor:pointer;display:block;font-size:13px;font-weight:500;margin-bottom:10px;padding:10px 16px;text-align:left;transition:all .2s;width:100%}.ca-sidebar.collapsed .ca-ghost-btn{align-items:center;display:flex;font-size:18px;height:48px;justify-content:center;padding:0;width:48px}.ca-ghost-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.ca-page-kicker{color:#10b981;color:var(--ca-primary);font-size:12px;font-weight:700;letter-spacing:.07em;margin-bottom:6px;text-transform:uppercase}.ca-card-accent{border-top:3px solid #10b981;border-top:3px solid var(--ca-primary)}.ca-card-accent.danger{border-top-color:#ef4444;border-top-color:var(--ca-danger)}.ca-table tbody tr.selected{background:#f0fdf4}.ca-empty{color:#64748b;color:var(--ca-text-muted);font-size:14px;font-style:italic;padding:32px 24px!important;text-align:center}.ca-panel-head-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ca-mini-grid{grid-gap:12px;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ca-border);display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:20px 24px}.ca-mini-card{background:#f1f5f9;background:var(--ca-bg);border:1px solid #e2e8f0;border:1px solid var(--ca-border);border-radius:10px;padding:12px 14px}.ca-mini-card span{color:#64748b;color:var(--ca-text-muted);display:block;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.ca-mini-card strong{color:#1e293b;color:var(--ca-text);font-size:14px}.ca-detail-stack{display:flex;flex-direction:column;gap:0}.ca-activity-columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:20px 24px}@media (max-width:900px){.ca-activity-columns{grid-template-columns:1fr}}.ca-activity-columns h4{color:#64748b;color:var(--ca-text-muted);font-size:13px;letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase}.ca-activity-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.ca-activity-list li{background:#f1f5f9;background:var(--ca-bg);border:1px solid #e2e8f0;border:1px solid var(--ca-border);border-radius:8px;color:#1e293b;color:var(--ca-text);font-size:13px;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap}.ca-table-action-stack{display:flex;flex-wrap:wrap;gap:6px}.ca-plan-card.editing{border-color:#10b981;border-color:var(--ca-primary);box-shadow:0 0 0 3px #10b9811f}.ca-search{padding-left:14px}.ca-panel>.ca-form-grid{padding:24px}.ca-trial-control-card .ca-form-grid{margin-top:16px}.ca-form-grid .ca-primary-btn,.ca-primary-btn.full{grid-column:1/-1;width:100%}.ca-badge.danger{background:#fee2e2;color:#991b1b}.ca-badge.not_on_trial,.ca-badge.unconfigured{background:#f1f5f9;color:#64748b}.ca-badge.trial_expiring{background:#fef3c7;color:#92400e}.ca-badge.trial_expired,.ca-badge.trial_suspended{background:#fee2e2;color:#991b1b}.ca-support-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:350px 1fr;height:calc(100vh - 250px);min-height:600px}.ca-support-sidebar{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ca-border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.ca-support-list{flex:1 1;overflow-y:auto}.ca-support-item{border-bottom:1px solid #f0f0f0;border-left:4px solid #0000;cursor:pointer;padding:16px;transition:all .2s}.ca-support-item:hover{background:#f9fbf9}.ca-support-item.active{background:#f0f7f3;border-left-color:#10b981;border-left-color:var(--ca-primary)}.ca-support-item.open{border-left-color:#f59e0b;border-left-color:var(--ca-warning)}.ca-support-item.replied{border-left-color:#10b981;border-left-color:var(--ca-primary)}.ca-support-item.visitor-replied{border-left-color:#8b5cf6}.ca-support-item-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.ca-support-item-sub{color:#64748b;color:var(--ca-text-muted);font-size:13px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ca-support-item-time{color:#aaa;font-size:11px}.ca-support-main{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ca-border);border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden}.ca-support-conversation{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.ca-support-chat{background:#fcfcfc;flex:1 1;gap:16px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px;scroll-behavior:smooth}.ca-chat-msg,.ca-support-chat{display:flex;flex-direction:column}.ca-chat-msg{max-width:80%}.ca-chat-msg.visitor{align-self:flex-start}.ca-chat-msg.admin{align-self:flex-end}.ca-chat-bubble{border-radius:12px;font-size:14px;line-height:1.5;padding:12px 16px;position:relative}.ca-chat-msg.visitor .ca-chat-bubble{background:#f1f5f9;border-bottom-left-radius:2px;color:#333}.ca-chat-msg.admin .ca-chat-bubble{background:#10b981;background:var(--ca-primary);border-bottom-right-radius:2px;color:#fff}.ca-chat-time{font-size:10px;margin-top:4px;opacity:.7}.ca-support-reply-box{background:#fff;border-top:1px solid #e2e8f0;border-top:1px solid var(--ca-border);padding:24px}.ca-support-reply-box textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;height:100px;margin-bottom:12px;padding:16px;resize:none;transition:border-color .2s;width:100%}.ca-support-reply-box textarea:focus{border-color:#10b981;border-color:var(--ca-primary);outline:none}.ca-support-empty{align-items:center;color:#64748b;color:var(--ca-text-muted);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.ca-empty-icon{font-size:48px;margin-bottom:16px;opacity:.2}.ca-support-meta{color:#666;display:flex;font-size:.8rem;gap:12px;margin-top:8px}.ca-support-meta span{align-items:center;background:#0000000d;border-radius:4px;display:flex;gap:4px;padding:2px 8px}.ca-health-view{animation:caFadeIn .4s ease-out;display:flex;flex-direction:column;gap:32px}@keyframes caFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ca-health-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.ca-stat-card{background:#fff;background:var(--ca-surface);border:1px solid #e2e8f0;border:1px solid var(--ca-border);border-radius:12px;border-radius:var(--ca-radius);box-shadow:0 4px 6px -1px #0000001a;gap:20px;padding:30px}.ca-stat-card,.ca-stat-icon{align-items:center;display:flex}.ca-stat-icon{border-radius:16px;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.ca-stat-icon.status{background:#10b9811a;color:#10b981;color:var(--ca-primary)}.ca-stat-icon.status:before{content:"🛡️"}.ca-stat-icon.errors{background:#ef44441a;color:#ef4444;color:var(--ca-danger)}.ca-stat-icon.errors:before{content:"🚨"}.ca-stat-icon.sources{background:#6366f11a;color:#6366f1;color:var(--ca-accent)}.ca-stat-icon.sources:before{content:"📡"}.ca-stat-icon.active-users{background:#10b9811a;color:#10b981;color:var(--ca-primary)}.ca-stat-icon.active-users:before{content:"👥"}.ca-stat-info span{color:#64748b;color:var(--ca-text-muted);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.ca-stat-info strong{color:#1e293b;color:var(--ca-text);display:block;font-size:28px;margin:4px 0}.ca-stat-info p{color:#64748b;color:var(--ca-text-muted);font-size:13px;margin:0}.ca-health-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 340px;min-width:0;width:100%}.ca-logs-section{min-width:0}@media (max-width:1280px){.ca-health-grid{grid-template-columns:1fr}}.ca-panel-title h3{font-size:20px;margin-bottom:4px}.ca-panel-title p{color:#64748b;color:var(--ca-text-muted);font-size:14px;margin:0}.ca-log-filter-bar{background:#f1f5f9;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ca-border);display:flex;flex-direction:column;gap:16px;margin-bottom:0;padding:24px}.ca-filter-group{display:flex;flex-wrap:wrap;gap:12px}.ca-filter-group input,.ca-filter-group select{background:#fff!important;border:1px solid #e2e8f0;border:1px solid var(--ca-border);border-radius:10px;color:#1e293b;color:var(--ca-text);flex:1 1;font-family:inherit;font-size:14px;height:42px;min-width:180px;padding:0 14px;transition:all .2s}.ca-filter-group input:focus,.ca-filter-group select:focus{border-color:#10b981;border-color:var(--ca-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.logs-table-container{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ca-border);max-height:800px;overflow:auto;position:relative;width:100%}.logs-table{width:100%}.logs-table th{background:#f1f5f9;position:-webkit-sticky;position:sticky;top:0;z-index:10}.log-row{transition:background .15s}.log-row:hover{background:#f8fafc!important}.log-time{color:#64748b;color:var(--ca-text-muted);font-family:JetBrains Mono,Roboto Mono,monospace;font-size:12px;white-space:nowrap}.log-identity{display:flex;flex-direction:column;gap:2px}.log-identity strong{color:#1e293b;color:var(--ca-text);font-size:13px;text-transform:capitalize}.log-identity span{color:#6366f1;color:var(--ca-accent);font-size:11px;font-weight:600}.log-identity small{color:#64748b;color:var(--ca-text-muted);font-size:10px}.log-msg-wrap{display:flex;flex-direction:column;gap:6px}.log-msg-wrap p{color:#1e293b;color:var(--ca-text);font-size:14px;line-height:1.5;margin:0}.ca-mini-tag{align-self:flex-start;background:#f1f5f9;border-radius:4px;color:#64748b;color:var(--ca-text-muted);display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.ca-pagination-modern{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;border-top:1px solid var(--ca-border);display:flex;justify-content:space-between;padding:20px 24px}.ca-pag-info{color:#64748b;color:var(--ca-text-muted);font-size:14px}.ca-pag-actions{display:flex;gap:8px}.ca-metrics-list{display:flex;flex-direction:column;gap:20px;padding:20px 24px}.ca-metric-row{align-items:center;display:flex;gap:16px}.ca-metric-label{color:#64748b;color:var(--ca-text-muted);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;width:100px}.ca-metric-bar-wrap{background:#f1f5f9;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.ca-metric-bar{background:#6366f1;background:var(--ca-accent);border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.ca-metric-value{font-size:14px;font-weight:700;text-align:right;width:60px}.ca-monitors{display:flex;flex-direction:column;gap:16px;padding:20px 24px}.ca-monitor-item{align-items:center;background:#f8fafc;border-radius:10px;display:flex;gap:12px;padding:12px}.ca-monitor-dot{background:#cbd5e1;border-radius:50%;height:8px;width:8px}.ca-monitor-dot.active{animation:pulse 2s infinite;background:#10b981;background:var(--ca-primary);box-shadow:0 0 0 4px #10b98133}@keyframes pulse{0%{box-shadow:0 0 0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.ca-monitor-item span{flex:1 1;font-size:14px;font-weight:500}.text-success{color:#10b981;color:var(--ca-primary)}.text-danger{color:#ef4444;color:var(--ca-danger)}.ca-badge.critical{background:#450a0a;color:#fecaca}.ca-badge.error{background:#fee2e2;color:#991b1b}.ca-badge.warn{background:#fef3c7;color:#92400e}.ca-badge.info{background:#e0f2fe;color:#075985}.log-badge{justify-content:center;min-width:60px}.ca-connectivity-view{animation:caFadeIn .4s ease-out}.ca-connectivity-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));padding:24px}.ca-tenant-con-card{background:#fff;background:var(--ca-surface);border:1px solid #e2e8f0;border:1px solid var(--ca-border);border-radius:16px;box-shadow:0 4px 12px #00000008;display:flex;flex-direction:column;overflow:hidden}.ca-tenant-con-head{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ca-border);display:flex;justify-content:space-between;padding:20px}.ca-tenant-con-head strong{color:#1e293b;color:var(--ca-text);display:block;font-size:16px}.ca-tenant-con-head span{color:#64748b;color:var(--ca-text-muted);font-family:monospace;font-size:12px}.ca-con-badge{background:#10b981;background:var(--ca-primary);border-radius:999px;color:#fff;font-size:12px;font-weight:700;padding:4px 12px}.ca-tenant-con-users{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding:12px}.ca-con-user-row{align-items:center;background:#f1f5f9;border-radius:10px;display:flex;justify-content:space-between;padding:12px;transition:transform .2s}.ca-con-user-row:hover{background:#e2e8f0;transform:translateX(4px)}.ca-con-user-info strong{display:block;font-size:14px}.ca-con-user-info span{color:#64748b;color:var(--ca-text-muted);font-size:11px}.ca-con-user-meta{display:flex;flex-direction:column;gap:2px;text-align:right}.ca-con-user-meta span{color:#64748b;color:var(--ca-text-muted);display:block;font-size:11px}.ca-con-user-meta span:first-child{color:#6366f1;color:var(--ca-accent);font-family:monospace;font-weight:600}.ca-log-source-text{color:#1e293b;color:var(--ca-text);font-size:13px;text-transform:capitalize}.ca-log-tenant-text{color:#6366f1;color:var(--ca-accent);font-size:12px;font-weight:600}.ca-log-user-text{color:#64748b;color:var(--ca-text-muted);font-size:12px}.log-env-info{display:flex;flex-direction:column;gap:2px}.log-ip{color:#1e293b;color:var(--ca-text);font-family:monospace;font-size:11px;font-weight:700}.log-ua{color:#64748b;color:var(--ca-text-muted);cursor:help;font-size:10px}@media (max-width:992px){.ca-shell{flex-direction:column}.ca-mobile-header{display:flex!important}.ca-sidebar{bottom:0;left:-280px;position:fixed;top:60px;transition:left .3s ease;width:280px;z-index:999}.ca-sidebar.open{left:0}.ca-main{min-width:0;padding:16px;width:100%}.ca-header{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}.ca-header-actions{overflow-x:auto;padding-bottom:8px;width:100%}.ca-health-stats{grid-template-columns:1fr}.ca-log-filter-bar{padding:16px}.ca-filter-group{flex-direction:column}.ca-filter-group input,.ca-filter-group select{width:100%}.ca-health-grid{grid-template-columns:1fr}.ca-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.ca-table{min-width:800px}.ca-connectivity-grid,.ca-form-grid,.ca-metrics-row{grid-template-columns:1fr}}.ca-mobile-header{align-items:center;background:#0f172a;background:var(--ca-sidebar);border-bottom:1px solid #ffffff1a;color:#fff;display:none;gap:16px;height:60px;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.ca-menu-toggle{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px}