@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700&display=swap";:root{color:#172a28;font-synthesis:none;--ink:#172a28;--muted:#657572;--line:#dce3de;--paper:#fff;--green:#124a43;--green-2:#1d675d;--mint:#d9eee8;--orange:#d66b35;--red:#b94646;--shadow:0 16px 48px #15383214;background:#f3f5f1;font-family:Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:.65rem;font:700 clamp(1.8rem,4vw,2.7rem)/1.15 Plus Jakarta Sans,Noto Sans TC,sans-serif}h2{font-size:1.18rem}small{color:var(--muted)}.eyebrow{color:var(--orange);letter-spacing:.16em;margin-bottom:.55rem;font:700 .72rem/1.2 Plus Jakarta Sans,sans-serif}.muted-copy,.page-heading p{color:var(--muted)}.primary,.secondary,.icon-button,.row-actions button,.text-button{border:0;border-radius:10px;padding:.72rem 1rem;font-weight:700;transition:all .18s}.primary{color:#fff;background:var(--green);box-shadow:0 8px 22px #124a432e}.primary:hover{background:var(--green-2);transform:translateY(-1px)}.primary:disabled{opacity:.48;cursor:not-allowed;transform:none}.secondary{color:var(--ink);border:1px solid var(--line);background:#eef2ef}.icon-button{background:var(--paper);border:1px solid var(--line);padding:.5rem .75rem}.text-button{color:#a8ccc4;text-align:left;background:0 0;padding:.4rem 0}.button-row,.modal-actions{align-items:center;gap:.65rem;display:flex}.login-page{background:#eff2ed;grid-template-columns:minmax(360px,520px) 1fr;min-height:100vh;display:grid}.login-panel{background:#fff;flex-direction:column;justify-content:center;padding:clamp(2rem,8vw,6rem);display:flex}.brand-mark,.sidebar-brand span{background:var(--green);color:#fff;border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:1.5rem;font:700 .9rem Plus Jakarta Sans;display:grid}.login-panel h1{max-width:390px}.login-visual{color:#fff;background:linear-gradient(160deg,#0a2f2b8c,#0a2f2beb),radial-gradient(circle at 20% 20%,#6da89a,#0000 35%),#124a43;flex-direction:column;justify-content:flex-end;min-height:100%;padding:clamp(3rem,8vw,8rem);display:flex}.login-visual p{color:#bfe0d7;letter-spacing:.12em;text-transform:uppercase}.login-visual strong{letter-spacing:-.04em;max-width:800px;font:700 clamp(2rem,5vw,4.5rem)/1.08 Plus Jakarta Sans,Noto Sans TC}.login-visual span{color:#cbe3dd;margin-top:2rem}.stack-form{gap:1rem;max-width:420px;margin-top:2rem;display:grid}.stack-form label,.panel label,.modal label,.compact-label{color:#314441;gap:.42rem;font-size:.9rem;font-weight:600;display:grid}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cad5cf;border-radius:9px;outline:none;padding:.72rem .8rem}input:focus,select:focus,textarea:focus{border-color:var(--green-2);box-shadow:0 0 0 3px #1d675d1f}textarea{resize:vertical;min-height:92px}.demo-hint{color:var(--muted);background:#f4f7f4;border-radius:9px;max-width:420px;margin-top:1.5rem;padding:.8rem;font-size:.78rem}.app-shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#103d38;flex-direction:column;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:.75rem;padding:.35rem .55rem 1.6rem;display:flex}.sidebar-brand span{background:#ef8a55;width:36px;height:36px;margin:0}.sidebar-brand strong{font-family:Plus Jakarta Sans}.sidebar nav{gap:.3rem;min-height:0;padding-right:.2rem;display:grid;overflow-y:auto}.sidebar nav button,.employee-header nav button{color:#b7d0ca;text-align:left;background:0 0;border:0;border-radius:9px;padding:.75rem .85rem;font-weight:600}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#ffffff1a}.sidebar-user{border-top:1px solid #ffffff1f;margin-top:auto;padding:1rem .7rem 0;display:grid}.sidebar-user span{color:#9bbdb5;font-size:.78rem}.workspace,.employee-workspace{min-width:0;padding:clamp(1.25rem,4vw,3rem)}.page-heading{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.6rem;display:flex}.page-heading p:last-child{margin-bottom:0}.mobile-header{display:none}.alert{border-radius:10px;margin:0 0 1rem;padding:.85rem 1rem;font-weight:600}.alert.error{color:#842f2f;background:#f9e6e3;border:1px solid #efc4be}.alert.success{color:#245f50;background:#dff0e8;border:1px solid #bedfd3}.alert.warning{color:#7a4413;background:#fdf1e3;border:1px solid #f0d3ab}.toolbar{align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.segmented{background:#e5eae6;border-radius:10px;margin-left:auto;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:.5rem .8rem}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #14282314}.calendar-scroll{box-shadow:var(--shadow);border-radius:14px;overflow-x:auto}.calendar{background:var(--line);grid-template-columns:repeat(7,minmax(90px,1fr));gap:1px;min-width:680px;display:grid}.calendar-weekday{color:var(--muted);text-align:center;background:#e9eeea;padding:.65rem;font-size:.78rem;font-weight:700}.calendar-day{background:var(--paper);text-align:left;border:0;border-radius:0;flex-direction:column;align-items:stretch;gap:4px;min-height:122px;padding:.5rem;display:flex;overflow:hidden}.calendar-day:hover{background:#f7faf7}.calendar-day.muted{color:#a8b1ad;background:#f1f3f0}.calendar-day.blackout{background:repeating-linear-gradient(135deg,#eceeed,#eceeed 8px,#e2e5e3 8px 16px)}.calendar-day.mandatory-all{box-shadow:inset 0 0 0 3px #d5574c}.calendar-date{margin-bottom:2px;font-size:.78rem;font-weight:700}.calendar-event,.special-label{text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:4px 5px;font-size:.68rem;line-height:1.25;overflow:hidden}.calendar-event{color:#18564d;background:#e6f1ed;border-left:3px solid #388b7b}.calendar-event.level-2{color:#92502d;background:#fff0e2;border-color:#e4844d}.calendar-event.level-3{color:#61477d;background:#eee9f7;border-color:#8061a1}.special-label.blackout{color:#fff;background:#5d6865}.special-label.mandatory_all{color:#a72f2f;background:#f9dddd}.more-events{color:var(--muted);font-size:.68rem}.card-list{gap:.65rem;display:grid}.list-card{background:var(--paper);border:1px solid var(--line);text-align:left;border-radius:11px;align-items:center;gap:.9rem;width:100%;padding:.9rem 1rem;display:flex}.list-card>div{flex:1}.list-card p{color:var(--muted);margin:.25rem 0 0;font-size:.82rem}.list-card.selected{border-color:var(--green-2);box-shadow:0 0 0 2px #1d675d1f}.level-badge{color:#1a6257;background:#dceee9;border-radius:6px;place-items:center;min-width:30px;height:26px;padding:0 7px;font-size:.72rem;font-weight:700;display:inline-grid}.level-badge.level-2{color:#a0522b;background:#ffe8d5}.level-badge.level-3{color:#674d83;background:#e8dff3}.status{color:#51615e;background:#edf1ee;border-radius:999px;padding:.25rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.status.ok{color:#226653;background:#dcefe8}.status.warning{color:#8b5b12;background:#fff0d6}.status.danger{color:#9a3636;background:#f8dfdc}.status.never{color:#674d83;background:#e8dff3}.status.missing{color:#5a6663;background:#eef0f0}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c1f1c94;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(560px,100%);max-height:92vh;padding:1.35rem;overflow-y:auto;box-shadow:0 30px 80px #071d194d}.modal.wide{width:min(880px,100%)}.modal-title,.panel-heading{justify-content:space-between;align-items:flex-start;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;margin-bottom:.9rem;display:grid}.form-grid .full{grid-column:1/-1}.modal-actions{justify-content:flex-end;margin-top:1rem}.assignment-panel{border:1px solid var(--line);border-radius:11px;margin-top:1rem;overflow:hidden}.assignment-summary{background:#eef3ef;justify-content:space-between;padding:.75rem;display:flex}.assignment-summary span{color:var(--muted);font-size:.78rem}.assignment-list{grid-template-columns:repeat(2,1fr);max-height:260px;display:grid;overflow-y:auto}.employee-check{border-bottom:1px solid #edf0ee;align-items:center;padding:.6rem .75rem;grid-template-columns:none!important;gap:.6rem!important;display:flex!important}.employee-check input,.inline-check input{width:auto}.employee-check>span{flex:1;display:grid}.employee-check em{color:#2b7566;font-size:.7rem;font-style:normal}.employee-check b{color:var(--red);font-size:.7rem}.employee-check.has-conflict{background:#fff6f4}.conflict-box{background:#fff0ed;border:1px solid #efc8c0;border-radius:10px;gap:.55rem;margin-top:.8rem;padding:.8rem;display:grid}.inline-check{align-items:center;grid-template-columns:none!important;gap:.5rem!important;display:flex!important}.split-layout{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:1.2rem;display:grid}.panel,.table-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:0 6px 24px #1936310a}.panel{gap:.85rem;padding:1.1rem;display:grid}.sticky-form{position:sticky;top:1rem}.table-card{overflow-x:auto}.table-toolbar{justify-content:space-between;align-items:center;gap:.8rem;padding:.9rem 1rem 0;display:flex}table{border-collapse:collapse;width:100%;min-width:680px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:#f4f6f3;font-size:.72rem}th,td{vertical-align:top;border-bottom:1px solid #e9edea;padding:.8rem .9rem}td small{white-space:nowrap;text-overflow:ellipsis;max-width:280px;margin-top:.25rem;display:block;overflow:hidden}.row-actions{justify-content:flex-end;gap:.35rem;display:flex}.row-actions button{color:var(--green-2);background:0 0;padding:.35rem .5rem}.attendance-layout{grid-template-columns:minmax(260px,380px) 1fr}.session-picker{max-height:70vh;overflow-y:auto}.attendance-list{display:grid}.attendance-row{border-bottom:1px solid #e8ece9;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;display:flex}.attendance-row>div{display:grid}.attendance-row select{width:130px}.empty-state{text-align:center;color:var(--muted);background:#f7f9f7;border-radius:10px;padding:2rem}.metric-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:12px;padding:1rem;display:grid}.metric span{color:var(--muted);font-size:.8rem}.metric strong{margin-top:.3rem;font:700 2rem Plus Jakarta Sans}.metric.accent{background:var(--green);color:#fff;border-color:var(--green)}.metric.accent span{color:#b8d8d0}.progress-cell{align-items:center;gap:.6rem;display:flex}.progress{background:#e6ebe8;border-radius:10px;width:100px;height:7px;overflow:hidden}.progress span{background:var(--green-2);height:100%;display:block}.chip-list{flex-wrap:wrap;gap:.3rem;display:flex}.chip-list span{color:#92502d;background:#fff0e5;border-radius:5px;padding:.25rem .45rem;font-size:.7rem}.chip-list .done-chip{color:#286553;background:#ddf0e8}.compact-label{min-width:180px}.special-day-card{border:1px solid var(--line);background:#fff;border-left:4px solid #697572;border-radius:11px;grid-template-columns:64px 1fr auto;align-items:center;gap:1rem;padding:1rem;display:grid}.special-day-card.mandatory_all{border-left-color:var(--red)}.special-day-card h3,.special-day-card p{margin:.3rem 0 0}.special-day-card p{color:var(--muted);font-size:.82rem}.date-block{text-align:center;display:grid}.date-block strong{font:700 1.7rem Plus Jakarta Sans}.date-block span{color:var(--muted);font-size:.7rem}.employee-shell{background:#f3f5f1;min-height:100vh}.employee-header{z-index:10;color:#fff;background:#103d38;grid-template-columns:220px 1fr auto;align-items:center;gap:1rem;min-height:72px;padding:.7rem clamp(1rem,4vw,3rem);display:grid;position:sticky;top:0}.employee-header .sidebar-brand{padding:0}.employee-header nav{justify-content:center;gap:.3rem;display:flex}.employee-header nav button{text-align:center}.employee-header nav button.active{color:#fff;background:#ffffff1a}.employee-header>div:last-child{display:grid}.employee-header small{color:#a9c8c1}.employee-workspace{max-width:1300px;margin:0 auto}.course-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem;display:grid}.course-card{border:1px solid var(--line);background:#fff;border-radius:13px;flex-direction:column;padding:1.1rem;display:flex}.course-card>div:first-child{justify-content:space-between;display:flex}.course-card h2{margin:1rem 0 .45rem}.course-card>p{color:var(--muted);flex:1}.course-card dl{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.course-card dl div{background:#f5f7f4;border-radius:7px;padding:.5rem}.course-card dt{color:var(--muted);font-size:.68rem}.course-card dd{margin:.2rem 0 0;font-size:.8rem;font-weight:600}.loading-screen{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;display:grid}.section-title{margin-top:1.4rem}.danger-action{color:var(--red)!important}.setting-banner{background:#eaf4f0;border:1px solid #cbded8;border-radius:13px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;padding:1rem 1.2rem;display:flex}.setting-banner p{color:var(--muted);margin:.25rem 0 0;font-size:.82rem}.setting-banner .segmented{flex:none;margin-left:0}.reminder-list{gap:.6rem;display:grid}.reminder-card{background:#fff7f5;border:1px solid #edc9c2;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.85rem;display:grid}.reminder-card p{color:var(--muted);margin:.2rem 0 0;font-size:.8rem}.reminder-card>span{color:#845520;white-space:nowrap;background:#f4e8d8;border-radius:999px;padding:.3rem .55rem;font-size:.72rem;font-weight:700}.reminder-card>span.urgent{color:#9f302d;background:#f4d4d0}.reminder-icon{background:var(--red);color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.mandatory-table{min-width:920px}.due-row-overdue{box-shadow:inset 3px 0 0 var(--red);background:#fdf1ef}.due-row-overdue td{font-weight:600}.due-row-never{background:#f8f5fb;box-shadow:inset 3px 0 #8061a1}.due-row-soon{background:#fffaf1;box-shadow:inset 3px 0 #d66b35}.due-row-missing{background:#f6f7f7;box-shadow:inset 3px 0 #9aa5a2}.matrix-legend .never{background:#e8dff3}.health-item-list{gap:.5rem;max-height:340px;padding-right:.2rem;display:grid;overflow-y:auto}.health-item-row{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;padding:.55rem .65rem}.health-item-row.inactive{opacity:.55}.health-item-row em{color:var(--orange);margin-left:.4rem;font-size:.68rem;font-style:normal;font-weight:700}.health-item-detail{grid-template-columns:130px 1fr;gap:.5rem;margin-top:.5rem;padding-left:1.6rem;display:grid}.chip-list span.result-abnormal{color:#9a3636;background:#f8dfdc}.chip-list span.result-follow-up{color:#8b5b12;background:#fff0d6}.employee-table{min-width:1120px}.employee-table .row-actions{flex-wrap:wrap;justify-content:flex-start;max-width:220px}.account-detail{gap:.85rem;display:grid}.password-reveal{gap:.9rem;display:grid}.password-reveal-box{border:2px dashed var(--green-2);background:#eef4f1;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.9rem 1rem;display:flex}.password-reveal-box code{letter-spacing:.03em;word-break:break-all;min-width:0;color:var(--green);flex:auto;font:700 1.1rem/1.35 Plus Jakarta Sans,monospace}.responsibility-list{margin:.5rem 0 0;padding-left:1.1rem}.responsibility-list li{margin-bottom:.3rem}.attendance-record-table{min-width:920px}.course-status-list{flex-wrap:wrap;gap:.35rem;display:flex}.course-status-list span{border-radius:7px;padding:.35rem .5rem;font-size:.72rem;font-weight:600}.course-status-list .completed{color:#236552;background:#ddf0e8}.course-status-list .missing{color:#8b522d;background:#ffeadb}.course-status-list.vertical{display:grid}.score-list{max-height:58vh;display:grid;overflow-y:auto}.score-row{border-bottom:1px solid #e8ece9;align-items:center;padding:.65rem 0;grid-template-columns:minmax(160px,1fr) 110px 80px!important;gap:.7rem!important;display:grid!important}.score-row>span{display:grid}.score-row em{color:var(--muted);font-size:.72rem;font-style:normal;font-weight:700}.score-row em.pass{color:#286553}.score-row em.fail{color:var(--red)}.cert-layout{grid-template-columns:repeat(2,minmax(280px,1fr));align-items:start;gap:1rem;display:grid}.type-list{border-top:1px solid var(--line);gap:.35rem;max-height:210px;padding-top:.3rem;display:grid;overflow-y:auto}.type-list button{text-align:left;background:#f4f7f4;border:0;border-radius:8px;padding:.55rem;display:grid}.type-list button.inactive{opacity:.55}.matrix-legend{color:var(--muted);flex-wrap:wrap;gap:.9rem;margin-bottom:.8rem;font-size:.78rem;display:flex}.matrix-legend span{align-items:center;gap:.35rem;display:flex}.matrix-legend i{border-radius:4px;width:12px;height:12px}.matrix-legend .green,.matrix-cell.green{color:#1e6250;background:#d9efe6}.matrix-legend .yellow,.matrix-cell.yellow{color:#855810;background:#fff0c9}.matrix-legend .red,.matrix-cell.red{color:#913936;background:#f8deda}.matrix-legend .na,.matrix-cell.not_required{color:#77827f;background:#edf0ee}.matrix-scroll{max-width:100%}.matrix-table{min-width:1120px}.matrix-table th:not(.sticky-column){text-align:center;min-width:126px;max-width:150px}.matrix-table th small{text-transform:none;letter-spacing:0;white-space:normal;margin-top:.35rem;display:block}.matrix-table td{padding:.45rem}.sticky-column{z-index:2;background:#f4f6f3;min-width:160px;position:sticky;left:0}.matrix-cell{border-radius:8px;place-content:center;justify-items:center;min-height:62px;display:grid}.matrix-cell strong{font:700 1.15rem Plus Jakarta Sans}.matrix-cell small{font-size:.68rem}.employee-hero{color:#fff;background:linear-gradient(135deg,#124a43,#1d675d);border-radius:17px;justify-content:space-between;align-items:center;gap:1.2rem;margin-bottom:1rem;padding:clamp(1.2rem,4vw,2.3rem);display:flex}.employee-hero p:last-child{color:#c7e1db;margin-bottom:0}.employee-hero .eyebrow{color:#f4ae80}.hero-progress{background:#ffffff1a;border-radius:14px;justify-items:center;min-width:120px;padding:1rem;display:grid}.hero-progress strong{font:700 2.3rem Plus Jakarta Sans}.hero-progress span{color:#c7e1db;font-size:.78rem}.home-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:1rem;display:grid}.certification-card small{margin-top:.8rem}.recruitment-nav,.talent-nav{border:1px solid var(--line);background:#e9eeea;border-radius:12px;gap:.35rem;margin:-1rem 0 1.3rem;padding:.35rem;display:flex;overflow-x:auto}.recruitment-nav button,.talent-nav button{color:var(--muted);background:0 0;border:0;border-radius:8px;flex:none;padding:.65rem .85rem;font-weight:700}.recruitment-nav button.active,.talent-nav button.active{color:var(--green);background:#fff;box-shadow:0 3px 12px #18393317}.panel.selected{border-color:var(--green-2);box-shadow:0 0 0 2px #1d675d1f}.funnel-grid{grid-template-columns:repeat(7,minmax(116px,1fr));gap:.55rem;padding-bottom:.3rem;display:grid;overflow-x:auto}.funnel-card{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:116px;padding:.85rem;position:relative}.funnel-card>span{background:var(--mint);width:23px;height:23px;color:var(--green);border-radius:50%;place-items:center;font-size:.7rem;font-weight:700;display:grid}.funnel-card div{margin-top:.7rem;display:grid}.funnel-card strong{font:700 1.8rem Plus Jakarta Sans}.funnel-card em{color:var(--muted);margin-top:.45rem;font-size:.68rem;font-style:normal;display:block}.recruitment-table{min-width:820px}.talent-layout{grid-template-columns:minmax(260px,330px) minmax(0,1fr)}.candidate-card a{color:var(--green-2);font-size:.82rem;font-weight:700}.application-chips{flex-wrap:wrap;gap:.45rem;display:flex}.application-chips>span{background:#f2f5f2;border-radius:8px;align-items:center;gap:.45rem;padding:.4rem .55rem;font-size:.76rem;display:flex}.inline-action{align-items:center;gap:.55rem;display:flex}.inline-action select,.inline-action input{flex:1;min-width:0}.inline-action button{flex:none}.interview-layout{grid-template-columns:minmax(280px,350px) minmax(0,1fr)}.interview-card{align-items:flex-start}.interview-card .button-row{margin-top:.5rem}.interview-score-list{margin-bottom:.9rem;display:grid}.interview-score-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(130px,.8fr) 100px minmax(200px,1.5fr) auto;gap:.55rem;padding:.55rem 0;display:grid}.compensation-picker{max-width:700px}.compensation-layout{grid-template-columns:repeat(2,minmax(300px,1fr));align-items:start;gap:1rem;display:grid}.offer-template{white-space:pre-wrap;min-height:300px}.onboarding-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.onboarding-item-row{background:#f4f7f4;border-radius:8px;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem;display:flex}.onboarding-item-row>span{display:grid}.onboarding-item-row.inactive{opacity:.58}.checklist-list{display:grid}.checklist-row{border-bottom:1px solid var(--line);gap:.55rem;padding:.8rem 0;display:grid}.checklist-row.completed{opacity:.72}.checklist-row>.inline-check{justify-content:flex-start}.checklist-row>.inline-check span{display:grid}.probation-layout{grid-template-columns:minmax(280px,350px) minmax(0,1fr)}.probation-card.due-soon{border-color:#e4aaa2;box-shadow:0 0 0 2px #b9464612}.probation-facts{grid-template-columns:repeat(4,1fr);gap:.45rem;margin:0;display:grid}.probation-facts div{background:#f4f7f4;border-radius:8px;padding:.55rem}.probation-facts dt{color:var(--muted);font-size:.68rem}.probation-facts dd{margin:.2rem 0 0;font-size:.8rem;font-weight:700}.report-filter-bar{background:var(--paper);border:1px solid var(--line);border-radius:13px;flex-wrap:wrap;align-items:flex-end;gap:.8rem;margin-bottom:1.3rem;padding:1rem 1.1rem;display:flex}.report-filter-bar label{flex:160px;min-width:140px}.report-stack{gap:1.3rem;min-width:0;display:grid}.report-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;min-width:0;padding:1.2rem;box-shadow:0 6px 24px #1936310a}.report-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.report-card-head p{color:var(--muted);margin:0;font-size:.82rem}.report-export{flex:none;gap:.5rem;display:flex}.chart-frame{width:100%;min-width:0;position:relative}.chart-frame canvas{max-width:100%}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;display:grid}.chart-block{min-width:0}.chart-block h3{color:var(--muted);margin-bottom:.6rem;font-size:.8rem;font-weight:700}.nine-grid-scroll{border-radius:12px;overflow-x:auto}.nine-grid{grid-template-columns:110px repeat(3,minmax(120px,1fr));gap:.5rem;min-width:560px;display:grid}.nine-grid-corner{color:var(--muted);text-align:center;place-items:center;padding:.4rem;font-size:.7rem;font-weight:700;display:grid}.nine-grid-header{text-align:center;background:#e9eeea;border-radius:8px;place-items:center;padding:.6rem;font-size:.82rem;font-weight:700;display:grid}.nine-grid-cell{border:1px solid var(--line);background:#fff;border-radius:10px;flex-wrap:wrap;align-content:flex-start;gap:.35rem;min-height:84px;padding:.5rem;display:flex}.nine-grid-chip{background:var(--mint);color:var(--green);border:0;border-radius:999px;padding:.3rem .6rem;font-size:.76rem;font-weight:700}.nine-grid-chip:hover{background:#c5e6db}.nine-grid-empty{color:#c3cac6;margin:auto;font-size:.8rem}.successor-row{background:#f4f7f4;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.65rem;display:flex}.successor-row>div:first-child{flex:1;min-width:130px;display:grid}.successor-row select{width:auto;min-width:150px}.successor-notes{min-width:120px;color:var(--muted);flex:1;font-size:.8rem}.idp-item-fields{grid-template-columns:minmax(160px,1.4fr) 130px 130px minmax(140px,1fr);gap:.5rem;display:grid}.idp-item-fields-employee{grid-template-columns:130px minmax(140px,1fr) auto;align-items:center;gap:.5rem;display:grid}.settings-list{gap:.65rem;display:grid}.settings-row{border:1px solid var(--line);background:#fbfcfb;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .9rem;display:flex}.settings-row>div:first-child{gap:.15rem;min-width:0;display:grid}.settings-row input[type=number],.settings-row input:not([type]),.settings-row input[type=text]{width:170px}.switch{cursor:pointer;flex:none;align-items:center;display:inline-flex;position:relative}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch-track{background:#d5dcd8;border-radius:999px;width:42px;height:24px;transition:background .18s;position:relative}.switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch input:checked+.switch-track{background:var(--green-2)}.switch input:checked+.switch-track .switch-thumb{transform:translate(18px)}.switch input:focus-visible+.switch-track{box-shadow:0 0 0 3px #1d675d40}.level-progress{flex-wrap:wrap;gap:3px;display:flex}.level-progress-seg{color:#a3aca8;background:#edf1ee;border-radius:5px;padding:.25rem .5rem;font-size:.7rem;font-weight:700}.level-progress-seg.filled.level-1{color:#1a6257;background:#dceee9}.level-progress-seg.filled.level-2{color:#a0522b;background:#ffe8d5}.level-progress-seg.filled.level-3{color:#674d83;background:#e8dff3}.info-grid{grid-template-columns:repeat(2,1fr);gap:.65rem;margin:0;display:grid}.info-field{border:1px solid var(--line);background:#f4f7f4;border-radius:9px;padding:.6rem .75rem}.info-field dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.info-field dd{overflow-wrap:anywhere;margin:.25rem 0 0;font-weight:600}@media (width<=900px){.app-shell{display:block}.sidebar{display:none}.mobile-header{justify-content:space-between;align-items:center;margin-bottom:1.3rem;display:flex}.mobile-header select{width:auto}.mobile-header-actions{align-items:center;gap:.6rem;min-width:0;display:flex}.mobile-header-actions .text-button{white-space:nowrap;flex:none}.split-layout,.attendance-layout,.cert-layout,.home-grid,.talent-layout,.interview-layout,.compensation-layout,.onboarding-layout,.probation-layout{grid-template-columns:1fr}.sticky-form{position:static}.employee-header{grid-template-columns:1fr auto}.employee-header nav{grid-area:2/1/auto/-1;justify-content:flex-start;overflow-x:auto}}@media (width<=600px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:2rem 1.2rem}.workspace,.employee-workspace{padding:1rem}.page-heading{display:grid}.page-heading>button{width:100%}.form-grid,.assignment-list{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar{grid-template-columns:repeat(7,minmax(0,1fr));min-width:100%}.calendar-day{min-height:92px;padding:3px}.calendar-event,.special-label{min-height:14px;padding:2px;font-size:0}.calendar-event:before{content:"●";font-size:.65rem}.special-label:before{content:"重要";font-size:.55rem}.toolbar{flex-wrap:wrap}.segmented{margin-left:0}.modal{padding:1rem}.special-day-card{grid-template-columns:50px 1fr}.special-day-card .row-actions{grid-column:1/-1}.employee-header{padding:.65rem 1rem}.employee-header>div:last-child small,.employee-header .sidebar-brand strong{display:none}.employee-header nav button{white-space:nowrap}.setting-banner,.employee-hero{flex-direction:column;align-items:stretch}.score-row{grid-template-columns:1fr 90px!important}.score-row em{grid-column:1/-1}.reminder-card{grid-template-columns:auto 1fr}.reminder-card>span{grid-column:2;justify-self:start}.recruitment-nav,.talent-nav{margin-top:-.5rem}.nine-grid{grid-template-columns:84px repeat(3,minmax(96px,1fr));min-width:480px}.nine-grid-cell{min-height:64px;padding:.35rem}.idp-item-fields,.idp-item-fields-employee{grid-template-columns:1fr}.health-item-detail{grid-template-columns:1fr;padding-left:0}.successor-row select{width:100%}.interview-score-row{grid-template-columns:1fr 88px}.interview-score-row input:nth-of-type(2){grid-column:1/-1}.probation-facts{grid-template-columns:repeat(2,1fr)}.inline-action{flex-direction:column;align-items:stretch}.inline-action button{width:100%}.report-filter-bar{flex-direction:column;align-items:stretch}.report-filter-bar label{min-width:0}.report-card-head{flex-direction:column;align-items:stretch}.report-export{width:100%}.report-export button{flex:1}.chart-grid{grid-template-columns:1fr}.settings-row{flex-direction:column;align-items:stretch}.settings-row input[type=number],.settings-row input:not([type]),.settings-row input[type=text]{width:100%}.info-grid{grid-template-columns:1fr}.password-reveal-box{flex-direction:column;align-items:stretch}.password-reveal-box code{text-align:center}.account-detail .button-row{flex-direction:column;align-items:stretch}}