@font-face{font-family:Roboto;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/roboto-latin.woff2) format("woff2")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/roboto-mono-latin.woff2) format("woff2")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/material-symbols-outlined.woff2) format("woff2")}:root{--md-primary: #0b57d0;--md-on-primary: #ffffff;--md-primary-container: #d3e3fd;--md-on-primary-container: #041e49;--md-secondary-container: #c2e7ff;--md-on-secondary-container: #001d35;--md-surface: #ffffff;--md-surface-dim: #f0f4f9;--md-surface-container-low: #f8fafd;--md-surface-container: #f0f4f9;--md-surface-container-high: #e9eef6;--md-on-surface: #1f1f1f;--md-on-surface-variant: #444746;--md-outline: #747775;--md-outline-variant: #c4c7c5;--md-error: #b3261e;--md-error-container: #f9dedc;--md-on-error-container: #410e0b;--md-success: #146c2e;--md-success-container: #c4eed0;--md-on-success-container: #072711;--md-warning-container: #ffdf99;--md-on-warning-container: #3e2d00;--md-shadow-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--md-shadow-2: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);--md-radius-xs: 4px;--md-radius-s: 8px;--md-radius-m: 12px;--md-radius-l: 16px;--md-radius-xl: 28px;--md-font: "Roboto", "Segoe UI", system-ui, sans-serif;--md-ease: cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--md-font);font-size:14px;line-height:20px;letter-spacing:.01em;color:var(--md-on-surface);background:var(--md-surface-dim)}a{color:var(--md-primary)}h1{font-size:28px;line-height:36px;font-weight:400;margin:8px 0 24px}h2{font-size:22px;line-height:28px;font-weight:400;margin:0 0 16px;display:flex;align-items:center;gap:12px}h3{font-size:16px;line-height:24px;font-weight:500;margin:24px 0 12px}h2[data-icon]:before{color:var(--md-primary);font-size:24px}[data-icon]:before{content:attr(data-icon);font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;display:inline-block;vertical-align:middle}.app-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:8px 24px;flex-wrap:wrap;min-height:64px;padding:8px 16px 0;background:var(--md-surface);border-bottom:1px solid var(--md-outline-variant)}.app-bar .brand{display:flex;align-items:center;gap:12px;color:var(--md-on-surface);text-decoration:none;font-size:22px;line-height:28px;padding-bottom:8px}.app-bar .brand:before{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;background:var(--md-primary-container);color:var(--md-on-primary-container);font-size:24px}.tabs{display:flex;align-self:stretch}.tabs a{position:relative;display:flex;align-items:center;gap:8px;padding:0 16px;min-height:48px;color:var(--md-on-surface-variant);text-decoration:none;font-weight:500;border-radius:var(--md-radius-s) var(--md-radius-s) 0 0;transition:background .2s var(--md-ease),color .2s var(--md-ease)}.tabs a:hover{background:var(--md-surface-container);color:var(--md-on-surface)}.tabs a.active{color:var(--md-primary)}.tabs a.active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--md-primary)}.account{margin-left:auto;display:flex;align-items:center;gap:8px;padding-bottom:8px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--md-primary);color:var(--md-on-primary);font-size:14px;font-weight:500}.account .user{color:var(--md-on-surface-variant)}.signout{margin:0}main{max-width:1120px;margin:0 auto;padding:24px 16px 48px}.card{background:var(--md-surface);border-radius:var(--md-radius-l);padding:24px;margin-bottom:16px;box-shadow:var(--md-shadow-1)}.card>:last-child{margin-bottom:0}button{font:inherit}.btn,.pager button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 24px;border-radius:20px;border:0;font-size:14px;font-weight:500;letter-spacing:.01em;cursor:pointer;text-decoration:none;transition:box-shadow .2s var(--md-ease),background .2s var(--md-ease)}.btn.filled{background:var(--md-primary);color:var(--md-on-primary)}.btn.filled:hover:not([disabled]){box-shadow:var(--md-shadow-1);background:#1a5fd6}.btn.tonal,.pager button{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.btn.tonal:hover,.pager button:hover:not([disabled]){box-shadow:var(--md-shadow-1)}.btn.text{background:transparent;color:var(--md-primary);padding:0 12px}.btn.text:hover{background:var(--md-primary-container)}.btn[data-icon]:before,button[data-icon]:before{font-size:18px;margin-left:-8px}.btn.text[data-icon]:before{margin-left:-4px}button[disabled]{opacity:.38;cursor:default;box-shadow:none}.icon-button{width:40px;height:40px;border-radius:50%;border:0;padding:0;display:grid;place-items:center;background:transparent;color:var(--md-on-surface-variant);cursor:pointer}.icon-button:hover{background:var(--md-surface-container-high)}.icon-button[data-icon]:before{font-size:24px;margin:0}.actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}.actions .form-error{margin:0 auto 0 0}:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 24px}.field{display:flex;flex-direction:column;gap:4px;margin:0 0 20px;border:0;padding:0;min-width:0}.field>label,.search label,legend{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.04em;color:var(--md-on-surface-variant)}legend{padding:0;margin-bottom:8px}input:not([type=radio]):not([type=checkbox]),select{font:inherit;font-size:16px;line-height:24px;height:56px;padding:0 16px;color:var(--md-on-surface);background:var(--md-surface);border:1px solid var(--md-outline);border-radius:var(--md-radius-xs);transition:border-color .15s var(--md-ease),box-shadow .15s var(--md-ease);width:100%}input:not([type=radio]):not([type=checkbox]):hover,select:hover{border-color:var(--md-on-surface)}input:not([type=radio]):not([type=checkbox]):focus,select:focus{outline:none;border-color:var(--md-primary);box-shadow:inset 0 0 0 1px var(--md-primary)}select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--md-on-surface-variant) 50%),linear-gradient(135deg,var(--md-on-surface-variant) 50%,transparent 50%);background-position:calc(100% - 21px) 50%,calc(100% - 16px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.field:has(.field-error) input,.field:has(.field-error) select{border-color:var(--md-error)}input[type=radio],input[type=checkbox]{accent-color:var(--md-primary);width:18px;height:18px;margin:0}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:4px 16px;border:1px solid var(--md-outline);border-radius:var(--md-radius-s);font-size:14px;font-weight:500;color:var(--md-on-surface-variant);background:var(--md-surface);cursor:pointer;user-select:none;transition:background .15s var(--md-ease),border-color .15s var(--md-ease)}.chip:hover{background:var(--md-surface-container)}.chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.chip:has(input:focus-visible){outline:2px solid var(--md-primary);outline-offset:2px}.chip:has(input:checked){background:var(--md-secondary-container);color:var(--md-on-secondary-container);border-color:transparent;padding-left:8px}.chip:has(input:checked):before{content:"check";font-family:Material Symbols Outlined;font-size:18px;line-height:1}.chip img{height:32px;width:auto;border-radius:var(--md-radius-xs);margin:-2px 0}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-bottom:8px}.product-card{display:flex;flex-direction:column;gap:4px;cursor:pointer;border:1px solid var(--md-outline-variant);border-radius:var(--md-radius-m);padding:12px 16px 16px;background:var(--md-surface);transition:background .2s var(--md-ease),border-color .2s var(--md-ease),box-shadow .2s var(--md-ease)}.product-card:hover{box-shadow:var(--md-shadow-1)}.product-card.selected{background:var(--md-surface-container-low);border-color:var(--md-primary);box-shadow:inset 0 0 0 1px var(--md-primary)}.product-card:has(input:focus-visible){outline:2px solid var(--md-primary);outline-offset:2px}.product-pick{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:500;color:var(--md-on-surface-variant)}.product-card img{width:100%;max-width:260px;aspect-ratio:1;object-fit:contain;align-self:center;margin:4px 0 8px;border-radius:var(--md-radius-s);background:#fff}.product-name{font-size:18px;font-weight:500}.product-style{font-size:14px;color:var(--md-on-surface-variant)}.hint{color:var(--md-on-surface-variant);font-size:14px;margin:0 0 16px}.field-error+.hint{margin-top:12px}.field-error,.form-error{display:flex;align-items:flex-start;gap:6px;color:var(--md-error);font-size:12px;line-height:16px;letter-spacing:.03em}.field-error:before,.form-error:before{content:"error";font-family:Material Symbols Outlined;font-size:16px;line-height:1}.form-error{font-size:14px;line-height:20px}.form-error:before{font-size:20px}.banner{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--md-radius-m);margin-bottom:16px;font-size:14px}.banner:before{font-family:Material Symbols Outlined;font-size:24px;line-height:1}.banner.ok{background:var(--md-success-container);color:var(--md-on-success-container)}.banner.ok:before{content:"check_circle"}.banner.warn{background:var(--md-warning-container);color:var(--md-on-warning-container)}.banner.warn:before{content:"schedule_send"}.banner.prominent{padding:18px 20px;font-size:15px;align-items:flex-start}.banner.prominent:before{font-size:32px}.banner.prominent strong{display:block;font-size:18px;margin-bottom:4px}.status-chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;border-radius:var(--md-radius-s);font-size:12px;font-weight:500;white-space:nowrap}.status-chip:before{font-family:Material Symbols Outlined;font-size:16px;line-height:1}.status-chip.sent{background:var(--md-success-container);color:var(--md-on-success-container)}.status-chip.sent:before{content:"done"}.status-chip.pending{background:var(--md-warning-container);color:var(--md-on-warning-container)}.status-chip.pending:before{content:"schedule"}.loading{display:flex;flex-direction:column;gap:12px;color:var(--md-on-surface-variant)}.loading:before{content:"";display:block;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--md-primary-container) 0 30%,var(--md-primary) 30% 60%,var(--md-primary-container) 60%);background-size:200% 100%;animation:md-progress 1.4s linear infinite}@keyframes md-progress{0%{background-position:100% 0}to{background-position:-100% 0}}.search{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.search label{display:flex;flex-direction:column;gap:4px;flex:1 1 180px}.search label:first-child{flex-basis:260px}.search .btn{height:56px;border-radius:28px}.table-card{padding:0;overflow:hidden}.table-scroll{overflow-x:auto}.history{width:100%;border-collapse:collapse}.history th{font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--md-on-surface-variant);text-align:left;padding:16px;white-space:nowrap;background:var(--md-surface-container-low);border-bottom:1px solid var(--md-outline-variant)}.history td{padding:14px 16px;border-bottom:1px solid var(--md-surface-container-high)}.history tbody tr{transition:background .15s var(--md-ease)}.history tbody tr:hover{background:var(--md-surface-container-low)}.history tbody tr:last-child td{border-bottom:0}.history td a{font-weight:500;text-decoration:none;white-space:nowrap}.history td a:hover{text-decoration:underline}.pager{display:flex;gap:16px;align-items:center;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--md-outline-variant);color:var(--md-on-surface-variant)}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 16px;color:var(--md-on-surface-variant)}.empty:before{font-size:48px;color:var(--md-outline)}.meta{display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--md-on-surface-variant);margin:-16px 0 0}.meta span{display:inline-flex;align-items:center;gap:6px}.meta span:before{font-size:18px}.subject{font-size:16px;margin:0 0 12px}pre.email{background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant);border-radius:var(--md-radius-m);padding:16px;overflow-x:auto;margin:0;font-family:Roboto Mono,ui-monospace,Consolas,monospace;font-size:13px;line-height:20px}.link-row{display:flex;gap:8px;flex-wrap:wrap}#blazor-error-ui{display:none;position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:100;min-width:288px;max-width:calc(100% - 32px);padding:14px 48px 14px 16px;border-radius:var(--md-radius-xs);background:#313033;color:#f4eff4;box-shadow:var(--md-shadow-2)}#blazor-error-ui a{color:#a8c7fa;margin-left:12px;font-weight:500}#blazor-error-ui .dismiss{cursor:pointer;position:absolute;right:16px;top:14px}@media(max-width:720px){.app-bar{padding:8px 8px 0;gap:4px 8px}.app-bar .brand{font-size:18px}.account .user{display:none}.tabs{order:3;width:100%}.tabs a{flex:1;justify-content:center;padding:0 8px}main{padding:16px 8px 32px}.card{padding:16px;border-radius:var(--md-radius-m)}h1{font-size:24px;line-height:32px;margin-bottom:16px}.actions{justify-content:stretch}.actions .btn{flex:1}}h1:focus{outline:none}#blazor-error-ui.show{display:block}#blazor-error-ui button.dismiss{background:none;border:0;padding:0;color:inherit;font:inherit;line-height:20px}.banner.load-failed:before{content:"error"}.banner .btn{margin-left:auto;color:inherit}.banner.sending{background:var(--md-surface-container-high);color:var(--md-on-surface)}.banner.sending:before{content:"send";color:var(--md-primary)}