*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f5f5}.workbench{min-height:100vh;display:flex;flex-direction:column}.workbench-header{background:#fff;border-bottom:1px solid #f0f0f0;padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:46px}.workbench-header h2{font-size:16px;font-weight:600;color:#1a1a1a}.workbench-content{flex:1;padding:14px 16px;overflow:auto}.workbench-footer{background:#fff;border-top:1px solid #f0f0f0;padding:8px 16px;display:flex;justify-content:space-between;align-items:center}.step-bar{background:#fff;padding:10px 16px;border-bottom:1px solid #f0f0f0}.summary-bar{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.summary-item{background:#fff;border-radius:6px;padding:8px 14px;min-width:130px;box-shadow:0 1px 3px #0000000f;flex:1}.summary-item .label{font-size:12px;color:#8c8c8c;margin-bottom:2px}.summary-item .value{font-size:20px;font-weight:700}.summary-item .value.red{color:#ff4d4f}.summary-item .value.green{color:#52c41a}.summary-item .value.orange{color:#fa8c16}.summary-item .value.blue{color:#1677ff}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.staff-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000000f;cursor:pointer;transition:box-shadow .2s}.staff-card:hover{box-shadow:0 3px 8px #0000001a}.staff-card .staff-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.staff-card .avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.staff-card .staff-info{flex:1}.staff-card .staff-name{font-weight:600;font-size:15px}.staff-card .staff-role{font-size:12px;color:#8c8c8c}.staff-card .status-dots{display:flex;gap:3px;margin-top:8px}.staff-card .status-dot{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff}.staff-card .status-dot.green{background:#52c41a}.staff-card .status-dot.yellow{background:#fadb14;color:#5c4e00}.staff-card .status-dot.red{background:#ff4d4f}.staff-card .status-dot.gray{background:#d9d9d9}.forecast-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.forecast-table table{width:100%;border-collapse:collapse}.forecast-table th{background:#fafafa;padding:10px 12px;font-size:13px;font-weight:600;text-align:center;border-bottom:1px solid #f0f0f0}.forecast-table td{padding:8px 12px;text-align:center;border-bottom:1px solid #f0f0f0;font-size:13px}.forecast-table tr:hover td{background:#fafafa}.heat-cell{display:inline-block;width:100%;padding:2px 6px;border-radius:3px;color:#fff;font-weight:600;font-size:12px}.heat-low{background:#bae7ff;color:#0050b3}.heat-mid{background:#69c0ff;color:#003a8c}.heat-high{background:#1677ff}.heat-top{background:#003a8c}.labor-gantt{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000000f;overflow-x:auto}.labor-gantt .gantt-row{display:flex;align-items:center;margin-bottom:4px}.labor-gantt .gantt-label{width:60px;font-size:12px;font-weight:600;color:#595959;flex-shrink:0}.labor-gantt .gantt-bar-area{flex:1;display:flex;height:28px;gap:1px}.labor-gantt .gantt-cell{flex:1;min-width:18px;border-radius:2px}.labor-gantt .gantt-cell.demand-0{background:#f5f5f5}.labor-gantt .gantt-cell.demand-1{background:#bae7ff}.labor-gantt .gantt-cell.demand-2{background:#69c0ff}.labor-gantt .gantt-cell.demand-3{background:#1677ff}.labor-gantt .gantt-cell.demand-4{background:#003a8c}.schedule-view{display:flex;gap:16px}.schedule-main{flex:1;min-width:0}.schedule-week{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000f;overflow-x:auto}.schedule-week table{width:100%;border-collapse:collapse;min-width:800px}.schedule-week th{background:#fafafa;padding:10px 8px;font-size:13px;font-weight:600;text-align:center;border:1px solid #f0f0f0;position:sticky;top:0}.schedule-week td{padding:4px;border:1px solid #f0f0f0;vertical-align:top;height:50px;min-width:100px}.shift-chip{display:block;padding:3px 6px;border-radius:4px;font-size:11px;color:#fff;margin-bottom:2px;white-space:nowrap;cursor:pointer}.shift-chip:hover{opacity:.85}.stats-panel{width:280px;flex-shrink:0;background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000000f;height:fit-content;position:sticky;top:80px}.stats-panel h4{font-size:15px;font-weight:600;margin-bottom:12px}.stats-panel .stat-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:13px}.stats-panel .stat-row .stat-label{color:#8c8c8c}.stats-panel .stat-value.up{color:#ff4d4f}.stats-panel .stat-value.down{color:#52c41a}.mobile-container{max-width:480px;margin:0 auto;min-height:100vh;background:#f5f5f5;position:relative;padding-bottom:60px}.mobile-header{background:#1677ff;color:#fff;padding:16px 20px;font-size:17px;font-weight:600;text-align:center}.mobile-content{padding:16px}.mobile-tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid #f0f0f0;display:flex;z-index:100}.mobile-tabbar .tab-item{flex:1;text-align:center;padding:8px 0;font-size:12px;color:#8c8c8c;cursor:pointer}.mobile-tabbar .tab-item.active{color:#1677ff}.mobile-tabbar .tab-item .tab-icon{font-size:20px;margin-bottom:2px}.mobile-calendar{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px}.date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.date-grid .date-cell{padding:8px 4px;border-radius:6px;font-size:13px;cursor:pointer}.date-grid .date-cell.selected{background:#1677ff;color:#fff}.date-grid .date-cell .day-label{font-size:10px;color:#8c8c8c}.mobile-shift-card{background:#fff;border-radius:8px;padding:14px;margin-bottom:10px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 2px #0000000a}.mobile-shift-card .shift-bar{width:4px;height:40px;border-radius:2px}