.workforce-planner{display:grid;gap:14px}.workforce-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.workforce-head h2{margin:0 0 6px}.workforce-head p{margin:0;color:var(--muted);font-size:13px}.workforce-head-actions{display:flex;gap:10px;align-items:center}.wf-sync{font-size:12px;color:#7adba8;background:#123d2b;padding:6px 9px;border-radius:999px}.workforce-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.workforce-tabs button,.wf-segment button{white-space:nowrap;border:1px solid var(--line);background:#0d1828;color:var(--muted);padding:9px 13px;border-radius:11px;cursor:pointer}.workforce-tabs button.active,.wf-segment button.active{color:#fff;background:#163765;border-color:#2b66ac}.wf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wf-stat{padding:15px;background:linear-gradient(180deg,var(--card),#0e1a2b);border:1px solid var(--line);border-radius:16px}.wf-stat span,.wf-stat small{display:block;color:var(--muted);font-size:12px}.wf-stat strong{display:block;font-size:25px;margin:7px 0}.wf-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.wf-list{display:grid;gap:9px}.wf-item{border:1px solid var(--line);background:#0d1828;border-radius:13px;padding:12px}.wf-item-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.wf-item h3,.wf-item h4{margin:0 0 5px;font-size:14px}.wf-item p{margin:4px 0;color:var(--muted);font-size:12px;line-height:1.45}.wf-bad{border-left:3px solid var(--red)}.wf-warn{border-left:3px solid var(--orange)}.wf-good{border-left:3px solid var(--green)}.wf-pill{display:inline-flex;gap:4px;align-items:center;font-size:11px;padding:4px 7px;border-radius:999px;background:#15243a;border:1px solid var(--line);color:#c9d6e8;margin:2px 3px 2px 0}.wf-pill.good{color:#71dfa3}.wf-pill.warn{color:#ffbf67}.wf-pill.bad{color:#ff9c9f}.wf-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.wf-toolbar input,.wf-toolbar select,.wf-field input,.wf-field select,.wf-field textarea{background:#091421;border:1px solid var(--line);color:var(--text);border-radius:11px;padding:10px 11px}.wf-toolbar input{min-width:240px;flex:1}.wf-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wf-card{background:linear-gradient(180deg,var(--card),#0e1a2b);border:1px solid var(--line);border-radius:16px;padding:15px}.wf-card h3{font-size:15px;margin:0 0 7px}.wf-card p{font-size:12px;color:var(--muted);margin:5px 0}.wf-card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.wf-icon{border:1px solid var(--line);background:#15243a;color:#fff;border-radius:9px;padding:6px 9px;cursor:pointer}.wf-danger{color:#ff9296}.wf-progress{height:7px;border-radius:999px;background:#0a1422;overflow:hidden;margin:9px 0}.wf-progress span{display:block;height:100%;background:var(--blue)}.wf-progress span.complete{background:var(--green)}.wf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.wf-field{display:grid;gap:6px;font-size:12px;color:#c8d4e5}.wf-field.full{grid-column:1/-1}.wf-field textarea{min-height:72px}.wf-checks{display:flex;flex-wrap:wrap;gap:8px}.wf-checks label{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:5px;background:#101d30;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.wf-detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.wf-recommendation{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.wf-score{font-size:12px;color:#78a8ff}.wf-history{display:grid;gap:7px}.wf-history-row{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;background:#0d1828;border-radius:10px}.wf-history-row small{color:var(--muted)}.wf-gantt-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#0b1625}.wf-gantt{min-width:980px}.wf-gantt-head,.wf-gantt-row{display:grid;grid-template-columns:240px 1fr}.wf-gantt-head{position:sticky;top:0;z-index:3;background:#111d2f;border-bottom:1px solid var(--line)}.wf-gantt-label{padding:10px 12px;border-right:1px solid var(--line);min-height:46px}.wf-gantt-label b{display:block;font-size:12px}.wf-gantt-label small{color:var(--muted);font-size:10px}.wf-timeline{position:relative;min-height:46px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(3.333% - 1px),#1b2a40 calc(3.333% - 1px),#1b2a40 3.333%)}.wf-months{display:grid;grid-template-columns:repeat(6,1fr);height:46px}.wf-months span{padding:14px 8px;border-right:1px solid var(--line);font-size:11px;color:var(--muted)}.wf-gantt-row{border-bottom:1px solid #18263a}.wf-bar{position:absolute;top:10px;height:26px;min-width:4px;border-radius:8px;background:#245faa;color:#fff;font-size:10px;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:grab}.wf-bar.active{background:#21815a}.wf-bar.overdue{background:#9b3d44}.wf-today{position:absolute;top:0;bottom:0;width:2px;background:#ff5d62;z-index:2;pointer-events:none}.wf-settings{display:grid;gap:13px;max-width:800px}.wf-setting{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:14px;align-items:center;padding:13px;background:#0d1828;border:1px solid var(--line);border-radius:13px}.wf-setting p{margin:4px 0 0;color:var(--muted);font-size:12px}.wf-setting input{width:100%;background:#091421;border:1px solid var(--line);color:#fff;border-radius:9px;padding:9px}.wf-empty{padding:24px;text-align:center;color:var(--muted)}.wf-overview-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wf-role-panel{padding:0;overflow:hidden}.wf-role-head{display:flex;justify-content:space-between;align-items:center;padding:16px 17px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(41,100,175,.18),transparent)}.wf-role-panel.orange .wf-role-head{background:linear-gradient(135deg,rgba(212,139,53,.17),transparent)}.wf-role-panel.green .wf-role-head{background:linear-gradient(135deg,rgba(46,153,105,.17),transparent)}.wf-role-head h2{display:flex;align-items:center;gap:9px;margin:0 0 4px;font-size:17px}.wf-role-head h2 i{width:9px;height:9px;border-radius:50%;background:#5b9df0;box-shadow:0 0 0 4px rgba(91,157,240,.12)}.wf-role-panel.orange .wf-role-head h2 i{background:#e6a556;box-shadow:0 0 0 4px rgba(230,165,86,.12)}.wf-role-panel.green .wf-role-head h2 i{background:#55c98b;box-shadow:0 0 0 4px rgba(85,201,139,.12)}.wf-role-head span{color:var(--muted);font-size:12px}.wf-role-head strong{font-size:21px;color:#dbe9fb}.wf-overview-people{display:grid;padding:5px 13px 11px}.wf-overview-person{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 2px;border-bottom:1px solid rgba(90,113,144,.2)}.wf-overview-person:last-child{border-bottom:0}.wf-overview-person-name{min-width:0;padding:0;border:0;background:transparent;color:var(--text);font-size:13px;font-weight:650;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.wf-overview-person-name:hover{color:#86b7ff}.wf-overview-person-name span{color:var(--muted);font-weight:500}.wf-overview-person-state{max-width:150px;padding:5px 8px;border-radius:8px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-overview-person-state.busy{color:#92c4ff;background:rgba(38,102,178,.2);border:1px solid rgba(67,132,209,.28)}.wf-overview-person-state.free{color:#bbc8d9;background:#142338;border:1px solid var(--line)}.wf-overview-empty{padding:20px;text-align:center;color:var(--muted);font-size:12px}.wf-overview-secondary{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wf-overview-panel{padding:0;overflow:hidden}.wf-overview-title{padding:15px 17px 12px;border-bottom:1px solid var(--line)}.wf-overview-title h2{margin:0 0 4px;font-size:15px}.wf-overview-title span{color:var(--muted);font-size:11px}.wf-overview-stack{display:grid;padding:10px;gap:8px}.wf-overview-alert,.wf-overview-shortage{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid rgba(196,84,91,.35);background:rgba(121,45,50,.14);border-radius:11px}.wf-overview-alert div,.wf-overview-shortage-main div{display:grid;gap:3px;min-width:0}.wf-overview-alert b,.wf-overview-shortage b{font-size:12px}.wf-overview-alert span,.wf-overview-shortage small{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-overview-alert strong{color:#ff969a;font-size:12px;white-space:nowrap}.wf-overview-shortage{background:rgba(174,116,42,.12);border-color:rgba(216,151,68,.31)}.wf-overview-shortage-main{display:flex;align-items:center;gap:9px;min-width:0}.wf-overview-ratio{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:10px;background:rgba(224,156,66,.17);color:#ffc778;font-size:12px;font-weight:800}.wf-overview-ok{display:flex;align-items:center;justify-content:center;gap:10px;min-height:66px;color:#71dfa3}.wf-overview-ok>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(56,160,103,.18)}.wf-overview-ok div{display:grid;gap:2px}.wf-overview-ok b{font-size:12px}.wf-overview-ok small{color:var(--muted);font-size:10px}.wf-overview-current{padding-bottom:8px}.wf-overview-current .panel-head{margin-bottom:0}.wf-overview-current .panel-head h2{margin-bottom:3px}.wf-overview-current .panel-head span{color:var(--muted);font-size:11px}.wf-overview-work-list{display:grid}.wf-overview-work{display:grid;grid-template-columns:74px minmax(0,1fr) 52px 22px;gap:12px;align-items:center;width:100%;padding:12px 4px;border:0;border-top:1px solid rgba(90,113,144,.2);background:transparent;color:var(--text);text-align:left;cursor:pointer}.wf-overview-work:hover{background:rgba(31,72,121,.12)}.wf-overview-work-status{justify-self:start;padding:5px 8px;border-radius:999px;font-size:10px;background:#19283d;color:#aebcd0}.wf-overview-work-status.active{background:rgba(39,148,92,.17);color:#73dda4}.wf-overview-work-status.late{background:rgba(188,66,73,.18);color:#ff969a}.wf-overview-work-main{display:grid;gap:4px;min-width:0}.wf-overview-work-main b,.wf-overview-work-main small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-overview-work-main b{font-size:13px}.wf-overview-work-main small{color:var(--muted);font-size:10px}.wf-overview-work-count{display:grid;text-align:right;font-weight:800;color:#ffc36e}.wf-overview-work-count.complete{color:#71dfa3}.wf-overview-work-count small{font-size:9px;color:var(--muted);font-weight:500}.wf-overview-arrow{color:#6685ad}
@media(max-width:1050px){.wf-grid{grid-template-columns:repeat(2,1fr)}.wf-cards{grid-template-columns:repeat(2,1fr)}.wf-columns,.wf-overview-secondary{grid-template-columns:1fr}.wf-overview-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-role-panel:last-child{grid-column:1/-1}}
@media(max-width:760px){.workforce-head{align-items:flex-start;flex-direction:column}.workforce-head-actions{width:100%;justify-content:space-between}.workforce-tabs{margin:0 -14px;padding:0 14px 4px}.wf-grid,.wf-cards,.wf-overview-role-grid{grid-template-columns:1fr}.wf-role-panel:last-child{grid-column:auto}.wf-form-grid{grid-template-columns:1fr}.wf-field.full{grid-column:auto}.wf-detail-summary{grid-template-columns:1fr}.wf-history-row{grid-template-columns:1fr}.wf-setting{grid-template-columns:1fr}.wf-overview-person-state{max-width:125px}.wf-overview-shortage{align-items:flex-start;flex-direction:column}.wf-overview-shortage .primary{width:100%}.wf-overview-work{grid-template-columns:64px minmax(0,1fr) 46px}.wf-overview-arrow{display:none}.mobile-nav{grid-template-columns:repeat(6,1fr)}}