:root{--md-sys-color-primary:#6750a4;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#eaddff;--md-sys-color-on-primary-container:#21005d;--md-sys-color-secondary:#635a75;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#e8def8;--md-sys-color-on-secondary-container:#1d192b;--md-sys-color-tertiary:#7d5260;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#ffd8e4;--md-sys-color-on-tertiary-container:#31111d;--md-sys-color-surface:#fef7ff;--md-sys-color-on-surface:#1d1b20;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f7f2fa;--md-sys-color-surface-container:#f3edf7;--md-sys-color-surface-container-high:#ece6f0;--md-sys-color-surface-container-highest:#e6e0e9;--md-sys-color-on-surface-variant:#49454f;--md-sys-color-outline:#79747e;--md-sys-color-outline-variant:#cac4d0;--md-sys-color-inverse-surface:#322f35;--md-sys-color-inverse-on-surface:#f5eff7;--md-sys-color-inverse-primary:#d0bcff;--md-sys-color-error:#b3261e;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#f9dedc;--md-sys-color-on-error-container:#410e0b;--md-sys-color-background:#fef7ff;--md-sys-color-on-background:#1d1b20;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-ref-typeface-brand:"Roboto", system-ui, sans-serif;--md-ref-typeface-plain:"Roboto", system-ui, sans-serif;--md-sys-typescale-title-large-size:22px;--md-sys-typescale-title-large-line-height:28px;--md-sys-typescale-title-large-weight:400;--md-sys-typescale-title-medium-size:16px;--md-sys-typescale-body-large-size:16px;--md-sys-typescale-body-medium-size:14px;--md-sys-typescale-label-medium-size:12px;--md-sys-typescale-label-large-size:14px;--md-sys-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--md-sys-motion-duration-short4:.2s;--md-sys-motion-duration-medium2:.3s;--md-sys-motion-duration-medium4:.4s;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-large:20px;--md-sys-shape-corner-medium:16px;--md-sys-shape-corner-small:12px;--md-sys-shape-corner-extra-small:8px;--md-sys-shape-corner-full:9999px;--md-sys-elevation-level3:0 4px 8px 3px color-mix(in srgb, var(--md-sys-color-shadow) 15%, transparent), 0 1px 3px color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}md-icon{--md-icon-font:"Material Symbols Rounded";font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}*,:before,:after{box-sizing:border-box}html,body{height:100%;font-family:var(--md-ref-typeface-plain);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);-webkit-tap-highlight-color:transparent;margin:0}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.material-symbols-rounded.filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}#app{background:var(--md-sys-color-surface-container-high);justify-content:center;min-height:100%;display:flex}.phone-shell{background:var(--md-sys-color-surface);width:min(100%,412px);min-height:100dvh;max-height:100dvh;box-shadow:0 0 0 1px var(--md-sys-color-outline-variant);flex-direction:column;display:flex;position:relative;overflow:hidden}.app-bar{background:var(--md-sys-color-surface);height:64px;transition:background var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);z-index:20;flex-shrink:0;align-items:center;gap:4px;padding:0 4px;display:flex}.app-bar.is-scrolled{background:var(--md-sys-color-surface-container)}.app-bar__title{font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);color:var(--md-sys-color-on-surface);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;overflow:hidden}md-icon-button.app-bar__icon{--md-icon-button-state-layer-width:48px;--md-icon-button-state-layer-height:48px;width:48px;height:48px}.content{scroll-behavior:smooth;flex:1;padding:16px 16px 104px;overflow:auto}.view{animation:view-enter var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard)}.view.is-back{animation-name:view-back}@keyframes view-enter{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes view-back{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.search-bar{margin-bottom:16px}.search-bar md-outlined-text-field{--md-outlined-text-field-container-shape:var(--md-sys-shape-corner-extra-large);width:100%}.product-card{background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-extra-large);width:100%;min-height:0;transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex;position:relative}.product-card:active{transform:scale(.985)}.product-card__main{flex-direction:row;flex:1;align-items:center;min-width:0;display:flex}.product-card__image{border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-highest);object-fit:cover;object-position:center;flex-shrink:0;width:120px;height:120px;display:block}.product-card__image.is-placeholder{color:var(--md-sys-color-on-surface-variant);place-items:center;display:grid}.product-card__image.is-placeholder .material-symbols-rounded{font-size:36px}.product-card__side{z-index:1;flex-direction:column;flex:none;justify-content:center;align-items:flex-end;gap:10px;min-width:108px;margin-left:auto;display:flex}.product-card__price{color:var(--md-sys-color-on-surface);white-space:nowrap;margin:0;font-size:22px;font-weight:500;line-height:1.25}md-filled-button.buy-btn{--md-filled-button-container-shape:var(--md-sys-shape-corner-full);--md-filled-button-container-height:56px;min-width:96px;height:56px}md-filled-button.buy-btn:active{transform:scale(.96)}.empty-state{text-align:center;color:var(--md-sys-color-on-surface-variant);padding:48px 16px}.empty-state .material-symbols-rounded{color:var(--md-sys-color-outline);margin-bottom:12px;font-size:56px}.empty-state h2{font-size:var(--md-sys-typescale-title-large-size);color:var(--md-sys-color-on-surface);margin:0 0 8px;font-weight:400}.empty-state p{font-size:var(--md-sys-typescale-body-medium-size);margin:0 0 24px;line-height:1.5}.section-title{font-size:var(--md-sys-typescale-title-medium-size);color:var(--md-sys-color-on-surface);margin:0 0 12px;font-weight:500}.order-card,.profile-card{background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-large);margin-bottom:12px;padding:16px}.order-card__row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.order-card__name{font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface);margin:0 0 4px}.order-card__meta{font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);margin:0;line-height:1.4}.order-card__actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.status-chip{border-radius:var(--md-sys-shape-corner-extra-small);height:32px;font-size:var(--md-sys-typescale-label-medium-size);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);align-items:center;padding:0 12px;display:inline-flex}.status-chip.is-cancelled{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.status-chip.is-paid{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.status-chip.is-pending{color:#31111d;background:#ffd8e4}.order-card__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.order-card__actions .buy-btn{min-width:96px}.profile-card md-outlined-text-field{width:100%;margin-bottom:12px}.profile-actions{gap:8px;margin-top:8px;display:flex}.fab-host{z-index:30;position:absolute;bottom:96px;right:16px}md-fab{--md-fab-container-shape:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-level3)}md-fab:active{transform:scale(.94)}.nav-bar{background:var(--md-sys-color-surface-container);z-index:25;justify-content:space-around;align-items:center;height:80px;padding:0 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-item{height:100%;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-family:inherit;display:flex;position:relative}.nav-item:active{transform:scale(.96)}.nav-item__indicator{border-radius:var(--md-sys-shape-corner-full);width:64px;height:32px;transition:background var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);place-items:center;display:grid}.nav-item.is-active{color:var(--md-sys-color-on-surface)}.nav-item.is-active .nav-item__indicator{background:var(--md-sys-color-secondary-container)}.nav-item.is-active .material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.nav-item__label{font-size:var(--md-sys-typescale-label-medium-size);font-weight:500;line-height:16px}md-dialog{--md-dialog-container-shape:var(--md-sys-shape-corner-extra-large);--md-dialog-container-color:var(--md-sys-color-surface-container-high)}md-dialog .dialog-fields{flex-direction:column;gap:12px;min-width:min(320px,70vw);padding-top:8px;display:flex}md-dialog md-outlined-text-field{width:100%}.image-picker{align-items:center;gap:12px;display:flex}.image-picker__preview{border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-highest);object-fit:cover;width:72px;height:72px}.image-picker__preview.is-empty{color:var(--md-sys-color-on-surface-variant);place-items:center;display:grid}.form-error{color:var(--md-sys-color-error);font-size:var(--md-sys-typescale-body-medium-size);margin:0;line-height:1.4}.toast-host{z-index:40;pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:96px;left:16px;right:16px}.toast{pointer-events:auto;border-radius:var(--md-sys-shape-corner-extra-small);background:var(--md-sys-color-inverse-surface);max-width:100%;color:var(--md-sys-color-inverse-on-surface);font-size:var(--md-sys-typescale-body-medium-size);box-shadow:var(--md-sys-elevation-level3);animation:toast-in var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);padding:14px 16px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}md-menu{--md-menu-container-color:var(--md-sys-color-surface-container);--md-menu-item-container-shape:var(--md-sys-shape-corner-extra-small)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (height>=892px){.phone-shell{min-height:892px}}.product-chip{border-radius:var(--md-sys-shape-corner-extra-small);background:var(--md-sys-color-secondary-container);max-width:100%;height:auto;min-height:32px;color:var(--md-sys-color-on-secondary-container);white-space:normal;text-align:left;word-break:break-word;cursor:pointer;border:0;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;line-height:1.35;display:inline-flex;overflow:visible}.buy-btn{background:var(--md-sys-color-primary);height:40px;color:var(--md-sys-color-on-primary);cursor:pointer;border:0;border-radius:20px;justify-content:center;align-items:center;gap:4px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.buy-btn:disabled{opacity:.6;cursor:not-allowed}.buy-btn--block{width:100%;margin-top:16px}.buy-btn .material-symbols-rounded{font-size:18px}.outline-btn{border:1px solid var(--md-sys-color-outline);height:40px;color:var(--md-sys-color-primary);cursor:pointer;background:0 0;border-radius:20px;padding:0 16px;font-size:14px}.icon-btn{width:48px;height:48px;color:var(--md-sys-color-on-surface);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.nav-item.is-active .nav-item__label{color:var(--md-sys-color-on-surface);font-weight:600}.products-meta{color:var(--md-sys-color-on-surface-variant);margin:0 0 12px;font-size:13px}.search-input{border:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface-container-highest);border-radius:24px;flex:1;height:48px;padding:0 16px;font-size:16px}.search-bar{align-items:center;gap:8px;display:flex}.text-btn{color:var(--md-sys-color-primary);cursor:pointer;background:0 0;border:0;font-weight:500}.detail-hero__img{aspect-ratio:1;object-fit:cover;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-highest);width:100%}.detail-title{margin:16px 0 8px;font-size:22px;font-weight:500}.detail-price{color:var(--md-sys-color-primary);margin:0 0 8px;font-size:24px;font-weight:600}.detail-desc{color:var(--md-sys-color-on-surface-variant);margin:0 0 12px;line-height:1.5}.detail-content{color:var(--md-sys-color-on-surface);font-size:14px;line-height:1.6}.detail-actions{padding:16px 0 8px}.login-form{gap:14px;display:grid}.field{color:var(--md-sys-color-on-surface-variant);gap:6px;font-size:13px;display:grid}.field input{border:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface-container-highest);height:48px;color:var(--md-sys-color-on-surface);border-radius:12px;padding:0 14px;font-size:16px}.form-hint{color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:1.5}.form-hint.muted{opacity:.7}.form-error{color:#b3261e;margin:0;font-size:13px}.profile-card{border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);margin-bottom:16px;padding:16px}.profile-card__name{margin:0 0 8px;font-size:20px;font-weight:500}.profile-card__meta{color:var(--md-sys-color-on-surface-variant);margin:0 0 4px;font-size:13px}.company-foot{text-align:center;color:var(--md-sys-color-on-surface-variant);margin-top:32px;font-size:12px;line-height:1.7}