:root{--color-bg:#f7f7f8;--color-bg-inner:#f2f3f5;--color-surface:#fff;--color-surface-alt:#fafafb;--color-border:#cdcfd6;--color-border-inner:#e3e4e8;--color-th-bg:#f2f3f5;--color-total-bg:#eff1f4;--color-text:#1f2023;--color-text-muted:#6b6e76;--color-base:#f16334;--color-base-button:#c24a18;--color-base-strong:#a53d13;--color-base-light:#f16334;--color-danger:#c0392b;--color-danger-bg:#fdf4f3;--color-ok:#2e7d5b;--color-ok-bg:#f2f8f5;--color-disabled:#9a9da5;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--font-xs:12px;--font-sm:13px;--font-body:15px;--font-strong:15px;--font-h3:16px;--font-h2:17px;--font-h1:20px;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;--border-thin:1px;--border-base:1px;--border-thick:2px;--shadow-base:0 1px 2px #1f20230f;--shadow-strong:-8px 0 24px #1f20231f;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, Roboto, "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--color-text);text-underline-offset:2px;text-decoration:underline}a:hover{color:var(--color-base-strong)}:focus-visible{outline:2px solid var(--color-base);outline-offset:1px}.card{background:var(--color-surface);border:var(--border-base) solid var(--color-border-inner);border-radius:var(--radius-md);padding:var(--space-lg)}.button{padding:var(--space-sm) var(--space-lg);border:var(--border-thin) solid transparent;border-radius:var(--radius-md);background:var(--color-base-button);color:#fff;font-family:inherit;font-size:var(--font-body);cursor:pointer;font-weight:700;line-height:1.4;text-decoration:none;display:inline-block}.button:hover{background:var(--color-base-strong);color:#fff}.button:disabled{background:var(--color-disabled);cursor:not-allowed}.button--quiet{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);font-weight:400}.button--quiet:hover{background:var(--color-bg-inner);color:var(--color-text)}.field{margin-bottom:var(--space-md);display:block}.field__label{margin-bottom:var(--space-xs);font-size:var(--font-sm);font-weight:700;display:block}.field__input{width:100%;padding:6px var(--space-sm);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:var(--font-body);line-height:1.5}.field__input::placeholder{color:var(--color-disabled)}.field__input:focus,.field__input:focus-visible{outline:2px solid var(--color-base);outline-offset:0;border-color:var(--color-base)}textarea.field__input{resize:vertical;width:100%;min-height:calc(4.8em + 14px);display:block}.alert{margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);border:var(--border-thin) solid var(--color-border-inner);border-left:3px solid var(--color-danger);border-radius:var(--radius-sm);background:var(--color-danger-bg);color:var(--color-text);font-size:var(--font-body)}.table{border-collapse:collapse;border:var(--border-base) solid var(--color-border);background:var(--color-surface);width:100%;font-size:var(--font-body)}.table th,.table td{padding:6px var(--space-md);border:var(--border-thin) solid var(--color-border-inner);text-align:left}.table th{background:var(--color-th-bg);font-size:var(--font-sm);white-space:nowrap}.table tbody tr:nth-child(2n) td{background:var(--color-surface-alt)}.table__empty{padding:var(--space-xl);color:var(--color-text-muted);text-align:center}.empty{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-xl);color:var(--color-text-muted);display:flex}