:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f5f7ff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7ff}a{font-weight:500;color:#3d66ff;text-decoration:none}a:hover{color:#1d4ed8}button{font-family:inherit}#root{width:100%;margin:0;padding:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(61,102,255,.08),transparent 55%),#f5f7ff;color:#0f172a;display:flex;flex-direction:column}.app-shell>.app-header,.app-shell>.app-main,.app-shell>.app-footer{width:100%}.app-header{position:sticky;top:0;z-index:20;background-color:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(148,163,184,.35)}.app-header-inner{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:flex;align-items:center;gap:.75rem}.brand-mark{width:36px;height:36px;border-radius:9999px;background:linear-gradient(135deg,#3d66ff,#2563eb);color:#fff;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #2563eb73}.brand-name{font-weight:600;letter-spacing:.03em}.brand-tagline{font-size:.78rem;color:#64748b}.header-actions{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.btn{border-radius:9999px;border:1px solid transparent;padding:.45rem .95rem;font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;background-color:#fff;color:#0f172a;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform 80ms ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#3d66ff,#2563eb);border-color:transparent;color:#fff;box-shadow:0 10px 25px #2563eb59}.btn-primary:hover{background:linear-gradient(135deg,#3255d8,#1d4ed8);box-shadow:0 14px 35px #2563eb80;transform:translateY(-1px)}.btn-outline{border-color:#94a3b8b3;background-color:#fff;color:#0f172a}.btn-outline:hover{border-color:#3d66ff;box-shadow:0 4px 12px #0f172a14}.btn-ghost{background-color:transparent;border-color:transparent;color:#0f172a}.btn-ghost:hover{background-color:#94a3b826}.app-main{flex:1;display:flex;flex-direction:column;gap:1.75rem}.app-main>section{width:100%;padding-inline:1.5rem}.overview-header{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start}.overview-subtitle{margin-top:.25rem;font-size:.9rem;color:#64748b}.overview-meta{display:flex;align-items:center;gap:.75rem}.overview-date{font-size:.78rem;color:#64748b}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:.15rem .6rem;font-size:.72rem;font-weight:500;border:1px solid transparent}.pill-soft{background-color:#3d66ff14;color:#1d4ed8;border-color:#2563eb33}.pill-success{background-color:#ecfdf3;color:#047857;border-color:#04785733}.pill-warning{background-color:#fef7c3;color:#92400e;border-color:#92400e33}.pill-danger{background-color:#fee2e2;color:#b91c1c;border-color:#b91c1c33}.pill-category{margin-top:.35rem;background-color:#0f172a0a;color:#64748b;border-color:transparent}.stats-grid{margin-top:1.25rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stat-card{padding:1rem 1.1rem;border-radius:1rem;background:radial-gradient(circle at top right,rgba(61,102,255,.12),transparent 55%),#fff;border:1px solid rgba(226,232,240,.9);box-shadow:0 18px 45px #0f172a0a}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.stat-value{margin-top:.25rem;font-size:1.25rem;font-weight:600;color:#0f172a}.stat-value-warning{color:#b91c1c}.stat-trend{margin-top:.25rem;font-size:.8rem;color:#64748b}.stat-trend-up{color:#16a34a}.stat-trend-warning{color:#b45309}.layout-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1.4fr);gap:1.5rem;align-items:flex-start}.card{background-color:#fff;border-radius:1.1rem;border:1px solid rgba(226,232,240,.95);box-shadow:0 22px 60px #0f172a0f;padding:1.1rem 1.1rem 1rem;display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.card-subtitle{margin-top:.2rem;font-size:.85rem;color:#64748b}.card-footer{margin-top:.75rem;display:flex;justify-content:flex-end}.link-button{border:none;background:transparent;padding:0;font-size:.8rem;font-weight:500;color:#3d66ff;cursor:pointer}.link-button:hover{text-decoration:underline}.chip{border-radius:9999px;border:1px solid rgba(148,163,184,.55);padding:.25rem .7rem;font-size:.78rem;background-color:#fff;color:#64748b;cursor:pointer}.chip-active{background-color:#3d66ff14;color:#1d4ed8;border-color:#2563eb99}.chip-quiet{border-color:transparent;background-color:#0f172a0a}.inventory-toolbar{margin-top:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.inventory-filters{display:flex;flex-wrap:wrap;gap:.4rem}.search-field{flex:1;min-width:220px;display:flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:9999px;border:1px solid rgba(148,163,184,.7);background-color:#f9fafb}.search-field input{border:none;outline:none;background:transparent;font-size:.85rem;width:100%}.search-icon{width:14px;height:14px;border-radius:9999px;border:2px solid #9ca3af;position:relative}.search-icon:after{content:"";position:absolute;width:7px;height:2px;background-color:#9ca3af;border-radius:9999px;transform:rotate(45deg);right:-4px;bottom:-1px}.inventory-table{margin-top:.75rem;display:flex;flex-direction:column;gap:.25rem}.inventory-table-header{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);padding:.5rem .75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.inventory-row{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);padding:.65rem .75rem;align-items:center;column-gap:.75rem;border-radius:.8rem;transition:background-color .12s ease,box-shadow .12s ease,transform 80ms ease}.inventory-row:nth-child(odd){background-color:#f9fafb}.inventory-row:hover{background-color:#f1f5f9;box-shadow:0 10px 24px #0f172a0a;transform:translateY(-1px)}.inventory-item-name{font-size:.92rem;font-weight:500}.inventory-item-meta{margin-top:.15rem;font-size:.78rem;color:#6b7280}.inventory-item-stock,.inventory-item-expiry,.inventory-item-status{font-size:.85rem;color:#0f172a}.inventory-row-meta{display:none}.right-column{display:flex;flex-direction:column;gap:1rem}.quick-actions-grid{display:flex;flex-direction:column;gap:.75rem}.quick-action{border:1px solid rgba(226,232,240,.9);border-radius:.9rem;padding:.65rem .75rem;display:flex;align-items:flex-start;gap:.7rem;cursor:pointer;background-color:#f9fafb;transition:border-color .12s ease,box-shadow .12s ease,transform 80ms ease,background-color .12s ease}.quick-action:hover{border-color:#3d66ff;background-color:#fff;box-shadow:0 12px 30px #0f172a0f;transform:translateY(-1px)}.quick-action-icon{width:28px;height:28px;border-radius:9999px;background:radial-gradient(circle at 30% 20%,rgba(148,163,184,.4),transparent 60%),#e5e7eb}.quick-action-icon-primary{background:radial-gradient(circle at 30% 20%,rgba(191,219,254,.7),transparent 60%),linear-gradient(135deg,#3d66ff,#2563eb)}.quick-action-title{font-size:.9rem;font-weight:500}.quick-action-subtitle{margin-top:.1rem;font-size:.78rem;color:#6b7280}.sales-list{list-style:none;padding:0;margin:.25rem 0 0;display:flex;flex-direction:column;gap:.4rem}.sale-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .4rem;border-radius:.7rem;transition:background-color .12s ease}.sale-row:hover{background-color:#f9fafb}.sale-amount{font-weight:600;font-size:.95rem}.sale-meta{margin-top:.1rem;font-size:.78rem;color:#6b7280}.sale-side{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.sale-time{font-size:.78rem;color:#64748b}.app-footer{border-top:1px solid rgba(203,213,225,.8);background-color:#fffffff5;padding:1.25rem 1.5rem 1.6rem}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:.9rem}.footer-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center}.footer-brand-block{max-width:260px}.footer-brand{font-weight:600;font-size:.95rem}.footer-text{margin-top:.25rem;font-size:.8rem;color:#6b7280}.footer-links{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;justify-content:center}.footer-link{font-size:.8rem;color:#6b7280}.footer-link:hover{color:#3d66ff;text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-meta{font-size:.76rem;color:#9ca3af}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1.4fr)}}@media(max-width:768px){.app-header,.app-main,.app-footer{padding-inline:1rem}.overview-header{flex-direction:column;align-items:flex-start}.stats-grid,.layout-grid{grid-template-columns:minmax(0,1fr)}.inventory-table-header{display:none}.inventory-row{grid-template-columns:minmax(0,1fr);row-gap:.3rem;padding-block:.6rem}.inventory-item-stock,.inventory-item-expiry,.inventory-item-status{display:none}.inventory-row-meta{display:flex;flex-wrap:wrap;gap:.3rem .6rem;font-size:.75rem;color:#6b7280}.sale-row{align-items:flex-start;flex-direction:column}.sale-side{flex-direction:row;align-items:center}.footer-top{flex-direction:column;align-items:flex-start}}.landing-main{gap:2.5rem}.hero{margin-top:.75rem}.hero-grid{max-width:1200px;margin:0 auto;padding-top:1.5rem;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2.5rem;align-items:center}.hero-copy{max-width:560px;text-align:left}.hero-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .7rem;border-radius:9999px;background-color:#0f172a0a;border:1px solid rgba(148,163,184,.55);font-size:.78rem;color:#64748b}.hero-pill-dot{width:8px;height:8px;border-radius:9999px;background-image:radial-gradient(circle at 30% 20%,#bfdbfe,transparent 60%);background-color:#22c55e}.hero-title{margin-top:.9rem;font-size:2.2rem;line-height:1.1;letter-spacing:-.02em}.hero-subtitle{margin-top:.6rem;font-size:.98rem;color:#64748b}.hero-bullets{margin:.9rem 0 0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.35rem;font-size:.86rem;color:#475569}.hero-bullets li::marker{color:#3d66ff}.hero-cta-row{margin-top:1.1rem;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-start}.hero-cta-main{padding-inline:1.4rem}.hero-cta-secondary{background-color:#fff}.hero-meta-row{margin-top:1.1rem;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:flex-start}.hero-meta-item{min-width:150px}.hero-meta-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.hero-meta-value{margin-top:.2rem;font-size:.9rem;font-weight:500}.hero-visual{justify-self:center}.phone-shell{width:260px;height:520px;border-radius:32px;padding:14px;background:radial-gradient(circle at top,rgba(61,102,255,.25),transparent 60%),#020617;box-shadow:0 40px 110px #0f172abf;border:1px solid rgba(148,163,184,.55);position:relative}.mobile-image{width:260px;height:520px;border-radius:32px;box-shadow:0 40px 110px #0f172abf;border:1px solid rgba(148,163,184,.55);display:block}.phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:96px;height:18px;border-radius:9999px;background:#020617}.phone-screen{width:100%;height:100%;border-radius:24px;padding:18px 14px 14px;background:radial-gradient(circle at top,#0f172acc,#020617);color:#e5e7eb;display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.phone-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.phone-badge{font-size:.7rem;padding:.1rem .45rem;border-radius:9999px;background-color:#16a34a40;color:#bbf7d0}.phone-metric-cards{display:flex;flex-direction:column;gap:.4rem}.phone-metric{border-radius:.9rem;padding:.55rem .6rem;background:#0f172ad1;border:1px solid rgba(30,64,175,.7)}.phone-metric-primary{background:linear-gradient(135deg,#3d66ffe6,#1e40aff2);border-color:#bfdbfe73}.phone-metric-label{font-size:.7rem;color:#cbd5f5}.phone-metric-value{margin-top:.15rem;font-size:1rem;font-weight:600}.phone-metric-trend{margin-top:.12rem;font-size:.7rem;color:#9ca3af}.phone-metric-trend-positive{color:#bbf7d0}.phone-metric-trend-warning{color:#fed7aa}.phone-inventory-preview{margin-top:.25rem;padding-top:.4rem;border-top:1px dashed rgba(148,163,184,.5);display:flex;flex-direction:column;gap:.25rem;font-size:.72rem}.phone-inventory-row{display:flex;justify-content:space-between;align-items:center;gap:.3rem;color:#e5e7eb}.status-dot{width:7px;height:7px;border-radius:9999px}.status-dot-green{background-color:#22c55e}.status-dot-amber{background-color:#f59e0b}.status-dot-red{background-color:#ef4444}.hero-store-hint{margin-top:.75rem;font-size:.78rem;color:#64748b;text-align:center}.section{padding-top:.25rem}.section-header{text-align:center;max-width:640px;margin:0 auto 1rem}.section-title{font-size:1.2rem}.section-subtitle{margin-top:.25rem;font-size:.9rem;color:#64748b}.feature-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:1200px;margin-inline:auto}.feature-card{padding:.9rem;border-radius:.9rem;background-color:#fff;border:1px solid rgba(226,232,240,.9);box-shadow:0 10px 28px #0f172a0a}.feature-icon{width:28px;height:28px;border-radius:.75rem;margin-bottom:.6rem}.feature-icon-1{background:linear-gradient(135deg,#3d66ff,#2563eb)}.feature-icon-2{background:linear-gradient(135deg,#22c55e,#16a34a)}.feature-icon-3{background:linear-gradient(135deg,#f97316,#ea580c)}.feature-icon-4{background:linear-gradient(135deg,#a855f7,#7c3aed)}.feature-title{font-size:.9rem;font-weight:500}.feature-body{margin-top:.25rem;font-size:.82rem;color:#6b7280}.plan-compare{margin-top:1.4rem;padding:1rem 1rem .9rem;border-radius:1rem;border:1px dashed rgba(148,163,184,.75);background-color:#f8fafce6;max-width:1200px;margin-inline:auto}.plan-compare-header{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.75rem}.plan-compare-title{font-size:.9rem;font-weight:600}.plan-compare-subtitle{font-size:.8rem;color:#64748b}.plan-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.plan-card{border-radius:.9rem;padding:.8rem .9rem;background-color:#fff;border:1px solid rgba(226,232,240,.9)}.plan-card-pro{border-width:1.5px;border-color:#2563ebbf;box-shadow:0 12px 30px #2563eb21}.plan-pill{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:500;color:#4b5563;background-color:#94a3b82e}.plan-pill-primary{color:#1d4ed8;background-color:#3d66ff24}.plan-name{margin-top:.4rem;font-size:.9rem;font-weight:600}.plan-price{margin-top:.15rem;font-size:.95rem;font-weight:600;color:#0f172a}.plan-note{margin-top:.1rem;font-size:.8rem;color:#64748b}.plan-list{margin:.5rem 0 0;padding-left:1.1rem;font-size:.8rem;color:#475569;display:flex;flex-direction:column;gap:.2rem}.steps-list{margin:.8rem auto 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;max-width:1200px}.step-item{flex:1 1 0;min-width:230px;display:flex;gap:.55rem;padding:.7rem .8rem;border-radius:.9rem;background-color:#fff;border:1px dashed rgba(148,163,184,.75)}.step-number{width:22px;height:22px;border-radius:9999px;background-color:#3d66ff;color:#fff;font-size:.78rem;display:flex;align-items:center;justify-content:center}.step-title{font-size:.88rem;font-weight:500}.step-body{margin-top:.2rem;font-size:.8rem;color:#64748b}.cta-strip{margin-top:.5rem}.cta-strip-inner{border-radius:1.1rem;padding:.9rem 1rem;background:linear-gradient(135deg,#3d66ff1f,#2563eb52);border:1px solid rgba(191,219,254,.85);display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:900px;margin:0 auto}.cta-strip-title{font-size:1rem;font-weight:600}.cta-strip-body{margin-top:.15rem;font-size:.86rem;color:#e5e7eb}.cta-strip-actions{flex-shrink:0}@media(max-width:1024px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:1.75rem}.hero-copy{order:2}.hero-visual{order:1}.hero-title{font-size:1.7rem}.feature-grid{grid-template-columns:minmax(0,1fr)}.cta-strip-inner{flex-direction:column;align-items:flex-start}}