*,:before,:after{box-sizing:border-box;word-break:keep-all;overflow-wrap:break-word;margin:0;padding:0}@keyframes spin{to{transform:rotate(360deg)}}:root{--color-canvas:#fff;--color-surface:#fff;--color-surface-muted:#f7f8fa;--color-surface-sunken:#f2f3f5;--color-line:#e5e7eb;--color-line-strong:#d1d5db;--color-text-muted:#6b7280;--color-text-subtle:#9ca3af;--color-text:#111827;--color-text-strong:#030712;--color-accent:#2c5282;--color-accent-hover:#234069;--color-accent-weak:#eaf0f7;--color-accent-line:#c6d4e6;--color-alert:#b91c1c;--color-alert-hover:#991b1b;--color-alert-weak:#fdecec;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--border-1:1px solid var(--color-line);--border-strong:1px solid var(--color-line-strong);--shadow-1:0 1px 2px #1118270d;--shadow-2:0 4px 12px #11182714;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans JP", sans-serif;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:24px;--lh-body:1.6;--lh-tight:1.4;--primary:var(--color-accent);--primary-dark:var(--color-accent-hover);--danger:var(--color-alert);--success:var(--color-accent);--warning:var(--color-text);--border:var(--color-line);--text:var(--color-text);--text-light:var(--color-text-muted);--card-bg:var(--color-surface)}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface-muted);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--fs-md)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-weight:600;font-size:var(--fs-md);letter-spacing:0;white-space:nowrap;border:1px solid #0000;min-height:40px;padding:10px 16px;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-canvas);border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-line-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-muted);border-color:var(--color-text-muted)}.btn-danger{background:var(--color-alert);color:var(--color-canvas);border-color:var(--color-alert)}.btn-danger:hover:not(:disabled){background:var(--color-alert-hover);border-color:var(--color-alert-hover)}.btn-ghost{color:var(--color-text);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-surface-muted)}.btn-sm{font-size:var(--fs-sm);min-height:32px;padding:6px 12px}.btn-icon{color:var(--color-text-muted);border:1px solid var(--color-line);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-md);background:0 0;min-width:32px;min-height:32px;padding:6px 8px}.btn-icon:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text)}.badge{font-size:var(--fs-xs);white-space:nowrap;border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-text-muted);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-weight:600;line-height:1.4;display:inline-flex}.badge-admin{background:var(--color-accent-weak);color:var(--color-accent);border-color:var(--color-accent-line)}.badge-user{background:var(--color-surface-muted);color:var(--color-text-muted);border-color:var(--color-line)}.badge-active{background:var(--color-accent-weak);color:var(--color-accent);border-color:var(--color-accent-line)}.badge-disabled{background:var(--color-alert-weak);color:var(--color-alert);border-color:#f4c7c7}.badge-editor{background:var(--color-surface-muted);color:var(--color-text);border-color:var(--color-line)}.form-group{margin-bottom:var(--space-4)}.form-group label{font-weight:600;font-size:var(--fs-sm);color:var(--color-text);margin-bottom:6px;display:block}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number],.form-group input[type=url],.form-group input[type=date],.form-group input[type=time],.form-group select,.form-group textarea{border:1px solid var(--color-line);border-radius:var(--radius-md);width:100%;font-family:inherit;font-size:var(--fs-lg);color:var(--color-text);background:var(--color-canvas);box-sizing:border-box;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-subtle)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #2c528226}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--color-surface-muted);color:var(--color-text-muted);cursor:not-allowed}.hidden{display:none}.error-text{color:var(--color-alert);font-size:var(--fs-sm)}.empty-text{color:var(--color-text-muted);text-align:center;padding:var(--space-5);font-size:var(--fs-sm)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}