:root{--receipt-width:300px}@media screen{.print-only:not(.inline-receipt){display:none}.inline-receipt{border:1px solid #e5e7eb;margin:0 auto;display:block;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}}.receipt-container{width:var(--receipt-width);color:#000;background:#fff;margin:0 auto;padding:10px;font-family:monospace}.receipt-header{text-align:center;page-break-inside:avoid;margin-bottom:20px}.receipt-header h2{margin:0;font-size:20px;font-weight:700}.receipt-header p{margin:5px 0 0;font-size:12px}.receipt-section{page-break-inside:avoid;border-bottom:1px dashed #000;margin-bottom:10px;padding-bottom:10px;font-size:12px}.receipt-section p{margin:2px 0}.receipt-item{page-break-inside:avoid;justify-content:space-between;margin:2px 0;display:flex}.receipt-totals{text-align:right;page-break-inside:avoid;font-size:14px}.receipt-totals p{margin:2px 0}.receipt-totals h3{margin:10px 0;font-size:16px;font-weight:700}.receipt-footer{text-align:center;page-break-inside:avoid;margin-top:30px;font-size:10px}@media print{@page{margin:0}#root,.no-print,body>:not(.print-container-wrapper):not(.print-only){display:none!important}.print-only{width:var(--receipt-width);margin:0;display:block!important;position:absolute!important;top:0!important;left:0!important}body{background:#fff!important;margin:0!important;padding:0!important}.print-container-wrapper{opacity:1!important;z-index:auto!important;height:auto!important;position:static!important;overflow:visible!important}html,body{height:auto!important}}.pospa-landing{color:#1e293b;box-sizing:border-box;background-color:#fff;width:100%;max-width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.pospa-landing *,.pospa-landing :before,.pospa-landing :after{box-sizing:border-box}.pospa-container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (width<=768px){.pospa-container{padding:0 1rem}}.desktop-logo{display:block}.mobile-logo{display:none}@media (width<=768px){.desktop-logo{display:none}.mobile-logo{display:block}}.landing-header{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #eef2f6;transition:all .2s;position:sticky;top:0}.landing-header-inner{justify-content:space-between;align-items:center;gap:.5rem;height:72px;display:flex}.landing-nav-menu{align-items:center;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.landing-nav-link{color:#475569;cursor:pointer;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .15s}.landing-nav-link:hover,.landing-nav-link:focus-visible{color:#6d28d9;outline:none}.landing-header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.landing-hotline-btn{color:#0f2942;background-color:#f1f5f9;border-radius:9999px;align-items:center;gap:.4rem;min-height:38px;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.landing-hotline-btn:hover{color:#6d28d9;background-color:#e2e8f0}.landing-btn-login{color:#0f2942;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .15s}.landing-btn-login:hover{color:#6d28d9;background-color:#f8fafc}.landing-btn-register{white-space:nowrap;background:linear-gradient(135deg,#6d28d9 0%,#7c3aed 100%);border-radius:.5rem;justify-content:center;align-items:center;gap:.35rem;min-height:38px;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #6d28d940;color:#fff!important}.landing-btn-register:hover{background:linear-gradient(135deg,#5b21b6 0%,#6d28d9 100%);transform:translateY(-1px);box-shadow:0 4px 10px #6d28d959}.register-text-short{display:none}.landing-mobile-toggle{color:#0f2942;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.4rem;display:none}.landing-mobile-menu{display:none}@media (width<=900px){.landing-nav-menu{display:none}}@media (width<=768px){.landing-header-inner{height:56px}.desktop-logo{display:none!important}.mobile-logo{display:block!important}.hotline-text{display:none!important}.landing-hotline-btn{border-radius:50%;justify-content:center;width:36px;height:36px;padding:0}.landing-btn-register,.landing-btn-login{display:none!important}.landing-mobile-toggle{background:#f1f5f9;border-radius:50%;width:36px;height:36px;display:inline-flex!important}.landing-mobile-menu.open{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 1.25rem 1.5rem;animation:.2s ease-out fadeIn;display:block}.landing-mobile-links{flex-direction:column;gap:.75rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.landing-mobile-links .landing-nav-link{border-bottom:1px solid #f1f5f9;padding:.4rem 0;font-size:.9375rem;display:block}.landing-mobile-actions{flex-direction:column;gap:.625rem;display:flex}.landing-btn-register-mobile{background:linear-gradient(135deg,#6d28d9 0%,#7c3aed 100%);border-radius:.5rem;justify-content:center;align-items:center;gap:.4rem;width:100%;min-height:44px;padding:.75rem 1rem;font-size:.9375rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #6d28d940;color:#fff!important}.landing-btn-register-mobile:hover,.landing-btn-register-mobile:active{background:linear-gradient(135deg,#5b21b6 0%,#6d28d9 100%);color:#fff!important}.landing-btn-login-mobile,.landing-hotline-btn-mobile{text-align:center;border-radius:.5rem;justify-content:center;align-items:center;width:100%;min-height:42px;padding:.625rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.landing-btn-login-mobile{color:#0f2942;background:#f1f5f9}.landing-hotline-btn-mobile{color:#2563eb;background:#eff6ff;gap:.5rem}}.landing-hero{background:radial-gradient(circle at 50% -20%,#6d28d914 0%,#ec489908 40%,#0000 70%);padding:3rem 0 3.5rem;position:relative}.hero-wrapper{grid-template-columns:1.15fr .85fr;align-items:center;gap:2.5rem;display:grid}.hero-badge{color:#6d28d9;background-color:#f3e8ff;border:1px solid #6d28d926;border-radius:9999px;align-items:center;gap:.4rem;max-width:100%;margin-bottom:1rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.hero-title{color:#0f2942;letter-spacing:-.02em;word-break:break-word;margin-bottom:.875rem;font-size:clamp(1.75rem,4vw,3rem);font-weight:800;line-height:1.2}.hero-title .title-accent{background:linear-gradient(135deg,#6d28d9 0%,#a855f7 60%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.mobile-break{display:none}.hero-subtitle{color:#475569;margin-bottom:.625rem;font-size:1rem;font-weight:600;line-height:1.45}.hero-description{color:#64748b;max-width:560px;margin-bottom:1.5rem;font-size:.9375rem;line-height:1.55}.hero-pills{flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem;display:flex}.hero-pill{color:#334155;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.hero-pill svg{color:#6d28d9}.hero-cta-group{flex-wrap:wrap;align-items:center;gap:.875rem;margin-bottom:1.25rem;display:flex}.hero-btn-primary{background:linear-gradient(135deg,#6d28d9 0%,#7c3aed 100%);border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;min-height:46px;padding:.75rem 1.625rem;font-size:.9375rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #6d28d947;color:#fff!important}.hero-btn-primary:hover{background:linear-gradient(135deg,#5b21b6 0%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 5px 14px #6d28d961}.hero-btn-secondary{cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;min-height:46px;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;color:#0f2942!important}.hero-btn-secondary:hover{background-color:#f8fafc;border-color:#94a3b8;color:#6d28d9!important}.hero-subtext{color:#94a3b8;font-size:.75rem}.hero-mockup-container{justify-content:center;width:100%;display:flex;position:relative}.desktop-mockup-view{display:block}.mobile-mockup-view{display:none}.laptop-frame{background:#0f172a;border-radius:12px;width:100%;max-width:480px;padding:8px 8px 12px;position:relative;box-shadow:0 16px 36px -10px #0f172a33}.laptop-notch{background:#334155;border-radius:50%;width:6px;height:6px;margin:0 auto 5px}.laptop-screen{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.mockup-app-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:28px;padding:0 8px;font-size:.625rem;display:flex}.mockup-dots{gap:4px;display:flex}.mockup-dot{border-radius:50%;width:7px;height:7px}.mockup-dot.red{background:#ef4444}.mockup-dot.yellow{background:#f59e0b}.mockup-dot.green{background:#10b981}.mockup-app-title{color:#0f2942;font-size:.625rem;font-weight:700}.mockup-app-body{background:#fff;grid-template-columns:75px 1fr 105px;min-height:190px;display:grid}.mockup-sidebar{background:#f1f5f9;border-right:1px solid #e2e8f0;flex-direction:column;gap:4px;padding:6px 4px;display:flex}.mockup-menu-item{color:#475569;background:#e2e8f0;border-radius:3px;align-items:center;height:16px;padding:0 4px;font-size:.5rem;font-weight:600;display:flex}.mockup-menu-item.active{color:#fff;background:#6d28d9}.mockup-pos-area{grid-template-columns:repeat(2,1fr);align-content:start;gap:5px;padding:6px;display:grid}.mockup-service-card{background:#fff;border:1px solid #e2e8f0;border-radius:5px;flex-direction:column;gap:2px;padding:5px;display:flex}.mockup-service-name{color:#1e293b;font-size:.5625rem;font-weight:700}.mockup-service-price{color:#6d28d9;font-size:.5rem;font-weight:600}.mockup-cart-area{background:#faf5ff;border-left:1px solid #e2e8f0;flex-direction:column;justify-content:space-between;padding:6px 4px;display:flex}.mockup-cart-title{color:#6d28d9;border-bottom:1px solid #e9d5ff;margin-bottom:3px;padding-bottom:3px;font-size:.5625rem;font-weight:700}.mockup-cart-row{color:#475569;justify-content:space-between;margin-bottom:2px;font-size:.5rem;display:flex}.mockup-cart-total{color:#0f2942;border-top:1px solid #e9d5ff;justify-content:space-between;padding-top:3px;font-size:.5625rem;font-weight:800;display:flex}.laptop-base{background:#cbd5e1;border-radius:0 0 8px 8px;width:100%;height:8px;box-shadow:0 3px 6px #0000001a}.phone-floating-mockup{background:#0f172a;border:2px solid #334155;border-radius:16px;width:135px;padding:5px;position:absolute;bottom:-15px;right:-10px;box-shadow:0 12px 25px #0000004d}.phone-screen{background:#fff;border-radius:12px;flex-direction:column;gap:3px;padding:5px;display:flex;overflow:hidden}.phone-header-bar{color:#0f2942;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding-bottom:2px;font-size:.5rem;font-weight:700;display:flex}.phone-noti-card{color:#1e3a8a;background:#eff6ff;border-left:2px solid #2563eb;border-radius:4px;padding:4px;font-size:.4375rem;line-height:1.3}.mobile-mockup-card{background:#fff;border:2px solid #334155;border-radius:16px;width:100%;max-width:280px;margin:0 auto;padding:8px;box-shadow:0 10px 24px #0000001a}.mobile-card-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:4px;display:flex}.mockup-caption{color:#94a3b8;text-align:center;margin-top:1rem;font-size:.6875rem}@media (width<=992px){.hero-wrapper{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-description{margin-left:auto;margin-right:auto}.hero-pills,.hero-cta-group{justify-content:center}}@media (width<=640px){.landing-hero{padding:1.25rem 0 2rem}.desktop-mockup-view{display:none!important}.mobile-mockup-view{display:block!important}.hero-wrapper{gap:1.25rem}.hero-badge{margin-bottom:.5rem;padding:.25rem .6rem;font-size:.6875rem}.hero-title{margin-bottom:.4rem;font-size:1.375rem!important;line-height:1.25!important}.mobile-break{display:inline!important}.hero-subtitle{margin-bottom:.4rem;font-size:.875rem;line-height:1.35}.hero-description{margin-bottom:.75rem;font-size:.8125rem;line-height:1.45}.hero-pills{flex-direction:column;align-items:center;gap:.35rem;width:100%;margin-bottom:.875rem;display:flex}.hero-pill{justify-content:center;width:100%;max-width:330px;padding:.3rem .6rem;font-size:.75rem}.hero-cta-group{flex-direction:column;gap:.5rem;width:100%;margin-bottom:.625rem}.hero-btn-primary{width:100%;max-width:330px;min-height:44px;margin:0 auto;padding:.65rem 1.25rem;font-size:.9375rem}.hero-btn-secondary{width:100%;max-width:330px;min-height:40px;margin:0 auto;padding:.55rem 1rem;font-size:.875rem}.hero-subtext{margin-bottom:.75rem;font-size:.6875rem}}@media (width<=375px){.hero-title{font-size:1.25rem!important}.hero-pill{padding:.25rem .5rem;font-size:.7rem}}.section-solutions{background-color:#f8fafc;padding:3.5rem 0}.section-header{text-align:center;max-width:680px;margin:0 auto 2rem}.section-tag{color:#6d28d9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:inline-block}.section-title{color:#0f2942;letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(1.4rem,3vw,2.125rem);font-weight:800}.section-desc{color:#64748b;font-size:.9375rem;line-height:1.55}.solutions-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.solution-card{background:#fff;border:1px solid #e2e8f0;border-radius:.875rem;flex-direction:column;padding:1.35rem 1.15rem;transition:all .2s;display:flex;box-shadow:0 1px 4px #00000008}.solution-card:hover{border-color:#c084fc;transform:translateY(-3px);box-shadow:0 10px 20px -6px #6d28d91f}.solution-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:.875rem;display:flex}.solution-icon-wrap.purple{color:#6d28d9;background:#6d28d91a}.solution-icon-wrap.pink{color:#ec4899;background:#ec48991a}.solution-icon-wrap.blue{color:#0284c7;background:#0ea5e91a}.solution-icon-wrap.teal{color:#0d9488;background:#14b8a61a}.solution-name{color:#0f2942;margin-bottom:.4rem;font-size:1.0625rem;font-weight:700}.solution-desc{color:#64748b;flex-grow:1;font-size:.8125rem;line-height:1.5}@media (width<=1024px){.solutions-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.solutions-grid{grid-template-columns:1fr}}.section-features{background-color:#fff;padding:4rem 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.feature-card{background:#fff;border:1px solid #f1f5f9;border-radius:.875rem;flex-direction:column;padding:1.35rem;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000000a}.feature-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px -4px #00000014}.feature-icon-box{color:#6d28d9;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:.875rem;display:flex}.feature-title{color:#0f2942;margin-bottom:.35rem;font-size:.9375rem;font-weight:700}.feature-desc{color:#64748b;font-size:.8125rem;line-height:1.5}@media (width<=992px){.features-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (width<=600px){.features-grid{grid-template-columns:1fr;gap:1rem}}.section-telegram{color:#fff;background:linear-gradient(145deg,#0f172a 0%,#1e1b4b 60%,#172554 100%);padding:4rem 0;position:relative}.telegram-header{text-align:center;max-width:740px;margin:0 auto 2.5rem}.telegram-badge{color:#38bdf8;background:#24a1de2e;border:1px solid #38bdf84d;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.telegram-title{color:#fff;margin-bottom:.75rem;font-size:clamp(1.4rem,3.2vw,2.125rem);font-weight:800;line-height:1.25}.telegram-desc{color:#cbd5e1;font-size:.9375rem;line-height:1.55}.telegram-showcase-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;max-width:920px;margin:0 auto;display:grid}.tg-bubble-card{background:#1e293b;border:1px solid #ffffff1f;border-radius:1rem;flex-direction:column;padding:1.25rem;display:flex;box-shadow:0 12px 30px #00000040}.tg-bubble-top{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.tg-bot-identity{align-items:center;gap:.5rem;display:flex}.tg-bot-avatar{color:#fff;background:#24a1de;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.tg-bot-name{color:#fff;font-size:.8125rem;font-weight:700}.tg-bot-tag{color:#94a3b8;font-size:.625rem}.tg-time{color:#64748b;font-size:.6875rem}.tg-message-body{color:#e2e8f0;font-size:.8125rem;line-height:1.55}.tg-msg-title{align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.875rem;font-weight:800;display:flex}.tg-msg-title.invoice{color:#38bdf8}.tg-msg-title.reconcile{color:#34d399}.tg-info-row{border-bottom:1px dashed #ffffff0f;justify-content:space-between;padding:.2rem 0;font-size:.8125rem;display:flex}.tg-label{color:#94a3b8}.tg-value{color:#f1f5f9;font-weight:600}.tg-value.highlight{color:#38bdf8;font-weight:700}.tg-value.success{color:#34d399;font-weight:700}.tg-total-highlight-row{word-break:break-word;border-radius:.5rem;margin-top:.75rem;padding:.625rem .75rem;font-size:.8125rem;font-weight:700;line-height:1.4}.tg-total-highlight-row.invoice-total{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.tg-total-highlight-row.reconcile-total{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.tg-disclaimer{color:#64748b;text-align:center;margin-top:.5rem;font-size:.625rem;font-style:italic}.telegram-footer-note{text-align:center;color:#94a3b8;max-width:760px;margin:1.75rem auto 0;font-size:.75rem;line-height:1.55}@media (width<=768px){.telegram-showcase-grid{grid-template-columns:1fr;gap:1.25rem}}.section-devices{background-color:#f8fafc;padding:3.5rem 0}.devices-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.device-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:.875rem;flex-direction:column;align-items:center;padding:1.5rem 1.15rem;transition:all .2s;display:flex}.device-card:hover{border-color:#93c5fd;transform:translateY(-3px);box-shadow:0 8px 20px -4px #0000000f}.device-icon-box{color:#2563eb;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.875rem;display:flex}.device-title{color:#0f2942;margin-bottom:.4rem;font-size:1.0625rem;font-weight:700}.device-desc{color:#64748b;font-size:.8125rem;line-height:1.55}.pwa-highlight-box{text-align:center;color:#334155;background:#fff;border:1px dashed #cbd5e1;border-radius:.75rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:1.75rem;padding:.875rem 1.25rem;font-size:.8125rem;display:flex}@media (width<=850px){.devices-grid{grid-template-columns:1fr;gap:1.25rem}}.section-faq-free{background-color:#fff;padding:4rem 0}.free-banner{text-align:center;background:linear-gradient(135deg,#6d28d90d 0%,#ec489908 100%);border:1px solid #6d28d926;border-radius:1rem;margin-bottom:3rem;padding:2rem 1.25rem}.free-title{color:#0f2942;letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(1.35rem,3vw,2rem);font-weight:800}.free-subtitle{color:#64748b;max-width:580px;margin-bottom:1.25rem;margin-left:auto;margin-right:auto;font-size:.9375rem}.free-points-list{flex-wrap:wrap;justify-content:center;gap:.875rem;margin-bottom:1.5rem;display:flex}.free-point-item{color:#1e293b;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;display:inline-flex}.free-point-item svg{color:#10b981}@media (width<=640px){.free-points-list{flex-direction:column;align-items:flex-start;max-width:290px;margin:0 auto 1.5rem}}.faq-container{max-width:760px;margin:0 auto}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:.625rem;margin-bottom:.75rem;transition:border-color .2s;overflow:hidden}.faq-item[open]{border-color:#c084fc}.faq-question{color:#0f2942;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.875rem 1rem;font-size:.9375rem;font-weight:700;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question:hover{background-color:#f8fafc}.faq-icon-arrow{color:#6d28d9;flex-shrink:0;margin-left:.5rem;transition:transform .2s}.faq-item[open] .faq-icon-arrow{transform:rotate(180deg)}.faq-answer{color:#475569;padding:0 1rem 1rem;font-size:.875rem;line-height:1.55}.faq-cta-box{text-align:center;margin-top:2.5rem}.landing-footer{color:#94a3b8;background-color:#0f172a;border-top:1px solid #1e293b;padding:3rem 0 2rem}.footer-top-grid{grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem;margin-bottom:2rem;display:grid}.footer-brand-desc{color:#94a3b8;max-width:320px;margin-top:.75rem;font-size:.8125rem;line-height:1.55}.footer-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.875rem;font-size:.8125rem;font-weight:700}.footer-links-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.footer-link{color:#94a3b8;font-size:.8125rem;text-decoration:none;transition:color .15s}.footer-link:hover{color:#fff}.footer-contact-item{color:#cbd5e1;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8125rem;display:flex}.footer-hotline-link{color:#38bdf8;font-weight:700;text-decoration:none}.footer-hotline-link:hover{text-decoration:underline}.footer-bottom{text-align:center;color:#64748b;border-top:1px solid #1e293b;padding-top:1.5rem;font-size:.75rem}@media (width<=800px){.footer-top-grid{grid-template-columns:1fr;gap:1.5rem}}.pospa-telegram-wrap{--tele-bg:#f5f7fb;--tele-ink:#1f2b3f;--tele-muted:#68778d;--tele-line:#e4eaf2;--tele-accent:#229ed9;--tele-accent-dark:#1279b4;--tele-soft:#edf8fe;--tele-green:#168460;--tele-green-soft:#edf9f2;--tele-radius:16px;--tele-shadow:0 5px 20px #1e3b5b0b;max-width:1200px;color:var(--tele-ink);box-sizing:border-box;margin:0 auto;font-family:inherit}.pospa-telegram-wrap *,.pospa-telegram-wrap :before,.pospa-telegram-wrap :after{box-sizing:border-box}.pospa-telegram-wrap .tele-eyebrow{text-transform:uppercase;color:#0f87be;letter-spacing:1.2px;align-items:center;gap:8px;margin-bottom:11px;font-size:11px;font-weight:800;display:flex}.pospa-telegram-wrap .tele-header-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px;display:flex}.pospa-telegram-wrap .tele-page-title{letter-spacing:-.65px;color:#1f2b3f;margin:0 0 9px;font-size:27px;font-weight:800;line-height:1.2}.pospa-telegram-wrap .tele-page-lead{color:var(--tele-muted);margin:0;font-size:14px;line-height:1.5}.pospa-telegram-wrap .tele-refresh-btn{color:#3e5267;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d9e3ed;border-radius:10px;align-items:center;gap:6px;min-height:38px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:background .15s;display:inline-flex}.pospa-telegram-wrap .tele-refresh-btn:hover:not(:disabled){background:#f5f8fc}.pospa-telegram-wrap .tele-alert{border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.pospa-telegram-wrap .tele-alert-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.pospa-telegram-wrap .tele-alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.pospa-telegram-wrap .tele-alert-close{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;padding:0 4px;font-size:16px}.pospa-telegram-wrap .tele-alert-close:hover{opacity:1}.pospa-telegram-wrap .guide{border-radius:var(--tele-radius);box-shadow:var(--tele-shadow);background:#fff;border:1px solid #c8e6f4;margin-bottom:31px;overflow:hidden}.pospa-telegram-wrap .guide-head{background:#eef9ff;align-items:center;gap:15px;padding:20px 22px;display:flex}.pospa-telegram-wrap .guide-icon{color:#168fc7;background:#d7effb;border-radius:13px;justify-content:center;align-items:center;min-width:42px;height:42px;font-size:20px;display:flex}.pospa-telegram-wrap .guide-head-main{flex:1;min-width:0}.pospa-telegram-wrap .guide-head h2{color:#1b3a54;margin:0 0 6px;font-size:16px;font-weight:800}.pospa-telegram-wrap .guide-head p{color:#647e94;margin:0;font-size:12.5px}.pospa-telegram-wrap .guide-toggle{color:#0a7fad;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #b8ddec;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-size:12.5px;font-weight:750;transition:background .15s;display:flex;box-shadow:0 2px 5px #16618e0d}.pospa-telegram-wrap .guide-toggle:hover{background:#f7fcff}.pospa-telegram-wrap .guide-content{border-top:1px solid #dceef7;padding:24px 23px 20px}.pospa-telegram-wrap .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.pospa-telegram-wrap .step{background:#fbfdff;border:1px solid #e2ebf3;border-radius:13px;min-width:0;padding:16px}.pospa-telegram-wrap .step-top{align-items:center;gap:9px;margin-bottom:10px;display:flex}.pospa-telegram-wrap .step-number{color:#087bab;background:#dff1fb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-size:13px;font-weight:800;display:flex}.pospa-telegram-wrap .step h3{color:#23384f;margin:0;font-size:13px;font-weight:800}.pospa-telegram-wrap .step p{color:#576b82;margin:8px 0 0;font-size:12.5px;line-height:1.65}.pospa-telegram-wrap .step a{color:var(--tele-accent-dark);font-weight:700;text-decoration:none}.pospa-telegram-wrap .step a:hover{text-decoration:underline}.pospa-telegram-wrap .step .inline-command{color:#176b9b;background:#e8f5fc;border-radius:4px;padding:2px 5px;font-family:monospace;font-size:12px;font-weight:750}.pospa-telegram-wrap .guide-foot{color:#397354;background:#f0f9f5;border:1px solid #d6eadd;border-radius:11px;align-items:center;gap:8px;margin-top:17px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.pospa-telegram-wrap .section-heading{border-bottom:1px solid #dbe4ee;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:20px;padding:0 1px 17px;display:flex}.pospa-telegram-wrap .section-heading h2{letter-spacing:-.4px;color:#1f2b3f;margin:0 0 5px;font-size:20px;font-weight:800}.pospa-telegram-wrap .section-heading p{color:var(--tele-muted);margin:0;font-size:13px}.pospa-telegram-wrap .count{color:#087bad;white-space:nowrap;background:#eaf7fe;border:1px solid #c8e6f5;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:750}.pospa-telegram-wrap .bots{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.pospa-telegram-wrap .bot{min-width:0;box-shadow:var(--tele-shadow);background:#fff;border:1px solid #dee7f0;border-radius:16px;flex-direction:column;padding:20px 21px 18px;transition:box-shadow .15s;display:flex}.pospa-telegram-wrap .bot:hover{box-shadow:0 9px 26px #1c496017}.pospa-telegram-wrap .bot-head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;padding-bottom:16px;display:flex}.pospa-telegram-wrap .bot-ident{align-items:center;gap:10px;min-width:0;display:flex}.pospa-telegram-wrap .bot-num{background:var(--tele-accent);color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;min-width:34px;height:34px;font-size:14px;font-weight:800;display:flex}.pospa-telegram-wrap .bot-text{min-width:0}.pospa-telegram-wrap .bot-title{color:#1f2b3f;font-size:15px;font-weight:800;line-height:1.2}.pospa-telegram-wrap .bot-sub{color:#8a97a9;margin-top:4px;font-size:11.5px}.pospa-telegram-wrap .status{white-space:nowrap;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:800}.pospa-telegram-wrap .status.yes{background:var(--tele-green-soft);color:#11815b}.pospa-telegram-wrap .status.no{color:#788698;background:#f0f3f7}.pospa-telegram-wrap .field{margin-bottom:15px}.pospa-telegram-wrap .field-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.pospa-telegram-wrap .field-label{color:#37485f;font-size:12.5px;font-weight:750;display:block}.pospa-telegram-wrap .optional{color:#95a3b2;font-size:11px}.pospa-telegram-wrap .field input{color:#24364c;background:#fff;border:1px solid #dbe3ed;border-radius:9px;outline:none;width:100%;min-width:0;height:40px;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s;display:block}.pospa-telegram-wrap .field input:focus{border-color:#65b9df;box-shadow:0 0 0 3px #c9eeff80}.pospa-telegram-wrap .field input::placeholder{color:#a6b3c1}.pospa-telegram-wrap .field-hint{color:#8090a3;margin:7px 0 0;font-size:11.5px;line-height:1.45}.pospa-telegram-wrap .field-hint a{color:#1586bb;font-weight:700;text-decoration:none}.pospa-telegram-wrap .field-hint a:hover{text-decoration:underline}.pospa-telegram-wrap .tele-aes-hint{color:#059669;align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:600;display:flex}.pospa-telegram-wrap .switches{background:#f9fbfd;border:1px solid #edf1f5;border-radius:12px;margin:3px 0 18px;padding:5px 11px}.pospa-telegram-wrap .toggle-row{justify-content:space-between;align-items:center;gap:13px;min-height:55px;padding:11px 0;display:flex}.pospa-telegram-wrap .toggle-row+.toggle-row{border-top:1px solid #e9eef4}.pospa-telegram-wrap .toggle-label{color:#34495f;font-size:12.5px;font-weight:650;line-height:1.4}.pospa-telegram-wrap .toggle-desc{color:#95a1af;margin-top:4px;font-size:11px}.pospa-telegram-wrap .switch{cursor:pointer;background:#d0d9e4;border:none;border-radius:16px;flex-shrink:0;width:39px;height:23px;padding:0;transition:background .2s;position:relative}.pospa-telegram-wrap .switch:before{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000021}.pospa-telegram-wrap .switch.on{background:#219ed8}.pospa-telegram-wrap .switch.on:before{transform:translate(16px)}.pospa-telegram-wrap .test-status-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:8px 12px;font-size:11.5px;display:flex}.pospa-telegram-wrap .bot-actions{border-top:1px solid #edf1f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:16px;display:flex}.pospa-telegram-wrap .actions-right{align-items:center;gap:8px;margin-left:auto;display:flex}.pospa-telegram-wrap .btn-tele{color:#3e5267;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d9e3ed;border-radius:9px;align-items:center;gap:5px;min-height:36px;padding:9px 12px;font-size:11.5px;font-weight:750;transition:background .1s;display:inline-flex}.pospa-telegram-wrap .btn-tele:hover:not(:disabled){background:#f5f8fc}.pospa-telegram-wrap .btn-tele-primary{color:#fff;background:#229ed9;border-color:#229ed9}.pospa-telegram-wrap .btn-tele-primary:hover:not(:disabled){background:#0f8ac5;border-color:#0f8ac5}.pospa-telegram-wrap .btn-tele-danger{color:#c95a5a;background:#fff;border:none;padding-left:0;padding-right:0}.pospa-telegram-wrap .btn-tele-danger:hover:not(:disabled){color:#a43535;background:0 0}.pospa-telegram-wrap .btn-tele:disabled{opacity:.4;cursor:not-allowed}@media (width<=1100px){.pospa-telegram-wrap .bots{gap:14px}.pospa-telegram-wrap .bot{padding:17px 16px}.pospa-telegram-wrap .steps{grid-template-columns:1fr;gap:12px}}@media (width<=850px){.pospa-telegram-wrap .bots{grid-template-columns:1fr}.pospa-telegram-wrap .steps{grid-template-columns:1fr;gap:10px}}@media (width<=480px){.pospa-telegram-wrap .tele-page-title{font-size:23px}.pospa-telegram-wrap .tele-page-lead{font-size:13px;line-height:1.5}.pospa-telegram-wrap .guide-head{gap:10px;padding:17px 14px}.pospa-telegram-wrap .guide-icon{min-width:36px;height:36px;font-size:18px}.pospa-telegram-wrap .guide-head h2{font-size:14px}.pospa-telegram-wrap .guide-head p{font-size:11px}.pospa-telegram-wrap .guide-toggle{padding:9px;font-size:11px}.pospa-telegram-wrap .guide-content{padding:14px}.pospa-telegram-wrap .step{padding:13px}.pospa-telegram-wrap .section-heading h2{font-size:18px}.pospa-telegram-wrap .section-heading p{font-size:12px}.pospa-telegram-wrap .count{padding:7px;font-size:10.5px}.pospa-telegram-wrap .bot{padding:17px 15px}.pospa-telegram-wrap .bot-actions{gap:4px}.pospa-telegram-wrap .btn-tele{padding:9px 10px;font-size:11px}.pospa-telegram-wrap .actions-right{gap:6px}}:root{--primary:#6d28d9;--primary-light:#8b5cf6;--secondary:#d4af37;--secondary-light:#f3e5ab;--bg-main:#f8fafc;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--text-light:#94a3b8;--border:#e2e8f0;--success:#10b981;--danger:#f43f5e;--warning:#f59e0b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius:.75rem;--space-micro:.25rem;--space-tight:.5rem;--space-compact:.75rem;--space-normal:1rem;--space-section:1.5rem;--space-page:2rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}h1,h2,h3,h4{letter-spacing:-.025em;font-weight:700}.premium-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;transition:all .2s}.premium-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light);transform:translateY(-1px)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:#c29b2f;transform:translateY(-1px)}.btn-action{cursor:pointer;border:1px solid var(--border);height:30px;color:var(--text-primary);white-space:nowrap;background:#fff;border-radius:.375rem;justify-content:center;align-items:center;gap:.35rem;padding:0 .6rem;font-size:.75rem;font-weight:600;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex;min-height:unset!important}.btn-action:hover{background:var(--bg-main);border-color:var(--text-light)}.btn-action-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-action-primary:hover{background:var(--primary-light);border-color:var(--primary-light);color:#fff}.btn-action-secondary{color:var(--primary);background:#6d28d914;border-color:#6d28d933}.btn-action-secondary:hover{color:var(--primary);background:#6d28d926}.btn-action-danger{color:var(--danger);background:#f43f5e14;border-color:#f43f5e33}.btn-action-danger:hover{color:var(--danger);background:#f43f5e26}.btn-action-success{color:var(--success);background:#10b98114;border-color:#10b98133}.btn-action-success:hover{color:var(--success);background:#10b98126}.btn-icon{cursor:pointer;border:1px solid var(--border);width:30px;min-width:30px;height:30px;color:var(--text-secondary);background:#fff;border-radius:.375rem;justify-content:center;align-items:center;padding:0;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex;min-height:unset!important}.btn-icon:hover{background:var(--bg-main);color:var(--text-primary)}.btn-sm{border-radius:.375rem;height:34px;padding:0 .85rem;font-size:.8125rem;min-height:unset!important}.form-input-sm,.form-select-sm{height:34px!important;padding:.3rem .65rem!important;font-size:.8125rem!important}.table-compact th,.table-compact td{padding:.5rem .75rem!important}.form-input,.form-select{border:1px solid var(--border);background:#fff;border-radius:.5rem;width:100%;padding:.625rem .875rem;font-size:.875rem;transition:border-color .2s}.form-input:focus,.form-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6d28d91a}.badge{border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#10b9811a}.badge-danger{color:var(--danger);background:#f43f5e1a}.badge-warning{color:var(--warning);background:#f59e0b1a}.badge-primary{color:var(--primary);background:#6d28d91a}.badge-neutral{background:var(--bg-main);color:var(--text-secondary);border:1px solid var(--border)}.grid{gap:1.5rem;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade{animation:.3s forwards fadeIn}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-responsive table{font-variant-numeric:tabular-nums;width:100%}.financial-cell{white-space:nowrap}.table-responsive thead th{z-index:2;background:var(--bg-main);position:sticky;top:0}.table-responsive tbody tr:nth-child(2n){background:#00000004}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.app-layout{background-color:var(--bg-main);min-height:100vh;padding-bottom:env(safe-area-inset-bottom);display:flex;position:relative}.app-sidebar{border-right:1px solid var(--border);z-index:50;background:#fff;flex-direction:column;width:260px;height:100vh;transition:transform .3s ease-in-out;display:flex;position:fixed}.app-main{flex-direction:column;flex:1;width:calc(100% - 260px);min-height:100vh;margin-left:260px;transition:margin-left .3s ease-in-out,width .3s ease-in-out;display:flex}.sidebar-overlay{z-index:40;opacity:0;background:#00000080;transition:opacity .3s ease-in-out;display:none;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;display:block}.mobile-menu-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;margin-right:1rem;padding:.5rem;display:none}.pos-grid{grid-template-columns:1fr 380px;gap:1.5rem;display:grid}.action-menu-container{display:inline-block;position:relative}.action-menu-trigger{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;display:none}.action-menu-trigger:hover{background:var(--bg-main);color:var(--text-primary)}.action-menu-dropdown{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.hidden-mobile{display:block}.visible-mobile{display:none}.desktop-only{display:block}@media (width>=769px){.mobile-only,.visible-mobile{display:none!important}}.page-container{width:100%;max-width:100%;padding:1.25rem;overflow-x:hidden}@media (width>=769px){.app-main header.super-admin-header{height:54px!important}}.page-title{word-break:keep-all;margin-bottom:.25rem;font-size:32px;font-weight:800;line-height:1.2}.page-subtitle{color:var(--text-secondary);font-size:15px;line-height:1.5}.mobile-stack{gap:12px;display:flex}.mobile-tabs{scrollbar-width:none;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tab{white-space:nowrap;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;min-width:120px;height:48px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.mobile-search-sticky{top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg-main);margin-bottom:-.5rem;padding-bottom:.5rem;position:sticky}.mobile-list-container{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 1px 4px #00000005}.mobile-list-row{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border-bottom:1px solid #f3f4f6;padding:14px 16px}.mobile-list-row:last-child{border-bottom:none}.mobile-list-row:active{background:#f9fafb}.bottom-sheet-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;background:#0006;animation:.22s ease-out forwards fadeIn;position:fixed;inset:0}.bottom-sheet{background:#fff;border-radius:24px 24px 0 0;flex-direction:column;max-height:85vh;animation:.22s ease-out forwards slideUp;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom-sheet-header{border-bottom:1px solid var(--border);padding:1rem 1.25rem .75rem}.bottom-sheet-content{flex:1;padding:1.25rem;overflow-y:auto}.bottom-sheet-actions{border-top:1px solid var(--border);background:#fff;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem;display:grid;position:sticky;bottom:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=768px){.fullscreen-sheet-mobile{padding-bottom:env(safe-area-inset-bottom);animation:.25s ease-out forwards slideUp;top:calc(10px + env(safe-area-inset-top,0px))!important;height:calc(100dvh - 10px - env(safe-area-inset-top,0px))!important;background:#fff!important;border-radius:24px 24px 0 0!important;flex-direction:column!important;width:100%!important;max-width:100%!important;margin:0!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.fullscreen-sheet-mobile-overlay{align-items:flex-end!important}.mobile-form-grid{flex-direction:column!important;gap:14px!important;display:flex!important}.mobile-section-gap{margin-top:24px!important}}.invoice-card-compact{background:#fff;border:none;border-radius:18px;margin-bottom:12px;padding:14px;box-shadow:0 2px 8px #0000000a}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@keyframes skeleton-pulse{0%{background-color:#6d28d90d}50%{background-color:#6d28d926}to{background-color:#6d28d90d}}.skeleton-pulse{animation:1.5s ease-in-out infinite skeleton-pulse}.mobile-bottom-nav{display:none}.checkout-bar{bottom:calc(72px + env(safe-area-inset-bottom));border-top:1px solid var(--border);z-index:20;background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:fixed;left:0;right:0;box-shadow:0 -4px 10px #0000000d}.checkout-bar-hidden{display:none}.multi-checkout-bar{background:var(--bg-main);border-top:1px solid var(--border);z-index:999;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:fixed;bottom:0;left:260px;right:0;box-shadow:0 -4px 10px #0000000d}.empty-order{min-height:160px;color:var(--text-light);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.mobile-nav-item{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.mobile-nav-item.active{color:var(--primary)}.report-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin-bottom:1rem;padding:1rem}.report-card-header{border-bottom:1px dashed var(--border);align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.report-card-row{justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;display:flex}.report-card-row.bold{border-top:1px dashed var(--border);margin-top:.75rem;padding-top:.75rem;font-weight:700}.pos-right-column{border-left:1px solid var(--border);padding-left:1.5rem}.pos-cart-card{height:calc(100vh - 120px)}@media (width<=1024px){.app-sidebar{padding-top:env(safe-area-inset-top,0px);transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.app-main{width:100%;margin-left:0}.mobile-menu-btn{display:block}.grid-cols-4,.grid-cols-3,.kpi-grid{grid-template-columns:repeat(2,1fr)}.pos-grid{flex-direction:column;height:auto;display:flex}.pos-right-column{height:auto;position:static}.pos-cart-card{height:auto}.mobile-cart-modal{top:0!important;left:0!important;right:0!important;bottom:calc(64px + env(safe-area-inset-bottom))!important;z-index:9999!important;background:#00000080!important;flex-direction:column!important;justify-content:flex-end!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important}.mobile-cart-modal .pos-cart-card{background:#fff!important;border-radius:24px 24px 0 0!important;flex-direction:column!important;max-height:calc(90dvh - 64px)!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.mobile-cart-modal .cart-items-container{min-height:auto!important;max-height:30vh!important;overflow-y:auto!important}.multi-checkout-bar{left:0!important}}@media (width<=768px){body,.app-layout,.app-main{max-width:100vw;overflow-x:hidden}.table-responsive{max-width:100%;-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.desktop-only{display:none!important}.page-container{padding:calc(.5rem + env(safe-area-inset-top,0px)) .5rem calc(72px + env(safe-area-inset-bottom)) .5rem;overflow-x:hidden}.app-main>.page-container{padding:calc(.5rem + env(safe-area-inset-top,0px)) .5rem calc(72px + env(safe-area-inset-bottom)) .5rem!important}.app-main header.super-admin-header~.page-container{padding-top:.5rem!important}.app-main:has(header.super-admin-header)>.page-container{padding-top:.5rem!important}.app-main:has(header.super-admin-header) .mobile-search-sticky{top:calc(56px + env(safe-area-inset-top,0px))}.page-container .page-container{max-width:100%!important;padding:0!important}.page-container div[style*="max-width: 1000px"],.page-container div[style*="maxWidth: 1000px"]{padding-left:0!important;padding-right:0!important}.page-title{margin-bottom:.25rem;font-size:1.35rem}.page-subtitle{margin-bottom:.75rem;font-size:.8125rem}.grid{gap:.75rem}.pos-grid{flex-direction:column;height:auto;display:flex;gap:.75rem!important}.mobile-stack{flex-direction:column;gap:8px}.mobile-tabs{gap:8px;padding-bottom:4px;margin-bottom:.75rem!important}.mobile-tab{border-radius:10px;min-width:auto;height:40px;padding:0 .875rem;font-size:.8125rem}.kpi-grid{scrollbar-width:none;flex-direction:row;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto;margin-bottom:1rem!important}.kpi-grid::-webkit-scrollbar{display:none}.kpi-grid>div{flex-shrink:0;min-width:220px}.premium-card{border-radius:12px;padding:.75rem}:is(.premium-card:has(.invoice-card-compact),.premium-card:has(.staff-card-compact)){box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.invoice-card-compact{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:.5rem;padding:.75rem .875rem}.staff-card-compact{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);word-break:break-word;border-radius:12px;flex-direction:column;gap:.5rem;margin-bottom:.625rem;padding:.75rem .875rem;display:flex}.premium-card .premium-card{box-shadow:none;border:1px solid var(--border);border-radius:10px;padding:.625rem}.btn{border-radius:10px;height:44px;padding:0 1rem;font-size:.875rem}.btn-sm{border-radius:8px;height:34px!important;font-size:.8125rem!important}.btn-action{height:30px!important;font-size:.75rem!important}.btn-icon{width:32px!important;height:32px!important}.form-input,.form-select{border-radius:8px;padding:.5rem .75rem;font-size:.875rem}.app-main header{display:none!important}.app-main header.super-admin-header{height:calc(56px + env(safe-area-inset-top,0px))!important;padding:env(safe-area-inset-top,0px) .85rem 0!important;z-index:30!important;display:flex!important;position:sticky!important;top:0!important}.app-main{padding-bottom:0;width:100%!important;margin-left:0!important}.mobile-bottom-nav{height:calc(60px + env(safe-area-inset-bottom));border-top:1px solid var(--border);z-index:50;padding-bottom:env(safe-area-inset-bottom);background:#fff;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.multi-checkout-bar{left:0!important;bottom:calc(60px + env(safe-area-inset-bottom))!important;padding-bottom:1rem!important}.modal-fullscreen-mobile{border-radius:0!important;max-width:100%!important;height:100vh!important;max-height:100vh!important}.action-menu-trigger{display:inline-flex}.action-menu-dropdown{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;background:#fff;flex-direction:column;min-width:140px;margin-top:.25rem;padding:.5rem;display:none;position:absolute;top:100%;right:0}.action-menu-dropdown.open{display:flex}.action-menu-dropdown .btn{justify-content:flex-start;width:100%}.customer-card-mobile{background:#fff;border:1px solid #eee;border-radius:18px;padding:16px;box-shadow:0 2px 10px #0000000a}.customer-name{color:var(--text-primary);font-size:20px;font-weight:700}.customer-phone{color:#888;margin-bottom:12px;font-size:13px}.package-name{color:var(--primary);margin-bottom:8px;font-size:15px;font-weight:600}.usage-row{color:var(--text-secondary);justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.progress-bar{background:var(--bg-main);border-radius:3px;height:6px;margin-bottom:16px;overflow:hidden}.progress-bar-fill{background:var(--primary);height:100%}.customer-actions{border-top:1px solid #eee;gap:8px;padding-top:12px;display:flex}.customer-actions button{cursor:pointer;border:none;border-radius:10px;flex:1;padding:8px;font-size:14px;font-weight:600;transition:background .2s}.btn-use{background:var(--primary);color:#fff}.btn-use:hover{background:var(--primary-light)}.btn-detail{background:var(--bg-main);color:var(--text-secondary)}.btn-detail:hover{background:#e2e8f0}.mobile-filter-chips{scrollbar-width:none;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.mobile-filter-chips::-webkit-scrollbar{display:none}.filter-chip{white-space:nowrap;background:var(--bg-main);color:var(--text-secondary);cursor:pointer;border:1px solid #0000;border-radius:20px;padding:6px 16px;font-size:14px;font-weight:600}.filter-chip.active{color:var(--primary);background:#6d28d91a;border-color:#6d28d933}.customer-search-mobile{top:env(safe-area-inset-top,0px);z-index:10;background:var(--bg-main);margin-bottom:12px;padding:10px 0;position:sticky}}.compact-view{font-size:.9em}.compact-view .premium-card{padding:.75rem!important}.compact-view .page-title{margin-bottom:.25rem!important;font-size:1.25rem!important}.compact-view .page-subtitle{margin-bottom:1rem!important;font-size:.85rem!important}.compact-view h2,.compact-view h3,.compact-view h4{font-size:1.1em!important}.compact-view .btn{height:auto!important;padding:.4rem .75rem!important;font-size:.85em!important}.compact-view .form-input,.compact-view .form-select,.compact-view .form-control{padding:.4rem .75rem!important;font-size:.85em!important}.compact-view .pos-grid{gap:1rem!important}.compact-view .mobile-stack{gap:.5rem!important;margin-bottom:1rem!important}.no-spin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spin{-moz-appearance:textfield}.invoice-select-grid{grid-template-columns:1fr;gap:.5rem;display:grid}@media (width>=480px){.invoice-select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}