:root{--bl: #2563eb;--bll: #dbeafe;--navy: #1f3864;--navy2: #16294a;--g: #16a34a;--r: #dc2626;--am: #d97706;--bd: #e2e8f0;--t1: #0f172a;--t3: #64748b;--bg: #f1f5f9}*{box-sizing:border-box}html,body{margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Meiryo,sans-serif;font-size:16px;color:var(--t1);background:var(--bg)}.app-shell{display:flex;min-height:100vh}.app-nav{width:220px;background:linear-gradient(180deg,var(--navy),var(--navy2));color:#cbd5e1;padding:20px 14px;display:flex;flex-direction:column;gap:12px}.app-logo{font-weight:800;font-size:18px;color:#fff;letter-spacing:.04em}.nav-item{color:#cbd5e1;text-decoration:none;padding:12px;border-radius:8px;min-height:44px;display:flex;align-items:center}.nav-item.active{background:var(--bl);color:#fff}.nav-note{margin-top:auto;font-size:12px;color:#64748b;line-height:1.5}.app-main{flex:1;padding:24px;max-width:900px}.qdr-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.qdr-title{font-size:20px;margin:0}.tap-meter{display:inline-flex;align-items:baseline;gap:8px;background:var(--bll);color:var(--bl);padding:8px 14px;border-radius:999px;font-weight:700;min-height:44px}.tap-meter.tap-over{background:#fee2e2;color:var(--r)}.tap-num{font-size:22px}.tap-sep{font-size:13px;font-weight:600}.tap-warn{font-size:13px;background:var(--r);color:#fff;padding:2px 8px;border-radius:6px}.qdr-actions{display:flex;gap:10px;margin-bottom:20px}.btn{min-height:44px;min-width:96px;padding:0 18px;font-size:16px;font-weight:700;border:1px solid var(--bd);border-radius:10px;cursor:pointer;background:#fff}.btn-primary{background:var(--bl);color:#fff;border-color:var(--bl)}.btn-secondary{background:#fff;color:var(--t1)}.card{background:#fff;border:1px solid var(--bd);border-radius:12px;margin-bottom:16px;overflow:hidden}.card-h{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f8fafc;border-bottom:1px solid var(--bd)}.card-h h2{font-size:15px;margin:0;flex:1}.card-b{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}.badge-meta{background:#e0e7ff;color:#4338ca}.badge-table{background:#dcfce7;color:#15803d}.badge-counter{background:#fef3c7;color:#b45309}.badge-check{background:#cffafe;color:#0e7490}.badge-gate{background:#fae8ff;color:#a21caf}.field{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:8px 16px}.field-error .field-label{color:var(--r)}.field-label{font-weight:600;font-size:15px;display:flex;align-items:center;gap:6px}.opt{font-size:11px;color:var(--t3);border:1px solid var(--bd);border-radius:5px;padding:1px 6px}.req{font-size:11px;color:var(--r);border:1px solid #fecaca;border-radius:5px;padding:1px 6px}.field-control{display:flex;align-items:center}.field-msg{grid-column:2;margin:0;color:var(--r);font-size:13px}.input{min-height:44px;font-size:16px;padding:8px 12px;border:1px solid var(--bd);border-radius:8px;width:100%;max-width:320px;background:#fff}.counter{display:inline-flex;align-items:center;gap:8px}.tap{min-width:44px;min-height:44px;font-size:22px;font-weight:800;border:1px solid var(--bd);border-radius:10px;background:#fff;cursor:pointer}.counter-val{min-width:48px;text-align:center;font-size:20px;font-weight:700}.toggle{min-height:44px;min-width:64px;font-size:16px;font-weight:700;border:1px solid var(--bd);border-radius:999px;background:#f1f5f9;color:var(--t3);cursor:pointer}.toggle-on{background:var(--g);color:#fff;border-color:var(--g)}.toast{position:sticky;bottom:16px;margin-top:16px;background:#0b1220;color:#fff;padding:12px 16px;border-radius:10px;font-size:15px}.result{background:#fff;border:1px solid var(--bd);border-radius:12px;overflow:hidden;margin-top:16px}.result-json{margin:0;padding:16px;font-size:13px;line-height:1.5;background:#0b1220;color:#d1fae5;overflow:auto}.nav-item{border:none;background:transparent;text-align:left;width:100%;font-family:inherit;font-size:16px;cursor:pointer}.page{display:flex;flex-direction:column;gap:16px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-title{font-size:20px;margin:0}.muted{color:var(--t3);font-size:14px}.month-picker,.fl{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--t3);font-weight:600}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#fff;border:1px solid var(--bd);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.metric-label{font-size:13px;color:var(--t3);font-weight:600}.metric-value{font-size:24px;font-weight:800}.metric-g .metric-value{color:var(--g)}.metric-am .metric-value{color:var(--am)}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th,.tbl td{padding:8px 10px;border-bottom:1px solid var(--bd);text-align:left}.tbl th{font-size:12px;color:var(--t3);background:#f8fafc}.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}.row-missing td{color:var(--t3);background:#fafafa}.note-cell{max-width:260px}.status{font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;white-space:nowrap}.st-draft{background:#e0e7ff;color:#4338ca}.st-submitted{background:#fef3c7;color:#b45309}.st-approved{background:#dcfce7;color:#15803d}.st-rejected{background:#fee2e2;color:var(--r)}.st-missing{background:#f1f5f9;color:var(--t3)}.delta{font-size:13px;font-weight:700}.delta-up{color:var(--r)}.delta-down{color:var(--g)}.delta-flat{color:var(--t3)}.bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.bar-row{display:grid;grid-template-columns:28px 1fr 32px;align-items:center;gap:8px}.bar-label{font-size:12px;color:var(--t3);text-align:right}.bar-track{background:#f1f5f9;border-radius:6px;height:16px;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--bl);border-radius:6px;min-width:2px}.bar-fill.bar-zero{background:transparent}.bar-val{font-size:12px;font-variant-numeric:tabular-nums}.filters{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:12px}.filters .input{max-width:220px}.row-actions{display:flex;gap:6px}.btn-sm{min-height:36px;padding:0 12px;font-size:14px;font-weight:700;border-radius:8px;border:1px solid var(--bd);cursor:pointer;background:#fff}.btn-approve{background:var(--g);color:#fff;border-color:var(--g)}.btn-reject{background:#fff;color:var(--r);border-color:#fecaca}.btn-resubmit{background:var(--bl);color:#fff;border-color:var(--bl)}.export-preview{display:flex;flex-direction:column;gap:12px;margin-top:12px}.raw summary{cursor:pointer;font-size:13px;color:var(--t3)}.src-badge{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}.src-live{background:#dcfce7;color:#15803d}.src-fallback{background:#fef3c7;color:#b45309}.risk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.risk-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;border:1px solid var(--bd);border-radius:12px;padding:12px 14px;background:#fff}.risk-rank{font-size:22px;font-weight:800;color:var(--t3);text-align:center}.risk-main{display:flex;flex-direction:column;gap:6px}.risk-line{display:flex;align-items:center;gap:10px}.risk-type{font-weight:700;font-size:16px}.risk-pos{font-size:13px;color:var(--t3)}.risk-factors{margin:0;padding-left:18px;font-size:13px;color:var(--t3)}.risk-metrics{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.risk-score{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.risk-prob{font-size:12px;color:var(--t3)}.lv{font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px}.lv-high{background:#fee2e2;color:var(--r)}.lv-mid{background:#fef3c7;color:var(--am)}.lv-low{background:#dcfce7;color:var(--g)}.shift-scroll{overflow-x:auto}.shift-tbl{min-width:640px}.shift-name{white-space:nowrap;font-weight:600}.shift-sum{color:var(--t3);background:#f8fafc}.shift-cell{padding:4px 6px}.shift-select{min-height:40px;font-size:14px;padding:4px 6px;border:1px solid var(--bd);border-radius:8px;background:#fff;width:72px}.shift-manual{border-color:var(--bl);box-shadow:0 0 0 1px var(--bl) inset}.shift-manual-hint{color:var(--bl);font-weight:700}.row-vacant td{background:#fef2f2}.vacancy-alert{flex-direction:row;align-items:center;gap:10px}.ce-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.ce-form .fl{min-width:160px}.ce-params{display:flex;flex-direction:column;gap:8px}.ce-weight{max-width:90px;min-height:36px}.ce-cat{font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;background:#e2e8f0;color:#334155}.ce-cat-legal{background:#dbeafe;color:#1d4ed8}.ce-cat-insurance{background:#cffafe;color:#0e7490}.ce-cat-company{background:#e0e7ff;color:#4338ca}.ce-cat-shift{background:#dcfce7;color:#15803d}.ce-cat-other{background:#fae8ff;color:#a21caf}.ai-warn{border-color:var(--am);background:#fffbeb}.ai-warn .card-b{color:#92400e}.ai-textarea{max-width:100%;width:100%;min-height:72px;resize:vertical}.ai-review{display:flex;align-items:center;gap:8px;font-weight:700;min-height:44px}.ai-review input{width:20px;height:20px}.viol-list{margin:4px 0;padding-left:18px;font-size:14px}.viol-hard{color:var(--r);font-weight:700}.viol-soft{color:var(--am)}.notif-kind{font-size:11px;font-weight:700;padding:3px 10px;border-radius:6px;white-space:nowrap;align-self:flex-start}.nk-imp{background:#fee2e2;color:var(--r)}.nk-ops{background:#dcfce7;color:#15803d}.nk-hq{background:var(--bll);color:#1d4ed8}.notif-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--bd)}.notif-item:last-child{border-bottom:none}.notif-info{display:flex;flex-direction:column;gap:4px}.notif-title{font-weight:700;font-size:15px}.notif-meta{font-size:12px;color:var(--t3)}.notif-body{font-size:14px;line-height:1.6}.recipient-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.recipient{display:flex;align-items:center;gap:12px;min-height:36px}.recipient-id{font-weight:700;min-width:110px}.ql-ok{background:#dcfce7;color:#15803d}.ql-soon{background:#fef3c7;color:#b45309}.ql-expired{background:#fee2e2;color:var(--r)}.row-soon td{background:#fffbeb}.training-row{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-bottom:1px solid var(--bd)}.training-row:last-child{border-bottom:none}.training-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.training-name{font-weight:700;font-size:14px}.prog{background:#f1f5f9;border-radius:8px;height:14px;overflow:hidden}.prog-fill{display:block;height:100%;background:linear-gradient(90deg,var(--am),#fbbf24);border-radius:8px;min-width:2px}.prog-fill.prog-done{background:linear-gradient(90deg,var(--g),#22c55e)}.tpl-note{font-size:14px;line-height:1.6;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;padding:12px 16px;border-radius:10px;margin:0}.tpl-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--bd)}.tpl-toggle-row:last-child{border-bottom:none}.tpl-toggle-info{display:flex;align-items:center;gap:10px}.tpl-toggle-label{font-weight:700;font-size:15px}.switch{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:88px;padding:4px 12px;border:1px solid var(--bd);border-radius:22px;background:#f1f5f9;color:var(--t3);font-weight:700;cursor:pointer}.switch-on{background:#dcfce7;border-color:var(--g);color:#15803d}.switch-knob{width:18px;height:18px;border-radius:50%;background:#94a3b8;transition:background .1s}.switch-on .switch-knob{background:var(--g)}.switch-text{font-size:13px}.tpl-preview-section{padding:10px 0;border-bottom:1px dashed var(--bd)}.tpl-preview-section:last-child{border-bottom:none}.tpl-preview-section.tpl-hidden{opacity:.5}.tpl-preview-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.tpl-preview-fields{margin:0;padding-left:20px;font-size:14px;display:flex;flex-direction:column;gap:4px}.tpl-preview-fields li{display:flex;align-items:center;gap:6px}.dash-head{align-items:flex-end}.dash-bt{flex-direction:row;align-items:center;gap:8px}.dash-bt .input{max-width:200px;min-height:44px}.dash-bar{background:linear-gradient(180deg,var(--navy),var(--navy2));border-color:var(--navy2)}.dash-bar-b{color:#e2e8f0;gap:10px}.dash-bar-main{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.dash-date{font-size:22px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.dash-weather{font-size:15px;color:#cbd5e1}.dash-seclv{font-size:13px;font-weight:800;color:#fff;background:var(--bl);padding:4px 12px;border-radius:999px;min-height:28px;display:inline-flex;align-items:center}.dash-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.dash-chip{display:inline-flex;align-items:center;gap:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:4px 12px;min-height:32px}.dash-chip-kind{font-size:11px;font-weight:800;color:#bfdbfe}.dash-chip-label{font-size:13px;color:#fff}.dash-bar-note{color:#93c5fd;margin:0}.dash-kpi{grid-template-columns:repeat(3,1fr)}.metric-r .metric-value{color:var(--r)}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dash-grid .card{margin-bottom:0}@media (max-width: 820px){.dash-grid{grid-template-columns:1fr}}.risk-slot{font-size:12px;color:var(--bl);font-weight:700;background:var(--bll);padding:1px 8px;border-radius:999px}.pos-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pos-row{display:grid;grid-template-columns:132px 1fr auto;align-items:center;gap:10px}.pos-label{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-track{background:#f1f5f9;border-radius:6px;height:18px;overflow:hidden}.pos-fill{display:block;height:100%;border-radius:6px;min-width:3px}.pos-fill.pf-high{background:var(--r)}.pos-fill.pf-mid{background:var(--am)}.pos-fill.pf-low{background:var(--g)}.pos-meta{display:flex;align-items:center;gap:8px}.pos-count{font-size:12px;color:var(--t3);font-variant-numeric:tabular-nums;min-width:30px;text-align:right}.slot-bars{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;gap:16px;justify-content:space-around}.slot-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.slot-stack{display:flex;flex-direction:column-reverse;justify-content:flex-start;width:40px;height:140px;background:#f1f5f9;border-radius:8px 8px 0 0;overflow:hidden}.stack-seg{display:block;width:100%;min-height:3px}.stack-seg.seg-high{background:var(--r)}.stack-seg.seg-mid{background:var(--am)}.stack-seg.seg-low{background:var(--g)}.slot-count{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.slot-label{font-size:13px;font-weight:600}.slot-max{font-size:11px;color:var(--t3)}.ext-badge{font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;background:linear-gradient(90deg,var(--navy),var(--bl));color:#fff;letter-spacing:.02em}.dash-cta-wrap{border-color:var(--bl)}.dash-cta{flex-direction:row;flex-wrap:wrap;gap:12px}.cta-card{flex:1;min-width:240px;text-align:left;display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-height:44px;padding:16px;border:1px solid var(--bl);border-radius:12px;background:linear-gradient(180deg,#f8fbff,#eff6ff);cursor:pointer;font-family:inherit}.cta-card:hover{background:#e0edff}.cta-title{font-size:16px;font-weight:800;color:var(--navy)}.cta-desc{font-size:13px;color:var(--t3);line-height:1.6}.cta-go{font-size:14px;font-weight:800;color:var(--bl);margin-top:2px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 50% -10%,#24406e 0%,var(--navy2) 55%,#0d1a30 100%);padding:24px}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #020c2873;padding:28px 26px}.auth-brand{display:flex;align-items:center;gap:10px}.auth-brand .app-logo{color:var(--navy);font-size:20px}.auth-badge{font-size:12px;font-weight:700;color:var(--bl);background:var(--bll);padding:3px 10px;border-radius:999px}.auth-title{margin:16px 0 4px;font-size:20px;color:var(--t1)}.auth-path{display:inline-block;font-size:12px;color:var(--t3);background:var(--bg);padding:2px 8px;border-radius:6px}.auth-note{margin:10px 0 4px;font-size:13px;color:var(--t3);line-height:1.6}.auth-form{margin-top:14px;display:flex;flex-direction:column;gap:12px}.auth-form .field{display:flex;flex-direction:column;gap:6px}.auth-form .field-label{font-size:13px;font-weight:600;color:var(--t1)}.auth-form .input{width:100%;min-height:46px;padding:10px 12px;font-size:16px;border:1px solid var(--bd);border-radius:10px;background:#fff}.auth-form .input:focus{outline:none;border-color:var(--bl);box-shadow:0 0 0 3px var(--bll)}.auth-check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--t1)}.auth-submit{width:100%;min-height:48px;font-size:16px;margin-top:4px}.auth-err{margin:0;color:var(--r);font-size:13px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 10px}.auth-links{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:13px}.auth-links a{color:var(--bl);text-decoration:none}.auth-demo{margin:16px 0 0;padding-top:12px;border-top:1px dashed var(--bd);font-size:12px;color:var(--t3);text-align:center}.tpl-preset-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chip{border:1px solid var(--bd);background:#fff;color:var(--bl);padding:8px 14px;border-radius:999px;font-size:14px;min-height:40px;cursor:pointer}.chip-on{background:var(--bll);color:var(--navy);cursor:default}.chip:disabled{opacity:.7}.tpl-extra-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.tpl-extra-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--bd)}.btn-link{background:none;border:none;color:var(--bl);cursor:pointer;font-size:13px;margin-left:auto}.btn-link.danger{color:var(--r)}.nav-session{display:flex;flex-direction:column;gap:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px;margin-bottom:6px}.nav-role{color:#fff;font-weight:700;font-size:13px}.nav-scope{color:#9fb4d6;font-size:12px;word-break:break-all}.nav-logout{margin-top:4px;background:#ffffff1a;color:#dbe6f7;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:6px 10px;font-size:12px;min-height:34px;cursor:pointer}.nav-logout:hover{background:#ffffff2e}.seg{display:inline-flex;gap:4px;background:var(--bg);border:1px solid var(--bd);border-radius:10px;padding:4px;margin-bottom:14px}.seg-btn{border:0;background:transparent;color:var(--t3);padding:9px 16px;border-radius:8px;font-size:14px;font-weight:700;min-height:40px;cursor:pointer}.seg-on{background:#fff;color:var(--navy);box-shadow:0 1px 3px #0f172a1f}.doc-preview .card-b{background:#fff}.doc-title{font-size:20px;text-align:center;margin:6px 0 16px;color:var(--navy);letter-spacing:.06em}.doc-meta{border-collapse:collapse;margin:0 auto 18px;min-width:60%}.doc-meta th{text-align:left;background:var(--bg);padding:8px 14px;border:1px solid var(--bd);font-size:13px;color:var(--t3);width:120px}.doc-meta td{padding:8px 14px;border:1px solid var(--bd);font-size:14px}.doc-block{margin-top:16px}.doc-caption{font-size:14px;color:var(--t1);margin-bottom:8px;border-left:4px solid var(--bl);padding-left:8px}