:root{font-family:Inter,Arial,sans-serif;color:#111827;background:#f7f8fb;line-height:1.5;font-weight:400}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{scroll-behavior:smooth}body{background:linear-gradient(180deg,#f7f8fb,#eef2ff);color:#111827}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.app-shell{min-height:100vh}.topbar{max-width:1180px;margin:0 auto;padding:22px 20px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.topnav{display:flex;gap:18px;font-size:.95rem;color:#4b5563}.hero{max-width:1180px;margin:0 auto;padding:40px 20px 24px;display:grid;grid-template-columns:1.2fr .9fr;gap:28px;align-items:center}.eyebrow{margin:0 0 10px;color:#2563eb;font-size:.92rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.hero h1{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:1.05;letter-spacing:-.04em;max-width:760px}.hero-text{max-width:660px;margin:18px 0 0;font-size:1.04rem;color:#4b5563}.hero-actions{display:flex;gap:14px;margin-top:24px;flex-wrap:wrap}.primary-btn,.secondary-btn{padding:14px 18px;border-radius:14px;border:none;display:inline-flex;align-items:center;justify-content:center}.primary-btn{background:#111827;color:#fff}.secondary-btn{background:#fff;color:#111827;border:1px solid #d1d5db}.mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.stat-card,.panel-card,.small-card,.feature-card,.audience-card,.roadmap-item{background:#fffffff2;border:1px solid #e5e7eb;border-radius:20px;padding:18px}.stat-card span,.panel-card span,.small-card p,.feature-card p{color:#6b7280}.hero-panel{display:grid;gap:16px}.panel-card h3{margin:8px 0 4px;font-size:2rem}.panel-label{margin:0;color:#2563eb;font-weight:700}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.small-card strong{font-size:1.1rem}.section{max-width:1180px;margin:0 auto;padding:44px 20px}.alt-section{padding-top:10px}.section-head{margin-bottom:22px}.section-head h2{margin:0;font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.03em}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card h3{margin-top:0;margin-bottom:10px}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.audience-card{text-align:center;font-weight:700}.roadmap{display:grid;gap:14px}.roadmap-item{display:flex;gap:16px;align-items:flex-start}.roadmap-item strong{width:42px;height:42px;border-radius:999px;background:#111827;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.roadmap-item h3{margin:0 0 6px}.roadmap-item p{margin:0;color:#6b7280}#waitlist{scroll-margin-top:90px}.waitlist-form{background:#fffffff5;border:1px solid #e5e7eb;border-radius:20px;padding:22px;margin-top:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field-wide{grid-column:1 / -1}.form-field label{font-size:.92rem;font-weight:700}.form-field input,.form-field textarea{width:100%;border:1px solid #d1d5db;border-radius:14px;padding:14px 16px;font:inherit;background:#fff;color:#111827}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#2563eb}.form-message{margin-top:14px;font-weight:600}.form-message.success{color:#15803d}.form-message.error{color:#b91c1c}@media (max-width: 960px){.hero,.feature-grid,.audience-grid{grid-template-columns:1fr}.mini-stats,.panel-grid{grid-template-columns:1fr 1fr}.topbar{flex-direction:column;gap:12px;align-items:flex-start}}@media (max-width: 640px){.section{padding:56px 20px}.mini-stats,.panel-grid,.form-grid{grid-template-columns:1fr}.hero{padding-top:24px}.topnav{flex-wrap:wrap;gap:12px}.hero-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}#waitlist{padding-top:80px;scroll-margin-top:120px}.waitlist-form{padding:18px;margin-top:16px}.form-field label{font-size:.95rem}.form-field input,.form-field textarea{padding:16px}.form-message{font-size:.98rem}}.auth-page{max-width:820px;margin:0 auto;padding:60px 20px 90px}.auth-card{background:#fffffff5;border:1px solid #e5e7eb;border-radius:24px;padding:26px}.auth-card h1{margin:0 0 12px;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.03em}.auth-text{margin:0 0 24px;color:#6b7280;font-size:1.02rem}.auth-form{display:grid;gap:16px}.auth-btn{width:100%;margin-top:6px}.auth-links{display:grid;gap:12px;margin-top:16px}.dashboard-page{min-height:100vh;background:linear-gradient(180deg,#f7f8fb,#eef2ff)}.dashboard-topbar{max-width:1180px;margin:0 auto;padding:22px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dashboard-subtitle{margin:6px 0 0;color:#6b7280}.dashboard-top-actions{display:flex;gap:12px;flex-wrap:wrap}.dashboard-shell{max-width:1180px;margin:0 auto;padding:12px 20px 64px;display:grid;gap:20px}.dashboard-hero-card,.metric-card,.dashboard-card{background:#fffffff5;border:1px solid #e5e7eb;border-radius:22px;padding:22px}.dashboard-hero-card h1{margin:0 0 10px;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em}.dashboard-lead{margin:0;color:#6b7280;max-width:760px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card span{display:block;color:#6b7280;margin-bottom:8px}.metric-card strong{font-size:1.8rem;letter-spacing:-.03em}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-card h3{margin-top:0;margin-bottom:12px}.dashboard-list{margin:0;padding-left:18px;color:#4b5563;display:grid;gap:8px}@media (max-width: 960px){.metric-grid,.dashboard-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.auth-page{padding:40px 20px 80px}.auth-card{padding:20px}.dashboard-topbar{flex-direction:column;align-items:flex-start}.metric-grid,.dashboard-grid{grid-template-columns:1fr}.dashboard-top-actions,.dashboard-top-actions a{width:100%}}.products-layout{display:grid;gap:16px}.product-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-list-grid{display:grid;gap:14px}.product-item-card{border:1px solid #e5e7eb;border-radius:18px;padding:18px;background:#fff}.product-item-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.product-item-top h4{margin:0;font-size:1.05rem}.product-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;background:#eef2ff;color:#2563eb;font-size:.85rem;font-weight:700;text-transform:capitalize}.empty-text{margin:0;color:#6b7280}@media (max-width: 640px){.product-form-grid{grid-template-columns:1fr}}.sales-layout{display:grid;gap:16px}.sale-builder-grid,.sale-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sale-item-builder{border:1px solid #e5e7eb;border-radius:18px;padding:16px;background:#fff}.sale-add-btn{margin-top:16px}.sale-cart{border:1px solid #e5e7eb;border-radius:18px;padding:16px;background:#fff}.sale-cart h4{margin-top:0}.sale-cart-list,.sale-list-grid{display:grid;gap:14px}.sale-cart-row,.sale-item-card{border:1px solid #e5e7eb;border-radius:18px;padding:16px;background:#fff}.sale-cart-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.sale-cart-actions{display:grid;gap:10px;justify-items:end}.sale-summary-card{margin-top:16px;border:1px solid #e5e7eb;border-radius:18px;padding:16px;background:#f9fafb}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}.total-row{font-size:1.05rem}.sale-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.sale-item-top h4{margin:0 0 6px}.sale-lines{display:grid;gap:8px;margin-top:14px}.sale-line-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#f9fafb;color:#4b5563;font-size:.95rem}.muted-line{margin:4px 0 0;color:#6b7280;font-size:.94rem}@media (max-width: 640px){.sale-builder-grid,.sale-item-grid{grid-template-columns:1fr}.sale-cart-row,.sale-line-row,.sale-item-top{flex-direction:column;align-items:flex-start}.sale-cart-actions{width:100%;justify-items:stretch}.sale-cart-actions .secondary-btn{width:100%}}.expenses-layout{display:grid;gap:16px}.expense-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.expense-list-grid{display:grid;gap:14px}.expense-item-card{border:1px solid #e5e7eb;border-radius:18px;padding:18px;background:#fff}.expense-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.expense-item-top h4{margin:0 0 6px}.expense-amount-line{margin-bottom:10px;font-size:1.08rem}.expense-note{margin:0;color:#6b7280}@media (max-width: 640px){.expense-form-grid{grid-template-columns:1fr}.expense-item-top{flex-direction:column;align-items:flex-start}}.customers-layout{display:grid;gap:16px}.customer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.customer-list-grid{display:grid;gap:14px}.customer-item-card{border:1px solid #e5e7eb;border-radius:18px;padding:18px;background:#fff}.customer-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.customer-item-top h4{margin:0 0 6px}.debt-payments-box{margin-top:14px;border-top:1px solid #e5e7eb;padding-top:14px}.debt-payments-box h5{margin:0 0 10px;font-size:.95rem}.debt-payment-list{display:grid;gap:8px}.debt-payment-row{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;padding:10px 12px;border-radius:12px;background:#f9fafb;color:#4b5563;font-size:.92rem}@media (max-width: 640px){.customer-form-grid,.debt-payment-row{grid-template-columns:1fr}.customer-item-top{flex-direction:column;align-items:flex-start}}.report-activity-card{grid-column:1 / -1}.activity-feed{display:grid;gap:12px}.activity-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:16px;border:1px solid #e5e7eb;background:#fff}.activity-meta{display:grid;gap:6px}.activity-meta strong{font-size:1rem}.positive-text{color:#15803d}.negative-text{color:#b91c1c}@media (max-width: 640px){.activity-row{flex-direction:column;align-items:flex-start}}.inline-form-actions{display:flex;gap:12px;flex-wrap:wrap}.product-item-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.product-badge-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.warning-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;background:#fff7ed;color:#c2410c;font-size:.85rem;font-weight:700}.danger-btn{border-color:#fecaca;color:#b91c1c}@media (max-width: 640px){.inline-form-actions,.product-item-actions{flex-direction:column}.inline-form-actions .primary-btn,.inline-form-actions .secondary-btn,.product-item-actions .secondary-btn{width:100%}}.settings-layout{display:grid;gap:16px}.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width: 640px){.settings-form-grid{grid-template-columns:1fr}}.staff-layout{display:grid;gap:16px}