:root{--color-primary:#1e3a6e;--color-primary-600:#2d5196;--color-primary-050:#eaf2ff;--color-accent:#e85e5e;--color-success:#2e7d4f;--color-warning:#b7791f;--color-danger:#b3392e;--color-info:#3b5b92;--surface-default:#fff;--surface-app:#f5f7fa;--surface-glass:#ffffffd9;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--border-subtle:#e5e7eb;--border-strong:#cbd5e1;--font-family-base:"Yu Gothic", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--font-family-mono:"SFMono-Regular", Consolas, monospace;--font-h1:700 2rem/1.4 var(--font-family-base);--font-h2:700 1.5rem/1.4 var(--font-family-base);--font-h3:700 1.25rem/1.45 var(--font-family-base);--font-h4:600 1.125rem/1.45 var(--font-family-base);--font-body:400 1rem/1.6 var(--font-family-base);--font-small:400 .875rem/1.5 var(--font-family-base);--font-min:400 .75rem/1.4 var(--font-family-base);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--elev-0:none;--elev-1:0 1px 2px #0000000f, 0 1px 3px #0000001a;--elev-2:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--elev-3:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--motion-fast:.15s;--motion-base:.22s;--motion-slow:.3s;--header-height:64px;--public-footer-height:40px}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s;--motion-slow:0s}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}*,:before,:after{box-sizing:border-box}html{font-size:100%}body{font:var(--font-body);color:var(--text-primary);background:var(--surface-app);-webkit-font-smoothing:antialiased;margin:0}h1{font:var(--font-h1);margin:0 0 var(--space-4)}h2{font:var(--font-h2);margin:0 0 var(--space-4)}h3{font:var(--font-h3);margin:0 0 var(--space-3)}h4{font:var(--font-h4);margin:0 0 var(--space-2)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-sm)}.skip-link{z-index:100;background:var(--color-primary);color:#fff;padding:var(--space-3) var(--space-4);position:absolute;top:0;left:-9999px}.skip-link:focus{left:var(--space-4);top:var(--space-2)}.container{max-width:1280px;padding:0 var(--space-5);margin:0 auto}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);display:flex}.spacer{flex:1}.muted{color:var(--text-muted);font:var(--font-small)}.price{font:700 1.75rem/1.2 var(--font-family-base);font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-md);font:600 1rem/1 var(--font-family-base);cursor:pointer;transition:background var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast);border:1px solid #0000;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-600)}.btn--secondary{background:var(--surface-default);color:var(--color-primary);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){background:var(--color-primary-050)}.btn--ghost{color:var(--text-secondary);min-height:36px;padding:0 var(--space-3);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface-app)}.btn--danger{background:var(--color-danger);color:#fff}.btn--sm{min-height:32px;padding:0 var(--space-3);font:var(--font-small)}.btn--block{width:100%}.card{background:var(--surface-default);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--elev-1);transition:box-shadow var(--motion-fast), transform var(--motion-fast)}.card--hoverable:hover{box-shadow:var(--elev-2);transform:translateY(-2px)}.card__body{padding:var(--space-4)}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{font:var(--font-small);color:var(--text-secondary);font-weight:600}.field__hint{font:var(--font-min);color:var(--text-muted)}.field__error{font:var(--font-small);color:var(--color-danger)}.input,.select,.textarea{min-height:48px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);font:var(--font-body);background:var(--surface-default);color:var(--text-primary);width:100%}.textarea{resize:vertical;min-height:96px}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--color-danger)}.badge{padding:2px var(--space-2);border-radius:var(--radius-full);font:var(--font-min);align-items:center;gap:4px;font-weight:700;display:inline-flex}.badge--primary{background:var(--color-primary-050);color:var(--color-primary)}.badge--accent{color:var(--color-accent);background:#fdecec}.badge--success{color:var(--color-success);background:#e7f3ec}.badge--warning{color:var(--color-warning);background:#fbf2e3}.badge--danger{color:var(--color-danger);background:#f9e9e7}.badge--muted{background:var(--surface-app);color:var(--text-muted)}.toast-region{right:var(--space-5);bottom:var(--space-5);gap:var(--space-2);z-index:60;flex-direction:column;display:flex;position:fixed}.toast{min-width:280px;max-width:380px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--elev-3);background:var(--surface-default);border-left:4px solid var(--color-info);animation:toast-in var(--motion-base) ease-out}.toast--success{border-left-color:var(--color-success)}.toast--warn{border-left-color:var(--color-warning)}.toast--error{border-left-color:var(--color-danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#eef1f5 25%,#f7f9fb 37%,#eef1f5 63%) 0 0/400% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}.scrim{z-index:50;padding:var(--space-4);background:#0f172a80;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface-default);border-radius:var(--radius-lg);box-shadow:var(--elev-3);width:min(560px,100%);padding:var(--space-5);animation:.18s ease-out modal-in}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}table.data{border-collapse:collapse;background:var(--surface-default);width:100%}table.data th,table.data td{padding:var(--space-3);border-bottom:1px solid var(--border-subtle);text-align:left}table.data th{font:var(--font-small);color:var(--text-secondary);background:var(--surface-app);font-weight:700}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-muted)}.grid-products{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}@media (max-width:767px){.container{padding:0 var(--space-4)}}