@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&family=Varela+Round&display=swap";:root{--primary-color:#044975;--sidebar-color:#044975;--surface-color:#fffffff5;--surface-soft:#f4f8fb;--surface-accent:#80cbc4;--border-color:#0449751f;--text-color:#14324a;--text-muted:#111;--body-font:"Nunito", "Segoe UI", sans-serif;--heading-font:"Varela Round", "Trebuchet MS", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--body-font);color:var(--text-color);background:radial-gradient(circle at top,#64b5f629,#0000 28%),linear-gradient(#fff8e1 0%,#f7fbfc 100%);margin:0}h1,h2,h3,h4{margin-top:0}h1,h2,.public-feature-card h3,.public-promo-card h3,.public-plan-card h3,.platform-plan-card h3,.platform-subscription-head h3{font-family:var(--heading-font);letter-spacing:-.02em}p{line-height:1.6}button,input,select,textarea{font:inherit}button,.platform-badge,.public-badge,.eyebrow,.public-card-label,.sidebar-button,.status-badge{font-family:var(--heading-font)}button{color:#fff;cursor:pointer;background:#80cbc4;border:none;border-radius:999px;padding:10px 16px;font-weight:600}button:hover{opacity:.92}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{color:var(--text-color);background:#f8fbfef5;border:1px solid #04497529;border-radius:12px;padding:10px 12px}textarea{resize:vertical;min-height:110px}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:10px}.app-shell{height:100vh;display:flex;overflow:hidden}.app-content{background:#f7fbfc;flex:1;min-width:0;padding:24px;overflow-y:auto}.page h1{margin-top:0}.card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:18px;margin-bottom:16px;padding:16px;overflow-x:auto;box-shadow:0 18px 45px #0a2d4a14}.card h3{margin-top:0}.card.success{color:#166534;background:#ecfdf5}.card.error{color:#991b1b;background:#fef2f2}.error{color:#b91c1c}.success{color:#166534}.secondary-button{color:#044975;background:#ffccbcb3}.hero-secondary-button{color:#fff;background:#ffffff24;border:1px solid #ffffff59}.hero-secondary-button:hover{background:#fff3}.danger-button{color:#fff;background:#b91c1c;border-radius:10px;padding:8px 12px}.filters,.sale-form-row,.product-filters,.dashboard-filters,.platform-inline-actions,.form-actions,.table-actions,.receipt-summary{flex-wrap:wrap;gap:12px;display:flex}.filters,.sale-form-row,.dashboard-filters{align-items:end}.filters input{margin-top:6px;display:block}.sale-form-row label{flex-direction:column;gap:6px;display:flex}.sale-form-row label.sale-inline-field{flex-direction:row;align-items:center;gap:12px}.sale-form-row label.sale-inline-field span{white-space:nowrap}.sale-form-row input,.sale-form-row select{display:block}.summary-grid,.inventory-form-grid,.product-form-grid,.dashboard-bottom-grid,.detail-grid,.platform-detail-grid,.public-grid,.platform-plan-grid,.platform-metrics,.platform-section-grid,.public-hero,.platform-hero,.public-hero-highlights,.platform-form-grid{gap:16px;display:grid}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:16px}.summary-title{color:#111;font-size:14px}.summary-value{margin-top:8px;font-size:24px;font-weight:700}.summary-card-danger .summary-title{color:#991b1b}.summary-card-danger .summary-value{color:#b91c1c}.dashboard-section{margin-bottom:16px}.dashboard-bottom-grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 16px;margin-bottom:16px}.inventory-form-grid,.product-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:16px 0}.inventory-form-grid label,.product-form-grid label,.login-form label,.platform-form-grid label,.platform-inline-field{flex-direction:column;gap:6px;display:flex}.product-filters{background:#f9fafc;border-radius:14px;margin-bottom:20px;padding:12px}.product-filters label,.dashboard-filters label{flex-direction:column;gap:6px;min-width:180px;display:flex}.product-filter-actions,.dashboard-filter-actions{align-items:flex-end;gap:10px;display:flex}.full-width{grid-column:1/-1}.checkbox-field{align-items:center;margin-top:28px;flex-direction:row!important;gap:8px!important;display:flex!important}.checkbox-field input{width:auto;margin:0}.chart-container{width:100%;height:320px;margin-top:12px}.nested-card{background:#f9fafb;margin-top:16px}.scanner-inline,.scanner-actions,.scanner-last-detected,.scanner-toggle-card{margin-bottom:12px}.scanner-region{border-radius:10px;width:100%;max-width:420px;min-height:250px;overflow:hidden}.scanner-region video,.scanner-container video{object-fit:cover;border-radius:8px;width:100%}.scanner-container{margin-top:10px}.scanner-container video{max-height:180px}.scanner-region img{max-width:100%}.scanner-header{justify-content:space-between;align-items:center;display:flex}.barcode-scanner-card{width:100%}.login-page{background:radial-gradient(circle at 0 0,#04497529,#0000 32%),linear-gradient(#f4f8fc 0%,#e9f2f9 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fffffff5;border:1px solid #04497524;border-radius:22px;width:100%;max-width:420px;padding:28px;box-shadow:0 20px 60px #0b2d481f}.login-form{flex-direction:column;gap:16px;display:flex}.sidebar{color:#fff;z-index:20;flex-direction:column;flex-shrink:0;justify-content:space-between;width:240px;height:100vh;padding:24px 16px;display:flex;position:relative;overflow-y:auto}.sidebar-mobile-header{display:none}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.sidebar-button{color:#d1d5db;text-align:left;background:0 0;border-radius:0;width:100%;padding:0}.sidebar-button.active{color:#fff;font-weight:700}.sidebar-button:disabled{opacity:.5;cursor:not-allowed}.sidebar-user{background:#ffffff1a;border-radius:10px;margin-bottom:20px;padding:12px;font-size:14px}.logout-button{color:#fca5a5;margin-top:16px}.sidebar-company-block{margin-bottom:8px}.sidebar-company-name{font-size:18px;font-weight:700;line-height:1.3}.sidebar-footer{flex-direction:column;gap:12px;margin-top:20px;display:flex}.sidebar-footer-actions{justify-content:space-between;align-items:center;gap:18px;width:100%;display:flex}.sidebar-footer-button{text-align:right;width:auto}.sidebar-footer .logout-button{margin-top:0}.sidebar-product-name{text-align:center;opacity:.6;border-top:1px solid #fff3;padding-top:10px;font-size:12px}.mobile-topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:none}.mobile-menu-button,.sidebar-close-button{border-radius:10px}.status-badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.status-completed{color:#166534;background:#dcfce7}.status-cancelled{color:#991b1b;background:#fee2e2}.status-default{color:#111;background:#e5e7eb}.public-page{max-width:1180px;margin:0 auto;padding:28px 24px 56px}.language-switcher{background:#ffffffe6;border:1px solid #04497524;border-radius:999px;align-items:center;gap:4px;padding:3px;display:inline-flex}.language-switcher-button{color:#044975;background:0 0;border-radius:999px;min-width:38px;padding:4px 8px;font-size:12px;line-height:1.1}.language-switcher-button.active{color:#fff;background:#044975}.public-language-switcher{margin-bottom:16px;margin-left:auto}.login-language-row{justify-content:flex-end;margin-bottom:12px;display:flex}.sidebar-language-switcher{background:#ffffff1f;border-color:#ffffff38;align-self:flex-start;width:fit-content;margin:0 0 12px}.sidebar-language-switcher .language-switcher-button{color:#fff}.sidebar-language-switcher .language-switcher-button.active{background:#ffffff38}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:16px;margin-bottom:20px;display:flex}.public-hero{grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);align-items:stretch;margin-bottom:28px}.public-hero-copy,.platform-hero-copy{color:#fff;background:radial-gradient(circle at 100% 0,#64b5f657,#0000 34%),linear-gradient(145deg,#044975 0%,#1d5f8d 60%,#64b5f6 100%);border-radius:28px;padding:36px;position:relative;overflow:hidden;box-shadow:0 28px 60px #04497538}.public-hero-copy h1{margin:12px 0 14px;font-size:34px;line-height:1.08}.public-badge,.platform-badge,.eyebrow,.public-card-label{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;width:fit-content;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.public-badge,.platform-badge{color:#fff;background:#ffffff24}.public-hero-copy p,.platform-hero-copy p{color:#ffffffdb;max-width:620px}.platform-metric{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border-radius:18px;padding:16px}.platform-metric strong{margin-bottom:4px;font-size:28px;display:block}.platform-metric span{color:#ffffffbf;font-size:13px}.public-cta-card{background:linear-gradient(#eceff1f5 0%,#fff8e1f0 100%);border:1px solid #0449751a;border-radius:28px;flex-direction:column;justify-content:flex-start;place-self:start end;gap:8px;width:fit-content;min-width:190px;height:fit-content;padding:16px;display:flex;box-shadow:0 18px 45px #0a2d4a14}.public-hero-actions-wrap{justify-content:flex-end;align-items:flex-start;display:flex}.public-plan-topline span,.platform-plan-top p,.platform-plan-pricing span,.platform-empty-state,.platform-subscription-head p{color:var(--text-muted);font-size:13px}.public-cta-actions{flex-flow:row;gap:10px;margin-top:0;margin-bottom:0}.public-cta-actions button{font-family:var(--body-font);font-weight:800}.public-band,.public-section{margin-top:24px}.public-intro{text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd1;margin-bottom:8px}.public-intro h2{color:#044975;margin:0;font-size:20px;line-height:1.45}.public-intro p{font-size:18px;font-family:var(--heading-font);color:var(--text-muted);margin:10px 0 0}.public-hero-tagline{font-size:22px;font-family:var(--heading-font);margin:0;color:#ffffffe0!important}.public-section-soft{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;padding:0}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.public-band .section-heading,.public-section .section-heading{padding-left:8px}.eyebrow,.public-card-label{color:#044975;background:#04497514}.eyebrow{margin:0 0 10px}.section-heading h2{color:#044975;margin:0;font-size:22px}.section-subtitle{font-size:15px;font-family:var(--heading-font);color:var(--text-muted);margin:8px 0 0}.public-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.public-feature-card,.public-promo-card,.public-plan-card,.platform-plan-card{border:1px solid var(--border-color);background:#ffffffe0;border-radius:22px;padding:16px;box-shadow:0 16px 35px #0c314f14}.public-feature-card h3{color:#044975}.public-feature-card{background:#ffffffe0;min-height:130px}.public-feature-card p,.public-promo-card p,.public-plan-card p,.platform-plan-card p,.platform-empty-state,.platform-notes-box pre{color:var(--text-muted)}.public-plan-topline,.platform-plan-top,.platform-subscription-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.public-price-stack{margin:18px 0 10px}.public-price-stack strong{color:#044975;font-size:32px;display:block}.public-price-stack span{color:var(--text-muted)}.platform-page{max-width:1260px;margin:0 auto;padding:28px 24px 48px}.public-login-button{color:#044975;background:#04497514;border:1px solid #04497524}.public-login-button:hover{background:#0449751f}.platform-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.platform-toolbar h1{margin:8px 0 0;font-size:20px}.login-card h1,.public-page>.card>h1{font-size:22px;line-height:1.15}.platform-toolbar-actions{flex-wrap:wrap;gap:12px;display:flex}.platform-hero{grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);margin-bottom:20px}.platform-hero-panel{align-items:stretch;display:flex}.platform-summary-list{gap:18px;display:grid}.platform-summary-list span,.platform-detail-grid span{color:var(--text-muted);font-size:13px}.platform-summary-list strong,.platform-detail-grid strong{color:var(--text-color);margin-top:6px;display:block}.platform-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.platform-metric{color:#fff;background:linear-gradient(#044975eb 0%,#0f6b9be6 100%);margin-bottom:0}.platform-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.platform-plan-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.platform-chip,.platform-status-pill{color:#044975;background:#04497514;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.platform-chip-active{color:#0d7a58;background:#0e8c631f}.platform-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.platform-inline-field input,.platform-inline-field textarea,.platform-form-grid input,.platform-form-grid select,.platform-form-grid textarea{width:100%}.platform-subscription-panel{gap:16px;margin-top:18px;display:grid}.platform-detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.platform-detail-grid div,.platform-notes-box{background:var(--surface-soft);border:1px solid #0449751a;border-radius:18px;padding:16px}.platform-notes-box pre{white-space:pre-wrap;font-family:var(--body-font);margin:10px 0 0}.platform-empty-state{background:#0449750f;border-radius:18px;padding:18px}.printable-invoice{background:#fff;border:1px solid #0449751f;border-radius:22px;padding:24px}.invoice-header{border-bottom:1px solid #0449751f;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;padding-bottom:16px;display:flex}.invoice-company-name{font-size:28px;line-height:1.1;font-family:var(--heading-font);color:#044975}.invoice-label{letter-spacing:.16em;text-transform:uppercase;color:#111;margin-top:6px;font-size:13px}.invoice-reference p,.invoice-summary p{margin:0 0 6px}.invoice-meta-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:20px;display:grid}.invoice-meta-grid div{background:#f6fbff;border:1px solid #0449751a;border-radius:16px;padding:14px 16px}.invoice-meta-grid span{text-transform:uppercase;letter-spacing:.08em;color:#111;margin-bottom:5px;font-size:12px;display:block}.invoice-meta-grid strong{color:#111}.invoice-table{margin-bottom:20px}.invoice-summary{width:min(100%,320px);margin-bottom:20px;margin-left:auto}.invoice-summary p{justify-content:space-between;gap:16px;display:flex}.invoice-total-row{border-top:1px solid #0449751f;padding-top:10px;font-size:17px;margin-top:10px!important}.invoice-barcode-block{border-top:1px dashed #04497529;flex-direction:column;align-items:center;gap:8px;margin-top:24px;padding-top:18px;display:flex}.invoice-barcode{max-width:100%;height:auto}.invoice-barcode-text{font-family:var(--heading-font);letter-spacing:.2em;color:#111;font-size:13px}body.invoice-printing .topbar,body.invoice-printing .sidebar,body.invoice-printing .sidebar-overlay{display:none!important}@media print{body.invoice-printing{background:#fff}body.invoice-printing *{visibility:hidden}body.invoice-printing .print-target,body.invoice-printing .print-target *{visibility:visible}body.invoice-printing .print-target{width:auto;box-shadow:none;background:#fff;border:none;margin:0;padding:24px;position:fixed;inset:0;overflow:visible}}@media (width<=1000px){.dashboard-bottom-grid{grid-template-columns:1fr}}@media (width<=768px){.app-shell{height:100vh;overflow:hidden}.app-content{padding:16px}.mobile-topbar{display:block}.sidebar{width:240px;transition:left .25s;position:fixed;top:0;left:-280px;box-shadow:0 0 #0000}.sidebar.sidebar-open{left:0;box-shadow:0 10px 30px #00000040}.sidebar-mobile-header{justify-content:flex-end;margin-bottom:12px;display:flex}.sidebar-overlay{z-index:15;background:#00000059;position:fixed;inset:0}.product-form-grid,.product-filters,.inventory-form-grid,.dashboard-filters,.summary-grid,.dashboard-bottom-grid,.detail-grid,.public-hero,.platform-hero,.platform-section-grid,.platform-metrics,.public-hero-highlights,.platform-form-grid{grid-template-columns:1fr!important}.platform-toolbar{flex-direction:column;align-items:stretch}.section-heading h2{font-size:20px}.public-hero-copy,.platform-hero-copy{padding:28px 22px}.scanner-header{flex-direction:column;align-items:stretch;gap:10px}.invoice-header{flex-direction:column}.invoice-summary{width:100%}h1{font-size:20px}.sidebar-company-name{font-size:16px}}