@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";html{--mat-sys-background: light-dark(#fff8f6, #181211);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#fbeeec, #362f2e);--mat-sys-inverse-primary: light-dark(#ffb4a8, #c00100);--mat-sys-inverse-surface: light-dark(#362f2e, #ede0dd);--mat-sys-on-background: light-dark(#201a19, #ede0dd);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #690100);--mat-sys-on-primary-container: light-dark(#930100, #ffdad4);--mat-sys-on-primary-fixed: light-dark(#410000, #410000);--mat-sys-on-primary-fixed-variant: light-dark(#930100, #930100);--mat-sys-on-secondary: light-dark(#ffffff, #442925);--mat-sys-on-secondary-container: light-dark(#5d3f3b, #ffdad4);--mat-sys-on-secondary-fixed: light-dark(#2c1512, #2c1512);--mat-sys-on-secondary-fixed-variant: light-dark(#5d3f3b, #5d3f3b);--mat-sys-on-surface: light-dark(#201a19, #ede0dd);--mat-sys-on-surface-variant: light-dark(#534341, #f5ddda);--mat-sys-on-tertiary: light-dark(#ffffff, #502400);--mat-sys-on-tertiary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-tertiary-fixed: light-dark(#311300, #311300);--mat-sys-on-tertiary-fixed-variant: light-dark(#723600, #723600);--mat-sys-outline: light-dark(#857370, #a08c89);--mat-sys-outline-variant: light-dark(#d8c2be, #534341);--mat-sys-primary: light-dark(#c00100, #ffb4a8);--mat-sys-primary-container: light-dark(#ffdad4, #930100);--mat-sys-primary-fixed: light-dark(#ffdad4, #ffdad4);--mat-sys-primary-fixed-dim: light-dark(#ffb4a8, #ffb4a8);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#775651, #e7bdb6);--mat-sys-secondary-container: light-dark(#ffdad4, #5d3f3b);--mat-sys-secondary-fixed: light-dark(#ffdad4, #ffdad4);--mat-sys-secondary-fixed-dim: light-dark(#e7bdb6, #e7bdb6);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f6, #181211);--mat-sys-surface-bright: light-dark(#fff8f6, #3f3737);--mat-sys-surface-container: light-dark(#f9ebe9, #251e1d);--mat-sys-surface-container-high: light-dark(#f3e5e4, #302828);--mat-sys-surface-container-highest: light-dark(#ede0dd, #3b3332);--mat-sys-surface-container-low: light-dark(#fef1ef, #201a19);--mat-sys-surface-container-lowest: light-dark(#ffffff, #130d0c);--mat-sys-surface-dim: light-dark(#e4d7d6, #181211);--mat-sys-surface-tint: light-dark(#c00100, #ffb4a8);--mat-sys-surface-variant: light-dark(#f5ddda, #534341);--mat-sys-tertiary: light-dark(#964900, #ffb787);--mat-sys-tertiary-container: light-dark(#ffdcc7, #723600);--mat-sys-tertiary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-tertiary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-neutral-variant20: #3b2d2b;--mat-sys-neutral10: #201a19;--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);--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);--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);--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);--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);--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);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--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 Roboto;--mat-sys-body-medium-font: Roboto;--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 Roboto;--mat-sys-body-small-font: Roboto;--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 Roboto;--mat-sys-display-large-font: Roboto;--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 Roboto;--mat-sys-display-medium-font: Roboto;--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 Roboto;--mat-sys-display-small-font: Roboto;--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 Roboto;--mat-sys-headline-large-font: Roboto;--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 Roboto;--mat-sys-headline-medium-font: Roboto;--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 Roboto;--mat-sys-headline-small-font: Roboto;--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 Roboto;--mat-sys-label-large-font: Roboto;--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 Roboto;--mat-sys-label-medium-font: Roboto;--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 Roboto;--mat-sys-label-small-font: Roboto;--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 Roboto;--mat-sys-title-large-font: Roboto;--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 Roboto;--mat-sys-title-medium-font: Roboto;--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 Roboto;--mat-sys-title-small-font: Roboto;--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;--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;--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}:root{--brand-950: #1a0505;--brand-900: #2d0a0a;--brand-800: #7f1d1d;--brand-700: #991b1b;--brand-600: #b91c1c;--brand-500: #dc2626;--brand-100: #fee2e2;--brand-50: #fef2f2;--slate-900: #0f172a;--slate-800: #1e293b;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc;--shadow-sm: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 8px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.05);--shadow-lg: 0 10px 24px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--shadow-xl: 0 20px 40px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.08);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px}html,body{height:100%;margin:0}body{font-family:Inter,Roboto,Helvetica Neue,sans-serif;background-color:var(--slate-100);color:var(--slate-900);color-scheme:light;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}.mat-toolbar{background:linear-gradient(135deg,var(--brand-950) 0%,var(--brand-900) 60%,var(--brand-800) 100%)!important;color:#fff!important;box-shadow:0 2px 16px #00000047!important;border-bottom:1px solid rgba(255,255,255,.06)!important;height:64px!important}.mat-mdc-card{border-radius:var(--r-lg)!important;box-shadow:var(--shadow-sm)!important;border:1px solid var(--slate-200)!important;background:#fff!important}.mat-mdc-card-header{padding:20px 24px 0!important}.mat-mdc-card-content{padding:16px 24px!important}.mat-mdc-card-actions{padding:8px 16px 16px!important}.mat-mdc-card-title{font-size:1rem!important;font-weight:600!important;color:var(--slate-800)!important;letter-spacing:-.01em!important}.mat-mdc-card-subtitle{color:var(--slate-500)!important;font-size:.8rem!important}.mat-mdc-button,.mat-mdc-raised-button,.mat-mdc-flat-button,.mat-mdc-outlined-button{border-radius:var(--r-md)!important;font-family:Inter,Roboto,sans-serif!important;font-weight:500!important;letter-spacing:.01em!important;text-transform:none!important;min-height:38px!important;padding:0 18px!important}.mat-mdc-icon-button{border-radius:50%!important}.mat-mdc-raised-button.mat-primary,.mat-mdc-flat-button.mat-primary{background:linear-gradient(135deg,var(--brand-700) 0%,var(--brand-900) 100%)!important;color:#fff!important;box-shadow:0 2px 8px #7f1d1d59!important;transition:box-shadow .2s,transform .15s!important}.mat-mdc-raised-button.mat-primary:hover:not(:disabled),.mat-mdc-flat-button.mat-primary:hover:not(:disabled){box-shadow:0 4px 16px #7f1d1d73!important;transform:translateY(-1px)}.mat-mdc-raised-button.mat-primary:active,.mat-mdc-flat-button.mat-primary:active{transform:translateY(0)}.mat-mdc-raised-button.mat-warn{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;color:#fff!important;box-shadow:0 2px 8px #dc26264d!important}.mat-mdc-button:not([color]){color:var(--slate-700)!important;background:transparent!important}.mat-mdc-button:not([color]):hover{background:var(--slate-100)!important}.mdc-text-field--outlined{border-radius:var(--r-md)!important}.mat-mdc-table{background:#fff!important;border-radius:var(--r-md)!important;overflow:hidden;width:100%}.mat-mdc-header-row{background:var(--slate-50)!important;border-bottom:2px solid var(--slate-200)!important}.mat-mdc-header-cell{color:var(--slate-500)!important;font-size:.7rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:0 16px!important}.mat-mdc-row{transition:background .12s;border-bottom:1px solid var(--slate-100)!important}.mat-mdc-row:hover{background:var(--brand-50)!important}.mat-mdc-row:last-child{border-bottom:none!important}.mat-mdc-cell{color:var(--slate-700)!important;font-size:.875rem!important;padding:0 16px!important}.mat-mdc-paginator{background:var(--slate-50)!important;border-top:1px solid var(--slate-200)!important;color:var(--slate-500)!important;border-radius:0 0 var(--r-md) var(--r-md)!important}.mat-mdc-select-panel,.mat-mdc-menu-panel{border-radius:var(--r-md)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--slate-200)!important}.mat-mdc-menu-item{border-radius:var(--r-sm)!important;margin:2px 4px!important;font-size:.875rem!important;color:var(--slate-700)!important;font-family:Inter,Roboto,sans-serif!important}.mat-mdc-menu-item:hover{background:var(--brand-50)!important;color:var(--brand-700)!important}.mat-mdc-menu-item:hover .mat-icon{color:var(--brand-600)!important}.mat-mdc-menu-item .mat-icon{color:var(--slate-400)!important;font-size:18px!important}.mat-mdc-dialog-container .mdc-dialog__surface{border-radius:var(--r-xl)!important;box-shadow:var(--shadow-xl)!important}.status-default,.status-refunded,.status-cancelled,.status-pending,.status-processing,.status-shipped{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:.72rem;font-weight:600;letter-spacing:.03em}.status-shipped{color:#0369a1;background:#e0f2fe}.status-processing{color:#b45309;background:#fef3c7}.status-pending{color:#92400e;background:#fef3c7}.status-cancelled{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.status-refunded{color:#475569;background:#f1f5f9}.status-default{color:#64748b;background:#f1f5f9}.summary-item,.detail-item{border-left-color:#991b1b!important}.summary-item mat-icon,.detail-item mat-icon{color:#374151!important}.section-title,.order-items-section h3,.summary-section-title{color:#374151!important}mat-icon{color:#374151}.mat-toolbar mat-icon,.nav-btn mat-icon,.user-btn mat-icon,.logo-mark mat-icon,.brand-logo mat-icon{color:inherit!important}.mat-mdc-raised-button.mat-primary mat-icon,.mat-mdc-flat-button.mat-primary mat-icon,.mat-mdc-raised-button.mat-warn mat-icon{color:#fff!important}.mat-mdc-button:not([color]),.mat-mdc-outlined-button:not([color]){color:#374151!important}.mat-mdc-button:not([color]) mat-icon,.mat-mdc-outlined-button:not([color]) mat-icon{color:#374151!important}h1,h2,h3,h4,h5,h6{color:#1f2937}.mat-mdc-card-title,.mat-mdc-card-header-text .mat-mdc-card-title{color:#1f2937!important}.mat-divider{border-color:var(--slate-200)!important}.snack-success .mdc-snackbar__surface{background:#15803d!important;border-radius:var(--r-md)!important;box-shadow:var(--shadow-lg)!important}.snack-error .mdc-snackbar__surface{background:#b91c1c!important;border-radius:var(--r-md)!important;box-shadow:var(--shadow-lg)!important}.snack-success .mat-mdc-button,.snack-error .mat-mdc-button{color:#ffffffd9!important;background:transparent!important}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.page-header .page-title{margin:0;font-size:1.3rem;font-weight:700;color:var(--slate-900);letter-spacing:-.02em}.page-header .page-subtitle{margin:4px 0 0;color:var(--slate-500);font-size:.875rem}.no-data{text-align:center;padding:48px 32px;color:var(--slate-400);font-size:.875rem}.details-tooltip{white-space:pre-line!important;font-size:.78rem!important;line-height:1.7!important;max-width:280px!important}