:root{color-scheme:light dark;--brand: #1db0f9;--accent: #0873b0;--accent-hover: #065f93;--on-accent: #ffffff;--accent-soft: rgb(29 176 249 / 12%);--accent-soft-strong: rgb(29 176 249 / 22%);--bg: #f4f6f9;--surface: #ffffff;--surface-2: #eef2f6;--surface-3: #e3e8ee;--image-well: #ffffff;--text: #0f172a;--text-muted: #5b6472;--border: #e1e6ed;--border-strong: #c7d0db;--danger: #b42318;--danger-soft: rgb(180 35 24 / 10%);--success: #067647;--star: #f5a524;--scrim: rgb(15 23 42 / 45%);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: clamp(1.625rem, 1.1rem + 2.2vw, 2.5rem);--lh-tight: 1.2;--lh: 1.55;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 48px;--sp-9: 64px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(15 23 42 / 6%), 0 1px 3px rgb(15 23 42 / 6%);--shadow: 0 2px 4px rgb(15 23 42 / 4%), 0 6px 16px rgb(15 23 42 / 8%);--shadow-lg: 0 12px 32px rgb(15 23 42 / 16%), 0 2px 6px rgb(15 23 42 / 8%);--ring: 0 0 0 3px rgb(29 176 249 / 45%);--container: 1280px;--gutter: var(--sp-7);--header-h: 64px;--ease: cubic-bezier(.2, .7, .2, 1);--dur: .18s;--mat-autocomplete-background-color: var(--surface);--mat-option-label-text-color: var(--text);--mat-option-hover-state-layer-color: var(--surface-2);--mat-option-focus-state-layer-color: var(--accent-soft);--mat-option-selected-state-layer-color: var(--accent-soft);--mat-option-selected-state-label-text-color: var(--text);--mat-option-label-text-font: var(--font-sans);--mat-option-label-text-size: var(--fs-sm)}@media (prefers-color-scheme: dark){:root{--accent: #1db0f9;--accent-hover: #5ec8ff;--on-accent: #04131d;--accent-soft: rgb(29 176 249 / 14%);--accent-soft-strong: rgb(29 176 249 / 26%);--bg: #0b1016;--surface: #131a22;--surface-2: #1a232e;--surface-3: #243040;--image-well: #ffffff;--text: #e6edf3;--text-muted: #9aa4b2;--border: #232e3b;--border-strong: #334155;--danger: #ff8a80;--danger-soft: rgb(255 138 128 / 12%);--success: #4ade80;--scrim: rgb(0 0 0 / 60%);--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow: 0 2px 6px rgb(0 0 0 / 35%), 0 8px 24px rgb(0 0 0 / 25%);--shadow-lg: 0 16px 40px rgb(0 0 0 / 55%)}}@media (max-width: 1002.98px){:root{--gutter: var(--sp-6)}}@media (max-width: 639.98px){:root{--gutter: var(--sp-4);--header-h: 112px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + var(--sp-4))}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body.no-scroll{overflow:hidden}img,svg{max-width:100%}img{display:block;height:auto}h1,h2,h3,h4{margin:0;line-height:var(--lh-tight);letter-spacing:-.015em}p{margin:0}a{color:var(--accent);text-underline-offset:.18em}a:hover{color:var(--accent-hover)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}::selection{background:var(--accent-soft-strong)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:var(--sp-2);left:var(--sp-2);z-index:1000;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font-weight:var(--fw-semibold);transform:translateY(-200%)}.skip-link:focus{transform:none;color:var(--on-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-5);border:1px solid transparent;border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:1;text-decoration:none;white-space:nowrap;transition:background-color var(--dur),border-color var(--dur),color var(--dur),box-shadow var(--dur),transform var(--dur)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5}.btn svg{flex:none}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);color:var(--on-accent)}.btn-secondary{border-color:var(--border-strong);background:var(--surface)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-block{width:100%}.btn-lg{min-height:52px;font-size:var(--fs-md);padding:0 var(--sp-6)}.icon-btn{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text);transition:background-color var(--dur),color var(--dur),border-color var(--dur)}.icon-btn:hover:not(:disabled){background:var(--surface-2)}.link-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--sp-2);border:0;background:none;color:var(--accent);font-size:var(--fs-sm);font-weight:var(--fw-medium);text-decoration:underline;text-underline-offset:.18em}.link-btn:hover{color:var(--accent-hover)}.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-size:var(--fs-xs);font-weight:var(--fw-bold);line-height:1}.select{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--text-muted);font-size:var(--fs-sm)}.select select{appearance:none;min-height:40px;padding:0 36px 0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7686' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer}.select select:hover{border-color:var(--accent)}@media (pointer: coarse){.select select{min-height:44px;font-size:16px}}.stepper{display:inline-flex;align-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface)}.stepper button{display:grid;place-items:center;width:44px;height:42px;border:0;border-radius:var(--radius-pill);background:none;font-size:1.25rem;line-height:1}.stepper button:hover:not(:disabled){background:var(--surface-2)}.stepper button:disabled{opacity:.35}.stepper output,.stepper .qty{min-width:28px;text-align:center;font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.image-well{display:grid;place-items:center;overflow:hidden;border-radius:var(--radius);background:var(--image-well)}.image-well img{width:100%;height:100%;object-fit:contain}@media (prefers-color-scheme: dark){.image-well{box-shadow:inset 0 0 0 1px #ffffff0f}}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);max-width:100%;min-height:34px;padding:0 var(--sp-2) 0 var(--sp-3);border:1px solid var(--accent-soft-strong);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-medium);overflow-wrap:anywhere;text-align:left}.chip:hover{border-color:var(--accent)}.chip .x{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:var(--accent-soft-strong);font-size:11px}@media (pointer: coarse){.chip{min-height:44px}}.kicker{color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%) 0 0/400% 100%;animation:skeleton 1.4s ease infinite}@keyframes skeleton{to{background-position:-100% 0}}.notice{display:grid;justify-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-5);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-muted);text-align:center}.notice .notice-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.notice .notice-title{color:var(--text);font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.notice .btn{margin-top:var(--sp-2)}.mat-mdc-autocomplete-panel.ggs-suggestions{margin-top:6px;padding:var(--sp-2) 0;border:1px solid var(--border);border-radius:var(--radius)!important;box-shadow:var(--shadow-lg)!important}.ggs-suggestions .mat-mdc-option{min-height:52px;padding:0 var(--sp-3)}.ggs-suggestions .suggestion{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.ggs-suggestions .suggestion img{flex:none;width:44px;height:36px;padding:2px;border-radius:6px;background:var(--image-well);object-fit:contain}.ggs-suggestions .suggestion-text{display:grid;min-width:0;line-height:1.3}.ggs-suggestions .suggestion-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--fw-medium)}.ggs-suggestions .suggestion-meta{color:var(--text-muted);font-size:var(--fs-xs)}.breadcrumb ol{display:flex;align-items:center;gap:var(--sp-1);min-width:0;margin:0 0 var(--sp-5);padding:0;list-style:none;color:var(--text-muted);font-size:var(--fs-sm)}.breadcrumb li{display:flex;align-items:center;gap:var(--sp-1);flex:none}.breadcrumb li+li:before{content:"/";padding:0 var(--sp-1);color:var(--border-strong)}.breadcrumb li:last-child{flex:1;min-width:0}.breadcrumb li:last-child span{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.breadcrumb a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--text-muted);font-weight:var(--fw-medium);text-decoration:none}.breadcrumb a:hover{color:var(--accent);text-decoration:underline}dialog.ggs-dialog{width:min(420px,100vw - 32px);padding:var(--sp-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg)}dialog.ggs-dialog::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog.ggs-dialog[open]{animation:dialog-in .22s var(--ease)}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}