@charset "UTF-8";html{--mat-sys-background: #fcf8fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f3eff4;--mat-sys-inverse-primary: #bec2ff;--mat-sys-inverse-surface: #303034;--mat-sys-on-background: #1b1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #0000ef;--mat-sys-on-primary-fixed: #00006e;--mat-sys-on-primary-fixed-variant: #0000ef;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #444559;--mat-sys-on-secondary-fixed: #191a2c;--mat-sys-on-secondary-fixed-variant: #444559;--mat-sys-on-surface: #1b1b1f;--mat-sys-on-surface-variant: #46464f;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #777680;--mat-sys-outline-variant: #c7c5d0;--mat-sys-primary: #343dff;--mat-sys-primary-container: #e0e0ff;--mat-sys-primary-fixed: #e0e0ff;--mat-sys-primary-fixed-dim: #bec2ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #5c5d72;--mat-sys-secondary-container: #e1e0f9;--mat-sys-secondary-fixed: #e1e0f9;--mat-sys-secondary-fixed-dim: #c5c4dd;--mat-sys-shadow: #000000;--mat-sys-surface: #fcf8fd;--mat-sys-surface-bright: #fcf8fd;--mat-sys-surface-container: #f0edf1;--mat-sys-surface-container-high: #ebe7eb;--mat-sys-surface-container-highest: #e5e1e6;--mat-sys-surface-container-low: #f6f2f7;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dcd9dd;--mat-sys-surface-tint: #343dff;--mat-sys-surface-variant: #e4e1ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #303038;--mat-sys-neutral10: #1b1b1f}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Lato;--mat-sys-body-large-font: Lato;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Lato;--mat-sys-body-medium-font: Lato;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Lato;--mat-sys-body-small-font: Lato;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Lato;--mat-sys-display-large-font: Lato;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Lato;--mat-sys-display-medium-font: Lato;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Lato;--mat-sys-display-small-font: Lato;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Lato;--mat-sys-headline-large-font: Lato;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Lato;--mat-sys-headline-medium-font: Lato;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Lato;--mat-sys-headline-small-font: Lato;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Lato;--mat-sys-label-large-font: Lato;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Lato;--mat-sys-label-medium-font: Lato;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Lato;--mat-sys-label-small-font: Lato;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Lato;--mat-sys-title-large-font: Lato;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Lato;--mat-sys-title-medium-font: Lato;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Lato;--mat-sys-title-small-font: Lato;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html,body{height:100%;margin:0}:root{--primary: #003366;--primary-dark: #002244;--primary-light: #e6edf5;--accent: #2d88ca;--accent-dark: #1c6ea4;--green: #5ba238;--green-bg: #f0f8ea;--green-border: #c3e6ab;--dark: #1a1a2e;--body-color: #555555;--border-color: #dde2eb;--light-bg: #f4f6f8;--white: #ffffff;--red: #dc3545;--warning: #e8a020;--mat-sys-primary: #003366;--mat-sys-on-primary: #ffffff;--mat-sys-surface-container: #f4f6f8;--mat-sys-surface-container-low: #f8f9fb;--mat-sys-surface-container-high: #eaecf0;--mat-menu-container-color: #ffffff}body{font-family:Lato,sans-serif;font-size:15px;font-weight:400;line-height:1.7;color:var(--body-color);background:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700;color:var(--dark);margin:0;line-height:1.25}*{box-sizing:border-box}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-dark)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 26px;font-family:Montserrat,sans-serif;font-weight:600;font-size:.82rem;letter-spacing:.5px;cursor:pointer;transition:all .2s;border:2px solid transparent;border-radius:3px;text-decoration:none;line-height:1}.btn-primary{background:var(--primary);color:#fff!important;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-accent{background:var(--accent);color:#fff!important;border-color:var(--accent)}.btn-accent:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn-outline{background:transparent;color:var(--primary)!important;border-color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff!important}.btn-outline-accent{background:transparent;color:var(--accent)!important;border-color:var(--accent)}.btn-outline-accent:hover{background:var(--accent);color:#fff!important}.btn-sm{padding:8px 16px;font-size:.78rem}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:700;color:var(--dark);margin-bottom:5px;font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.4px}.form-control{width:100%;height:48px;border:1px solid var(--border-color);border-radius:3px;padding:0 14px;font-size:14px;font-family:Lato,sans-serif;color:var(--body-color);background:#fff;transition:border-color .2s,box-shadow .2s}.form-control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2d88ca1f}textarea.form-control{height:auto;padding:12px 14px;resize:vertical}.page-title-bar{background:var(--primary);padding:20px 0}.page-title-bar h1{font-size:1.3rem;color:#fff;margin-bottom:6px}.page-title-bar .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.78rem}.page-title-bar .breadcrumb a{color:#ffffffa6}.page-title-bar .breadcrumb a:hover{color:#fff}.page-title-bar .breadcrumb mat-icon{font-size:12px;width:12px;height:12px;color:#fff6}.page-title-bar .breadcrumb .current{color:#fff}.product-card{background:#fff;border:1px solid var(--border-color);border-radius:4px;overflow:hidden;transition:box-shadow .25s,transform .25s}.product-card:hover{box-shadow:0 8px 28px #0000001f;transform:translateY(-3px)}.product-card:hover .overlay-btns{opacity:1}.product-card:hover .product-img-wrap img{transform:scale(1.05)}.product-card .product-img-wrap{position:relative;aspect-ratio:1;overflow:hidden;background:var(--light-bg);cursor:pointer}.product-card .product-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.product-card .product-img-wrap .sale-badge{position:absolute;top:10px;left:10px;background:var(--red);color:#fff;font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:2px;text-transform:uppercase;letter-spacing:.5px}.product-card .product-img-wrap .overlay-btns{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:8px;opacity:0;transition:opacity .2s}.product-card .product-img-wrap .overlay-btns button{width:38px;height:38px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:background .2s,color .2s;color:var(--dark);font-size:18px}.product-card .product-img-wrap .overlay-btns button:hover{background:var(--primary);color:#fff}.product-card .product-img-wrap .overlay-btns button mat-icon{font-size:17px;width:17px;height:17px}.product-card .product-body{padding:14px 16px}.product-card .product-body .purity-badge{display:inline-flex;align-items:center;gap:4px;background:var(--green-bg);color:var(--green);border:1px solid var(--green-border);font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:2px;margin-bottom:6px;letter-spacing:.3px}.product-card .product-body .product-category{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-weight:700;margin-bottom:4px;font-family:Montserrat,sans-serif}.product-card .product-body .product-name{font-family:Montserrat,sans-serif;font-size:.92rem;font-weight:600;color:var(--dark);margin-bottom:8px;line-height:1.4}.product-card .product-body .product-price{font-size:1.05rem;font-weight:700;color:var(--primary)}.product-card .product-body .product-price .per-unit{font-size:.76rem;color:#999;font-weight:400;margin-left:2px}.product-card .product-body .bulk-hint{font-size:.75rem;color:var(--accent);margin-top:4px}.product-card .product-body .bulk-hint i{margin-right:4px}.product-card .product-actions{display:flex;gap:8px;padding:0 16px 16px}.trust-chip{display:inline-flex;align-items:center;gap:5px;background:var(--green-bg);border:1px solid var(--green-border);color:var(--green);padding:4px 10px;font-size:.7rem;font-weight:700;border-radius:2px;letter-spacing:.3px}.trust-chip mat-icon{font-size:13px;width:13px;height:13px}.trust-chip i{font-size:13px}.sidebar-widget{background:#fff;border:1px solid var(--border-color);padding:20px;margin-bottom:20px}.sidebar-widget .widget-title{font-family:Montserrat,sans-serif;font-size:.88rem;font-weight:700;color:var(--dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--primary)}.sidebar-widget ul{list-style:none;padding:0;margin:0}.sidebar-widget ul li{padding:7px 0;border-bottom:1px solid #f0f2f5}.sidebar-widget ul li:last-child{border-bottom:none}.sidebar-widget ul li a{color:var(--body-color);font-size:.88rem;display:flex;justify-content:space-between;align-items:center}.sidebar-widget ul li a:hover{color:var(--primary);padding-left:4px;transition:padding .2s}.sidebar-widget ul li a span{color:#aaa;font-size:.78rem}.badge{display:inline-flex;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:700;border-radius:2px;text-transform:uppercase;letter-spacing:.5px}.badge.badge-success{background:#d4edda;color:#155724}.badge.badge-warning{background:#fff3cd;color:#856404}.badge.badge-error{background:#f8d7da;color:#721c24}.badge.badge-info{background:#d1ecf1;color:#0c5460}.badge.badge-default{background:var(--light-bg);color:#555}.order-summary{background:var(--light-bg);border:1px solid var(--border-color);padding:24px}.order-summary .summary-title{font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border-color)}.order-summary .summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:.88rem}.order-summary .summary-row.total{border-top:2px solid var(--dark);margin-top:8px;padding-top:14px;font-weight:700;font-size:1rem;color:var(--dark)}.data-table{width:100%;border-collapse:collapse}.data-table th{font-family:Montserrat,sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.8px;text-transform:uppercase;padding:12px 16px;background:var(--light-bg);color:var(--dark);border-bottom:2px solid var(--border-color);text-align:left}.data-table td{padding:13px 16px;border-bottom:1px solid #f0f2f5;font-size:.88rem}.data-table tr:hover td{background:#fafbfc}.cart-table{width:100%;border-collapse:collapse}.cart-table th{font-family:Montserrat,sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.8px;text-transform:uppercase;padding:12px 16px;background:var(--light-bg);color:var(--dark);border-bottom:2px solid var(--primary);text-align:left}.cart-table td{padding:16px;border-bottom:1px solid var(--border-color);vertical-align:middle}.cart-table .item-img{width:80px;height:80px;object-fit:cover;border:1px solid var(--border-color);border-radius:3px}.cart-table .item-name{font-family:Montserrat,sans-serif;font-weight:600;color:var(--dark);font-size:.92rem}.cart-table .item-price{font-weight:700;color:var(--primary)}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af}.empty-state mat-icon{font-size:56px!important;width:56px!important;height:56px!important;color:#d1d5db}.empty-state h3{font-family:Montserrat,sans-serif;color:#374151;margin:14px 0 8px;font-size:1.1rem}.empty-state p{font-size:.88rem}.center-spinner{display:flex;justify-content:center;padding:60px}.error-banner{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:11px 16px;font-size:.875rem;margin-bottom:18px;border-radius:3px}.success-banner{background:#d4edda;color:#155724;border:1px solid #c3e6ab;padding:11px 16px;font-size:.875rem;margin-bottom:18px;border-radius:3px}.mat-mdc-raised-button,.mat-mdc-flat-button,.mat-mdc-unelevated-button,[mat-raised-button],[mat-flat-button]{background:var(--primary)!important;color:#fff!important;border-radius:3px!important;font-family:Montserrat,sans-serif!important;font-weight:600!important;letter-spacing:.3px!important}.mat-mdc-raised-button:hover,.mat-mdc-flat-button:hover,.mat-mdc-unelevated-button:hover,[mat-raised-button]:hover,[mat-flat-button]:hover{background:var(--primary-dark)!important}.mat-mdc-outlined-button{border-color:var(--primary)!important;color:var(--primary)!important;border-radius:3px!important;font-family:Montserrat,sans-serif!important;font-weight:600!important}.mat-mdc-button{font-family:Montserrat,sans-serif!important}.mat-mdc-form-field{font-family:Lato,sans-serif!important}.mat-mdc-card{border-radius:4px!important;box-shadow:0 1px 4px #00000012!important;border:1px solid var(--border-color)!important}.mat-mdc-snack-bar-container{font-family:Lato,sans-serif!important}.mat-mdc-paginator{font-family:Lato,sans-serif!important;background:transparent!important}.mat-mdc-progress-spinner circle{stroke:var(--primary)!important}.mat-step-label{font-family:Lato,sans-serif!important}::ng-deep .mat-horizontal-stepper-header-container{background:var(--light-bg)!important;border-bottom:1px solid var(--border-color)}::ng-deep .mat-step-header.cdk-program-focused,::ng-deep .mat-step-header:hover{background:var(--primary-light)!important}::ng-deep .mat-step-icon-selected{background:var(--primary)!important}router-outlet+*{animation:fadeIn .15s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.account-menu-panel.mat-mdc-menu-panel{background:#fff!important;--mat-menu-container-color: #fff !important;border:1px solid var(--border-color)!important;border-radius:3px!important;box-shadow:0 4px 16px #0000001a!important;min-width:180px!important}.account-menu-panel .mat-mdc-menu-content{padding:4px 0!important}.account-menu-panel .mat-mdc-menu-item{font-family:Lato,sans-serif!important;font-size:.875rem!important;color:#374151!important;min-height:40px!important}.account-menu-panel .mat-mdc-menu-item .mdc-list-item__primary-text{color:#374151!important;font-family:Lato,sans-serif!important;font-size:.875rem!important}.account-menu-panel .mat-mdc-menu-item .mat-icon{color:#9ca3af!important;font-size:17px!important;width:17px!important;height:17px!important;margin-right:10px!important}.account-menu-panel .mat-mdc-menu-item:hover,.account-menu-panel .mat-mdc-menu-item.cdk-focused{background:var(--light-bg)!important}.account-menu-panel .mat-divider{border-top-color:var(--border-color)!important;margin:4px 0!important}.row{display:flex;flex-wrap:wrap;margin:-12px}.row>*{padding:12px}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333%;max-width:33.333%}.col-6{flex:0 0 50%;max-width:50%}.col-8{flex:0 0 66.666%;max-width:66.666%}.col-9{flex:0 0 75%;max-width:75%}.col-12{flex:0 0 100%;max-width:100%}@media(max-width:992px){.col-3,.col-4{flex:0 0 50%;max-width:50%}}@media(max-width:576px){.col-3,.col-4,.col-6{flex:0 0 100%;max-width:100%}}@media print{app-header,app-footer{display:none!important}.main-content{min-height:auto!important;background:#fff!important}}