:root{color:#162033;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f7f5f8;--surface:#fff;--surface-soft:#fcfafc;--text:#17223b;--muted:#6f7d95;--line:#e8dce5;--primary:#e84b8a;--primary-dark:#cf3d76;--navy:#1c2847;--blue-soft:#eef4ff;--green-soft:#edf9f0;--gray-soft:#f4f5f7;--warning-soft:#fff7e8;--danger-soft:#fff1f1;--shadow:0 18px 48px #19223e14;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;background:#f7f5f8;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--text);background:radial-gradient(circle at 0 0,#fff5fa 0%,#f7f5f8 35% 100%);margin:0}body{min-width:320px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;padding:28px 18px 48px}.page-container{max-width:1280px;margin:0 auto}.top-header{box-shadow:var(--shadow);background:linear-gradient(135deg,#fffdfd 0%,#fff6fb 100%);border:1px solid #f0d8e4;border-radius:30px;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;padding:34px 32px;display:flex}.brand-block{max-width:760px}.brand-eyebrow{color:#9b5d78;background:#fff0f6;border:1px solid #f3c8da;border-radius:999px;align-items:center;margin-bottom:16px;padding:8px 14px;font-size:13px;display:inline-flex}.brand-title{letter-spacing:-.04em;color:var(--navy);margin:0;font-size:68px;line-height:.98}.brand-subtitle{color:var(--muted);margin:14px 0 0;font-size:18px}.header-actions{flex-direction:column;align-items:flex-end;gap:14px;min-width:280px;display:flex}.top-nav{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.top-nav-link{border:1px solid var(--line);min-height:48px;color:var(--navy);background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-weight:700;transition:all .18s;display:inline-flex}.top-nav-link:hover{transform:translateY(-1px)}.user-pill{border:1px solid var(--line);background:#fff;border-radius:999px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex}.user-pill-email{color:var(--muted);font-size:14px}.primary-button,.secondary-button{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;text-decoration:none;transition:all .18s;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--primary) 0%, #d6447f 100%);color:#fff;border:none;font-weight:700;box-shadow:0 12px 28px #e84b8a38}.primary-button:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-dark) 0%, #bd336d 100%);transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:default}.secondary-button{border:1px solid var(--line);color:var(--navy);background:#fff;font-weight:700}.secondary-button.small{min-height:40px;padding:0 14px;font-size:13px}.banner{border:1px solid #0000;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.banner-error{color:#b42318;background:#fff3f2;border-color:#f7c9c5}.banner-info{color:#2563eb;background:#eef5ff;border-color:#c7dbff}.hero-card{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:linear-gradient(135deg,#fff 0%,#fffafc 100%);justify-content:space-between;gap:24px;margin-bottom:26px;padding:26px;display:flex}.hero-home{align-items:stretch}.hero-home.compact{padding:22px 24px}.hero-copy{flex:1}.hero-title{letter-spacing:-.04em;color:var(--navy);margin:0;font-size:54px;line-height:1.03}.hero-title.small{font-size:42px}.hero-description{color:var(--muted);max-width:760px;margin:14px 0 0;font-size:18px}.hero-stats{grid-template-columns:repeat(1,minmax(180px,1fr));gap:12px;width:280px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:18px}.stat-label{color:var(--muted);margin-bottom:8px;font-size:13px}.stat-number{color:var(--navy);font-size:34px;font-weight:800;line-height:1}.hero-side-card{border:1px solid var(--line);background:#fff;border-radius:20px;justify-content:center;align-items:center;width:320px;padding:18px;display:flex}.eyebrow{color:var(--muted);margin-bottom:8px;font-size:13px}.hero-value{letter-spacing:-.04em;color:var(--navy);font-size:46px;font-weight:800;line-height:1}.hero-meta{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.hero-meta-item{background:var(--surface-soft);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:13px}.pill-row,.button-row,.product-chip-row{flex-wrap:wrap;gap:10px;display:flex}.pill-row{margin:18px 0}.mini-pill{border-radius:999px;align-items:center;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.mini-pill-blue{background:var(--blue-soft);color:#2563eb}.mini-pill-green{background:var(--green-soft);color:#16a34a}.mini-pill-gray{background:var(--gray-soft);color:#667085}.section-head{justify-content:space-between;align-items:flex-end;gap:12px;margin:36px 0 16px;display:flex}.section-title{letter-spacing:-.03em;color:var(--navy);margin:0;font-size:32px;line-height:1.05}.section-sub{color:var(--muted);margin:6px 0 0;font-size:15px}.toolbar-card,.empty-card,.info-card,.summary-card,.quick-card,.benefit-card,.history-card,.teaser-card,.admin-form,.dashboard-card,.customer-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px}.toolbar-card,.info-card,.summary-card,.quick-card,.benefit-card,.history-card,.admin-form,.dashboard-card,.customer-card{padding:18px}.empty-card{color:var(--muted);padding:20px}.toolbar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.history-toolbar,.admin-toolbar{grid-template-columns:2fr 1fr 1fr}.admin-order-toolbar{grid-template-columns:2fr 1fr 1fr 1fr}.customer-toolbar{grid-template-columns:1fr}.form-field{gap:8px;display:grid}.form-field span{color:var(--muted);font-size:13px;font-weight:700}.form-field input,.form-field textarea,.form-field select{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:14px;outline:none;padding:12px 14px}.form-field textarea{resize:vertical}.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:12px;display:grid}.purchase-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-label{color:var(--muted);margin-bottom:8px;font-size:13px}.summary-number{color:var(--navy);font-size:38px;font-weight:800;line-height:1}.quick-grid,.teaser-grid,.benefit-grid,.product-grid,.customer-grid{gap:18px;display:grid}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-card{min-height:170px}.quick-title{color:var(--navy);margin-bottom:10px;font-size:20px;font-weight:800}.quick-text{color:var(--muted);font-size:15px}.teaser-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.teaser-card{overflow:hidden}.teaser-image{aspect-ratio:1;object-fit:cover;background:#f1f3f6;width:100%;display:block}.teaser-body{padding:18px}.teaser-title{color:var(--navy);margin:0 0 8px;font-size:26px;line-height:1.1}.teaser-text{color:var(--muted);margin:0 0 14px}.teaser-price{color:var(--navy);margin-bottom:14px;font-size:30px;font-weight:800}.product-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.product-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;overflow:hidden}.product-image-wrap{background:#fbfbfd;padding:16px 16px 0}.product-image{aspect-ratio:1;object-fit:cover;background:#eceef3;border-radius:18px;width:100%;display:block}.product-body{padding:18px}.product-title{color:var(--navy);margin:0 0 8px;font-size:28px;line-height:1.1}.product-description{min-height:44px;color:var(--muted);margin:0 0 14px}.price-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.price-main{letter-spacing:-.03em;color:var(--navy);font-size:34px;font-weight:800;line-height:1}.muted-text{color:var(--muted);font-size:14px}.quantity-row{border:1px solid var(--line);background:#fbfbfd;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:12px;display:flex}.qty-button{border:1px solid var(--line);background:#fff;border-radius:12px;width:36px;height:36px;font-weight:700}.qty-input{border:1px solid var(--line);text-align:center;background:#fff;border-radius:12px;width:90px;height:36px}.qty-caption{color:var(--muted);font-size:13px}.summary-row{color:#3a4960;gap:6px;margin-bottom:14px;font-size:14px;display:grid}.chip{border:1px solid #0000;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.chip-neutral{color:#667085;background:#f3f4f6;border-color:#e5e7eb}.chip-success{color:#027a48;background:#ecfdf3;border-color:#b7ebcb}.chip-warning{color:#b54708;background:#fff7e6;border-color:#f7d18b}.chip-danger{color:#c01048;background:#fff1f1;border-color:#f5becd}.chip-info{color:#2563eb;background:#eef4ff;border-color:#c7dbff}.history-list,.admin-list{gap:14px;display:grid}.history-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.history-id{color:var(--navy);font-size:18px;font-weight:800}.history-date{color:var(--muted);margin-top:4px;font-size:14px}.history-status-group{flex-wrap:wrap;gap:8px;display:flex}.history-meta-grid,.info-list{border:1px solid var(--line);background:#fbfbfd;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.history-label,.info-list span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.history-items,.order-item-list,.stack,.recent-order-list{gap:10px;display:grid}.history-item,.order-item-row,.recent-order-row{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.order-item-title{font-weight:700}.recent-order-title{color:var(--navy);font-weight:800}.recent-order-right{justify-items:end;gap:8px;display:grid}.result-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#fff 0%,#fff8fb 100%);border-radius:28px;padding:24px}.result-title{color:var(--navy);margin:0 0 8px;font-size:36px;line-height:1.05}.result-text{color:var(--muted);margin:0 0 18px;font-size:16px}.detail-layout{grid-template-columns:2fr 1fr;gap:18px;display:grid}.info-title,.benefit-title,.dashboard-title{color:var(--navy);margin:0 0 12px;font-size:24px;line-height:1.1}.benefit-text{color:var(--muted);margin:0 0 12px}.dashboard-card{margin-bottom:12px}.customer-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.customer-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.customer-name{color:var(--navy);font-size:20px;font-weight:800}.customer-metrics{border:1px solid var(--line);background:#fbfbfd;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;padding:14px;display:grid}.customer-metrics span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.admin-item{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:22px;grid-template-columns:92px 1fr auto;align-items:center;gap:16px;padding:16px;display:grid}.admin-item-image{object-fit:cover;background:#eceef3;border-radius:18px;width:92px;height:92px}.admin-item-main{min-width:0}.admin-item-title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.admin-item-title{color:var(--navy);font-size:22px;font-weight:800}.admin-item-sub{color:var(--muted);margin-bottom:8px;font-size:14px}.admin-form,.form-grid{gap:14px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.image-preview-wrap{padding:8px 0}.image-preview{object-fit:cover;border:1px solid var(--line);background:#f3f4f6;border-radius:18px;width:180px;height:180px}.benefit-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.admin-order-actions{flex-wrap:wrap;align-items:end;gap:12px;margin-top:14px;display:flex}@media (width<=1080px){.top-header,.hero-card,.detail-layout{flex-direction:column;grid-template-columns:1fr}.header-actions{align-items:stretch;min-width:0}.hero-stats,.hero-side-card{width:100%}.summary-grid,.purchase-grid,.customer-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid,.toolbar-grid,.history-toolbar,.admin-toolbar,.admin-order-toolbar,.form-grid.two,.form-grid.four,.history-meta-grid,.info-list,.customer-metrics{grid-template-columns:1fr}}@media (width<=720px){.page-shell{padding:14px 10px 28px}.top-header{border-radius:24px;padding:22px 18px}.brand-title{font-size:40px}.brand-subtitle{font-size:15px}.hero-title{font-size:34px}.hero-title.small{font-size:30px}.section-title{font-size:28px}.summary-grid,.purchase-grid,.customer-summary-grid,.product-grid{grid-template-columns:1fr}.admin-item{grid-template-columns:1fr;align-items:flex-start}.history-head,.history-item,.order-item-row,.price-row,.admin-item-title-row,.customer-card-head,.recent-order-row{flex-direction:column;align-items:flex-start}.product-title{font-size:24px}.price-main,.hero-value,.stat-number{font-size:30px}}