:root,[data-theme=light]{color-scheme:light;--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-primary-active: #1E40AF;--color-primary-subtle: #EFF6FF;--color-primary-subtle-text: #1D4ED8;--color-on-primary: #FFFFFF;--color-danger: #DC2626;--color-danger-hover: #B91C1C;--color-danger-active: #991B1B;--color-danger-subtle: #FEF2F2;--color-danger-text: #B91C1C;--color-on-danger: #FFFFFF;--color-success: #15803D;--color-success-subtle: #F0FDF4;--color-success-text: #15803D;--color-warning: #F59E0B;--color-warning-subtle: #FFFBEB;--color-warning-text: #B45309;--color-bg: #FFFFFF;--color-surface: #F9FAFB;--color-surface-raised: #FFFFFF;--color-surface-sunken: #F3F4F6;--color-skeleton: #E5E7EB;--color-overlay: rgba(17, 24, 39, .5);--color-border: #E5E7EB;--color-border-strong: #868E9C;--color-text: #111827;--color-text-muted: #4B5563;--color-text-subtle: #6B7280;--color-text-inverse: #FFFFFF;--color-link: #1D4ED8;--color-notice-bg: #F3F4F6;--color-notice-text: #374151;--color-placeholder-bg: #F3F4F6;--color-placeholder-icon: #868E9C;--color-badge-neutral-bg: #F3F4F6;--color-badge-neutral-text: #374151;--color-badge-info-bg: #DBEAFE;--color-badge-info-text: #1E40AF;--color-badge-success-bg: #DCFCE7;--color-badge-success-text: #166534;--color-badge-warning-bg: #FEF3C7;--color-badge-warning-text: #92400E;--color-badge-danger-bg: #FEE2E2;--color-badge-danger-text: #991B1B;--color-toast-bg: #111827;--color-toast-text: #FFFFFF;--color-toast-error-bg: #B91C1C;--color-toast-error-text: #FFFFFF;--color-focus-ring: #2563EB;--color-chart-uv: #2563EB;--color-chart-pv: #0F766E;--color-chart-click: #C2410C;--color-chart-grid: #E5E7EB;--color-chart-axis: #4B5563;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--leading-xs: 1rem;--text-sm: .875rem;--leading-sm: 1.25rem;--text-base: 1rem;--leading-base: 1.5rem;--text-lg: 1.125rem;--leading-lg: 1.75rem;--text-xl: 1.25rem;--leading-xl: 1.75rem;--text-2xl: 1.5rem;--leading-2xl: 2rem;--text-3xl: 1.875rem;--leading-3xl: 2.25rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);--shadow-md: 0 4px 8px -2px rgba(17, 24, 39, .12);--shadow-lg: 0 12px 24px -6px rgba(17, 24, 39, .18);--control-h-sm: 32px;--control-h-md: 40px;--control-h-lg: 48px;--touch-target-min: 44px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--header-h-user: 56px;--header-h-user-md: 64px;--header-h-admin: 56px;--container-user: 1280px;--container-admin: 1200px;--container-narrow: 640px;--gutter: 16px;--gutter-md: 24px;--duration-fast: .15s;--duration-base: .2s;--easing-standard: cubic-bezier(.2, 0, 0, 1);--z-header: 100;--z-tooltip: 200;--z-overlay: 300;--z-modal: 310;--z-toast: 400;--focus-ring-width: 2px;--focus-ring-offset: 2px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-primary: #60A5FA;--color-primary-hover: #93C5FD;--color-primary-active: #BFDBFE;--color-primary-subtle: #172554;--color-primary-subtle-text: #93C5FD;--color-on-primary: #0B0F19;--color-danger: #F87171;--color-danger-hover: #FCA5A5;--color-danger-active: #FECACA;--color-danger-subtle: #2A1215;--color-danger-text: #FCA5A5;--color-on-danger: #0B0F19;--color-success: #4ADE80;--color-success-subtle: #0F2A1A;--color-success-text: #4ADE80;--color-warning: #FBBF24;--color-warning-subtle: #2A1F0A;--color-warning-text: #FCD34D;--color-bg: #0B0F19;--color-surface: #111827;--color-surface-raised: #111827;--color-surface-sunken: #1F2937;--color-skeleton: #1F2937;--color-overlay: rgba(0, 0, 0, .6);--color-border: #1F2937;--color-border-strong: #7B8494;--color-text: #F3F4F6;--color-text-muted: #9CA3AF;--color-text-subtle: #7B8494;--color-text-inverse: #0B0F19;--color-link: #93C5FD;--color-notice-bg: #1F2937;--color-notice-text: #D1D5DB;--color-placeholder-bg: #1F2937;--color-placeholder-icon: #7B8494;--color-badge-neutral-bg: #374151;--color-badge-neutral-text: #D1D5DB;--color-badge-info-bg: #1E3A8A;--color-badge-info-text: #BFDBFE;--color-badge-success-bg: #14532D;--color-badge-success-text: #BBF7D0;--color-badge-warning-bg: #78350F;--color-badge-warning-text: #FDE68A;--color-badge-danger-bg: #7F1D1D;--color-badge-danger-text: #FECACA;--color-toast-bg: #F3F4F6;--color-toast-text: #111827;--color-toast-error-bg: #7F1D1D;--color-toast-error-text: #F3F4F6;--color-focus-ring: #60A5FA;--color-chart-uv: #60A5FA;--color-chart-pv: #2DD4BF;--color-chart-click: #FB923C;--color-chart-grid: #1F2937;--color-chart-axis: #9CA3AF;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 24px -6px rgba(0, 0, 0, .6)}}[data-theme=dark]{color-scheme:dark;--color-primary: #60A5FA;--color-primary-hover: #93C5FD;--color-primary-active: #BFDBFE;--color-primary-subtle: #172554;--color-primary-subtle-text: #93C5FD;--color-on-primary: #0B0F19;--color-danger: #F87171;--color-danger-hover: #FCA5A5;--color-danger-active: #FECACA;--color-danger-subtle: #2A1215;--color-danger-text: #FCA5A5;--color-on-danger: #0B0F19;--color-success: #4ADE80;--color-success-subtle: #0F2A1A;--color-success-text: #4ADE80;--color-warning: #FBBF24;--color-warning-subtle: #2A1F0A;--color-warning-text: #FCD34D;--color-bg: #0B0F19;--color-surface: #111827;--color-surface-raised: #111827;--color-surface-sunken: #1F2937;--color-skeleton: #1F2937;--color-overlay: rgba(0, 0, 0, .6);--color-border: #1F2937;--color-border-strong: #7B8494;--color-text: #F3F4F6;--color-text-muted: #9CA3AF;--color-text-subtle: #7B8494;--color-text-inverse: #0B0F19;--color-link: #93C5FD;--color-notice-bg: #1F2937;--color-notice-text: #D1D5DB;--color-placeholder-bg: #1F2937;--color-placeholder-icon: #7B8494;--color-badge-neutral-bg: #374151;--color-badge-neutral-text: #D1D5DB;--color-badge-info-bg: #1E3A8A;--color-badge-info-text: #BFDBFE;--color-badge-success-bg: #14532D;--color-badge-success-text: #BBF7D0;--color-badge-warning-bg: #78350F;--color-badge-warning-text: #FDE68A;--color-badge-danger-bg: #7F1D1D;--color-badge-danger-text: #FECACA;--color-toast-bg: #F3F4F6;--color-toast-text: #111827;--color-toast-error-bg: #7F1D1D;--color-toast-error-text: #F3F4F6;--color-focus-ring: #60A5FA;--color-chart-uv: #60A5FA;--color-chart-pv: #2DD4BF;--color-chart-click: #FB923C;--color-chart-grid: #1F2937;--color-chart-axis: #9CA3AF;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 24px -6px rgba(0, 0, 0, .6)}@media(min-width:768px){:root{--gutter: 24px}}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-base);-webkit-font-smoothing:antialiased}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.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}a{color:var(--color-link);text-underline-offset:2px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,[aria-disabled=true]{cursor:not-allowed}button:disabled{opacity:.5}p,h1,h2,figure{margin:0}h1{font-size:var(--text-xl);line-height:var(--leading-xl)}h2{font-size:var(--text-base);line-height:var(--leading-base)}input{min-width:0;color:var(--color-text);background:var(--color-bg)}.icon{width:var(--icon-md);height:var(--icon-md);flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-h-md);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:var(--weight-semibold);text-decoration:none;white-space:nowrap;transition:background-color var(--duration-fast),box-shadow var(--duration-fast)}.btn.primary{background:var(--color-primary);color:var(--color-on-primary)}.btn.secondary{background:var(--color-surface-raised);color:var(--color-text);border-color:var(--color-border-strong)}.btn.danger{background:var(--color-danger);color:var(--color-on-danger)}.btn.danger-outline{background:var(--color-surface-raised);color:var(--color-danger-text);border-color:var(--color-danger)}.btn.ghost{background:transparent;color:var(--color-primary-subtle-text)}.btn:active:not(:disabled){transform:scale(.98)}.btn.primary:active{background:var(--color-primary-active)}.btn.danger:active{background:var(--color-danger-active)}.block{width:100%}.large{min-height:var(--control-h-lg);font-size:var(--text-base)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--control-h-md);min-height:var(--control-h-md);border:0;border-radius:var(--radius-full);background:transparent;color:inherit;text-decoration:none;flex-shrink:0}.muted{color:var(--color-text-muted);font-size:var(--text-sm)}.numeric{font-variant-numeric:tabular-nums;text-align:right}.brand{color:var(--color-text);text-decoration:none;font-weight:var(--weight-bold);white-space:nowrap}.user-header{position:sticky;top:0;z-index:var(--z-header);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.user-header.scrolled{box-shadow:var(--shadow-sm)}.user-header-inner{height:var(--header-h-user);max-width:var(--container-user);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;gap:var(--space-3)}.user-header .brand{font-size:var(--text-lg)}.search{display:flex;align-items:center;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);min-width:0;background:var(--color-bg);flex:1}.search input{width:100%;border:0;background:transparent;border-radius:var(--radius-full);min-height:var(--control-h-md);padding:var(--space-2) var(--space-3);font-size:var(--text-base)}.search input::-webkit-search-cancel-button{display:none}.search:focus-within{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.search input:focus-visible{outline:none}.notice{background:var(--color-notice-bg);color:var(--color-notice-text);font-size:var(--text-xs);line-height:var(--leading-xs)}.notice>div{max-width:var(--container-user);margin:0 auto;padding:var(--space-2) var(--gutter);word-break:keep-all}.user-main{max-width:var(--container-user);margin:0 auto;padding:var(--space-4) var(--gutter) 0;min-height:45vh}footer{margin-top:var(--space-12);border-top:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text-muted)}footer>div{max-width:var(--container-user);margin:auto;padding:var(--space-6) var(--gutter) var(--space-8);display:flex;flex-direction:column;gap:var(--space-2);word-break:keep-all}footer p:first-child{color:var(--color-text);font-weight:var(--weight-medium)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-3);list-style:none;margin:0;padding:0}.product-card{display:block;text-decoration:none;color:var(--color-text);border-radius:var(--radius-md)}.thumbnail{aspect-ratio:1;width:100%;overflow:hidden;border-radius:var(--radius-md);background:var(--color-placeholder-bg)}.thumbnail img{width:100%;height:100%;object-fit:contain;display:block}.placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:var(--color-placeholder-icon)}.placeholder .icon{width:var(--space-10);height:var(--space-10)}.thumbnail.small{width:var(--space-12);border-radius:var(--radius-sm)}.small .icon{width:var(--icon-lg);height:var(--icon-lg)}.product-name{margin-top:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-sm);min-height:calc(var(--leading-sm) * 2)}.clamp,.product-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.search-summary{margin-bottom:var(--space-3);overflow-wrap:anywhere}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1);margin-top:var(--space-8)}.pagination a,.pagination>span:not(.page-item),.ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:var(--control-h-md);height:var(--control-h-md);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-size:var(--text-sm)}.pagination [aria-current]{background:var(--color-primary);color:var(--color-on-primary)}.pagination [aria-disabled]{color:var(--color-text-subtle)}.page-item{display:flex;gap:var(--space-1)}.state{padding:var(--space-16) var(--space-4);display:flex;align-items:center;flex-direction:column;text-align:center;gap:var(--space-4)}.state>.icon{width:var(--space-10);height:var(--space-10);color:var(--color-text-muted)}.state h2{font-size:var(--text-lg);line-height:var(--leading-lg)}.not-found{padding:var(--space-16) 0;min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-4)}.standalone{min-height:100dvh;display:grid;place-items:center;padding:var(--gutter);background:var(--color-surface)}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);overflow-wrap:anywhere}.banner.info{background:var(--color-primary-subtle);color:var(--color-primary-subtle-text)}.banner.danger{background:var(--color-danger-subtle);color:var(--color-danger-text)}.banner.warning{background:var(--color-warning-subtle);color:var(--color-warning-text);border-left:4px solid var(--color-warning)}.banner.success{background:var(--color-success-subtle);color:var(--color-success-text)}.banner .btn{margin-left:var(--space-2)}.skeleton{background:var(--color-skeleton);border-radius:var(--radius-md);animation:pulse 1.5s infinite}.skeleton-card{aspect-ratio:1/1.25}.skeleton-list{display:grid;gap:var(--space-3);width:100%}.skeleton-row{height:var(--space-16)}@keyframes pulse{50%{opacity:.45}}.spinner{width:var(--icon-sm);height:var(--icon-sm);border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-layout{min-height:100dvh;background:var(--color-surface)}.admin-header{position:sticky;top:0;z-index:var(--z-header);background:var(--color-surface-raised);border-bottom:1px solid var(--color-border)}.admin-header-inner{max-width:var(--container-admin);margin:auto;padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand actions" "nav nav"}.admin-header .brand{grid-area:brand;display:flex;align-items:center;height:var(--header-h-admin);font-size:var(--text-base)}.header-actions{grid-area:actions;display:flex;align-items:center;gap:var(--space-2)}.admin-header nav{grid-area:nav;display:flex;overflow-x:auto;border-top:1px solid var(--color-border);gap:var(--space-4);margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter)}.admin-header nav a{display:flex;align-items:center;min-height:var(--touch-target-min);color:var(--color-text-muted);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.admin-header nav [aria-current]{color:var(--color-primary);border-color:var(--color-primary)}.desktop-label{display:none}.admin-main{max-width:var(--container-admin);margin:auto;padding:var(--space-4) var(--gutter) var(--space-12)}.page-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.panel{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);min-width:0}.panel h2{margin-bottom:var(--space-3)}.toolbar{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.segments-field{border:0;padding:0;margin:0;min-width:0}.segments-field legend{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);margin-bottom:var(--space-1)}.segments{display:flex;background:var(--color-surface-sunken);border-radius:var(--radius-full);padding:var(--space-1);gap:var(--space-1)}.segments label{flex:1;text-align:center;position:relative;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);line-height:var(--leading-sm);white-space:nowrap;cursor:pointer;border-radius:var(--radius-full);color:var(--color-text-muted)}.segments label.selected{background:var(--color-surface-raised);color:var(--color-primary-subtle-text);box-shadow:var(--shadow-sm);font-weight:var(--weight-semibold)}.segments label:has(:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg)}table{width:100%;border-collapse:collapse;background:var(--color-surface-raised);font-size:var(--text-sm)}th,td{padding:var(--space-3);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle}th{background:var(--color-surface);color:var(--color-text-muted);font-weight:var(--weight-semibold)}.responsive-table,.responsive-table tbody{display:block;background:transparent}.responsive-table thead{display:none}.responsive-table tr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised)}.responsive-table td{display:block;border:0;padding:0}.responsive-table .wide-only{display:none}.product-cell{flex:1;min-width:0}.row-title{display:flex;align-items:center;gap:var(--space-1)}.row-title .clamp{flex:1}.compact-meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.status-cell{width:100%;padding-left:calc(var(--space-12) + var(--space-3))!important}.badges{display:flex;flex-wrap:wrap;gap:var(--space-1)}.badge{display:inline-flex;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);line-height:var(--leading-xs);font-weight:var(--weight-medium)}.badge.warning{background:var(--color-badge-warning-bg);color:var(--color-badge-warning-text)}.badge.neutral{background:var(--color-badge-neutral-bg);color:var(--color-badge-neutral-text)}.badge.info{background:var(--color-badge-info-bg);color:var(--color-badge-info-text)}.badge.success{background:var(--color-badge-success-bg);color:var(--color-badge-success-text)}.row-actions{display:flex!important;gap:var(--space-2);margin-left:auto;justify-content:flex-end;flex-wrap:wrap}.row-actions .btn{min-height:var(--control-h-sm);padding:var(--space-1) var(--space-3)}.switch-control{display:inline-flex;align-items:center;gap:var(--space-2);background:transparent;border:0;color:var(--color-text);font-size:var(--text-sm);min-height:var(--control-h-md);padding:0;white-space:nowrap}.switch-track{display:inline-flex;align-items:center;width:36px;height:20px;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface-sunken);padding:1px}.switch-track>span{width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-text-muted)}[aria-checked=true] .switch-track{background:var(--color-primary);border-color:var(--color-primary);justify-content:flex-end}[aria-checked=true] .switch-track>span{background:var(--color-on-primary)}.login-root{min-height:100dvh;background:var(--color-surface);padding:var(--space-12) var(--gutter)}.login-panel{width:100%;max-width:400px;margin:auto;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.login-panel h1{text-align:center;margin-bottom:var(--space-6)}.form-stack{display:flex;flex-direction:column;gap:var(--space-6)}.field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field label{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.field input,.secret-box input{width:100%;min-height:var(--control-h-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-base)}.field input:focus{border-color:var(--color-primary)}.field input[aria-invalid=true]{border-color:var(--color-danger)}.field input:disabled{background:var(--color-surface-sunken)}.field-meta{display:flex;justify-content:space-between;gap:var(--space-2)}.field-meta .muted{font-size:var(--text-xs);line-height:var(--leading-xs)}.field-error,.required{color:var(--color-danger-text)}.field-error{font-size:var(--text-sm)}.field-meta>span{white-space:nowrap}.split{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.form-actions,.actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.form-actions{border-top:1px solid var(--color-border);padding-top:var(--space-4);justify-content:space-between}.back-link{display:inline-block;margin-bottom:var(--space-2);font-size:var(--text-sm)}.create-form{max-width:var(--container-narrow)}.edit-grid{display:grid;gap:var(--space-4)}.preview-panel{display:flex;align-items:center;flex-direction:column;gap:var(--space-4)}.preview-panel>.thumbnail{max-width:160px}.info-panel dl{display:grid;grid-template-columns:1fr;gap:var(--space-2) var(--space-3);margin:0}.info-panel dt{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.info-panel dd{margin:0;font-size:var(--text-sm);min-width:0;overflow-wrap:anywhere}.url-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs)}dialog{max-width:440px;width:calc(100% - var(--gutter) * 2);max-height:calc(100dvh - var(--space-8));overflow-y:auto;margin:auto;padding:var(--space-6);border:0;border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-lg);z-index:var(--z-modal)}dialog:has(.secret-box){max-width:520px}dialog::backdrop{background:var(--color-overlay)}dialog>h2{font-size:var(--text-lg);line-height:var(--leading-lg);margin-bottom:var(--space-4)}.secret-box{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.secret-box input{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-surface-sunken);-webkit-user-select:all;user-select:all}code{font-family:var(--font-mono);font-size:var(--text-xs);overflow-wrap:anywhere}.key-name{font-weight:var(--weight-semibold);overflow-wrap:anywhere}.compact-times{width:100%;font-size:var(--text-xs)}.revoked{color:var(--color-text-muted)}.toast-region{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);width:calc(100% - 2 * var(--space-4));max-width:400px;z-index:var(--z-toast);pointer-events:none}.toast{max-width:400px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-toast-bg);color:var(--color-toast-text);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--text-sm);pointer-events:auto}.toast-region.error .toast{background:var(--color-toast-error-bg);color:var(--color-toast-error-text)}.stat-grid{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}.stat-card p{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-2)}.stat-card strong{font-size:var(--text-3xl);line-height:var(--leading-3xl);font-variant-numeric:tabular-nums}.chart-panel{margin-bottom:var(--space-4)}.chart-legend{display:flex;gap:var(--space-4);flex-wrap:wrap}.chart-legend>span{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.chart-svg{width:100%;height:240px;display:block}.chart-grid{stroke:var(--color-chart-grid);stroke-width:1}.axis{fill:var(--color-chart-axis);font-size:12px}.series-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.uv{color:var(--color-chart-uv)}.pv{color:var(--color-chart-pv)}.click{color:var(--color-chart-click)}.pv .series-line{stroke-dasharray:6 4}.click .series-line{stroke-dasharray:2 3}.point{fill:currentColor;stroke:var(--color-surface-raised);stroke-width:1.5}.chart-guide{stroke:var(--color-border-strong);stroke-width:1}.chart-hit{fill:transparent}.chart:focus-within{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.chart-tooltip-slot{min-height:var(--space-10)}.chart-tooltip{display:inline-block;background:var(--color-toast-bg);color:var(--color-toast-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);box-shadow:var(--shadow-md)}.empty-chart{min-height:240px;display:grid;place-items:center}.stats-tables{display:grid;gap:var(--space-4)}.stats-tables th,.stats-tables td{padding:var(--space-2)}.scroll-table{max-height:400px;overflow-y:auto}.scroll-table th{position:sticky;top:0}.top-products .thumbnail{width:var(--space-10)}.skip-link{position:fixed;left:var(--gutter);top:0;transform:translateY(-120%);padding:var(--space-3);z-index:var(--z-toast);background:var(--color-bg)}.skip-link:focus{transform:none}@media(hover:hover){.btn.primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn.secondary:hover:not(:disabled),.icon-btn:hover{background:var(--color-surface-sunken)}.btn.danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn.danger-outline:hover:not(:disabled){background:var(--color-danger-subtle)}.btn.ghost:hover{background:var(--color-primary-subtle)}.product-card:hover .thumbnail{box-shadow:var(--shadow-md)}.product-card:hover .product-name,.brand:hover{color:var(--color-primary)}.pagination a:hover:not([aria-current]){background:var(--color-surface-sunken)}.responsive-table tr:hover{background:var(--color-surface)}}@media(min-width:480px){.product-grid,.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.secret-box{flex-direction:row}.info-panel dl{grid-template-columns:112px minmax(0,1fr)}}@media(min-width:768px){h1{font-size:var(--text-2xl);line-height:var(--leading-2xl)}.user-header-inner{height:var(--header-h-user-md);gap:var(--space-6)}.user-header .brand{font-size:var(--text-xl)}.user-header .search{flex:0 1 480px}.notice,footer{font-size:var(--text-sm);line-height:var(--leading-sm)}.user-main{padding-top:var(--space-6)}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6) var(--space-4)}.pagination{margin-top:var(--space-12)}.admin-header-inner{grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav actions";column-gap:var(--space-6)}.admin-header nav{margin:0;padding:0;border-top:0}.admin-header nav a{min-height:var(--header-h-admin)}.desktop-label{display:inline}.admin-main{padding-top:var(--space-6)}.page-heading{margin-bottom:var(--space-6)}.panel{padding:var(--space-6)}.toolbar{flex-direction:row;align-items:flex-end;flex-wrap:wrap;gap:var(--space-4)}.toolbar .search{flex:0 1 280px}.toolbar>.muted{margin-left:auto}.responsive-table{display:table;background:var(--color-surface-raised)}.responsive-table thead{display:table-header-group}.responsive-table tbody{display:table-row-group}.responsive-table tr{display:table-row}.responsive-table td{display:table-cell;padding:var(--space-3);border-bottom:1px solid var(--color-border)}.responsive-table .status-cell{width:auto;padding-left:var(--space-3)!important}.responsive-table .row-actions{display:table-cell!important;white-space:nowrap}.row-actions .btn{padding:var(--space-1) var(--space-2);margin:var(--space-1)}.products-table .badges{flex-direction:column;align-items:flex-start}.compact-times{width:auto}.login-root{display:grid;place-items:center;padding:var(--space-6)}.login-panel{padding:var(--space-8);box-shadow:var(--shadow-sm)}.edit-grid{gap:var(--space-6)}.notice{text-align:center}.chart-svg{height:280px}.empty-chart{min-height:280px}.stat-grid{gap:var(--space-4);margin-bottom:var(--space-6)}.chart-panel{margin-bottom:var(--space-6)}}@media(min-width:1024px){.product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-8) var(--space-5)}.responsive-table .wide-only{display:table-cell}.compact-meta,.keys-table .compact-times{display:none}.stats-tables{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.edit-grid{grid-template-columns:minmax(0,1fr) 320px;max-width:1040px;align-items:start}.product-form{grid-column:1;grid-row:1 / span 2}.preview-panel{grid-column:2;grid-row:1;position:sticky;top:calc(var(--header-h-admin) + var(--space-6))}.info-panel{grid-column:2;grid-row:2}.info-panel dl{grid-template-columns:1fr}.preview-panel>.thumbnail{max-width:288px}}@media(min-width:1280px){.product-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(pointer:coarse){.btn,.icon-btn,.pagination a,.switch-control,.segments label{min-height:var(--touch-target-min)}.icon-btn{min-width:var(--touch-target-min)}}@media(prefers-reduced-motion:reduce){.skeleton,.spinner{animation:none}.btn{transition:none}}.chart{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--color-surface-raised)}.chart-tooltip-slot{position:absolute;pointer-events:none;z-index:var(--z-tooltip);max-width:calc(100% - var(--space-16))}.chart-tooltip{min-width:128px}.banner.info{border-left:4px solid var(--color-primary)}.banner.danger{border-left:4px solid var(--color-danger)}.banner.success{border-left:4px solid var(--color-success)}.stat-card:nth-child(1) p{color:var(--color-chart-uv)}.stat-card:nth-child(2) p{color:var(--color-chart-pv)}.stat-card:nth-child(3) p{color:var(--color-chart-click)}.banner{display:flex;align-items:flex-start;gap:var(--space-3)}.banner>.icon{flex-shrink:0}.banner-body{flex:1;min-width:0}.banner>.icon-btn{min-width:var(--control-h-sm);min-height:var(--control-h-sm)}.skeleton-card{aspect-ratio:auto;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-thumb{width:100%;aspect-ratio:1}.skeleton-line{height:var(--space-3);width:100%}.skeleton-line.short{width:65%}.skeleton-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);height:152px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.skeleton-avatar{width:var(--space-12);height:var(--space-12);flex-shrink:0}.skeleton-lines{display:flex;flex-direction:column;gap:var(--space-2);flex:1}@media(min-width:768px){.skeleton-row{height:72px}}.login-loading{min-height:280px;display:grid;place-items:center;color:var(--color-primary)}.login-loading .spinner{width:var(--space-8);height:var(--space-8)}.skeleton-stat{height:var(--space-8);width:65%;margin-top:var(--space-3)}.skeleton-chart{height:240px}.skeleton-preview{width:160px;aspect-ratio:1}.stats-tables .skeleton-row,.product-form .skeleton-row,.info-panel .skeleton-row{height:var(--control-h-lg);border:0;padding:0}.stats-tables .skeleton-avatar,.product-form .skeleton-avatar,.info-panel .skeleton-avatar{display:none}@media(min-width:768px){.skeleton-chart{height:280px}}@media(min-width:768px){.toast-region{transform:none;width:auto;left:auto;right:var(--space-6);bottom:var(--space-6)}.toast{min-width:280px;max-width:400px}}.toast .icon{width:16px;height:16px;flex-shrink:0}.toast{gap:var(--space-2);line-height:var(--leading-sm);animation:toast-in var(--duration-base) ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}