:root{--ink:#272d2b;--muted:#737c77;--line:#dce2de;--paper:#fff;--base:#f6f7f5;--soft:#eff2ef;--green:#315f4e;--green-soft:#eaf1ec;--female:#aabeb1;--other:#768b98;--unknown:#dce2de;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--ink);font:13px/1.6 "Yu Gothic UI",Meiryo,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}button,input,select{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:3px}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button{border:0;background:none}a{color:inherit}.app-header{min-height:76px;display:flex;align-items:center;gap:45px;padding:0 36px;background:var(--paper);border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;white-space:nowrap;font-size:17px;font-weight:650;letter-spacing:.045em;line-height:1.4}.wordmark small{display:block;font-size:10px;color:var(--muted);letter-spacing:.2em;margin-top:5px;font-weight:400}nav{display:flex;align-self:stretch;gap:31px}nav button{padding:0 2px;position:relative;font-size:12px;color:var(--muted);white-space:nowrap}nav button.active{color:var(--ink);font-weight:600}nav button.active:after{content:"";height:2px;background:var(--ink);position:absolute;bottom:0;left:0;right:0}.header-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.local-label{font-size:10px;color:var(--muted)}main{max-width:1800px;margin:auto;padding:32px 36px 24px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.breadcrumb{font-size:11px;color:var(--muted);letter-spacing:.03em;margin-bottom:7px}h1{font-size:29px;font-weight:550;letter-spacing:.035em;line-height:1.4}.page-summary{font-size:12px;color:var(--muted);margin-top:9px;font-variant-numeric:tabular-nums}.heading-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.button{padding:10px 16px;border:1px solid #d4ddd6;border-radius:4px;background:#fff;white-space:nowrap;font-size:12px}.button:hover:not(:disabled){background:var(--soft)}.button.primary{background:var(--green);color:#fff;border-color:var(--green)}.button.primary:hover{background:#284e40}.quiet{font-size:11px;color:#62736a;padding:7px 4px;white-space:nowrap}.quiet:hover{text-decoration:underline}.filterbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}.searchbox{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:4px;padding:8px 12px;min-width:235px}.searchbox>span{font-size:19px;line-height:1;color:#7e8d84}.searchbox input{border:0;background:none;outline:none;font-size:12px;width:210px}.searchbox:focus-within{outline:2px solid #8daf9d;outline-offset:1px}.filterbar select,.reference-control input{padding:9px 10px;border:1px solid var(--line);background:#fff;border-radius:4px;font-size:11px;max-width:230px}.reference-control{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap;display:flex;gap:9px;align-items:center}.reference-control input{font-variant-numeric:tabular-nums}.view-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:11px}.view-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.checkbox-label{display:flex;gap:7px;align-items:center;white-space:nowrap;font-size:11px}.checkbox-label input{accent-color:var(--green);width:14px;height:14px;margin:0}.board{border:1px solid var(--line);background:var(--paper)}.board-heading{padding:14px 18px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--line)}.board-heading h2{font-size:13px;font-weight:550}.board-heading span{font-size:11px;color:var(--muted)}.table-scroll{overflow-x:auto;overscroll-behavior-x:contain}.org-table{width:100%;min-width:880px;table-layout:fixed;border-collapse:collapse}.org-table col.group-col{width:120px}.org-table col.dept-col{width:165px}.org-table col.role-col{width:190px}.org-table th{font-size:11px;font-weight:500;color:#6c7870;background:var(--soft);text-align:left;padding:11px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.org-table td{padding:11px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top;height:83px}.org-table tr:last-child td{border-bottom:0}.org-table th:last-child,.org-table td:last-child{border-right:0}.org-table .division{background:#f0f3ef;font-size:13px;font-weight:550;vertical-align:middle;padding:18px}.division small{display:block;font-size:11px;color:var(--muted);margin-top:5px;font-weight:400}.org-table .department-cell{vertical-align:middle;font-size:12px;color:#64746b}.department-cell small{display:block;font-size:10px;color:#87938c;margin-top:5px}.people{display:flex;flex-wrap:wrap;gap:7px;min-height:48px}.employee-chip{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;padding:7px 10px;background:var(--green-soft);border:1px solid transparent;border-radius:3px;min-width:120px;max-width:220px;cursor:grab;touch-action:none;user-select:none;line-height:1.5}.employee-chip:hover{border-color:#9fb7a8;background:#e3ede6}.employee-chip:active{cursor:grabbing}.employee-chip .person-name{font-size:12px;word-break:break-all;font-weight:500}.employee-chip .person-role{font-size:10px;color:#708078;word-break:break-all}.employee-chip .person-age{font-size:10px;color:#728479;white-space:nowrap}.employee-chip .leave-mark{color:#a28141;font-size:10px;margin-left:5px}.employee-chip.drag-ghost{position:fixed!important;pointer-events:none;z-index:10000;box-shadow:0 8px 24px #253a3525;opacity:.94;transform:rotate(-2deg);max-width:220px}.dragging-body{cursor:grabbing}.drop-active{background:#e4eee7!important;box-shadow:inset 0 0 0 2px #678b76}.drop-empty{font-size:12px;color:#b1bab4;padding:9px 6px}.board-note{padding:12px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.analytics{display:grid;grid-template-columns:1.2fr 1fr 1fr;border:1px solid var(--line);background:#fff}.analytics.compact{margin-top:24px}.chart-box{padding:22px 25px;min-width:0;border-right:1px solid var(--line)}.chart-box:last-child{border-right:0}.chart-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.chart-title h2{font-size:13px;font-weight:550}.chart-title small{font-size:10px;color:var(--muted)}.age-bars{display:flex;gap:14px;align-items:flex-end;height:145px}.age-column{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;min-width:0;font-size:11px}.age-column strong{font-size:11px;font-weight:500}.age-column i{display:block;background:var(--green);width:74%;max-width:39px;min-height:0;border-radius:1px 1px 0 0}.age-column span{font-size:10px;white-space:nowrap;color:var(--muted)}.chart-foot{font-size:11px;color:var(--muted);margin-top:17px}.gender-chart{display:flex;align-items:center;gap:25px;min-height:145px}.donut{height:125px;width:125px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;position:relative}.donut:before{content:"";position:absolute;inset:22px;background:#fff;border-radius:50%}.donut>span{position:relative;font-size:24px;font-variant-numeric:tabular-nums}.donut small{font-size:11px;margin-left:3px}.gender-legend{display:grid;gap:9px;flex:1;font-size:11px}.gender-legend>div{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center}.gender-legend i{width:7px;height:7px;border-radius:50%}.gender-legend strong{font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}.gender-legend small{font-size:10px;color:var(--muted);margin-left:5px}.tenure-chart{display:grid;gap:16px}.tenure-row{display:flex;align-items:center;gap:10px;font-size:11px}.tenure-row>span{width:61px;color:var(--muted);white-space:nowrap}.bar-track{height:8px;flex:1;background:#eff2ef}.bar-track i{display:block;background:var(--green);height:100%}.tenure-row>strong{width:30px;text-align:right;font-size:11px;font-weight:400}.analysis-intro{display:flex;gap:45px;align-items:baseline;padding:22px 25px;border:1px solid var(--line);border-bottom:0;background:#fff}.analysis-intro span{font-size:11px;color:var(--muted)}.analysis-intro strong{font-size:25px;font-weight:500;margin-left:14px;font-variant-numeric:tabular-nums;color:var(--ink)}.analysis-intro small{font-size:11px;margin-left:5px;font-weight:400}.analysis-note{font-size:11px;color:var(--muted);padding:15px 0}.data-table{width:100%;border-collapse:collapse;background:#fff;font-size:12px;white-space:nowrap}.data-table th{font-weight:500;font-size:11px;color:var(--muted);background:var(--soft);padding:13px 16px;border-bottom:1px solid var(--line);text-align:left}.data-table td{padding:15px 16px;border-bottom:1px solid #e9ede9}.data-table td.name-cell{font-weight:550}.data-table tr:last-child td{border-bottom:0}.state-label{font-size:10px;padding:4px 7px;background:#edf3ed;color:#53745d;border-radius:3px}.state-label.leave{background:#f7f2e4;color:#97773b}.state-label.retired{background:#edf0ed;color:#88928c}.edit-button{padding:5px 10px;border:1px solid var(--line);border-radius:3px;font-size:11px;background:#fff;white-space:nowrap}.edit-button:hover{background:var(--soft)}.department-tree{display:grid;gap:12px}.department-line{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);padding:17px 20px}.department-line .dept-name{font-size:13px;font-weight:550}.department-line p{font-size:11px;color:var(--muted);margin-top:4px}.department-line .dept-right{display:flex;gap:24px;align-items:center;font-size:11px;color:var(--muted)}.empty{text-align:center;padding:65px 20px;background:#fff;border:1px solid var(--line);color:var(--muted);font-size:12px}.empty strong{display:block;color:#54695d;font-size:14px;font-weight:500;margin-bottom:10px}.empty .button{margin-top:20px}.app-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:19px;margin-top:25px}.app-footer small{display:block;font-size:10px;margin-top:4px}.footer-actions{display:flex;gap:18px;flex-wrap:wrap}#save-state.error{color:#ab544c}dialog{width:600px;max-width:calc(100% - 28px);border:1px solid #cfd9d2;border-radius:7px;padding:27px;color:var(--ink);box-shadow:0 20px 70px #213b302e;max-height:calc(100vh - 35px);overflow:auto}dialog::backdrop{background:#24382d55;backdrop-filter:blur(2px)}.dialog-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.dialog-title h2{font-size:21px;font-weight:550}.icon-close{height:30px;width:30px;font-size:25px;color:#7e8c82;background:var(--soft);border-radius:50%;display:grid;place-items:center;line-height:1;padding-bottom:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label,#login-form label{font-size:11px;color:#617567;display:block}.form-grid input,.form-grid select,#login-form input{display:block;width:100%;border:1px solid #d4ddd6;background:#fff;border-radius:4px;padding:10px 11px;margin-top:7px;font-size:13px;color:var(--ink)}.form-grid .wide{grid-column:1/-1}.form-help{font-size:11px;line-height:1.9;color:var(--muted);margin-top:16px}.form-error{font-size:12px;color:#a54c43;min-height:20px;margin:15px 0}.dialog-footer{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.dialog-footer>span{flex:1}.danger{font-size:12px;color:#ac5951;padding:8px 0}#confirm-dialog{width:450px}#confirm-message{font-size:13px;line-height:1.9;white-space:pre-line;color:#637469}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:20000;max-width:calc(100% - 30px);background:#2e5140;color:#fff;padding:13px 21px;border-radius:5px;font-size:12px;box-shadow:0 6px 24px #233c3026}#login-screen{min-height:100vh;background:#fafbf9;padding:40px}.login-brand{max-width:1300px;margin:0 auto}#login-form{width:100%;max-width:390px;margin:85px auto 40px}.login-caption{font-size:11px;color:var(--muted);margin-bottom:12px}#login-form h1{font-size:27px}#login-form>p{font-size:12px;color:var(--muted);margin:14px 0 28px}#login-form label{margin-top:18px}#login-form>.button{width:100%}#login-form>.form-error{color:#a54c43;margin:13px 0;min-height:18px}.demo-login{display:grid;gap:6px;padding:17px 20px;margin-top:25px;background:#f0f3ed;border:1px solid #dce4d9;border-radius:4px;font-size:12px;color:#6b7d6e}.demo-login strong{font-size:11px;font-weight:500;margin-bottom:4px}.demo-login code{color:#3c5c47;font-size:13px}#login-form>small{display:block;font-size:11px;color:#8b968d;line-height:1.9;margin-top:18px}
@media(min-width:1600px){.org-table col.role-col{width:230px}.org-table col.group-col{width:140px}.org-table col.dept-col{width:190px}}
@media(max-width:1100px){.app-header{padding:0 23px;gap:27px}nav{gap:22px}.local-label{display:none}main{padding:28px 23px}.reference-control{margin-left:0}.analytics{grid-template-columns:1.1fr 1fr}.chart-box:last-child{grid-column:1/-1;border-top:1px solid var(--line)}.chart-box:nth-child(2){border-right:0}.tenure-chart{grid-template-columns:1fr 1fr;gap:15px 30px}.gender-chart{gap:17px}.donut{height:110px;width:110px}.donut:before{inset:20px}}
@media(max-width:700px){.app-header{flex-wrap:wrap;gap:18px;padding:20px 18px 0}.wordmark{font-size:15px}.header-actions{margin-left:auto}.header-actions .quiet{font-size:10px}nav{order:3;width:100%;gap:28px;height:42px}nav button{font-size:12px}main{padding:25px 15px}.page-heading{align-items:flex-start;gap:14px;flex-wrap:wrap}h1{font-size:25px}.heading-actions{gap:8px}.heading-actions .button{padding:8px 12px;font-size:11px}.searchbox{width:100%;min-width:0}.searchbox input{width:100%;font-size:16px}.filterbar select{max-width:calc(50% - 5px);font-size:12px;flex:1}.filterbar{gap:9px}.reference-control{width:100%;justify-content:flex-end}.reference-control input{font-size:13px}.view-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.view-actions{gap:16px;flex-wrap:wrap}.board-heading{padding:13px 15px}.board-heading span{font-size:10px}.analytics{grid-template-columns:1fr}.chart-box{border-right:0;border-bottom:1px solid var(--line);padding:20px}.chart-box:last-child{border-top:0;border-bottom:0}.age-bars{height:135px;gap:12px}.age-column span{font-size:11px}.gender-chart{justify-content:center;gap:35px;min-height:130px}.gender-legend{max-width:200px}.tenure-chart{grid-template-columns:1fr}.app-footer{flex-direction:column;gap:13px}.footer-actions{gap:18px}.analysis-intro{padding:18px;gap:18px;flex-wrap:wrap}.analysis-intro>div{flex:1;min-width:110px}.analysis-intro span{display:block;font-size:11px}.analysis-intro strong{font-size:24px;margin:6px 0 0;display:inline-block}.analysis-intro small{font-size:11px}.department-line{padding:15px;gap:10px}.department-line .dept-right{gap:10px}.form-grid{grid-template-columns:1fr}.form-grid input,.form-grid select{font-size:16px}dialog{padding:23px 20px}.dialog-footer{gap:7px}.dialog-footer .button{padding:9px 11px}.dialog-footer .quiet{font-size:10px}#login-screen{padding:28px 22px}#login-form{margin-top:55px}#login-form input{font-size:16px}}
@media print{@page{size:A3 landscape;margin:12mm}body{background:white;color:#111;font-size:10pt}.app-header,.filterbar,.heading-actions,.view-toolbar,.app-footer,.board-note,#toast,#login-screen,dialog,.drag-ghost{display:none!important}main{padding:0;max-width:none}.page-heading{margin-bottom:15px}.page-summary{font-size:10pt}.board{border-color:#888}.table-scroll{overflow:visible}.org-table{min-width:0;width:100%}.org-table col.group-col{width:90px}.org-table col.dept-col{width:140px}.org-table col.role-col{width:170px}.org-table tr,.employee-chip,.chart-box{break-inside:avoid}.org-table td{padding:8px;height:auto}.employee-chip{border:1px solid #dde3dd;min-width:90px;padding:4px 7px;max-width:160px;break-inside:avoid}.employee-chip .person-name{font-size:10pt}.employee-chip .person-age,.employee-chip .person-role{font-size:8pt}.analytics.compact{display:none}.analytics{break-inside:avoid;grid-template-columns:1.2fr 1fr 1fr}.chart-box:last-child{grid-column:auto;border-top:0}.tenure-chart{grid-template-columns:1fr}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}