:root{--app-header-height: 48px;--app-primary: #0f172a;--app-secondary: #334155;--app-cta: #0369a1;--app-cta-hover: #075985;--app-background: #f8fafc;--app-surface: #ffffff;--app-text: #020617;--app-text-secondary: #475569;--app-text-muted: #94a3b8;--app-border: #e2e8f0;--app-border-strong: #cbd5e1;--app-error: #dc2626;--app-accent-light: #e0f2fe}@media(max-width:899px){:root{--app-header-height: 40px}}html,body{margin:0;padding:0;height:100%;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:auto;box-sizing:border-box;background:var(--app-background);color:var(--app-text)}body{padding-right:0}body.MuiModal-open{overflow:hidden;padding-right:0}*{box-sizing:inherit}#root{height:100%;display:flex;flex-direction:column}.list-page-container{display:flex;flex-direction:column;height:calc(100vh - var(--app-header-height));overflow:hidden}.list-scrollable{flex:1;overflow-y:auto;min-height:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.MuiFormLabel-root .MuiFormLabel-asterisk,.MuiFormLabel-root .MuiFormLabel-asterisk.Mui-error{color:var(--app-error);font-size:1.2em;font-weight:700;margin-left:2px}.app-required-marker{color:var(--app-error);display:inline-block;font-size:1.45em;font-weight:700;line-height:1;vertical-align:middle;transform:translateY(1px)}.app-initial-loader{display:flex;justify-content:center;align-items:center;height:100vh}.app-required-asterisk{color:var(--app-error);font-size:1.2em;font-weight:700;margin-left:2px}.work-history-error-summary-list{margin-left:8px}.work-history-skill-label-disabled .MuiFormControlLabel-label{color:var(--app-text-muted)}.employee-roster-support-list{margin:0;padding-left:20px}.app-placeholder-light{color:var(--app-text-muted)}.App{text-align:center;display:flex;flex-direction:column;height:100%;background:var(--app-background);color:var(--app-text)}.App>header{flex-shrink:0}.App-main{flex:1;min-height:0;overflow:auto}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:var(--app-primary);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:var(--app-surface)}.App-link{color:var(--app-cta)}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
